vrembem 1.40.2 → 1.40.3

package/dev/scripts.umd.js

@@ -39,10 +39,9 @@
   };
 
   /**
-   * 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;
@@ -55,10 +54,9 @@
   };
 
   /**
-   * 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) {
@@ -184,27 +182,25 @@
   }();
 
   /**
-   * 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];
@@ -217,10 +213,9 @@
   };
 
   /**
-   * 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) {
@@ -229,11 +224,10 @@
   };
 
   /**
-   * 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) {
@@ -288,10 +282,9 @@
   }
 
   /**
-   * 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;
@@ -304,10 +297,9 @@
   };
 
   /**
-   * 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;
@@ -394,13 +386,15 @@
     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();
@@ -515,16 +509,23 @@
 
       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,