makeup-navigation-emitter - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

docs/static/bundle.js

@@ -594,3 +594,3 @@ /*
 
-$_mod.installed("makeup-navigation-emitter$0.0.2", "custom-event-polyfill", "0.3.0");
+$_mod.installed("makeup-navigation-emitter$0.0.3", "custom-event-polyfill", "0.3.0");
 $_mod.main("/custom-event-polyfill$0.3.0", "custom-event-polyfill");
@@ -644,3 +644,3 @@ $_mod.def("/custom-event-polyfill$0.3.0/custom-event-polyfill", function(require, exports, module, __filename, __dirname) { // Polyfill for creating CustomEvents on IE9/10/11
 $_mod.run("/custom-event-polyfill$0.3.0/custom-event-polyfill");
-$_mod.def("/makeup-navigation-emitter$0.0.2/util", function(require, exports, module, __filename, __dirname) { "use strict";
+$_mod.def("/makeup-navigation-emitter$0.0.3/util", function(require, exports, module, __filename, __dirname) { "use strict";
 
@@ -656,3 +656,3 @@ function nodeListToArray(nodeList) {
 });
-$_mod.installed("makeup-navigation-emitter$0.0.2", "makeup-key-emitter", "0.0.2");
+$_mod.installed("makeup-navigation-emitter$0.0.3", "makeup-key-emitter", "0.0.2");
 $_mod.main("/makeup-key-emitter$0.0.2", "");
@@ -769,3 +769,3 @@ $_mod.installed("makeup-key-emitter$0.0.2", "custom-event-polyfill", "0.3.0");
 });
-$_mod.installed("makeup-navigation-emitter$0.0.2", "makeup-exit-emitter", "0.0.2");
+$_mod.installed("makeup-navigation-emitter$0.0.3", "makeup-exit-emitter", "0.0.2");
 $_mod.main("/makeup-exit-emitter$0.0.2", "");
@@ -834,3 +834,3 @@ $_mod.installed("makeup-exit-emitter$0.0.2", "custom-event-polyfill", "0.3.0");
 });
-$_mod.def("/makeup-navigation-emitter$0.0.2/index", function(require, exports, module, __filename, __dirname) { 'use strict';
+$_mod.def("/makeup-navigation-emitter$0.0.3/index", function(require, exports, module, __filename, __dirname) { 'use strict';
 
@@ -840,6 +840,6 @@ // requires Object.assign polyfill or transform for IE
 
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
 function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
@@ -851,3 +851,3 @@
 
-var Util = require('/makeup-navigation-emitter$0.0.2/util'/*'./util.js'*/);
+var Util = require('/makeup-navigation-emitter$0.0.3/util'/*'./util.js'*/);
 var KeyEmitter = require('/makeup-key-emitter$0.0.2/index'/*'makeup-key-emitter'*/);
@@ -872,3 +872,3 @@ var ExitEmitter = require('/makeup-exit-emitter$0.0.2/index'/*'makeup-exit-emitter'*/);
         this.index--;
-    } else if (this._options.wrap) {
+    } else if (this.options.wrap) {
         this.index = this.items.length - 1;
@@ -881,3 +881,3 @@ }
         this.index++;
