Nest profile switch option under controls.

Author: willwhite

src/controls/inputs.js

@@ -17,13 +17,13 @@ let tmpl = template(fs.readFileSync(__dirname + '/../templates/inputs.html', 'ut
  */
 export default class Inputs {
   constructor(el, store, actions, map) {
-    const { originQuery, destinationQuery, profile, profileSwitcher } = store.getState();
+    const { originQuery, destinationQuery, profile, controls } = store.getState();
 
     el.innerHTML = tmpl({
       originQuery,
       destinationQuery,
       profile,
-      profileSwitcher
+      controls
     });
 
     this.container = el;

src/directions.js

@@ -24,14 +24,14 @@ import Instructions from './controls/instructions';
  * @param {String} [options.accessToken=null] Required unless `mapboxgl.accessToken` is set globally
  * @param {Boolean} [options.interactive=true] Enable/Disable mouse or touch interactivity from the plugin
  * @param {String} [options.profile="mapbox/driving-traffic"] Routing profile to use. Options: `mapbox/driving-traffic`, `mapbox/driving`, `mapbox/walking`, `mapbox/cycling`
- * @param {Boolean} [options.profileSwitcher=true] Whether to show the default profile switch with options for traffic, driving, walking and cycling.
  * @param {Boolean} [options.alternatives=true] Whether to enable alternatives.
  * @param {String} [options.unit="imperial"] Measurement system to be used in navigation instructions. Options: `imperial`, `metric`
  * @param {Function} [options.compile=null] Provide a custom function for generating instruction, compatible with osrm-text-instructions.
  * @param {Object} [options.geocoder] Pass options available to mapbox-gl-geocoder as [documented here](https://github.com/mapbox/mapbox-gl-geocoder/blob/master/API.md#mapboxglgeocoder).
  * @param {Object} [options.controls]
  * @param {Boolean} [options.controls.inputs=true] Hide or display the inputs control.
  * @param {Boolean} [options.controls.instructions=true] Hide or display the instructions control.
+ * @param {Boolean} [options.controls.profileSwitcher=true] Hide or display the default profile switch with options for traffic, driving, walking and cycling.
  * @example
  * var MapboxDirections = require('../src/index');
  * var directions = new MapboxDirections({

src/reducers/index.js

@@ -5,7 +5,6 @@ const initialState = {
   // Options set on initialization
   api: 'https://api.mapbox.com/directions/v5/',
   profile: 'mapbox/driving-traffic',
-  profileSwitcher: true,
   alternatives: false,
   unit: 'imperial',
   compile: null,
@@ -14,6 +13,7 @@ const initialState = {
 
   // UI controls
   controls: {
+    profileSwitcher: true,
     inputs: true,
     instructions: true
   },

src/templates/inputs.html

@@ -20,7 +20,7 @@
     </div>
   </div>
 
-  <% if (profileSwitcher) { %>
+  <% if (controls.profileSwitcher) { %>
   <div class='mapbox-directions-profile mapbox-directions-component-keyline mapbox-directions-clearfix'><input
       id='mapbox-directions-profile-driving-traffic'
       type='radio'