Normalize keybindings

Gruntfile.js

@@ -78,20 +78,20 @@ module.exports = function(grunt) {
         concat: {
             dist: {
               src: [
-                      'src/util/*.js',
-                      'src/DistortableImageOverlay.js',
-                      'src/edit/getEXIFdata.js',
-                      'src/edit/EditHandle.js',
-                      'src/edit/LockHandle.js',
-                      'src/edit/DistortHandle.js',
-                      'src/edit/RotateAndScaleHandle.js',
-                      'src/edit/RotateHandle.js',
-                      'src/edit/ScaleHandle.js',
-                      'src/DistortableCollection.js',
-                      'src/edit/BoxSelectHandle.js',
-                      'src/edit/tools/DistortableImage.Keymapper.js',
-                      'src/edit/DistortableImage.EditToolbar.js',
-                      'src/edit/DistortableImage.Edit.js'
+                  'src/util/*.js',
+                  'src/DistortableImageOverlay.js',
+                  'src/DistortableCollection.js',
+                  'src/edit/getEXIFdata.js',
+                  'src/edit/EditHandle.js',
+                  'src/edit/LockHandle.js',
+                  'src/edit/DistortHandle.js',
+                  'src/edit/RotateScaleHandle.js',
+                  'src/edit/RotateHandle.js',
+                  'src/edit/ScaleHandle.js',
+                  'src/edit/DistortableImage.EditToolbar.js',
+                  'src/edit/DistortableImage.Edit.js',
+                  'src/edit/tools/DistortableImage.Keymapper.js',
+                  'src/edit/BoxSelectHandle.js'
               ],
                 dest: 'dist/leaflet.distortableimage.js',
             }

README.md

@@ -57,6 +57,7 @@ L.tileLayer('https://{s}.tiles.mapbox.com/v3/anishshah101.ipm9j6em/{z}/{x}/{y}.p
 // create an image
 img = L.distortableImageOverlay(
   'example.png', {
+    // 'corners' is the only required option for this class
     corners: [
       L.latLng(51.52,-0.10),
       L.latLng(51.52,-0.14),
@@ -70,6 +71,27 @@ img = L.distortableImageOverlay(
 L.DomEvent.on(img._image, 'load', img.editing.enable, img.editing);
 ```
 
+Options available to pass during `L.DistortableImageOverlay` initialization:
+- corners
+
+- [selected](#selection)
+
+- mode
+
+- [fullResolutionSrc](#Full-resolution%20download)
+
+- [keymapper](#keymapper)
+
+- [suppressToolbar](#suppressToolbar)
+
+
+## Selected
+(*optional*, default: false, value: *boolean*)
+
+By default, your image will initially appear on the screen as "unselected", meaning its toolbar and editing handles will not be visible. Interacting with the image, such as by clicking it, will make these components visible.
+
+Some developers prefer that an image initially appears as "selected" instead of "unselected". In this case, we provide an option to pass `selected: true`.
+
 ## Keymapper
 (_optional_, default: true, value: _boolean_)
 
@@ -86,8 +108,6 @@ We've added a GPU-accelerated means to generate a full resolution version of the
 
 When instantiating a Distortable Image, pass in a `fullResolutionSrc` option set to the url of the higher resolution image. This image will be used in full-res exporting.
 
-
-
 ```js
 
 // create basic map setup from above
@@ -110,6 +130,15 @@ L.DomEvent.on(img._image, 'load', img.editing.enable, img.editing);
 
 ```
 
+## suppressToolbar
+(*optional*, default: false, value: *boolean*)
+
+To initialize an image without its toolbar, pass it `suppressToolbar: true`. 
+
+Typically, editing actions are triggered through our toolbar interface or our predefined keybindings. If disabling the toolbar, the developer will need to implement their own toolbar UI or just use the keybindings.
+
+This option will override other options related to the toolbar, such as [`selected: true`](#Selected)
+
 ## Multiple Images
 
 To test the multi-image interface, open `select.html`. Currently it supports multiple image selection and translations; image distortions still use the single-image interface.