formed.css - npm Package Compare versions

Comparing version 0.3.0 to 0.4.0

dist/js/editor.js

@@ -66,7 +66,8 @@ /******/ (function(modules) { // webpackBootstrap
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 0);
+/******/ 	return __webpack_require__(__webpack_require__.s = 1);
 /******/ })
 /************************************************************************/
 /******/ ([
-/* 0 */
+/* 0 */,
+/* 1 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -73,0 +74,0 @@

dist/js/formed.min.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.formed=e():t.formed=e()}(this,function(){return function(t){function e(r){if(i[r])return i[r].exports;var s=i[r]={i:r,l:!1,exports:{}};return t[r].call(s.exports,s,s.exports,e),s.l=!0,s.exports}var i={};return e.m=t,e.c=i,e.i=function(t){return t},e.d=function(t,i,r){e.o(t,i)||Object.defineProperty(t,i,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var i=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(i,"a",i),i},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=2)}([function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=function(){function t(){return this.controlEl.disabled=!0,this.refreshState()}function e(){return this.controlEl.disabled=!1,this.refreshState()}function i(t){var e=Object.create(w);if(t&&1!==t.nodeType)throw new TypeError("Element passed in is not a HTML node.");return e.editorEl=t,e.controlEl=e.editorEl.querySelector("."+b.CONTROL),e.iconEl=e.editorEl.querySelector("."+b.ICON),e.labelEl=e.editorEl.querySelector("."+b.LABEL),n.call(e),h.call(e),e.refreshState(),e.controlEl.hasAttribute("autofocus")&&(e.editorEl.focus(),o.call(e)),e}function r(){this.controlEl.removeEventListener("blur",u.bind(this)),this.controlEl.removeEventListener("focus",f.bind(this)),this.controlEl.removeEventListener("input",E.bind(this)),this.controlEl.removeEventListener("reset",v.bind(this))}function s(){return l.call(this),a.call(this),o.call(this),d.call(this),c.call(this),this}function n(){this.controlEl.addEventListener("blur",u.bind(this)),this.controlEl.addEventListener("focus",f.bind(this)),this.controlEl.addEventListener("input",E.bind(this)),this.controlEl.addEventListener("reset",v.bind(this))}function a(){var t=this.controlEl.hasAttribute("disabled"),e=t?"add":"remove";this.editorEl.classList[e](b.IS_DISABLED)}function o(){var t=!!this.editorEl.querySelector(":focus"),e=t?"add":"remove";this.editorEl.classList[e](b.IS_FOCUSED)}function l(){var t=this.controlEl.value&&this.controlEl.value.length>0,e=t?"add":"remove";this.editorEl.classList[e](b.IS_DIRTY)}function d(){var t=this.controlEl.hasAttribute("readonly"),e=t?"add":"remove";this.editorEl.classList[e](b.IS_READONLY)}function c(){if(this.controlEl.validity){var t=this.controlEl.validity.valid,e=t?"remove":"add";this.editorEl.classList[e](b.IS_INVALID)}}function h(){this.controlEl&&this.controlEl.hasAttribute("placeholder")&&this.editorEl.classList.add(b.HAS_PLACEHOLDER)}function u(){this.editorEl.classList.remove(b.IS_FOCUSED)}function f(){this.editorEl.classList.add(b.IS_FOCUSED)}function E(){this.refreshState()}function v(){this.refreshState()}var b={CONTROL:"Editor-control",LABEL:"Editor-label",ICON:"Editor-icon",HAS_ICON:"has-icon",HAS_PLACEHOLDER:"has-placeholder",IS_DIRTY:"is-dirty",IS_DISABLED:"is-disabled",IS_FOCUSED:"is-focused",IS_INVALID:"is-invalid",IS_READONLY:"is-readonly"},w={disable:t,enable:e,refreshState:s,destroy:r};return i}();e.default=r},function(t,e,i){"use strict";function r(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(e,"__esModule",{value:!0});var s=function(){function t(t,e){for(var i=0;i<e.length;i++){var r=e[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}return function(e,i,r){return i&&t(e.prototype,i),r&&t(e,r),e}}(),n=function(){function t(){for(var t=this.config,e=this._element.childNodes,i=e.length,r=0;r<i;r++){var s=e[r];s.classList&&s.classList.contains(t.headerClass)&&(this._header=s),s.classList&&s.classList.contains(t.drawerClass)&&(this._drawer=s),s.classList&&s.classList.contains(t.mainClass)&&(this._main=s)}return this}function e(){return this._drawerBtn=this._element.querySelector("."+this.config.drawerBtnClass),this._drawer.setAttribute("aria-hidden","true"),this._drawerBtn.setAttribute("aria-expanded","false"),this._drawerBtn.setAttribute("tabindex","0"),this._drawerBtn.setAttribute("type","button"),"button"!==this._drawerBtn.tagName.toLowerCase()&&this._drawerBtn.setAttribute("role","button"),i.call(this),this}function i(){return this._mask=document.createElement("div"),this._mask.classList.add(this.config.maskClass),this._element.appendChild(this._mask),this}var n={ENTER:13,ESCAPE:27,SPACE:32},a=function(){function i(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(r(this,i),t&&1!==t.nodeType)throw new TypeError("Element passed in is not a HTML node.");this._element=t,this.config=Object.assign({},this.defaults,e),this.init()}return s(i,[{key:"init",value:function(){this.wrapLayout(),t.call(this),this._drawer&&e.call(this),this.breakpoint=window.matchMedia(this.config.breakpoint),this.screenSizeHandler(),this.bindings()}},{key:"bindings",value:function(){return this._drawer&&(this._drawerBtn.addEventListener("click",this.drawerToggleHandler.bind(this)),this._drawerBtn.addEventListener("keydown",this.drawerToggleHandler.bind(this)),this._drawer.addEventListener("keydown",this.keyboardHandler.bind(this)),this._mask.addEventListener("click",this.drawerToggleHandler.bind(this))),this.breakpoint.addListener(this.screenSizeHandler.bind(this)),this}},{key:"drawerToggleHandler",value:function(t){var e=n.SPACE,i=n.ENTER;if(t&&"keydown"===t.type){if(t.keyCode!==e&&t.keyCode!==i)return;t.preventDefault()}this.toggleDrawer()}},{key:"hasActiveDrawer",value:function(){return this._drawer&&this._drawer.classList.contains(this.config.isDrawerActiveClass)}},{key:"hasDrawerFixed",value:function(){return this._drawer&&this._element.classList.contains("Layout--drawerFixed")}},{key:"keyboardHandler",value:function(t){t.keyCode===n.ESCAPE&&this.hasActiveDrawer()&&this.toggleDrawer()}},{key:"screenSizeHandler",value:function(){this.breakpoint.matches&&this._drawer?(this._drawer.setAttribute("aria-hidden",(!this.hasDrawerFixed()).toString()),this._drawerBtn.setAttribute("aria-expanded","false"),this._drawer.classList.remove(this.config.isDrawerActiveClass),this._mask.classList.remove(this.config.isDrawerActiveClass)):this.hasDrawerFixed()&&this._drawer.setAttribute("aria-hidden","true")}},{key:"toggleDrawer",value:function(){this._drawer.classList.toggle(this.config.isDrawerActiveClass),this._mask.classList.toggle(this.config.isDrawerActiveClass),this.hasActiveDrawer()?(this._drawer.setAttribute("aria-hidden","false"),this._drawerBtn.setAttribute("aria-expanded","true")):(this._drawer.setAttribute("aria-hidden","true"),this._drawerBtn.setAttribute("aria-expanded","false"))}},{key:"wrapLayout",value:function(){var t=document.createElement("div");t.classList.add("layout-absoluteViewport");var e=document.querySelector(":focus");return this._element.parentNode.insertBefore(t,this._element),this._element.parentNode.removeChild(this._element),t.appendChild(this._element),e&&e.focus(),this}}]),i}();return a.prototype.defaults={headerClass:"Layout-header",drawerClass:"Layout-drawer",drawerBtnClass:"Layout-header-menu",mainClass:"Layout-main",maskClass:"Layout-mask",isDrawerActiveClass:"is-active",breakpoint:"(min-width: 992px)"},a}();e.default=n},function(t,e,i){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=i(0),n=r(s),a=i(1),o=r(a);e.default={editor:n.default,Layout:o.default}}])});
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.formed=e():t.formed=e()}(this,function(){return function(t){function e(r){if(i[r])return i[r].exports;var s=i[r]={i:r,l:!1,exports:{}};return t[r].call(s.exports,s,s.exports,e),s.l=!0,s.exports}var i={};return e.m=t,e.c=i,e.i=function(t){return t},e.d=function(t,i,r){e.o(t,i)||Object.defineProperty(t,i,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var i=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(i,"a",i),i},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=3)}([function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=function(){function t(t){this.element.classList.remove(f.IS_FOCUSED)}function e(){o.call(this)}function i(t){this.element.classList.add(f.IS_FOCUSED)}function r(r){r.control.addEventListener("blur",t.bind(r)),r.control.addEventListener("change",e.bind(r)),r.control.addEventListener("focus",i.bind(r))}function s(){var t=this.control.disabled?"add":"remove";this.element.classList[t](f.IS_DISABLED)}function n(){var t=this.control.checked?"add":"remove";this.element.classList[t](f.IS_CHECKED)}function a(t,e){t.classList.add(f.IS_CUSTOM);var i=document.createElement("span");return i.classList.add(f.BOX),t.insertBefore(i,e.nextSibling),i}function o(){s.call(this),n.call(this)}function l(){this.control.checked=!0,o()}function d(){this.control.checked=!1,o()}function c(){this.control.disabled=!0,o()}function u(){this.control.disabled=!1,o()}function h(t){if(t&&1!==t.nodeType)throw new TypeError("Element passed in is not a HTML node.");var e=Object.create(E);return e.element=t,e.control=t.querySelector("."+f.CONTROL),e.label=t.querySelector("."+f.LABEL),e.box=a(e.element,e.control),r(e),o.call(e),e}var f={CHECKBOX:"Checkbox",CONTROL:"Checkbox-control",BOX:"Checkbox-box",LABEL:"Checkbox-label",IS_CHECKED:"is-checked",IS_CUSTOM:"is-custom",IS_DISABLED:"is-disabled",IS_FOCUSED:"is-focused"},E={check:l,uncheck:d,disable:c,enable:u};return h}();e.default=r},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=function(){function t(){return this.controlEl.disabled=!0,this.refreshState()}function e(){return this.controlEl.disabled=!1,this.refreshState()}function i(t){var e=Object.create(L);if(t&&1!==t.nodeType)throw new TypeError("Element passed in is not a HTML node.");return e.editorEl=t,e.controlEl=e.editorEl.querySelector("."+v.CONTROL),e.iconEl=e.editorEl.querySelector("."+v.ICON),e.labelEl=e.editorEl.querySelector("."+v.LABEL),n.call(e),u.call(e),e.refreshState(),e.controlEl.hasAttribute("autofocus")&&(e.editorEl.focus(),o.call(e)),e}function r(){this.controlEl.removeEventListener("blur",h.bind(this)),this.controlEl.removeEventListener("focus",f.bind(this)),this.controlEl.removeEventListener("input",E.bind(this)),this.controlEl.removeEventListener("reset",b.bind(this))}function s(){return l.call(this),a.call(this),o.call(this),d.call(this),c.call(this),this}function n(){this.controlEl.addEventListener("blur",h.bind(this)),this.controlEl.addEventListener("focus",f.bind(this)),this.controlEl.addEventListener("input",E.bind(this)),this.controlEl.addEventListener("reset",b.bind(this))}function a(){var t=this.controlEl.hasAttribute("disabled"),e=t?"add":"remove";this.editorEl.classList[e](v.IS_DISABLED)}function o(){var t=!!this.editorEl.querySelector(":focus"),e=t?"add":"remove";this.editorEl.classList[e](v.IS_FOCUSED)}function l(){var t=this.controlEl.value&&this.controlEl.value.length>0,e=t?"add":"remove";this.editorEl.classList[e](v.IS_DIRTY)}function d(){var t=this.controlEl.hasAttribute("readonly"),e=t?"add":"remove";this.editorEl.classList[e](v.IS_READONLY)}function c(){if(this.controlEl.validity){var t=this.controlEl.validity.valid,e=t?"remove":"add";this.editorEl.classList[e](v.IS_INVALID)}}function u(){this.controlEl&&this.controlEl.hasAttribute("placeholder")&&this.editorEl.classList.add(v.HAS_PLACEHOLDER)}function h(){this.editorEl.classList.remove(v.IS_FOCUSED)}function f(){this.editorEl.classList.add(v.IS_FOCUSED)}function E(){this.refreshState()}function b(){this.refreshState()}var v={CONTROL:"Editor-control",LABEL:"Editor-label",ICON:"Editor-icon",HAS_ICON:"has-icon",HAS_PLACEHOLDER:"has-placeholder",IS_DIRTY:"is-dirty",IS_DISABLED:"is-disabled",IS_FOCUSED:"is-focused",IS_INVALID:"is-invalid",IS_READONLY:"is-readonly"},L={disable:t,enable:e,refreshState:s,destroy:r};return i}();e.default=r},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=function(){function t(){return this.drawer&&this.drawer.classList.contains(h.isDrawerActiveClass)}function e(){return this.drawer&&this.element.classList.contains("Layout--drawerFixed")}function i(){this.drawer.classList.toggle(h.isDrawerActiveClass),this.mask.classList.toggle(h.isDrawerActiveClass),this.hasActiveDrawer()?(this.drawer.setAttribute("aria-hidden","false"),this.drawerBtn.setAttribute("aria-expanded","true")):(this.drawer.setAttribute("aria-hidden","true"),this.drawerBtn.setAttribute("aria-expanded","false"))}function r(t){var e=Object.create(E);return e.element=t,l.call(e),d.call(e),e.drawer&&c.call(e),e.breakpoint=window.matchMedia(h.breakpoint),a.call(e),o.call(e),e}function s(t){var e=f.SPACE,i=f.ENTER;if(t&&"keydown"===t.type){if(t.keyCode!==e&&t.keyCode!==i)return;t.preventDefault()}this.toggleDrawer()}function n(t){t.keyCode===f.ESCAPE&&this.hasActiveDrawer()&&this.toggleDrawer()}function a(){this.breakpoint.matches&&this.drawer?(this.drawer.setAttribute("aria-hidden",(!this.hasDrawerFixed()).toString()),this.drawerBtn.setAttribute("aria-expanded","false"),this.drawer.classList.remove(h.isDrawerActiveClass),this.mask.classList.remove(h.isDrawerActiveClass)):this.hasDrawerFixed()&&this.drawer.setAttribute("aria-hidden","true")}function o(){return this.drawer&&(this.drawerBtn.addEventListener("click",s.bind(this)),this.drawerBtn.addEventListener("keydown",s.bind(this)),this.drawer.addEventListener("keydown",n.bind(this)),this.mask.addEventListener("click",s.bind(this))),this.breakpoint.addListener(a.bind(this)),this}function l(){var t=document.createElement("div");t.classList.add("layout-absoluteViewport");var e=document.querySelector(":focus");return this.element.parentNode.insertBefore(t,this.element),this.element.parentNode.removeChild(this.element),t.appendChild(this.element),e&&e.focus(),this}function d(){for(var t=this.element.childNodes,e=t.length,i=0;i<e;i++){var r=t[i];r.classList&&r.classList.contains(h.headerClass)&&(this.header=r),r.classList&&r.classList.contains(h.drawerClass)&&(this.drawer=r),r.classList&&r.classList.contains(h.mainClass)&&(this.main=r)}return this}function c(){return this.drawerBtn=this.element.querySelector("."+h.drawerBtnClass),this.drawer.setAttribute("aria-hidden","true"),this.drawerBtn.setAttribute("aria-expanded","false"),this.drawerBtn.setAttribute("tabindex","0"),this.drawerBtn.setAttribute("type","button"),"button"!==this.drawerBtn.tagName.toLowerCase()&&this.drawerBtn.setAttribute("role","button"),u.call(this),this}function u(){return this.mask=document.createElement("div"),this.mask.classList.add(h.maskClass),this.element.appendChild(this.mask),this}var h={headerClass:"Layout-header",drawerClass:"Layout-drawer",drawerBtnClass:"Layout-header-menu",mainClass:"Layout-main",maskClass:"Layout-mask",isDrawerActiveClass:"is-active",breakpoint:"(min-width: 992px)"},f={ENTER:13,ESCAPE:27,SPACE:32},E={hasActiveDrawer:t,hasDrawerFixed:e,toggleDrawer:i};return r}();e.default=r},function(t,e,i){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=i(0),n=r(s),a=i(1),o=r(a),l=i(2),d=r(l);e.default={checkbox:n.default,editor:o.default,layout:d.default}}])});
 //# sourceMappingURL=formed.min.js.map

dist/js/layout.js

@@ -66,8 +66,8 @@ /******/ (function(modules) { // webpackBootstrap
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 1);
+/******/ 	return __webpack_require__(__webpack_require__.s = 2);
 /******/ })
 /************************************************************************/
-/******/ ([
-/* 0 */,
-/* 1 */
+/******/ ({
+
+/***/ 2:
 /***/ (function(module, exports, __webpack_require__) {
@@ -81,9 +81,4 @@
 });
-
-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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
 /**
- * Layout.js
+ * Create a Formed layout.
  */
@@ -94,2 +89,12 @@
 
+  var cssInterface = {
+    headerClass: 'Layout-header',
+    drawerClass: 'Layout-drawer',
+    drawerBtnClass: 'Layout-header-menu',
+    mainClass: 'Layout-main',
+    maskClass: 'Layout-mask',
+    isDrawerActiveClass: 'is-active',
+    breakpoint: '(min-width: 992px)'
+  };
+
   var KEYCODES = {
@@ -101,151 +106,123 @@ ENTER: 13,
 
-  var Layout = function () {
-    function Layout(element) {
-      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  function hasActiveDrawer() {
+    return this.drawer && this.drawer.classList.contains(cssInterface.isDrawerActiveClass);
+  }
 
-      _classCallCheck(this, Layout);
+  function hasDrawerFixed() {
+    return this.drawer && this.element.classList.contains('Layout--drawerFixed');
+  }
 
-      if (!!(element && element.nodeType !== 1)) {
-        throw new TypeError('Element passed in is not a HTML node.');
-      }
+  function toggleDrawer() {
+    this.drawer.classList.toggle(cssInterface.isDrawerActiveClass);
+    this.mask.classList.toggle(cssInterface.isDrawerActiveClass);
 
-      this._element = element;
-      this.config = Object.assign({}, this.defaults, options);
+    // Set aria attributes
+    if (this.hasActiveDrawer()) {
+      this.drawer.setAttribute('aria-hidden', 'false');
+      this.drawerBtn.setAttribute('aria-expanded', 'true');
+    } else {
+      this.drawer.setAttribute('aria-hidden', 'true');
+      this.drawerBtn.setAttribute('aria-expanded', 'false');
+    }
+  }
 
-      this.init();
+  // Create a new layout, returning new object with the api attached to its
+  // proto.
+
+  function create(element) {
+    var layout = Object.create(api);
+
+    layout.element = element;
+
+    wrapLayout.call(layout);
+    cacheChildren.call(layout);
+
+    if (layout.drawer) {
+      drawerSetup.call(layout);
     }
 
-    _createClass(Layout, [{
-      key: 'init',
-      value: function init() {
-        this.wrapLayout();
-        cacheChildren.call(this);
+    layout.breakpoint = window.matchMedia(cssInterface.breakpoint);
 
-        if (this._drawer) {
-          drawerSetup.call(this);
-        }
+    screenSizeHandler.call(layout);
+    bindings.call(layout);
 
-        this.breakpoint = window.matchMedia(this.config.breakpoint);
+    return layout;
+  }
 
-        this.screenSizeHandler();
+  // Private functions
 
-        this.bindings();
+  // Handlers
+
+  function drawerToggleHandler(evt) {
+    var SPACE = KEYCODES.SPACE,
+        ENTER = KEYCODES.ENTER;
+
+
+    if (evt && evt.type === 'keydown') {
+      if (evt.keyCode === SPACE || evt.keyCode === ENTER) {
+        evt.preventDefault();
+      } else {
+        return;
       }
-    }, {
-      key: 'bindings',
-      value: function bindings() {
-        if (this._drawer) {
-          this._drawerBtn.addEventListener('click', this.drawerToggleHandler.bind(this));
+    }
 
-          this._drawerBtn.addEventListener('keydown', this.drawerToggleHandler.bind(this));
+    this.toggleDrawer();
+  }
 
-          this._drawer.addEventListener('keydown', this.keyboardHandler.bind(this));
+  function keyboardHandler(evt) {
+    if (evt.keyCode === KEYCODES.ESCAPE && this.hasActiveDrawer()) {
+      this.toggleDrawer();
+    }
+  }
 
-          this._mask.addEventListener('click', this.drawerToggleHandler.bind(this));
-        }
+  function screenSizeHandler() {
+    if (this.breakpoint.matches && this.drawer) {
+      this.drawer.setAttribute('aria-hidden', (!this.hasDrawerFixed()).toString());
+      this.drawerBtn.setAttribute('aria-expanded', 'false');
 
-        this.breakpoint.addListener(this.screenSizeHandler.bind(this));
+      this.drawer.classList.remove(cssInterface.isDrawerActiveClass);
+      this.mask.classList.remove(cssInterface.isDrawerActiveClass);
+    } else if (this.hasDrawerFixed()) {
+      this.drawer.setAttribute('aria-hidden', 'true');
+    }
+  }
 
-        return this;
-      }
-    }, {
-      key: 'drawerToggleHandler',
-      value: function drawerToggleHandler(evt) {
-        var SPACE = KEYCODES.SPACE,
-            ENTER = KEYCODES.ENTER;
+  // Helpers
 
+  function bindings() {
+    if (this.drawer) {
+      this.drawerBtn.addEventListener('click', drawerToggleHandler.bind(this));
 
-        if (evt && evt.type === 'keydown') {
-          if (evt.keyCode === SPACE || evt.keyCode === ENTER) {
-            evt.preventDefault();
-          } else {
-            return;
-          }
-        }
+      this.drawerBtn.addEventListener('keydown', drawerToggleHandler.bind(this));
 
-        this.toggleDrawer();
-      }
-    }, {
-      key: 'hasActiveDrawer',
-      value: function hasActiveDrawer() {
-        return this._drawer && this._drawer.classList.contains(this.config.isDrawerActiveClass);
-      }
-    }, {
-      key: 'hasDrawerFixed',
-      value: function hasDrawerFixed() {
-        return this._drawer && this._element.classList.contains('Layout--drawerFixed');
-      }
-    }, {
-      key: 'keyboardHandler',
-      value: function keyboardHandler(evt) {
-        if (evt.keyCode === KEYCODES.ESCAPE && this.hasActiveDrawer()) {
-          this.toggleDrawer();
-        }
-      }
-    }, {
-      key: 'screenSizeHandler',
-      value: function screenSizeHandler() {
-        if (this.breakpoint.matches && this._drawer) {
-          this._drawer.setAttribute('aria-hidden', (!this.hasDrawerFixed()).toString());
-          this._drawerBtn.setAttribute('aria-expanded', 'false');
+      this.drawer.addEventListener('keydown', keyboardHandler.bind(this));
 
-          this._drawer.classList.remove(this.config.isDrawerActiveClass);
-          this._mask.classList.remove(this.config.isDrawerActiveClass);
-        } else if (this.hasDrawerFixed()) {
-          this._drawer.setAttribute('aria-hidden', 'true');
-        }
-      }
-    }, {
-      key: 'toggleDrawer',
-      value: function toggleDrawer() {
-        this._drawer.classList.toggle(this.config.isDrawerActiveClass);
-        this._mask.classList.toggle(this.config.isDrawerActiveClass);
+      this.mask.addEventListener('click', drawerToggleHandler.bind(this));
+    }
 
-        // Set aria attributes
-        if (this.hasActiveDrawer()) {
-          this._drawer.setAttribute('aria-hidden', 'false');
-          this._drawerBtn.setAttribute('aria-expanded', 'true');
-        } else {
-          this._drawer.setAttribute('aria-hidden', 'true');
-          this._drawerBtn.setAttribute('aria-expanded', 'false');
-        }
-      }
-    }, {
-      key: 'wrapLayout',
-      value: function wrapLayout() {
-        var container = document.createElement('div');
-        container.classList.add('layout-absoluteViewport');
+    this.breakpoint.addListener(screenSizeHandler.bind(this));
 
-        // Capter any focused element.
-        var focusedElement = document.querySelector(':focus');
+    return this;
+  }
 
-        this._element.parentNode.insertBefore(container, this._element);
-        this._element.parentNode.removeChild(this._element);
-        container.appendChild(this._element);
+  function wrapLayout() {
+    var container = document.createElement('div');
+    container.classList.add('layout-absoluteViewport');
 
-        if (focusedElement) {
-          focusedElement.focus();
-        }
+    // Capter any focused element.
+    var focusedElement = document.querySelector(':focus');
 
-        return this;
-      }
-    }]);
+    this.element.parentNode.insertBefore(container, this.element);
+    this.element.parentNode.removeChild(this.element);
+    container.appendChild(this.element);
 
-    return Layout;
-  }();
+    if (focusedElement) {
+      focusedElement.focus();
+    }
 
-  Layout.prototype.defaults = {
-    headerClass: 'Layout-header',
-    drawerClass: 'Layout-drawer',
-    drawerBtnClass: 'Layout-header-menu',
-    mainClass: 'Layout-main',
-    maskClass: 'Layout-mask',
-    isDrawerActiveClass: 'is-active',
-    breakpoint: '(min-width: 992px)'
-  };
+    return this;
+  }
 
   function cacheChildren() {
-    var config = this.config;
-
-    var directChildren = this._element.childNodes;
+    var directChildren = this.element.childNodes;
     var numChildren = directChildren.length;
@@ -256,12 +233,12 @@
 
-      if (child.classList && child.classList.contains(config.headerClass)) {
-        this._header = child;
+      if (child.classList && child.classList.contains(cssInterface.headerClass)) {
+        this.header = child;
       }
 
-      if (child.classList && child.classList.contains(config.drawerClass)) {
-        this._drawer = child;
+      if (child.classList && child.classList.contains(cssInterface.drawerClass)) {
+        this.drawer = child;
       }
 
-      if (child.classList && child.classList.contains(config.mainClass)) {
-        this._main = child;
+      if (child.classList && child.classList.contains(cssInterface.mainClass)) {
+        this.main = child;
       }
@@ -274,13 +251,13 @@ }
   function drawerSetup() {
-    this._drawerBtn = this._element.querySelector('.' + this.config.drawerBtnClass);
+    this.drawerBtn = this.element.querySelector('.' + cssInterface.drawerBtnClass);
 
     // Ensure proper attributes are set.
-    this._drawer.setAttribute('aria-hidden', 'true');
-    this._drawerBtn.setAttribute('aria-expanded', 'false');
-    this._drawerBtn.setAttribute('tabindex', '0');
-    this._drawerBtn.setAttribute('type', 'button');
+    this.drawer.setAttribute('aria-hidden', 'true');
+    this.drawerBtn.setAttribute('aria-expanded', 'false');
+    this.drawerBtn.setAttribute('tabindex', '0');
+    this.drawerBtn.setAttribute('type', 'button');
 
     // If not button add proper aria attr.
-    if (this._drawerBtn.tagName.toLowerCase() !== 'button') {
-      this._drawerBtn.setAttribute('role', 'button');
+    if (this.drawerBtn.tagName.toLowerCase() !== 'button') {
+      this.drawerBtn.setAttribute('role', 'button');
     }
@@ -294,6 +271,6 @@
   function createLayoutMask() {
-    this._mask = document.createElement('div');
-    this._mask.classList.add(this.config.maskClass);
+    this.mask = document.createElement('div');
+    this.mask.classList.add(cssInterface.maskClass);
 
-    this._element.appendChild(this._mask);
+    this.element.appendChild(this.mask);
 
@@ -303,3 +280,9 @@ return this;
 
-  return Layout;
+  var api = {
+    hasActiveDrawer: hasActiveDrawer,
+    hasDrawerFixed: hasDrawerFixed,
+    toggleDrawer: toggleDrawer
+  };
+
+  return create;
 }();
@@ -310,3 +293,4 @@
 /***/ })
-/******/ ]);
+
+/******/ });
 //# sourceMappingURL=layout.js.map

docs/dist/js/formed.min.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.formed=e():t.formed=e()}(this,function(){return function(t){function e(r){if(i[r])return i[r].exports;var s=i[r]={i:r,l:!1,exports:{}};return t[r].call(s.exports,s,s.exports,e),s.l=!0,s.exports}var i={};return e.m=t,e.c=i,e.i=function(t){return t},e.d=function(t,i,r){e.o(t,i)||Object.defineProperty(t,i,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var i=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(i,"a",i),i},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=2)}([function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=function(){function t(){return this.controlEl.disabled=!0,this.refreshState()}function e(){return this.controlEl.disabled=!1,this.refreshState()}function i(t){var e=Object.create(w);if(t&&1!==t.nodeType)throw new TypeError("Element passed in is not a HTML node.");return e.editorEl=t,e.controlEl=e.editorEl.querySelector("."+b.CONTROL),e.iconEl=e.editorEl.querySelector("."+b.ICON),e.labelEl=e.editorEl.querySelector("."+b.LABEL),n.call(e),h.call(e),e.refreshState(),e.controlEl.hasAttribute("autofocus")&&(e.editorEl.focus(),o.call(e)),e}function r(){this.controlEl.removeEventListener("blur",u.bind(this)),this.controlEl.removeEventListener("focus",f.bind(this)),this.controlEl.removeEventListener("input",E.bind(this)),this.controlEl.removeEventListener("reset",v.bind(this))}function s(){return l.call(this),a.call(this),o.call(this),d.call(this),c.call(this),this}function n(){this.controlEl.addEventListener("blur",u.bind(this)),this.controlEl.addEventListener("focus",f.bind(this)),this.controlEl.addEventListener("input",E.bind(this)),this.controlEl.addEventListener("reset",v.bind(this))}function a(){var t=this.controlEl.hasAttribute("disabled"),e=t?"add":"remove";this.editorEl.classList[e](b.IS_DISABLED)}function o(){var t=!!this.editorEl.querySelector(":focus"),e=t?"add":"remove";this.editorEl.classList[e](b.IS_FOCUSED)}function l(){var t=this.controlEl.value&&this.controlEl.value.length>0,e=t?"add":"remove";this.editorEl.classList[e](b.IS_DIRTY)}function d(){var t=this.controlEl.hasAttribute("readonly"),e=t?"add":"remove";this.editorEl.classList[e](b.IS_READONLY)}function c(){if(this.controlEl.validity){var t=this.controlEl.validity.valid,e=t?"remove":"add";this.editorEl.classList[e](b.IS_INVALID)}}function h(){this.controlEl&&this.controlEl.hasAttribute("placeholder")&&this.editorEl.classList.add(b.HAS_PLACEHOLDER)}function u(){this.editorEl.classList.remove(b.IS_FOCUSED)}function f(){this.editorEl.classList.add(b.IS_FOCUSED)}function E(){this.refreshState()}function v(){this.refreshState()}var b={CONTROL:"Editor-control",LABEL:"Editor-label",ICON:"Editor-icon",HAS_ICON:"has-icon",HAS_PLACEHOLDER:"has-placeholder",IS_DIRTY:"is-dirty",IS_DISABLED:"is-disabled",IS_FOCUSED:"is-focused",IS_INVALID:"is-invalid",IS_READONLY:"is-readonly"},w={disable:t,enable:e,refreshState:s,destroy:r};return i}();e.default=r},function(t,e,i){"use strict";function r(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(e,"__esModule",{value:!0});var s=function(){function t(t,e){for(var i=0;i<e.length;i++){var r=e[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}return function(e,i,r){return i&&t(e.prototype,i),r&&t(e,r),e}}(),n=function(){function t(){for(var t=this.config,e=this._element.childNodes,i=e.length,r=0;r<i;r++){var s=e[r];s.classList&&s.classList.contains(t.headerClass)&&(this._header=s),s.classList&&s.classList.contains(t.drawerClass)&&(this._drawer=s),s.classList&&s.classList.contains(t.mainClass)&&(this._main=s)}return this}function e(){return this._drawerBtn=this._element.querySelector("."+this.config.drawerBtnClass),this._drawer.setAttribute("aria-hidden","true"),this._drawerBtn.setAttribute("aria-expanded","false"),this._drawerBtn.setAttribute("tabindex","0"),this._drawerBtn.setAttribute("type","button"),"button"!==this._drawerBtn.tagName.toLowerCase()&&this._drawerBtn.setAttribute("role","button"),i.call(this),this}function i(){return this._mask=document.createElement("div"),this._mask.classList.add(this.config.maskClass),this._element.appendChild(this._mask),this}var n={ENTER:13,ESCAPE:27,SPACE:32},a=function(){function i(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(r(this,i),t&&1!==t.nodeType)throw new TypeError("Element passed in is not a HTML node.");this._element=t,this.config=Object.assign({},this.defaults,e),this.init()}return s(i,[{key:"init",value:function(){this.wrapLayout(),t.call(this),this._drawer&&e.call(this),this.breakpoint=window.matchMedia(this.config.breakpoint),this.screenSizeHandler(),this.bindings()}},{key:"bindings",value:function(){return this._drawer&&(this._drawerBtn.addEventListener("click",this.drawerToggleHandler.bind(this)),this._drawerBtn.addEventListener("keydown",this.drawerToggleHandler.bind(this)),this._drawer.addEventListener("keydown",this.keyboardHandler.bind(this)),this._mask.addEventListener("click",this.drawerToggleHandler.bind(this))),this.breakpoint.addListener(this.screenSizeHandler.bind(this)),this}},{key:"drawerToggleHandler",value:function(t){var e=n.SPACE,i=n.ENTER;if(t&&"keydown"===t.type){if(t.keyCode!==e&&t.keyCode!==i)return;t.preventDefault()}this.toggleDrawer()}},{key:"hasActiveDrawer",value:function(){return this._drawer&&this._drawer.classList.contains(this.config.isDrawerActiveClass)}},{key:"hasDrawerFixed",value:function(){return this._drawer&&this._element.classList.contains("Layout--drawerFixed")}},{key:"keyboardHandler",value:function(t){t.keyCode===n.ESCAPE&&this.hasActiveDrawer()&&this.toggleDrawer()}},{key:"screenSizeHandler",value:function(){this.breakpoint.matches&&this._drawer?(this._drawer.setAttribute("aria-hidden",(!this.hasDrawerFixed()).toString()),this._drawerBtn.setAttribute("aria-expanded","false"),this._drawer.classList.remove(this.config.isDrawerActiveClass),this._mask.classList.remove(this.config.isDrawerActiveClass)):this.hasDrawerFixed()&&this._drawer.setAttribute("aria-hidden","true")}},{key:"toggleDrawer",value:function(){this._drawer.classList.toggle(this.config.isDrawerActiveClass),this._mask.classList.toggle(this.config.isDrawerActiveClass),this.hasActiveDrawer()?(this._drawer.setAttribute("aria-hidden","false"),this._drawerBtn.setAttribute("aria-expanded","true")):(this._drawer.setAttribute("aria-hidden","true"),this._drawerBtn.setAttribute("aria-expanded","false"))}},{key:"wrapLayout",value:function(){var t=document.createElement("div");t.classList.add("layout-absoluteViewport");var e=document.querySelector(":focus");return this._element.parentNode.insertBefore(t,this._element),this._element.parentNode.removeChild(this._element),t.appendChild(this._element),e&&e.focus(),this}}]),i}();return a.prototype.defaults={headerClass:"Layout-header",drawerClass:"Layout-drawer",drawerBtnClass:"Layout-header-menu",mainClass:"Layout-main",maskClass:"Layout-mask",isDrawerActiveClass:"is-active",breakpoint:"(min-width: 992px)"},a}();e.default=n},function(t,e,i){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=i(0),n=r(s),a=i(1),o=r(a);e.default={editor:n.default,Layout:o.default}}])});
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.formed=e():t.formed=e()}(this,function(){return function(t){function e(r){if(i[r])return i[r].exports;var s=i[r]={i:r,l:!1,exports:{}};return t[r].call(s.exports,s,s.exports,e),s.l=!0,s.exports}var i={};return e.m=t,e.c=i,e.i=function(t){return t},e.d=function(t,i,r){e.o(t,i)||Object.defineProperty(t,i,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var i=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(i,"a",i),i},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=3)}([function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=function(){function t(t){this.element.classList.remove(f.IS_FOCUSED)}function e(){o.call(this)}function i(t){this.element.classList.add(f.IS_FOCUSED)}function r(r){r.control.addEventListener("blur",t.bind(r)),r.control.addEventListener("change",e.bind(r)),r.control.addEventListener("focus",i.bind(r))}function s(){var t=this.control.disabled?"add":"remove";this.element.classList[t](f.IS_DISABLED)}function n(){var t=this.control.checked?"add":"remove";this.element.classList[t](f.IS_CHECKED)}function a(t,e){t.classList.add(f.IS_CUSTOM);var i=document.createElement("span");return i.classList.add(f.BOX),t.insertBefore(i,e.nextSibling),i}function o(){s.call(this),n.call(this)}function l(){this.control.checked=!0,o()}function d(){this.control.checked=!1,o()}function c(){this.control.disabled=!0,o()}function u(){this.control.disabled=!1,o()}function h(t){if(t&&1!==t.nodeType)throw new TypeError("Element passed in is not a HTML node.");var e=Object.create(E);return e.element=t,e.control=t.querySelector("."+f.CONTROL),e.label=t.querySelector("."+f.LABEL),e.box=a(e.element,e.control),r(e),o.call(e),e}var f={CHECKBOX:"Checkbox",CONTROL:"Checkbox-control",BOX:"Checkbox-box",LABEL:"Checkbox-label",IS_CHECKED:"is-checked",IS_CUSTOM:"is-custom",IS_DISABLED:"is-disabled",IS_FOCUSED:"is-focused"},E={check:l,uncheck:d,disable:c,enable:u};return h}();e.default=r},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=function(){function t(){return this.controlEl.disabled=!0,this.refreshState()}function e(){return this.controlEl.disabled=!1,this.refreshState()}function i(t){var e=Object.create(L);if(t&&1!==t.nodeType)throw new TypeError("Element passed in is not a HTML node.");return e.editorEl=t,e.controlEl=e.editorEl.querySelector("."+v.CONTROL),e.iconEl=e.editorEl.querySelector("."+v.ICON),e.labelEl=e.editorEl.querySelector("."+v.LABEL),n.call(e),u.call(e),e.refreshState(),e.controlEl.hasAttribute("autofocus")&&(e.editorEl.focus(),o.call(e)),e}function r(){this.controlEl.removeEventListener("blur",h.bind(this)),this.controlEl.removeEventListener("focus",f.bind(this)),this.controlEl.removeEventListener("input",E.bind(this)),this.controlEl.removeEventListener("reset",b.bind(this))}function s(){return l.call(this),a.call(this),o.call(this),d.call(this),c.call(this),this}function n(){this.controlEl.addEventListener("blur",h.bind(this)),this.controlEl.addEventListener("focus",f.bind(this)),this.controlEl.addEventListener("input",E.bind(this)),this.controlEl.addEventListener("reset",b.bind(this))}function a(){var t=this.controlEl.hasAttribute("disabled"),e=t?"add":"remove";this.editorEl.classList[e](v.IS_DISABLED)}function o(){var t=!!this.editorEl.querySelector(":focus"),e=t?"add":"remove";this.editorEl.classList[e](v.IS_FOCUSED)}function l(){var t=this.controlEl.value&&this.controlEl.value.length>0,e=t?"add":"remove";this.editorEl.classList[e](v.IS_DIRTY)}function d(){var t=this.controlEl.hasAttribute("readonly"),e=t?"add":"remove";this.editorEl.classList[e](v.IS_READONLY)}function c(){if(this.controlEl.validity){var t=this.controlEl.validity.valid,e=t?"remove":"add";this.editorEl.classList[e](v.IS_INVALID)}}function u(){this.controlEl&&this.controlEl.hasAttribute("placeholder")&&this.editorEl.classList.add(v.HAS_PLACEHOLDER)}function h(){this.editorEl.classList.remove(v.IS_FOCUSED)}function f(){this.editorEl.classList.add(v.IS_FOCUSED)}function E(){this.refreshState()}function b(){this.refreshState()}var v={CONTROL:"Editor-control",LABEL:"Editor-label",ICON:"Editor-icon",HAS_ICON:"has-icon",HAS_PLACEHOLDER:"has-placeholder",IS_DIRTY:"is-dirty",IS_DISABLED:"is-disabled",IS_FOCUSED:"is-focused",IS_INVALID:"is-invalid",IS_READONLY:"is-readonly"},L={disable:t,enable:e,refreshState:s,destroy:r};return i}();e.default=r},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=function(){function t(){return this.drawer&&this.drawer.classList.contains(h.isDrawerActiveClass)}function e(){return this.drawer&&this.element.classList.contains("Layout--drawerFixed")}function i(){this.drawer.classList.toggle(h.isDrawerActiveClass),this.mask.classList.toggle(h.isDrawerActiveClass),this.hasActiveDrawer()?(this.drawer.setAttribute("aria-hidden","false"),this.drawerBtn.setAttribute("aria-expanded","true")):(this.drawer.setAttribute("aria-hidden","true"),this.drawerBtn.setAttribute("aria-expanded","false"))}function r(t){var e=Object.create(E);return e.element=t,l.call(e),d.call(e),e.drawer&&c.call(e),e.breakpoint=window.matchMedia(h.breakpoint),a.call(e),o.call(e),e}function s(t){var e=f.SPACE,i=f.ENTER;if(t&&"keydown"===t.type){if(t.keyCode!==e&&t.keyCode!==i)return;t.preventDefault()}this.toggleDrawer()}function n(t){t.keyCode===f.ESCAPE&&this.hasActiveDrawer()&&this.toggleDrawer()}function a(){this.breakpoint.matches&&this.drawer?(this.drawer.setAttribute("aria-hidden",(!this.hasDrawerFixed()).toString()),this.drawerBtn.setAttribute("aria-expanded","false"),this.drawer.classList.remove(h.isDrawerActiveClass),this.mask.classList.remove(h.isDrawerActiveClass)):this.hasDrawerFixed()&&this.drawer.setAttribute("aria-hidden","true")}function o(){return this.drawer&&(this.drawerBtn.addEventListener("click",s.bind(this)),this.drawerBtn.addEventListener("keydown",s.bind(this)),this.drawer.addEventListener("keydown",n.bind(this)),this.mask.addEventListener("click",s.bind(this))),this.breakpoint.addListener(a.bind(this)),this}function l(){var t=document.createElement("div");t.classList.add("layout-absoluteViewport");var e=document.querySelector(":focus");return this.element.parentNode.insertBefore(t,this.element),this.element.parentNode.removeChild(this.element),t.appendChild(this.element),e&&e.focus(),this}function d(){for(var t=this.element.childNodes,e=t.length,i=0;i<e;i++){var r=t[i];r.classList&&r.classList.contains(h.headerClass)&&(this.header=r),r.classList&&r.classList.contains(h.drawerClass)&&(this.drawer=r),r.classList&&r.classList.contains(h.mainClass)&&(this.main=r)}return this}function c(){return this.drawerBtn=this.element.querySelector("."+h.drawerBtnClass),this.drawer.setAttribute("aria-hidden","true"),this.drawerBtn.setAttribute("aria-expanded","false"),this.drawerBtn.setAttribute("tabindex","0"),this.drawerBtn.setAttribute("type","button"),"button"!==this.drawerBtn.tagName.toLowerCase()&&this.drawerBtn.setAttribute("role","button"),u.call(this),this}function u(){return this.mask=document.createElement("div"),this.mask.classList.add(h.maskClass),this.element.appendChild(this.mask),this}var h={headerClass:"Layout-header",drawerClass:"Layout-drawer",drawerBtnClass:"Layout-header-menu",mainClass:"Layout-main",maskClass:"Layout-mask",isDrawerActiveClass:"is-active",breakpoint:"(min-width: 992px)"},f={ENTER:13,ESCAPE:27,SPACE:32},E={hasActiveDrawer:t,hasDrawerFixed:e,toggleDrawer:i};return r}();e.default=r},function(t,e,i){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=i(0),n=r(s),a=i(1),o=r(a),l=i(2),d=r(l);e.default={checkbox:n.default,editor:o.default,layout:d.default}}])});
 //# sourceMappingURL=formed.min.js.map

package.json

 {
   "name": "formed.css",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Formed solutions visual style and component-based library.",
@@ -5,0 +5,0 @@ "style": "dist/css/formed.css",

src/components/layout/index.js

@@ -154,3 +154,2 @@ /**
   function cacheChildren() {
-    const { config } = this;
     const directChildren = this.element.childNodes;
@@ -157,0 +156,0 @@ const numChildren = directChildren.length;

webpack.config.js

@@ -19,4 +19,4 @@ const { join } = require('path');
       checkbox: `${COMPONENTS}/checkbox`,
-      editor: `${COMPONENTS}/editor/index`,
-      layout: `${COMPONENTS}/layout/index`
+      editor: `${COMPONENTS}/editor`,
+      layout: `${COMPONENTS}/layout`
     },
@@ -23,0 +23,0 @@ output: {

webpack.config.prod.js

@@ -19,4 +19,5 @@ const webpack = require('webpack');
     entry: {
-      editor: `${COMPONENTS}/editor/index`,
-      layout: `${COMPONENTS}/layout/layout`
+      checkbox: `${COMPONENTS}/checkbox`,
+      editor: `${COMPONENTS}/editor`,
+      layout: `${COMPONENTS}/layout`
     },
@@ -23,0 +24,0 @@ output: {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

931046

increased by7.53%

Number of package files

122

increased by3.39%

Lines of code

1324

increased by12.2%

No dependency changes