bootstrap-italia 2.8.5 → 2.8.7

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

@@ -112,17 +112,8 @@ class FormValidate {
       if (legend) {
         legend.setAttribute('aria-describedby', errIds.join(' '))
         legend.setAttribute('aria-invalid', 'true')
-
-        //not needed anymore
-        /*const span = document.createElement('span')
-        span.classList.add('sr-only')
-        span.classList.add(CLASS_NAME_SRONLY)
-        span.textContent = errTexts.join(' ')
-        legend.append(span)*/
       }
-    } /*else {
-      console.warn('[JustValidateIt] the element is invalid but no error message was found', { target })
-    }*/
+    }
   }
   /**
    * Removes the fieldset ARIA attributes
@@ -186,7 +177,4 @@ const ValidatorSelectAutocomplete = (inputId, config = {}) => {
   }
 }
 
-//window.JustValidateIt = JustValidateIt
-//window.JustValidateItValidatorSelectAutocomplete = JustValidateItValidatorSelectAutocomplete
-
 export { FormValidate, ValidatorSelectAutocomplete }

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

@@ -28,7 +28,9 @@ class HistoryBack extends BaseComponent {
 
   // Public
   back() {
-    window.history.back()
+    if (typeof window !== 'undefined') {
+      window.history.back()
+    }
   }
 
   // Private

package/src/js/plugins/init.js

@@ -3,7 +3,7 @@ import TrackFocus from './track-focus'
 import BOOTSTRAP_ITALIA_VERSION from '../version'
 
 const init = () => {
-  if (!window.BOOTSTRAP_ITALIA_VERSION) {
+  if (typeof window !== 'undefined' && !window.BOOTSTRAP_ITALIA_VERSION) {
     new TrackFocus()
     window.BOOTSTRAP_ITALIA_VERSION = BOOTSTRAP_ITALIA_VERSION
   }

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

@@ -1,7 +1,6 @@
 import BaseComponent from 'bootstrap/js/src/base-component'
 import EventHandler from 'bootstrap/js/src/dom/event-handler'
 import SelectorEngine from 'bootstrap/js/src/dom/selector-engine'
-//import Manipulator from 'bootstrap/js/src/dom/manipulator'
 
 import InputLabel from './input-label'
 
@@ -14,11 +13,9 @@ const EVENT_CLICK = `click${EVENT_KEY}`
 const EVENT_CHANGE = `change${EVENT_KEY}`
 const EVENT_INPUT = `input`
 
-//const EVENT_FOCUS_DATA_API = `focus${EVENT_KEY}${DATA_API_KEY}`
 const EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`
 
 const CLASS_NAME_ADAPTIVE = 'input-number-adaptive'
-//const CLASS_NAME_INCREMENT = 'input-number-add'
 const CLASS_NAME_DECREMENT = 'input-number-sub'
 
 const SELECTOR_WRAPPER = '.input-number'
@@ -69,14 +66,10 @@ class InputNumber extends BaseComponent {
   _inputResize() {
     if (this._wrapperElement.classList.contains(CLASS_NAME_ADAPTIVE)) {
       let newWidth = null
-      //let newWidthIE = null
-      //74px - buttons (30px) and possible validation icon (40px)
       newWidth = 'calc(70px + ' + this._element.value.length + 'ch)'
-      //newWidthIE = 'calc(44px + (1.5 * ' + this._element.value.length + 'ch))'
 
       if (newWidth) {
         this._element.style.width = newWidth
-        //IE - this._element.style.width = calcIe
       }
     }
   }
@@ -127,35 +120,6 @@ class InputNumber extends BaseComponent {
  * ------------------------------------------------------------------------
  */
 
