bootstrap-italia 2.8.5 → 2.8.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/bootstrap-italia.min.css +1 -1
- package/dist/js/bootstrap-italia.bundle.min.js +21 -21
- package/dist/js/bootstrap-italia.min.js +21 -21
- package/dist/plugins/backToTop.js +1 -1
- package/dist/plugins/backToTop.js.map +1 -1
- package/dist/plugins/cookiebar.js +12 -0
- package/dist/plugins/cookiebar.js.map +1 -1
- package/dist/plugins/fonts-loader.js +3 -0
- package/dist/plugins/fonts-loader.js.map +1 -1
- package/dist/plugins/form-validate.js +1 -10
- package/dist/plugins/form-validate.js.map +1 -1
- package/dist/plugins/history-back.js +3 -1
- package/dist/plugins/history-back.js.map +1 -1
- package/dist/plugins/init.js +1 -1
- package/dist/plugins/init.js.map +1 -1
- package/dist/plugins/input-number.js +16 -50
- package/dist/plugins/input-number.js.map +1 -1
- package/dist/plugins/input-password.js +0 -39
- package/dist/plugins/input-password.js.map +1 -1
- package/dist/plugins/input-search-autocomplete.js +14 -6
- package/dist/plugins/input-search-autocomplete.js.map +1 -1
- package/dist/plugins/input.js +8 -6
- package/dist/plugins/input.js.map +1 -1
- package/dist/plugins/masonry.js +3 -6
- package/dist/plugins/masonry.js.map +1 -1
- package/dist/plugins/navscroll.js +3 -0
- package/dist/plugins/navscroll.js.map +1 -1
- package/dist/plugins/select-autocomplete.js +3 -0
- package/dist/plugins/select-autocomplete.js.map +1 -1
- package/dist/plugins/sticky.js +4 -1
- package/dist/plugins/sticky.js.map +1 -1
- package/dist/plugins/track-focus.js +3 -0
- package/dist/plugins/track-focus.js.map +1 -1
- package/dist/plugins/upload-dragdrop.js +8 -6
- package/dist/plugins/upload-dragdrop.js.map +1 -1
- package/dist/plugins/util/device.js +3 -1
- package/dist/plugins/util/device.js.map +1 -1
- package/dist/plugins/util/on-document-scroll.js +3 -0
- package/dist/plugins/util/on-document-scroll.js.map +1 -1
- package/dist/plugins/util/pageScroll.js +15 -7
- package/dist/plugins/util/pageScroll.js.map +1 -1
- package/dist/plugins/util/tween.js +3 -0
- package/dist/plugins/util/tween.js.map +1 -1
- package/dist/plugins/util/youtube-video.js +12 -0
- package/dist/plugins/util/youtube-video.js.map +1 -1
- package/dist/plugins/videoplayer.js +3 -1
- package/dist/plugins/videoplayer.js.map +1 -1
- package/dist/version.js +1 -1
- package/dist/version.js.map +1 -1
- package/package.json +1 -1
- package/src/js/plugins/backToTop.js +1 -1
- package/src/js/plugins/cookiebar.js +12 -0
- package/src/js/plugins/fonts-loader.js +3 -0
- package/src/js/plugins/form-validate.js +1 -13
- package/src/js/plugins/history-back.js +3 -1
- package/src/js/plugins/init.js +1 -1
- package/src/js/plugins/input-number.js +16 -51
- package/src/js/plugins/input-password.js +0 -39
- package/src/js/plugins/input-search-autocomplete.js +14 -6
- package/src/js/plugins/input.js +8 -6
- package/src/js/plugins/masonry.js +3 -6
- package/src/js/plugins/navscroll.js +3 -0
- package/src/js/plugins/select-autocomplete.js +3 -0
- package/src/js/plugins/sticky.js +4 -1
- package/src/js/plugins/track-focus.js +3 -0
- package/src/js/plugins/upload-dragdrop.js +8 -6
- package/src/js/plugins/util/device.js +3 -1
- package/src/js/plugins/util/on-document-scroll.js +3 -0
- package/src/js/plugins/util/pageScroll.js +15 -7
- package/src/js/plugins/util/tween.js +3 -0
- package/src/js/plugins/util/youtube-video.js +12 -0
- package/src/js/plugins/videoplayer.js +3 -1
- package/src/js/version.js +1 -1
- package/src/scss/custom/_version.scss +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-password.js","sources":["../../src/js/plugins/input-password.js"],"sourcesContent":["import BaseComponent from 'bootstrap/js/src/base-component'\nimport EventHandler from 'bootstrap/js/src/dom/event-handler'\nimport SelectorEngine from 'bootstrap/js/src/dom/selector-engine'\nimport Manipulator from 'bootstrap/js/src/dom/manipulator'\n\n//import Input from './input'\nimport InputLabel from './input-label'\n\nconst NAME = 'inputpassword'\nconst DATA_KEY = 'bs.inputpassword'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\n\nconst Default = {\n shortPass: 'Password molto debole',\n badPass: 'Password debole',\n goodPass: 'Password sicura',\n strongPass: 'Password molto sicura',\n enterPass: 'Inserisci almeno 8 caratteri e una lettera maiuscola',\n alertCaps: 'CAPS LOCK inserito',\n showText: true,\n minimumLength: 4,\n}\n\nconst EVENT_CLICK = `click${EVENT_KEY}`\nconst EVENT_KEYUP = `keyup${EVENT_KEY}`\nconst EVENT_KEYDOWN = `keydown${EVENT_KEY}`\nconst EVENT_KEYPRESS = `keypress${EVENT_KEY}`\nconst EVENT_SCORE = `score${EVENT_KEY}`\nconst EVENT_TEXT = `text${EVENT_KEY}`\n\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`\nconst EVENT_MOUSEDOWN_DATA_API = `mousedown${EVENT_KEY}${DATA_API_KEY}`\nconst EVENT_KEYUP_DATA_API = `keyup${EVENT_KEY}${DATA_API_KEY}`\n\nconst CLASS_NAME_PASSWORD = 'input-password'\n//const CLASS_NAME_METER = 'input-password-strength-meter'\nconst CLASS_NAME_SHOW = 'show'\n\nconst SELECTOR_PASSWORD = 'input[data-bs-input][type=\"password\"]'\nconst SELECTOR_BTN_SHOW_PWD = '.password-icon'\nconst SELECTOR_METER = '.password-strength-meter'\nconst SELECTOR_METER_GRAYBAR = '.password-meter'\nconst SELECTOR_METER_COLBAR = '.progress-bar'\nconst SELECTOR_CAPS = '.password-caps'\nconst SELECTOR_TEXT = '.form-text'\n\nclass InputPassword extends BaseComponent {\n constructor(element, config) {\n super(element)\n\n this._config = this._getConfig(config)\n this._isCustom = this._element.classList.contains(CLASS_NAME_PASSWORD)\n this._meter = this._element.parentNode.querySelector(SELECTOR_METER)\n this._isShiftPressed = false\n this._isCapsOn = false\n\n this._grayBarElement = null\n this._colorBarElement = null\n this._textElement = null\n this._capsElement = null\n this._showPwdElement = null\n\n this._text = {}\n\n this._label = new InputLabel(element)\n\n this._init()\n this._bindEvents()\n }\n\n // Getters\n\n static get NAME() {\n return NAME\n }\n\n // Public\n\n // Private\n _getConfig(config) {\n config = {\n ...Default,\n ...Manipulator.getDataAttributes(this._element),\n ...(typeof config === 'object' ? config : {}),\n }\n return config\n }\n\n _init() {\n if (this._meter) {\n /*this._grayBarElement = document.createElement('div')\n this._grayBarElement.classList.add('password-meter', 'progress', 'rounded-0', 'position-absolute')\n this._grayBarElement.innerHTML = `<div class=\"row position-absolute w-100 m-0\">\n <div class=\"col-3 border-start border-end border-white\"></div>\n <div class=\"col-3 border-start border-end border-white\"></div>\n <div class=\"col-3 border-start border-end border-white\"></div>\n <div class=\"col-3 border-start border-end border-white\"></div>\n </div>`\n\n this._colorBarElement = document.createElement('div')\n this._colorBarElement.classList.add('progress-bar')\n this._colorBarElement.setAttribute('role', 'progressbar')\n this._colorBarElement.setAttribute('aria-valuenow', '0')\n this._colorBarElement.setAttribute('aria-valuemin', '0')\n this._colorBarElement.setAttribute('aria-valuemax', '100')\n\n const wrapper = document.createElement('div')\n wrapper.classList.add('password-strength-meter')\n\n this._grayBarElement.appendChild(this._colorBarElement)\n\n if (this._config.showText) {\n this._textElement = document.createElement('small')\n this._textElement.classList.add('form-text', 'text-muted')\n this._textElement.innerHTML = this._config.enterPass\n wrapper.appendChild(this._textElement)\n }\n\n wrapper.appendChild(this._grayBarElement)\n\n this._element.parentNode.insertBefore(wrapper, this._element.nextSibling)*/\n\n this._grayBarElement = this._meter.querySelector(SELECTOR_METER_GRAYBAR)\n this._colorBarElement = this._meter.querySelector(SELECTOR_METER_COLBAR)\n this._textElement = this._meter.querySelector(SELECTOR_TEXT)\n\n if (this._textElement) {\n this._config = Object.assign({}, this._config, { ...Manipulator.getDataAttributes(this._textElement) }, { enterPass: this._textElement.innerText })\n }\n }\n if (this._isCustom) {\n /*this._capsElement = document.createElement('small')\n this._capsElement.style.display = 'none'\n this._capsElement.classList.add('password-caps', 'form-text', 'text-warning', 'position-absolute', 'bg-white', 'w-100')\n this._capsElement.innerHTML = this._config.alertCaps\n\n this._element.parentNode.appendChild(this._capsElement)*/\n\n this._capsElement = this._element.parentNode.querySelector(SELECTOR_CAPS)\n }\n\n this._showPwdElement = SelectorEngine.findOne(SELECTOR_BTN_SHOW_PWD, this._element.parentNode)\n }\n\n _bindEvents() {\n if (this._meter) {\n EventHandler.on(this._element, EVENT_KEYUP, () => this._checkPassword())\n }\n\n if (this._isCustom) {\n EventHandler.on(this._element, EVENT_KEYDOWN, (evt) => {\n if (evt.key === 'Shift') {\n this._isShiftPressed = true\n }\n })\n EventHandler.on(this._element, EVENT_KEYUP, (evt) => {\n if (evt.key === 'Shift') {\n this._isShiftPressed = false\n }\n if (evt.key === 'CapsLock') {\n this._isCapsOn = !this._isCapsOn\n if (this._isCapsOn) {\n this._showCapsMsg()\n } else {\n this._hideCapsMsg()\n }\n }\n })\n EventHandler.on(this._element, EVENT_KEYPRESS, (evt) => {\n const matches = evt.key.match(/[A-Z]$/) || []\n if (matches.length > 0 && !this._isShiftPressed) {\n this._isCapsOn = true\n this._showCapsMsg()\n } else if (this._isCapsOn) {\n this._isCapsOn = false\n this._hideCapsMsg()\n }\n })\n }\n\n if (this._showPwdElement) {\n EventHandler.on(this._showPwdElement, EVENT_CLICK, () => this._toggleShowPassword())\n }\n }\n\n _showCapsMsg() {\n if (this._capsElement) {\n this._capsElement.classList.add(CLASS_NAME_SHOW)\n }\n }\n _hideCapsMsg() {\n if (this._capsElement) {\n this._capsElement.classList.remove(CLASS_NAME_SHOW)\n }\n }\n\n _toggleShowPassword() {\n const toShow = this._element.getAttribute('type') === 'password'\n SelectorEngine.find('[class^=\"password-icon\"]', this._showPwdElement).forEach((icon) => icon.classList.toggle('d-none'))\n if (toShow) {\n this._element.setAttribute('type', 'text')\n } else {\n this._element.setAttribute('type', 'password')\n }\n }\n\n _checkPassword() {\n const score = this._calculateScore(this._element.value)\n const perc = score < 0 ? 0 : score\n\n this._colorBarElement.classList.forEach((className) => {\n if (className.match(/(^|\\s)bg-\\S+/g)) {\n this._colorBarElement.classList.remove(className)\n }\n })\n this._colorBarElement.classList.add('bg-' + this._scoreColor(score))\n this._colorBarElement.style.width = perc + '%'\n this._colorBarElement.setAttribute('aria-valuenow', perc)\n\n EventHandler.trigger(this._element, EVENT_SCORE)\n\n if (this._textElement) {\n let text = this._scoreText(score)\n if (this._element.value.length === 0 && score <= 0) {\n text = this._config.enterPass\n }\n\n if (this._textElement.innerHTML.search(text) === -1) {\n this._textElement.innerHTML = text\n this._textElement.classList.forEach((className) => {\n if (className.match(/(^|\\s)text-\\S+/g)) {\n this._textElement.classList.remove(className)\n }\n })\n this._textElement.classList.add('text-' + this._scoreColor(score))\n EventHandler.trigger(this._element, EVENT_TEXT)\n }\n }\n }\n\n /**\n * Returns strings based on the score given.\n *\n * @param int score Score base.\n * @return string\n */\n _scoreText(score) {\n if (score === -1) {\n return this._config.shortPass\n }\n\n score = score < 0 ? 0 : score\n\n if (score < 26) {\n return this._config.shortPass\n }\n if (score < 51) {\n return this._config.badPass\n }\n if (score < 76) {\n return this._config.goodPass\n }\n\n return this._config.strongPass\n }\n\n _scoreColor(score) {\n if (score === -1) {\n return 'danger'\n }\n if (score === -2) {\n return 'muted'\n }\n\n score = score < 0 ? 0 : score\n\n if (score < 26) {\n return 'danger'\n }\n if (score < 51) {\n return 'warning'\n }\n if (score < 76) {\n return 'success'\n }\n\n return 'success'\n }\n\n /**\n * Returns a value between -1 and 100 to score\n * the user's password.\n *\n * @param string password The password to be checked.\n * @return int\n */\n _calculateScore(password) {\n var score = 0\n\n // empty password\n if (password.trim().length === 0) {\n return -2\n }\n\n // password < this._config.minimumLength\n if (password.length < this._config.minimumLength) {\n return -1\n }\n\n // password length\n score += password.length * 4\n score += this._checkRepetition(1, password).length - password.length\n score += this._checkRepetition(2, password).length - password.length\n score += this._checkRepetition(3, password).length - password.length\n score += this._checkRepetition(4, password).length - password.length\n\n // password has 3 numbers\n if (password.match(/(.*[0-9].*[0-9].*[0-9])/)) {\n score += 5\n }\n\n // password has at least 2 sybols\n var symbols = '.*[!,@,#,$,%,^,&,*,?,_,~]'\n symbols = new RegExp('(' + symbols + symbols + ')')\n if (password.match(symbols)) {\n score += 5\n }\n\n // password has Upper and Lower chars\n if (password.match(/([a-z].*[A-Z])|([A-Z].*[a-z])/)) {\n score += 10\n }\n\n // password has number and chars\n if (password.match(/([a-zA-Z])/) && password.match(/([0-9])/)) {\n score += 15\n }\n\n // password has number and symbol\n if (password.match(/([!,@,#,$,%,^,&,*,?,_,~])/) && password.match(/([0-9])/)) {\n score += 15\n }\n\n // password has char and symbol\n if (password.match(/([!,@,#,$,%,^,&,*,?,_,~])/) && password.match(/([a-zA-Z])/)) {\n score += 15\n }\n\n // password is just numbers or chars\n if (password.match(/^\\w+$/) || password.match(/^\\d+$/)) {\n score -= 10\n }\n\n if (score > 100) {\n score = 100\n }\n\n if (score < 0) {\n score = 0\n }\n\n return score\n }\n\n /**\n * Checks for repetition of characters in\n * a string\n *\n * @param int rLen Repetition length.\n * @param string str The string to be checked.\n * @return string\n */\n _checkRepetition(rLen, str) {\n var res = '',\n repeated = false\n for (var i = 0; i < str.length; i++) {\n repeated = true\n for (var j = 0; j < rLen && j + i + rLen < str.length; j++) {\n repeated = repeated && str.charAt(j + i) === str.charAt(j + i + rLen)\n }\n if (j < rLen) {\n repeated = false\n }\n if (repeated) {\n i += rLen - 1\n repeated = false\n } else {\n res += str.charAt(i)\n }\n }\n return res\n }\n}\n\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n/*const inputs = SelectorEngine.find(SELECTOR_PASSWORD)\ninputs.forEach((input) => {\n InputPassword.getOrCreateInstance(input)\n})*/\n\nconst createInput = (element) => {\n if (element && element.matches(SELECTOR_PASSWORD)) {\n return InputPassword.getOrCreateInstance(element)\n }\n return null\n}\n\nEventHandler.on(document, EVENT_MOUSEDOWN_DATA_API, SELECTOR_PASSWORD + ', label', function () {\n const target = InputLabel.getInputFromLabel(this) || this\n createInput(target)\n})\nEventHandler.on(document, EVENT_KEYUP_DATA_API, SELECTOR_PASSWORD + ', label', function () {\n const target = InputLabel.getInputFromLabel(this) || this\n const element = createInput(target)\n if (element && element._label) {\n element._label._labelOut()\n }\n})\nEventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_BTN_SHOW_PWD, function () {\n const target = this.parentNode && this.parentNode.querySelector(SELECTOR_PASSWORD)\n if (target) {\n InputPassword.getOrCreateInstance(target)\n }\n})\n\nexport default InputPassword\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"input-password.js","sources":["../../src/js/plugins/input-password.js"],"sourcesContent":["import BaseComponent from 'bootstrap/js/src/base-component'\nimport EventHandler from 'bootstrap/js/src/dom/event-handler'\nimport SelectorEngine from 'bootstrap/js/src/dom/selector-engine'\nimport Manipulator from 'bootstrap/js/src/dom/manipulator'\n\n//import Input from './input'\nimport InputLabel from './input-label'\n\nconst NAME = 'inputpassword'\nconst DATA_KEY = 'bs.inputpassword'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\n\nconst Default = {\n shortPass: 'Password molto debole',\n badPass: 'Password debole',\n goodPass: 'Password sicura',\n strongPass: 'Password molto sicura',\n enterPass: 'Inserisci almeno 8 caratteri e una lettera maiuscola',\n alertCaps: 'CAPS LOCK inserito',\n showText: true,\n minimumLength: 4,\n}\n\nconst EVENT_CLICK = `click${EVENT_KEY}`\nconst EVENT_KEYUP = `keyup${EVENT_KEY}`\nconst EVENT_KEYDOWN = `keydown${EVENT_KEY}`\nconst EVENT_KEYPRESS = `keypress${EVENT_KEY}`\nconst EVENT_SCORE = `score${EVENT_KEY}`\nconst EVENT_TEXT = `text${EVENT_KEY}`\n\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`\nconst EVENT_MOUSEDOWN_DATA_API = `mousedown${EVENT_KEY}${DATA_API_KEY}`\nconst EVENT_KEYUP_DATA_API = `keyup${EVENT_KEY}${DATA_API_KEY}`\n\nconst CLASS_NAME_PASSWORD = 'input-password'\n//const CLASS_NAME_METER = 'input-password-strength-meter'\nconst CLASS_NAME_SHOW = 'show'\n\nconst SELECTOR_PASSWORD = 'input[data-bs-input][type=\"password\"]'\nconst SELECTOR_BTN_SHOW_PWD = '.password-icon'\nconst SELECTOR_METER = '.password-strength-meter'\nconst SELECTOR_METER_GRAYBAR = '.password-meter'\nconst SELECTOR_METER_COLBAR = '.progress-bar'\nconst SELECTOR_CAPS = '.password-caps'\nconst SELECTOR_TEXT = '.form-text'\n\nclass InputPassword extends BaseComponent {\n constructor(element, config) {\n super(element)\n\n this._config = this._getConfig(config)\n this._isCustom = this._element.classList.contains(CLASS_NAME_PASSWORD)\n this._meter = this._element.parentNode.querySelector(SELECTOR_METER)\n this._isShiftPressed = false\n this._isCapsOn = false\n\n this._grayBarElement = null\n this._colorBarElement = null\n this._textElement = null\n this._capsElement = null\n this._showPwdElement = null\n\n this._text = {}\n\n this._label = new InputLabel(element)\n\n this._init()\n this._bindEvents()\n }\n\n // Getters\n\n static get NAME() {\n return NAME\n }\n\n // Public\n\n // Private\n _getConfig(config) {\n config = {\n ...Default,\n ...Manipulator.getDataAttributes(this._element),\n ...(typeof config === 'object' ? config : {}),\n }\n return config\n }\n\n _init() {\n if (this._meter) {\n this._grayBarElement = this._meter.querySelector(SELECTOR_METER_GRAYBAR)\n this._colorBarElement = this._meter.querySelector(SELECTOR_METER_COLBAR)\n this._textElement = this._meter.querySelector(SELECTOR_TEXT)\n\n if (this._textElement) {\n this._config = Object.assign({}, this._config, { ...Manipulator.getDataAttributes(this._textElement) }, { enterPass: this._textElement.innerText })\n }\n }\n if (this._isCustom) {\n this._capsElement = this._element.parentNode.querySelector(SELECTOR_CAPS)\n }\n\n this._showPwdElement = SelectorEngine.findOne(SELECTOR_BTN_SHOW_PWD, this._element.parentNode)\n }\n\n _bindEvents() {\n if (this._meter) {\n EventHandler.on(this._element, EVENT_KEYUP, () => this._checkPassword())\n }\n\n if (this._isCustom) {\n EventHandler.on(this._element, EVENT_KEYDOWN, (evt) => {\n if (evt.key === 'Shift') {\n this._isShiftPressed = true\n }\n })\n EventHandler.on(this._element, EVENT_KEYUP, (evt) => {\n if (evt.key === 'Shift') {\n this._isShiftPressed = false\n }\n if (evt.key === 'CapsLock') {\n this._isCapsOn = !this._isCapsOn\n if (this._isCapsOn) {\n this._showCapsMsg()\n } else {\n this._hideCapsMsg()\n }\n }\n })\n EventHandler.on(this._element, EVENT_KEYPRESS, (evt) => {\n const matches = evt.key.match(/[A-Z]$/) || []\n if (matches.length > 0 && !this._isShiftPressed) {\n this._isCapsOn = true\n this._showCapsMsg()\n } else if (this._isCapsOn) {\n this._isCapsOn = false\n this._hideCapsMsg()\n }\n })\n }\n\n if (this._showPwdElement) {\n EventHandler.on(this._showPwdElement, EVENT_CLICK, () => this._toggleShowPassword())\n }\n }\n\n _showCapsMsg() {\n if (this._capsElement) {\n this._capsElement.classList.add(CLASS_NAME_SHOW)\n }\n }\n _hideCapsMsg() {\n if (this._capsElement) {\n this._capsElement.classList.remove(CLASS_NAME_SHOW)\n }\n }\n\n _toggleShowPassword() {\n const toShow = this._element.getAttribute('type') === 'password'\n SelectorEngine.find('[class^=\"password-icon\"]', this._showPwdElement).forEach((icon) => icon.classList.toggle('d-none'))\n if (toShow) {\n this._element.setAttribute('type', 'text')\n } else {\n this._element.setAttribute('type', 'password')\n }\n }\n\n _checkPassword() {\n const score = this._calculateScore(this._element.value)\n const perc = score < 0 ? 0 : score\n\n this._colorBarElement.classList.forEach((className) => {\n if (className.match(/(^|\\s)bg-\\S+/g)) {\n this._colorBarElement.classList.remove(className)\n }\n })\n this._colorBarElement.classList.add('bg-' + this._scoreColor(score))\n this._colorBarElement.style.width = perc + '%'\n this._colorBarElement.setAttribute('aria-valuenow', perc)\n\n EventHandler.trigger(this._element, EVENT_SCORE)\n\n if (this._textElement) {\n let text = this._scoreText(score)\n if (this._element.value.length === 0 && score <= 0) {\n text = this._config.enterPass\n }\n\n if (this._textElement.innerHTML.search(text) === -1) {\n this._textElement.innerHTML = text\n this._textElement.classList.forEach((className) => {\n if (className.match(/(^|\\s)text-\\S+/g)) {\n this._textElement.classList.remove(className)\n }\n })\n this._textElement.classList.add('text-' + this._scoreColor(score))\n EventHandler.trigger(this._element, EVENT_TEXT)\n }\n }\n }\n\n /**\n * Returns strings based on the score given.\n *\n * @param int score Score base.\n * @return string\n */\n _scoreText(score) {\n if (score === -1) {\n return this._config.shortPass\n }\n\n score = score < 0 ? 0 : score\n\n if (score < 26) {\n return this._config.shortPass\n }\n if (score < 51) {\n return this._config.badPass\n }\n if (score < 76) {\n return this._config.goodPass\n }\n\n return this._config.strongPass\n }\n\n _scoreColor(score) {\n if (score === -1) {\n return 'danger'\n }\n if (score === -2) {\n return 'muted'\n }\n\n score = score < 0 ? 0 : score\n\n if (score < 26) {\n return 'danger'\n }\n if (score < 51) {\n return 'warning'\n }\n if (score < 76) {\n return 'success'\n }\n\n return 'success'\n }\n\n /**\n * Returns a value between -1 and 100 to score\n * the user's password.\n *\n * @param string password The password to be checked.\n * @return int\n */\n _calculateScore(password) {\n var score = 0\n\n // empty password\n if (password.trim().length === 0) {\n return -2\n }\n\n // password < this._config.minimumLength\n if (password.length < this._config.minimumLength) {\n return -1\n }\n\n // password length\n score += password.length * 4\n score += this._checkRepetition(1, password).length - password.length\n score += this._checkRepetition(2, password).length - password.length\n score += this._checkRepetition(3, password).length - password.length\n score += this._checkRepetition(4, password).length - password.length\n\n // password has 3 numbers\n if (password.match(/(.*[0-9].*[0-9].*[0-9])/)) {\n score += 5\n }\n\n // password has at least 2 sybols\n var symbols = '.*[!,@,#,$,%,^,&,*,?,_,~]'\n symbols = new RegExp('(' + symbols + symbols + ')')\n if (password.match(symbols)) {\n score += 5\n }\n\n // password has Upper and Lower chars\n if (password.match(/([a-z].*[A-Z])|([A-Z].*[a-z])/)) {\n score += 10\n }\n\n // password has number and chars\n if (password.match(/([a-zA-Z])/) && password.match(/([0-9])/)) {\n score += 15\n }\n\n // password has number and symbol\n if (password.match(/([!,@,#,$,%,^,&,*,?,_,~])/) && password.match(/([0-9])/)) {\n score += 15\n }\n\n // password has char and symbol\n if (password.match(/([!,@,#,$,%,^,&,*,?,_,~])/) && password.match(/([a-zA-Z])/)) {\n score += 15\n }\n\n // password is just numbers or chars\n if (password.match(/^\\w+$/) || password.match(/^\\d+$/)) {\n score -= 10\n }\n\n if (score > 100) {\n score = 100\n }\n\n if (score < 0) {\n score = 0\n }\n\n return score\n }\n\n /**\n * Checks for repetition of characters in\n * a string\n *\n * @param int rLen Repetition length.\n * @param string str The string to be checked.\n * @return string\n */\n _checkRepetition(rLen, str) {\n var res = '',\n repeated = false\n for (var i = 0; i < str.length; i++) {\n repeated = true\n for (var j = 0; j < rLen && j + i + rLen < str.length; j++) {\n repeated = repeated && str.charAt(j + i) === str.charAt(j + i + rLen)\n }\n if (j < rLen) {\n repeated = false\n }\n if (repeated) {\n i += rLen - 1\n repeated = false\n } else {\n res += str.charAt(i)\n }\n }\n return res\n }\n}\n\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n/*const inputs = SelectorEngine.find(SELECTOR_PASSWORD)\ninputs.forEach((input) => {\n InputPassword.getOrCreateInstance(input)\n})*/\n\nconst createInput = (element) => {\n if (element && element.matches(SELECTOR_PASSWORD)) {\n return InputPassword.getOrCreateInstance(element)\n }\n return null\n}\n\nEventHandler.on(document, EVENT_MOUSEDOWN_DATA_API, SELECTOR_PASSWORD + ', label', function () {\n const target = InputLabel.getInputFromLabel(this) || this\n createInput(target)\n})\nEventHandler.on(document, EVENT_KEYUP_DATA_API, SELECTOR_PASSWORD + ', label', function () {\n const target = InputLabel.getInputFromLabel(this) || this\n const element = createInput(target)\n if (element && element._label) {\n element._label._labelOut()\n }\n})\nEventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_BTN_SHOW_PWD, function () {\n const target = this.parentNode && this.parentNode.querySelector(SELECTOR_PASSWORD)\n if (target) {\n InputPassword.getOrCreateInstance(target)\n }\n})\n\nexport default InputPassword\n"],"names":[],"mappings":"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"}
|
|
@@ -86,6 +86,9 @@ class InputSearch extends BaseComponent {
|
|
|
86
86
|
|
|
87
87
|
_init() {
|
|
88
88
|
if (this._element.classList.contains(CLASS_NAME_AUTOCOMPLETE)) {
|
|
89
|
+
if (typeof document === 'undefined') {
|
|
90
|
+
return
|
|
91
|
+
}
|
|
89
92
|
this._items = this._getItems();
|
|
90
93
|
this._autocompleteElement = document.createElement('ul');
|
|
91
94
|
this._autocompleteElement.classList.add('autocomplete-list');
|
|
@@ -98,6 +101,9 @@ class InputSearch extends BaseComponent {
|
|
|
98
101
|
}
|
|
99
102
|
|
|
100
103
|
_createOption(link, text, label, icon) {
|
|
104
|
+
if (typeof document === 'undefined') {
|
|
105
|
+
return
|
|
106
|
+
}
|
|
101
107
|
const option = document.createElement('li');
|
|
102
108
|
option.innerHTML = `<a href="${link}">
|
|
103
109
|
${icon}
|
|
@@ -132,13 +138,15 @@ const createInput = (element) => {
|
|
|
132
138
|
return null
|
|
133
139
|
};
|
|
134
140
|
|
|
135
|
-
document
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
141
|
+
if (typeof document !== 'undefined') {
|
|
142
|
+
document.addEventListener('DOMContentLoaded', function () {
|
|
143
|
+
var frmel = document.querySelectorAll(SELECTOR_SEARCH + ', label');
|
|
144
|
+
frmel.forEach(function (item) {
|
|
145
|
+
const target = InputLabel.getInputFromLabel(item) || item;
|
|
146
|
+
createInput(target);
|
|
147
|
+
});
|
|
140
148
|
});
|
|
141
|
-
}
|
|
149
|
+
}
|
|
142
150
|
|
|
143
151
|
export { InputSearch as default };
|
|
144
152
|
//# sourceMappingURL=input-search-autocomplete.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-search-autocomplete.js","sources":["../../src/js/plugins/input-search-autocomplete.js"],"sourcesContent":["//import BaseComponent from 'bootstrap/js/src/base-component.js'\n\nimport BaseComponent from 'bootstrap/js/src/base-component'\nimport EventHandler from 'bootstrap/js/src/dom/event-handler'\n//import SelectorEngine from 'bootstrap/js/src/dom/selector-engine'\n\nimport InputLabel from './input-label'\n\nconst NAME = 'inputsearchautocomplete'\nconst DATA_KEY = 'bs.inputsearchautocomplete'\nconst EVENT_KEY = `.${DATA_KEY}`\n\nconst Default = {\n autocomplete: [],\n}\n\nconst EVENT_KEYUP = `keyup${EVENT_KEY}`\n\nconst CLASS_NAME_SHOW = 'autocomplete-list-show'\nconst CLASS_NAME_AUTOCOMPLETE = 'autocomplete'\n\nconst DATA_AUTOCOMPLETE = 'data-bs-autocomplete'\n\nconst SELECTOR_SEARCH = 'input[' + DATA_AUTOCOMPLETE + '][type=\"search\"]'\n\nclass InputSearch extends BaseComponent {\n constructor(element, config) {\n super(element)\n\n this._config = this._getConfig(config)\n this._items = []\n this._autocompleteElement = null\n\n this._label = new InputLabel(element)\n\n this._init()\n this._bindEvents()\n }\n\n // Getters\n\n static get NAME() {\n return NAME\n }\n\n // Public\n search() {\n const value = this._element.value\n\n //!!! $autocomplete.empty()\n this._autocompleteElement.innerHTML = ''\n\n if (value) {\n this._items.forEach((item) => {\n let markText = new RegExp('(' + value + ')', 'gi')\n let optionText = item.text.replace(markText, '<mark>$1</mark>')\n let optionLabel = item.label ? '<em>' + item.label + '</em>' : ''\n let optionIcon = item.icon ? item.icon : ''\n let optionLink = item.link ? item.link : '#'\n\n if (optionText.toLowerCase().indexOf(value.toLowerCase()) !== -1) {\n this._autocompleteElement.classList.add(CLASS_NAME_SHOW)\n this._autocompleteElement.appendChild(this._createOption(optionLink, optionText, optionLabel, optionIcon))\n }\n })\n } else {\n this._autocompleteElement.classList.remove(CLASS_NAME_SHOW)\n }\n }\n\n // Private\n _getConfig(config) {\n config = {\n ...Default,\n ...(typeof config === 'object' ? config : {}),\n }\n return config\n }\n\n _getItems() {\n try {\n return JSON.parse(this._element.getAttribute(DATA_AUTOCOMPLETE))\n } catch (error) {\n console.error('[InputSearchAutocomplete] invalid data provided for ' + DATA_AUTOCOMPLETE + ' attribute', error)\n return []\n }\n }\n\n _init() {\n if (this._element.classList.contains(CLASS_NAME_AUTOCOMPLETE)) {\n this._items = this._getItems()\n this._autocompleteElement = document.createElement('ul')\n this._autocompleteElement.classList.add('autocomplete-list')\n this._element.parentNode.insertBefore(this._autocompleteElement, this._element.nextSibling)\n }\n }\n\n _bindEvents() {\n EventHandler.on(this._element, EVENT_KEYUP, () => this.search())\n }\n\n _createOption(link, text, label, icon) {\n const option = document.createElement('li')\n option.innerHTML = `<a href=\"${link}\">\n ${icon}\n <span class=\"autocomplete-list-text\">\n <span>${text}</span>\n ${label}\n </span>\n </a>`\n\n return option\n }\n}\n\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n/*const inputs = SelectorEngine.find(SELECTOR_SEARCH)\ninputs.forEach((input) => {\n EventHandler.one(input, EVENT_KEYUP_DATA_API, () => {\n const searchInput = InputSearch.getOrCreateInstance(input)\n searchInput.search()\n })\n})*/\n\nconst createInput = (element) => {\n if (element && element.matches(SELECTOR_SEARCH)) {\n return InputSearch.getOrCreateInstance(element)\n }\n return null\n}\n\
|
|
1
|
+
{"version":3,"file":"input-search-autocomplete.js","sources":["../../src/js/plugins/input-search-autocomplete.js"],"sourcesContent":["//import BaseComponent from 'bootstrap/js/src/base-component.js'\n\nimport BaseComponent from 'bootstrap/js/src/base-component'\nimport EventHandler from 'bootstrap/js/src/dom/event-handler'\n//import SelectorEngine from 'bootstrap/js/src/dom/selector-engine'\n\nimport InputLabel from './input-label'\n\nconst NAME = 'inputsearchautocomplete'\nconst DATA_KEY = 'bs.inputsearchautocomplete'\nconst EVENT_KEY = `.${DATA_KEY}`\n\nconst Default = {\n autocomplete: [],\n}\n\nconst EVENT_KEYUP = `keyup${EVENT_KEY}`\n\nconst CLASS_NAME_SHOW = 'autocomplete-list-show'\nconst CLASS_NAME_AUTOCOMPLETE = 'autocomplete'\n\nconst DATA_AUTOCOMPLETE = 'data-bs-autocomplete'\n\nconst SELECTOR_SEARCH = 'input[' + DATA_AUTOCOMPLETE + '][type=\"search\"]'\n\nclass InputSearch extends BaseComponent {\n constructor(element, config) {\n super(element)\n\n this._config = this._getConfig(config)\n this._items = []\n this._autocompleteElement = null\n\n this._label = new InputLabel(element)\n\n this._init()\n this._bindEvents()\n }\n\n // Getters\n\n static get NAME() {\n return NAME\n }\n\n // Public\n search() {\n const value = this._element.value\n\n //!!! $autocomplete.empty()\n this._autocompleteElement.innerHTML = ''\n\n if (value) {\n this._items.forEach((item) => {\n let markText = new RegExp('(' + value + ')', 'gi')\n let optionText = item.text.replace(markText, '<mark>$1</mark>')\n let optionLabel = item.label ? '<em>' + item.label + '</em>' : ''\n let optionIcon = item.icon ? item.icon : ''\n let optionLink = item.link ? item.link : '#'\n\n if (optionText.toLowerCase().indexOf(value.toLowerCase()) !== -1) {\n this._autocompleteElement.classList.add(CLASS_NAME_SHOW)\n this._autocompleteElement.appendChild(this._createOption(optionLink, optionText, optionLabel, optionIcon))\n }\n })\n } else {\n this._autocompleteElement.classList.remove(CLASS_NAME_SHOW)\n }\n }\n\n // Private\n _getConfig(config) {\n config = {\n ...Default,\n ...(typeof config === 'object' ? config : {}),\n }\n return config\n }\n\n _getItems() {\n try {\n return JSON.parse(this._element.getAttribute(DATA_AUTOCOMPLETE))\n } catch (error) {\n console.error('[InputSearchAutocomplete] invalid data provided for ' + DATA_AUTOCOMPLETE + ' attribute', error)\n return []\n }\n }\n\n _init() {\n if (this._element.classList.contains(CLASS_NAME_AUTOCOMPLETE)) {\n if (typeof document === 'undefined') {\n return\n }\n this._items = this._getItems()\n this._autocompleteElement = document.createElement('ul')\n this._autocompleteElement.classList.add('autocomplete-list')\n this._element.parentNode.insertBefore(this._autocompleteElement, this._element.nextSibling)\n }\n }\n\n _bindEvents() {\n EventHandler.on(this._element, EVENT_KEYUP, () => this.search())\n }\n\n _createOption(link, text, label, icon) {\n if (typeof document === 'undefined') {\n return\n }\n const option = document.createElement('li')\n option.innerHTML = `<a href=\"${link}\">\n ${icon}\n <span class=\"autocomplete-list-text\">\n <span>${text}</span>\n ${label}\n </span>\n </a>`\n\n return option\n }\n}\n\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n/*const inputs = SelectorEngine.find(SELECTOR_SEARCH)\ninputs.forEach((input) => {\n EventHandler.one(input, EVENT_KEYUP_DATA_API, () => {\n const searchInput = InputSearch.getOrCreateInstance(input)\n searchInput.search()\n })\n})*/\n\nconst createInput = (element) => {\n if (element && element.matches(SELECTOR_SEARCH)) {\n return InputSearch.getOrCreateInstance(element)\n }\n return null\n}\n\nif (typeof document !== 'undefined') {\n document.addEventListener('DOMContentLoaded', function () {\n var frmel = document.querySelectorAll(SELECTOR_SEARCH + ', label')\n frmel.forEach(function (item) {\n const target = InputLabel.getInputFromLabel(item) || item\n createInput(target)\n })\n })\n}\n\nexport default InputSearch\n"],"names":[],"mappings":"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"}
|
package/dist/plugins/input.js
CHANGED
|
@@ -78,13 +78,15 @@ const createInput = (element) => {
|
|
|
78
78
|
return null
|
|
79
79
|
};
|
|
80
80
|
|
|
81
|
-
document
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
81
|
+
if (typeof document !== 'undefined') {
|
|
82
|
+
document.addEventListener('DOMContentLoaded', function () {
|
|
83
|
+
var frmel = document.querySelectorAll('input, textarea, label');
|
|
84
|
+
frmel.forEach(function (item) {
|
|
85
|
+
const target = InputLabel.getInputFromLabel(item) || item;
|
|
86
|
+
createInput(target);
|
|
87
|
+
});
|
|
86
88
|
});
|
|
87
|
-
}
|
|
89
|
+
}
|
|
88
90
|
|
|
89
91
|
export { Input as default };
|
|
90
92
|
//# sourceMappingURL=input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","sources":["../../src/js/plugins/input.js"],"sourcesContent":["import BaseComponent from 'bootstrap/js/src/base-component.js'\n\nimport EventHandler from 'bootstrap/js/src/dom/event-handler'\nimport SelectorEngine from 'bootstrap/js/src/dom/selector-engine'\n\nimport InputLabel from './input-label'\n\nconst NAME = 'input'\nconst DATA_KEY = 'bs.input'\nconst EVENT_KEY = `.${DATA_KEY}`\n\nconst EVENT_CHANGE = `change${EVENT_KEY}`\n\nclass Input extends BaseComponent {\n constructor(element) {\n super(element)\n\n this._label = new InputLabel(element)\n this._bindEvents()\n }\n\n // Getters\n\n static get NAME() {\n return NAME\n }\n\n // Public\n\n // Private\n _bindEvents() {\n if (this._element.getAttribute('type') === 'file') {\n EventHandler.on(this._element, EVENT_CHANGE, () => {\n this._handleFileDescription()\n })\n }\n }\n\n _handleFileDescription() {\n const fileNames = []\n let labelPrefix = ''\n\n Array.from(this._element.files).forEach((file) => {\n const fileSize = Math.round(parseInt(file.size, 10) / 1024)\n fileNames.push(file.name + ' (' + fileSize + 'kb)')\n })\n\n if (this._element.files.length > 1) {\n labelPrefix = this._element.files.length + ' file da caricare: '\n }\n\n const label = SelectorEngine.findOne('label[for=\"' + this._element.getAttribute('id') + '\"] label.form-file-name', this._element)\n if (label) {\n label.innerText = labelPrefix + fileNames.join('; ')\n }\n }\n}\n\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\nconst excludes = [\n 'select',\n 'input[data-bs-input][type=\"password\"]',\n 'input.input-password[data-bs-input]',\n 'input[data-bs-autocomplete][type=\"search\"]',\n 'input[type=\"time\"]',\n 'input[type=\"radio\"]',\n 'input[type=\"checkbox\"]',\n]\n\nconst createInput = (element) => {\n const toExclude = !!excludes.find((selector) => element.matches(selector))\n const isInputNumber = !!(element.getAttribute('type') === 'number' && element.parentNode.querySelector('button[class^=\"input-number-\"]')) //check if it's a InputNumber component\n if (!toExclude && !isInputNumber) {\n return Input.getOrCreateInstance(element)\n }\n return null\n}\n\
|
|
1
|
+
{"version":3,"file":"input.js","sources":["../../src/js/plugins/input.js"],"sourcesContent":["import BaseComponent from 'bootstrap/js/src/base-component.js'\n\nimport EventHandler from 'bootstrap/js/src/dom/event-handler'\nimport SelectorEngine from 'bootstrap/js/src/dom/selector-engine'\n\nimport InputLabel from './input-label'\n\nconst NAME = 'input'\nconst DATA_KEY = 'bs.input'\nconst EVENT_KEY = `.${DATA_KEY}`\n\nconst EVENT_CHANGE = `change${EVENT_KEY}`\n\nclass Input extends BaseComponent {\n constructor(element) {\n super(element)\n\n this._label = new InputLabel(element)\n this._bindEvents()\n }\n\n // Getters\n\n static get NAME() {\n return NAME\n }\n\n // Public\n\n // Private\n _bindEvents() {\n if (this._element.getAttribute('type') === 'file') {\n EventHandler.on(this._element, EVENT_CHANGE, () => {\n this._handleFileDescription()\n })\n }\n }\n\n _handleFileDescription() {\n const fileNames = []\n let labelPrefix = ''\n\n Array.from(this._element.files).forEach((file) => {\n const fileSize = Math.round(parseInt(file.size, 10) / 1024)\n fileNames.push(file.name + ' (' + fileSize + 'kb)')\n })\n\n if (this._element.files.length > 1) {\n labelPrefix = this._element.files.length + ' file da caricare: '\n }\n\n const label = SelectorEngine.findOne('label[for=\"' + this._element.getAttribute('id') + '\"] label.form-file-name', this._element)\n if (label) {\n label.innerText = labelPrefix + fileNames.join('; ')\n }\n }\n}\n\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\nconst excludes = [\n 'select',\n 'input[data-bs-input][type=\"password\"]',\n 'input.input-password[data-bs-input]',\n 'input[data-bs-autocomplete][type=\"search\"]',\n 'input[type=\"time\"]',\n 'input[type=\"radio\"]',\n 'input[type=\"checkbox\"]',\n]\n\nconst createInput = (element) => {\n const toExclude = !!excludes.find((selector) => element.matches(selector))\n const isInputNumber = !!(element.getAttribute('type') === 'number' && element.parentNode.querySelector('button[class^=\"input-number-\"]')) //check if it's a InputNumber component\n if (!toExclude && !isInputNumber) {\n return Input.getOrCreateInstance(element)\n }\n return null\n}\n\nif (typeof document !== 'undefined') {\n document.addEventListener('DOMContentLoaded', function () {\n var frmel = document.querySelectorAll('input, textarea, label')\n frmel.forEach(function (item) {\n const target = InputLabel.getInputFromLabel(item) || item\n createInput(target)\n })\n })\n}\n\nexport default Input\n"],"names":[],"mappings":";;;;;AAOA,MAAM,IAAI,GAAG,QAAO;AACpB,MAAM,QAAQ,GAAG,WAAU;AAC3B,MAAM,SAAS,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,EAAC;AAChC;AACA,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,EAAC;AACzC;AACA,MAAM,KAAK,SAAS,aAAa,CAAC;AAClC,EAAE,WAAW,CAAC,OAAO,EAAE;AACvB,IAAI,KAAK,CAAC,OAAO,EAAC;AAClB;AACA,IAAI,IAAI,CAAC,MAAM,GAAG,IAAI,UAAU,CAAC,OAAO,EAAC;AACzC,IAAI,IAAI,CAAC,WAAW,GAAE;AACtB,GAAG;AACH;AACA;AACA;AACA,EAAE,WAAW,IAAI,GAAG;AACpB,IAAI,OAAO,IAAI;AACf,GAAG;AACH;AACA;AACA;AACA;AACA,EAAE,WAAW,GAAG;AAChB,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,MAAM,EAAE;AACvD,MAAM,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,YAAY,EAAE,MAAM;AACzD,QAAQ,IAAI,CAAC,sBAAsB,GAAE;AACrC,OAAO,EAAC;AACR,KAAK;AACL,GAAG;AACH;AACA,EAAE,sBAAsB,GAAG;AAC3B,IAAI,MAAM,SAAS,GAAG,GAAE;AACxB,IAAI,IAAI,WAAW,GAAG,GAAE;AACxB;AACA,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK;AACtD,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,GAAG,IAAI,EAAC;AACjE,MAAM,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,GAAG,QAAQ,GAAG,KAAK,EAAC;AACzD,KAAK,EAAC;AACN;AACA,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AACxC,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,sBAAqB;AACtE,KAAK;AACL;AACA,IAAI,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,yBAAyB,EAAE,IAAI,CAAC,QAAQ,EAAC;AACrI,IAAI,IAAI,KAAK,EAAE;AACf,MAAM,KAAK,CAAC,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC,IAAI,EAAC;AAC1D,KAAK;AACL,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,QAAQ,GAAG;AACjB,EAAE,QAAQ;AACV,EAAE,uCAAuC;AACzC,EAAE,qCAAqC;AACvC,EAAE,4CAA4C;AAC9C,EAAE,oBAAoB;AACtB,EAAE,qBAAqB;AACvB,EAAE,wBAAwB;AAC1B,EAAC;AACD;AACA,MAAM,WAAW,GAAG,CAAC,OAAO,KAAK;AACjC,EAAE,MAAM,SAAS,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAK,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAC;AAC5E,EAAE,MAAM,aAAa,GAAG,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ,IAAI,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,gCAAgC,CAAC,EAAC;AAC3I,EAAE,IAAI,CAAC,SAAS,IAAI,CAAC,aAAa,EAAE;AACpC,IAAI,OAAO,KAAK,CAAC,mBAAmB,CAAC,OAAO,CAAC;AAC7C,GAAG;AACH,EAAE,OAAO,IAAI;AACb,EAAC;AACD;AACA,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;AACrC,EAAE,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,YAAY;AAC5D,IAAI,IAAI,KAAK,GAAG,QAAQ,CAAC,gBAAgB,CAAC,wBAAwB,EAAC;AACnE,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,IAAI,EAAE;AAClC,MAAM,MAAM,MAAM,GAAG,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,KAAI;AAC/D,MAAM,WAAW,CAAC,MAAM,EAAC;AACzB,KAAK,EAAC;AACN,GAAG,EAAC;AACJ;;;;"}
|
package/dist/plugins/masonry.js
CHANGED
|
@@ -18,14 +18,8 @@ const Default = {
|
|
|
18
18
|
percentPosition: true,
|
|
19
19
|
};
|
|
20
20
|
|
|
21
|
-
//const MASONRY_EXISTS = !!window.Masonry
|
|
22
|
-
|
|
23
21
|
class Masonry extends BaseComponent {
|
|
24
22
|
constructor(element, config) {
|
|
25
|
-
/*if (!MASONRY_EXISTS) {
|
|
26
|
-
throw new Error("[Masonry] you can't instantiate Mesonry component without Masonry Library")
|
|
27
|
-
}*/
|
|
28
|
-
|
|
29
23
|
super(element);
|
|
30
24
|
|
|
31
25
|
this._config = this._getConfig(config);
|
|
@@ -90,6 +84,9 @@ class Masonry extends BaseComponent {
|
|
|
90
84
|
}
|
|
91
85
|
|
|
92
86
|
_createLoader() {
|
|
87
|
+
if (typeof document === 'undefined') {
|
|
88
|
+
return
|
|
89
|
+
}
|
|
93
90
|
const loader = document.createElement('div');
|
|
94
91
|
loader.classList.add(CLASS_NAME_LOADER, 'fade', 'd-flex', 'justify-content-center', 'align-items-center');
|
|
95
92
|
loader.innerHTML = '<div class="progress-spinner progress-spinner-active"><span class="visually-hidden">Caricamento...</span></div>';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"masonry.js","sources":["../../src/js/plugins/masonry.js"],"sourcesContent":["import BaseComponent from 'bootstrap/js/src/base-component.js'\n\nimport SelectorEngine from 'bootstrap/js/src/dom/selector-engine'\nimport Manipulator from 'bootstrap/js/src/dom/manipulator'\n\nimport MasonryPlugin from 'masonry-layout'\n\nconst NAME = 'masonry'\n//const DATA_KEY = 'bs.masonry'\n//const EVENT_KEY = `.${DATA_KEY}`\n//const DATA_API_KEY = '.data-api'\n\nconst CLASS_NAME_SHOW = 'show'\nconst CLASS_NAME_LOADER = 'masonry-loader'\n\nconst SELECTOR_DATA_TOGGLE = '[data-bs-toggle=\"masonry\"]'\nconst SELECTOR_LOADER = `.${CLASS_NAME_LOADER}`\n\nconst Default = {\n percentPosition: true,\n}\n\
|
|
1
|
+
{"version":3,"file":"masonry.js","sources":["../../src/js/plugins/masonry.js"],"sourcesContent":["import BaseComponent from 'bootstrap/js/src/base-component.js'\n\nimport SelectorEngine from 'bootstrap/js/src/dom/selector-engine'\nimport Manipulator from 'bootstrap/js/src/dom/manipulator'\n\nimport MasonryPlugin from 'masonry-layout'\n\nconst NAME = 'masonry'\n//const DATA_KEY = 'bs.masonry'\n//const EVENT_KEY = `.${DATA_KEY}`\n//const DATA_API_KEY = '.data-api'\n\nconst CLASS_NAME_SHOW = 'show'\nconst CLASS_NAME_LOADER = 'masonry-loader'\n\nconst SELECTOR_DATA_TOGGLE = '[data-bs-toggle=\"masonry\"]'\nconst SELECTOR_LOADER = `.${CLASS_NAME_LOADER}`\n\nconst Default = {\n percentPosition: true,\n}\n\nclass Masonry extends BaseComponent {\n constructor(element, config) {\n super(element)\n\n this._config = this._getConfig(config)\n this._masonry = null\n\n this._images = SelectorEngine.find('img', this._element)\n this._loadCounter = 0\n\n this._init()\n }\n\n // Getters\n\n static get NAME() {\n return NAME\n }\n\n // Public\n dispose() {\n if (this._masonry) {\n this._masonry.destroy()\n this._masonry = null\n }\n\n super.dispose()\n }\n\n // Private\n _getConfig(config) {\n config = {\n ...Default,\n ...Manipulator.getDataAttributes(this._element),\n ...(typeof config === 'object' ? config : {}),\n }\n return config\n }\n\n _init() {\n if (this._images.length > 0) {\n //this._showLoader()\n\n this._images.forEach((img) => {\n const imgDummy = new Image()\n imgDummy.onload = () => this._onLoadEnd()\n imgDummy.src = img.src\n })\n } else {\n this._initMasonry()\n }\n }\n\n _onLoadEnd() {\n this._loadCounter++\n if (this._loadCounter >= this._images.length) {\n //this._hideLoader()\n this._initMasonry()\n }\n }\n\n _initMasonry() {\n this._masonry = new MasonryPlugin(this._element, this._config)\n }\n\n _createLoader() {\n if (typeof document === 'undefined') {\n return\n }\n const loader = document.createElement('div')\n loader.classList.add(CLASS_NAME_LOADER, 'fade', 'd-flex', 'justify-content-center', 'align-items-center')\n loader.innerHTML = '<div class=\"progress-spinner progress-spinner-active\"><span class=\"visually-hidden\">Caricamento...</span></div>'\n this._element.appendChild(loader)\n return loader\n }\n _getOrCreateLoader() {\n const loader = SelectorEngine.findOne(SELECTOR_LOADER, this._element)\n if (!loader) {\n return this._createLoader()\n }\n return loader\n }\n _destroyLoader() {\n const loader = SelectorEngine.findOne(SELECTOR_LOADER, this._element)\n if (loader) {\n loader.remove()\n }\n }\n _showLoader() {\n const loader = this._getOrCreateLoader()\n loader.classList.add(CLASS_NAME_SHOW)\n }\n _hideLoader() {\n this._destroyLoader()\n }\n}\n\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\nconst masonries = SelectorEngine.find(SELECTOR_DATA_TOGGLE)\nif (masonries.length > 0) {\n /*if (!MASONRY_EXISTS) {\n console.warn('[Masonry] Masonry component needs Masonry library to work properly')\n } else {\n masonries.forEach((masonry) => {\n Masonry.getOrCreateInstance(masonry)\n })\n }*/\n masonries.forEach((masonry) => {\n Masonry.getOrCreateInstance(masonry)\n })\n}\n\nexport default Masonry\n"],"names":[],"mappings":"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"}
|
|
@@ -195,6 +195,9 @@ class NavScroll extends BaseComponent {
|
|
|
195
195
|
|
|
196
196
|
_onScroll() {
|
|
197
197
|
const sectionsContainerTop = this._sectionContainer ? this._sectionContainer.offsetTop : 0;
|
|
198
|
+
if (typeof document === 'undefined') {
|
|
199
|
+
return
|
|
200
|
+
}
|
|
198
201
|
const scrollDistance = document.scrollingElement.scrollTop - sectionsContainerTop;
|
|
199
202
|
|
|
200
203
|
const navItems = SelectorEngine.find(SELECTOR_LINK, this._element);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navscroll.js","sources":["../../src/js/plugins/navscroll.js"],"sourcesContent":["import BaseComponent from 'bootstrap/js/src/base-component.js'\n\nimport EventHandler from 'bootstrap/js/src/dom/event-handler'\nimport SelectorEngine from 'bootstrap/js/src/dom/selector-engine'\nimport Manipulator from 'bootstrap/js/src/dom/manipulator'\n\nimport onDocumentScroll from './util/on-document-scroll'\nimport NavBarCollapsible from './navbar-collapsible'\n\nimport { documentScrollTo } from './util/tween'\n\nconst NAME = 'navscroll'\n//const DATA_KEY = 'bs.navscroll'\n//const EVENT_KEY = `.${DATA_KEY}`\n//const DATA_API_KEY = '.data-api'\n\n//const EVENT_SCROLL = `scroll${EVENT_KEY}`\n\nconst CLASS_NAME_ACTIVE = 'active'\n\nconst SELECTOR_NAVSCROLL = '[data-bs-navscroll]' //'.it-navscroll-wrapper'\nconst SELECTOR_LIST = 'ul.link-list'\n//const SELECTOR_ITEM = '.nav-item'\nconst SELECTOR_LINK_CONTAINER = 'li.nav-link, li.nav-item'\nconst SELECTOR_LINK = 'a.nav-link'\nconst SELECTOR_LINK_ACTIVE = `${SELECTOR_LINK}.${CLASS_NAME_ACTIVE}`\nconst SELECTOR_LINK_CLICKABLE = `${SELECTOR_LINK}[href^=\"#\"]`\nconst SELECTOR_CONTAINER = '.it-page-sections-container'\nconst SELECTOR_PAGE_SECTION = '.it-page-section'\nconst SELECTOR_TOGGLER = '.custom-navbar-toggler'\nconst SELECTOR_TOGGLER_ICON = '.it-list'\nconst SELECTOR_COLLAPSIBLE = '.navbar-collapsable'\nconst SELECTOR_PROGRESS_BAR = '.it-navscroll-progressbar'\n\nconst Default = {\n scrollPadding: 10,\n duration: 800,\n easing: 'easeInOutSine',\n}\nclass NavScroll extends BaseComponent {\n constructor(element, config) {\n super(element)\n\n this._config = this._getConfig(config)\n\n this._togglerElement = SelectorEngine.findOne(SELECTOR_TOGGLER, this._element)\n this._sectionContainer = SelectorEngine.findOne(SELECTOR_CONTAINER)\n this._collapsible = this._getCollapsible()\n this._isCollapseOpened = false\n this._callbackQueue = []\n this._scrollCb = null\n\n this._bindEvents()\n }\n // Getters\n\n static get NAME() {\n return NAME\n }\n\n // Public\n setScrollPadding(scrollPadding) {\n this._config.scrollPadding = scrollPadding\n }\n\n dispose() {\n //EventHandler.off(window, EVENT_SCROLL, this._onScroll)\n if (this._scrollCb) {\n this._scrollCb.dispose()\n }\n\n super.dispose()\n }\n\n // Private\n _getConfig(config) {\n config = {\n ...Default,\n ...Manipulator.getDataAttributes(this._element),\n ...(typeof config === 'object' ? config : {}),\n }\n return config\n }\n\n _bindEvents() {\n //EventHandler.on(window, EVENT_SCROLL, this._onScroll)\n\n this._scrollCb = onDocumentScroll(() => this._onScroll())\n\n if (this._collapsible) {\n EventHandler.on(this._collapsible._element, 'shown.bs.navbarcollapsible', () => this._onCollapseOpened())\n EventHandler.on(this._collapsible._element, 'hidden.bs.navbarcollapsible', () => this._onCollapseClosed())\n }\n\n SelectorEngine.find(SELECTOR_LINK_CLICKABLE, this._element).forEach((link) => {\n link.addEventListener('click', () => {\n const scrollHash = () => this._scrollToHash(link.hash)\n if (this._isCollapseOpened) {\n this._callbackQueue.push(scrollHash)\n this._collapsible.hide()\n } else {\n scrollHash()\n }\n })\n })\n\n EventHandler.on(window, 'load', () => {\n //if page is already scrolled\n setTimeout(() => this._onScroll(), 150)\n })\n }\n\n _onCollapseOpened() {\n this._isCollapseOpened = true\n }\n _onCollapseClosed() {\n while (this._callbackQueue.length > 0) {\n const cb = this._callbackQueue.shift()\n if (typeof cb === 'function') {\n cb()\n }\n }\n this._isCollapseOpened = false\n }\n\n _getParentLinks(element) {\n const parents = []\n let parentContainer = element.closest(SELECTOR_LIST)\n let parentContainerPrev = null\n let exit = false\n while (parentContainer && !exit) {\n const parentLinkContainer = parentContainer.closest(SELECTOR_LINK_CONTAINER)\n if (parentLinkContainer) {\n const link = parentLinkContainer.querySelector(SELECTOR_LINK)\n if (link) {\n parents.push(link)\n }\n }\n parentContainerPrev = parentContainer\n parentContainer = (parentContainer.parentElement || parentContainer).closest(SELECTOR_LIST) //avoid self select of closest\n if (parentContainer === parentContainerPrev) {\n exit = true\n }\n }\n return parents\n }\n\n _decorateToggler(text) {\n if (this._togglerElement) {\n const icon = SelectorEngine.findOne(SELECTOR_TOGGLER_ICON, this._togglerElement)\n this._togglerElement.innerText = ''\n this._togglerElement.textContent = ''\n this._togglerElement.append(icon)\n this._togglerElement.append(text)\n }\n }\n\n _scrollToHash(hash) {\n const target = SelectorEngine.findOne(hash, this._sectionContainer)\n if (target) {\n documentScrollTo(target.offsetTop - this._getScrollPadding(), {\n duration: this._config.duration,\n easing: this._config.easing,\n /*complete: () => {\n },*/\n })\n\n if (history.pushState) {\n history.pushState(null, null, hash)\n } else {\n location.hash = hash\n }\n }\n }\n\n _updateProgress(content) {\n if (!content) {\n return\n }\n const progressBars = SelectorEngine.find(SELECTOR_PROGRESS_BAR)\n if (progressBars) {\n const offset = Math.abs(content.getBoundingClientRect().top)\n const height = content.getBoundingClientRect().height\n const scrollAmount = (offset / height) * 100\n const scrollValue = Math.min(100, Math.max(0, scrollAmount))\n\n progressBars.forEach((progressBar) => {\n if (content.getBoundingClientRect().top <= 0) {\n progressBar.style.width = scrollValue + '%'\n progressBar.setAttribute('aria-valuenow', scrollValue)\n } else {\n progressBar.style.width = 0 + '%'\n progressBar.setAttribute('aria-valuenow', 0)\n }\n })\n }\n }\n\n _onScroll() {\n const sectionsContainerTop = this._sectionContainer ? this._sectionContainer.offsetTop : 0\n const scrollDistance = document.scrollingElement.scrollTop - sectionsContainerTop\n\n const navItems = SelectorEngine.find(SELECTOR_LINK, this._element)\n\n const scrollPadding = this._getScrollPadding()\n\n SelectorEngine.find(SELECTOR_PAGE_SECTION).forEach((pageSec, idx) => {\n if (pageSec.offsetTop - sectionsContainerTop <= scrollDistance + scrollPadding) {\n SelectorEngine.find(SELECTOR_LINK_ACTIVE, this._element).forEach((link) => {\n link.classList.remove(CLASS_NAME_ACTIVE)\n })\n if (idx < navItems.length) {\n const currActive = navItems[idx]\n this._getParentLinks(currActive).forEach((parentLink) => {\n parentLink.classList.add(CLASS_NAME_ACTIVE)\n })\n currActive.classList.add(CLASS_NAME_ACTIVE)\n this._decorateToggler(currActive.innerText)\n }\n }\n })\n this._updateProgress(this._sectionContainer)\n }\n\n _getCollapsible() {\n const coll = SelectorEngine.findOne(SELECTOR_COLLAPSIBLE, this._element)\n if (coll) {\n return NavBarCollapsible.getOrCreateInstance(coll)\n }\n return null\n }\n\n _getScrollPadding() {\n if (typeof this._config.scrollPadding === 'function') {\n return this._config.scrollPadding()\n }\n return this._config.scrollPadding\n }\n}\n\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\nconst navs = SelectorEngine.find(SELECTOR_NAVSCROLL)\nnavs.map((nav) => {\n NavScroll.getOrCreateInstance(nav)\n})\n\nexport default NavScroll\n"],"names":[],"mappings":";;;;;;;;AAWA,MAAM,IAAI,GAAG,YAAW;AACxB;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,iBAAiB,GAAG,SAAQ;AAClC;AACA,MAAM,kBAAkB,GAAG,sBAAqB;AAChD,MAAM,aAAa,GAAG,eAAc;AACpC;AACA,MAAM,uBAAuB,GAAG,2BAA0B;AAC1D,MAAM,aAAa,GAAG,aAAY;AAClC,MAAM,oBAAoB,GAAG,CAAC,EAAE,aAAa,CAAC,CAAC,EAAE,iBAAiB,CAAC,EAAC;AACpE,MAAM,uBAAuB,GAAG,CAAC,EAAE,aAAa,CAAC,WAAW,EAAC;AAC7D,MAAM,kBAAkB,GAAG,8BAA6B;AACxD,MAAM,qBAAqB,GAAG,mBAAkB;AAChD,MAAM,gBAAgB,GAAG,yBAAwB;AACjD,MAAM,qBAAqB,GAAG,WAAU;AACxC,MAAM,oBAAoB,GAAG,sBAAqB;AAClD,MAAM,qBAAqB,GAAG,4BAA2B;AACzD;AACA,MAAM,OAAO,GAAG;AAChB,EAAE,aAAa,EAAE,EAAE;AACnB,EAAE,QAAQ,EAAE,GAAG;AACf,EAAE,MAAM,EAAE,eAAe;AACzB,EAAC;AACD,MAAM,SAAS,SAAS,aAAa,CAAC;AACtC,EAAE,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE;AAC/B,IAAI,KAAK,CAAC,OAAO,EAAC;AAClB;AACA,IAAI,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,EAAC;AAC1C;AACA,IAAI,IAAI,CAAC,eAAe,GAAG,cAAc,CAAC,OAAO,CAAC,gBAAgB,EAAE,IAAI,CAAC,QAAQ,EAAC;AAClF,IAAI,IAAI,CAAC,iBAAiB,GAAG,cAAc,CAAC,OAAO,CAAC,kBAAkB,EAAC;AACvE,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,eAAe,GAAE;AAC9C,IAAI,IAAI,CAAC,iBAAiB,GAAG,MAAK;AAClC,IAAI,IAAI,CAAC,cAAc,GAAG,GAAE;AAC5B,IAAI,IAAI,CAAC,SAAS,GAAG,KAAI;AACzB;AACA,IAAI,IAAI,CAAC,WAAW,GAAE;AACtB,GAAG;AACH;AACA;AACA,EAAE,WAAW,IAAI,GAAG;AACpB,IAAI,OAAO,IAAI;AACf,GAAG;AACH;AACA;AACA,EAAE,gBAAgB,CAAC,aAAa,EAAE;AAClC,IAAI,IAAI,CAAC,OAAO,CAAC,aAAa,GAAG,cAAa;AAC9C,GAAG;AACH;AACA,EAAE,OAAO,GAAG;AACZ;AACA,IAAI,IAAI,IAAI,CAAC,SAAS,EAAE;AACxB,MAAM,IAAI,CAAC,SAAS,CAAC,OAAO,GAAE;AAC9B,KAAK;AACL;AACA,IAAI,KAAK,CAAC,OAAO,GAAE;AACnB,GAAG;AACH;AACA;AACA,EAAE,UAAU,CAAC,MAAM,EAAE;AACrB,IAAI,MAAM,GAAG;AACb,MAAM,GAAG,OAAO;AAChB,MAAM,GAAG,WAAW,CAAC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC;AACrD,MAAM,IAAI,OAAO,MAAM,KAAK,QAAQ,GAAG,MAAM,GAAG,EAAE,CAAC;AACnD,MAAK;AACL,IAAI,OAAO,MAAM;AACjB,GAAG;AACH;AACA,EAAE,WAAW,GAAG;AAChB;AACA;AACA,IAAI,IAAI,CAAC,SAAS,GAAG,gBAAgB,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,EAAC;AAC7D;AACA,IAAI,IAAI,IAAI,CAAC,YAAY,EAAE;AAC3B,MAAM,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,4BAA4B,EAAE,MAAM,IAAI,CAAC,iBAAiB,EAAE,EAAC;AAC/G,MAAM,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,6BAA6B,EAAE,MAAM,IAAI,CAAC,iBAAiB,EAAE,EAAC;AAChH,KAAK;AACL;AACA,IAAI,cAAc,CAAC,IAAI,CAAC,uBAAuB,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK;AAClF,MAAM,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM;AAC3C,QAAQ,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,EAAC;AAC9D,QAAQ,IAAI,IAAI,CAAC,iBAAiB,EAAE;AACpC,UAAU,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,EAAC;AAC9C,UAAU,IAAI,CAAC,YAAY,CAAC,IAAI,GAAE;AAClC,SAAS,MAAM;AACf,UAAU,UAAU,GAAE;AACtB,SAAS;AACT,OAAO,EAAC;AACR,KAAK,EAAC;AACN;AACA,IAAI,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM;AAC1C;AACA,MAAM,UAAU,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,EAAE,GAAG,EAAC;AAC7C,KAAK,EAAC;AACN,GAAG;AACH;AACA,EAAE,iBAAiB,GAAG;AACtB,IAAI,IAAI,CAAC,iBAAiB,GAAG,KAAI;AACjC,GAAG;AACH,EAAE,iBAAiB,GAAG;AACtB,IAAI,OAAO,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE;AAC3C,MAAM,MAAM,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,GAAE;AAC5C,MAAM,IAAI,OAAO,EAAE,KAAK,UAAU,EAAE;AACpC,QAAQ,EAAE,GAAE;AACZ,OAAO;AACP,KAAK;AACL,IAAI,IAAI,CAAC,iBAAiB,GAAG,MAAK;AAClC,GAAG;AACH;AACA,EAAE,eAAe,CAAC,OAAO,EAAE;AAC3B,IAAI,MAAM,OAAO,GAAG,GAAE;AACtB,IAAI,IAAI,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC,aAAa,EAAC;AACxD,IAAI,IAAI,mBAAmB,GAAG,KAAI;AAClC,IAAI,IAAI,IAAI,GAAG,MAAK;AACpB,IAAI,OAAO,eAAe,IAAI,CAAC,IAAI,EAAE;AACrC,MAAM,MAAM,mBAAmB,GAAG,eAAe,CAAC,OAAO,CAAC,uBAAuB,EAAC;AAClF,MAAM,IAAI,mBAAmB,EAAE;AAC/B,QAAQ,MAAM,IAAI,GAAG,mBAAmB,CAAC,aAAa,CAAC,aAAa,EAAC;AACrE,QAAQ,IAAI,IAAI,EAAE;AAClB,UAAU,OAAO,CAAC,IAAI,CAAC,IAAI,EAAC;AAC5B,SAAS;AACT,OAAO;AACP,MAAM,mBAAmB,GAAG,gBAAe;AAC3C,MAAM,eAAe,GAAG,CAAC,eAAe,CAAC,aAAa,IAAI,eAAe,EAAE,OAAO,CAAC,aAAa,EAAC;AACjG,MAAM,IAAI,eAAe,KAAK,mBAAmB,EAAE;AACnD,QAAQ,IAAI,GAAG,KAAI;AACnB,OAAO;AACP,KAAK;AACL,IAAI,OAAO,OAAO;AAClB,GAAG;AACH;AACA,EAAE,gBAAgB,CAAC,IAAI,EAAE;AACzB,IAAI,IAAI,IAAI,CAAC,eAAe,EAAE;AAC9B,MAAM,MAAM,IAAI,GAAG,cAAc,CAAC,OAAO,CAAC,qBAAqB,EAAE,IAAI,CAAC,eAAe,EAAC;AACtF,MAAM,IAAI,CAAC,eAAe,CAAC,SAAS,GAAG,GAAE;AACzC,MAAM,IAAI,CAAC,eAAe,CAAC,WAAW,GAAG,GAAE;AAC3C,MAAM,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,IAAI,EAAC;AACvC,MAAM,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,IAAI,EAAC;AACvC,KAAK;AACL,GAAG;AACH;AACA,EAAE,aAAa,CAAC,IAAI,EAAE;AACtB,IAAI,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,iBAAiB,EAAC;AACvE,IAAI,IAAI,MAAM,EAAE;AAChB,MAAM,gBAAgB,CAAC,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC,iBAAiB,EAAE,EAAE;AACpE,QAAQ,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ;AACvC,QAAQ,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM;AACnC;AACA;AACA,OAAO,EAAC;AACR;AACA,MAAM,IAAI,OAAO,CAAC,SAAS,EAAE;AAC7B,QAAQ,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC;AAC3C,OAAO,MAAM;AACb,QAAQ,QAAQ,CAAC,IAAI,GAAG,KAAI;AAC5B,OAAO;AACP,KAAK;AACL,GAAG;AACH;AACA,EAAE,eAAe,CAAC,OAAO,EAAE;AAC3B,IAAI,IAAI,CAAC,OAAO,EAAE;AAClB,MAAM,MAAM;AACZ,KAAK;AACL,IAAI,MAAM,YAAY,GAAG,cAAc,CAAC,IAAI,CAAC,qBAAqB,EAAC;AACnE,IAAI,IAAI,YAAY,EAAE;AACtB,MAAM,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG,EAAC;AAClE,MAAM,MAAM,MAAM,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC,OAAM;AAC3D,MAAM,MAAM,YAAY,GAAG,CAAC,MAAM,GAAG,MAAM,IAAI,IAAG;AAClD,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,CAAC,EAAC;AAClE;AACA,MAAM,YAAY,CAAC,OAAO,CAAC,CAAC,WAAW,KAAK;AAC5C,QAAQ,IAAI,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE;AACtD,UAAU,WAAW,CAAC,KAAK,CAAC,KAAK,GAAG,WAAW,GAAG,IAAG;AACrD,UAAU,WAAW,CAAC,YAAY,CAAC,eAAe,EAAE,WAAW,EAAC;AAChE,SAAS,MAAM;AACf,UAAU,WAAW,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,GAAG,IAAG;AAC3C,UAAU,WAAW,CAAC,YAAY,CAAC,eAAe,EAAE,CAAC,EAAC;AACtD,SAAS;AACT,OAAO,EAAC;AACR,KAAK;AACL,GAAG;AACH;AACA,EAAE,SAAS,GAAG;AACd,IAAI,MAAM,oBAAoB,GAAG,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC,SAAS,GAAG,EAAC;AAC9F,IAAI,MAAM,cAAc,GAAG,QAAQ,CAAC,gBAAgB,CAAC,SAAS,GAAG,qBAAoB;AACrF;AACA,IAAI,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,QAAQ,EAAC;AACtE;AACA,IAAI,MAAM,aAAa,GAAG,IAAI,CAAC,iBAAiB,GAAE;AAClD;AACA,IAAI,cAAc,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,GAAG,KAAK;AACzE,MAAM,IAAI,OAAO,CAAC,SAAS,GAAG,oBAAoB,IAAI,cAAc,GAAG,aAAa,EAAE;AACtF,QAAQ,cAAc,CAAC,IAAI,CAAC,oBAAoB,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK;AACnF,UAAU,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,iBAAiB,EAAC;AAClD,SAAS,EAAC;AACV,QAAQ,IAAI,GAAG,GAAG,QAAQ,CAAC,MAAM,EAAE;AACnC,UAAU,MAAM,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAC;AAC1C,UAAU,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,UAAU,KAAK;AACnE,YAAY,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,EAAC;AACvD,WAAW,EAAC;AACZ,UAAU,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,EAAC;AACrD,UAAU,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,SAAS,EAAC;AACrD,SAAS;AACT,OAAO;AACP,KAAK,EAAC;AACN,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,iBAAiB,EAAC;AAChD,GAAG;AACH;AACA,EAAE,eAAe,GAAG;AACpB,IAAI,MAAM,IAAI,GAAG,cAAc,CAAC,OAAO,CAAC,oBAAoB,EAAE,IAAI,CAAC,QAAQ,EAAC;AAC5E,IAAI,IAAI,IAAI,EAAE;AACd,MAAM,OAAO,iBAAiB,CAAC,mBAAmB,CAAC,IAAI,CAAC;AACxD,KAAK;AACL,IAAI,OAAO,IAAI;AACf,GAAG;AACH;AACA,EAAE,iBAAiB,GAAG;AACtB,IAAI,IAAI,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa,KAAK,UAAU,EAAE;AAC1D,MAAM,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE;AACzC,KAAK;AACL,IAAI,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa;AACrC,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC,kBAAkB,EAAC;AACpD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK;AAClB,EAAE,SAAS,CAAC,mBAAmB,CAAC,GAAG,EAAC;AACpC,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"navscroll.js","sources":["../../src/js/plugins/navscroll.js"],"sourcesContent":["import BaseComponent from 'bootstrap/js/src/base-component.js'\n\nimport EventHandler from 'bootstrap/js/src/dom/event-handler'\nimport SelectorEngine from 'bootstrap/js/src/dom/selector-engine'\nimport Manipulator from 'bootstrap/js/src/dom/manipulator'\n\nimport onDocumentScroll from './util/on-document-scroll'\nimport NavBarCollapsible from './navbar-collapsible'\n\nimport { documentScrollTo } from './util/tween'\n\nconst NAME = 'navscroll'\n//const DATA_KEY = 'bs.navscroll'\n//const EVENT_KEY = `.${DATA_KEY}`\n//const DATA_API_KEY = '.data-api'\n\n//const EVENT_SCROLL = `scroll${EVENT_KEY}`\n\nconst CLASS_NAME_ACTIVE = 'active'\n\nconst SELECTOR_NAVSCROLL = '[data-bs-navscroll]' //'.it-navscroll-wrapper'\nconst SELECTOR_LIST = 'ul.link-list'\n//const SELECTOR_ITEM = '.nav-item'\nconst SELECTOR_LINK_CONTAINER = 'li.nav-link, li.nav-item'\nconst SELECTOR_LINK = 'a.nav-link'\nconst SELECTOR_LINK_ACTIVE = `${SELECTOR_LINK}.${CLASS_NAME_ACTIVE}`\nconst SELECTOR_LINK_CLICKABLE = `${SELECTOR_LINK}[href^=\"#\"]`\nconst SELECTOR_CONTAINER = '.it-page-sections-container'\nconst SELECTOR_PAGE_SECTION = '.it-page-section'\nconst SELECTOR_TOGGLER = '.custom-navbar-toggler'\nconst SELECTOR_TOGGLER_ICON = '.it-list'\nconst SELECTOR_COLLAPSIBLE = '.navbar-collapsable'\nconst SELECTOR_PROGRESS_BAR = '.it-navscroll-progressbar'\n\nconst Default = {\n scrollPadding: 10,\n duration: 800,\n easing: 'easeInOutSine',\n}\nclass NavScroll extends BaseComponent {\n constructor(element, config) {\n super(element)\n\n this._config = this._getConfig(config)\n\n this._togglerElement = SelectorEngine.findOne(SELECTOR_TOGGLER, this._element)\n this._sectionContainer = SelectorEngine.findOne(SELECTOR_CONTAINER)\n this._collapsible = this._getCollapsible()\n this._isCollapseOpened = false\n this._callbackQueue = []\n this._scrollCb = null\n\n this._bindEvents()\n }\n // Getters\n\n static get NAME() {\n return NAME\n }\n\n // Public\n setScrollPadding(scrollPadding) {\n this._config.scrollPadding = scrollPadding\n }\n\n dispose() {\n //EventHandler.off(window, EVENT_SCROLL, this._onScroll)\n if (this._scrollCb) {\n this._scrollCb.dispose()\n }\n\n super.dispose()\n }\n\n // Private\n _getConfig(config) {\n config = {\n ...Default,\n ...Manipulator.getDataAttributes(this._element),\n ...(typeof config === 'object' ? config : {}),\n }\n return config\n }\n\n _bindEvents() {\n //EventHandler.on(window, EVENT_SCROLL, this._onScroll)\n\n this._scrollCb = onDocumentScroll(() => this._onScroll())\n\n if (this._collapsible) {\n EventHandler.on(this._collapsible._element, 'shown.bs.navbarcollapsible', () => this._onCollapseOpened())\n EventHandler.on(this._collapsible._element, 'hidden.bs.navbarcollapsible', () => this._onCollapseClosed())\n }\n\n SelectorEngine.find(SELECTOR_LINK_CLICKABLE, this._element).forEach((link) => {\n link.addEventListener('click', () => {\n const scrollHash = () => this._scrollToHash(link.hash)\n if (this._isCollapseOpened) {\n this._callbackQueue.push(scrollHash)\n this._collapsible.hide()\n } else {\n scrollHash()\n }\n })\n })\n\n EventHandler.on(window, 'load', () => {\n //if page is already scrolled\n setTimeout(() => this._onScroll(), 150)\n })\n }\n\n _onCollapseOpened() {\n this._isCollapseOpened = true\n }\n _onCollapseClosed() {\n while (this._callbackQueue.length > 0) {\n const cb = this._callbackQueue.shift()\n if (typeof cb === 'function') {\n cb()\n }\n }\n this._isCollapseOpened = false\n }\n\n _getParentLinks(element) {\n const parents = []\n let parentContainer = element.closest(SELECTOR_LIST)\n let parentContainerPrev = null\n let exit = false\n while (parentContainer && !exit) {\n const parentLinkContainer = parentContainer.closest(SELECTOR_LINK_CONTAINER)\n if (parentLinkContainer) {\n const link = parentLinkContainer.querySelector(SELECTOR_LINK)\n if (link) {\n parents.push(link)\n }\n }\n parentContainerPrev = parentContainer\n parentContainer = (parentContainer.parentElement || parentContainer).closest(SELECTOR_LIST) //avoid self select of closest\n if (parentContainer === parentContainerPrev) {\n exit = true\n }\n }\n return parents\n }\n\n _decorateToggler(text) {\n if (this._togglerElement) {\n const icon = SelectorEngine.findOne(SELECTOR_TOGGLER_ICON, this._togglerElement)\n this._togglerElement.innerText = ''\n this._togglerElement.textContent = ''\n this._togglerElement.append(icon)\n this._togglerElement.append(text)\n }\n }\n\n _scrollToHash(hash) {\n const target = SelectorEngine.findOne(hash, this._sectionContainer)\n if (target) {\n documentScrollTo(target.offsetTop - this._getScrollPadding(), {\n duration: this._config.duration,\n easing: this._config.easing,\n /*complete: () => {\n },*/\n })\n\n if (history.pushState) {\n history.pushState(null, null, hash)\n } else {\n location.hash = hash\n }\n }\n }\n\n _updateProgress(content) {\n if (!content) {\n return\n }\n const progressBars = SelectorEngine.find(SELECTOR_PROGRESS_BAR)\n if (progressBars) {\n const offset = Math.abs(content.getBoundingClientRect().top)\n const height = content.getBoundingClientRect().height\n const scrollAmount = (offset / height) * 100\n const scrollValue = Math.min(100, Math.max(0, scrollAmount))\n\n progressBars.forEach((progressBar) => {\n if (content.getBoundingClientRect().top <= 0) {\n progressBar.style.width = scrollValue + '%'\n progressBar.setAttribute('aria-valuenow', scrollValue)\n } else {\n progressBar.style.width = 0 + '%'\n progressBar.setAttribute('aria-valuenow', 0)\n }\n })\n }\n }\n\n _onScroll() {\n const sectionsContainerTop = this._sectionContainer ? this._sectionContainer.offsetTop : 0\n if (typeof document === 'undefined') {\n return\n }\n const scrollDistance = document.scrollingElement.scrollTop - sectionsContainerTop\n\n const navItems = SelectorEngine.find(SELECTOR_LINK, this._element)\n\n const scrollPadding = this._getScrollPadding()\n\n SelectorEngine.find(SELECTOR_PAGE_SECTION).forEach((pageSec, idx) => {\n if (pageSec.offsetTop - sectionsContainerTop <= scrollDistance + scrollPadding) {\n SelectorEngine.find(SELECTOR_LINK_ACTIVE, this._element).forEach((link) => {\n link.classList.remove(CLASS_NAME_ACTIVE)\n })\n if (idx < navItems.length) {\n const currActive = navItems[idx]\n this._getParentLinks(currActive).forEach((parentLink) => {\n parentLink.classList.add(CLASS_NAME_ACTIVE)\n })\n currActive.classList.add(CLASS_NAME_ACTIVE)\n this._decorateToggler(currActive.innerText)\n }\n }\n })\n this._updateProgress(this._sectionContainer)\n }\n\n _getCollapsible() {\n const coll = SelectorEngine.findOne(SELECTOR_COLLAPSIBLE, this._element)\n if (coll) {\n return NavBarCollapsible.getOrCreateInstance(coll)\n }\n return null\n }\n\n _getScrollPadding() {\n if (typeof this._config.scrollPadding === 'function') {\n return this._config.scrollPadding()\n }\n return this._config.scrollPadding\n }\n}\n\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\nconst navs = SelectorEngine.find(SELECTOR_NAVSCROLL)\nnavs.map((nav) => {\n NavScroll.getOrCreateInstance(nav)\n})\n\nexport default NavScroll\n"],"names":[],"mappings":"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"}
|
|
@@ -35,6 +35,9 @@ class SelectAutocomplete extends BaseComponent {
|
|
|
35
35
|
accessibleAutocomplete.enhanceSelectElement(Object.assign({}, { selectElement: this._element }, this._config));
|
|
36
36
|
setTimeout(() => {
|
|
37
37
|
if (this._hasFormControl) {
|
|
38
|
+
if (typeof document === 'undefined') {
|
|
39
|
+
return
|
|
40
|
+
}
|
|
38
41
|
const inputField = document.getElementById(this.element_original_id);
|
|
39
42
|
inputField.classList.add('form-control');
|
|
40
43
|
onClassChange(inputField, (node) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-autocomplete.js","sources":["../../src/js/plugins/select-autocomplete.js"],"sourcesContent":["import accessibleAutocomplete from 'accessible-autocomplete'\n\nimport BaseComponent from 'bootstrap/js/src/base-component.js'\n\nconst NAME = 'selectautocomplete'\n\nfunction onClassChange(element, callback) {\n const observer = new MutationObserver((mutations) => {\n mutations.forEach((mutation) => {\n if (mutation.type === 'attributes' && mutation.attributeName === 'class') {\n callback(mutation.target)\n }\n })\n })\n observer.observe(element, { attributes: true })\n return observer.disconnect\n}\n\nclass SelectAutocomplete extends BaseComponent {\n constructor(element, config) {\n super(element)\n this._hasFormControl = element.classList.contains('form-control')\n this.element_original_id = this._element.id\n this._config = config\n this._enhance()\n }\n\n // Getters\n\n static get NAME() {\n return NAME\n }\n\n // Private\n _enhance() {\n accessibleAutocomplete.enhanceSelectElement(Object.assign({}, { selectElement: this._element }, this._config))\n setTimeout(() => {\n if (this._hasFormControl) {\n const inputField = document.getElementById(this.element_original_id)\n inputField.classList.add('form-control')\n onClassChange(inputField, (node) => {\n if (!node.classList.contains('form-control')) {\n node.classList.add('form-control')\n }\n })\n }\n }, 100)\n }\n}\n\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\nexport default SelectAutocomplete\n"],"names":[],"mappings":";;;AAIA,MAAM,IAAI,GAAG,qBAAoB;AACjC;AACA,SAAS,aAAa,CAAC,OAAO,EAAE,QAAQ,EAAE;AAC1C,EAAE,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,CAAC,SAAS,KAAK;AACvD,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAK;AACpC,MAAM,IAAI,QAAQ,CAAC,IAAI,KAAK,YAAY,IAAI,QAAQ,CAAC,aAAa,KAAK,OAAO,EAAE;AAChF,QAAQ,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAC;AACjC,OAAO;AACP,KAAK,EAAC;AACN,GAAG,EAAC;AACJ,EAAE,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,EAAC;AACjD,EAAE,OAAO,QAAQ,CAAC,UAAU;AAC5B,CAAC;AACD;AACA,MAAM,kBAAkB,SAAS,aAAa,CAAC;AAC/C,EAAE,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE;AAC/B,IAAI,KAAK,CAAC,OAAO,EAAC;AAClB,IAAI,IAAI,CAAC,eAAe,GAAG,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,EAAC;AACrE,IAAI,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAE;AAC/C,IAAI,IAAI,CAAC,OAAO,GAAG,OAAM;AACzB,IAAI,IAAI,CAAC,QAAQ,GAAE;AACnB,GAAG;AACH;AACA;AACA;AACA,EAAE,WAAW,IAAI,GAAG;AACpB,IAAI,OAAO,IAAI;AACf,GAAG;AACH;AACA;AACA,EAAE,QAAQ,GAAG;AACb,IAAI,sBAAsB,CAAC,oBAAoB,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,aAAa,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,OAAO,CAAC,EAAC;AAClH,IAAI,UAAU,CAAC,MAAM;AACrB,MAAM,IAAI,IAAI,CAAC,eAAe,EAAE;AAChC,QAAQ,MAAM,UAAU,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,mBAAmB,EAAC;AAC5E,QAAQ,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,EAAC;AAChD,QAAQ,aAAa,CAAC,UAAU,EAAE,CAAC,IAAI,KAAK;AAC5C,UAAU,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE;AACxD,YAAY,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,EAAC;AAC9C,WAAW;AACX,SAAS,EAAC;AACV,OAAO;AACP,KAAK,EAAE,GAAG,EAAC;AACX,GAAG;AACH;;;;"}
|
|
1
|
+
{"version":3,"file":"select-autocomplete.js","sources":["../../src/js/plugins/select-autocomplete.js"],"sourcesContent":["import accessibleAutocomplete from 'accessible-autocomplete'\n\nimport BaseComponent from 'bootstrap/js/src/base-component.js'\n\nconst NAME = 'selectautocomplete'\n\nfunction onClassChange(element, callback) {\n const observer = new MutationObserver((mutations) => {\n mutations.forEach((mutation) => {\n if (mutation.type === 'attributes' && mutation.attributeName === 'class') {\n callback(mutation.target)\n }\n })\n })\n observer.observe(element, { attributes: true })\n return observer.disconnect\n}\n\nclass SelectAutocomplete extends BaseComponent {\n constructor(element, config) {\n super(element)\n this._hasFormControl = element.classList.contains('form-control')\n this.element_original_id = this._element.id\n this._config = config\n this._enhance()\n }\n\n // Getters\n\n static get NAME() {\n return NAME\n }\n\n // Private\n _enhance() {\n accessibleAutocomplete.enhanceSelectElement(Object.assign({}, { selectElement: this._element }, this._config))\n setTimeout(() => {\n if (this._hasFormControl) {\n if (typeof document === 'undefined') {\n return\n }\n const inputField = document.getElementById(this.element_original_id)\n inputField.classList.add('form-control')\n onClassChange(inputField, (node) => {\n if (!node.classList.contains('form-control')) {\n node.classList.add('form-control')\n }\n })\n }\n }, 100)\n }\n}\n\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\nexport default SelectAutocomplete\n"],"names":[],"mappings":";;;AAIA,MAAM,IAAI,GAAG,qBAAoB;AACjC;AACA,SAAS,aAAa,CAAC,OAAO,EAAE,QAAQ,EAAE;AAC1C,EAAE,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,CAAC,SAAS,KAAK;AACvD,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAK;AACpC,MAAM,IAAI,QAAQ,CAAC,IAAI,KAAK,YAAY,IAAI,QAAQ,CAAC,aAAa,KAAK,OAAO,EAAE;AAChF,QAAQ,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAC;AACjC,OAAO;AACP,KAAK,EAAC;AACN,GAAG,EAAC;AACJ,EAAE,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,EAAC;AACjD,EAAE,OAAO,QAAQ,CAAC,UAAU;AAC5B,CAAC;AACD;AACA,MAAM,kBAAkB,SAAS,aAAa,CAAC;AAC/C,EAAE,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE;AAC/B,IAAI,KAAK,CAAC,OAAO,EAAC;AAClB,IAAI,IAAI,CAAC,eAAe,GAAG,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,EAAC;AACrE,IAAI,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAE;AAC/C,IAAI,IAAI,CAAC,OAAO,GAAG,OAAM;AACzB,IAAI,IAAI,CAAC,QAAQ,GAAE;AACnB,GAAG;AACH;AACA;AACA;AACA,EAAE,WAAW,IAAI,GAAG;AACpB,IAAI,OAAO,IAAI;AACf,GAAG;AACH;AACA;AACA,EAAE,QAAQ,GAAG;AACb,IAAI,sBAAsB,CAAC,oBAAoB,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,aAAa,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,OAAO,CAAC,EAAC;AAClH,IAAI,UAAU,CAAC,MAAM;AACrB,MAAM,IAAI,IAAI,CAAC,eAAe,EAAE;AAChC,QAAQ,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;AAC7C,UAAU,MAAM;AAChB,SAAS;AACT,QAAQ,MAAM,UAAU,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,mBAAmB,EAAC;AAC5E,QAAQ,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,EAAC;AAChD,QAAQ,aAAa,CAAC,UAAU,EAAE,CAAC,IAAI,KAAK;AAC5C,UAAU,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE;AACxD,YAAY,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,EAAC;AAC9C,WAAW;AACX,SAAS,EAAC;AACV,OAAO;AACP,KAAK,EAAE,GAAG,EAAC;AACX,GAAG;AACH;;;;"}
|
package/dist/plugins/sticky.js
CHANGED
|
@@ -141,7 +141,7 @@ class Sticky extends BaseComponent {
|
|
|
141
141
|
this._setLimit();
|
|
142
142
|
}
|
|
143
143
|
const limit = this._getLimit();
|
|
144
|
-
if (window.pageYOffset > limit) {
|
|
144
|
+
if (typeof window !== 'undefined' && window.pageYOffset > limit) {
|
|
145
145
|
this._setSticky();
|
|
146
146
|
} else {
|
|
147
147
|
this._unsetSticky();
|
|
@@ -182,6 +182,9 @@ class Sticky extends BaseComponent {
|
|
|
182
182
|
}
|
|
183
183
|
|
|
184
184
|
_createWrapper() {
|
|
185
|
+
if (typeof document === 'undefined') {
|
|
186
|
+
return
|
|
187
|
+
}
|
|
185
188
|
const wrapper = document.createElement('div');
|
|
186
189
|
wrapper.classList.add(CLASS_NAME_WRAPPER);
|
|
187
190
|
wrapper.style.width = '100%'; //this._element.getBoundingClientRect().width + 'px'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sticky.js","sources":["../../src/js/plugins/sticky.js"],"sourcesContent":["import BaseComponent from 'bootstrap/js/src/base-component.js'\n\nimport {\n //defineJQueryPlugin,\n //getElementFromSelector,\n //isVisible,\n //reflow,\n //typeCheckConfig,\n getSelectorFromElement, //in base al bs-target\n} from 'bootstrap/js/src/util'\nimport EventHandler from 'bootstrap/js/src/dom/event-handler'\nimport SelectorEngine from 'bootstrap/js/src/dom/selector-engine'\nimport Manipulator from 'bootstrap/js/src/dom/manipulator'\n\nimport { isScreenMobile } from './util/device'\nimport onDocumentScroll from './util/on-document-scroll'\n\nconst NAME = 'sticky'\nconst DATA_KEY = 'bs.sticky'\nconst EVENT_KEY = `.${DATA_KEY}`\n//const DATA_API_KEY = '.data-api'\n\n//const EVENT_SCROLL = `scroll${EVENT_KEY}`\nconst EVENT_RESIZE = `resize${EVENT_KEY}`\nconst EVENT_STICKY_ON = `on${EVENT_KEY}`\nconst EVENT_STICKY_OFF = `off${EVENT_KEY}`\n\nconst CLASS_NAME_WRAPPER = 'bs-it-sticky-wrapper'\nconst CLASS_NAME_STICKY = 'bs-is-sticky'\nconst CLASS_NAME_FIXED = 'bs-is-fixed'\n\nconst DATA_TARGET_MOBILE = 'data-bs-target-mobile'\n\nconst SELECTOR_DATA_TOGGLE = '[data-bs-toggle=\"sticky\"]'\n\nconst Default = {\n positionType: 'sticky', //fixed\n stickyClassName: '',\n stackable: false,\n paddingTop: 0,\n}\n\nclass Sticky extends BaseComponent {\n constructor(element, config) {\n super(element)\n\n this._config = this._getConfig(config)\n\n this._isSticky = false\n this._wrapper = null\n\n this._stickyTarget = SelectorEngine.findOne(getSelectorFromElement(this._element), this._element) || this._element\n this._stickyTargetMobile = SelectorEngine.findOne(this._element.getAttribute(DATA_TARGET_MOBILE), this._element) || this._stickyTarget //needed?\n this._stickyLimit = 0\n this._stickyLimitMobile = 0\n this._setLimit()\n\n this._scrollCb = null\n\n this._isMobile = isScreenMobile()\n\n this._prevTop = 0\n\n this._onScroll()\n this._bindEvents()\n }\n\n dispose() {\n EventHandler.off(window, EVENT_RESIZE)\n this._scrollCb.dispose()\n\n super.dispose()\n }\n // Getters\n\n static get NAME() {\n return NAME\n }\n\n // Public\n\n // Private\n _getConfig(config) {\n config = {\n ...Default,\n ...Manipulator.getDataAttributes(this._element),\n ...(typeof config === 'object' ? config : {}),\n }\n return config\n }\n\n _bindEvents() {\n EventHandler.on(window, EVENT_RESIZE, () => this._onResize())\n //EventHandler.on(window, EVENT_SCROLL, () => this._onScroll())\n this._scrollCb = onDocumentScroll(() => this._onScroll())\n }\n\n _onResize() {\n this._isMobile = isScreenMobile()\n this._setLimit()\n }\n\n _onScroll() {\n this._checkSticky()\n }\n\n _setLimit() {\n this._stickyLimit = this._cumulativeOffset(this._stickyTarget).top\n this._stickyLimitMobile = this._cumulativeOffset(this._stickyTargetMobile).top\n }\n\n _getLimit() {\n let newLimit = this._isMobile ? this._stickyLimitMobile : this._stickyLimit\n if (this._config.stackable) {\n this._getStickySimblings().forEach((sticky, idx) => {\n const data = sticky.getBoundingClientRect()\n newLimit -= data.height + (idx === 0 ? parseFloat(sticky.style.top) : 0)\n })\n }\n return newLimit > 0 ? newLimit : 0\n }\n\n /**\n * get the absolute position of an element\n * @param {*} element - the target element\n * @returns {Object} - absolute position top and left of the element\n */\n _cumulativeOffset(element) {\n let top = 0\n let left = 0\n do {\n top += element.offsetTop || 0\n left += element.offsetLeft || 0\n element = element.offsetParent\n } while (element)\n\n return {\n top: top,\n left: left,\n }\n }\n\n _isTypeSticky() {\n return this._config.positionType === 'sticky'\n }\n\n _checkSticky() {\n if (!this._isSticky) {\n //the target position can change dinamically\n this._setLimit()\n }\n const limit = this._getLimit()\n if (window.pageYOffset > limit) {\n this._setSticky()\n } else {\n this._unsetSticky()\n }\n }\n _setSticky() {\n if (!this._isSticky) {\n this._isSticky = true\n let cssClass = CLASS_NAME_STICKY\n if (!this._isTypeSticky()) {\n cssClass = CLASS_NAME_FIXED\n this._wrapper = this._createWrapper()\n }\n this._element.classList.add(cssClass)\n if (this._config.stickyClassName) {\n this._element.classList.add(this._config.stickyClassName)\n }\n this._prevTop = this._element.style.top\n this._element.style.top = this._getPositionTop() + 'px'\n EventHandler.trigger(this._element, EVENT_STICKY_ON)\n }\n }\n _unsetSticky() {\n if (this._isSticky) {\n let cssClass = CLASS_NAME_STICKY\n if (!this._isTypeSticky()) {\n cssClass = CLASS_NAME_FIXED\n this._destroyWrapper()\n }\n this._element.classList.remove(cssClass)\n if (this._config.stickyClassName) {\n this._element.classList.remove(this._config.stickyClassName)\n }\n this._element.style.top = this._prevTop\n this._isSticky = false\n EventHandler.trigger(this._element, EVENT_STICKY_OFF)\n }\n }\n\n _createWrapper() {\n const wrapper = document.createElement('div')\n wrapper.classList.add(CLASS_NAME_WRAPPER)\n wrapper.style.width = '100%' //this._element.getBoundingClientRect().width + 'px'\n wrapper.style.height = this._element.getBoundingClientRect().height + 'px'\n wrapper.style.overflow = 'hidden'\n // insert wrapper before el in the DOM tree\n this._element.parentNode.insertBefore(wrapper, this._element)\n // move el into wrapper\n wrapper.appendChild(this._element)\n return wrapper\n }\n _destroyWrapper() {\n if (this._wrapper) {\n this._wrapper.parentNode.insertBefore(this._element, this._wrapper)\n this._wrapper.remove()\n }\n }\n\n _getStickySimblings() {\n const stickies = SelectorEngine.find(SELECTOR_DATA_TOGGLE)\n return stickies.filter((sticky) => {\n const instance = Sticky.getInstance(sticky)\n if (instance && instance._isSticky && sticky !== this._element) {\n return true\n }\n return false\n })\n }\n\n /**\n * returns the top position of the element considering the config and the other sticky elements\n */\n _getPositionTop() {\n let newTop = 0\n if (this._config.stackable) {\n this._getStickySimblings().forEach((sticky, idx) => {\n const data = sticky.getBoundingClientRect()\n newTop += data.height + (idx === 0 ? parseFloat(sticky.style.top) : 0)\n })\n return newTop\n } else {\n return newTop + this._config.paddingTop\n }\n }\n}\n\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\nonDocumentScroll(() => {\n const stickies = SelectorEngine.find(SELECTOR_DATA_TOGGLE)\n stickies.map((sticky) => {\n Sticky.getOrCreateInstance(sticky)\n })\n})\n\nexport default Sticky\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"sticky.js","sources":["../../src/js/plugins/sticky.js"],"sourcesContent":["import BaseComponent from 'bootstrap/js/src/base-component.js'\n\nimport {\n //defineJQueryPlugin,\n //getElementFromSelector,\n //isVisible,\n //reflow,\n //typeCheckConfig,\n getSelectorFromElement, //in base al bs-target\n} from 'bootstrap/js/src/util'\nimport EventHandler from 'bootstrap/js/src/dom/event-handler'\nimport SelectorEngine from 'bootstrap/js/src/dom/selector-engine'\nimport Manipulator from 'bootstrap/js/src/dom/manipulator'\n\nimport { isScreenMobile } from './util/device'\nimport onDocumentScroll from './util/on-document-scroll'\n\nconst NAME = 'sticky'\nconst DATA_KEY = 'bs.sticky'\nconst EVENT_KEY = `.${DATA_KEY}`\n//const DATA_API_KEY = '.data-api'\n\n//const EVENT_SCROLL = `scroll${EVENT_KEY}`\nconst EVENT_RESIZE = `resize${EVENT_KEY}`\nconst EVENT_STICKY_ON = `on${EVENT_KEY}`\nconst EVENT_STICKY_OFF = `off${EVENT_KEY}`\n\nconst CLASS_NAME_WRAPPER = 'bs-it-sticky-wrapper'\nconst CLASS_NAME_STICKY = 'bs-is-sticky'\nconst CLASS_NAME_FIXED = 'bs-is-fixed'\n\nconst DATA_TARGET_MOBILE = 'data-bs-target-mobile'\n\nconst SELECTOR_DATA_TOGGLE = '[data-bs-toggle=\"sticky\"]'\n\nconst Default = {\n positionType: 'sticky', //fixed\n stickyClassName: '',\n stackable: false,\n paddingTop: 0,\n}\n\nclass Sticky extends BaseComponent {\n constructor(element, config) {\n super(element)\n\n this._config = this._getConfig(config)\n\n this._isSticky = false\n this._wrapper = null\n\n this._stickyTarget = SelectorEngine.findOne(getSelectorFromElement(this._element), this._element) || this._element\n this._stickyTargetMobile = SelectorEngine.findOne(this._element.getAttribute(DATA_TARGET_MOBILE), this._element) || this._stickyTarget //needed?\n this._stickyLimit = 0\n this._stickyLimitMobile = 0\n this._setLimit()\n\n this._scrollCb = null\n\n this._isMobile = isScreenMobile()\n\n this._prevTop = 0\n\n this._onScroll()\n this._bindEvents()\n }\n\n dispose() {\n EventHandler.off(window, EVENT_RESIZE)\n this._scrollCb.dispose()\n\n super.dispose()\n }\n // Getters\n\n static get NAME() {\n return NAME\n }\n\n // Public\n\n // Private\n _getConfig(config) {\n config = {\n ...Default,\n ...Manipulator.getDataAttributes(this._element),\n ...(typeof config === 'object' ? config : {}),\n }\n return config\n }\n\n _bindEvents() {\n EventHandler.on(window, EVENT_RESIZE, () => this._onResize())\n //EventHandler.on(window, EVENT_SCROLL, () => this._onScroll())\n this._scrollCb = onDocumentScroll(() => this._onScroll())\n }\n\n _onResize() {\n this._isMobile = isScreenMobile()\n this._setLimit()\n }\n\n _onScroll() {\n this._checkSticky()\n }\n\n _setLimit() {\n this._stickyLimit = this._cumulativeOffset(this._stickyTarget).top\n this._stickyLimitMobile = this._cumulativeOffset(this._stickyTargetMobile).top\n }\n\n _getLimit() {\n let newLimit = this._isMobile ? this._stickyLimitMobile : this._stickyLimit\n if (this._config.stackable) {\n this._getStickySimblings().forEach((sticky, idx) => {\n const data = sticky.getBoundingClientRect()\n newLimit -= data.height + (idx === 0 ? parseFloat(sticky.style.top) : 0)\n })\n }\n return newLimit > 0 ? newLimit : 0\n }\n\n /**\n * get the absolute position of an element\n * @param {*} element - the target element\n * @returns {Object} - absolute position top and left of the element\n */\n _cumulativeOffset(element) {\n let top = 0\n let left = 0\n do {\n top += element.offsetTop || 0\n left += element.offsetLeft || 0\n element = element.offsetParent\n } while (element)\n\n return {\n top: top,\n left: left,\n }\n }\n\n _isTypeSticky() {\n return this._config.positionType === 'sticky'\n }\n\n _checkSticky() {\n if (!this._isSticky) {\n //the target position can change dinamically\n this._setLimit()\n }\n const limit = this._getLimit()\n if (typeof window !== 'undefined' && window.pageYOffset > limit) {\n this._setSticky()\n } else {\n this._unsetSticky()\n }\n }\n _setSticky() {\n if (!this._isSticky) {\n this._isSticky = true\n let cssClass = CLASS_NAME_STICKY\n if (!this._isTypeSticky()) {\n cssClass = CLASS_NAME_FIXED\n this._wrapper = this._createWrapper()\n }\n this._element.classList.add(cssClass)\n if (this._config.stickyClassName) {\n this._element.classList.add(this._config.stickyClassName)\n }\n this._prevTop = this._element.style.top\n this._element.style.top = this._getPositionTop() + 'px'\n EventHandler.trigger(this._element, EVENT_STICKY_ON)\n }\n }\n _unsetSticky() {\n if (this._isSticky) {\n let cssClass = CLASS_NAME_STICKY\n if (!this._isTypeSticky()) {\n cssClass = CLASS_NAME_FIXED\n this._destroyWrapper()\n }\n this._element.classList.remove(cssClass)\n if (this._config.stickyClassName) {\n this._element.classList.remove(this._config.stickyClassName)\n }\n this._element.style.top = this._prevTop\n this._isSticky = false\n EventHandler.trigger(this._element, EVENT_STICKY_OFF)\n }\n }\n\n _createWrapper() {\n if (typeof document === 'undefined') {\n return\n }\n const wrapper = document.createElement('div')\n wrapper.classList.add(CLASS_NAME_WRAPPER)\n wrapper.style.width = '100%' //this._element.getBoundingClientRect().width + 'px'\n wrapper.style.height = this._element.getBoundingClientRect().height + 'px'\n wrapper.style.overflow = 'hidden'\n // insert wrapper before el in the DOM tree\n this._element.parentNode.insertBefore(wrapper, this._element)\n // move el into wrapper\n wrapper.appendChild(this._element)\n return wrapper\n }\n _destroyWrapper() {\n if (this._wrapper) {\n this._wrapper.parentNode.insertBefore(this._element, this._wrapper)\n this._wrapper.remove()\n }\n }\n\n _getStickySimblings() {\n const stickies = SelectorEngine.find(SELECTOR_DATA_TOGGLE)\n return stickies.filter((sticky) => {\n const instance = Sticky.getInstance(sticky)\n if (instance && instance._isSticky && sticky !== this._element) {\n return true\n }\n return false\n })\n }\n\n /**\n * returns the top position of the element considering the config and the other sticky elements\n */\n _getPositionTop() {\n let newTop = 0\n if (this._config.stackable) {\n this._getStickySimblings().forEach((sticky, idx) => {\n const data = sticky.getBoundingClientRect()\n newTop += data.height + (idx === 0 ? parseFloat(sticky.style.top) : 0)\n })\n return newTop\n } else {\n return newTop + this._config.paddingTop\n }\n }\n}\n\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\nonDocumentScroll(() => {\n const stickies = SelectorEngine.find(SELECTOR_DATA_TOGGLE)\n stickies.map((sticky) => {\n Sticky.getOrCreateInstance(sticky)\n })\n})\n\nexport default Sticky\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"track-focus.js","sources":["../../src/js/plugins/track-focus.js"],"sourcesContent":["const DATA_MOUSE_FOCUS = 'data-focus-mouse'\nconst CLASS_NAME_MOUSE_FOCUS = 'focus--mouse'\n\nclass TrackFocus {\n constructor() {\n this._usingMouse = false\n\n this._bindEvents()\n }\n\n // Public\n\n // Private\n _bindEvents() {\n const events = ['keydown', 'mousedown']\n events.forEach((evtName) => {\n document.addEventListener(evtName, (evt) => {\n this._usingMouse = evt.type === 'mousedown'\n })\n })\n document.addEventListener('focusin', (evt) => {\n if (this._usingMouse) {\n if (evt.target) {\n evt.target.classList.add(CLASS_NAME_MOUSE_FOCUS)\n evt.target.setAttribute(DATA_MOUSE_FOCUS, true)\n }\n }\n })\n document.addEventListener('focusout', (evt) => {\n if (evt.target) {\n evt.target.classList.remove(CLASS_NAME_MOUSE_FOCUS)\n evt.target.setAttribute(DATA_MOUSE_FOCUS, false)\n }\n })\n }\n}\n\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\nnew TrackFocus()\n\nexport default TrackFocus\n"],"names":[],"mappings":"AAAA,MAAM,gBAAgB,GAAG,mBAAkB;AAC3C,MAAM,sBAAsB,GAAG,eAAc;AAC7C;AACA,MAAM,UAAU,CAAC;AACjB,EAAE,WAAW,GAAG;AAChB,IAAI,IAAI,CAAC,WAAW,GAAG,MAAK;AAC5B;AACA,IAAI,IAAI,CAAC,WAAW,GAAE;AACtB,GAAG;AACH;AACA;AACA;AACA;AACA,EAAE,WAAW,GAAG;AAChB,IAAI,MAAM,MAAM,GAAG,CAAC,SAAS,EAAE,WAAW,EAAC;AAC3C,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,KAAK;AAChC,MAAM,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,GAAG,KAAK;AAClD,QAAQ,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC,IAAI,KAAK,YAAW;AACnD,OAAO,EAAC;AACR,KAAK,EAAC;AACN,IAAI,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,GAAG,KAAK;AAClD,MAAM,IAAI,IAAI,CAAC,WAAW,EAAE;AAC5B,QAAQ,IAAI,GAAG,CAAC,MAAM,EAAE;AACxB,UAAU,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,sBAAsB,EAAC;AAC1D,UAAU,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,gBAAgB,EAAE,IAAI,EAAC;AACzD,SAAS;AACT,OAAO;AACP,KAAK,EAAC;AACN,IAAI,QAAQ,CAAC,gBAAgB,CAAC,UAAU,EAAE,CAAC,GAAG,KAAK;AACnD,MAAM,IAAI,GAAG,CAAC,MAAM,EAAE;AACtB,QAAQ,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,sBAAsB,EAAC;AAC3D,QAAQ,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,gBAAgB,EAAE,KAAK,EAAC;AACxD,OAAO;AACP,KAAK,EAAC;AACN,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,UAAU;;;;"}
|
|
1
|
+
{"version":3,"file":"track-focus.js","sources":["../../src/js/plugins/track-focus.js"],"sourcesContent":["const DATA_MOUSE_FOCUS = 'data-focus-mouse'\nconst CLASS_NAME_MOUSE_FOCUS = 'focus--mouse'\n\nclass TrackFocus {\n constructor() {\n this._usingMouse = false\n\n this._bindEvents()\n }\n\n // Public\n\n // Private\n _bindEvents() {\n if (typeof document === 'undefined') {\n return\n }\n const events = ['keydown', 'mousedown']\n events.forEach((evtName) => {\n document.addEventListener(evtName, (evt) => {\n this._usingMouse = evt.type === 'mousedown'\n })\n })\n document.addEventListener('focusin', (evt) => {\n if (this._usingMouse) {\n if (evt.target) {\n evt.target.classList.add(CLASS_NAME_MOUSE_FOCUS)\n evt.target.setAttribute(DATA_MOUSE_FOCUS, true)\n }\n }\n })\n document.addEventListener('focusout', (evt) => {\n if (evt.target) {\n evt.target.classList.remove(CLASS_NAME_MOUSE_FOCUS)\n evt.target.setAttribute(DATA_MOUSE_FOCUS, false)\n }\n })\n }\n}\n\n/**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\nnew TrackFocus()\n\nexport default TrackFocus\n"],"names":[],"mappings":"AAAA,MAAM,gBAAgB,GAAG,mBAAkB;AAC3C,MAAM,sBAAsB,GAAG,eAAc;AAC7C;AACA,MAAM,UAAU,CAAC;AACjB,EAAE,WAAW,GAAG;AAChB,IAAI,IAAI,CAAC,WAAW,GAAG,MAAK;AAC5B;AACA,IAAI,IAAI,CAAC,WAAW,GAAE;AACtB,GAAG;AACH;AACA;AACA;AACA;AACA,EAAE,WAAW,GAAG;AAChB,IAAI,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;AACzC,MAAM,MAAM;AACZ,KAAK;AACL,IAAI,MAAM,MAAM,GAAG,CAAC,SAAS,EAAE,WAAW,EAAC;AAC3C,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,KAAK;AAChC,MAAM,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,GAAG,KAAK;AAClD,QAAQ,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC,IAAI,KAAK,YAAW;AACnD,OAAO,EAAC;AACR,KAAK,EAAC;AACN,IAAI,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,GAAG,KAAK;AAClD,MAAM,IAAI,IAAI,CAAC,WAAW,EAAE;AAC5B,QAAQ,IAAI,GAAG,CAAC,MAAM,EAAE;AACxB,UAAU,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,sBAAsB,EAAC;AAC1D,UAAU,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,gBAAgB,EAAE,IAAI,EAAC;AACzD,SAAS;AACT,OAAO;AACP,KAAK,EAAC;AACN,IAAI,QAAQ,CAAC,gBAAgB,CAAC,UAAU,EAAE,CAAC,GAAG,KAAK;AACnD,MAAM,IAAI,GAAG,CAAC,MAAM,EAAE;AACtB,QAAQ,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,sBAAsB,EAAC;AAC3D,QAAQ,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,gBAAgB,EAAE,KAAK,EAAC;AACxD,OAAO;AACP,KAAK,EAAC;AACN,GAAG;AACH,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,UAAU;;;;"}
|
|
@@ -132,12 +132,14 @@ const createInput = (element) => {
|
|
|
132
132
|
return null
|
|
133
133
|
};
|
|
134
134
|
|
|
135
|
-
document
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
135
|
+
if (typeof document !== 'undefined') {
|
|
136
|
+
document.addEventListener('dragenter', function (evt) {
|
|
137
|
+
createInput(evt.target);
|
|
138
|
+
});
|
|
139
|
+
EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_FORM + ' label', function () {
|
|
140
|
+
createInput(this);
|
|
141
|
+
});
|
|
142
|
+
}
|
|
141
143
|
|
|
142
144
|
export { UploadDragDrop as default };
|
|
143
145
|
//# sourceMappingURL=upload-dragdrop.js.map
|