bootstrap-italia 2.8.8-rc4 → 2.8.8

package/src/js/plugins/carousel-bi.js

@@ -205,13 +205,12 @@ class CarouselBI extends BaseComponent {
  * Data Api implementation
  * ------------------------------------------------------------------------
  */
-if (typeof window !== 'undefined' && typeof document !== 'undefined') {
-  EventHandler.on(window, EVENT_LOAD_DATA_API, () => {
-    const carousels = SelectorEngine.find(SELECTOR_CAROUSEL)
-    carousels.forEach((carousel) => {
-      CarouselBI.getOrCreateInstance(carousel)
-    })
+
+EventHandler.on(window, EVENT_LOAD_DATA_API, () => {
+  const carousels = SelectorEngine.find(SELECTOR_CAROUSEL)
+  carousels.forEach((carousel) => {
+    CarouselBI.getOrCreateInstance(carousel)
   })
-}
+})
 
 export default CarouselBI

package/src/js/plugins/cookiebar.js

@@ -259,35 +259,44 @@ class Cookiebar extends BaseComponent {
  * ------------------------------------------------------------------------
  */
 
-if (typeof window !== 'undefined' && typeof document !== 'undefined') {
-  EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_ACCEPT, function (event) {
-    if (['A', 'AREA'].includes(this.tagName)) {
-      event.preventDefault()
-    }
+//$(document).on(EVENT_CLICK_DATA_API, SELECTOR_ACCEPT, Cookiebar._handleAccept(new Cookiebar()))
+
+EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_ACCEPT, function (event) {
+  if (['A', 'AREA'].includes(this.tagName)) {
+    event.preventDefault()
+  }
+
+  if (isDisabled(this)) {
+    return
+  }
 
-    if (isDisabled(this)) {
+  const target = getElementFromSelector(this) || this.closest(`.${NAME}`)
+  const instance = Cookiebar.getOrCreateInstance(target)
+  instance.accept()
+  //Cookiebar._handleAccept(new Cookiebar())
+})
+
+EventHandler.on(window, EVENT_LOAD_DATA_API, function () {
+  const consent = Cookiebar._getCookieEU()
+  if (!consent) {
+    if (typeof document === 'undefined') {
       return
     }
+    const cookiebars = document.querySelectorAll(SELECTOR_COOKIE_BAR)
+    cookiebars.forEach((bar) => {
+      const instance = Cookiebar.getOrCreateInstance(bar)
+      instance.show()
+    })
+  }
+})
 
-    const target = getElementFromSelector(this) || this.closest(`.${NAME}`)
-    const instance = Cookiebar.getOrCreateInstance(target)
-    instance.accept()
-    //Cookiebar._handleAccept(new Cookiebar())
-  })
-
-  EventHandler.on(window, EVENT_LOAD_DATA_API, function () {
-    const consent = Cookiebar._getCookieEU()
-    if (!consent) {
-      if (typeof document === 'undefined') {
-        return
-      }
-      const cookiebars = document.querySelectorAll(SELECTOR_COOKIE_BAR)
-      cookiebars.forEach((bar) => {
-        const instance = Cookiebar.getOrCreateInstance(bar)
-        instance.show()
-      })
-    }
-  })
-}
+/**
+ * ------------------------------------------------------------------------
+ * jQuery
+ * ------------------------------------------------------------------------
+ * add .Cookiebar to jQuery only if jQuery is present
+ */
+
+//defineJQueryPlugin(Cookiebar)
 
 export default Cookiebar

package/src/js/plugins/dimmer.js

@@ -105,13 +105,11 @@ class Dimmer extends BaseComponent {
  * ------------------------------------------------------------------------
  */
 
-if (typeof window !== 'undefined' && typeof document !== 'undefined') {
-  EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function () {
-    const dimmerElement = getElementFromSelector(this)
-    const dimmer = Dimmer.getOrCreateInstance(dimmerElement)
+EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function () {
+  const dimmerElement = getElementFromSelector(this)
+  const dimmer = Dimmer.getOrCreateInstance(dimmerElement)
 
-    this.checked ? dimmer.show() : dimmer.hide()
-  })
-}
+  this.checked ? dimmer.show() : dimmer.hide()
+})
 
 export default Dimmer

package/src/js/plugins/fonts-loader.js

@@ -1,6 +1,6 @@
 // Create our stylesheet
 export default (path = '/node_modules/bootstrap-italia/dist/fonts') => {
-  if (typeof window === 'undefined' || typeof document === 'undefined') {
+  if (typeof document === 'undefined') {
     return
   }
   const styleNode = document.createElement('style')

package/src/js/plugins/form-validate.js

@@ -15,9 +15,6 @@ const SELECTOR_SPAN_SRONLY = `.${CLASS_NAME_SRONLY}`
 class FormValidate {
   constructor(selector, config) {
     this.formSelector = selector
-    if (typeof window === 'undefined' || typeof document === 'undefined') {
-      return
-    }
     this.target = document.querySelector(selector)
     this.validate = new JustValidate(selector, config)
     this.config = Object.assign({}, CONFIG_DEFAULT, this.validate.globalConfig)
@@ -163,16 +160,14 @@ const ValidatorSelectAutocomplete = (inputId, config = {}) => {
       if (!config.required && !value) {
         result = true
       } else {
-        if (typeof window !== 'undefined' && typeof document !== 'undefined') {
-          document
-            .querySelector('#' + field.elem.id + '-select')
-            .querySelectorAll('option')
-            .forEach((option) => {
-              if (option.text === value) {
-                result = true
-              }
-            })
-        }
+        document
+          .querySelector('#' + field.elem.id + '-select')
+          .querySelectorAll('option')
+          .forEach((option) => {
+            if (option.text === value) {
+              result = true
+            }
+          })
       }
     } else {
       throw new Error('ValidatorSelectAutocomplete: ' + inputId + ' not found as form field')

package/src/js/plugins/forward.js

@@ -71,13 +71,19 @@ class Forward extends BaseComponent {
  * Data Api implementation
  * ------------------------------------------------------------------------
  */
-
-if (typeof window !== 'undefined' && typeof document !== 'undefined') {
-  EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_TOGGLE, function (evt) {
+/*const toggles = SelectorEngine.find(SELECTOR_TOGGLE)
+toggles.forEach((toggle) => {
+  EventHandler.one(toggle, EVENT_CLICK_DATA_API, (evt) => {
     evt.preventDefault()
-    const forward = Forward.getOrCreateInstance(this)
+    const forward = Forward.getOrCreateInstance(toggle)
     forward.goToTarget()
   })
-}
+})*/
+
+EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_TOGGLE, function (evt) {
+  evt.preventDefault()
+  const forward = Forward.getOrCreateInstance(this)
+  forward.goToTarget()
+})
 
 export default Forward

package/src/js/plugins/history-back.js

@@ -48,12 +48,19 @@ class HistoryBack extends BaseComponent {
  * ------------------------------------------------------------------------
  */
 
-if (typeof window !== 'undefined' && typeof document !== 'undefined') {
-  EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_TOGGLE, function (evt) {
+/*const toggles = SelectorEngine.find(SELECTOR_TOGGLE)
+toggles.forEach((toggle) => {
+  EventHandler.one(toggle, EVENT_CLICK_DATA_API, (evt) => {
     evt.preventDefault()
-    const historyBack = HistoryBack.getOrCreateInstance(this)
+    const historyBack = HistoryBack.getOrCreateInstance(toggle)
     historyBack.back()
   })
-}
+})*/
+
+EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_TOGGLE, function (evt) {
+  evt.preventDefault()
+  const historyBack = HistoryBack.getOrCreateInstance(this)
+  historyBack.back()
+})
 
 export default HistoryBack

package/src/js/plugins/input-label.js

@@ -26,9 +26,7 @@ class InputLabel {
   }
 
   static getInputFromLabel = (labelElement) => {
-    if (typeof window !== 'undefined' && typeof document !== 'undefined') {
-      return document.querySelector('#' + CSS.escape(labelElement.getAttribute('for')))
-    }
+    return document.querySelector('#' + CSS.escape(labelElement.getAttribute('for')))
   }
 
   // Public

package/src/js/plugins/input-number.js

@@ -127,7 +127,7 @@ const createInput = (element) => {
   return null
 }
 
-if (typeof window !== 'undefined' && typeof document !== 'undefined') {
+if (typeof document !== 'undefined') {
   document.addEventListener('DOMContentLoaded', function () {
     var frmel = document.querySelectorAll(SELECTOR_INPUT + ', label')
     frmel.forEach(function (item) {

package/src/js/plugins/input-password.js

@@ -360,31 +360,34 @@ class InputPassword extends BaseComponent {
  * ------------------------------------------------------------------------
  */
 
-if (typeof window !== 'undefined' && typeof document !== 'undefined') {
-  const createInput = (element) => {
-    if (element && element.matches(SELECTOR_PASSWORD)) {
-      return InputPassword.getOrCreateInstance(element)
-    }
-    return null
+/*const inputs = SelectorEngine.find(SELECTOR_PASSWORD)
+inputs.forEach((input) => {
+  InputPassword.getOrCreateInstance(input)
+})*/
+
+const createInput = (element) => {
+  if (element && element.matches(SELECTOR_PASSWORD)) {
+    return InputPassword.getOrCreateInstance(element)
   }
-
-  EventHandler.on(document, EVENT_MOUSEDOWN_DATA_API, SELECTOR_PASSWORD + ', label', function () {
-    const target = InputLabel.getInputFromLabel(this) || this
-    createInput(target)
-  })
-  EventHandler.on(document, EVENT_KEYUP_DATA_API, SELECTOR_PASSWORD + ', label', function () {
-    const target = InputLabel.getInputFromLabel(this) || this
-    const element = createInput(target)
-    if (element && element._label) {
-      element._label._labelOut()
-    }
-  })
-  EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_BTN_SHOW_PWD, function () {
-    const target = this.parentNode && this.parentNode.querySelector(SELECTOR_PASSWORD)
-    if (target) {
-      InputPassword.getOrCreateInstance(target)
-    }
-  })
+  return null
 }
 
+EventHandler.on(document, EVENT_MOUSEDOWN_DATA_API, SELECTOR_PASSWORD + ', label', function () {
+  const target = InputLabel.getInputFromLabel(this) || this
+  createInput(target)
+})
+EventHandler.on(document, EVENT_KEYUP_DATA_API, SELECTOR_PASSWORD + ', label', function () {
+  const target = InputLabel.getInputFromLabel(this) || this
+  const element = createInput(target)
+  if (element && element._label) {
+    element._label._labelOut()
+  }
+})
+EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_BTN_SHOW_PWD, function () {
+  const target = this.parentNode && this.parentNode.querySelector(SELECTOR_PASSWORD)
+  if (target) {
+    InputPassword.getOrCreateInstance(target)
+  }
+})
+
 export default InputPassword

package/src/js/plugins/input-search-autocomplete.js

@@ -125,6 +125,14 @@ class InputSearch extends BaseComponent {
  * ------------------------------------------------------------------------
  */
 
+/*const inputs = SelectorEngine.find(SELECTOR_SEARCH)
+inputs.forEach((input) => {
+  EventHandler.one(input, EVENT_KEYUP_DATA_API, () => {
+    const searchInput = InputSearch.getOrCreateInstance(input)
+    searchInput.search()
+  })
+})*/
+
 const createInput = (element) => {
   if (element && element.matches(SELECTOR_SEARCH)) {
     return InputSearch.getOrCreateInstance(element)

package/src/js/plugins/list.js

@@ -63,18 +63,16 @@ class List extends BaseComponent {
  * ------------------------------------------------------------------------
  */
 
-if (typeof window !== 'undefined' && typeof document !== 'undefined') {
-  SelectorEngine.find(SELECTOR_LIST).forEach((list) => {
-    SelectorEngine.find(SELECTOR_ITEM_CHECKBOX, list).forEach((checkbox) => {
-      EventHandler.one(checkbox.closest('a'), EVENT_CLICK_DATA_API, (evt) => {
-        if (!List.getInstance(list)) {
-          evt.preventDefault()
-          const listObj = List.getOrCreateInstance(list)
-          listObj.toggleCheckbox(evt.currentTarget)
-        }
-      })
+SelectorEngine.find(SELECTOR_LIST).forEach((list) => {
+  SelectorEngine.find(SELECTOR_ITEM_CHECKBOX, list).forEach((checkbox) => {
+    EventHandler.one(checkbox.closest('a'), EVENT_CLICK_DATA_API, (evt) => {
+      if (!List.getInstance(list)) {
+        evt.preventDefault()
+        const listObj = List.getOrCreateInstance(list)
+        listObj.toggleCheckbox(evt.currentTarget)
+      }
     })
   })
-}
+})
 
 export default List

package/src/js/plugins/masonry.js

@@ -125,6 +125,13 @@ class Masonry extends BaseComponent {
 
 const masonries = SelectorEngine.find(SELECTOR_DATA_TOGGLE)
 if (masonries.length > 0) {
+  /*if (!MASONRY_EXISTS) {
+    console.warn('[Masonry] Masonry component needs Masonry library to work properly')
+  } else {
+    masonries.forEach((masonry) => {
+      Masonry.getOrCreateInstance(masonry)
+    })
+  }*/
   masonries.forEach((masonry) => {
     Masonry.getOrCreateInstance(masonry)
   })

package/src/js/plugins/navbar-collapsible.js

@@ -139,36 +139,33 @@ class NavBarCollapsible extends BaseComponent {
   }
 
   dispose() {
-    if (typeof window !== 'undefined' && typeof document !== 'undefined') {
-      EventHandler.off(window, EVENT_RESIZE)
-      super.dispose()
-    }
+    EventHandler.off(window, EVENT_RESIZE)
+
+    super.dispose()
   }
 
   // Private
 
   _bindEvents() {
-    if (typeof window !== 'undefined' && typeof document !== 'undefined') {
-      EventHandler.on(window, EVENT_RESIZE, () => this._onResize())
+    EventHandler.on(window, EVENT_RESIZE, () => this._onResize())
 
-      if (this._overlay) {
-        EventHandler.on(this._overlay, EVENT_CLICK, () => this.hide())
-      }
-      EventHandler.on(this._btnClose, EVENT_CLICK, (evt) => {
-        evt.preventDefault()
-        this.hide()
-      })
-      EventHandler.on(this._btnBack, EVENT_CLICK, (evt) => {
-        evt.preventDefault()
-        this.hide()
-      })
-
-      this._menuItems.forEach((item) => {
-        EventHandler.on(item, EVENT_KEYDOWN, (evt) => this._isMobile && this._onMenuItemKeyDown(evt))
-        EventHandler.on(item, EVENT_KEYUP, (evt) => this._isMobile && this._onMenuItemKeyUp(evt))
-        EventHandler.on(item, EVENT_CLICK, (evt) => this._isMobile && this._onMenuItemClick(evt))
-      })
+    if (this._overlay) {
+      EventHandler.on(this._overlay, EVENT_CLICK, () => this.hide())
     }
+    EventHandler.on(this._btnClose, EVENT_CLICK, (evt) => {
+      evt.preventDefault()
+      this.hide()
+    })
+    EventHandler.on(this._btnBack, EVENT_CLICK, (evt) => {
+      evt.preventDefault()
+      this.hide()
+    })
+
+    this._menuItems.forEach((item) => {
+      EventHandler.on(item, EVENT_KEYDOWN, (evt) => this._isMobile && this._onMenuItemKeyDown(evt))
+      EventHandler.on(item, EVENT_KEYUP, (evt) => this._isMobile && this._onMenuItemKeyUp(evt))
+      EventHandler.on(item, EVENT_CLICK, (evt) => this._isMobile && this._onMenuItemClick(evt))
+    })
   }
 
   _onResize() {
@@ -316,32 +313,34 @@ class NavBarCollapsible extends BaseComponent {
  * Data Api implementation
  * ------------------------------------------------------------------------
  */
+/*const navs = SelectorEngine.find(SELECTOR_NAVBAR)
+navs.forEach((nav) => {
+  NavBarCollapsible.getOrCreateInstance(nav)
+})*/
+
+EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {
+  const target = getElementFromSelector(this)
 
-if (typeof window !== 'undefined' && typeof document !== 'undefined') {
-  EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {
-    const target = getElementFromSelector(this)
+  if (['A', 'AREA'].includes(this.tagName)) {
+    event.preventDefault()
+  }
 
-    if (['A', 'AREA'].includes(this.tagName)) {
-      event.preventDefault()
+  EventHandler.one(target, EVENT_SHOW, (showEvent) => {
+    if (showEvent.defaultPrevented) {
+      // only register focus restorer if modal will actually get shown
+      return
     }
 
-    EventHandler.one(target, EVENT_SHOW, (showEvent) => {
-      if (showEvent.defaultPrevented) {
-        // only register focus restorer if modal will actually get shown
-        return
+    EventHandler.one(target, EVENT_HIDDEN, () => {
+      if (isVisible(this)) {
+        this.focus()
       }
-
-      EventHandler.one(target, EVENT_HIDDEN, () => {
-        if (isVisible(this)) {
-          this.focus()
-        }
-      })
     })
+  })
 
-    const data = NavBarCollapsible.getOrCreateInstance(target)
+  const data = NavBarCollapsible.getOrCreateInstance(target)
 
-    data.toggle(this)
-  })
-}
+  data.toggle(this)
+})
 
 export default NavBarCollapsible

package/src/js/plugins/navscroll.js

@@ -64,9 +64,11 @@ class NavScroll extends BaseComponent {
   }
 
   dispose() {
+    //EventHandler.off(window, EVENT_SCROLL, this._onScroll)
     if (this._scrollCb) {
       this._scrollCb.dispose()
     }
+
     super.dispose()
   }
 
@@ -81,6 +83,8 @@ class NavScroll extends BaseComponent {
   }
 
   _bindEvents() {
+    //EventHandler.on(window, EVENT_SCROLL, this._onScroll)
+
     this._scrollCb = onDocumentScroll(() => this._onScroll())
 
     if (this._collapsible) {
@@ -99,12 +103,11 @@ class NavScroll extends BaseComponent {
         }
       })
     })
-    if (typeof window !== 'undefined' && typeof document !== 'undefined') {
-      EventHandler.on(window, 'load', () => {
-        //if page is already scrolled
-        setTimeout(() => this._onScroll(), 150)
-      })
-    }
+
+    EventHandler.on(window, 'load', () => {
+      //if page is already scrolled
+      setTimeout(() => this._onScroll(), 150)
+    })
   }
 
   _onCollapseOpened() {
@@ -244,11 +247,9 @@ class NavScroll extends BaseComponent {
  * ------------------------------------------------------------------------
  */
 
-if (typeof window !== 'undefined' && typeof document !== 'undefined') {
-  const navs = SelectorEngine.find(SELECTOR_NAVSCROLL)
-  navs.map((nav) => {
-    NavScroll.getOrCreateInstance(nav)
-  })
-}
+const navs = SelectorEngine.find(SELECTOR_NAVSCROLL)
+navs.map((nav) => {
+  NavScroll.getOrCreateInstance(nav)
+})
 
 export default NavScroll

package/src/js/plugins/notification.js

@@ -155,26 +155,25 @@ class Notification extends BaseComponent {
  * ------------------------------------------------------------------------
  */
 
-if (typeof window !== 'undefined' && typeof document !== 'undefined') {
-  EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {
-    const target = getElementFromSelector(this)
+EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {
+  const target = getElementFromSelector(this)
 
-    if (['A', 'AREA'].includes(this.tagName)) {
-      event.preventDefault()
+  if (['A', 'AREA'].includes(this.tagName)) {
+    event.preventDefault()
+  }
+
+  EventHandler.one(target, EVENT_SHOW, (showEvent) => {
+    if (showEvent.defaultPrevented) {
+      // only register focus restorer if modal will actually get shown
+      return
     }
 
-    EventHandler.one(target, EVENT_SHOW, (showEvent) => {
-      if (showEvent.defaultPrevented) {
-        // only register focus restorer if modal will actually get shown
-        return
+    EventHandler.one(target, EVENT_HIDDEN, () => {
+      if (isVisible(this)) {
+        this.focus()
       }
-
-      EventHandler.one(target, EVENT_HIDDEN, () => {
-        if (isVisible(this)) {
-          this.focus()
-        }
-      })
     })
+  })
 
   const data = Notification.getOrCreateInstance(target)
 
@@ -183,6 +182,4 @@ if (typeof window !== 'undefined' && typeof document !== 'undefined') {
 
 enableDismissTrigger(Notification)
 
-}
-
 export default Notification

package/src/js/plugins/progress-donut.js

@@ -103,10 +103,8 @@ class ProgressDonut extends BaseComponent {
  * ------------------------------------------------------------------------
  */
 
-if (typeof window !== 'undefined' && typeof document !== 'undefined') {
-  SelectorEngine.find(SELECTOR_DONUT).forEach((donut) => {
-    ProgressDonut.getOrCreateInstance(donut)
-  })
-}
+SelectorEngine.find(SELECTOR_DONUT).forEach((donut) => {
+  ProgressDonut.getOrCreateInstance(donut)
+})
 
 export default ProgressDonut

package/src/js/plugins/sticky.js

@@ -66,12 +66,10 @@ class Sticky extends BaseComponent {
   }
 
   dispose() {
-    if (typeof window !== 'undefined' && typeof document !== 'undefined') {
-      EventHandler.off(window, EVENT_RESIZE)
-      this._scrollCb.dispose()
+    EventHandler.off(window, EVENT_RESIZE)
+    this._scrollCb.dispose()
 
-      super.dispose()
-    }
+    super.dispose()
   }
   // Getters
 
@@ -92,10 +90,9 @@ class Sticky extends BaseComponent {
   }
 
   _bindEvents() {
-    if (typeof window !== 'undefined' && typeof document !== 'undefined') {
-      EventHandler.on(window, EVENT_RESIZE, () => this._onResize())
-      this._scrollCb = onDocumentScroll(() => this._onScroll())
-    }
+    EventHandler.on(window, EVENT_RESIZE, () => this._onResize())
+    //EventHandler.on(window, EVENT_SCROLL, () => this._onScroll())
+    this._scrollCb = onDocumentScroll(() => this._onScroll())
   }
 
   _onResize() {
@@ -249,13 +246,11 @@ class Sticky extends BaseComponent {
  * ------------------------------------------------------------------------
  */
 
-if (typeof window !== 'undefined' && typeof document !== 'undefined') {
-  onDocumentScroll(() => {
-    const stickies = SelectorEngine.find(SELECTOR_DATA_TOGGLE)
-    stickies.map((sticky) => {
-      Sticky.getOrCreateInstance(sticky)
-    })
+onDocumentScroll(() => {
+  const stickies = SelectorEngine.find(SELECTOR_DATA_TOGGLE)
+  stickies.map((sticky) => {
+    Sticky.getOrCreateInstance(sticky)
   })
-}
+})
 
 export default Sticky