-/*const inputs = SelectorEngine.find(SELECTOR_INPUT)
-inputs.forEach((input) => {
-  EventHandler.one(input, EVENT_FOCUS_DATA_API, (evt) => {
-    evt.preventDefault()
-    InputNumber.getOrCreateInstance(input)
-    EventHandler.trigger(input, 'focus')
-  })
-})
-
-const inputsButtons = SelectorEngine.find(SELECTOR_WRAPPER + ' ' + SELECTOR_BTN)
-inputsButtons.forEach((button) => {
-  EventHandler.one(button, EVENT_CLICK_DATA_API, (evt) => {
-    if (button.classList.contains(CLASS_NAME_INCREMENT) || button.classList.contains(CLASS_NAME_DECREMENT)) {
-      const wrapper = button.closest(SELECTOR_WRAPPER)
-      if (wrapper) {
-        const input = SelectorEngine.findOne(SELECTOR_INPUT, wrapper)
-        if (input) {
-          const inputNumber = InputNumber.getInstance(input)
-          if (!inputNumber) {
-            evt.preventDefault()
-            InputNumber.getOrCreateInstance(input)
-            EventHandler.trigger(button, 'click')
-          }
-        }
-      }
-    }
-  })
-})*/
-
 const createInput = (element) => {
   if (element && element.matches(SELECTOR_INPUT) && element.parentNode.querySelector(SELECTOR_BTN)) {
     return InputNumber.getOrCreateInstance(element)
@@ -163,22 +127,23 @@ const createInput = (element) => {
   return null
 }
 
-document.addEventListener('DOMContentLoaded', function () {
-  var frmel = document.querySelectorAll(SELECTOR_INPUT + ', label')
-  frmel.forEach(function (item) {
-    const target = InputLabel.getInputFromLabel(item) || item
-    createInput(target)
+if (typeof document !== 'undefined') {
+  document.addEventListener('DOMContentLoaded', function () {
+    var frmel = document.querySelectorAll(SELECTOR_INPUT + ', label')
+    frmel.forEach(function (item) {
+      const target = InputLabel.getInputFromLabel(item) || item
+      createInput(target)
+    })
   })
-})
-
-EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_BTN, function () {
-  const wrapper = this.closest(SELECTOR_WRAPPER)
-  if (wrapper) {
-    const input = SelectorEngine.findOne(SELECTOR_INPUT, wrapper)
-    if (input) {
-      InputNumber.getOrCreateInstance(input)
+  EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_BTN, function () {
+    const wrapper = this.closest(SELECTOR_WRAPPER)
+    if (wrapper) {
+      const input = SelectorEngine.findOne(SELECTOR_INPUT, wrapper)
+      if (input) {
+        InputNumber.getOrCreateInstance(input)
+      }
     }
-  }
-})
+  })
+}
 
 export default InputNumber

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

@@ -89,38 +89,6 @@ class InputPassword extends BaseComponent {
 
   _init() {
     if (this._meter) {
-      /*this._grayBarElement = document.createElement('div')
-      this._grayBarElement.classList.add('password-meter', 'progress', 'rounded-0', 'position-absolute')
-      this._grayBarElement.innerHTML = `<div class="row position-absolute w-100 m-0">
-          <div class="col-3 border-start border-end border-white"></div>
-          <div class="col-3 border-start border-end border-white"></div>
-          <div class="col-3 border-start border-end border-white"></div>
-          <div class="col-3 border-start border-end border-white"></div>
-        </div>`
-
-      this._colorBarElement = document.createElement('div')
-      this._colorBarElement.classList.add('progress-bar')
-      this._colorBarElement.setAttribute('role', 'progressbar')
-      this._colorBarElement.setAttribute('aria-valuenow', '0')
-      this._colorBarElement.setAttribute('aria-valuemin', '0')
-      this._colorBarElement.setAttribute('aria-valuemax', '100')
-
-      const wrapper = document.createElement('div')
-      wrapper.classList.add('password-strength-meter')
-
-      this._grayBarElement.appendChild(this._colorBarElement)
-
-      if (this._config.showText) {
-        this._textElement = document.createElement('small')
-        this._textElement.classList.add('form-text', 'text-muted')
-        this._textElement.innerHTML = this._config.enterPass
-        wrapper.appendChild(this._textElement)
-      }
-
-      wrapper.appendChild(this._grayBarElement)
-
-      this._element.parentNode.insertBefore(wrapper, this._element.nextSibling)*/
-
       this._grayBarElement = this._meter.querySelector(SELECTOR_METER_GRAYBAR)
       this._colorBarElement = this._meter.querySelector(SELECTOR_METER_COLBAR)
       this._textElement = this._meter.querySelector(SELECTOR_TEXT)
@@ -130,13 +98,6 @@ class InputPassword extends BaseComponent {
       }
     }
     if (this._isCustom) {
-      /*this._capsElement = document.createElement('small')
-      this._capsElement.style.display = 'none'
-      this._capsElement.classList.add('password-caps', 'form-text', 'text-warning', 'position-absolute', 'bg-white', 'w-100')
-      this._capsElement.innerHTML = this._config.alertCaps
-
-      this._element.parentNode.appendChild(this._capsElement)*/
-
       this._capsElement = this._element.parentNode.querySelector(SELECTOR_CAPS)
     }
 

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

@@ -88,6 +88,9 @@ class InputSearch extends BaseComponent {
 
   _init() {
     if (this._element.classList.contains(CLASS_NAME_AUTOCOMPLETE)) {
+      if (typeof document === 'undefined') {
+        return
+      }
       this._items = this._getItems()
       this._autocompleteElement = document.createElement('ul')
       this._autocompleteElement.classList.add('autocomplete-list')
@@ -100,6 +103,9 @@ class InputSearch extends BaseComponent {
   }
 
   _createOption(link, text, label, icon) {
+    if (typeof document === 'undefined') {
+      return
+    }
     const option = document.createElement('li')
     option.innerHTML = `<a href="${link}">
         ${icon}
@@ -134,12 +140,14 @@ const createInput = (element) => {
   return null
 }
 
-document.addEventListener('DOMContentLoaded', function () {
-  var frmel = document.querySelectorAll(SELECTOR_SEARCH + ', label')
-  frmel.forEach(function (item) {
-    const target = InputLabel.getInputFromLabel(item) || item
-    createInput(target)
+if (typeof document !== 'undefined') {
+  document.addEventListener('DOMContentLoaded', function () {
+    var frmel = document.querySelectorAll(SELECTOR_SEARCH + ', label')
+    frmel.forEach(function (item) {
+      const target = InputLabel.getInputFromLabel(item) || item
+      createInput(target)
+    })
   })
-})
+}
 
 export default InputSearch

package/src/js/plugins/input.js

@@ -80,12 +80,14 @@ const createInput = (element) => {
   return null
 }
 
-document.addEventListener('DOMContentLoaded', function () {
-  var frmel = document.querySelectorAll('input, textarea, label')
-  frmel.forEach(function (item) {
-    const target = InputLabel.getInputFromLabel(item) || item
-    createInput(target)
+if (typeof document !== 'undefined') {
+  document.addEventListener('DOMContentLoaded', function () {
+    var frmel = document.querySelectorAll('input, textarea, label')
+    frmel.forEach(function (item) {
+      const target = InputLabel.getInputFromLabel(item) || item
+      createInput(target)
+    })
   })
-})
+}
 
 export default Input

package/src/js/plugins/masonry.js

@@ -20,14 +20,8 @@ const Default = {
   percentPosition: true,
 }
 
-//const MASONRY_EXISTS = !!window.Masonry
-
 class Masonry extends BaseComponent {
   constructor(element, config) {
-    /*if (!MASONRY_EXISTS) {
-      throw new Error("[Masonry] you can't instantiate Mesonry component without Masonry Library")
-    }*/
-
     super(element)
 
     this._config = this._getConfig(config)
@@ -92,6 +86,9 @@ class Masonry extends BaseComponent {
   }
 
   _createLoader() {
+    if (typeof document === 'undefined') {
+      return
+    }
     const loader = document.createElement('div')
     loader.classList.add(CLASS_NAME_LOADER, 'fade', 'd-flex', 'justify-content-center', 'align-items-center')
     loader.innerHTML = '<div class="progress-spinner progress-spinner-active"><span class="visually-hidden">Caricamento...</span></div>'

package/src/js/plugins/navscroll.js

@@ -198,6 +198,9 @@ class NavScroll extends BaseComponent {
 
   _onScroll() {
     const sectionsContainerTop = this._sectionContainer ? this._sectionContainer.offsetTop : 0
+    if (typeof document === 'undefined') {
+      return
+    }
     const scrollDistance = document.scrollingElement.scrollTop - sectionsContainerTop
 
     const navItems = SelectorEngine.find(SELECTOR_LINK, this._element)

package/src/js/plugins/select-autocomplete.js

@@ -36,6 +36,9 @@ class SelectAutocomplete extends BaseComponent {
     accessibleAutocomplete.enhanceSelectElement(Object.assign({}, { selectElement: this._element }, this._config))
     setTimeout(() => {
       if (this._hasFormControl) {
+        if (typeof document === 'undefined') {
+          return
+        }
         const inputField = document.getElementById(this.element_original_id)
         inputField.classList.add('form-control')
         onClassChange(inputField, (node) => {

package/src/js/plugins/sticky.js

@@ -150,7 +150,7 @@ class Sticky extends BaseComponent {
       this._setLimit()
     }
     const limit = this._getLimit()
-    if (window.pageYOffset > limit) {
+    if (typeof window !== 'undefined' && window.pageYOffset > limit) {
       this._setSticky()
     } else {
       this._unsetSticky()
@@ -191,6 +191,9 @@ class Sticky extends BaseComponent {
   }
 
   _createWrapper() {
+    if (typeof document === 'undefined') {
+      return
+    }
     const wrapper = document.createElement('div')
     wrapper.classList.add(CLASS_NAME_WRAPPER)
     wrapper.style.width = '100%' //this._element.getBoundingClientRect().width + 'px'

package/src/js/plugins/track-focus.js

@@ -12,6 +12,9 @@ class TrackFocus {
 
   // Private
   _bindEvents() {
+    if (typeof document === 'undefined') {
+      return
+    }
     const events = ['keydown', 'mousedown']
     events.forEach((evtName) => {
       document.addEventListener(evtName, (evt) => {

package/src/js/plugins/upload-dragdrop.js

@@ -134,11 +134,13 @@ const createInput = (element) => {
   return null
 }
 
-document.addEventListener('dragenter', function (evt) {
-  createInput(evt.target)
-})
-EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_FORM + ' label', function () {
-  createInput(this)
-})
+if (typeof document !== 'undefined') {
+  document.addEventListener('dragenter', function (evt) {
+    createInput(evt.target)
+  })
+  EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_FORM + ' label', function () {
+    createInput(this)
+  })
+}
 
 export default UploadDragDrop

package/src/js/plugins/util/device.js

@@ -4,7 +4,9 @@ const MEDIA_PHONE = ''
 const MEDIA_DESKTOP = ''*/
 
 const isScreenMobile = () => {
-  return window.matchMedia(MEDIA_MOBILE).matches
+  if (typeof window !== 'undefined') {
+    return window.matchMedia(MEDIA_MOBILE).matches
+  }
 }
 
 export { isScreenMobile }

package/src/js/plugins/util/on-document-scroll.js

@@ -25,6 +25,9 @@ const removeCallBack = (id) => {
 }
 
 const onDocumentScroll = (callback) => {
+  if (typeof document === 'undefined') {
+    return
+  }
   if (!callbacks.length) {
     document.addEventListener('scroll', (evt) => {
       if (!ticking) {

package/src/js/plugins/util/pageScroll.js

@@ -5,22 +5,30 @@
 const CLASS_SCROLL_DISABLED = 'pagescroll-scroll-disabled'
 
 let disabled = false
-let currentScrollPos = document.scrollingElement.scrollTop
-const htmlContainer = document.querySelector('html')
+let currentScrollPos = typeof document === 'undefined' ? 0 : document.scrollingElement.scrollTop
+const htmlContainer = typeof document === 'undefined' ? null : document.querySelector('html')
 
 export function disablePageScroll() {
+  if (typeof document === 'undefined') {
+    return
+  }
   disabled = true
   currentScrollPos = document.scrollingElement.scrollTop
   htmlContainer.classList.add(CLASS_SCROLL_DISABLED)
 }
 
 export function enablePageScroll() {
+  if (typeof document === 'undefined') {
+    return
+  }
   disabled = false
   htmlContainer.classList.remove(CLASS_SCROLL_DISABLED)
 }
 
-document.addEventListener('scroll', () => {
-  if (disabled) {
-    document.scrollingElement.scrollTop = currentScrollPos
-  }
-})
+if (typeof document !== 'undefined') {
+  document.addEventListener('scroll', () => {
+    if (disabled) {
+      document.scrollingElement.scrollTop = currentScrollPos
+    }
+  })
+}

package/src/js/plugins/util/tween.js

@@ -11,6 +11,9 @@ const AnimeDefault = {
  * @param {Object} config - duration, easing, complete, update, ...
  */
 export const documentScrollTo = (scrollTop, config) => {
+  if (typeof document === 'undefined') {
+    return
+  }
   const onComplete = (typeof config === 'object' ? config : {}).complete
   const scrollElement = window.document.scrollingElement || window.document.body || window.document.documentElement
   const prevScrollBehavior = scrollElement.style.scrollBehavior

package/src/js/plugins/util/youtube-video.js

@@ -80,6 +80,9 @@ const initYoutubePlugin = (videojs) => {
     }
 
     createEl() {
+      if (typeof document === 'undefined') {
+        return
+      }
       var div = document.createElement('div');
       div.setAttribute('id', this.options_.techId);
       div.setAttribute('style', 'width:100%;height:100%;top:0;left:0;position:absolute');
@@ -648,6 +651,9 @@ const initYoutubePlugin = (videojs) => {
     }
 
     supportsFullScreen() {
+      if (typeof document === 'undefined') {
+        return
+      }
       return document.fullscreenEnabled ||
         document.webkitFullscreenEnabled ||
         document.mozFullScreenEnabled ||
@@ -725,6 +731,9 @@ const initYoutubePlugin = (videojs) => {
   }
 
   function loadScript(src, callback) {
+    if (typeof document === 'undefined') {
+      return
+    }
     var loaded = false;
     var tag = document.createElement('script');
     var firstScriptTag = document.getElementsByTagName('script')[0];
@@ -750,6 +759,9 @@ const initYoutubePlugin = (videojs) => {
   }
 
   function injectCss() {
+    if (typeof document === 'undefined') {
+      return
+    }
     var css = // iframe blocker to catch mouse events
       '.vjs-youtube .vjs-iframe-blocker { display: none; }' +
       '.vjs-youtube.vjs-user-inactive .vjs-iframe-blocker { display: block; }' +

package/src/js/plugins/videoplayer.js

@@ -107,7 +107,9 @@ const DEFAULT_CONFIG = { languages: { it: itLang }, language: 'it' }
 
 const Default = {}
 
-window.videojs = videojs
+if (typeof window !== 'undefined') {
+  window.videojs = videojs
+}
 
 class VideoPlayer extends BaseComponent {
   constructor(element, config) {

package/src/js/version.js

@@ -1,5 +1,5 @@
 // bootstrap italia version variable
 // useful to check for the current version
 // eslint-disable-next-line no-unused-vars
-const BOOTSTRAP_ITALIA_VERSION = '2.8.5'
+const BOOTSTRAP_ITALIA_VERSION = '2.8.7'
 export default BOOTSTRAP_ITALIA_VERSION

package/src/scss/custom/_version.scss

@@ -1,3 +1,3 @@
 :root {
-  --bootstrap-italia-version: '2.8.5';
+  --bootstrap-italia-version: '2.8.7';
 }