@vrembem/drawer - npm Package Compare versions

Comparing version 1.14.1 to 1.14.2

dist/scripts.cjs.js

 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 function createCommonjsModule(fn, basedir, module) {
@@ -721,3 +719,3 @@ return module = {
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var Drawer = function Drawer(options) {
+var index = (function (options) {
   var api = {};
@@ -1282,4 +1280,4 @@ var defaults = {
   return api;
-};
+});
 
-exports.Drawer = Drawer;
+module.exports = index;

dist/scripts.js

@@ -1,2 +0,3 @@
-(function (exports) {
+this.vrembem = this.vrembem || {};
+this.vrembem.drawer = (function () {
 	'use strict';
@@ -720,3 +721,3 @@
 	function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-	var Drawer = function Drawer(options) {
+	var index = (function (options) {
 	  var api = {};
@@ -1281,6 +1282,6 @@ var defaults = {
 	  return api;
-	};
+	});
 
-	exports.Drawer = Drawer;
+	return index;
 
-}(this.vrembem = this.vrembem || {}));
+}());

dist/scripts.min.js

@@ -1,1 +0,1 @@
-!function(t){"use strict";function e(t,e,n){return t(n={path:e,exports:{},require:function(t,e){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}(null==e&&n.path)}},n.exports),n.exports}var n=e((function(t){function e(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(n)}t.exports=e})),r=e((function(t){var e=function(t){var e=Object.prototype,r=e.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},a=o.iterator||"@@iterator",i=o.asyncIterator||"@@asyncIterator",s=o.toStringTag||"@@toStringTag";function c(t,e,n,r){var o=e&&e.prototype instanceof d?e:d,a=Object.create(o.prototype),i=new L(r||[]);return a._invoke=function(t,e,n){var r="suspendedStart";return function(o,a){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===o)throw a;return k()}for(n.method=o,n.arg=a;;){var i=n.delegate;if(i){var s=w(i,n);if(s){if(s===l)continue;return s}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===r)throw r="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r="executing";var c=u(t,e,n);if("normal"===c.type){if(r=n.done?"completed":"suspendedYield",c.arg===l)continue;return{value:c.arg,done:n.done}}"throw"===c.type&&(r="completed",n.method="throw",n.arg=c.arg)}}}(t,n,i),a}function u(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(t){return{type:"throw",arg:t}}}t.wrap=c;var l={};function d(){}function f(){}function g(){}var p={};p[a]=function(){return this};var h=Object.getPrototypeOf,v=h&&h(h(O([])));v&&v!==e&&r.call(v,a)&&(p=v);var m=g.prototype=d.prototype=Object.create(p);function y(t){["next","throw","return"].forEach((function(e){t[e]=function(t){return this._invoke(e,t)}}))}function b(t,e){var o;this._invoke=function(a,i){function s(){return new e((function(o,s){!function o(a,i,s,c){var l=u(t[a],t,i);if("throw"!==l.type){var d=l.arg,f=d.value;return f&&"object"===n(f)&&r.call(f,"__await")?e.resolve(f.__await).then((function(t){o("next",t,s,c)}),(function(t){o("throw",t,s,c)})):e.resolve(f).then((function(t){d.value=t,s(d)}),(function(t){return o("throw",t,s,c)}))}c(l.arg)}(a,i,o,s)}))}return o=o?o.then(s,s):s()}}function w(t,e){var n=t.iterator[e.method];if(void 0===n){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=void 0,w(t,e),"throw"===e.method))return l;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return l}var r=u(n,t.iterator,e.arg);if("throw"===r.type)return e.method="throw",e.arg=r.arg,e.delegate=null,l;var o=r.arg;return o?o.done?(e[t.resultName]=o.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,l):o:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,l)}function E(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function x(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function L(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(E,this),this.reset(!0)}function O(t){if(t){var e=t[a];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var n=-1,o=function e(){for(;++n<t.length;)if(r.call(t,n))return e.value=t[n],e.done=!1,e;return e.value=void 0,e.done=!0,e};return o.next=o}}return{next:k}}function k(){return{value:void 0,done:!0}}return f.prototype=m.constructor=g,g.constructor=f,g[s]=f.displayName="GeneratorFunction",t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===f||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,g):(t.__proto__=g,s in t||(t[s]="GeneratorFunction")),t.prototype=Object.create(m),t},t.awrap=function(t){return{__await:t}},y(b.prototype),b.prototype[i]=function(){return this},t.AsyncIterator=b,t.async=function(e,n,r,o,a){void 0===a&&(a=Promise);var i=new b(c(e,n,r,o),a);return t.isGeneratorFunction(n)?i:i.next().then((function(t){return t.done?t.value:i.next()}))},y(m),m[s]="Generator",m[a]=function(){return this},m.toString=function(){return"[object Generator]"},t.keys=function(t){var e=[];for(var n in t)e.push(n);return e.reverse(),function n(){for(;e.length;){var r=e.pop();if(r in t)return n.value=r,n.done=!1,n}return n.done=!0,n}},t.values=O,L.prototype={constructor:L,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(x),!t)for(var e in this)"t"===e.charAt(0)&&r.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var e=this;function n(n,r){return i.type="throw",i.arg=t,e.next=n,r&&(e.method="next",e.arg=void 0),!!r}for(var o=this.tryEntries.length-1;o>=0;--o){var a=this.tryEntries[o],i=a.completion;if("root"===a.tryLoc)return n("end");if(a.tryLoc<=this.prev){var s=r.call(a,"catchLoc"),c=r.call(a,"finallyLoc");if(s&&c){if(this.prev<a.catchLoc)return n(a.catchLoc,!0);if(this.prev<a.finallyLoc)return n(a.finallyLoc)}else if(s){if(this.prev<a.catchLoc)return n(a.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return n(a.finallyLoc)}}}},abrupt:function(t,e){for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&r.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var a=o;break}}a&&("break"===t||"continue"===t)&&a.tryLoc<=e&&e<=a.finallyLoc&&(a=null);var i=a?a.completion:{};return i.type=t,i.arg=e,a?(this.method="next",this.next=a.finallyLoc,l):this.complete(i)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),l},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),x(n),l}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var r=n.completion;if("throw"===r.type){var o=r.arg;x(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,n){return this.delegate={iterator:O(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=void 0),l}},t}(t.exports);try{regeneratorRuntime=e}catch(t){Function("r","regeneratorRuntime = r")(e)}}));function o(t,e,n,r,o,a,i){try{var s=t[a](i),c=s.value}catch(t){return void n(t)}s.done?e(c):Promise.resolve(c).then(r,o)}var a=function(t){return function(){var e=this,n=arguments;return new Promise((function(r,a){var i=t.apply(e,n);function s(t){o(i,r,a,s,c,"next",t)}function c(t){o(i,r,a,s,c,"throw",t)}s(void 0)}))}};var i=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t},s=function(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];(t=t.forEach?t:[t]).forEach((function(t){var e;(e=t.classList).add.apply(e,n)}))},c=function(t){t=t.forEach?t:[t],t=[].slice.call(t);for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];return n.some((function(e){return t.some((function(t){if(t.classList.contains(e))return!0}))}))},u=function(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];(t=t.forEach?t:[t]).forEach((function(t){var e;(e=t.classList).remove.apply(e,n)}))},l={xs:"480px",sm:"620px",md:"760px",lg:"990px",xl:"1380px"};function d(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function f(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?d(Object(n),!0).forEach((function(e){i(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}t.Drawer=function(t){var e={},n={autoInit:!1,dataDrawer:"drawer",dataDialog:"drawer-dialog",dataToggle:"drawer-toggle",dataOpen:"drawer-open",dataClose:"drawer-close",dataBreakpoint:"drawer-breakpoint",dataFocus:"drawer-focus",stateOpened:"is-opened",stateOpening:"is-opening",stateClosing:"is-closing",stateClosed:"is-closed",classModal:"drawer_modal",selectorInert:null,selectorOverflow:null,breakpoints:l,customEventPrefix:"drawer:",stateSave:!0,stateKey:"DrawerState",setTabindex:!0,transition:!0},o=!1;e.settings=f(f({},n),t),e.memory={},e.state={},e.breakpoint={},e.init=function(){j(),m(),e.breakpoint.init(),document.addEventListener("click",i,!1),document.addEventListener("touchend",i,!1),document.addEventListener("keyup",d,!1)},e.destroy=function(){e.breakpoint.destroy(),e.memory={},e.state={},localStorage.removeItem(e.settings.stateKey),document.removeEventListener("click",i,!1),document.removeEventListener("touchend",i,!1),document.removeEventListener("keyup",d,!1)};var i=function(t){if(!o){var n=t.target.closest("[data-".concat(e.settings.dataToggle,"]"));if(n){var r=n.getAttribute("data-".concat(e.settings.dataToggle));return e.memory.trigger=n,e.toggle(r),void t.preventDefault()}if(n=t.target.closest("[data-".concat(e.settings.dataOpen,"]"))){var a=n.getAttribute("data-".concat(e.settings.dataOpen));return e.memory.trigger=n,e.open(a),void t.preventDefault()}if(n=t.target.closest("[data-".concat(e.settings.dataClose,"]"))){var i=n.getAttribute("data-".concat(e.settings.dataClose));if(i)e.memory.trigger=n,e.close(i);else{var s=t.target.closest("[data-".concat(e.settings.dataDrawer,"]"));s&&e.close(s)}t.preventDefault()}else t.target.hasAttribute("data-".concat(e.settings.dataDrawer))&&e.close(t.target)}},d=function(t){if(!o&&27==t.keyCode){var n=document.querySelector(".".concat(e.settings.classModal,".").concat(e.settings.stateOpened));n&&e.close(n)}},g=function(t){return"string"==typeof t?document.querySelector("[data-".concat(e.settings.dataDrawer,'="').concat(t,'"]')):t},p=function(t){return Promise.reject(new Error('Did not find drawer with key: "'.concat(t,'"')))},h=function(t){e.settings.selectorInert&&document.querySelectorAll(e.settings.selectorInert).forEach((function(e){t?(e.inert=!0,e.setAttribute("aria-hidden",!0)):(e.inert=null,e.removeAttribute("aria-hidden"))}))},v=function(t){e.settings.selectorOverflow&&document.querySelectorAll(e.settings.selectorOverflow).forEach((function(e){t?e.style.overflow="hidden":e.style.removeProperty("overflow")}))},m=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:e.settings.setTabindex;if(t){var n=document.querySelectorAll("[data-".concat(e.settings.dataDrawer,"] [data-").concat(e.settings.dataDialog,"]"));n.forEach((function(t){t.setAttribute("tabindex","-1")}))}};e.setTabindex=function(){m(!0)};var y,b,w=function(t){return new Promise((function(n){e.settings.transition?(u(t,e.settings.stateClosed),s(t,e.settings.stateOpening),t.addEventListener("transitionend",(function r(){s(t,e.settings.stateOpened),u(t,e.settings.stateOpening),n(t),this.removeEventListener("transitionend",r)}))):(s(t,e.settings.stateOpened),u(t,e.settings.stateClosed),n(t))}))},E=function(t){return new Promise((function(n){e.settings.transition?(s(t,e.settings.stateClosing),u(t,e.settings.stateOpened),t.addEventListener("transitionend",(function r(){u(t,e.settings.stateClosing),s(t,e.settings.stateClosed),n(t),this.removeEventListener("transitionend",r)}))):(s(t,e.settings.stateClosed),u(t,e.settings.stateOpened),n(t))}))};e.open=(y=a(r.mark((function t(n){var a,i;return r.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(a=g(n)){t.next=3;break}return t.abrupt("return",p(n));case 3:if(c(a,e.settings.stateOpened)){t.next=17;break}return o=!0,(i=c(a,e.settings.classModal))&&v(!0),t.next=9,w(a);case 9:return P(a),i&&(O(a.querySelector("[data-".concat(e.settings.dataDialog,"]"))),h(!0)),x(a),a.dispatchEvent(new CustomEvent(e.settings.customEventPrefix+"opened",{bubbles:!0})),o=!1,t.abrupt("return",a);case 17:return x(a),t.abrupt("return",a);case 19:case"end":return t.stop()}}),t)}))),function(t){return y.apply(this,arguments)}),e.close=(b=a(r.mark((function t(n){var a;return r.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(a=g(n)){t.next=3;break}return t.abrupt("return",p(n));case 3:if(!c(a,e.settings.stateOpened)){t.next=16;break}return o=!0,c(a,e.settings.classModal)&&(h(!1),v(!1)),t.next=8,E(a);case 8:return P(a),L(),k(a),a.dispatchEvent(new CustomEvent(e.settings.customEventPrefix+"closed",{bubbles:!0})),o=!1,t.abrupt("return",a);case 16:return t.abrupt("return",a);case 17:case"end":return t.stop()}}),t)}))),function(t){return b.apply(this,arguments)}),e.toggle=function(t){var n=g(t);return n?c(n,e.settings.stateOpened)?e.close(n):e.open(n):p(t)};var x=function(t){var n=t.querySelector("[data-".concat(e.settings.dataFocus,"]"));if(n)n.focus();else{var r=t.querySelector("[data-".concat(e.settings.dataDialog,'][tabindex="-1"]'));r&&r.focus()}},L=function(){e.memory.trigger&&(e.memory.trigger.focus(),e.memory.trigger=null)},O=function(t){e.memory.focusable=function(t){var e=[],n=t.scrollTop;return t.querySelectorAll('\n      a[href]:not([disabled]),\n      button:not([disabled]),\n      textarea:not([disabled]),\n      input[type="text"]:not([disabled]),\n      input[type="radio"]:not([disabled]),\n      input[type="checkbox"]:not([disabled]),\n      select:not([disabled]),\n      [tabindex]:not([tabindex="-1"])\n    ').forEach((function(t){t.focus(),t===document.activeElement&&e.push(t)})),t.scrollTop=n,e}(t),e.memory.focusable.length?(e.memory.focusableFirst=e.memory.focusable[0],e.memory.focusableLast=e.memory.focusable[e.memory.focusable.length-1],t.addEventListener("keydown",S)):t.addEventListener("keydown",D)},k=function(t){e.memory.focusable=null,e.memory.focusableFirst=null,e.memory.focusableLast=null,t.removeEventListener("keydown",S),t.removeEventListener("keydown",D)},S=function(t){if("Tab"===t.key||9===t.keyCode)if(t.shiftKey){var n=document.querySelector("\n        [data-".concat(e.settings.dataDrawer,"].").concat(e.settings.stateOpened,"\n        [data-").concat(e.settings.dataDialog,'][tabindex="-1"]\n      '));document.activeElement!==e.memory.focusableFirst&&document.activeElement!==n||(e.memory.focusableLast.focus(),t.preventDefault())}else document.activeElement===e.memory.focusableLast&&(e.memory.focusableFirst.focus(),t.preventDefault())},D=function(t){("Tab"===t.key||9===t.keyCode)&&t.preventDefault()},P=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(e.settings.stateSave){var n=t?[t]:document.querySelectorAll("[data-".concat(e.settings.dataDrawer,"]"));n.forEach((function(t){c(t,e.settings.classModal)||(e.state[t.getAttribute("data-".concat(e.settings.dataDrawer))]=c(t,e.settings.stateOpened)?e.settings.stateOpened:e.settings.stateClosed)})),localStorage.setItem(e.settings.stateKey,JSON.stringify(e.state))}},j=function(){e.settings.stateSave?localStorage.getItem(e.settings.stateKey)?(e.state=JSON.parse(localStorage.getItem(e.settings.stateKey)),Object.keys(e.state).forEach((function(t){var n=document.querySelector("[data-".concat(e.settings.dataDrawer,'="').concat(t,'"]'));n&&(e.state[t]==e.settings.stateOpened?s(n,e.settings.stateOpened):u(n,e.settings.stateOpened))}))):P():localStorage.getItem(e.settings.stateKey)&&localStorage.removeItem(e.settings.stateKey)};e.breakpoint.init=function(){e.mediaQueryLists=[],document.querySelectorAll("[data-".concat(e.settings.dataBreakpoint,"]")).forEach((function(t){var n=t.getAttribute("data-".concat(e.settings.dataDrawer)),r=t.getAttribute("data-".concat(e.settings.dataBreakpoint)),o=e.settings.breakpoints[r]?e.settings.breakpoints[r]:r,a=window.matchMedia("(min-width:"+o+")");A(a,t),a.addListener(q),e.mediaQueryLists.push({mql:a,drawer:n})}))},e.breakpoint.destroy=function(){e.mediaQueryLists&&e.mediaQueryLists.length&&e.mediaQueryLists.forEach((function(t){t.mql.removeListener(q)})),e.mediaQueryLists=null};var q=function(t){e.mediaQueryLists&&e.mediaQueryLists.length&&(e.mediaQueryLists.forEach((function(n){if(!t||t.media==n.mql.media){var r=document.querySelector("[data-".concat(e.settings.dataDrawer,'="').concat(n.drawer,'"]'));r&&A(n.mql,r)}})),document.dispatchEvent(new CustomEvent(e.settings.customEventPrefix+"breakpoint",{bubbles:!0})))};e.breakpoint.check=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;q(t)};var A=function(t,e){t.matches?T(e):C(e)},C=function(t){c(t,e.settings.classModal)||(s(t,e.settings.classModal),s(t,e.settings.stateClosed),u(t,e.settings.stateOpened),t.dispatchEvent(new CustomEvent(e.settings.customEventPrefix+"toModal",{bubbles:!0})))};e.switchToModal=function(t){var n=document.querySelector("[data-".concat(e.settings.dataDrawer,'="').concat(t,'"]'));n&&C(n)};var T=function(t){if(c(t,e.settings.classModal)){h(!1),v(!1),u(t,e.settings.classModal),k(t);var n=t.getAttribute("data-".concat(e.settings.dataDrawer));e.state[n]==e.settings.stateOpened&&(s(t,e.settings.stateOpened),u(t,e.settings.stateClosed)),t.dispatchEvent(new CustomEvent(e.settings.customEventPrefix+"toDefault",{bubbles:!0}))}};return e.switchToDefault=function(t){var n=document.querySelector("[data-".concat(e.settings.dataDrawer,'="').concat(t,'"]'));n&&T(n)},e.settings.autoInit&&e.init(),e}}(this.vrembem=this.vrembem||{});
+this.vrembem=this.vrembem||{},this.vrembem.drawer=function(){"use strict";function t(t,e,n){return t(n={path:e,exports:{},require:function(t,e){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}(null==e&&n.path)}},n.exports),n.exports}var e=t((function(t){function e(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(n)}t.exports=e})),n=t((function(t){var n=function(t){var n=Object.prototype,r=n.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},a=o.iterator||"@@iterator",i=o.asyncIterator||"@@asyncIterator",s=o.toStringTag||"@@toStringTag";function c(t,e,n,r){var o=e&&e.prototype instanceof d?e:d,a=Object.create(o.prototype),i=new L(r||[]);return a._invoke=function(t,e,n){var r="suspendedStart";return function(o,a){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===o)throw a;return k()}for(n.method=o,n.arg=a;;){var i=n.delegate;if(i){var s=w(i,n);if(s){if(s===l)continue;return s}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===r)throw r="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r="executing";var c=u(t,e,n);if("normal"===c.type){if(r=n.done?"completed":"suspendedYield",c.arg===l)continue;return{value:c.arg,done:n.done}}"throw"===c.type&&(r="completed",n.method="throw",n.arg=c.arg)}}}(t,n,i),a}function u(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(t){return{type:"throw",arg:t}}}t.wrap=c;var l={};function d(){}function f(){}function g(){}var p={};p[a]=function(){return this};var h=Object.getPrototypeOf,m=h&&h(h(O([])));m&&m!==n&&r.call(m,a)&&(p=m);var v=g.prototype=d.prototype=Object.create(p);function y(t){["next","throw","return"].forEach((function(e){t[e]=function(t){return this._invoke(e,t)}}))}function b(t,n){var o;this._invoke=function(a,i){function s(){return new n((function(o,s){!function o(a,i,s,c){var l=u(t[a],t,i);if("throw"!==l.type){var d=l.arg,f=d.value;return f&&"object"===e(f)&&r.call(f,"__await")?n.resolve(f.__await).then((function(t){o("next",t,s,c)}),(function(t){o("throw",t,s,c)})):n.resolve(f).then((function(t){d.value=t,s(d)}),(function(t){return o("throw",t,s,c)}))}c(l.arg)}(a,i,o,s)}))}return o=o?o.then(s,s):s()}}function w(t,e){var n=t.iterator[e.method];if(void 0===n){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=void 0,w(t,e),"throw"===e.method))return l;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return l}var r=u(n,t.iterator,e.arg);if("throw"===r.type)return e.method="throw",e.arg=r.arg,e.delegate=null,l;var o=r.arg;return o?o.done?(e[t.resultName]=o.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,l):o:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,l)}function E(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function x(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function L(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(E,this),this.reset(!0)}function O(t){if(t){var e=t[a];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var n=-1,o=function e(){for(;++n<t.length;)if(r.call(t,n))return e.value=t[n],e.done=!1,e;return e.value=void 0,e.done=!0,e};return o.next=o}}return{next:k}}function k(){return{value:void 0,done:!0}}return f.prototype=v.constructor=g,g.constructor=f,g[s]=f.displayName="GeneratorFunction",t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===f||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,g):(t.__proto__=g,s in t||(t[s]="GeneratorFunction")),t.prototype=Object.create(v),t},t.awrap=function(t){return{__await:t}},y(b.prototype),b.prototype[i]=function(){return this},t.AsyncIterator=b,t.async=function(e,n,r,o,a){void 0===a&&(a=Promise);var i=new b(c(e,n,r,o),a);return t.isGeneratorFunction(n)?i:i.next().then((function(t){return t.done?t.value:i.next()}))},y(v),v[s]="Generator",v[a]=function(){return this},v.toString=function(){return"[object Generator]"},t.keys=function(t){var e=[];for(var n in t)e.push(n);return e.reverse(),function n(){for(;e.length;){var r=e.pop();if(r in t)return n.value=r,n.done=!1,n}return n.done=!0,n}},t.values=O,L.prototype={constructor:L,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(x),!t)for(var e in this)"t"===e.charAt(0)&&r.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var e=this;function n(n,r){return i.type="throw",i.arg=t,e.next=n,r&&(e.method="next",e.arg=void 0),!!r}for(var o=this.tryEntries.length-1;o>=0;--o){var a=this.tryEntries[o],i=a.completion;if("root"===a.tryLoc)return n("end");if(a.tryLoc<=this.prev){var s=r.call(a,"catchLoc"),c=r.call(a,"finallyLoc");if(s&&c){if(this.prev<a.catchLoc)return n(a.catchLoc,!0);if(this.prev<a.finallyLoc)return n(a.finallyLoc)}else if(s){if(this.prev<a.catchLoc)return n(a.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return n(a.finallyLoc)}}}},abrupt:function(t,e){for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&r.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var a=o;break}}a&&("break"===t||"continue"===t)&&a.tryLoc<=e&&e<=a.finallyLoc&&(a=null);var i=a?a.completion:{};return i.type=t,i.arg=e,a?(this.method="next",this.next=a.finallyLoc,l):this.complete(i)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),l},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),x(n),l}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var r=n.completion;if("throw"===r.type){var o=r.arg;x(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,n){return this.delegate={iterator:O(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=void 0),l}},t}(t.exports);try{regeneratorRuntime=n}catch(t){Function("r","regeneratorRuntime = r")(n)}}));function r(t,e,n,r,o,a,i){try{var s=t[a](i),c=s.value}catch(t){return void n(t)}s.done?e(c):Promise.resolve(c).then(r,o)}var o=function(t){return function(){var e=this,n=arguments;return new Promise((function(o,a){var i=t.apply(e,n);function s(t){r(i,o,a,s,c,"next",t)}function c(t){r(i,o,a,s,c,"throw",t)}s(void 0)}))}};var a=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t},i=function(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];(t=t.forEach?t:[t]).forEach((function(t){var e;(e=t.classList).add.apply(e,n)}))},s=function(t){t=t.forEach?t:[t],t=[].slice.call(t);for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];return n.some((function(e){return t.some((function(t){if(t.classList.contains(e))return!0}))}))},c=function(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];(t=t.forEach?t:[t]).forEach((function(t){var e;(e=t.classList).remove.apply(e,n)}))},u={xs:"480px",sm:"620px",md:"760px",lg:"990px",xl:"1380px"};function l(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function d(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?l(Object(n),!0).forEach((function(e){a(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}return function(t){var e={},r={autoInit:!1,dataDrawer:"drawer",dataDialog:"drawer-dialog",dataToggle:"drawer-toggle",dataOpen:"drawer-open",dataClose:"drawer-close",dataBreakpoint:"drawer-breakpoint",dataFocus:"drawer-focus",stateOpened:"is-opened",stateOpening:"is-opening",stateClosing:"is-closing",stateClosed:"is-closed",classModal:"drawer_modal",selectorInert:null,selectorOverflow:null,breakpoints:u,customEventPrefix:"drawer:",stateSave:!0,stateKey:"DrawerState",setTabindex:!0,transition:!0},a=!1;e.settings=d(d({},r),t),e.memory={},e.state={},e.breakpoint={},e.init=function(){j(),v(),e.breakpoint.init(),document.addEventListener("click",l,!1),document.addEventListener("touchend",l,!1),document.addEventListener("keyup",f,!1)},e.destroy=function(){e.breakpoint.destroy(),e.memory={},e.state={},localStorage.removeItem(e.settings.stateKey),document.removeEventListener("click",l,!1),document.removeEventListener("touchend",l,!1),document.removeEventListener("keyup",f,!1)};var l=function(t){if(!a){var n=t.target.closest("[data-".concat(e.settings.dataToggle,"]"));if(n){var r=n.getAttribute("data-".concat(e.settings.dataToggle));return e.memory.trigger=n,e.toggle(r),void t.preventDefault()}if(n=t.target.closest("[data-".concat(e.settings.dataOpen,"]"))){var o=n.getAttribute("data-".concat(e.settings.dataOpen));return e.memory.trigger=n,e.open(o),void t.preventDefault()}if(n=t.target.closest("[data-".concat(e.settings.dataClose,"]"))){var i=n.getAttribute("data-".concat(e.settings.dataClose));if(i)e.memory.trigger=n,e.close(i);else{var s=t.target.closest("[data-".concat(e.settings.dataDrawer,"]"));s&&e.close(s)}t.preventDefault()}else t.target.hasAttribute("data-".concat(e.settings.dataDrawer))&&e.close(t.target)}},f=function(t){if(!a&&27==t.keyCode){var n=document.querySelector(".".concat(e.settings.classModal,".").concat(e.settings.stateOpened));n&&e.close(n)}},g=function(t){return"string"==typeof t?document.querySelector("[data-".concat(e.settings.dataDrawer,'="').concat(t,'"]')):t},p=function(t){return Promise.reject(new Error('Did not find drawer with key: "'.concat(t,'"')))},h=function(t){e.settings.selectorInert&&document.querySelectorAll(e.settings.selectorInert).forEach((function(e){t?(e.inert=!0,e.setAttribute("aria-hidden",!0)):(e.inert=null,e.removeAttribute("aria-hidden"))}))},m=function(t){e.settings.selectorOverflow&&document.querySelectorAll(e.settings.selectorOverflow).forEach((function(e){t?e.style.overflow="hidden":e.style.removeProperty("overflow")}))},v=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:e.settings.setTabindex;if(t){var n=document.querySelectorAll("[data-".concat(e.settings.dataDrawer,"] [data-").concat(e.settings.dataDialog,"]"));n.forEach((function(t){t.setAttribute("tabindex","-1")}))}};e.setTabindex=function(){v(!0)};var y,b,w=function(t){return new Promise((function(n){e.settings.transition?(c(t,e.settings.stateClosed),i(t,e.settings.stateOpening),t.addEventListener("transitionend",(function r(){i(t,e.settings.stateOpened),c(t,e.settings.stateOpening),n(t),this.removeEventListener("transitionend",r)}))):(i(t,e.settings.stateOpened),c(t,e.settings.stateClosed),n(t))}))},E=function(t){return new Promise((function(n){e.settings.transition?(i(t,e.settings.stateClosing),c(t,e.settings.stateOpened),t.addEventListener("transitionend",(function r(){c(t,e.settings.stateClosing),i(t,e.settings.stateClosed),n(t),this.removeEventListener("transitionend",r)}))):(i(t,e.settings.stateClosed),c(t,e.settings.stateOpened),n(t))}))};e.open=(y=o(n.mark((function t(r){var o,i;return n.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(o=g(r)){t.next=3;break}return t.abrupt("return",p(r));case 3:if(s(o,e.settings.stateOpened)){t.next=17;break}return a=!0,(i=s(o,e.settings.classModal))&&m(!0),t.next=9,w(o);case 9:return P(o),i&&(O(o.querySelector("[data-".concat(e.settings.dataDialog,"]"))),h(!0)),x(o),o.dispatchEvent(new CustomEvent(e.settings.customEventPrefix+"opened",{bubbles:!0})),a=!1,t.abrupt("return",o);case 17:return x(o),t.abrupt("return",o);case 19:case"end":return t.stop()}}),t)}))),function(t){return y.apply(this,arguments)}),e.close=(b=o(n.mark((function t(r){var o;return n.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(o=g(r)){t.next=3;break}return t.abrupt("return",p(r));case 3:if(!s(o,e.settings.stateOpened)){t.next=16;break}return a=!0,s(o,e.settings.classModal)&&(h(!1),m(!1)),t.next=8,E(o);case 8:return P(o),L(),k(o),o.dispatchEvent(new CustomEvent(e.settings.customEventPrefix+"closed",{bubbles:!0})),a=!1,t.abrupt("return",o);case 16:return t.abrupt("return",o);case 17:case"end":return t.stop()}}),t)}))),function(t){return b.apply(this,arguments)}),e.toggle=function(t){var n=g(t);return n?s(n,e.settings.stateOpened)?e.close(n):e.open(n):p(t)};var x=function(t){var n=t.querySelector("[data-".concat(e.settings.dataFocus,"]"));if(n)n.focus();else{var r=t.querySelector("[data-".concat(e.settings.dataDialog,'][tabindex="-1"]'));r&&r.focus()}},L=function(){e.memory.trigger&&(e.memory.trigger.focus(),e.memory.trigger=null)},O=function(t){e.memory.focusable=function(t){var e=[],n=t.scrollTop;return t.querySelectorAll('\n      a[href]:not([disabled]),\n      button:not([disabled]),\n      textarea:not([disabled]),\n      input[type="text"]:not([disabled]),\n      input[type="radio"]:not([disabled]),\n      input[type="checkbox"]:not([disabled]),\n      select:not([disabled]),\n      [tabindex]:not([tabindex="-1"])\n    ').forEach((function(t){t.focus(),t===document.activeElement&&e.push(t)})),t.scrollTop=n,e}(t),e.memory.focusable.length?(e.memory.focusableFirst=e.memory.focusable[0],e.memory.focusableLast=e.memory.focusable[e.memory.focusable.length-1],t.addEventListener("keydown",S)):t.addEventListener("keydown",D)},k=function(t){e.memory.focusable=null,e.memory.focusableFirst=null,e.memory.focusableLast=null,t.removeEventListener("keydown",S),t.removeEventListener("keydown",D)},S=function(t){if("Tab"===t.key||9===t.keyCode)if(t.shiftKey){var n=document.querySelector("\n        [data-".concat(e.settings.dataDrawer,"].").concat(e.settings.stateOpened,"\n        [data-").concat(e.settings.dataDialog,'][tabindex="-1"]\n      '));document.activeElement!==e.memory.focusableFirst&&document.activeElement!==n||(e.memory.focusableLast.focus(),t.preventDefault())}else document.activeElement===e.memory.focusableLast&&(e.memory.focusableFirst.focus(),t.preventDefault())},D=function(t){("Tab"===t.key||9===t.keyCode)&&t.preventDefault()},P=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;if(e.settings.stateSave){var n=t?[t]:document.querySelectorAll("[data-".concat(e.settings.dataDrawer,"]"));n.forEach((function(t){s(t,e.settings.classModal)||(e.state[t.getAttribute("data-".concat(e.settings.dataDrawer))]=s(t,e.settings.stateOpened)?e.settings.stateOpened:e.settings.stateClosed)})),localStorage.setItem(e.settings.stateKey,JSON.stringify(e.state))}},j=function(){e.settings.stateSave?localStorage.getItem(e.settings.stateKey)?(e.state=JSON.parse(localStorage.getItem(e.settings.stateKey)),Object.keys(e.state).forEach((function(t){var n=document.querySelector("[data-".concat(e.settings.dataDrawer,'="').concat(t,'"]'));n&&(e.state[t]==e.settings.stateOpened?i(n,e.settings.stateOpened):c(n,e.settings.stateOpened))}))):P():localStorage.getItem(e.settings.stateKey)&&localStorage.removeItem(e.settings.stateKey)};e.breakpoint.init=function(){e.mediaQueryLists=[],document.querySelectorAll("[data-".concat(e.settings.dataBreakpoint,"]")).forEach((function(t){var n=t.getAttribute("data-".concat(e.settings.dataDrawer)),r=t.getAttribute("data-".concat(e.settings.dataBreakpoint)),o=e.settings.breakpoints[r]?e.settings.breakpoints[r]:r,a=window.matchMedia("(min-width:"+o+")");A(a,t),a.addListener(q),e.mediaQueryLists.push({mql:a,drawer:n})}))},e.breakpoint.destroy=function(){e.mediaQueryLists&&e.mediaQueryLists.length&&e.mediaQueryLists.forEach((function(t){t.mql.removeListener(q)})),e.mediaQueryLists=null};var q=function(t){e.mediaQueryLists&&e.mediaQueryLists.length&&(e.mediaQueryLists.forEach((function(n){if(!t||t.media==n.mql.media){var r=document.querySelector("[data-".concat(e.settings.dataDrawer,'="').concat(n.drawer,'"]'));r&&A(n.mql,r)}})),document.dispatchEvent(new CustomEvent(e.settings.customEventPrefix+"breakpoint",{bubbles:!0})))};e.breakpoint.check=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;q(t)};var A=function(t,e){t.matches?T(e):C(e)},C=function(t){s(t,e.settings.classModal)||(i(t,e.settings.classModal),i(t,e.settings.stateClosed),c(t,e.settings.stateOpened),t.dispatchEvent(new CustomEvent(e.settings.customEventPrefix+"toModal",{bubbles:!0})))};e.switchToModal=function(t){var n=document.querySelector("[data-".concat(e.settings.dataDrawer,'="').concat(t,'"]'));n&&C(n)};var T=function(t){if(s(t,e.settings.classModal)){h(!1),m(!1),c(t,e.settings.classModal),k(t);var n=t.getAttribute("data-".concat(e.settings.dataDrawer));e.state[n]==e.settings.stateOpened&&(i(t,e.settings.stateOpened),c(t,e.settings.stateClosed)),t.dispatchEvent(new CustomEvent(e.settings.customEventPrefix+"toDefault",{bubbles:!0}))}};return e.switchToDefault=function(t){var n=document.querySelector("[data-".concat(e.settings.dataDrawer,'="').concat(t,'"]'));n&&T(n)},e.settings.autoInit&&e.init(),e}}();

index.js

@@ -8,3 +8,3 @@ import {
 
-export const Drawer = (options) => {
+export default (options) => {
 
@@ -11,0 +11,0 @@ const api = {};

package.json

 {
   "name": "@vrembem/drawer",
   "description": "A container component that slides in from the left or right. Typically containing menus, search or other content.",
-  "version": "1.14.1",
+  "version": "1.14.2",
   "license": "MIT",
@@ -12,5 +12,3 @@ "keywords": [
   ],
-  "main": "dist/scripts.cjs.js",
-  "module": "index.js",
-  "browser": "dist/scripts.js",
+  "browser": "dist/scripts.cjs.js",
   "style": "index.scss",
@@ -34,8 +32,8 @@ "scripts": {
   "devDependencies": {
-    "@vrembem/base": "^1.12.0",
-    "@vrembem/dialog": "^1.14.0",
-    "@vrembem/utility": "^1.12.0"
+    "@vrembem/base": "^1.14.2",
+    "@vrembem/dialog": "^1.14.2",
+    "@vrembem/utility": "^1.14.2"
   },
   "dependencies": {
-    "@vrembem/core": "^1.10.0"
+    "@vrembem/core": "^1.14.2"
   },
@@ -45,3 +43,3 @@ "publishConfig": {
   },
-  "gitHead": "a1036732f13ec1c9770042948b1a519d92ee3309"
+  "gitHead": "9001a650585e64266fd8c32738e2f17b5478efc4"
 }

README.md

@@ -24,4 +24,4 @@ # Drawer
 ```js
-import { Drawer } from '@vrembem/drawer';
-const drawer = new Drawer({ autoInit: true });
+import Drawer from '@vrembem/drawer';
+const drawer = Drawer({ autoInit: true });
 ```
@@ -92,3 +92,3 @@
 ```js
-new Drawer({
+Drawer({
   breakpoints: {
@@ -153,3 +153,3 @@ xs: '480px',
 ```js
-new Drawer({
+Drawer({
   autoInit: true,
@@ -284,3 +284,3 @@ selectorInert: '[role="main"]',
 ```js
-const drawer = new Drawer();
+const drawer = Drawer();
 drawer.init();
@@ -301,3 +301,3 @@ ```
 ```js
-const drawer = new Drawer();
+const drawer = Drawer();
 drawer.init();
@@ -304,0 +304,0 @@ // ...

rollup.config.js

@@ -5,17 +5,21 @@ import babel from '@rollup/plugin-babel';
 import { terser } from 'rollup-plugin-terser';
-import pkg from './package.json';
 
-const name = 'vrembem';
+const entry = './index.js';
+const name = 'vrembem.drawer';
+const babelConfig = {
+  babelHelpers: 'runtime',
+  rootMode: 'upward'
+};
 
 export default [{
-  input: pkg.module,
+  input: entry,
   output: [{
-    file: pkg.browser,
+    file: './dist/scripts.cjs.js',
+    format: 'cjs',
+    exports: 'default'
+  }, {
+    file: './dist/scripts.js',
     format: 'iife',
     name: name,
     extend: true
-  }, {
-    file: pkg.main,
-    format: 'cjs',
-    name: name
   }],
@@ -25,11 +29,8 @@ plugins: [
     commonjs(),
-    babel({
-      babelHelpers: 'runtime',
-      rootMode: 'upward'
-    })
+    babel(babelConfig)
   ]
 }, {
-  input: pkg.module,
+  input: entry,
   output: {
-    file: pkg.browser.replace('.js', '.min.js'),
+    file: './dist/scripts.min.js',
     format: 'iife',
@@ -42,8 +43,5 @@ name: name,
     commonjs(),
-    babel({
-      babelHelpers: 'runtime',
-      rootMode: 'upward'
-    }),
+    babel(babelConfig),
     terser()
   ]
 }];

tests/accessibility.test.js

@@ -1,2 +0,2 @@
-import { Drawer } from '../index.js';
+import Drawer from '../index.js';
 import '@testing-library/jest-dom/extend-expect';
@@ -25,3 +25,3 @@ import { transition } from './helpers/transition';
     document.body.innerHTML = markup;
-    modal = new Drawer({
+    modal = Drawer({
       autoInit: true,
@@ -28,0 +28,0 @@ selectorInert: '[role="main"]',

tests/api.test.js

@@ -1,2 +0,2 @@
-import { Drawer } from '../index.js';
+import Drawer from '../index.js';
 import { checkMatch } from './helpers/checkMatch';
@@ -70,3 +70,3 @@ import { resizeWindow } from './helpers/resizeWindow';
   document.body.innerHTML = markup;
-  drawer = new Drawer();
+  drawer = Drawer();
   const el = document.querySelector('[data-drawer]');
@@ -93,3 +93,3 @@
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   drawer.toggle('drawer-asdf').catch((error) => {
@@ -102,3 +102,3 @@ expect(error.message).toBe('Did not find drawer with key: "drawer-asdf"');
   document.body.innerHTML = markup;
-  drawer = new Drawer();
+  drawer = Drawer();
   const el = document.querySelector('[data-drawer]');
@@ -119,3 +119,3 @@
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   drawer.open('drawer-asdf').catch((error) => {
@@ -128,3 +128,3 @@ expect(error.message).toBe('Did not find drawer with key: "drawer-asdf"');
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   const el = document.querySelector('[data-drawer]');
@@ -140,3 +140,3 @@ drawer.open('drawer-default');
   document.body.innerHTML = markup;
-  drawer = new Drawer();
+  drawer = Drawer();
   const el = document.querySelector('[data-drawer]');
@@ -166,3 +166,3 @@ const btnOpen = document.querySelector('[data-drawer-toggle]');
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   drawer.close('drawer-asdf').catch((error) => {
@@ -175,3 +175,3 @@ expect(error.message).toBe('Did not find drawer with key: "drawer-asdf"');
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   const el = document.querySelector('[data-drawer]');
@@ -184,3 +184,3 @@ drawer.close('drawer-default');
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   const el = document.querySelector('[data-drawer]');
@@ -199,3 +199,3 @@ let callbackCheck = false;
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   const el = document.querySelector('[data-drawer]');
@@ -214,3 +214,3 @@ let callbackCheck = false;
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   const el = document.querySelector('[data-drawer]');
@@ -232,3 +232,3 @@ let callbackCheck = false;
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   const el = document.querySelector('[data-drawer]');
@@ -243,3 +243,3 @@ expect(drawer.mediaQueryLists.length).toEqual(0);
   document.body.innerHTML = markupBreakpoint;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   let eventFired = false;
@@ -259,3 +259,3 @@
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   const el = document.querySelector('[data-drawer]');
@@ -269,3 +269,3 @@ expect(el).not.toHaveClass('drawer_modal');
   document.body.innerHTML = markupModal;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   const el = document.querySelector('[data-drawer]');
@@ -279,3 +279,3 @@ expect(el).toHaveClass('drawer_modal');
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   expect(drawer.switchToModal.bind(this, 'drawer-asdf')).not.toThrow();
@@ -289,3 +289,3 @@ expect(drawer.switchToDefault.bind(this, 'drawer-asdf')).not.toThrow();
   el.setAttribute('data-drawer-breakpoint', 'md');
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   expect(drawer.mediaQueryLists.length).toEqual(1);
@@ -298,3 +298,3 @@ drawer.breakpoint.destroy();
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   const el = document.querySelector('[data-drawer]');
@@ -313,3 +313,3 @@ const btnOpen = document.querySelector('[data-drawer-toggle]');
   document.body.innerHTML = markup;
-  drawer = new Drawer({
+  drawer = Drawer({
     autoInit: true,
@@ -316,0 +316,0 @@ setTabindex: false

tests/breakpoint.test.js

@@ -1,2 +0,2 @@
-import { Drawer } from '../index.js';
+import Drawer from '../index.js';
 import { checkMatch } from './helpers/checkMatch';
@@ -80,3 +80,3 @@ import { resizeWindow } from './helpers/resizeWindow';
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   const el = document.querySelector('[data-drawer="drawer-one"]');
@@ -102,3 +102,3 @@ const bp = el.dataset.drawerBreakpoint;
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   const el = document.querySelector('[data-drawer="drawer-two"]');
@@ -116,3 +116,3 @@ const value = el.dataset.drawerBreakpoint;
   document.body.innerHTML = markupCustomAttr;
-  drawer = new Drawer({
+  drawer = Drawer({
     autoInit: true,
@@ -133,3 +133,3 @@ dataBreakpoint: 'bp'
   document.body.innerHTML = markup;
-  drawer = new Drawer({
+  drawer = Drawer({
     autoInit: true,
@@ -151,3 +151,3 @@ classModal: 'be-cool'
 
-  drawer = new Drawer({
+  drawer = Drawer({
     autoInit: true,
@@ -172,3 +172,3 @@ breakpoints: {
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   const el = document.querySelector('[data-drawer="drawer-two"]');
@@ -187,3 +187,3 @@
   window.innerWidth = 300;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   const el = document.querySelector('[data-drawer="drawer-two"]');
@@ -205,3 +205,3 @@ const state = JSON.parse(localStorage.getItem('DrawerState'));
   window.innerWidth = 300;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   drawer.mediaQueryLists = null;
@@ -216,3 +216,3 @@ expect(drawer.breakpoint.check).not.toThrow();
   window.innerWidth = 800;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   const el1 = document.querySelector('[data-drawer="drawer-one"]'); // bp = 760px
@@ -245,5 +245,5 @@ const el2 = document.querySelector('[data-drawer="drawer-two"]'); // bp = 400px
   window.innerWidth = 300;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   drawer.mediaQueryLists[0].drawer = 'fake-drawer';
   expect(drawer.breakpoint.check).not.toThrow();
 });

tests/events.test.js

@@ -1,2 +0,2 @@
-import { Drawer } from '../index.js';
+import Drawer from '../index.js';
 import { checkMatch } from './helpers/checkMatch';
@@ -43,3 +43,3 @@ import { resizeWindow } from './helpers/resizeWindow';
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   const el = document.querySelector('[data-drawer="drawer-one"]');
@@ -62,3 +62,3 @@ const btn = document.querySelector('[data-drawer-toggle]');
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   const el = document.querySelector('[data-drawer="drawer-one"]');
@@ -87,3 +87,3 @@ const btn = document.querySelector('[data-drawer-toggle]');
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   let eventFired = false;
@@ -102,3 +102,3 @@
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   let eventFired = false;
@@ -118,3 +118,3 @@
   window.innerWidth = 400;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   let eventFired = false;
@@ -133,3 +133,3 @@
   document.body.innerHTML = markup;
-  drawer = new Drawer({
+  drawer = Drawer({
     autoInit: true,
@@ -136,0 +136,0 @@ customEventPrefix: 'vrembem:'

tests/focus.test.js

@@ -1,2 +0,2 @@
-import { Drawer } from '../index.js';
+import Drawer from '../index.js';
 import '@testing-library/jest-dom/extend-expect';
@@ -75,3 +75,3 @@ import userEvent from '@testing-library/user-event';
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   const el = document.querySelector('[data-drawer="drawer-one"]');
@@ -93,3 +93,3 @@ const dialog = el.querySelector('[data-drawer-dialog]');
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   const el = document.querySelector('[data-drawer="drawer-two"]');
@@ -110,3 +110,3 @@ const btn = document.querySelector('.toggle-two');
   document.body.innerHTML = markupCustomAttr;
-  drawer = new Drawer({
+  drawer = Drawer({
     autoInit: true,
@@ -130,3 +130,3 @@ dataFocus: 'focus'
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   const el = document.querySelector('[data-drawer="drawer-two"]');
@@ -149,3 +149,3 @@ const elFocus = el.querySelector('[data-drawer-focus]');
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   const el = document.querySelector('[data-drawer="drawer-empty"');
@@ -168,3 +168,3 @@ const dialog = el.querySelector('[data-drawer-dialog]');
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   const el = document.querySelector('[data-drawer="drawer-modal"]');
@@ -205,3 +205,3 @@ const dialog = el.querySelector('[data-drawer-dialog]');
   document.body.innerHTML = markup;
-  drawer = new Drawer({
+  drawer = Drawer({
     autoInit: true,
@@ -223,3 +223,3 @@ setTabindex: false
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   const el = document.querySelector('[data-drawer="drawer-two"]');
@@ -226,0 +226,0 @@ const btn = el.querySelector('[data-drawer-close]');

tests/modal.test.js

@@ -1,2 +0,2 @@
-import { Drawer } from '../index.js';
+import Drawer from '../index.js';
 import { transition } from './helpers/transition';
@@ -38,3 +38,3 @@ import '@testing-library/jest-dom/extend-expect';
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   const el = document.querySelector('[data-drawer]');
@@ -60,3 +60,3 @@ const item = document.querySelector('.drawer__dialog');
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   const el = document.querySelector('[data-drawer]');
@@ -81,3 +81,3 @@ const btnOpen = document.querySelector('[data-drawer-toggle]');
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   const el = document.querySelector('[data-drawer]');
@@ -102,3 +102,3 @@ const btnOpen = document.querySelector('[data-drawer-toggle]');
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   const el = document.querySelector('[data-drawer]');
@@ -125,3 +125,3 @@ const btnOpen = document.querySelector('[data-drawer-toggle]');
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   const el = document.querySelector('[data-drawer]');
@@ -128,0 +128,0 @@ const btnOpen = document.querySelector('[data-drawer-toggle]');

tests/state.test.js

@@ -1,2 +0,2 @@
-import { Drawer } from '../index.js';
+import Drawer from '../index.js';
 import { transition } from './helpers/transition';
@@ -50,3 +50,3 @@ import '@testing-library/jest-dom/extend-expect';
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
 
@@ -61,3 +61,3 @@ const state = JSON.parse(localStorage.getItem('DrawerState'));
   document.body.innerHTML = markup;
-  drawer = new Drawer();
+  drawer = Drawer();
   localStorage.setItem('DrawerState', JSON.stringify({
@@ -88,3 +88,3 @@ 'drawer-one': 'is-opened',
   document.body.innerHTML = markup;
-  drawer = new Drawer();
+  drawer = Drawer();
   localStorage.setItem('DrawerState', JSON.stringify({
@@ -98,3 +98,3 @@ 'drawer-asdf': 'is-opened'
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   localStorage.setItem('DrawerState', JSON.stringify({
@@ -128,3 +128,3 @@ 'drawer-one': 'is-close',
   document.body.innerHTML = markup;
-  drawer = new Drawer();
+  drawer = Drawer();
   localStorage.setItem('DrawerState', JSON.stringify({
@@ -163,3 +163,3 @@ 'drawer-one': 'is-opened',
   }));
-  drawer = new Drawer({
+  drawer = Drawer({
     autoInit: true,
@@ -174,3 +174,3 @@ stateSave: false
   document.body.innerHTML = markup;
-  drawer = new Drawer({
+  drawer = Drawer({
     autoInit: true,
@@ -185,3 +185,3 @@ stateSave: false
   document.body.innerHTML = markup;
-  drawer = new Drawer({
+  drawer = Drawer({
     autoInit: true,
@@ -201,3 +201,3 @@ stateSave: false
   document.body.innerHTML = markup;
-  drawer = new Drawer({
+  drawer = Drawer({
     autoInit: true,
@@ -211,5 +211,5 @@ stateKey: 'awesome'
   document.body.innerHTML = markup;
-  drawer = new Drawer({ autoInit: true });
+  drawer = Drawer({ autoInit: true });
   const state = JSON.parse(localStorage.getItem('DrawerState'));
   expect(state).not.toHaveProperty('drawer-three');
 });

tests/transition.test.js

@@ -1,2 +0,2 @@
-import { Drawer } from '../index.js';
+import Drawer from '../index.js';
 import { transition } from './helpers/transition';
@@ -80,3 +80,3 @@ import '@testing-library/jest-dom/extend-expect';
   document.body.innerHTML = markup;
-  drawer = new Drawer();
+  drawer = Drawer();
   const el = document.querySelector('[data-drawer]');
@@ -105,3 +105,3 @@ const btnOpen = document.querySelector('[data-drawer-toggle]');
   document.body.innerHTML = markup;
-  drawer = new Drawer();
+  drawer = Drawer();
   const el = document.querySelector('[data-drawer]');
@@ -130,3 +130,3 @@ const btnOpen = document.querySelector('[data-drawer-open="drawer-default"]');
   document.body.innerHTML = markup;
-  drawer = new Drawer();
+  drawer = Drawer();
   const el = document.querySelector('[data-drawer]');
@@ -151,3 +151,3 @@ const btnOpen = document.querySelector('[data-drawer-open="drawer-default"]');
   document.body.innerHTML = markupCustomAttr;
-  drawer = new Drawer({
+  drawer = Drawer({
     autoInit: true,
@@ -180,3 +180,3 @@ dataDrawer: 'd',
   document.body.innerHTML = markupCustomState;
-  drawer = new Drawer({
+  drawer = Drawer({
     autoInit: true,
@@ -214,3 +214,3 @@ stateOpened: 'on',
   const el = document.querySelector('[data-drawer]');
-  drawer = new Drawer({
+  drawer = Drawer({
     autoInit: true,
@@ -230,3 +230,3 @@ transition: false
   document.body.innerHTML = markupMultiple;
-  drawer = new Drawer();
+  drawer = Drawer();
   const elOne = document.querySelector('[data-drawer="drawer-one"]');
@@ -233,0 +233,0 @@ const elTwo = document.querySelector('[data-drawer="drawer-two"]');

No alert changes

Worsened metrics

Total package byte prevSize

206529

decreased by-0.22%

Lines of code

4284

decreased by-0.05%

Dependency changes

• Updated@vrembem/core@^1.14.2