vrembem 1.40.2 → 1.40.3

package/dev/scripts.modern.js

@@ -34,10 +34,9 @@ const 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.
  */
 const addClass = (el, ...cl) => {
   el = el.forEach ? el : [el];
@@ -47,10 +46,9 @@ const addClass = (el, ...cl) => {
 };
 
 /**
- * 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.
  */
 const camelCase = str => {
   return str.replace(/-([a-z])/g, function (g) {
@@ -169,23 +167,21 @@ class FocusTrap {
 }
 
 /**
- * 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.
  */
 const getElement = function getElement(selector, 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.
  */
 const hasClass = (el, ...cl) => {
   el = el.forEach ? el : [el];
@@ -198,10 +194,9 @@ const hasClass = (el, ...cl) => {
 };
 
 /**
- * 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.
  */
 const hyphenCase = str => {
   return str.replace(/([a-z][A-Z])/g, function (g) {
@@ -210,11 +205,10 @@ const 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 = false) {
@@ -265,10 +259,9 @@ function moveElement(target, type, reference = false) {
 }
 
 /**
- * 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.
  */
 const removeClass = (el, ...cl) => {
   el = el.forEach ? el : [el];
@@ -278,10 +271,9 @@ const removeClass = (el, ...cl) => {
 };
 
 /**
- * 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.
  */
 const toggleClass = (el, ...cl) => {
   el = el.forEach ? el : [el];
@@ -367,13 +359,15 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+var defaults$3 = {
+  autoInit: false,
+  stateAttr: 'aria-checked',
+  stateValue: 'mixed'
+};
+
 class Checkbox {
   constructor(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();
@@ -467,12 +461,21 @@ class Breakpoint {
   init() {
     const drawers = document.querySelectorAll(`[data-${this.parent.settings.dataBreakpoint}]`);
     drawers.forEach(drawer => {
+      // Setup mediaQueryList object
       const id = drawer.getAttribute(`data-${this.parent.settings.dataDrawer}`);
       const key = drawer.getAttribute(`data-${this.parent.settings.dataBreakpoint}`);
       const bp = this.getBreakpoint(key);
-      const mql = window.matchMedia('(min-width:' + bp + ')');
-      this.match(mql, drawer);
-      mql.addEventListener('change', this.__check);
+      const mql = window.matchMedia('(min-width:' + bp + ')'); // Run match check
+
+      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
+
+
       this.mediaQueryLists.push({
         'mql': mql,
         'drawer': id