-    } else if (this._options.wrap) {
+    } else if (this.options.wrap) {
         this.index = 0;
@@ -903,4 +903,4 @@ }
 function onFocusExit() {
-    if (this._options.autoReset !== null) {
-        this.index = this._options.autoReset;
+    if (this.options.autoReset !== null) {
+        this.index = this.options.autoReset;
     }
@@ -910,4 +910,4 @@ }
 function onMutation() {
-    this._items = Util.nodeListToArray(this._el.querySelectorAll(this._itemSelector));
-    setData(this._items);
+    this.items = Util.nodeListToArray(this._el.querySelectorAll(this._itemSelector));
+    setData(this.items);
 
@@ -917,22 +917,11 @@ this._el.dispatchEvent(new CustomEvent('navigationModelMutation'));
 
-var NavigationModel = function () {
-    function NavigationModel() {
-        _classCallCheck(this, NavigationModel);
-    }
+var NavigationModel = function NavigationModel(el, itemSelector, selectedOptions) {
+    _classCallCheck(this, NavigationModel);
 
-    _createClass(NavigationModel, [{
-        key: 'items',
-        get: function get() {
-            return this._items;
-        }
-    }, {
-        key: 'options',
-        get: function get() {
-            return this._options;
-        }
-    }]);
+    this.options = _extends({}, defaultOptions, selectedOptions);
+    this._el = el;
+    this._itemSelector = itemSelector;
+    this.items = Util.nodeListToArray(el.querySelectorAll(itemSelector));
+};
 
-    return NavigationModel;
-}();
-
 var LinearNavigationModel = function (_NavigationModel) {
@@ -944,9 +933,13 @@ _inherits(LinearNavigationModel, _NavigationModel);
 
-        var _this = _possibleConstructorReturn(this, (LinearNavigationModel.__proto__ || Object.getPrototypeOf(LinearNavigationModel)).call(this));
+        var _this = _possibleConstructorReturn(this, (LinearNavigationModel.__proto__ || Object.getPrototypeOf(LinearNavigationModel)).call(this, el, itemSelector, selectedOptions));
 
-        _this._options = _extends({}, defaultOptions, selectedOptions);
-        _this._el = el;
-        _this._index = _this._options.autoInit;
-        _this._itemSelector = itemSelector;
-        _this._items = Util.nodeListToArray(el.querySelectorAll(itemSelector));
+        if (_this.options.autoInit !== null) {
+            _this._index = _this.options.autoInit;
+            _this._el.dispatchEvent(new CustomEvent('navigationModelInit', {
+                detail: {
+                    toIndex: _this.options.autoInit
+                },
+                bubbles: false
+            }));
+        }
         return _this;
@@ -1002,11 +995,11 @@ }
 
-        this._model = model;
+        this.model = model;
 
-        this.keyPrevListener = onKeyPrev.bind(model);
-        this.keyNextListener = onKeyNext.bind(model);
-        this.keyHomeListener = onKeyHome.bind(model);
-        this.keyEndListener = onKeyEnd.bind(model);
-        this.clickListener = onClick.bind(model);
-        this.focusExitListener = onFocusExit.bind(model);
-        this.observer = new MutationObserver(onMutation.bind(model));
+        this._keyPrevListener = onKeyPrev.bind(model);
+        this._keyNextListener = onKeyNext.bind(model);
+        this._keyHomeListener = onKeyHome.bind(model);
+        this._keyEndListener = onKeyEnd.bind(model);
+        this._clickListener = onClick.bind(model);
+        this._focusExitListener = onFocusExit.bind(model);
+        this._observer = new MutationObserver(onMutation.bind(model));
 
@@ -1018,20 +1011,15 @@ setData(model.items);
 
-        el.addEventListener('arrowLeftKeyDown', this.keyPrevListener);
-        el.addEventListener('arrowRightKeyDown', this.keyNextListener);
-        el.addEventListener('arrowUpKeyDown', this.keyPrevListener);
-        el.addEventListener('arrowDownKeyDown', this.keyNextListener);
-        el.addEventListener('homeKeyDown', this.keyHomeListener);
-        el.addEventListener('endKeyDown', this.keyEndListener);
-        el.addEventListener('click', this.clickListener);
-        el.addEventListener('focusExit', this.focusExitListener);
+        el.addEventListener('arrowLeftKeyDown', this._keyPrevListener);
+        el.addEventListener('arrowRightKeyDown', this._keyNextListener);
+        el.addEventListener('arrowUpKeyDown', this._keyPrevListener);
+        el.addEventListener('arrowDownKeyDown', this._keyNextListener);
+        el.addEventListener('homeKeyDown', this._keyHomeListener);
+        el.addEventListener('endKeyDown', this._keyEndListener);
+        el.addEventListener('click', this._clickListener);
+        el.addEventListener('focusExit', this._focusExitListener);
 
-        this.observer.observe(el, { childList: true, subtree: true });
+        this._observer.observe(el, { childList: true, subtree: true });
     }
 
-    _createClass(NavigationEmitter, [{
-        key: 'model',
-        get: function get() {
-            return this._model;
-        }
-    }], [{
+    _createClass(NavigationEmitter, null, [{
         key: 'createLinear',
@@ -1043,8 +1031,9 @@ value: function createLinear(el, itemSelector, selectedOptions) {
         }
-    }, {
-        key: 'createGrid',
-        value: function createGrid(el, rowSelector, colSelector, selectedOptions) {
-            // eslint-disable-line
+
+        /*
+        static createGrid(el, rowSelector, colSelector, selectedOptions) {
             return null;
         }
+        */
+
     }]);
@@ -1058,3 +1047,3 @@
 });
-$_mod.def("/makeup-navigation-emitter$0.0.2/docs/index", function(require, exports, module, __filename, __dirname) { var NavigationEmitter = require('/makeup-navigation-emitter$0.0.2/index'/*'../index.js'*/);
+$_mod.def("/makeup-navigation-emitter$0.0.3/docs/index", function(require, exports, module, __filename, __dirname) { var NavigationEmitter = require('/makeup-navigation-emitter$0.0.3/index'/*'../index.js'*/);
 
@@ -1104,2 +1093,2 @@ function nodeListToArray(nodeList) {
 });
-$_mod.run("/makeup-navigation-emitter$0.0.2/docs/index");
+$_mod.run("/makeup-navigation-emitter$0.0.3/docs/index");

index.js

@@ -6,6 +6,6 @@ 'use strict';
 
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
 function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
@@ -37,3 +37,3 @@
         this.index--;
-    } else if (this._options.wrap) {
+    } else if (this.options.wrap) {
         this.index = this.items.length - 1;
@@ -46,3 +46,3 @@ }
         this.index++;
-    } else if (this._options.wrap) {
+    } else if (this.options.wrap) {
         this.index = 0;
@@ -68,4 +68,4 @@ }
 function onFocusExit() {
-    if (this._options.autoReset !== null) {
-        this.index = this._options.autoReset;
+    if (this.options.autoReset !== null) {
+        this.index = this.options.autoReset;
     }
@@ -75,4 +75,4 @@ }
 function onMutation() {
-    this._items = Util.nodeListToArray(this._el.querySelectorAll(this._itemSelector));
-    setData(this._items);
+    this.items = Util.nodeListToArray(this._el.querySelectorAll(this._itemSelector));
+    setData(this.items);
 
@@ -82,22 +82,11 @@ this._el.dispatchEvent(new CustomEvent('navigationModelMutation'));
 
-var NavigationModel = function () {
-    function NavigationModel() {
-        _classCallCheck(this, NavigationModel);
-    }
+var NavigationModel = function NavigationModel(el, itemSelector, selectedOptions) {
+    _classCallCheck(this, NavigationModel);
 
-    _createClass(NavigationModel, [{
-        key: 'items',
-        get: function get() {
-            return this._items;
-        }
-    }, {
-        key: 'options',
-        get: function get() {
-            return this._options;
-        }
-    }]);
+    this.options = _extends({}, defaultOptions, selectedOptions);
+    this._el = el;
+    this._itemSelector = itemSelector;
+    this.items = Util.nodeListToArray(el.querySelectorAll(itemSelector));
+};
 
-    return NavigationModel;
-}();
-
 var LinearNavigationModel = function (_NavigationModel) {
@@ -109,9 +98,13 @@ _inherits(LinearNavigationModel, _NavigationModel);
 
-        var _this = _possibleConstructorReturn(this, (LinearNavigationModel.__proto__ || Object.getPrototypeOf(LinearNavigationModel)).call(this));
+        var _this = _possibleConstructorReturn(this, (LinearNavigationModel.__proto__ || Object.getPrototypeOf(LinearNavigationModel)).call(this, el, itemSelector, selectedOptions));
 
-        _this._options = _extends({}, defaultOptions, selectedOptions);
-        _this._el = el;
-        _this._index = _this._options.autoInit;
-        _this._itemSelector = itemSelector;
-        _this._items = Util.nodeListToArray(el.querySelectorAll(itemSelector));
+        if (_this.options.autoInit !== null) {
+            _this._index = _this.options.autoInit;
+            _this._el.dispatchEvent(new CustomEvent('navigationModelInit', {
+                detail: {
+                    toIndex: _this.options.autoInit
+                },
+                bubbles: false
+            }));
+        }
         return _this;
@@ -167,11 +160,11 @@ }
 
-        this._model = model;
+        this.model = model;
 
-        this.keyPrevListener = onKeyPrev.bind(model);
-        this.keyNextListener = onKeyNext.bind(model);
-        this.keyHomeListener = onKeyHome.bind(model);
-        this.keyEndListener = onKeyEnd.bind(model);
-        this.clickListener = onClick.bind(model);
-        this.focusExitListener = onFocusExit.bind(model);
-        this.observer = new MutationObserver(onMutation.bind(model));
+        this._keyPrevListener = onKeyPrev.bind(model);
+        this._keyNextListener = onKeyNext.bind(model);
+        this._keyHomeListener = onKeyHome.bind(model);
+        this._keyEndListener = onKeyEnd.bind(model);
+        this._clickListener = onClick.bind(model);
+        this._focusExitListener = onFocusExit.bind(model);
+        this._observer = new MutationObserver(onMutation.bind(model));
 
@@ -183,20 +176,15 @@ setData(model.items);
 
-        el.addEventListener('arrowLeftKeyDown', this.keyPrevListener);
-        el.addEventListener('arrowRightKeyDown', this.keyNextListener);
-        el.addEventListener('arrowUpKeyDown', this.keyPrevListener);
-        el.addEventListener('arrowDownKeyDown', this.keyNextListener);
-        el.addEventListener('homeKeyDown', this.keyHomeListener);
-        el.addEventListener('endKeyDown', this.keyEndListener);
-        el.addEventListener('click', this.clickListener);
-        el.addEventListener('focusExit', this.focusExitListener);
+        el.addEventListener('arrowLeftKeyDown', this._keyPrevListener);
+        el.addEventListener('arrowRightKeyDown', this._keyNextListener);
+        el.addEventListener('arrowUpKeyDown', this._keyPrevListener);
+        el.addEventListener('arrowDownKeyDown', this._keyNextListener);
+        el.addEventListener('homeKeyDown', this._keyHomeListener);
+        el.addEventListener('endKeyDown', this._keyEndListener);
+        el.addEventListener('click', this._clickListener);
+        el.addEventListener('focusExit', this._focusExitListener);
 
-        this.observer.observe(el, { childList: true, subtree: true });
+        this._observer.observe(el, { childList: true, subtree: true });
     }
 
-    _createClass(NavigationEmitter, [{
-        key: 'model',
-        get: function get() {
-            return this._model;
-        }
-    }], [{
+    _createClass(NavigationEmitter, null, [{
         key: 'createLinear',
@@ -208,8 +196,9 @@ value: function createLinear(el, itemSelector, selectedOptions) {
         }
-    }, {
-        key: 'createGrid',
-        value: function createGrid(el, rowSelector, colSelector, selectedOptions) {
-            // eslint-disable-line
+
+        /*
+        static createGrid(el, rowSelector, colSelector, selectedOptions) {
             return null;
         }
+        */
+
     }]);
@@ -216,0 +205,0 @@

package.json

 {
   "name": "makeup-navigation-emitter",
   "description": "Emits custom events based on keyboard navigation of one or two dimensional model",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "main": "index.js",
@@ -6,0 +6,0 @@ "repository": "https://github.com/makeup-js/makeup-navigation-emitter.git",

src/index.js

@@ -26,3 +26,3 @@ 'use strict';
         this.index--;
-    } else if (this._options.wrap) {
+    } else if (this.options.wrap) {
         this.index = (this.items.length - 1);
@@ -35,3 +35,3 @@ }
         this.index++;
-    } else if (this._options.wrap) {
+    } else if (this.options.wrap) {
         this.index = 0;
@@ -57,4 +57,4 @@ }
 function onFocusExit() {
-    if (this._options.autoReset !== null) {
-        this.index = this._options.autoReset;
+    if (this.options.autoReset !== null) {
+        this.index = this.options.autoReset;
     }
@@ -64,4 +64,4 @@ }
 function onMutation() {
-    this._items = Util.nodeListToArray(this._el.querySelectorAll(this._itemSelector));
-    setData(this._items);
+    this.items = Util.nodeListToArray(this._el.querySelectorAll(this._itemSelector));
+    setData(this.items);
 
@@ -72,9 +72,8 @@ this._el.dispatchEvent(new CustomEvent('navigationModelMutation'));
 class NavigationModel {
-    get items() {
-        return this._items;
+    constructor(el, itemSelector, selectedOptions) {
+        this.options = Object.assign({}, defaultOptions, selectedOptions);
+        this._el = el;
+        this._itemSelector = itemSelector;
+        this.items = Util.nodeListToArray(el.querySelectorAll(itemSelector));
     }
-
-    get options() {
-        return this._options;
-    }
 }
@@ -84,8 +83,13 @@
     constructor(el, itemSelector, selectedOptions) {
-        super();
-        this._options = Object.assign({}, defaultOptions, selectedOptions);
-        this._el = el;
-        this._index = this._options.autoInit;
-        this._itemSelector = itemSelector;
-        this._items = Util.nodeListToArray(el.querySelectorAll(itemSelector));
+        super(el, itemSelector, selectedOptions);
+
+        if (this.options.autoInit !== null) {
+            this._index = this.options.autoInit;
+            this._el.dispatchEvent(new CustomEvent('navigationModelInit', {
+                detail: {
+                    toIndex: this.options.autoInit
+                },
+                bubbles: false
+            }));
+        }
     }
@@ -132,11 +136,11 @@
     constructor(el, model) {
-        this._model = model;
+        this.model = model;
 
-        this.keyPrevListener = onKeyPrev.bind(model);
-        this.keyNextListener = onKeyNext.bind(model);
-        this.keyHomeListener = onKeyHome.bind(model);
-        this.keyEndListener = onKeyEnd.bind(model);
-        this.clickListener = onClick.bind(model);
-        this.focusExitListener = onFocusExit.bind(model);
-        this.observer = new MutationObserver(onMutation.bind(model));
+        this._keyPrevListener = onKeyPrev.bind(model);
+        this._keyNextListener = onKeyNext.bind(model);
+        this._keyHomeListener = onKeyHome.bind(model);
+        this._keyEndListener = onKeyEnd.bind(model);
+        this._clickListener = onClick.bind(model);
+        this._focusExitListener = onFocusExit.bind(model);
+        this._observer = new MutationObserver(onMutation.bind(model));
 
@@ -148,18 +152,14 @@ setData(model.items);
 
-        el.addEventListener('arrowLeftKeyDown', this.keyPrevListener);
-        el.addEventListener('arrowRightKeyDown', this.keyNextListener);
-        el.addEventListener('arrowUpKeyDown', this.keyPrevListener);
-        el.addEventListener('arrowDownKeyDown', this.keyNextListener);
-        el.addEventListener('homeKeyDown', this.keyHomeListener);
-        el.addEventListener('endKeyDown', this.keyEndListener);
-        el.addEventListener('click', this.clickListener);
-        el.addEventListener('focusExit', this.focusExitListener);
+        el.addEventListener('arrowLeftKeyDown', this._keyPrevListener);
+        el.addEventListener('arrowRightKeyDown', this._keyNextListener);
+        el.addEventListener('arrowUpKeyDown', this._keyPrevListener);
+        el.addEventListener('arrowDownKeyDown', this._keyNextListener);
+        el.addEventListener('homeKeyDown', this._keyHomeListener);
+        el.addEventListener('endKeyDown', this._keyEndListener);
+        el.addEventListener('click', this._clickListener);
+        el.addEventListener('focusExit', this._focusExitListener);
 
-        this.observer.observe(el, { childList: true, subtree: true });
+        this._observer.observe(el, { childList: true, subtree: true });
     }
 
-    get model() {
-        return this._model;
-    }
-
     static createLinear(el, itemSelector, selectedOptions) {
@@ -171,7 +171,9 @@ const model = new LinearNavigationModel(el, itemSelector, selectedOptions);
 
-    static createGrid(el, rowSelector, colSelector, selectedOptions) { // eslint-disable-line
+    /*
+    static createGrid(el, rowSelector, colSelector, selectedOptions) {
         return null;
     }
+    */
 }
 
 module.exports = NavigationEmitter;

test/static/bundle-module.js

@@ -1,2 +0,2 @@
-$_mod.installed("makeup-navigation-emitter$0.0.2", "custom-event-polyfill", "0.3.0");
+$_mod.installed("makeup-navigation-emitter$0.0.3", "custom-event-polyfill", "0.3.0");
 $_mod.main("/custom-event-polyfill$0.3.0", "custom-event-polyfill");
@@ -49,3 +49,3 @@ $_mod.def("/custom-event-polyfill$0.3.0/custom-event-polyfill", function(require, exports, module, __filename, __dirname) { // Polyfill for creating CustomEvents on IE9/10/11
 });
-$_mod.def("/makeup-navigation-emitter$0.0.2/util", function(require, exports, module, __filename, __dirname) { "use strict";
+$_mod.def("/makeup-navigation-emitter$0.0.3/util", function(require, exports, module, __filename, __dirname) { "use strict";
 
@@ -61,3 +61,3 @@ function nodeListToArray(nodeList) {
 });
-$_mod.installed("makeup-navigation-emitter$0.0.2", "makeup-key-emitter", "0.0.2");
+$_mod.installed("makeup-navigation-emitter$0.0.3", "makeup-key-emitter", "0.0.2");
 $_mod.main("/makeup-key-emitter$0.0.2", "");
@@ -174,3 +174,3 @@ $_mod.installed("makeup-key-emitter$0.0.2", "custom-event-polyfill", "0.3.0");
 });
-$_mod.installed("makeup-navigation-emitter$0.0.2", "makeup-exit-emitter", "0.0.2");
+$_mod.installed("makeup-navigation-emitter$0.0.3", "makeup-exit-emitter", "0.0.2");
 $_mod.main("/makeup-exit-emitter$0.0.2", "");
@@ -239,3 +239,3 @@ $_mod.installed("makeup-exit-emitter$0.0.2", "custom-event-polyfill", "0.3.0");
 });
-$_mod.def("/makeup-navigation-emitter$0.0.2/index", function(require, exports, module, __filename, __dirname) { 'use strict';
+$_mod.def("/makeup-navigation-emitter$0.0.3/index", function(require, exports, module, __filename, __dirname) { 'use strict';
 
@@ -245,6 +245,6 @@ // requires Object.assign polyfill or transform for IE
 
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
 function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
@@ -256,3 +256,3 @@
 
-var Util = require('/makeup-navigation-emitter$0.0.2/util'/*'./util.js'*/);
+var Util = require('/makeup-navigation-emitter$0.0.3/util'/*'./util.js'*/);
 var KeyEmitter = require('/makeup-key-emitter$0.0.2/index'/*'makeup-key-emitter'*/);
@@ -277,3 +277,3 @@ var ExitEmitter = require('/makeup-exit-emitter$0.0.2/index'/*'makeup-exit-emitter'*/);
         this.index--;
-    } else if (this._options.wrap) {
+    } else if (this.options.wrap) {
         this.index = this.items.length - 1;
@@ -286,3 +286,3 @@ }
         this.index++;
-    } else if (this._options.wrap) {
+    } else if (this.options.wrap) {
         this.index = 0;
@@ -308,4 +308,4 @@ }
 function onFocusExit() {
-    if (this._options.autoReset !== null) {
-        this.index = this._options.autoReset;
+    if (this.options.autoReset !== null) {
+        this.index = this.options.autoReset;
     }
@@ -315,4 +315,4 @@ }
 function onMutation() {
-    this._items = Util.nodeListToArray(this._el.querySelectorAll(this._itemSelector));
-    setData(this._items);
+    this.items = Util.nodeListToArray(this._el.querySelectorAll(this._itemSelector));
+    setData(this.items);
 
@@ -322,22 +322,11 @@ this._el.dispatchEvent(new CustomEvent('navigationModelMutation'));
 
-var NavigationModel = function () {
-    function NavigationModel() {
-        _classCallCheck(this, NavigationModel);
-    }
+var NavigationModel = function NavigationModel(el, itemSelector, selectedOptions) {
+    _classCallCheck(this, NavigationModel);
 
-    _createClass(NavigationModel, [{
-        key: 'items',
-        get: function get() {
-            return this._items;
-        }
-    }, {
-        key: 'options',
-        get: function get() {
-            return this._options;
-        }
-    }]);
+    this.options = _extends({}, defaultOptions, selectedOptions);
+    this._el = el;
+    this._itemSelector = itemSelector;
+    this.items = Util.nodeListToArray(el.querySelectorAll(itemSelector));
+};
 
-    return NavigationModel;
-}();
-
 var LinearNavigationModel = function (_NavigationModel) {
@@ -349,9 +338,13 @@ _inherits(LinearNavigationModel, _NavigationModel);
 
-        var _this = _possibleConstructorReturn(this, (LinearNavigationModel.__proto__ || Object.getPrototypeOf(LinearNavigationModel)).call(this));
+        var _this = _possibleConstructorReturn(this, (LinearNavigationModel.__proto__ || Object.getPrototypeOf(LinearNavigationModel)).call(this, el, itemSelector, selectedOptions));
 
-        _this._options = _extends({}, defaultOptions, selectedOptions);
-        _this._el = el;
-        _this._index = _this._options.autoInit;
-        _this._itemSelector = itemSelector;
-        _this._items = Util.nodeListToArray(el.querySelectorAll(itemSelector));
+        if (_this.options.autoInit !== null) {
+            _this._index = _this.options.autoInit;
+            _this._el.dispatchEvent(new CustomEvent('navigationModelInit', {
+                detail: {
+                    toIndex: _this.options.autoInit
+                },
+                bubbles: false
+            }));
+        }
         return _this;
@@ -407,11 +400,11 @@ }
 
-        this._model = model;
+        this.model = model;
 
-        this.keyPrevListener = onKeyPrev.bind(model);
-        this.keyNextListener = onKeyNext.bind(model);
-        this.keyHomeListener = onKeyHome.bind(model);
-        this.keyEndListener = onKeyEnd.bind(model);
-        this.clickListener = onClick.bind(model);
-        this.focusExitListener = onFocusExit.bind(model);
-        this.observer = new MutationObserver(onMutation.bind(model));
+        this._keyPrevListener = onKeyPrev.bind(model);
+        this._keyNextListener = onKeyNext.bind(model);
+        this._keyHomeListener = onKeyHome.bind(model);
+        this._keyEndListener = onKeyEnd.bind(model);
+        this._clickListener = onClick.bind(model);
+        this._focusExitListener = onFocusExit.bind(model);
+        this._observer = new MutationObserver(onMutation.bind(model));
 
@@ -423,20 +416,15 @@ setData(model.items);
 
-        el.addEventListener('arrowLeftKeyDown', this.keyPrevListener);
-        el.addEventListener('arrowRightKeyDown', this.keyNextListener);
-        el.addEventListener('arrowUpKeyDown', this.keyPrevListener);
-        el.addEventListener('arrowDownKeyDown', this.keyNextListener);
-        el.addEventListener('homeKeyDown', this.keyHomeListener);
-        el.addEventListener('endKeyDown', this.keyEndListener);
-        el.addEventListener('click', this.clickListener);
-        el.addEventListener('focusExit', this.focusExitListener);
+        el.addEventListener('arrowLeftKeyDown', this._keyPrevListener);
+        el.addEventListener('arrowRightKeyDown', this._keyNextListener);
+        el.addEventListener('arrowUpKeyDown', this._keyPrevListener);
+        el.addEventListener('arrowDownKeyDown', this._keyNextListener);
+        el.addEventListener('homeKeyDown', this._keyHomeListener);
+        el.addEventListener('endKeyDown', this._keyEndListener);
+        el.addEventListener('click', this._clickListener);
+        el.addEventListener('focusExit', this._focusExitListener);
 
-        this.observer.observe(el, { childList: true, subtree: true });
+        this._observer.observe(el, { childList: true, subtree: true });
     }
 
-    _createClass(NavigationEmitter, [{
-        key: 'model',
-        get: function get() {
-            return this._model;
-        }
-    }], [{
+    _createClass(NavigationEmitter, null, [{
         key: 'createLinear',
@@ -448,8 +436,9 @@ value: function createLinear(el, itemSelector, selectedOptions) {
         }
-    }, {
-        key: 'createGrid',
-        value: function createGrid(el, rowSelector, colSelector, selectedOptions) {
-            // eslint-disable-line
+
+        /*
+        static createGrid(el, rowSelector, colSelector, selectedOptions) {
             return null;
         }
+        */
+
     }]);
@@ -456,0 +445,0 @@

No alert changes

Worsened metrics

Total package byte prevSize

241116

decreased by-0.09%

Lines of code

1754

decreased by-1.85%

No dependency changes