Wrap our objects into IIFE

js/src/dom/data.js

@@ -5,56 +5,66 @@
  * --------------------------------------------------------------------------
  */
 
-const mapData = (() => {
-  const storeData = {}
-  let id = 1
-  return {
-    set(element, key, data) {
-      if (typeof element.key === 'undefined') {
-        element.key = {
-          key,
-          id
+const Data = (() => {
+
+  /**
+   * ------------------------------------------------------------------------
+   * Constants
+   * ------------------------------------------------------------------------
+   */
+
+
+  const mapData = (() => {
+    const storeData = {}
+    let id = 1
+    return {
+      set(element, key, data) {
+        if (typeof element.key === 'undefined') {
+          element.key = {
+            key,
+            id
+          }
         }
-      }
 
-      storeData[id] = data
-      id++
-    },
-    get(element, key) {
-      if (typeof element === 'undefined' || typeof element.key === 'undefined') {
+        storeData[id] = data
+        id++
+      },
+      get(element, key) {
+        if (typeof element === 'undefined' || typeof element.key === 'undefined') {
+          return null
+        }
+
+        const keyProperties = element.key
+        if (keyProperties.key === key) {
+          return storeData[keyProperties.id]
+        }
         return null
-      }
+      },
+      delete(element, key) {
+        if (typeof element.key === 'undefined') {
+          return
+        }
 
-      const keyProperties = element.key
-      if (keyProperties.key === key) {
-        return storeData[keyProperties.id]
-      }
-      return null
-    },
-    delete(element, key) {
-      if (typeof element.key === 'undefined') {
-        return
+        const keyProperties = element.key
+        if (keyProperties.key === key) {
+          delete storeData[keyProperties.id]
+          delete element.key
+        }
       }
+    }
+  })()
 
-      const keyProperties = element.key
-      if (keyProperties.key === key) {
-        delete storeData[keyProperties.id]
-        delete element.key
-      }
+  return {
+    setData(instance, key, data) {
+      mapData.set(instance, key, data)
+    },
+    getData(instance, key) {
+      return mapData.get(instance, key)
+    },
+    removeData(instance, key) {
+      mapData.delete(instance, key)
     }
   }
 })()
 
-const Data = {
-  setData(instance, key, data) {
-    mapData.set(instance, key, data)
-  },
-  getData(instance, key) {
-    return mapData.get(instance, key)
-  },
-  removeData(instance, key) {
-    mapData.delete(instance, key)
-  }
-}
-
 export default Data

js/src/dom/selectorEngine.js

@@ -5,76 +5,86 @@
  * --------------------------------------------------------------------------
  */
 
-// matches polyfill (see: https://mzl.la/2ikXneG)
-let fnMatches = null
-if (!Element.prototype.matches) {
-  fnMatches =
-    Element.prototype.msMatchesSelector ||
-    Element.prototype.webkitMatchesSelector
-} else {
-  fnMatches = Element.prototype.matches
-}
-
-// closest polyfill (see: https://mzl.la/2vXggaI)
-let fnClosest = null
-if (!Element.prototype.closest) {
-  fnClosest = (element, selector) => {
-    let ancestor = element
-    if (!document.documentElement.contains(element)) {
-      return null
-    }
+const SelectorEngine = (() => {
 
-    do {
-      if (fnMatches.call(ancestor, selector)) {
-        return ancestor
-      }
 
-      ancestor = ancestor.parentElement
-    } while (ancestor !== null)
+  /**
+   * ------------------------------------------------------------------------
+   * Polyfills
+   * ------------------------------------------------------------------------
+   */
 
-    return null
+  // matches polyfill (see: https://mzl.la/2ikXneG)
+  let fnMatches = null
+  if (!Element.prototype.matches) {
+    fnMatches =
+      Element.prototype.msMatchesSelector ||
+      Element.prototype.webkitMatchesSelector
+  } else {
+    fnMatches = Element.prototype.matches
   }
-} else {
-  // eslint-disable-next-line arrow-body-style
-  fnClosest = (element, selector) => {
-    return element.closest(selector)
-  }
-}
 
-const SelectorEngine = {
-  matches(element, selector) {
-    return fnMatches.call(element, selector)
-  },
+  // closest polyfill (see: https://mzl.la/2vXggaI)
+  let fnClosest = null
+  if (!Element.prototype.closest) {
+    fnClosest = (element, selector) => {
+      let ancestor = element
+      if (!document.documentElement.contains(element)) {
+        return null
+      }
+
+      do {
+        if (fnMatches.call(ancestor, selector)) {
+          return ancestor
+        }
+
+        ancestor = ancestor.parentElement
+      } while (ancestor !== null)
 
-  find(selector, element = document) {
-    if (typeof selector !== 'string') {
       return null
     }
-
-    if (selector.indexOf('#') === 0) {
-      return SelectorEngine.findOne(selector, element)
+  } else {
+    // eslint-disable-next-line arrow-body-style
+    fnClosest = (element, selector) => {
+      return element.closest(selector)
     }
+  }
 
-    return element.querySelectorAll(selector)
-  },
+  return {
+    matches(element, selector) {
+      return fnMatches.call(element, selector)
+    },
 
-  findOne(selector, element = document) {
-    if (typeof selector !== 'string') {
-      return null
-    }
+    find(selector, element = document) {
+      if (typeof selector !== 'string') {
+        return null
+      }
 
-    let selectorType = 'querySelector'
-    if (selector.indexOf('#') === 0) {
-      selectorType = 'getElementById'
-      selector = selector.substr(1, selector.length)
-    }
+      if (selector.indexOf('#') === 0) {
+        return SelectorEngine.findOne(selector, element)
+      }
+
+      return element.querySelectorAll(selector)
+    },
 
-    return element[selectorType](selector)
-  },
+    findOne(selector, element = document) {
+      if (typeof selector !== 'string') {
+        return null
+      }
+
+      let selectorType = 'querySelector'
+      if (selector.indexOf('#') === 0) {
+        selectorType = 'getElementById'
+        selector = selector.substr(1, selector.length)
+      }
 
-  closest(element, selector) {
-    return fnClosest(element, selector)
+      return element[selectorType](selector)
+    },
+
+    closest(element, selector) {
+      return fnClosest(element, selector)
+    }
   }
-}
+})()
 
 export default SelectorEngine