Add data-modal-focus-toid attribute

- Enhanced demos
- Added data-modal-focus-toid attribute (to give focus to an element in modal
- Fix listeners (for Webpack)

bower.json

@@ -3,7 +3,7 @@
   "description": "ES2015 accessible modal window system, using ARIA (compatible IE9+ when transpiled)",
   "homepage": "https://van11y.net/accessible-modal/",
   "main": "van11y-accessible-modal-window-aria.es6.js",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "keywords": [
     "Accessibility",
     "ARIA",

demo/index-fr.html

@@ -58,11 +58,11 @@ <h1 class="aligncenter">Démo&#160;: fenêtre modale accessible utilisant <abbr
       <p>Waouh, avec les transformations <abbr title="Cascading Style Sheet" lang="en">CSS</abbr>, c’est plus fluide.</p>
     </div>
 
-   <p><button class="js-modal button" data-modal-prefix-class="simple-left" data-modal-content-id="informations_other" data-modal-title="C’est si facile" data-modal-close-text="Fermer la modale" data-modal-close-title="Fermer cette fenêtre" data-modal-close-img="close.svg" id="label_modal_6">C’est si facile</button></p>
+   <p><button class="js-modal button" data-modal-prefix-class="simple-left" data-modal-content-id="informations_other" data-modal-title="C’est si facile" data-modal-close-text="Fermer la modale" data-modal-close-title="Fermer cette fenêtre" data-modal-close-img="close.svg" id="label_modal_6" data-modal-focus-toid="gimmefocusplease">C’est si facile (donner le focus à un élément dans la modale)</button></p>
 
   <div id="informations_other" class="hidden">
      <p>C’est si facile.</p>
-     <p>Styler des composants de modale peut être fait pour des sites responsive (essayez de redimensionner).</p>
+     <p tabindex="0" id="gimmefocusplease">Styler des composants de modale peut être fait pour des sites responsive (essayez de redimensionner).</p>
      <p><button class="js-modal-close button">Un button pour fermer</button></p>
     </div>
 

demo/index.html

@@ -59,11 +59,11 @@ <h1 class="aligncenter">Demo: accessible modal window using <abbr title="Accessi
     </div>
 
 
-   <p><button class="js-modal button" data-modal-prefix-class="simple-left" data-modal-content-id="informations_other" data-modal-title="It’s easy to use" data-modal-close-text="Close it" data-modal-close-title="Close this window" data-modal-close-img="close.svg" id="label_modal_6">It’s easy</button></p>
+   <p><button class="js-modal button" data-modal-prefix-class="simple-left" data-modal-content-id="informations_other" data-modal-title="It’s easy to use" data-modal-close-text="Close it" data-modal-close-title="Close this window" data-modal-close-img="close.svg" id="label_modal_6" data-modal-focus-toid="gimmefocusplease">It’s easy (gives focus to an element in the modal)</button></p>
 
   <div id="informations_other" class="hidden">
      <p>It’s so easy.</p>
-     <p>Styling modal components can be made for responsive websites (try to resize).</p>
+     <p tabindex="0" id="gimmefocusplease">Styling modal components can be made for responsive websites (try to resize).</p>
      <p><button class="js-modal-close button">A button to close it</button></p>
     </div>
 

package.json

@@ -3,7 +3,7 @@
   "name": "van11y-accessible-modal-window-aria",
   "description": "ES2015 accessible modal window system, using ARIA (compatible IE9+ when transpiled)",
   "main": "dist/van11y-accessible-modal-window-aria.min.js",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "keywords": [
     "Accessibility",
     "ARIA",