vrembem 1.40.2 → 1.40.3

package/dev/scripts.js

@@ -34,10 +34,9 @@ var setTabindex = function setTabindex(selector) {
 };
 
 /**
- * Adds a class or classes to an element or NodeList
- * ---
- * @param {Node || NodeList} el - Element(s) to add class(es) to
- * @param {String || Array} cl - Class(es) to add
+ * Adds a class or classes to a Node or NodeList.
+ * @param {Node || NodeList} el - Element(s) to add class(es) to.
+ * @param  {String || Array} cl - Class(es) to add.
  */
 var addClass = function addClass(el) {
   var _arguments = arguments;
@@ -50,10 +49,9 @@ var addClass = function addClass(el) {
 };
 
 /**
- * Takes a hyphen cased string and converts it to camel case
- * ---
- * @param {String } str - the string to convert to camel case
- * @returns {Boolean} - returns a camel cased string
+ * Takes a hyphen cased string and converts it to camel case.
+ * @param {String } str - the string to convert to camel case.
+ * @returns {Boolean} - returns a camel cased string.
  */
 var camelCase = function camelCase(str) {
   return str.replace(/-([a-z])/g, function (g) {
@@ -179,27 +177,25 @@ var FocusTrap = /*#__PURE__*/function () {
 }();
 
 /**
- * Get an element(s) from a selector or return value if not a string
- * ---
- * @param {String} selector - Selector to query
- * @param {Boolean} single - Whether to return a single or all matches
+ * Get an element(s) from a selector or return value if not a string.
+ * @param {String} selector - Selector to query.
+ * @param {Boolean} single - Whether to return a single or all matches.
  */
 var getElement = function getElement(selector, single) {
   if (single === void 0) {
     single = 0;
   }
 
-  if (typeof selector != 'string') return selector;
+  if (typeof selector !== 'string') return selector;
   return single ? document.querySelector(selector) : document.querySelectorAll(selector);
 };
 
 /**
- * Checks an element or NodeList whether they contain a class or classes
+ * Checks an element or NodeList whether they contain a class or classes.
  * Ref: https://davidwalsh.name/nodelist-array
- * ---
- * @param {Node} el - Element(s) to check class(es) on
- * @param {String || Array} c - Class(es) to check
- * @returns {Boolean} - Returns true if class exists, otherwise false
+ * @param {Node} el - Element(s) to check class(es) on.
+ * @param {String || Array} c - Class(es) to check.
+ * @returns {Boolean} - Returns true if class exists, otherwise false.
  */
 var hasClass = function hasClass(el) {
   el = el.forEach ? el : [el];
@@ -212,10 +208,9 @@ var hasClass = function hasClass(el) {
 };
 
 /**
- * Takes a camel cased string and converts it to hyphen case
- * ---
- * @param {String } str - the string to convert to hyphen case
- * @returns {Boolean} - returns a hyphen cased string
+ * Takes a camel cased string and converts it to hyphen case.
+ * @param {String } str - the string to convert to hyphen case.
+ * @returns {Boolean} - returns a hyphen cased string.
  */
 var hyphenCase = function hyphenCase(str) {
   return str.replace(/([a-z][A-Z])/g, function (g) {
@@ -224,11 +219,10 @@ var hyphenCase = function hyphenCase(str) {
 };
 
 /**
- * Moves element(s) in the DOM based on a reference and move type
- * ---
- * @param {String} target - The element(s) to move
- * @param {String} type - Move type can be 'after', 'before', 'append' or 'prepend'
- * @param {String} reference - The reference element the move is relative to
+ * Moves element(s) in the DOM based on a reference and move type.
+ * @param {String} target - The element(s) to move.
+ * @param {String} type - Move type can be 'after', 'before', 'append' or 'prepend'.
+ * @param {String} reference - The reference element the move is relative to.
  */
 
 function moveElement(target, type, reference) {
@@ -283,10 +277,9 @@ function moveElement(target, type, reference) {
 }
 
 /**
- * Remove a class or classes from an element or NodeList
- * ---
- * @param {Node || NodeList} el - Element(s) to remove class(es) from
- * @param {String || Array} cl - Class(es) to remove
+ * Remove a class or classes from an element or NodeList.
+ * @param {Node || NodeList} el - Element(s) to remove class(es) from.
+ * @param {String || Array} cl - Class(es) to remove.
  */
 var removeClass = function removeClass(el) {
   var _arguments = arguments;
@@ -299,10 +292,9 @@ var removeClass = function removeClass(el) {
 };
 
 /**
- * Toggle a class or classes on an element or NodeList
- * ---
- * @param {Node || NodeList} el - Element(s) to toggle class(es) on
- * @param {String || Array} cl - Class(es) to toggle
+ * Toggle a class or classes on an element or NodeList.
+ * @param {Node || NodeList} el - Element(s) to toggle class(es) on.
+ * @param {String || Array} cl - Class(es) to toggle.
  */
 var toggleClass = function toggleClass(el) {
   var _arguments = arguments;
@@ -389,13 +381,15 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+var defaults$3 = {
+  autoInit: false,
+  stateAttr: 'aria-checked',
+  stateValue: 'mixed'
+};
+
 var Checkbox = /*#__PURE__*/function () {
   function Checkbox(options) {
-    this.defaults = {
-      autoInit: false,
-      stateAttr: 'aria-checked',
-      stateValue: 'mixed'
-    };
+    this.defaults = defaults$3;
     this.settings = _extends({}, this.defaults, options);
     this.__handlerClick = this.handlerClick.bind(this);
     if (this.settings.autoInit) this.init();
@@ -510,16 +504,23 @@ var Breakpoint = /*#__PURE__*/function () {
 
     var drawers = document.querySelectorAll("[data-" + this.parent.settings.dataBreakpoint + "]");
     drawers.forEach(function (drawer) {
+      // Setup mediaQueryList object
       var id = drawer.getAttribute("data-" + _this.parent.settings.dataDrawer);
       var key = drawer.getAttribute("data-" + _this.parent.settings.dataBreakpoint);
 
       var bp = _this.getBreakpoint(key);
 
-      var mql = window.matchMedia('(min-width:' + bp + ')');
+      var mql = window.matchMedia('(min-width:' + bp + ')'); // Run match check
 
-      _this.match(mql, drawer);
+      _this.match(mql, drawer); // Conditionally use addListner() for IE11 support
+
+
+      if (typeof mql.addEventListener === 'function') {
+        mql.addEventListener('change', _this.__check);
+      } else {
+        mql.addListener(_this.__check);
+      } // Push to mediaQueryLists array along with drawer ID
 
-      mql.addEventListener('change', _this.__check);
 
       _this.mediaQueryLists.push({
         'mql': mql,