From e6c79a6743bfb3c27b39d5ab4bce8bf46325ca2f Mon Sep 17 00:00:00 2001 From: gerlofvanek Date: Fri, 26 Apr 2024 12:53:51 +0200 Subject: [PATCH] ui: Newoffer page update / clean-up / JS fixes --- basicswap/static/css/style.css | 60 +- basicswap/static/js/coin_icons.js | 120 +- basicswap/static/js/coin_icons_2.js | 60 - basicswap/static/js/libs/flowbite.js | 3996 +----------------------- basicswap/static/js/new_offer.js | 21 +- basicswap/templates/bid.html | 34 +- basicswap/templates/bid_xmr.html | 38 +- basicswap/templates/inc_messages.html | 43 +- basicswap/templates/offer.html | 5 +- basicswap/templates/offer_confirm.html | 1206 +++---- basicswap/templates/offer_new_1.html | 1213 +++---- basicswap/templates/offer_new_2.html | 1114 +++---- basicswap/templates/offers.html | 4 +- basicswap/templates/smsgaddresses.html | 2 +- basicswap/templates/style.html | 148 +- 15 files changed, 1726 insertions(+), 6338 deletions(-) delete mode 100644 basicswap/static/js/coin_icons_2.js diff --git a/basicswap/static/css/style.css b/basicswap/static/css/style.css index 8f8ce14..fff7f0c 100644 --- a/basicswap/static/css/style.css +++ b/basicswap/static/css/style.css @@ -24,7 +24,6 @@ .error_msg { - color:red; } #hide { @@ -216,4 +215,61 @@ left: 50%; transform: translate(-50%, -50%); height:25px; -} \ No newline at end of file +} + + +select.select-disabled { +opacity: 0.40 !important; +} + + +.disabled-input-enabled { + opacity: 0.40 !important; +} +select.disabled-select-enabled { + opacity: 0.40 !important; +} + + + .custom-select .select { + appearance: none; + background-position: 10px center; + background-repeat: no-repeat; + position: relative; + } + + .custom-select select::-webkit-scrollbar { + width: 0; + } + + .custom-select .select option { + padding-left: 0; + text-indent: 0; + background-repeat: no-repeat; + background-position: 0 50%; + } + + .custom-select .select option.no-space { + padding-left: 0; + } + + .custom-select .select option[data-image] { + background-image: url(''); + } + + .custom-select .select-icon { + position: absolute; + top: 50%; + left: 10px; + transform: translateY(-50%); + } + + .custom-select .select-image { + display: none; + margin-top: 10px; + } + + .custom-select .select:focus+.select-dropdown .select-image { + display: block; + } + diff --git a/basicswap/static/js/coin_icons.js b/basicswap/static/js/coin_icons.js index 6cc1980..7c03819 100644 --- a/basicswap/static/js/coin_icons.js +++ b/basicswap/static/js/coin_icons.js @@ -1,70 +1,68 @@ -// Define a cache object to store selected option data -const selectCache = {}; +document.addEventListener('DOMContentLoaded', () => { -// Function to update the cache with the selected option data for a given select element -function updateSelectCache(select) { - const selectedOption = select.options[select.selectedIndex]; - const image = selectedOption.getAttribute('data-image'); - const name = selectedOption.textContent.trim(); - selectCache[select.id] = { image, name }; -} + const selectCache = {}; -// Function to set the selected option and associated image and name for a given select element + function updateSelectCache(select) { + const selectedOption = select.options[select.selectedIndex]; + const image = selectedOption.getAttribute('data-image'); + const name = selectedOption.textContent.trim(); + selectCache[select.id] = { image, name }; + } + function setSelectData(select) { + const selectedOption = select.options[select.selectedIndex]; + const image = selectedOption.getAttribute('data-image') || ''; + const name = selectedOption.textContent.trim(); + select.style.backgroundImage = image ? `url(${image}?${new Date().getTime()})` : ''; + + const selectImage = select.nextElementSibling.querySelector('.select-image'); + if (selectImage) { + selectImage.src = image; + } -function setSelectData(select) { - const selectedOption = select.options[select.selectedIndex]; - const image = selectedOption.getAttribute('data-image') || '/static/images/other/coin.png'; // set a default image URL - const name = selectedOption.textContent.trim(); - if (image) { - select.style.backgroundImage = `url(${image})`; - select.nextElementSibling.querySelector('.select-image').src = image; - } else { - select.style.backgroundImage = ''; - select.nextElementSibling.querySelector('.select-image').src = ''; - } - select.nextElementSibling.querySelector('.select-name').textContent = name; - updateSelectCache(select); -} + const selectNameElement = select.nextElementSibling.querySelector('.select-name'); + if (selectNameElement) { + selectNameElement.textContent = name; + } + updateSelectCache(select); + } -// Function to get the selected option data from cache for a given select element -function getSelectData(select) { - return selectCache[select.id] || {}; -} + const selectIcons = document.querySelectorAll('.custom-select .select-icon'); + const selectImages = document.querySelectorAll('.custom-select .select-image'); + const selectNames = document.querySelectorAll('.custom-select .select-name'); -// Update all custom select elements on the page -const selects = document.querySelectorAll('.custom-select .select'); -selects.forEach((select) => { - // Set the initial select data based on the cached data (if available) or the selected option (if any) - const cachedData = getSelectData(select); - if (cachedData.image) { - select.style.backgroundImage = `url(${cachedData.image})`; - select.nextElementSibling.querySelector('.select-image').src = cachedData.image; - } - if (cachedData.name) { - select.nextElementSibling.querySelector('.select-name').textContent = cachedData.name; - } - if (select.selectedIndex >= 0) { - setSelectData(select); - } + selectIcons.forEach(icon => icon.style.display = 'none'); + selectImages.forEach(image => image.style.display = 'none'); + selectNames.forEach(name => name.style.display = 'none'); - // Add event listener to update select data when an option is selected - select.addEventListener('change', () => { - setSelectData(select); - }); -}); + function setupCustomSelect(select) { + const options = select.querySelectorAll('option'); + const selectIcon = select.parentElement.querySelector('.select-icon'); + const selectImage = select.parentElement.querySelector('.select-image'); -// Hide the select image and name on page load -const selectIcons = document.querySelectorAll('.custom-select .select-icon'); -const selectImages = document.querySelectorAll('.custom-select .select-image'); -const selectNames = document.querySelectorAll('.custom-select .select-name'); -selectIcons.forEach((icon) => { - icon.style.display = 'none'; -}); -selectImages.forEach((image) => { - image.style.display = 'none'; -}); -selectNames.forEach((name) => { - name.style.display = 'none'; -}); + options.forEach(option => { + const image = option.getAttribute('data-image'); + if (image) { + option.style.backgroundImage = `url(${image})`; + } + }); + + const storedValue = localStorage.getItem(select.name); + if (storedValue && select.value == '-1') { + select.value = storedValue; + } + + select.addEventListener('change', () => { + setSelectData(select); + localStorage.setItem(select.name, select.value); + }); + + setSelectData(select); + selectIcon.style.display = 'none'; + selectImage.style.display = 'none'; + } + + const customSelects = document.querySelectorAll('.custom-select select'); + customSelects.forEach(setupCustomSelect); +}); \ No newline at end of file diff --git a/basicswap/static/js/coin_icons_2.js b/basicswap/static/js/coin_icons_2.js deleted file mode 100644 index 24f23b3..0000000 --- a/basicswap/static/js/coin_icons_2.js +++ /dev/null @@ -1,60 +0,0 @@ -// Define the function for setting up the custom select element -function setupCustomSelect(select) { - const options = select.querySelectorAll('option'); - const selectIcon = select.parentElement.querySelector('.select-icon'); - const selectImage = select.parentElement.querySelector('.select-image'); - - // Set the background image for each option that has a data-image attribute - options.forEach(option => { - const image = option.getAttribute('data-image'); - if (image) { - option.style.backgroundImage = `url(${image})`; - } - }); - - if (select.value == '-1') { - // Set the selected option based on the stored value - const storedValue = localStorage.getItem(select.name); - if (storedValue) { - select.value = storedValue; - } - } - - // Set the selected option image based on the selected value - const selectedOption = select.querySelector(`option[value="${select.value}"]`); - if (selectedOption) { - const image = selectedOption.getAttribute('data-image'); - if (image) { - select.style.backgroundImage = `url(${image})`; - selectImage.src = image; - } - } - - // Update the select element and image when the user makes a selection - select.addEventListener('change', () => { - const selectedOption = select.options[select.selectedIndex]; - const image = selectedOption.getAttribute('data-image'); - if (image) { - select.style.backgroundImage = `url(${image})`; - selectImage.src = image; - } else { - select.style.backgroundImage = ''; - selectImage.src = ''; - } - - // Save the selected value to localStorage - localStorage.setItem(select.name, select.value); - }); - - // Hide the select icon and image on page load - selectIcon.style.display = 'none'; - selectImage.style.display = 'none'; -} - -// Call the setupCustomSelect function for each custom select element -const customSelects = document.querySelectorAll('.custom-select select'); -customSelects.forEach(select => { - setupCustomSelect(select); -}); - - diff --git a/basicswap/static/js/libs/flowbite.js b/basicswap/static/js/libs/flowbite.js index 0664249..e2c52c2 100644 --- a/basicswap/static/js/libs/flowbite.js +++ b/basicswap/static/js/libs/flowbite.js @@ -1,3994 +1,2 @@ -/******/ (() => { // webpackBootstrap -/******/ "use strict"; -var __webpack_exports__ = {}; - -// UNUSED EXPORTS: default - -;// CONCATENATED MODULE: ./src/components/accordion.js -function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); } - -function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } - -function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); } - -function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); } - -function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); } - -function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; } - -function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } - -function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } - -function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } - -function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; } - -var Default = { - alwaysOpen: false, - activeClasses: 'bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white', - inactiveClasses: 'text-gray-500 dark:text-gray-400', - onOpen: function onOpen() {}, - onClose: function onClose() {}, - onToggle: function onToggle() {} -}; - -var Accordion = /*#__PURE__*/function () { - function Accordion() { - var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; - var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; - - _classCallCheck(this, Accordion); - - this._items = items; - this._options = _objectSpread(_objectSpread({}, Default), options); - - this._init(); - } - - _createClass(Accordion, [{ - key: "_init", - value: function _init() { - var _this = this; - - if (this._items.length) { - // show accordion item based on click - this._items.map(function (item) { - if (item.active) { - _this.open(item.id); - } - - item.triggerEl.addEventListener('click', function () { - _this.toggle(item.id); - }); - }); - } - } - }, { - key: "getItem", - value: function getItem(id) { - return this._items.filter(function (item) { - return item.id === id; - })[0]; - } - }, { - key: "open", - value: function open(id) { - var _this2 = this, - _item$triggerEl$class, - _item$triggerEl$class2; - - var item = this.getItem(id); // don't hide other accordions if always open - - if (!this._options.alwaysOpen) { - this._items.map(function (i) { - if (i !== item) { - var _i$triggerEl$classLis, _i$triggerEl$classLis2; - - (_i$triggerEl$classLis = i.triggerEl.classList).remove.apply(_i$triggerEl$classLis, _toConsumableArray(_this2._options.activeClasses.split(" "))); - - (_i$triggerEl$classLis2 = i.triggerEl.classList).add.apply(_i$triggerEl$classLis2, _toConsumableArray(_this2._options.inactiveClasses.split(" "))); - - i.targetEl.classList.add('hidden'); - i.triggerEl.setAttribute('aria-expanded', false); - i.active = false; // rotate icon if set - - if (i.iconEl) { - i.iconEl.classList.remove('rotate-180'); - } - } - }); - } // show active item - - - (_item$triggerEl$class = item.triggerEl.classList).add.apply(_item$triggerEl$class, _toConsumableArray(this._options.activeClasses.split(" "))); - - (_item$triggerEl$class2 = item.triggerEl.classList).remove.apply(_item$triggerEl$class2, _toConsumableArray(this._options.inactiveClasses.split(" "))); - - item.triggerEl.setAttribute('aria-expanded', true); - item.targetEl.classList.remove('hidden'); - item.active = true; // rotate icon if set - - if (item.iconEl) { - item.iconEl.classList.add('rotate-180'); - } // callback function - - - this._options.onOpen(this, item); - } - }, { - key: "toggle", - value: function toggle(id) { - var item = this.getItem(id); - - if (item.active) { - this.close(id); - } else { - this.open(id); - } // callback function - - - this._options.onToggle(this, item); - } - }, { - key: "close", - value: function close(id) { - var _item$triggerEl$class3, _item$triggerEl$class4; - - var item = this.getItem(id); - - (_item$triggerEl$class3 = item.triggerEl.classList).remove.apply(_item$triggerEl$class3, _toConsumableArray(this._options.activeClasses.split(" "))); - - (_item$triggerEl$class4 = item.triggerEl.classList).add.apply(_item$triggerEl$class4, _toConsumableArray(this._options.inactiveClasses.split(" "))); - - item.targetEl.classList.add('hidden'); - item.triggerEl.setAttribute('aria-expanded', false); - item.active = false; // rotate icon if set - - if (item.iconEl) { - item.iconEl.classList.remove('rotate-180'); - } // callback function - - - this._options.onClose(this, item); - } - }]); - - return Accordion; -}(); - -window.Accordion = Accordion; - -function initAccordion() { - document.querySelectorAll('[data-accordion]').forEach(function (accordionEl) { - var alwaysOpen = accordionEl.getAttribute('data-accordion'); - var activeClasses = accordionEl.getAttribute('data-active-classes'); - var inactiveClasses = accordionEl.getAttribute('data-inactive-classes'); - var items = []; - accordionEl.querySelectorAll('[data-accordion-target]').forEach(function (el) { - var item = { - id: el.getAttribute('data-accordion-target'), - triggerEl: el, - targetEl: document.querySelector(el.getAttribute('data-accordion-target')), - iconEl: el.querySelector('[data-accordion-icon]'), - active: el.getAttribute('aria-expanded') === 'true' ? true : false - }; - items.push(item); - }); - new Accordion(items, { - alwaysOpen: alwaysOpen === 'open' ? true : false, - activeClasses: activeClasses ? activeClasses : Default.activeClasses, - inactiveClasses: inactiveClasses ? inactiveClasses : Default.inactiveClasses - }); - }); -} - -if (document.readyState !== 'loading') { - // DOMContentLoaded event were already fired. Perform explicit initialization now - initAccordion(); -} else { - // DOMContentLoaded event not yet fired, attach initialization process to it - document.addEventListener('DOMContentLoaded', initAccordion); -} - -/* harmony default export */ const accordion = (Accordion); -;// CONCATENATED MODULE: ./src/components/collapse.js -function collapse_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } - -function collapse_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? collapse_ownKeys(Object(source), !0).forEach(function (key) { collapse_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : collapse_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } - -function collapse_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } - -function collapse_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -function collapse_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } - -function collapse_createClass(Constructor, protoProps, staticProps) { if (protoProps) collapse_defineProperties(Constructor.prototype, protoProps); if (staticProps) collapse_defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; } - -var collapse_Default = { - triggerEl: null, - onCollapse: function onCollapse() {}, - onExpand: function onExpand() {}, - onToggle: function onToggle() {} -}; - -var Collapse = /*#__PURE__*/function () { - function Collapse() { - var targetEl = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null; - var options = arguments.length > 1 ? arguments[1] : undefined; - - collapse_classCallCheck(this, Collapse); - - this._targetEl = targetEl; - this._triggerEl = options ? options.triggerEl : collapse_Default.triggerEl; - this._options = collapse_objectSpread(collapse_objectSpread({}, collapse_Default), options); - this._visible = false; - - this._init(); - } - - collapse_createClass(Collapse, [{ - key: "_init", - value: function _init() { - var _this = this; - - if (this._triggerEl) { - if (this._triggerEl.hasAttribute('aria-expanded')) { - this._visible = this._triggerEl.getAttribute('aria-expanded') === 'true' ? true : false; - } else { - // fix until v2 not to break previous single collapses which became dismiss - this._visible = this._targetEl.classList.contains('hidden') ? false : true; - } - - this._triggerEl.addEventListener('click', function () { - _this._visible ? _this.collapse() : _this.expand(); - }); - } - } - }, { - key: "collapse", - value: function collapse() { - this._targetEl.classList.add('hidden'); - - if (this._triggerEl) { - this._triggerEl.setAttribute('aria-expanded', 'false'); - } - - this._visible = false; // callback function - - this._options.onCollapse(this); - } - }, { - key: "expand", - value: function expand() { - this._targetEl.classList.remove('hidden'); - - if (this._triggerEl) { - this._triggerEl.setAttribute('aria-expanded', 'true'); - } - - this._visible = true; // callback function - - this._options.onExpand(this); - } - }, { - key: "toggle", - value: function toggle() { - if (this._visible) { - this.collapse(); - } else { - this.expand(); - } - } - }]); - - return Collapse; -}(); - -window.Collapse = Collapse; - -function initCollapse() { - document.querySelectorAll('[data-collapse-toggle]').forEach(function (triggerEl) { - var targetEl = document.getElementById(triggerEl.getAttribute('data-collapse-toggle')); - new Collapse(targetEl, { - triggerEl: triggerEl - }); - }); -} - -if (document.readyState !== 'loading') { - // DOMContentLoaded event were already fired. Perform explicit initialization now - initCollapse(); -} else { - // DOMContentLoaded event not yet fired, attach initialization process to it - document.addEventListener('DOMContentLoaded', initCollapse); -} - -/* harmony default export */ const collapse = (Collapse); -;// CONCATENATED MODULE: ./src/components/carousel.js -function carousel_toConsumableArray(arr) { return carousel_arrayWithoutHoles(arr) || carousel_iterableToArray(arr) || carousel_unsupportedIterableToArray(arr) || carousel_nonIterableSpread(); } - -function carousel_nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } - -function carousel_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return carousel_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return carousel_arrayLikeToArray(o, minLen); } - -function carousel_iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); } - -function carousel_arrayWithoutHoles(arr) { if (Array.isArray(arr)) return carousel_arrayLikeToArray(arr); } - -function carousel_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; } - -function carousel_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } - -function carousel_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? carousel_ownKeys(Object(source), !0).forEach(function (key) { carousel_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : carousel_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } - -function carousel_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } - -function carousel_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -function carousel_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } - -function carousel_createClass(Constructor, protoProps, staticProps) { if (protoProps) carousel_defineProperties(Constructor.prototype, protoProps); if (staticProps) carousel_defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; } - -var carousel_Default = { - defaultPosition: 0, - indicators: { - items: [], - activeClasses: 'bg-white dark:bg-gray-800', - inactiveClasses: 'bg-white/50 dark:bg-gray-800/50 hover:bg-white dark:hover:bg-gray-800' - }, - interval: 3000, - onNext: function onNext() {}, - onPrev: function onPrev() {}, - onChange: function onChange() {} -}; - -var Carousel = /*#__PURE__*/function () { - function Carousel() { - var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; - var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; - - carousel_classCallCheck(this, Carousel); - - this._items = items; - this._options = carousel_objectSpread(carousel_objectSpread(carousel_objectSpread({}, carousel_Default), options), {}, { - indicators: carousel_objectSpread(carousel_objectSpread({}, carousel_Default.indicators), options.indicators) - }); - this._activeItem = this.getItem(this._options.defaultPosition); - this._indicators = this._options.indicators.items; - this._interval = null; - - this._init(); - } - /** - * Initialise carousel and items based on active one - */ - - - carousel_createClass(Carousel, [{ - key: "_init", - value: function _init() { - var _this = this; - - this._items.map(function (item) { - item.el.classList.add('absolute', 'inset-0', 'transition-all', 'transform'); - }); // if no active item is set then first position is default - - - if (this._getActiveItem()) { - this.slideTo(this._getActiveItem().position); - } else { - this.slideTo(0); - } - - this._indicators.map(function (indicator, position) { - indicator.el.addEventListener('click', function () { - _this.slideTo(position); - }); - }); - } - }, { - key: "getItem", - value: function getItem(position) { - return this._items[position]; - } - /** - * Slide to the element based on id - * @param {*} position - */ - - }, { - key: "slideTo", - value: function slideTo(position) { - var nextItem = this._items[position]; - var rotationItems = { - 'left': nextItem.position === 0 ? this._items[this._items.length - 1] : this._items[nextItem.position - 1], - 'middle': nextItem, - 'right': nextItem.position === this._items.length - 1 ? this._items[0] : this._items[nextItem.position + 1] - }; - - this._rotate(rotationItems); - - this._setActiveItem(nextItem.position); - - if (this._interval) { - this.pause(); - this.cycle(); - } - - this._options.onChange(this); - } - /** - * Based on the currently active item it will go to the next position - */ - - }, { - key: "next", - value: function next() { - var activeItem = this._getActiveItem(); - - var nextItem = null; // check if last item - - if (activeItem.position === this._items.length - 1) { - nextItem = this._items[0]; - } else { - nextItem = this._items[activeItem.position + 1]; - } - - this.slideTo(nextItem.position); // callback function - - this._options.onNext(this); - } - /** - * Based on the currently active item it will go to the previous position - */ - - }, { - key: "prev", - value: function prev() { - var activeItem = this._getActiveItem(); - - var prevItem = null; // check if first item - - if (activeItem.position === 0) { - prevItem = this._items[this._items.length - 1]; - } else { - prevItem = this._items[activeItem.position - 1]; - } - - this.slideTo(prevItem.position); // callback function - - this._options.onPrev(this); - } - /** - * This method applies the transform classes based on the left, middle, and right rotation carousel items - * @param {*} rotationItems - */ - - }, { - key: "_rotate", - value: function _rotate(rotationItems) { - // reset - this._items.map(function (item) { - item.el.classList.add('hidden'); - }); // left item (previously active) - - - rotationItems.left.el.classList.remove('-translate-x-full', 'translate-x-full', 'translate-x-0', 'hidden', 'z-20'); - rotationItems.left.el.classList.add('-translate-x-full', 'z-10'); // currently active item - - rotationItems.middle.el.classList.remove('-translate-x-full', 'translate-x-full', 'translate-x-0', 'hidden', 'z-10'); - rotationItems.middle.el.classList.add('translate-x-0', 'z-20'); // right item (upcoming active) - - rotationItems.right.el.classList.remove('-translate-x-full', 'translate-x-full', 'translate-x-0', 'hidden', 'z-20'); - rotationItems.right.el.classList.add('translate-x-full', 'z-10'); - } - /** - * Set an interval to cycle through the carousel items - */ - - }, { - key: "cycle", - value: function cycle() { - var _this2 = this; - - this._interval = setInterval(function () { - _this2.next(); - }, this._options.interval); - } - /** - * Clears the cycling interval - */ - - }, { - key: "pause", - value: function pause() { - clearInterval(this._interval); - } - /** - * Get the currently active item - */ - - }, { - key: "_getActiveItem", - value: function _getActiveItem() { - return this._activeItem; - } - /** - * Set the currently active item and data attribute - * @param {*} position - */ - - }, { - key: "_setActiveItem", - value: function _setActiveItem(position) { - var _this3 = this; - - this._activeItem = this._items[position]; // update the indicators if available - - if (this._indicators.length) { - var _this$_indicators$pos, _this$_indicators$pos2; - - this._indicators.map(function (indicator) { - var _indicator$el$classLi, _indicator$el$classLi2; - - indicator.el.setAttribute('aria-current', 'false'); - - (_indicator$el$classLi = indicator.el.classList).remove.apply(_indicator$el$classLi, carousel_toConsumableArray(_this3._options.indicators.activeClasses.split(" "))); - - (_indicator$el$classLi2 = indicator.el.classList).add.apply(_indicator$el$classLi2, carousel_toConsumableArray(_this3._options.indicators.inactiveClasses.split(" "))); - }); - - (_this$_indicators$pos = this._indicators[position].el.classList).add.apply(_this$_indicators$pos, carousel_toConsumableArray(this._options.indicators.activeClasses.split(" "))); - - (_this$_indicators$pos2 = this._indicators[position].el.classList).remove.apply(_this$_indicators$pos2, carousel_toConsumableArray(this._options.indicators.inactiveClasses.split(" "))); - - this._indicators[position].el.setAttribute('aria-current', 'true'); - } - } - }]); - - return Carousel; -}(); - -window.Carousel = Carousel; - -function initCarousel() { - document.querySelectorAll('[data-carousel]').forEach(function (carouselEl) { - var interval = carouselEl.getAttribute('data-carousel-interval'); - var slide = carouselEl.getAttribute('data-carousel') === 'slide' ? true : false; - var items = []; - var defaultPosition = 0; - - if (carouselEl.querySelectorAll('[data-carousel-item]').length) { - carousel_toConsumableArray(carouselEl.querySelectorAll('[data-carousel-item]')).map(function (carouselItemEl, position) { - items.push({ - position: position, - el: carouselItemEl - }); - - if (carouselItemEl.getAttribute('data-carousel-item') === 'active') { - defaultPosition = position; - } - }); - } - - var indicators = []; - - if (carouselEl.querySelectorAll('[data-carousel-slide-to]').length) { - carousel_toConsumableArray(carouselEl.querySelectorAll('[data-carousel-slide-to]')).map(function (indicatorEl) { - indicators.push({ - position: indicatorEl.getAttribute('data-carousel-slide-to'), - el: indicatorEl - }); - }); - } - - var carousel = new Carousel(items, { - defaultPosition: defaultPosition, - indicators: { - items: indicators - }, - interval: interval ? interval : carousel_Default.interval - }); - - if (slide) { - carousel.cycle(); - } // check for controls - - - var carouselNextEl = carouselEl.querySelector('[data-carousel-next]'); - var carouselPrevEl = carouselEl.querySelector('[data-carousel-prev]'); - - if (carouselNextEl) { - carouselNextEl.addEventListener('click', function () { - carousel.next(); - }); - } - - if (carouselPrevEl) { - carouselPrevEl.addEventListener('click', function () { - carousel.prev(); - }); - } - }); -} - -if (document.readyState !== 'loading') { - // DOMContentLoaded event were already fired. Perform explicit initialization now - initCarousel(); -} else { - // DOMContentLoaded event not yet fired, attach initialization process to it - document.addEventListener('DOMContentLoaded', initCarousel); -} - -/* harmony default export */ const carousel = (Carousel); -;// CONCATENATED MODULE: ./src/components/dismiss.js -function dismiss_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } - -function dismiss_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? dismiss_ownKeys(Object(source), !0).forEach(function (key) { dismiss_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : dismiss_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } - -function dismiss_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } - -function dismiss_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -function dismiss_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } - -function dismiss_createClass(Constructor, protoProps, staticProps) { if (protoProps) dismiss_defineProperties(Constructor.prototype, protoProps); if (staticProps) dismiss_defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; } - -var dismiss_Default = { - triggerEl: null, - transition: 'transition-opacity', - duration: 300, - timing: 'ease-out', - onHide: function onHide() {} -}; - -var Dismiss = /*#__PURE__*/function () { - function Dismiss() { - var targetEl = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null; - var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; - - dismiss_classCallCheck(this, Dismiss); - - this._targetEl = targetEl; - this._triggerEl = options ? options.triggerEl : dismiss_Default.triggerEl; - this._options = dismiss_objectSpread(dismiss_objectSpread({}, dismiss_Default), options); - - this._init(); - } - - dismiss_createClass(Dismiss, [{ - key: "_init", - value: function _init() { - var _this = this; - - if (this._triggerEl) { - this._triggerEl.addEventListener('click', function () { - _this.hide(); - }); - } - } - }, { - key: "hide", - value: function hide() { - var _this2 = this; - - this._targetEl.classList.add(this._options.transition, "duration-".concat(this._options.duration), this._options.timing, 'opacity-0'); - - setTimeout(function () { - _this2._targetEl.classList.add('hidden'); - }, this._options.duration); // callback function - - this._options.onHide(this, this._targetEl); - } - }]); - - return Dismiss; -}(); - -window.Dismiss = Dismiss; - -function initDismiss() { - document.querySelectorAll('[data-dismiss-target]').forEach(function (triggerEl) { - var targetEl = document.querySelector(triggerEl.getAttribute('data-dismiss-target')); - new Dismiss(targetEl, { - triggerEl: triggerEl - }); - }); -} - -if (document.readyState !== 'loading') { - // DOMContentLoaded event were already fired. Perform explicit initialization now - initDismiss(); -} else { - // DOMContentLoaded event not yet fired, attach initialization process to it - document.addEventListener('DOMContentLoaded', initDismiss); -} - -/* harmony default export */ const dismiss = (Dismiss); -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getWindow.js -function getWindow(node) { - if (node == null) { - return window; - } - - if (node.toString() !== '[object Window]') { - var ownerDocument = node.ownerDocument; - return ownerDocument ? ownerDocument.defaultView || window : window; - } - - return node; -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/instanceOf.js - - -function isElement(node) { - var OwnElement = getWindow(node).Element; - return node instanceof OwnElement || node instanceof Element; -} - -function isHTMLElement(node) { - var OwnElement = getWindow(node).HTMLElement; - return node instanceof OwnElement || node instanceof HTMLElement; -} - -function isShadowRoot(node) { - // IE 11 has no ShadowRoot - if (typeof ShadowRoot === 'undefined') { - return false; - } - - var OwnElement = getWindow(node).ShadowRoot; - return node instanceof OwnElement || node instanceof ShadowRoot; -} - - -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/utils/math.js -var math_max = Math.max; -var math_min = Math.min; -var round = Math.round; -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js - - -function getBoundingClientRect(element, includeScale) { - if (includeScale === void 0) { - includeScale = false; - } - - var rect = element.getBoundingClientRect(); - var scaleX = 1; - var scaleY = 1; - - if (isHTMLElement(element) && includeScale) { - var offsetHeight = element.offsetHeight; - var offsetWidth = element.offsetWidth; // Do not attempt to divide by 0, otherwise we get `Infinity` as scale - // Fallback to 1 in case both values are `0` - - if (offsetWidth > 0) { - scaleX = round(rect.width) / offsetWidth || 1; - } - - if (offsetHeight > 0) { - scaleY = round(rect.height) / offsetHeight || 1; - } - } - - return { - width: rect.width / scaleX, - height: rect.height / scaleY, - top: rect.top / scaleY, - right: rect.right / scaleX, - bottom: rect.bottom / scaleY, - left: rect.left / scaleX, - x: rect.left / scaleX, - y: rect.top / scaleY - }; -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getWindowScroll.js - -function getWindowScroll(node) { - var win = getWindow(node); - var scrollLeft = win.pageXOffset; - var scrollTop = win.pageYOffset; - return { - scrollLeft: scrollLeft, - scrollTop: scrollTop - }; -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getHTMLElementScroll.js -function getHTMLElementScroll(element) { - return { - scrollLeft: element.scrollLeft, - scrollTop: element.scrollTop - }; -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getNodeScroll.js - - - - -function getNodeScroll(node) { - if (node === getWindow(node) || !isHTMLElement(node)) { - return getWindowScroll(node); - } else { - return getHTMLElementScroll(node); - } -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getNodeName.js -function getNodeName(element) { - return element ? (element.nodeName || '').toLowerCase() : null; -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getDocumentElement.js - -function getDocumentElement(element) { - // $FlowFixMe[incompatible-return]: assume body is always available - return ((isElement(element) ? element.ownerDocument : // $FlowFixMe[prop-missing] - element.document) || window.document).documentElement; -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getWindowScrollBarX.js - - - -function getWindowScrollBarX(element) { - // If has a CSS width greater than the viewport, then this will be - // incorrect for RTL. - // Popper 1 is broken in this case and never had a bug report so let's assume - // it's not an issue. I don't think anyone ever specifies width on - // anyway. - // Browsers where the left scrollbar doesn't cause an issue report `0` for - // this (e.g. Edge 2019, IE11, Safari) - return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft; -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getComputedStyle.js - -function getComputedStyle(element) { - return getWindow(element).getComputedStyle(element); -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js - -function isScrollParent(element) { - // Firefox wants us to check `-x` and `-y` variations as well - var _getComputedStyle = getComputedStyle(element), - overflow = _getComputedStyle.overflow, - overflowX = _getComputedStyle.overflowX, - overflowY = _getComputedStyle.overflowY; - - return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX); -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getCompositeRect.js - - - - - - - - - -function isElementScaled(element) { - var rect = element.getBoundingClientRect(); - var scaleX = round(rect.width) / element.offsetWidth || 1; - var scaleY = round(rect.height) / element.offsetHeight || 1; - return scaleX !== 1 || scaleY !== 1; -} // Returns the composite rect of an element relative to its offsetParent. -// Composite means it takes into account transforms as well as layout. - - -function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) { - if (isFixed === void 0) { - isFixed = false; - } - - var isOffsetParentAnElement = isHTMLElement(offsetParent); - var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent); - var documentElement = getDocumentElement(offsetParent); - var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled); - var scroll = { - scrollLeft: 0, - scrollTop: 0 - }; - var offsets = { - x: 0, - y: 0 - }; - - if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) { - if (getNodeName(offsetParent) !== 'body' || // https://github.com/popperjs/popper-core/issues/1078 - isScrollParent(documentElement)) { - scroll = getNodeScroll(offsetParent); - } - - if (isHTMLElement(offsetParent)) { - offsets = getBoundingClientRect(offsetParent, true); - offsets.x += offsetParent.clientLeft; - offsets.y += offsetParent.clientTop; - } else if (documentElement) { - offsets.x = getWindowScrollBarX(documentElement); - } - } - - return { - x: rect.left + scroll.scrollLeft - offsets.x, - y: rect.top + scroll.scrollTop - offsets.y, - width: rect.width, - height: rect.height - }; -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getLayoutRect.js - // Returns the layout rect of an element relative to its offsetParent. Layout -// means it doesn't take into account transforms. - -function getLayoutRect(element) { - var clientRect = getBoundingClientRect(element); // Use the clientRect sizes if it's not been transformed. - // Fixes https://github.com/popperjs/popper-core/issues/1223 - - var width = element.offsetWidth; - var height = element.offsetHeight; - - if (Math.abs(clientRect.width - width) <= 1) { - width = clientRect.width; - } - - if (Math.abs(clientRect.height - height) <= 1) { - height = clientRect.height; - } - - return { - x: element.offsetLeft, - y: element.offsetTop, - width: width, - height: height - }; -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getParentNode.js - - - -function getParentNode(element) { - if (getNodeName(element) === 'html') { - return element; - } - - return (// this is a quicker (but less type safe) way to save quite some bytes from the bundle - // $FlowFixMe[incompatible-return] - // $FlowFixMe[prop-missing] - element.assignedSlot || // step into the shadow DOM of the parent of a slotted node - element.parentNode || ( // DOM Element detected - isShadowRoot(element) ? element.host : null) || // ShadowRoot detected - // $FlowFixMe[incompatible-call]: HTMLElement is a Node - getDocumentElement(element) // fallback - - ); -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getScrollParent.js - - - - -function getScrollParent(node) { - if (['html', 'body', '#document'].indexOf(getNodeName(node)) >= 0) { - // $FlowFixMe[incompatible-return]: assume body is always available - return node.ownerDocument.body; - } - - if (isHTMLElement(node) && isScrollParent(node)) { - return node; - } - - return getScrollParent(getParentNode(node)); -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/listScrollParents.js - - - - -/* -given a DOM element, return the list of all scroll parents, up the list of ancesors -until we get to the top window object. This list is what we attach scroll listeners -to, because if any of these parent elements scroll, we'll need to re-calculate the -reference element's position. -*/ - -function listScrollParents(element, list) { - var _element$ownerDocumen; - - if (list === void 0) { - list = []; - } - - var scrollParent = getScrollParent(element); - var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body); - var win = getWindow(scrollParent); - var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent; - var updatedList = list.concat(target); - return isBody ? updatedList : // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here - updatedList.concat(listScrollParents(getParentNode(target))); -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/isTableElement.js - -function isTableElement(element) { - return ['table', 'td', 'th'].indexOf(getNodeName(element)) >= 0; -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js - - - - - - - -function getTrueOffsetParent(element) { - if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837 - getComputedStyle(element).position === 'fixed') { - return null; - } - - return element.offsetParent; -} // `.offsetParent` reports `null` for fixed elements, while absolute elements -// return the containing block - - -function getContainingBlock(element) { - var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') !== -1; - var isIE = navigator.userAgent.indexOf('Trident') !== -1; - - if (isIE && isHTMLElement(element)) { - // In IE 9, 10 and 11 fixed elements containing block is always established by the viewport - var elementCss = getComputedStyle(element); - - if (elementCss.position === 'fixed') { - return null; - } - } - - var currentNode = getParentNode(element); - - while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) { - var css = getComputedStyle(currentNode); // This is non-exhaustive but covers the most common CSS properties that - // create a containing block. - // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block - - if (css.transform !== 'none' || css.perspective !== 'none' || css.contain === 'paint' || ['transform', 'perspective'].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === 'filter' || isFirefox && css.filter && css.filter !== 'none') { - return currentNode; - } else { - currentNode = currentNode.parentNode; - } - } - - return null; -} // Gets the closest ancestor positioned element. Handles some edge cases, -// such as table ancestors and cross browser bugs. - - -function getOffsetParent(element) { - var window = getWindow(element); - var offsetParent = getTrueOffsetParent(element); - - while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === 'static') { - offsetParent = getTrueOffsetParent(offsetParent); - } - - if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle(offsetParent).position === 'static')) { - return window; - } - - return offsetParent || getContainingBlock(element) || window; -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/enums.js -var enums_top = 'top'; -var bottom = 'bottom'; -var right = 'right'; -var left = 'left'; -var auto = 'auto'; -var basePlacements = [enums_top, bottom, right, left]; -var start = 'start'; -var end = 'end'; -var clippingParents = 'clippingParents'; -var viewport = 'viewport'; -var popper = 'popper'; -var reference = 'reference'; -var variationPlacements = /*#__PURE__*/basePlacements.reduce(function (acc, placement) { - return acc.concat([placement + "-" + start, placement + "-" + end]); -}, []); -var enums_placements = /*#__PURE__*/[].concat(basePlacements, [auto]).reduce(function (acc, placement) { - return acc.concat([placement, placement + "-" + start, placement + "-" + end]); -}, []); // modifiers that need to read the DOM - -var beforeRead = 'beforeRead'; -var read = 'read'; -var afterRead = 'afterRead'; // pure-logic modifiers - -var beforeMain = 'beforeMain'; -var main = 'main'; -var afterMain = 'afterMain'; // modifier with the purpose to write to the DOM (or write into a framework state) - -var beforeWrite = 'beforeWrite'; -var write = 'write'; -var afterWrite = 'afterWrite'; -var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite]; -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/utils/orderModifiers.js - // source: https://stackoverflow.com/questions/49875255 - -function order(modifiers) { - var map = new Map(); - var visited = new Set(); - var result = []; - modifiers.forEach(function (modifier) { - map.set(modifier.name, modifier); - }); // On visiting object, check for its dependencies and visit them recursively - - function sort(modifier) { - visited.add(modifier.name); - var requires = [].concat(modifier.requires || [], modifier.requiresIfExists || []); - requires.forEach(function (dep) { - if (!visited.has(dep)) { - var depModifier = map.get(dep); - - if (depModifier) { - sort(depModifier); - } - } - }); - result.push(modifier); - } - - modifiers.forEach(function (modifier) { - if (!visited.has(modifier.name)) { - // check for visited object - sort(modifier); - } - }); - return result; -} - -function orderModifiers(modifiers) { - // order based on dependencies - var orderedModifiers = order(modifiers); // order based on phase - - return modifierPhases.reduce(function (acc, phase) { - return acc.concat(orderedModifiers.filter(function (modifier) { - return modifier.phase === phase; - })); - }, []); -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/utils/debounce.js -function debounce(fn) { - var pending; - return function () { - if (!pending) { - pending = new Promise(function (resolve) { - Promise.resolve().then(function () { - pending = undefined; - resolve(fn()); - }); - }); - } - - return pending; - }; -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/utils/mergeByName.js -function mergeByName(modifiers) { - var merged = modifiers.reduce(function (merged, current) { - var existing = merged[current.name]; - merged[current.name] = existing ? Object.assign({}, existing, current, { - options: Object.assign({}, existing.options, current.options), - data: Object.assign({}, existing.data, current.data) - }) : current; - return merged; - }, {}); // IE11 does not support Object.values - - return Object.keys(merged).map(function (key) { - return merged[key]; - }); -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/createPopper.js - - - - - - - - - - - - - - -var INVALID_ELEMENT_ERROR = 'Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.'; -var INFINITE_LOOP_ERROR = 'Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.'; -var DEFAULT_OPTIONS = { - placement: 'bottom', - modifiers: [], - strategy: 'absolute' -}; - -function areValidElements() { - for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { - args[_key] = arguments[_key]; - } - - return !args.some(function (element) { - return !(element && typeof element.getBoundingClientRect === 'function'); - }); -} - -function popperGenerator(generatorOptions) { - if (generatorOptions === void 0) { - generatorOptions = {}; - } - - var _generatorOptions = generatorOptions, - _generatorOptions$def = _generatorOptions.defaultModifiers, - defaultModifiers = _generatorOptions$def === void 0 ? [] : _generatorOptions$def, - _generatorOptions$def2 = _generatorOptions.defaultOptions, - defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2; - return function createPopper(reference, popper, options) { - if (options === void 0) { - options = defaultOptions; - } - - var state = { - placement: 'bottom', - orderedModifiers: [], - options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions), - modifiersData: {}, - elements: { - reference: reference, - popper: popper - }, - attributes: {}, - styles: {} - }; - var effectCleanupFns = []; - var isDestroyed = false; - var instance = { - state: state, - setOptions: function setOptions(setOptionsAction) { - var options = typeof setOptionsAction === 'function' ? setOptionsAction(state.options) : setOptionsAction; - cleanupModifierEffects(); - state.options = Object.assign({}, defaultOptions, state.options, options); - state.scrollParents = { - reference: isElement(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [], - popper: listScrollParents(popper) - }; // Orders the modifiers based on their dependencies and `phase` - // properties - - var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers, state.options.modifiers))); // Strip out disabled modifiers - - state.orderedModifiers = orderedModifiers.filter(function (m) { - return m.enabled; - }); // Validate the provided modifiers so that the consumer will get warned - // if one of the modifiers is invalid for any reason - - if (false) { var _getComputedStyle, marginTop, marginRight, marginBottom, marginLeft, flipModifier, modifiers; } - - runModifierEffects(); - return instance.update(); - }, - // Sync update – it will always be executed, even if not necessary. This - // is useful for low frequency updates where sync behavior simplifies the - // logic. - // For high frequency updates (e.g. `resize` and `scroll` events), always - // prefer the async Popper#update method - forceUpdate: function forceUpdate() { - if (isDestroyed) { - return; - } - - var _state$elements = state.elements, - reference = _state$elements.reference, - popper = _state$elements.popper; // Don't proceed if `reference` or `popper` are not valid elements - // anymore - - if (!areValidElements(reference, popper)) { - if (false) {} - - return; - } // Store the reference and popper rects to be read by modifiers - - - state.rects = { - reference: getCompositeRect(reference, getOffsetParent(popper), state.options.strategy === 'fixed'), - popper: getLayoutRect(popper) - }; // Modifiers have the ability to reset the current update cycle. The - // most common use case for this is the `flip` modifier changing the - // placement, which then needs to re-run all the modifiers, because the - // logic was previously ran for the previous placement and is therefore - // stale/incorrect - - state.reset = false; - state.placement = state.options.placement; // On each update cycle, the `modifiersData` property for each modifier - // is filled with the initial data specified by the modifier. This means - // it doesn't persist and is fresh on each update. - // To ensure persistent data, use `${name}#persistent` - - state.orderedModifiers.forEach(function (modifier) { - return state.modifiersData[modifier.name] = Object.assign({}, modifier.data); - }); - var __debug_loops__ = 0; - - for (var index = 0; index < state.orderedModifiers.length; index++) { - if (false) {} - - if (state.reset === true) { - state.reset = false; - index = -1; - continue; - } - - var _state$orderedModifie = state.orderedModifiers[index], - fn = _state$orderedModifie.fn, - _state$orderedModifie2 = _state$orderedModifie.options, - _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2, - name = _state$orderedModifie.name; - - if (typeof fn === 'function') { - state = fn({ - state: state, - options: _options, - name: name, - instance: instance - }) || state; - } - } - }, - // Async and optimistically optimized update – it will not be executed if - // not necessary (debounced to run at most once-per-tick) - update: debounce(function () { - return new Promise(function (resolve) { - instance.forceUpdate(); - resolve(state); - }); - }), - destroy: function destroy() { - cleanupModifierEffects(); - isDestroyed = true; - } - }; - - if (!areValidElements(reference, popper)) { - if (false) {} - - return instance; - } - - instance.setOptions(options).then(function (state) { - if (!isDestroyed && options.onFirstUpdate) { - options.onFirstUpdate(state); - } - }); // Modifiers have the ability to execute arbitrary code before the first - // update cycle runs. They will be executed in the same order as the update - // cycle. This is useful when a modifier adds some persistent data that - // other modifiers need to use, but the modifier is run after the dependent - // one. - - function runModifierEffects() { - state.orderedModifiers.forEach(function (_ref3) { - var name = _ref3.name, - _ref3$options = _ref3.options, - options = _ref3$options === void 0 ? {} : _ref3$options, - effect = _ref3.effect; - - if (typeof effect === 'function') { - var cleanupFn = effect({ - state: state, - name: name, - instance: instance, - options: options - }); - - var noopFn = function noopFn() {}; - - effectCleanupFns.push(cleanupFn || noopFn); - } - }); - } - - function cleanupModifierEffects() { - effectCleanupFns.forEach(function (fn) { - return fn(); - }); - effectCleanupFns = []; - } - - return instance; - }; -} -var createPopper = /*#__PURE__*/(/* unused pure expression or super */ null && (popperGenerator())); // eslint-disable-next-line import/no-unused-modules - - -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/modifiers/eventListeners.js - // eslint-disable-next-line import/no-unused-modules - -var passive = { - passive: true -}; - -function effect(_ref) { - var state = _ref.state, - instance = _ref.instance, - options = _ref.options; - var _options$scroll = options.scroll, - scroll = _options$scroll === void 0 ? true : _options$scroll, - _options$resize = options.resize, - resize = _options$resize === void 0 ? true : _options$resize; - var window = getWindow(state.elements.popper); - var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper); - - if (scroll) { - scrollParents.forEach(function (scrollParent) { - scrollParent.addEventListener('scroll', instance.update, passive); - }); - } - - if (resize) { - window.addEventListener('resize', instance.update, passive); - } - - return function () { - if (scroll) { - scrollParents.forEach(function (scrollParent) { - scrollParent.removeEventListener('scroll', instance.update, passive); - }); - } - - if (resize) { - window.removeEventListener('resize', instance.update, passive); - } - }; -} // eslint-disable-next-line import/no-unused-modules - - -/* harmony default export */ const eventListeners = ({ - name: 'eventListeners', - enabled: true, - phase: 'write', - fn: function fn() {}, - effect: effect, - data: {} -}); -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/utils/getBasePlacement.js - -function getBasePlacement(placement) { - return placement.split('-')[0]; -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/utils/getVariation.js -function getVariation(placement) { - return placement.split('-')[1]; -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/utils/getMainAxisFromPlacement.js -function getMainAxisFromPlacement(placement) { - return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y'; -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/utils/computeOffsets.js - - - - -function computeOffsets(_ref) { - var reference = _ref.reference, - element = _ref.element, - placement = _ref.placement; - var basePlacement = placement ? getBasePlacement(placement) : null; - var variation = placement ? getVariation(placement) : null; - var commonX = reference.x + reference.width / 2 - element.width / 2; - var commonY = reference.y + reference.height / 2 - element.height / 2; - var offsets; - - switch (basePlacement) { - case enums_top: - offsets = { - x: commonX, - y: reference.y - element.height - }; - break; - - case bottom: - offsets = { - x: commonX, - y: reference.y + reference.height - }; - break; - - case right: - offsets = { - x: reference.x + reference.width, - y: commonY - }; - break; - - case left: - offsets = { - x: reference.x - element.width, - y: commonY - }; - break; - - default: - offsets = { - x: reference.x, - y: reference.y - }; - } - - var mainAxis = basePlacement ? getMainAxisFromPlacement(basePlacement) : null; - - if (mainAxis != null) { - var len = mainAxis === 'y' ? 'height' : 'width'; - - switch (variation) { - case start: - offsets[mainAxis] = offsets[mainAxis] - (reference[len] / 2 - element[len] / 2); - break; - - case end: - offsets[mainAxis] = offsets[mainAxis] + (reference[len] / 2 - element[len] / 2); - break; - - default: - } - } - - return offsets; -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/modifiers/popperOffsets.js - - -function popperOffsets(_ref) { - var state = _ref.state, - name = _ref.name; - // Offsets are the actual position the popper needs to have to be - // properly positioned near its reference element - // This is the most basic placement, and will be adjusted by - // the modifiers in the next step - state.modifiersData[name] = computeOffsets({ - reference: state.rects.reference, - element: state.rects.popper, - strategy: 'absolute', - placement: state.placement - }); -} // eslint-disable-next-line import/no-unused-modules - - -/* harmony default export */ const modifiers_popperOffsets = ({ - name: 'popperOffsets', - enabled: true, - phase: 'read', - fn: popperOffsets, - data: {} -}); -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/modifiers/computeStyles.js - - - - - - - - // eslint-disable-next-line import/no-unused-modules - -var unsetSides = { - top: 'auto', - right: 'auto', - bottom: 'auto', - left: 'auto' -}; // Round the offsets to the nearest suitable subpixel based on the DPR. -// Zooming can change the DPR, but it seems to report a value that will -// cleanly divide the values into the appropriate subpixels. - -function roundOffsetsByDPR(_ref) { - var x = _ref.x, - y = _ref.y; - var win = window; - var dpr = win.devicePixelRatio || 1; - return { - x: round(x * dpr) / dpr || 0, - y: round(y * dpr) / dpr || 0 - }; -} - -function mapToStyles(_ref2) { - var _Object$assign2; - - var popper = _ref2.popper, - popperRect = _ref2.popperRect, - placement = _ref2.placement, - variation = _ref2.variation, - offsets = _ref2.offsets, - position = _ref2.position, - gpuAcceleration = _ref2.gpuAcceleration, - adaptive = _ref2.adaptive, - roundOffsets = _ref2.roundOffsets, - isFixed = _ref2.isFixed; - var _offsets$x = offsets.x, - x = _offsets$x === void 0 ? 0 : _offsets$x, - _offsets$y = offsets.y, - y = _offsets$y === void 0 ? 0 : _offsets$y; - - var _ref3 = typeof roundOffsets === 'function' ? roundOffsets({ - x: x, - y: y - }) : { - x: x, - y: y - }; - - x = _ref3.x; - y = _ref3.y; - var hasX = offsets.hasOwnProperty('x'); - var hasY = offsets.hasOwnProperty('y'); - var sideX = left; - var sideY = enums_top; - var win = window; - - if (adaptive) { - var offsetParent = getOffsetParent(popper); - var heightProp = 'clientHeight'; - var widthProp = 'clientWidth'; - - if (offsetParent === getWindow(popper)) { - offsetParent = getDocumentElement(popper); - - if (getComputedStyle(offsetParent).position !== 'static' && position === 'absolute') { - heightProp = 'scrollHeight'; - widthProp = 'scrollWidth'; - } - } // $FlowFixMe[incompatible-cast]: force type refinement, we compare offsetParent with window above, but Flow doesn't detect it - - - offsetParent = offsetParent; - - if (placement === enums_top || (placement === left || placement === right) && variation === end) { - sideY = bottom; - var offsetY = isFixed && win.visualViewport ? win.visualViewport.height : // $FlowFixMe[prop-missing] - offsetParent[heightProp]; - y -= offsetY - popperRect.height; - y *= gpuAcceleration ? 1 : -1; - } - - if (placement === left || (placement === enums_top || placement === bottom) && variation === end) { - sideX = right; - var offsetX = isFixed && win.visualViewport ? win.visualViewport.width : // $FlowFixMe[prop-missing] - offsetParent[widthProp]; - x -= offsetX - popperRect.width; - x *= gpuAcceleration ? 1 : -1; - } - } - - var commonStyles = Object.assign({ - position: position - }, adaptive && unsetSides); - - var _ref4 = roundOffsets === true ? roundOffsetsByDPR({ - x: x, - y: y - }) : { - x: x, - y: y - }; - - x = _ref4.x; - y = _ref4.y; - - if (gpuAcceleration) { - var _Object$assign; - - return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign)); - } - - return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : '', _Object$assign2[sideX] = hasX ? x + "px" : '', _Object$assign2.transform = '', _Object$assign2)); -} - -function computeStyles(_ref5) { - var state = _ref5.state, - options = _ref5.options; - var _options$gpuAccelerat = options.gpuAcceleration, - gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat, - _options$adaptive = options.adaptive, - adaptive = _options$adaptive === void 0 ? true : _options$adaptive, - _options$roundOffsets = options.roundOffsets, - roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets; - - if (false) { var transitionProperty; } - - var commonStyles = { - placement: getBasePlacement(state.placement), - variation: getVariation(state.placement), - popper: state.elements.popper, - popperRect: state.rects.popper, - gpuAcceleration: gpuAcceleration, - isFixed: state.options.strategy === 'fixed' - }; - - if (state.modifiersData.popperOffsets != null) { - state.styles.popper = Object.assign({}, state.styles.popper, mapToStyles(Object.assign({}, commonStyles, { - offsets: state.modifiersData.popperOffsets, - position: state.options.strategy, - adaptive: adaptive, - roundOffsets: roundOffsets - }))); - } - - if (state.modifiersData.arrow != null) { - state.styles.arrow = Object.assign({}, state.styles.arrow, mapToStyles(Object.assign({}, commonStyles, { - offsets: state.modifiersData.arrow, - position: 'absolute', - adaptive: false, - roundOffsets: roundOffsets - }))); - } - - state.attributes.popper = Object.assign({}, state.attributes.popper, { - 'data-popper-placement': state.placement - }); -} // eslint-disable-next-line import/no-unused-modules - - -/* harmony default export */ const modifiers_computeStyles = ({ - name: 'computeStyles', - enabled: true, - phase: 'beforeWrite', - fn: computeStyles, - data: {} -}); -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/modifiers/applyStyles.js - - // This modifier takes the styles prepared by the `computeStyles` modifier -// and applies them to the HTMLElements such as popper and arrow - -function applyStyles(_ref) { - var state = _ref.state; - Object.keys(state.elements).forEach(function (name) { - var style = state.styles[name] || {}; - var attributes = state.attributes[name] || {}; - var element = state.elements[name]; // arrow is optional + virtual elements - - if (!isHTMLElement(element) || !getNodeName(element)) { - return; - } // Flow doesn't support to extend this property, but it's the most - // effective way to apply styles to an HTMLElement - // $FlowFixMe[cannot-write] - - - Object.assign(element.style, style); - Object.keys(attributes).forEach(function (name) { - var value = attributes[name]; - - if (value === false) { - element.removeAttribute(name); - } else { - element.setAttribute(name, value === true ? '' : value); - } - }); - }); -} - -function applyStyles_effect(_ref2) { - var state = _ref2.state; - var initialStyles = { - popper: { - position: state.options.strategy, - left: '0', - top: '0', - margin: '0' - }, - arrow: { - position: 'absolute' - }, - reference: {} - }; - Object.assign(state.elements.popper.style, initialStyles.popper); - state.styles = initialStyles; - - if (state.elements.arrow) { - Object.assign(state.elements.arrow.style, initialStyles.arrow); - } - - return function () { - Object.keys(state.elements).forEach(function (name) { - var element = state.elements[name]; - var attributes = state.attributes[name] || {}; - var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]); // Set all values to an empty string to unset them - - var style = styleProperties.reduce(function (style, property) { - style[property] = ''; - return style; - }, {}); // arrow is optional + virtual elements - - if (!isHTMLElement(element) || !getNodeName(element)) { - return; - } - - Object.assign(element.style, style); - Object.keys(attributes).forEach(function (attribute) { - element.removeAttribute(attribute); - }); - }); - }; -} // eslint-disable-next-line import/no-unused-modules - - -/* harmony default export */ const modifiers_applyStyles = ({ - name: 'applyStyles', - enabled: true, - phase: 'write', - fn: applyStyles, - effect: applyStyles_effect, - requires: ['computeStyles'] -}); -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/modifiers/offset.js - - // eslint-disable-next-line import/no-unused-modules - -function distanceAndSkiddingToXY(placement, rects, offset) { - var basePlacement = getBasePlacement(placement); - var invertDistance = [left, enums_top].indexOf(basePlacement) >= 0 ? -1 : 1; - - var _ref = typeof offset === 'function' ? offset(Object.assign({}, rects, { - placement: placement - })) : offset, - skidding = _ref[0], - distance = _ref[1]; - - skidding = skidding || 0; - distance = (distance || 0) * invertDistance; - return [left, right].indexOf(basePlacement) >= 0 ? { - x: distance, - y: skidding - } : { - x: skidding, - y: distance - }; -} - -function offset(_ref2) { - var state = _ref2.state, - options = _ref2.options, - name = _ref2.name; - var _options$offset = options.offset, - offset = _options$offset === void 0 ? [0, 0] : _options$offset; - var data = enums_placements.reduce(function (acc, placement) { - acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset); - return acc; - }, {}); - var _data$state$placement = data[state.placement], - x = _data$state$placement.x, - y = _data$state$placement.y; - - if (state.modifiersData.popperOffsets != null) { - state.modifiersData.popperOffsets.x += x; - state.modifiersData.popperOffsets.y += y; - } - - state.modifiersData[name] = data; -} // eslint-disable-next-line import/no-unused-modules - - -/* harmony default export */ const modifiers_offset = ({ - name: 'offset', - enabled: true, - phase: 'main', - requires: ['popperOffsets'], - fn: offset -}); -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/utils/getOppositePlacement.js -var hash = { - left: 'right', - right: 'left', - bottom: 'top', - top: 'bottom' -}; -function getOppositePlacement(placement) { - return placement.replace(/left|right|bottom|top/g, function (matched) { - return hash[matched]; - }); -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/utils/getOppositeVariationPlacement.js -var getOppositeVariationPlacement_hash = { - start: 'end', - end: 'start' -}; -function getOppositeVariationPlacement(placement) { - return placement.replace(/start|end/g, function (matched) { - return getOppositeVariationPlacement_hash[matched]; - }); -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getViewportRect.js - - - -function getViewportRect(element) { - var win = getWindow(element); - var html = getDocumentElement(element); - var visualViewport = win.visualViewport; - var width = html.clientWidth; - var height = html.clientHeight; - var x = 0; - var y = 0; // NB: This isn't supported on iOS <= 12. If the keyboard is open, the popper - // can be obscured underneath it. - // Also, `html.clientHeight` adds the bottom bar height in Safari iOS, even - // if it isn't open, so if this isn't available, the popper will be detected - // to overflow the bottom of the screen too early. - - if (visualViewport) { - width = visualViewport.width; - height = visualViewport.height; // Uses Layout Viewport (like Chrome; Safari does not currently) - // In Chrome, it returns a value very close to 0 (+/-) but contains rounding - // errors due to floating point numbers, so we need to check precision. - // Safari returns a number <= 0, usually < -1 when pinch-zoomed - // Feature detection fails in mobile emulation mode in Chrome. - // Math.abs(win.innerWidth / visualViewport.scale - visualViewport.width) < - // 0.001 - // Fallback here: "Not Safari" userAgent - - if (!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) { - x = visualViewport.offsetLeft; - y = visualViewport.offsetTop; - } - } - - return { - width: width, - height: height, - x: x + getWindowScrollBarX(element), - y: y - }; -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getDocumentRect.js - - - - - // Gets the entire size of the scrollable document area, even extending outside -// of the `` and `` rect bounds if horizontally scrollable - -function getDocumentRect(element) { - var _element$ownerDocumen; - - var html = getDocumentElement(element); - var winScroll = getWindowScroll(element); - var body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body; - var width = math_max(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0); - var height = math_max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0); - var x = -winScroll.scrollLeft + getWindowScrollBarX(element); - var y = -winScroll.scrollTop; - - if (getComputedStyle(body || html).direction === 'rtl') { - x += math_max(html.clientWidth, body ? body.clientWidth : 0) - width; - } - - return { - width: width, - height: height, - x: x, - y: y - }; -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/contains.js - -function contains(parent, child) { - var rootNode = child.getRootNode && child.getRootNode(); // First, attempt with faster native method - - if (parent.contains(child)) { - return true; - } // then fallback to custom implementation with Shadow DOM support - else if (rootNode && isShadowRoot(rootNode)) { - var next = child; - - do { - if (next && parent.isSameNode(next)) { - return true; - } // $FlowFixMe[prop-missing]: need a better way to handle this... - - - next = next.parentNode || next.host; - } while (next); - } // Give up, the result is false - - - return false; -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/utils/rectToClientRect.js -function rectToClientRect(rect) { - return Object.assign({}, rect, { - left: rect.x, - top: rect.y, - right: rect.x + rect.width, - bottom: rect.y + rect.height - }); -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js - - - - - - - - - - - - - - - -function getInnerBoundingClientRect(element) { - var rect = getBoundingClientRect(element); - rect.top = rect.top + element.clientTop; - rect.left = rect.left + element.clientLeft; - rect.bottom = rect.top + element.clientHeight; - rect.right = rect.left + element.clientWidth; - rect.width = element.clientWidth; - rect.height = element.clientHeight; - rect.x = rect.left; - rect.y = rect.top; - return rect; -} - -function getClientRectFromMixedType(element, clippingParent) { - return clippingParent === viewport ? rectToClientRect(getViewportRect(element)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent) : rectToClientRect(getDocumentRect(getDocumentElement(element))); -} // A "clipping parent" is an overflowable container with the characteristic of -// clipping (or hiding) overflowing elements with a position different from -// `initial` - - -function getClippingParents(element) { - var clippingParents = listScrollParents(getParentNode(element)); - var canEscapeClipping = ['absolute', 'fixed'].indexOf(getComputedStyle(element).position) >= 0; - var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element; - - if (!isElement(clipperElement)) { - return []; - } // $FlowFixMe[incompatible-return]: https://github.com/facebook/flow/issues/1414 - - - return clippingParents.filter(function (clippingParent) { - return isElement(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body'; - }); -} // Gets the maximum area that the element is visible in due to any number of -// clipping parents - - -function getClippingRect(element, boundary, rootBoundary) { - var mainClippingParents = boundary === 'clippingParents' ? getClippingParents(element) : [].concat(boundary); - var clippingParents = [].concat(mainClippingParents, [rootBoundary]); - var firstClippingParent = clippingParents[0]; - var clippingRect = clippingParents.reduce(function (accRect, clippingParent) { - var rect = getClientRectFromMixedType(element, clippingParent); - accRect.top = math_max(rect.top, accRect.top); - accRect.right = math_min(rect.right, accRect.right); - accRect.bottom = math_min(rect.bottom, accRect.bottom); - accRect.left = math_max(rect.left, accRect.left); - return accRect; - }, getClientRectFromMixedType(element, firstClippingParent)); - clippingRect.width = clippingRect.right - clippingRect.left; - clippingRect.height = clippingRect.bottom - clippingRect.top; - clippingRect.x = clippingRect.left; - clippingRect.y = clippingRect.top; - return clippingRect; -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/utils/getFreshSideObject.js -function getFreshSideObject() { - return { - top: 0, - right: 0, - bottom: 0, - left: 0 - }; -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/utils/mergePaddingObject.js - -function mergePaddingObject(paddingObject) { - return Object.assign({}, getFreshSideObject(), paddingObject); -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/utils/expandToHashMap.js -function expandToHashMap(value, keys) { - return keys.reduce(function (hashMap, key) { - hashMap[key] = value; - return hashMap; - }, {}); -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/utils/detectOverflow.js - - - - - - - - - // eslint-disable-next-line import/no-unused-modules - -function detectOverflow(state, options) { - if (options === void 0) { - options = {}; - } - - var _options = options, - _options$placement = _options.placement, - placement = _options$placement === void 0 ? state.placement : _options$placement, - _options$boundary = _options.boundary, - boundary = _options$boundary === void 0 ? clippingParents : _options$boundary, - _options$rootBoundary = _options.rootBoundary, - rootBoundary = _options$rootBoundary === void 0 ? viewport : _options$rootBoundary, - _options$elementConte = _options.elementContext, - elementContext = _options$elementConte === void 0 ? popper : _options$elementConte, - _options$altBoundary = _options.altBoundary, - altBoundary = _options$altBoundary === void 0 ? false : _options$altBoundary, - _options$padding = _options.padding, - padding = _options$padding === void 0 ? 0 : _options$padding; - var paddingObject = mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements)); - var altContext = elementContext === popper ? reference : popper; - var popperRect = state.rects.popper; - var element = state.elements[altBoundary ? altContext : elementContext]; - var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary); - var referenceClientRect = getBoundingClientRect(state.elements.reference); - var popperOffsets = computeOffsets({ - reference: referenceClientRect, - element: popperRect, - strategy: 'absolute', - placement: placement - }); - var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets)); - var elementClientRect = elementContext === popper ? popperClientRect : referenceClientRect; // positive = overflowing the clipping rect - // 0 or negative = within the clipping rect - - var overflowOffsets = { - top: clippingClientRect.top - elementClientRect.top + paddingObject.top, - bottom: elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom, - left: clippingClientRect.left - elementClientRect.left + paddingObject.left, - right: elementClientRect.right - clippingClientRect.right + paddingObject.right - }; - var offsetData = state.modifiersData.offset; // Offsets can be applied only to the popper element - - if (elementContext === popper && offsetData) { - var offset = offsetData[placement]; - Object.keys(overflowOffsets).forEach(function (key) { - var multiply = [right, bottom].indexOf(key) >= 0 ? 1 : -1; - var axis = [enums_top, bottom].indexOf(key) >= 0 ? 'y' : 'x'; - overflowOffsets[key] += offset[axis] * multiply; - }); - } - - return overflowOffsets; -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/utils/computeAutoPlacement.js - - - - -function computeAutoPlacement(state, options) { - if (options === void 0) { - options = {}; - } - - var _options = options, - placement = _options.placement, - boundary = _options.boundary, - rootBoundary = _options.rootBoundary, - padding = _options.padding, - flipVariations = _options.flipVariations, - _options$allowedAutoP = _options.allowedAutoPlacements, - allowedAutoPlacements = _options$allowedAutoP === void 0 ? enums_placements : _options$allowedAutoP; - var variation = getVariation(placement); - var placements = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function (placement) { - return getVariation(placement) === variation; - }) : basePlacements; - var allowedPlacements = placements.filter(function (placement) { - return allowedAutoPlacements.indexOf(placement) >= 0; - }); - - if (allowedPlacements.length === 0) { - allowedPlacements = placements; - - if (false) {} - } // $FlowFixMe[incompatible-type]: Flow seems to have problems with two array unions... - - - var overflows = allowedPlacements.reduce(function (acc, placement) { - acc[placement] = detectOverflow(state, { - placement: placement, - boundary: boundary, - rootBoundary: rootBoundary, - padding: padding - })[getBasePlacement(placement)]; - return acc; - }, {}); - return Object.keys(overflows).sort(function (a, b) { - return overflows[a] - overflows[b]; - }); -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/modifiers/flip.js - - - - - - - // eslint-disable-next-line import/no-unused-modules - -function getExpandedFallbackPlacements(placement) { - if (getBasePlacement(placement) === auto) { - return []; - } - - var oppositePlacement = getOppositePlacement(placement); - return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)]; -} - -function flip(_ref) { - var state = _ref.state, - options = _ref.options, - name = _ref.name; - - if (state.modifiersData[name]._skip) { - return; - } - - var _options$mainAxis = options.mainAxis, - checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis, - _options$altAxis = options.altAxis, - checkAltAxis = _options$altAxis === void 0 ? true : _options$altAxis, - specifiedFallbackPlacements = options.fallbackPlacements, - padding = options.padding, - boundary = options.boundary, - rootBoundary = options.rootBoundary, - altBoundary = options.altBoundary, - _options$flipVariatio = options.flipVariations, - flipVariations = _options$flipVariatio === void 0 ? true : _options$flipVariatio, - allowedAutoPlacements = options.allowedAutoPlacements; - var preferredPlacement = state.options.placement; - var basePlacement = getBasePlacement(preferredPlacement); - var isBasePlacement = basePlacement === preferredPlacement; - var fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipVariations ? [getOppositePlacement(preferredPlacement)] : getExpandedFallbackPlacements(preferredPlacement)); - var placements = [preferredPlacement].concat(fallbackPlacements).reduce(function (acc, placement) { - return acc.concat(getBasePlacement(placement) === auto ? computeAutoPlacement(state, { - placement: placement, - boundary: boundary, - rootBoundary: rootBoundary, - padding: padding, - flipVariations: flipVariations, - allowedAutoPlacements: allowedAutoPlacements - }) : placement); - }, []); - var referenceRect = state.rects.reference; - var popperRect = state.rects.popper; - var checksMap = new Map(); - var makeFallbackChecks = true; - var firstFittingPlacement = placements[0]; - - for (var i = 0; i < placements.length; i++) { - var placement = placements[i]; - - var _basePlacement = getBasePlacement(placement); - - var isStartVariation = getVariation(placement) === start; - var isVertical = [enums_top, bottom].indexOf(_basePlacement) >= 0; - var len = isVertical ? 'width' : 'height'; - var overflow = detectOverflow(state, { - placement: placement, - boundary: boundary, - rootBoundary: rootBoundary, - altBoundary: altBoundary, - padding: padding - }); - var mainVariationSide = isVertical ? isStartVariation ? right : left : isStartVariation ? bottom : enums_top; - - if (referenceRect[len] > popperRect[len]) { - mainVariationSide = getOppositePlacement(mainVariationSide); - } - - var altVariationSide = getOppositePlacement(mainVariationSide); - var checks = []; - - if (checkMainAxis) { - checks.push(overflow[_basePlacement] <= 0); - } - - if (checkAltAxis) { - checks.push(overflow[mainVariationSide] <= 0, overflow[altVariationSide] <= 0); - } - - if (checks.every(function (check) { - return check; - })) { - firstFittingPlacement = placement; - makeFallbackChecks = false; - break; - } - - checksMap.set(placement, checks); - } - - if (makeFallbackChecks) { - // `2` may be desired in some cases – research later - var numberOfChecks = flipVariations ? 3 : 1; - - var _loop = function _loop(_i) { - var fittingPlacement = placements.find(function (placement) { - var checks = checksMap.get(placement); - - if (checks) { - return checks.slice(0, _i).every(function (check) { - return check; - }); - } - }); - - if (fittingPlacement) { - firstFittingPlacement = fittingPlacement; - return "break"; - } - }; - - for (var _i = numberOfChecks; _i > 0; _i--) { - var _ret = _loop(_i); - - if (_ret === "break") break; - } - } - - if (state.placement !== firstFittingPlacement) { - state.modifiersData[name]._skip = true; - state.placement = firstFittingPlacement; - state.reset = true; - } -} // eslint-disable-next-line import/no-unused-modules - - -/* harmony default export */ const modifiers_flip = ({ - name: 'flip', - enabled: true, - phase: 'main', - fn: flip, - requiresIfExists: ['offset'], - data: { - _skip: false - } -}); -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/utils/getAltAxis.js -function getAltAxis(axis) { - return axis === 'x' ? 'y' : 'x'; -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/utils/within.js - -function within(min, value, max) { - return math_max(min, math_min(value, max)); -} -function withinMaxClamp(min, value, max) { - var v = within(min, value, max); - return v > max ? max : v; -} -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js - - - - - - - - - - - - -function preventOverflow(_ref) { - var state = _ref.state, - options = _ref.options, - name = _ref.name; - var _options$mainAxis = options.mainAxis, - checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis, - _options$altAxis = options.altAxis, - checkAltAxis = _options$altAxis === void 0 ? false : _options$altAxis, - boundary = options.boundary, - rootBoundary = options.rootBoundary, - altBoundary = options.altBoundary, - padding = options.padding, - _options$tether = options.tether, - tether = _options$tether === void 0 ? true : _options$tether, - _options$tetherOffset = options.tetherOffset, - tetherOffset = _options$tetherOffset === void 0 ? 0 : _options$tetherOffset; - var overflow = detectOverflow(state, { - boundary: boundary, - rootBoundary: rootBoundary, - padding: padding, - altBoundary: altBoundary - }); - var basePlacement = getBasePlacement(state.placement); - var variation = getVariation(state.placement); - var isBasePlacement = !variation; - var mainAxis = getMainAxisFromPlacement(basePlacement); - var altAxis = getAltAxis(mainAxis); - var popperOffsets = state.modifiersData.popperOffsets; - var referenceRect = state.rects.reference; - var popperRect = state.rects.popper; - var tetherOffsetValue = typeof tetherOffset === 'function' ? tetherOffset(Object.assign({}, state.rects, { - placement: state.placement - })) : tetherOffset; - var normalizedTetherOffsetValue = typeof tetherOffsetValue === 'number' ? { - mainAxis: tetherOffsetValue, - altAxis: tetherOffsetValue - } : Object.assign({ - mainAxis: 0, - altAxis: 0 - }, tetherOffsetValue); - var offsetModifierState = state.modifiersData.offset ? state.modifiersData.offset[state.placement] : null; - var data = { - x: 0, - y: 0 - }; - - if (!popperOffsets) { - return; - } - - if (checkMainAxis) { - var _offsetModifierState$; - - var mainSide = mainAxis === 'y' ? enums_top : left; - var altSide = mainAxis === 'y' ? bottom : right; - var len = mainAxis === 'y' ? 'height' : 'width'; - var offset = popperOffsets[mainAxis]; - var min = offset + overflow[mainSide]; - var max = offset - overflow[altSide]; - var additive = tether ? -popperRect[len] / 2 : 0; - var minLen = variation === start ? referenceRect[len] : popperRect[len]; - var maxLen = variation === start ? -popperRect[len] : -referenceRect[len]; // We need to include the arrow in the calculation so the arrow doesn't go - // outside the reference bounds - - var arrowElement = state.elements.arrow; - var arrowRect = tether && arrowElement ? getLayoutRect(arrowElement) : { - width: 0, - height: 0 - }; - var arrowPaddingObject = state.modifiersData['arrow#persistent'] ? state.modifiersData['arrow#persistent'].padding : getFreshSideObject(); - var arrowPaddingMin = arrowPaddingObject[mainSide]; - var arrowPaddingMax = arrowPaddingObject[altSide]; // If the reference length is smaller than the arrow length, we don't want - // to include its full size in the calculation. If the reference is small - // and near the edge of a boundary, the popper can overflow even if the - // reference is not overflowing as well (e.g. virtual elements with no - // width or height) - - var arrowLen = within(0, referenceRect[len], arrowRect[len]); - var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis : minLen - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis; - var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis : maxLen + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis; - var arrowOffsetParent = state.elements.arrow && getOffsetParent(state.elements.arrow); - var clientOffset = arrowOffsetParent ? mainAxis === 'y' ? arrowOffsetParent.clientTop || 0 : arrowOffsetParent.clientLeft || 0 : 0; - var offsetModifierValue = (_offsetModifierState$ = offsetModifierState == null ? void 0 : offsetModifierState[mainAxis]) != null ? _offsetModifierState$ : 0; - var tetherMin = offset + minOffset - offsetModifierValue - clientOffset; - var tetherMax = offset + maxOffset - offsetModifierValue; - var preventedOffset = within(tether ? math_min(min, tetherMin) : min, offset, tether ? math_max(max, tetherMax) : max); - popperOffsets[mainAxis] = preventedOffset; - data[mainAxis] = preventedOffset - offset; - } - - if (checkAltAxis) { - var _offsetModifierState$2; - - var _mainSide = mainAxis === 'x' ? enums_top : left; - - var _altSide = mainAxis === 'x' ? bottom : right; - - var _offset = popperOffsets[altAxis]; - - var _len = altAxis === 'y' ? 'height' : 'width'; - - var _min = _offset + overflow[_mainSide]; - - var _max = _offset - overflow[_altSide]; - - var isOriginSide = [enums_top, left].indexOf(basePlacement) !== -1; - - var _offsetModifierValue = (_offsetModifierState$2 = offsetModifierState == null ? void 0 : offsetModifierState[altAxis]) != null ? _offsetModifierState$2 : 0; - - var _tetherMin = isOriginSide ? _min : _offset - referenceRect[_len] - popperRect[_len] - _offsetModifierValue + normalizedTetherOffsetValue.altAxis; - - var _tetherMax = isOriginSide ? _offset + referenceRect[_len] + popperRect[_len] - _offsetModifierValue - normalizedTetherOffsetValue.altAxis : _max; - - var _preventedOffset = tether && isOriginSide ? withinMaxClamp(_tetherMin, _offset, _tetherMax) : within(tether ? _tetherMin : _min, _offset, tether ? _tetherMax : _max); - - popperOffsets[altAxis] = _preventedOffset; - data[altAxis] = _preventedOffset - _offset; - } - - state.modifiersData[name] = data; -} // eslint-disable-next-line import/no-unused-modules - - -/* harmony default export */ const modifiers_preventOverflow = ({ - name: 'preventOverflow', - enabled: true, - phase: 'main', - fn: preventOverflow, - requiresIfExists: ['offset'] -}); -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/modifiers/arrow.js - - - - - - - - - - // eslint-disable-next-line import/no-unused-modules - -var toPaddingObject = function toPaddingObject(padding, state) { - padding = typeof padding === 'function' ? padding(Object.assign({}, state.rects, { - placement: state.placement - })) : padding; - return mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements)); -}; - -function arrow(_ref) { - var _state$modifiersData$; - - var state = _ref.state, - name = _ref.name, - options = _ref.options; - var arrowElement = state.elements.arrow; - var popperOffsets = state.modifiersData.popperOffsets; - var basePlacement = getBasePlacement(state.placement); - var axis = getMainAxisFromPlacement(basePlacement); - var isVertical = [left, right].indexOf(basePlacement) >= 0; - var len = isVertical ? 'height' : 'width'; - - if (!arrowElement || !popperOffsets) { - return; - } - - var paddingObject = toPaddingObject(options.padding, state); - var arrowRect = getLayoutRect(arrowElement); - var minProp = axis === 'y' ? enums_top : left; - var maxProp = axis === 'y' ? bottom : right; - var endDiff = state.rects.reference[len] + state.rects.reference[axis] - popperOffsets[axis] - state.rects.popper[len]; - var startDiff = popperOffsets[axis] - state.rects.reference[axis]; - var arrowOffsetParent = getOffsetParent(arrowElement); - var clientSize = arrowOffsetParent ? axis === 'y' ? arrowOffsetParent.clientHeight || 0 : arrowOffsetParent.clientWidth || 0 : 0; - var centerToReference = endDiff / 2 - startDiff / 2; // Make sure the arrow doesn't overflow the popper if the center point is - // outside of the popper bounds - - var min = paddingObject[minProp]; - var max = clientSize - arrowRect[len] - paddingObject[maxProp]; - var center = clientSize / 2 - arrowRect[len] / 2 + centerToReference; - var offset = within(min, center, max); // Prevents breaking syntax highlighting... - - var axisProp = axis; - state.modifiersData[name] = (_state$modifiersData$ = {}, _state$modifiersData$[axisProp] = offset, _state$modifiersData$.centerOffset = offset - center, _state$modifiersData$); -} - -function arrow_effect(_ref2) { - var state = _ref2.state, - options = _ref2.options; - var _options$element = options.element, - arrowElement = _options$element === void 0 ? '[data-popper-arrow]' : _options$element; - - if (arrowElement == null) { - return; - } // CSS selector - - - if (typeof arrowElement === 'string') { - arrowElement = state.elements.popper.querySelector(arrowElement); - - if (!arrowElement) { - return; - } - } - - if (false) {} - - if (!contains(state.elements.popper, arrowElement)) { - if (false) {} - - return; - } - - state.elements.arrow = arrowElement; -} // eslint-disable-next-line import/no-unused-modules - - -/* harmony default export */ const modifiers_arrow = ({ - name: 'arrow', - enabled: true, - phase: 'main', - fn: arrow, - effect: arrow_effect, - requires: ['popperOffsets'], - requiresIfExists: ['preventOverflow'] -}); -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/modifiers/hide.js - - - -function getSideOffsets(overflow, rect, preventedOffsets) { - if (preventedOffsets === void 0) { - preventedOffsets = { - x: 0, - y: 0 - }; - } - - return { - top: overflow.top - rect.height - preventedOffsets.y, - right: overflow.right - rect.width + preventedOffsets.x, - bottom: overflow.bottom - rect.height + preventedOffsets.y, - left: overflow.left - rect.width - preventedOffsets.x - }; -} - -function isAnySideFullyClipped(overflow) { - return [enums_top, right, bottom, left].some(function (side) { - return overflow[side] >= 0; - }); -} - -function hide(_ref) { - var state = _ref.state, - name = _ref.name; - var referenceRect = state.rects.reference; - var popperRect = state.rects.popper; - var preventedOffsets = state.modifiersData.preventOverflow; - var referenceOverflow = detectOverflow(state, { - elementContext: 'reference' - }); - var popperAltOverflow = detectOverflow(state, { - altBoundary: true - }); - var referenceClippingOffsets = getSideOffsets(referenceOverflow, referenceRect); - var popperEscapeOffsets = getSideOffsets(popperAltOverflow, popperRect, preventedOffsets); - var isReferenceHidden = isAnySideFullyClipped(referenceClippingOffsets); - var hasPopperEscaped = isAnySideFullyClipped(popperEscapeOffsets); - state.modifiersData[name] = { - referenceClippingOffsets: referenceClippingOffsets, - popperEscapeOffsets: popperEscapeOffsets, - isReferenceHidden: isReferenceHidden, - hasPopperEscaped: hasPopperEscaped - }; - state.attributes.popper = Object.assign({}, state.attributes.popper, { - 'data-popper-reference-hidden': isReferenceHidden, - 'data-popper-escaped': hasPopperEscaped - }); -} // eslint-disable-next-line import/no-unused-modules - - -/* harmony default export */ const modifiers_hide = ({ - name: 'hide', - enabled: true, - phase: 'main', - requiresIfExists: ['preventOverflow'], - fn: hide -}); -;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/popper.js - - - - - - - - - - -var defaultModifiers = [eventListeners, modifiers_popperOffsets, modifiers_computeStyles, modifiers_applyStyles, modifiers_offset, modifiers_flip, modifiers_preventOverflow, modifiers_arrow, modifiers_hide]; -var popper_createPopper = /*#__PURE__*/popperGenerator({ - defaultModifiers: defaultModifiers -}); // eslint-disable-next-line import/no-unused-modules - - // eslint-disable-next-line import/no-unused-modules - - // eslint-disable-next-line import/no-unused-modules - - -;// CONCATENATED MODULE: ./src/components/dropdown.js -function dropdown_toConsumableArray(arr) { return dropdown_arrayWithoutHoles(arr) || dropdown_iterableToArray(arr) || dropdown_unsupportedIterableToArray(arr) || dropdown_nonIterableSpread(); } - -function dropdown_nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } - -function dropdown_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return dropdown_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return dropdown_arrayLikeToArray(o, minLen); } - -function dropdown_iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); } - -function dropdown_arrayWithoutHoles(arr) { if (Array.isArray(arr)) return dropdown_arrayLikeToArray(arr); } - -function dropdown_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; } - -function dropdown_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } - -function dropdown_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? dropdown_ownKeys(Object(source), !0).forEach(function (key) { dropdown_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : dropdown_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } - -function dropdown_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } - -function dropdown_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -function dropdown_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } - -function dropdown_createClass(Constructor, protoProps, staticProps) { if (protoProps) dropdown_defineProperties(Constructor.prototype, protoProps); if (staticProps) dropdown_defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; } - - -var dropdown_Default = { - placement: 'bottom', - triggerType: 'click', - onShow: function onShow() {}, - onHide: function onHide() {} -}; - -var Dropdown = /*#__PURE__*/function () { - function Dropdown() { - var targetElement = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null; - var triggerElement = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null; - var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}; - - dropdown_classCallCheck(this, Dropdown); - - this._targetEl = targetElement; - this._triggerEl = triggerElement; - this._options = dropdown_objectSpread(dropdown_objectSpread({}, dropdown_Default), options); - this._popperInstance = this._createPopperInstace(); - this._visible = false; - - this._init(); - } - - dropdown_createClass(Dropdown, [{ - key: "_init", - value: function _init() { - var _this = this; - - if (this._triggerEl) { - this._triggerEl.addEventListener('click', function () { - _this.toggle(); - }); - } - } - }, { - key: "_createPopperInstace", - value: function _createPopperInstace() { - return popper_createPopper(this._triggerEl, this._targetEl, { - placement: this._options.placement, - modifiers: [{ - name: 'offset', - options: { - offset: [0, 10] - } - }] - }); - } - }, { - key: "_handleClickOutside", - value: function _handleClickOutside(ev, targetEl) { - var clickedEl = ev.target; - - if (clickedEl !== targetEl && !targetEl.contains(clickedEl) && !this._triggerEl.contains(clickedEl) && this._visible) { - this.hide(); - } - - document.body.removeEventListener('click', this._handleClickOutside, true); - } - }, { - key: "toggle", - value: function toggle() { - if (this._visible) { - this.hide(); - document.body.removeEventListener('click', this._handleClickOutside, true); - } else { - this.show(); - } - } - }, { - key: "show", - value: function show() { - var _this2 = this; - - this._targetEl.classList.remove('hidden'); - - this._targetEl.classList.add('block'); // Enable the event listeners - - - this._popperInstance.setOptions(function (options) { - return dropdown_objectSpread(dropdown_objectSpread({}, options), {}, { - modifiers: [].concat(dropdown_toConsumableArray(options.modifiers), [{ - name: 'eventListeners', - enabled: true - }]) - }); - }); - - document.body.addEventListener('click', function (ev) { - _this2._handleClickOutside(ev, _this2._targetEl); - }, true); // Update its position - - this._popperInstance.update(); - - this._visible = true; // callback function - - this._options.onShow(this); - } - }, { - key: "hide", - value: function hide() { - this._targetEl.classList.remove('block'); - - this._targetEl.classList.add('hidden'); // Disable the event listeners - - - this._popperInstance.setOptions(function (options) { - return dropdown_objectSpread(dropdown_objectSpread({}, options), {}, { - modifiers: [].concat(dropdown_toConsumableArray(options.modifiers), [{ - name: 'eventListeners', - enabled: false - }]) - }); - }); - - this._visible = false; // callback function - - this._options.onHide(this); - } - }]); - - return Dropdown; -}(); - -window.Dropdown = Dropdown; - -function initDropdown() { - document.querySelectorAll('[data-dropdown-toggle]').forEach(function (triggerEl) { - var targetEl = document.getElementById(triggerEl.getAttribute('data-dropdown-toggle')); - var placement = triggerEl.getAttribute('data-dropdown-placement'); - new Dropdown(targetEl, triggerEl, { - placement: placement ? placement : dropdown_Default.placement - }); - }); -} - -if (document.readyState !== 'loading') { - // DOMContentLoaded event were already fired. Perform explicit initialization now - initDropdown(); -} else { - // DOMContentLoaded event not yet fired, attach initialization process to it - document.addEventListener('DOMContentLoaded', initDropdown); -} - -/* harmony default export */ const dropdown = (Dropdown); -;// CONCATENATED MODULE: ./src/components/modal.js -function modal_toConsumableArray(arr) { return modal_arrayWithoutHoles(arr) || modal_iterableToArray(arr) || modal_unsupportedIterableToArray(arr) || modal_nonIterableSpread(); } - -function modal_nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } - -function modal_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return modal_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return modal_arrayLikeToArray(o, minLen); } - -function modal_iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); } - -function modal_arrayWithoutHoles(arr) { if (Array.isArray(arr)) return modal_arrayLikeToArray(arr); } - -function modal_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; } - -function modal_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } - -function modal_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? modal_ownKeys(Object(source), !0).forEach(function (key) { modal_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : modal_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } - -function modal_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } - -function modal_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -function modal_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } - -function modal_createClass(Constructor, protoProps, staticProps) { if (protoProps) modal_defineProperties(Constructor.prototype, protoProps); if (staticProps) modal_defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; } - -var modal_Default = { - placement: 'center', - backdropClasses: 'bg-gray-900 bg-opacity-50 dark:bg-opacity-80 fixed inset-0 z-40', - onHide: function onHide() {}, - onShow: function onShow() {}, - onToggle: function onToggle() {} -}; - -var Modal = /*#__PURE__*/function () { - function Modal() { - var targetEl = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null; - var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; - - modal_classCallCheck(this, Modal); - - this._targetEl = targetEl; - this._options = modal_objectSpread(modal_objectSpread({}, modal_Default), options); - this._isHidden = true; - - this._init(); - } - - modal_createClass(Modal, [{ - key: "_init", - value: function _init() { - var _this = this; - - this._getPlacementClasses().map(function (c) { - _this._targetEl.classList.add(c); - }); - } - }, { - key: "_createBackdrop", - value: function _createBackdrop() { - if (this._isHidden) { - var _backdropEl$classList; - - var backdropEl = document.createElement('div'); - backdropEl.setAttribute('modal-backdrop', ''); - - (_backdropEl$classList = backdropEl.classList).add.apply(_backdropEl$classList, modal_toConsumableArray(this._options.backdropClasses.split(" "))); - - document.querySelector('body').append(backdropEl); - } - } - }, { - key: "_destroyBackdropEl", - value: function _destroyBackdropEl() { - if (!this._isHidden) { - document.querySelector('[modal-backdrop]').remove(); - } - } - }, { - key: "_getPlacementClasses", - value: function _getPlacementClasses() { - switch (this._options.placement) { - // top - case 'top-left': - return ['justify-start', 'items-start']; - - case 'top-center': - return ['justify-center', 'items-start']; - - case 'top-right': - return ['justify-end', 'items-start']; - // center - - case 'center-left': - return ['justify-start', 'items-center']; - - case 'center': - return ['justify-center', 'items-center']; - - case 'center-right': - return ['justify-end', 'items-center']; - // bottom - - case 'bottom-left': - return ['justify-start', 'items-end']; - - case 'bottom-center': - return ['justify-center', 'items-end']; - - case 'bottom-right': - return ['justify-end', 'items-end']; - - default: - return ['justify-center', 'items-center']; - } - } - }, { - key: "toggle", - value: function toggle() { - if (this._isHidden) { - this.show(); - } else { - this.hide(); - } // callback function - - - this._options.onToggle(this); - } - }, { - key: "show", - value: function show() { - this._targetEl.classList.add('flex'); - - this._targetEl.classList.remove('hidden'); - - this._targetEl.setAttribute('aria-modal', 'true'); - - this._targetEl.setAttribute('role', 'dialog'); - - this._targetEl.removeAttribute('aria-hidden'); - - this._createBackdrop(); - - this._isHidden = false; // callback function - - this._options.onShow(this); - } - }, { - key: "hide", - value: function hide() { - this._targetEl.classList.add('hidden'); - - this._targetEl.classList.remove('flex'); - - this._targetEl.setAttribute('aria-hidden', 'true'); - - this._targetEl.removeAttribute('aria-modal'); - - this._targetEl.removeAttribute('role'); - - this._destroyBackdropEl(); - - this._isHidden = true; // callback function - - this._options.onHide(this); - } - }]); - - return Modal; -}(); - -window.Modal = Modal; - -var getModalInstance = function getModalInstance(id, instances) { - if (instances.some(function (modalInstance) { - return modalInstance.id === id; - })) { - return instances.find(function (modalInstance) { - return modalInstance.id === id; - }); - } - - return false; -}; - -function initModal() { - var modalInstances = []; - document.querySelectorAll('[data-modal-toggle]').forEach(function (el) { - var modalId = el.getAttribute('data-modal-toggle'); - var modalEl = document.getElementById(modalId); - var placement = modalEl.getAttribute('data-modal-placement'); - - if (modalEl) { - if (!modalEl.hasAttribute('aria-hidden') && !modalEl.hasAttribute('aria-modal')) { - modalEl.setAttribute('aria-hidden', 'true'); - } - } - - var modal = null; - - if (getModalInstance(modalId, modalInstances)) { - modal = getModalInstance(modalId, modalInstances); - modal = modal.object; - } else { - modal = new Modal(modalEl, { - placement: placement ? placement : modal_Default.placement - }); - modalInstances.push({ - id: modalId, - object: modal - }); - } - - if (modalEl.hasAttribute('data-modal-show') && modalEl.getAttribute('data-modal-show') === 'true') { - modal.show(); - } - - el.addEventListener('click', function () { - modal.toggle(); - }); - }); -} - -if (document.readyState !== 'loading') { - // DOMContentLoaded event were already fired. Perform explicit initialization now - initModal(); -} else { - // DOMContentLoaded event not yet fired, attach initialization process to it - document.addEventListener('DOMContentLoaded', initModal); -} - -/* harmony default export */ const modal = (Modal); -;// CONCATENATED MODULE: ./src/components/drawer.js -function drawer_toConsumableArray(arr) { return drawer_arrayWithoutHoles(arr) || drawer_iterableToArray(arr) || drawer_unsupportedIterableToArray(arr) || drawer_nonIterableSpread(); } - -function drawer_nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } - -function drawer_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return drawer_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return drawer_arrayLikeToArray(o, minLen); } - -function drawer_iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); } - -function drawer_arrayWithoutHoles(arr) { if (Array.isArray(arr)) return drawer_arrayLikeToArray(arr); } - -function drawer_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; } - -function drawer_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } - -function drawer_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? drawer_ownKeys(Object(source), !0).forEach(function (key) { drawer_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : drawer_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } - -function drawer_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } - -function drawer_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -function drawer_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } - -function drawer_createClass(Constructor, protoProps, staticProps) { if (protoProps) drawer_defineProperties(Constructor.prototype, protoProps); if (staticProps) drawer_defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; } - -var drawer_Default = { - placement: 'left', - bodyScrolling: false, - backdrop: true, - edge: false, - edgeOffset: 'bottom-[60px]', - backdropClasses: 'bg-gray-900 bg-opacity-50 dark:bg-opacity-80 fixed inset-0 z-30', - onShow: function onShow() {}, - onHide: function onHide() {}, - onToggle: function onToggle() {} -}; - -var Drawer = /*#__PURE__*/function () { - function Drawer() { - var targetEl = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null; - var options = arguments.length > 1 ? arguments[1] : undefined; - - drawer_classCallCheck(this, Drawer); - - this._targetEl = targetEl; - this._options = drawer_objectSpread(drawer_objectSpread({}, drawer_Default), options); - this._visible = false; - - this._init(); - } - - drawer_createClass(Drawer, [{ - key: "_init", - value: function _init() { - var _this = this; - - // set initial accessibility attributes - if (this._targetEl) { - this._targetEl.setAttribute('aria-hidden', 'true'); - - this._targetEl.classList.add('transition-transform'); - } // set base placement classes - - - this._getPlacementClasses(this._options.placement).base.map(function (c) { - _this._targetEl.classList.add(c); - }); // hide by default - - - this.hide(); - } - }, { - key: "isVisible", - value: function isVisible() { - return this._visible; - } - }, { - key: "hide", - value: function hide() { - var _this2 = this; - - // based on the edge option show placement classes - if (this._options.edge) { - this._getPlacementClasses(this._options.placement + '-edge').active.map(function (c) { - _this2._targetEl.classList.remove(c); - }); - - this._getPlacementClasses(this._options.placement + '-edge').inactive.map(function (c) { - _this2._targetEl.classList.add(c); - }); - } else { - this._getPlacementClasses(this._options.placement).active.map(function (c) { - _this2._targetEl.classList.remove(c); - }); - - this._getPlacementClasses(this._options.placement).inactive.map(function (c) { - _this2._targetEl.classList.add(c); - }); - } // set accessibility attributes - - - this._targetEl.setAttribute('aria-hidden', 'true'); - - this._targetEl.removeAttribute('aria-modal'); - - this._targetEl.removeAttribute('role'); // enable body scroll - - - if (!this._options.bodyScrolling) { - document.body.classList.remove('overflow-hidden'); - } // destroy backdrop - - - if (this._options.backdrop) { - this._destroyBackdropEl(); - } - - this._visible = false; // callback function - - this._options.onHide(this); - } - }, { - key: "show", - value: function show() { - var _this3 = this; - - if (this._options.edge) { - this._getPlacementClasses(this._options.placement + '-edge').active.map(function (c) { - _this3._targetEl.classList.add(c); - }); - - this._getPlacementClasses(this._options.placement + '-edge').inactive.map(function (c) { - _this3._targetEl.classList.remove(c); - }); - } else { - this._getPlacementClasses(this._options.placement).active.map(function (c) { - _this3._targetEl.classList.add(c); - }); - - this._getPlacementClasses(this._options.placement).inactive.map(function (c) { - _this3._targetEl.classList.remove(c); - }); - } // set accessibility attributes - - - this._targetEl.setAttribute('aria-modal', 'true'); - - this._targetEl.setAttribute('role', 'dialog'); - - this._targetEl.removeAttribute('aria-hidden'); // disable body scroll - - - if (!this._options.bodyScrolling) { - document.body.classList.add('overflow-hidden'); - } // show backdrop - - - if (this._options.backdrop) { - this._createBackdrop(); - } - - this._visible = true; // callback function - - this._options.onShow(this); - } - }, { - key: "toggle", - value: function toggle() { - if (this.isVisible()) { - this.hide(); - } else { - this.show(); - } - } - }, { - key: "_createBackdrop", - value: function _createBackdrop() { - var _this4 = this; - - if (!this._visible) { - var _backdropEl$classList; - - var backdropEl = document.createElement('div'); - backdropEl.setAttribute('drawer-backdrop', ''); - - (_backdropEl$classList = backdropEl.classList).add.apply(_backdropEl$classList, drawer_toConsumableArray(this._options.backdropClasses.split(" "))); - - document.querySelector('body').append(backdropEl); - backdropEl.addEventListener('click', function () { - _this4.hide(); - }); - } - } - }, { - key: "_destroyBackdropEl", - value: function _destroyBackdropEl() { - if (this._visible) { - document.querySelector('[drawer-backdrop]').remove(); - } - } - }, { - key: "_getPlacementClasses", - value: function _getPlacementClasses(placement) { - switch (placement) { - case 'top': - return { - base: ['top-0', 'left-0', 'right-0'], - active: ['transform-none'], - inactive: ['-translate-y-full'] - }; - - case 'right': - return { - base: ['right-0', 'top-0'], - active: ['transform-none'], - inactive: ['translate-x-full'] - }; - - case 'bottom': - return { - base: ['bottom-0', 'left-0', 'right-0'], - active: ['transform-none'], - inactive: ['translate-y-full'] - }; - - case 'left': - return { - base: ['left-0', 'top-0'], - active: ['transform-none'], - inactive: ['-translate-x-full'] - }; - - case 'bottom-edge': - return { - base: ['left-0', 'top-0'], - active: ['transform-none'], - inactive: ['translate-y-full', this._options.edgeOffset] - }; - - default: - return { - base: ['left-0', 'top-0'], - active: ['transform-none'], - inactive: ['-translate-x-full'] - }; - } - } - }]); - - return Drawer; -}(); - -window.Drawer = Drawer; - -var getDrawerInstance = function getDrawerInstance(id, instances) { - if (instances.some(function (drawerInstance) { - return drawerInstance.id === id; - })) { - return instances.find(function (drawerInstance) { - return drawerInstance.id === id; - }); - } - - return false; -}; - -function initDrawer() { - var drawerInstances = []; - document.querySelectorAll('[data-drawer-target]').forEach(function (triggerEl) { - // mandatory - var targetEl = document.getElementById(triggerEl.getAttribute('data-drawer-target')); - var drawerId = targetEl.id; // optional - - var placement = triggerEl.getAttribute('data-drawer-placement'); - var bodyScrolling = triggerEl.getAttribute('data-drawer-body-scrolling'); - var backdrop = triggerEl.getAttribute('data-drawer-backdrop'); - var edge = triggerEl.getAttribute('data-drawer-edge'); - var edgeOffset = triggerEl.getAttribute('data-drawer-edge-offset'); - var drawer = null; - - if (getDrawerInstance(drawerId, drawerInstances)) { - drawer = getDrawerInstance(drawerId, drawerInstances); - drawer = drawer.object; - } else { - drawer = new Drawer(targetEl, { - placement: placement ? placement : drawer_Default.placement, - bodyScrolling: bodyScrolling ? bodyScrolling === 'true' ? true : false : drawer_Default.bodyScrolling, - backdrop: backdrop ? backdrop === 'true' ? true : false : drawer_Default.backdrop, - edge: edge ? edge === 'true' ? true : false : drawer_Default.edge, - edgeOffset: edgeOffset ? edgeOffset : drawer_Default.edgeOffset - }); - drawerInstances.push({ - id: drawerId, - object: drawer - }); - } - }); - document.querySelectorAll('[data-drawer-toggle]').forEach(function (triggerEl) { - var targetEl = document.getElementById(triggerEl.getAttribute('data-drawer-toggle')); - var drawerId = targetEl.id; - var drawer = getDrawerInstance(drawerId, drawerInstances); - triggerEl.addEventListener('click', function () { - if (drawer.object.isVisible()) { - drawer.object.hide(); - } else { - drawer.object.show(); - } - }); - }); - document.querySelectorAll('[data-drawer-dismiss]').forEach(function (triggerEl) { - var targetEl = document.getElementById(triggerEl.getAttribute('data-drawer-dismiss')); - var drawerId = targetEl.id; - var drawer = getDrawerInstance(drawerId, drawerInstances); - triggerEl.addEventListener('click', function () { - drawer.object.hide(); - }); - }); - document.querySelectorAll('[data-drawer-show]').forEach(function (triggerEl) { - var targetEl = document.getElementById(triggerEl.getAttribute('data-drawer-show')); - var drawerId = targetEl.id; - var drawer = getDrawerInstance(drawerId, drawerInstances); - triggerEl.addEventListener('click', function () { - drawer.object.show(); - }); - }); -} - -if (document.readyState !== 'loading') { - // DOMContentLoaded event were already fired. Perform explicit initialization now - initDrawer(); -} else { - // DOMContentLoaded event not yet fired, attach initialization process to it - document.addEventListener('DOMContentLoaded', initDrawer); -} - -/* harmony default export */ const drawer = (Drawer); -;// CONCATENATED MODULE: ./src/components/tabs.js -function tabs_toConsumableArray(arr) { return tabs_arrayWithoutHoles(arr) || tabs_iterableToArray(arr) || tabs_unsupportedIterableToArray(arr) || tabs_nonIterableSpread(); } - -function tabs_nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } - -function tabs_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return tabs_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return tabs_arrayLikeToArray(o, minLen); } - -function tabs_iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); } - -function tabs_arrayWithoutHoles(arr) { if (Array.isArray(arr)) return tabs_arrayLikeToArray(arr); } - -function tabs_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; } - -function tabs_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } - -function tabs_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? tabs_ownKeys(Object(source), !0).forEach(function (key) { tabs_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : tabs_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } - -function tabs_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } - -function tabs_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -function tabs_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } - -function tabs_createClass(Constructor, protoProps, staticProps) { if (protoProps) tabs_defineProperties(Constructor.prototype, protoProps); if (staticProps) tabs_defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; } - -var tabs_Default = { - defaultTabId: null, - activeClasses: 'text-blue-600 hover:text-blue-600 dark:text-blue-500 dark:hover:text-blue-500 border-blue-600 dark:border-blue-500', - inactiveClasses: 'dark:border-transparent text-gray-500 hover:text-gray-600 dark:text-gray-400 border-gray-100 hover:border-gray-300 dark:border-gray-700 dark:hover:text-gray-300', - onShow: function onShow() {} -}; - -var Tabs = /*#__PURE__*/function () { - function Tabs() { - var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; - var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; - - tabs_classCallCheck(this, Tabs); - - this._items = items; - this._activeTab = options ? this.getTab(options.defaultTabId) : null; - this._options = tabs_objectSpread(tabs_objectSpread({}, tabs_Default), options); - - this._init(); - } - - tabs_createClass(Tabs, [{ - key: "_init", - value: function _init() { - var _this = this; - - if (this._items.length) { - // set the first tab as active if not set by explicitly - if (!this._activeTab) { - this._setActiveTab(this._items[0]); - } // force show the first default tab - - - this.show(this._activeTab.id, true); // show tab content based on click - - this._items.map(function (tab) { - tab.triggerEl.addEventListener('click', function () { - _this.show(tab.id); - }); - }); - } - } - }, { - key: "getActiveTab", - value: function getActiveTab() { - return this._activeTab; - } - }, { - key: "_setActiveTab", - value: function _setActiveTab(tab) { - this._activeTab = tab; - } - }, { - key: "getTab", - value: function getTab(id) { - return this._items.filter(function (t) { - return t.id === id; - })[0]; - } - }, { - key: "show", - value: function show(id) { - var _this2 = this, - _tab$triggerEl$classL, - _tab$triggerEl$classL2; - - var forceShow = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; - var tab = this.getTab(id); // don't do anything if already active - - if (tab === this._activeTab && !forceShow) { - return; - } // hide other tabs - - - this._items.map(function (t) { - if (t !== tab) { - var _t$triggerEl$classLis, _t$triggerEl$classLis2; - - (_t$triggerEl$classLis = t.triggerEl.classList).remove.apply(_t$triggerEl$classLis, tabs_toConsumableArray(_this2._options.activeClasses.split(" "))); - - (_t$triggerEl$classLis2 = t.triggerEl.classList).add.apply(_t$triggerEl$classLis2, tabs_toConsumableArray(_this2._options.inactiveClasses.split(" "))); - - t.targetEl.classList.add('hidden'); - t.triggerEl.setAttribute('aria-selected', false); - } - }); // show active tab - - - (_tab$triggerEl$classL = tab.triggerEl.classList).add.apply(_tab$triggerEl$classL, tabs_toConsumableArray(this._options.activeClasses.split(" "))); - - (_tab$triggerEl$classL2 = tab.triggerEl.classList).remove.apply(_tab$triggerEl$classL2, tabs_toConsumableArray(this._options.inactiveClasses.split(" "))); - - tab.triggerEl.setAttribute('aria-selected', true); - tab.targetEl.classList.remove('hidden'); - - this._setActiveTab(tab); // callback function - - - this._options.onShow(this, tab); - } - }]); - - return Tabs; -}(); - -window.Tabs = Tabs; - -function initTabs() { - document.querySelectorAll('[data-tabs-toggle]').forEach(function (triggerEl) { - var tabElements = []; - var defaultTabId = null; - triggerEl.querySelectorAll('[role="tab"]').forEach(function (el) { - var isActive = el.getAttribute('aria-selected') === 'true'; - var tab = { - id: el.getAttribute('data-tabs-target'), - triggerEl: el, - targetEl: document.querySelector(el.getAttribute('data-tabs-target')) - }; - tabElements.push(tab); - - if (isActive) { - defaultTabId = tab.id; - } - }); - new Tabs(tabElements, { - defaultTabId: defaultTabId - }); - }); -} - -if (document.readyState !== 'loading') { - // DOMContentLoaded event were already fired. Perform explicit initialization now - initTabs(); -} else { - // DOMContentLoaded event not yet fired, attach initialization process to it - document.addEventListener('DOMContentLoaded', initTabs); -} - -/* harmony default export */ const tabs = (Tabs); -;// CONCATENATED MODULE: ./src/components/tooltip.js -function tooltip_toConsumableArray(arr) { return tooltip_arrayWithoutHoles(arr) || tooltip_iterableToArray(arr) || tooltip_unsupportedIterableToArray(arr) || tooltip_nonIterableSpread(); } - -function tooltip_nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } - -function tooltip_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return tooltip_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return tooltip_arrayLikeToArray(o, minLen); } - -function tooltip_iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); } - -function tooltip_arrayWithoutHoles(arr) { if (Array.isArray(arr)) return tooltip_arrayLikeToArray(arr); } - -function tooltip_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; } - -function tooltip_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } - -function tooltip_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? tooltip_ownKeys(Object(source), !0).forEach(function (key) { tooltip_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : tooltip_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } - -function tooltip_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } - -function tooltip_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -function tooltip_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } - -function tooltip_createClass(Constructor, protoProps, staticProps) { if (protoProps) tooltip_defineProperties(Constructor.prototype, protoProps); if (staticProps) tooltip_defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; } - - -var tooltip_Default = { - placement: 'top', - triggerType: 'hover', - onShow: function onShow() {}, - onHide: function onHide() {} -}; - -var Tooltip = /*#__PURE__*/function () { - function Tooltip() { - var targetEl = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null; - var triggerEl = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null; - var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}; - - tooltip_classCallCheck(this, Tooltip); - - this._targetEl = targetEl; - this._triggerEl = triggerEl; - this._options = tooltip_objectSpread(tooltip_objectSpread({}, tooltip_Default), options); - this._popperInstance = this._createPopperInstace(); - - this._init(); - } - - tooltip_createClass(Tooltip, [{ - key: "_init", - value: function _init() { - var _this = this; - - if (this._triggerEl) { - var triggerEvents = this._getTriggerEvents(); - - triggerEvents.showEvents.forEach(function (ev) { - _this._triggerEl.addEventListener(ev, function () { - _this.show(); - }); - }); - triggerEvents.hideEvents.forEach(function (ev) { - _this._triggerEl.addEventListener(ev, function () { - _this.hide(); - }); - }); - } - } - }, { - key: "_createPopperInstace", - value: function _createPopperInstace() { - return popper_createPopper(this._triggerEl, this._targetEl, { - placement: this._options.placement, - modifiers: [{ - name: 'offset', - options: { - offset: [0, 8] - } - }] - }); - } - }, { - key: "_getTriggerEvents", - value: function _getTriggerEvents() { - switch (this._options.triggerType) { - case 'hover': - return { - showEvents: ['mouseenter', 'focus'], - hideEvents: ['mouseleave', 'blur'] - }; - - case 'click': - return { - showEvents: ['click', 'focus'], - hideEvents: ['focusout', 'blur'] - }; - - default: - return { - showEvents: ['mouseenter', 'focus'], - hideEvents: ['mouseleave', 'blur'] - }; - } - } - }, { - key: "show", - value: function show() { - this._targetEl.classList.remove('opacity-0', 'invisible'); - - this._targetEl.classList.add('opacity-100', 'visible'); // Enable the event listeners - - - this._popperInstance.setOptions(function (options) { - return tooltip_objectSpread(tooltip_objectSpread({}, options), {}, { - modifiers: [].concat(tooltip_toConsumableArray(options.modifiers), [{ - name: 'eventListeners', - enabled: true - }]) - }); - }); // Update its position - - - this._popperInstance.update(); // callback function - - - this._options.onShow(this); - } - }, { - key: "hide", - value: function hide() { - this._targetEl.classList.remove('opacity-100', 'visible'); - - this._targetEl.classList.add('opacity-0', 'invisible'); // Disable the event listeners - - - this._popperInstance.setOptions(function (options) { - return tooltip_objectSpread(tooltip_objectSpread({}, options), {}, { - modifiers: [].concat(tooltip_toConsumableArray(options.modifiers), [{ - name: 'eventListeners', - enabled: false - }]) - }); - }); // callback function - - - this._options.onHide(this); - } - }]); - - return Tooltip; -}(); - -window.Tooltip = Tooltip; - -function initTooltip() { - document.querySelectorAll('[data-tooltip-target]').forEach(function (triggerEl) { - var targetEl = document.getElementById(triggerEl.getAttribute('data-tooltip-target')); - var triggerType = triggerEl.getAttribute('data-tooltip-trigger'); - var placement = triggerEl.getAttribute('data-tooltip-placement'); - new Tooltip(targetEl, triggerEl, { - placement: placement ? placement : tooltip_Default.placement, - triggerType: triggerType ? triggerType : tooltip_Default.triggerType - }); - }); -} - -if (document.readyState !== 'loading') { - // DOMContentLoaded event were already fired. Perform explicit initialization now - initTooltip(); -} else { - // DOMContentLoaded event not yet fired, attach initialization process to it - document.addEventListener('DOMContentLoaded', initTooltip); -} - -/* harmony default export */ const tooltip = (Tooltip); -;// CONCATENATED MODULE: ./src/components/popover.js -function popover_toConsumableArray(arr) { return popover_arrayWithoutHoles(arr) || popover_iterableToArray(arr) || popover_unsupportedIterableToArray(arr) || popover_nonIterableSpread(); } - -function popover_nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } - -function popover_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return popover_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return popover_arrayLikeToArray(o, minLen); } - -function popover_iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); } - -function popover_arrayWithoutHoles(arr) { if (Array.isArray(arr)) return popover_arrayLikeToArray(arr); } - -function popover_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; } - -function popover_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } - -function popover_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? popover_ownKeys(Object(source), !0).forEach(function (key) { popover_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : popover_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } - -function popover_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } - -function popover_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - -function popover_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } - -function popover_createClass(Constructor, protoProps, staticProps) { if (protoProps) popover_defineProperties(Constructor.prototype, protoProps); if (staticProps) popover_defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; } - - -var popover_Default = { - placement: 'top', - offset: 10, - triggerType: 'hover', - onShow: function onShow() {}, - onHide: function onHide() {} -}; - -var Popover = /*#__PURE__*/function () { - function Popover() { - var targetEl = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null; - var triggerEl = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null; - var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}; - - popover_classCallCheck(this, Popover); - - this._targetEl = targetEl; - this._triggerEl = triggerEl; - this._options = popover_objectSpread(popover_objectSpread({}, popover_Default), options); - this._popperInstance = this._createPopperInstace(); - - this._init(); - } - - popover_createClass(Popover, [{ - key: "_init", - value: function _init() { - var _this = this; - - if (this._triggerEl) { - var triggerEvents = this._getTriggerEvents(); - - triggerEvents.showEvents.forEach(function (ev) { - _this._triggerEl.addEventListener(ev, function () { - _this.show(); - }); - - _this._targetEl.addEventListener(ev, function () { - _this.show(); - }); - }); - triggerEvents.hideEvents.forEach(function (ev) { - _this._triggerEl.addEventListener(ev, function () { - setTimeout(function () { - if (!_this._targetEl.matches(':hover')) { - _this.hide(); - } - }, 100); - }); - - _this._targetEl.addEventListener(ev, function () { - setTimeout(function () { - if (!_this._triggerEl.matches(':hover')) { - _this.hide(); - } - }, 100); - }); - }); - } - } - }, { - key: "_createPopperInstace", - value: function _createPopperInstace() { - return popper_createPopper(this._triggerEl, this._targetEl, { - placement: this._options.placement, - modifiers: [{ - name: 'offset', - options: { - offset: [0, this._options.offset] - } - }] - }); - } - }, { - key: "_getTriggerEvents", - value: function _getTriggerEvents() { - switch (this._options.triggerType) { - case 'hover': - return { - showEvents: ['mouseenter', 'focus'], - hideEvents: ['mouseleave', 'blur'] - }; - - case 'click': - return { - showEvents: ['click', 'focus'], - hideEvents: ['focusout', 'blur'] - }; - - default: - return { - showEvents: ['mouseenter', 'focus'], - hideEvents: ['mouseleave', 'blur'] - }; - } - } - }, { - key: "show", - value: function show() { - this._targetEl.classList.remove('opacity-0', 'invisible'); - - this._targetEl.classList.add('opacity-100', 'visible'); // Enable the event listeners - - - this._popperInstance.setOptions(function (options) { - return popover_objectSpread(popover_objectSpread({}, options), {}, { - modifiers: [].concat(popover_toConsumableArray(options.modifiers), [{ - name: 'eventListeners', - enabled: true - }]) - }); - }); // Update its position - - - this._popperInstance.update(); // callback function - - - this._options.onShow(this); - } - }, { - key: "hide", - value: function hide() { - this._targetEl.classList.remove('opacity-100', 'visible'); - - this._targetEl.classList.add('opacity-0', 'invisible'); // Disable the event listeners - - - this._popperInstance.setOptions(function (options) { - return popover_objectSpread(popover_objectSpread({}, options), {}, { - modifiers: [].concat(popover_toConsumableArray(options.modifiers), [{ - name: 'eventListeners', - enabled: false - }]) - }); - }); // callback function - - - this._options.onHide(this); - } - }]); - - return Popover; -}(); - -window.Popover = Popover; - -function initPopover() { - document.querySelectorAll('[data-popover-target]').forEach(function (triggerEl) { - var targetEl = document.getElementById(triggerEl.getAttribute('data-popover-target')); - var triggerType = triggerEl.getAttribute('data-popover-trigger'); - var placement = triggerEl.getAttribute('data-popover-placement'); - var offset = triggerEl.getAttribute('data-popover-offset'); - new Popover(targetEl, triggerEl, { - placement: placement ? placement : popover_Default.placement, - offset: offset ? parseInt(offset) : popover_Default.offset, - triggerType: triggerType ? triggerType : popover_Default.triggerType - }); - }); -} - -if (document.readyState !== 'loading') { - // DOMContentLoaded event were already fired. Perform explicit initialization now - initPopover(); -} else { - // DOMContentLoaded event not yet fired, attach initialization process to it - document.addEventListener('DOMContentLoaded', initPopover); -} - -/* harmony default export */ const popover = (Popover); -;// CONCATENATED MODULE: ./src/flowbite.js - // core components - - - - - - - - - - - -/* harmony default export */ const flowbite = ({ - Accordion: accordion, - Collapse: collapse, - Carousel: carousel, - Dismiss: dismiss, - Dropdown: dropdown, - Modal: modal, - Drawer: drawer, - Tabs: tabs, - Tooltip: tooltip, - Popover: popover -}); -/******/ })() -; -//# sourceMappingURL=flowbite.js.map +!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("Flowbite",[],e):"object"==typeof exports?exports.Flowbite=e():t.Flowbite=e()}(self,(function(){return function(){"use strict";var t={647:function(t,e,i){i.r(e)},853:function(t,e,i){i.r(e),i.d(e,{afterMain:function(){return w},afterRead:function(){return y},afterWrite:function(){return O},applyStyles:function(){return P},arrow:function(){return Q},auto:function(){return a},basePlacements:function(){return c},beforeMain:function(){return b},beforeRead:function(){return _},beforeWrite:function(){return L},bottom:function(){return o},clippingParents:function(){return u},computeStyles:function(){return it},createPopper:function(){return Pt},createPopperBase:function(){return Ht},createPopperLite:function(){return St},detectOverflow:function(){return mt},end:function(){return l},eventListeners:function(){return ot},flip:function(){return yt},hide:function(){return wt},left:function(){return s},main:function(){return E},modifierPhases:function(){return k},offset:function(){return Lt},placements:function(){return g},popper:function(){return h},popperGenerator:function(){return Tt},popperOffsets:function(){return It},preventOverflow:function(){return Ot},read:function(){return m},reference:function(){return f},right:function(){return r},start:function(){return d},top:function(){return n},variationPlacements:function(){return v},viewport:function(){return p},write:function(){return I}});var n="top",o="bottom",r="right",s="left",a="auto",c=[n,o,r,s],d="start",l="end",u="clippingParents",p="viewport",h="popper",f="reference",v=c.reduce((function(t,e){return t.concat([e+"-"+d,e+"-"+l])}),[]),g=[].concat(c,[a]).reduce((function(t,e){return t.concat([e,e+"-"+d,e+"-"+l])}),[]),_="beforeRead",m="read",y="afterRead",b="beforeMain",E="main",w="afterMain",L="beforeWrite",I="write",O="afterWrite",k=[_,m,y,b,E,w,L,I,O];function x(t){return t?(t.nodeName||"").toLowerCase():null}function A(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function C(t){return t instanceof A(t).Element||t instanceof Element}function T(t){return t instanceof A(t).HTMLElement||t instanceof HTMLElement}function H(t){return"undefined"!=typeof ShadowRoot&&(t instanceof A(t).ShadowRoot||t instanceof ShadowRoot)}var P={name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var i=e.styles[t]||{},n=e.attributes[t]||{},o=e.elements[t];T(o)&&x(o)&&(Object.assign(o.style,i),Object.keys(n).forEach((function(t){var e=n[t];!1===e?o.removeAttribute(t):o.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,i={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,i.popper),e.styles=i,e.elements.arrow&&Object.assign(e.elements.arrow.style,i.arrow),function(){Object.keys(e.elements).forEach((function(t){var n=e.elements[t],o=e.attributes[t]||{},r=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:i[t]).reduce((function(t,e){return t[e]="",t}),{});T(n)&&x(n)&&(Object.assign(n.style,r),Object.keys(o).forEach((function(t){n.removeAttribute(t)})))}))}},requires:["computeStyles"]};function S(t){return t.split("-")[0]}var j=Math.max,D=Math.min,z=Math.round;function M(){var t=navigator.userAgentData;return null!=t&&t.brands?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function q(){return!/^((?!chrome|android).)*safari/i.test(M())}function V(t,e,i){void 0===e&&(e=!1),void 0===i&&(i=!1);var n=t.getBoundingClientRect(),o=1,r=1;e&&T(t)&&(o=t.offsetWidth>0&&z(n.width)/t.offsetWidth||1,r=t.offsetHeight>0&&z(n.height)/t.offsetHeight||1);var s=(C(t)?A(t):window).visualViewport,a=!q()&&i,c=(n.left+(a&&s?s.offsetLeft:0))/o,d=(n.top+(a&&s?s.offsetTop:0))/r,l=n.width/o,u=n.height/r;return{width:l,height:u,top:d,right:c+l,bottom:d+u,left:c,x:c,y:d}}function B(t){var e=V(t),i=t.offsetWidth,n=t.offsetHeight;return Math.abs(e.width-i)<=1&&(i=e.width),Math.abs(e.height-n)<=1&&(n=e.height),{x:t.offsetLeft,y:t.offsetTop,width:i,height:n}}function R(t,e){var i=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(i&&H(i)){var n=e;do{if(n&&t.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function W(t){return A(t).getComputedStyle(t)}function F(t){return["table","td","th"].indexOf(x(t))>=0}function K(t){return((C(t)?t.ownerDocument:t.document)||window.document).documentElement}function N(t){return"html"===x(t)?t:t.assignedSlot||t.parentNode||(H(t)?t.host:null)||K(t)}function U(t){return T(t)&&"fixed"!==W(t).position?t.offsetParent:null}function X(t){for(var e=A(t),i=U(t);i&&F(i)&&"static"===W(i).position;)i=U(i);return i&&("html"===x(i)||"body"===x(i)&&"static"===W(i).position)?e:i||function(t){var e=/firefox/i.test(M());if(/Trident/i.test(M())&&T(t)&&"fixed"===W(t).position)return null;var i=N(t);for(H(i)&&(i=i.host);T(i)&&["html","body"].indexOf(x(i))<0;){var n=W(i);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||e&&"filter"===n.willChange||e&&n.filter&&"none"!==n.filter)return i;i=i.parentNode}return null}(t)||e}function Y(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function G(t,e,i){return j(t,D(e,i))}function $(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function J(t,e){return e.reduce((function(e,i){return e[i]=t,e}),{})}var Q={name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,i=t.state,a=t.name,d=t.options,l=i.elements.arrow,u=i.modifiersData.popperOffsets,p=S(i.placement),h=Y(p),f=[s,r].indexOf(p)>=0?"height":"width";if(l&&u){var v=function(t,e){return $("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:J(t,c))}(d.padding,i),g=B(l),_="y"===h?n:s,m="y"===h?o:r,y=i.rects.reference[f]+i.rects.reference[h]-u[h]-i.rects.popper[f],b=u[h]-i.rects.reference[h],E=X(l),w=E?"y"===h?E.clientHeight||0:E.clientWidth||0:0,L=y/2-b/2,I=v[_],O=w-g[f]-v[m],k=w/2-g[f]/2+L,x=G(I,k,O),A=h;i.modifiersData[a]=((e={})[A]=x,e.centerOffset=x-k,e)}},effect:function(t){var e=t.state,i=t.options.element,n=void 0===i?"[data-popper-arrow]":i;null!=n&&("string"!=typeof n||(n=e.elements.popper.querySelector(n)))&&R(e.elements.popper,n)&&(e.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function Z(t){return t.split("-")[1]}var tt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function et(t){var e,i=t.popper,a=t.popperRect,c=t.placement,d=t.variation,u=t.offsets,p=t.position,h=t.gpuAcceleration,f=t.adaptive,v=t.roundOffsets,g=t.isFixed,_=u.x,m=void 0===_?0:_,y=u.y,b=void 0===y?0:y,E="function"==typeof v?v({x:m,y:b}):{x:m,y:b};m=E.x,b=E.y;var w=u.hasOwnProperty("x"),L=u.hasOwnProperty("y"),I=s,O=n,k=window;if(f){var x=X(i),C="clientHeight",T="clientWidth";if(x===A(i)&&"static"!==W(x=K(i)).position&&"absolute"===p&&(C="scrollHeight",T="scrollWidth"),c===n||(c===s||c===r)&&d===l)O=o,b-=(g&&x===k&&k.visualViewport?k.visualViewport.height:x[C])-a.height,b*=h?1:-1;if(c===s||(c===n||c===o)&&d===l)I=r,m-=(g&&x===k&&k.visualViewport?k.visualViewport.width:x[T])-a.width,m*=h?1:-1}var H,P=Object.assign({position:p},f&&tt),S=!0===v?function(t){var e=t.x,i=t.y,n=window.devicePixelRatio||1;return{x:z(e*n)/n||0,y:z(i*n)/n||0}}({x:m,y:b}):{x:m,y:b};return m=S.x,b=S.y,h?Object.assign({},P,((H={})[O]=L?"0":"",H[I]=w?"0":"",H.transform=(k.devicePixelRatio||1)<=1?"translate("+m+"px, "+b+"px)":"translate3d("+m+"px, "+b+"px, 0)",H)):Object.assign({},P,((e={})[O]=L?b+"px":"",e[I]=w?m+"px":"",e.transform="",e))}var it={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,i=t.options,n=i.gpuAcceleration,o=void 0===n||n,r=i.adaptive,s=void 0===r||r,a=i.roundOffsets,c=void 0===a||a,d={placement:S(e.placement),variation:Z(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:o,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,et(Object.assign({},d,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:s,roundOffsets:c})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,et(Object.assign({},d,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:c})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},nt={passive:!0};var ot={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,i=t.instance,n=t.options,o=n.scroll,r=void 0===o||o,s=n.resize,a=void 0===s||s,c=A(e.elements.popper),d=[].concat(e.scrollParents.reference,e.scrollParents.popper);return r&&d.forEach((function(t){t.addEventListener("scroll",i.update,nt)})),a&&c.addEventListener("resize",i.update,nt),function(){r&&d.forEach((function(t){t.removeEventListener("scroll",i.update,nt)})),a&&c.removeEventListener("resize",i.update,nt)}},data:{}},rt={left:"right",right:"left",bottom:"top",top:"bottom"};function st(t){return t.replace(/left|right|bottom|top/g,(function(t){return rt[t]}))}var at={start:"end",end:"start"};function ct(t){return t.replace(/start|end/g,(function(t){return at[t]}))}function dt(t){var e=A(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function lt(t){return V(K(t)).left+dt(t).scrollLeft}function ut(t){var e=W(t),i=e.overflow,n=e.overflowX,o=e.overflowY;return/auto|scroll|overlay|hidden/.test(i+o+n)}function pt(t){return["html","body","#document"].indexOf(x(t))>=0?t.ownerDocument.body:T(t)&&ut(t)?t:pt(N(t))}function ht(t,e){var i;void 0===e&&(e=[]);var n=pt(t),o=n===(null==(i=t.ownerDocument)?void 0:i.body),r=A(n),s=o?[r].concat(r.visualViewport||[],ut(n)?n:[]):n,a=e.concat(s);return o?a:a.concat(ht(N(s)))}function ft(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function vt(t,e,i){return e===p?ft(function(t,e){var i=A(t),n=K(t),o=i.visualViewport,r=n.clientWidth,s=n.clientHeight,a=0,c=0;if(o){r=o.width,s=o.height;var d=q();(d||!d&&"fixed"===e)&&(a=o.offsetLeft,c=o.offsetTop)}return{width:r,height:s,x:a+lt(t),y:c}}(t,i)):C(e)?function(t,e){var i=V(t,!1,"fixed"===e);return i.top=i.top+t.clientTop,i.left=i.left+t.clientLeft,i.bottom=i.top+t.clientHeight,i.right=i.left+t.clientWidth,i.width=t.clientWidth,i.height=t.clientHeight,i.x=i.left,i.y=i.top,i}(e,i):ft(function(t){var e,i=K(t),n=dt(t),o=null==(e=t.ownerDocument)?void 0:e.body,r=j(i.scrollWidth,i.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),s=j(i.scrollHeight,i.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),a=-n.scrollLeft+lt(t),c=-n.scrollTop;return"rtl"===W(o||i).direction&&(a+=j(i.clientWidth,o?o.clientWidth:0)-r),{width:r,height:s,x:a,y:c}}(K(t)))}function gt(t,e,i,n){var o="clippingParents"===e?function(t){var e=ht(N(t)),i=["absolute","fixed"].indexOf(W(t).position)>=0&&T(t)?X(t):t;return C(i)?e.filter((function(t){return C(t)&&R(t,i)&&"body"!==x(t)})):[]}(t):[].concat(e),r=[].concat(o,[i]),s=r[0],a=r.reduce((function(e,i){var o=vt(t,i,n);return e.top=j(o.top,e.top),e.right=D(o.right,e.right),e.bottom=D(o.bottom,e.bottom),e.left=j(o.left,e.left),e}),vt(t,s,n));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function _t(t){var e,i=t.reference,a=t.element,c=t.placement,u=c?S(c):null,p=c?Z(c):null,h=i.x+i.width/2-a.width/2,f=i.y+i.height/2-a.height/2;switch(u){case n:e={x:h,y:i.y-a.height};break;case o:e={x:h,y:i.y+i.height};break;case r:e={x:i.x+i.width,y:f};break;case s:e={x:i.x-a.width,y:f};break;default:e={x:i.x,y:i.y}}var v=u?Y(u):null;if(null!=v){var g="y"===v?"height":"width";switch(p){case d:e[v]=e[v]-(i[g]/2-a[g]/2);break;case l:e[v]=e[v]+(i[g]/2-a[g]/2)}}return e}function mt(t,e){void 0===e&&(e={});var i=e,s=i.placement,a=void 0===s?t.placement:s,d=i.strategy,l=void 0===d?t.strategy:d,v=i.boundary,g=void 0===v?u:v,_=i.rootBoundary,m=void 0===_?p:_,y=i.elementContext,b=void 0===y?h:y,E=i.altBoundary,w=void 0!==E&&E,L=i.padding,I=void 0===L?0:L,O=$("number"!=typeof I?I:J(I,c)),k=b===h?f:h,x=t.rects.popper,A=t.elements[w?k:b],T=gt(C(A)?A:A.contextElement||K(t.elements.popper),g,m,l),H=V(t.elements.reference),P=_t({reference:H,element:x,strategy:"absolute",placement:a}),S=ft(Object.assign({},x,P)),j=b===h?S:H,D={top:T.top-j.top+O.top,bottom:j.bottom-T.bottom+O.bottom,left:T.left-j.left+O.left,right:j.right-T.right+O.right},z=t.modifiersData.offset;if(b===h&&z){var M=z[a];Object.keys(D).forEach((function(t){var e=[r,o].indexOf(t)>=0?1:-1,i=[n,o].indexOf(t)>=0?"y":"x";D[t]+=M[i]*e}))}return D}var yt={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,i=t.options,l=t.name;if(!e.modifiersData[l]._skip){for(var u=i.mainAxis,p=void 0===u||u,h=i.altAxis,f=void 0===h||h,_=i.fallbackPlacements,m=i.padding,y=i.boundary,b=i.rootBoundary,E=i.altBoundary,w=i.flipVariations,L=void 0===w||w,I=i.allowedAutoPlacements,O=e.options.placement,k=S(O),x=_||(k===O||!L?[st(O)]:function(t){if(S(t)===a)return[];var e=st(t);return[ct(t),e,ct(e)]}(O)),A=[O].concat(x).reduce((function(t,i){return t.concat(S(i)===a?function(t,e){void 0===e&&(e={});var i=e,n=i.placement,o=i.boundary,r=i.rootBoundary,s=i.padding,a=i.flipVariations,d=i.allowedAutoPlacements,l=void 0===d?g:d,u=Z(n),p=u?a?v:v.filter((function(t){return Z(t)===u})):c,h=p.filter((function(t){return l.indexOf(t)>=0}));0===h.length&&(h=p);var f=h.reduce((function(e,i){return e[i]=mt(t,{placement:i,boundary:o,rootBoundary:r,padding:s})[S(i)],e}),{});return Object.keys(f).sort((function(t,e){return f[t]-f[e]}))}(e,{placement:i,boundary:y,rootBoundary:b,padding:m,flipVariations:L,allowedAutoPlacements:I}):i)}),[]),C=e.rects.reference,T=e.rects.popper,H=new Map,P=!0,j=A[0],D=0;D=0,B=V?"width":"height",R=mt(e,{placement:z,boundary:y,rootBoundary:b,altBoundary:E,padding:m}),W=V?q?r:s:q?o:n;C[B]>T[B]&&(W=st(W));var F=st(W),K=[];if(p&&K.push(R[M]<=0),f&&K.push(R[W]<=0,R[F]<=0),K.every((function(t){return t}))){j=z,P=!1;break}H.set(z,K)}if(P)for(var N=function(t){var e=A.find((function(e){var i=H.get(e);if(i)return i.slice(0,t).every((function(t){return t}))}));if(e)return j=e,"break"},U=L?3:1;U>0;U--){if("break"===N(U))break}e.placement!==j&&(e.modifiersData[l]._skip=!0,e.placement=j,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function bt(t,e,i){return void 0===i&&(i={x:0,y:0}),{top:t.top-e.height-i.y,right:t.right-e.width+i.x,bottom:t.bottom-e.height+i.y,left:t.left-e.width-i.x}}function Et(t){return[n,r,o,s].some((function(e){return t[e]>=0}))}var wt={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,i=t.name,n=e.rects.reference,o=e.rects.popper,r=e.modifiersData.preventOverflow,s=mt(e,{elementContext:"reference"}),a=mt(e,{altBoundary:!0}),c=bt(s,n),d=bt(a,o,r),l=Et(c),u=Et(d);e.modifiersData[i]={referenceClippingOffsets:c,popperEscapeOffsets:d,isReferenceHidden:l,hasPopperEscaped:u},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":l,"data-popper-escaped":u})}};var Lt={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,i=t.options,o=t.name,a=i.offset,c=void 0===a?[0,0]:a,d=g.reduce((function(t,i){return t[i]=function(t,e,i){var o=S(t),a=[s,n].indexOf(o)>=0?-1:1,c="function"==typeof i?i(Object.assign({},e,{placement:t})):i,d=c[0],l=c[1];return d=d||0,l=(l||0)*a,[s,r].indexOf(o)>=0?{x:l,y:d}:{x:d,y:l}}(i,e.rects,c),t}),{}),l=d[e.placement],u=l.x,p=l.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=u,e.modifiersData.popperOffsets.y+=p),e.modifiersData[o]=d}};var It={name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state,i=t.name;e.modifiersData[i]=_t({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}};var Ot={name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,i=t.options,a=t.name,c=i.mainAxis,l=void 0===c||c,u=i.altAxis,p=void 0!==u&&u,h=i.boundary,f=i.rootBoundary,v=i.altBoundary,g=i.padding,_=i.tether,m=void 0===_||_,y=i.tetherOffset,b=void 0===y?0:y,E=mt(e,{boundary:h,rootBoundary:f,padding:g,altBoundary:v}),w=S(e.placement),L=Z(e.placement),I=!L,O=Y(w),k="x"===O?"y":"x",x=e.modifiersData.popperOffsets,A=e.rects.reference,C=e.rects.popper,T="function"==typeof b?b(Object.assign({},e.rects,{placement:e.placement})):b,H="number"==typeof T?{mainAxis:T,altAxis:T}:Object.assign({mainAxis:0,altAxis:0},T),P=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,z={x:0,y:0};if(x){if(l){var M,q="y"===O?n:s,V="y"===O?o:r,R="y"===O?"height":"width",W=x[O],F=W+E[q],K=W-E[V],N=m?-C[R]/2:0,U=L===d?A[R]:C[R],$=L===d?-C[R]:-A[R],J=e.elements.arrow,Q=m&&J?B(J):{width:0,height:0},tt=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},et=tt[q],it=tt[V],nt=G(0,A[R],Q[R]),ot=I?A[R]/2-N-nt-et-H.mainAxis:U-nt-et-H.mainAxis,rt=I?-A[R]/2+N+nt+it+H.mainAxis:$+nt+it+H.mainAxis,st=e.elements.arrow&&X(e.elements.arrow),at=st?"y"===O?st.clientTop||0:st.clientLeft||0:0,ct=null!=(M=null==P?void 0:P[O])?M:0,dt=W+rt-ct,lt=G(m?D(F,W+ot-ct-at):F,W,m?j(K,dt):K);x[O]=lt,z[O]=lt-W}if(p){var ut,pt="x"===O?n:s,ht="x"===O?o:r,ft=x[k],vt="y"===k?"height":"width",gt=ft+E[pt],_t=ft-E[ht],yt=-1!==[n,s].indexOf(w),bt=null!=(ut=null==P?void 0:P[k])?ut:0,Et=yt?gt:ft-A[vt]-C[vt]-bt+H.altAxis,wt=yt?ft+A[vt]+C[vt]-bt-H.altAxis:_t,Lt=m&&yt?function(t,e,i){var n=G(t,e,i);return n>i?i:n}(Et,ft,wt):G(m?Et:gt,ft,m?wt:_t);x[k]=Lt,z[k]=Lt-ft}e.modifiersData[a]=z}},requiresIfExists:["offset"]};function kt(t,e,i){void 0===i&&(i=!1);var n,o,r=T(e),s=T(e)&&function(t){var e=t.getBoundingClientRect(),i=z(e.width)/t.offsetWidth||1,n=z(e.height)/t.offsetHeight||1;return 1!==i||1!==n}(e),a=K(e),c=V(t,s,i),d={scrollLeft:0,scrollTop:0},l={x:0,y:0};return(r||!r&&!i)&&(("body"!==x(e)||ut(a))&&(d=(n=e)!==A(n)&&T(n)?{scrollLeft:(o=n).scrollLeft,scrollTop:o.scrollTop}:dt(n)),T(e)?((l=V(e,!0)).x+=e.clientLeft,l.y+=e.clientTop):a&&(l.x=lt(a))),{x:c.left+d.scrollLeft-l.x,y:c.top+d.scrollTop-l.y,width:c.width,height:c.height}}function xt(t){var e=new Map,i=new Set,n=[];function o(t){i.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!i.has(t)){var n=e.get(t);n&&o(n)}})),n.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){i.has(t.name)||o(t)})),n}var At={placement:"bottom",modifiers:[],strategy:"absolute"};function Ct(){for(var t=arguments.length,e=new Array(t),i=0;it._options.maxValue&&(i.value=t._options.maxValue.toString()),null!==t._options.minValue&&parseInt(i.value)=this._options.maxValue||(this._targetEl.value=(this.getCurrentValue()+1).toString(),this._options.onIncrement(this))},t.prototype.decrement=function(){null!==this._options.minValue&&this.getCurrentValue()<=this._options.minValue||(this._targetEl.value=(this.getCurrentValue()-1).toString(),this._options.onDecrement(this))},t.prototype.updateOnIncrement=function(t){this._options.onIncrement=t},t.prototype.updateOnDecrement=function(t){this._options.onDecrement=t},t}();function c(){document.querySelectorAll("[data-input-counter]").forEach((function(t){var e=t.id,i=document.querySelector('[data-input-counter-increment="'+e+'"]'),n=document.querySelector('[data-input-counter-decrement="'+e+'"]'),r=t.getAttribute("data-input-counter-min"),s=t.getAttribute("data-input-counter-max");t?o.default.instanceExists("InputCounter",t.getAttribute("id"))||new a(t,i||null,n||null,{minValue:r?parseInt(r):null,maxValue:s?parseInt(s):null}):console.error('The target element with id "'.concat(e,'" does not exist. Please check the data-input-counter attribute.'))}))}e.initInputCounters=c,"undefined"!=typeof window&&(window.InputCounter=a,window.initInputCounters=c),e.default=a},16:function(t,e,i){var n=this&&this.__assign||function(){return n=Object.assign||function(t){for(var e,i=1,n=arguments.length;i { event.target.classList.remove('error'); }); }); -}); \ No newline at end of file +}); + +const selects = document.querySelectorAll('select.disabled-select'); +for (const select of selects) { + if (select.disabled) { + select.classList.add('disabled-select-enabled'); + } else { + select.classList.remove('disabled-select-enabled'); + } +} + + +const inputs = document.querySelectorAll('input.disabled-input, input[type="checkbox"].disabled-input'); +for (const input of inputs) { + if (input.readOnly) { + input.classList.add('disabled-input-enabled'); + } else { + input.classList.remove('disabled-input-enabled'); + } +} diff --git a/basicswap/templates/bid.html b/basicswap/templates/bid.html index 9da4a7f..36d788d 100644 --- a/basicswap/templates/bid.html +++ b/basicswap/templates/bid.html @@ -1,4 +1,6 @@ {% include 'header.html' %} +{% from 'style.html' import breadcrumb_line_svg, circular_arrows_svg, input_arrow_down_svg, small_arrow_white_right_svg %} +
@@ -9,19 +11,11 @@

Home

-
  • - - - -
    • +
  • {{ breadcrumb_line_svg | safe }}
  • Bids
    • -
  • - - - -
    • +
  • {{ breadcrumb_line_svg | safe }}
  • BID ID: {{ bid_id }}
    • @@ -38,7 +32,7 @@

    Bid {% if debug_mode == true %} (Debug: bid template) {% endif %}

    -

    Bid ID: {{ bid_id }}

    +

    BID ID: {{ bid_id }}

    {% if refresh %} @@ -88,9 +82,7 @@
    {{ data.amt_to }} {{ data.ticker_to }} - + {{ small_arrow_white_right_svg | safe }} {{ data.amt_from }} {{ data.ticker_from }}
    @@ -101,9 +93,7 @@
    {{ data.amt_from }} {{ data.ticker_from }} - + {{ small_arrow_white_right_svg | safe }} {{ data.amt_to }} {{ data.ticker_to }}
    @@ -455,9 +445,7 @@ Change Bid State:
    - - - + {{ input_arrow_down_svg| safe }} None {% for a in data.debug_options %} @@ -583,4 +569,4 @@
    {% include 'footer.html' %} - + \ No newline at end of file diff --git a/basicswap/templates/bid_xmr.html b/basicswap/templates/bid_xmr.html index 7a4847b..b72c13f 100644 --- a/basicswap/templates/bid_xmr.html +++ b/basicswap/templates/bid_xmr.html @@ -1,5 +1,5 @@ {% include 'header.html' %} -{% from 'style.html' import input_arrow_down_svg %} +{% from 'style.html' import breadcrumb_line_svg, circular_arrows_svg, input_arrow_down_svg, small_arrow_white_right_svg %}
    @@ -11,19 +11,11 @@

    Home

    -
  • - - - -
    • +
  • {{ breadcrumb_line_svg | safe }}
  • Bids
    • -
  • - - - -
    • +
  • {{ breadcrumb_line_svg | safe }}
  • BID ID: {{ bid_id }}
    • @@ -40,7 +32,7 @@

    Bid {% if debug_mode == true %} (Debug: bid_xmr template) {% endif %}

    -

    Bid ID: {{ bid_id }}

    +

    BID ID: {{ bid_id }}

    {% if refresh %} @@ -90,9 +82,7 @@
    {{ data.amt_to }} {{ data.ticker_to }} - + {{ small_arrow_white_right_svg | safe }} {{ data.amt_from }} {{ data.ticker_from }}
    @@ -103,9 +93,7 @@
    {{ data.amt_from }} {{ data.ticker_from }} - + {{ small_arrow_white_right_svg | safe }} {{ data.amt_to }} {{ data.ticker_to }}
    @@ -497,7 +485,8 @@ View Transaction: -
    {{ input_arrow_down_svg | safe }} +
    + {{ input_arrow_down_svg | safe }} {% for s in data.bid_states %} @@ -727,7 +717,8 @@ Add Bid Action: -
    {{ input_arrow_down_svg | safe }} +
    + {{ input_arrow_down_svg | safe }} None {% for a in data.debug_options %} @@ -853,4 +845,4 @@
    {% include 'footer.html' %} - + \ No newline at end of file diff --git a/basicswap/templates/inc_messages.html b/basicswap/templates/inc_messages.html index 581506a..dda87db 100644 --- a/basicswap/templates/inc_messages.html +++ b/basicswap/templates/inc_messages.html @@ -1,21 +1,26 @@ +{% from 'style.html' import circular_info_messages_svg, green_cross_close_svg, red_cross_close_svg, circular_error_messages_svg %} + {% for m in messages %} -{% from 'style.html' import confirm_green_svg, green_cross_close_svg, red_cross_close_svg %} - +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    + +
    +
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    + + + + + + + {% if data.amt_var==true %} + + {% endif %} {% if data.rate_var==true %} + {% endif %} - - - - - - - - - - +
    -
    {% include 'footer.html' %} +
    +{% include 'footer.html' %} \ No newline at end of file diff --git a/basicswap/templates/offers.html b/basicswap/templates/offers.html index 72419b6..911dd53 100644 --- a/basicswap/templates/offers.html +++ b/basicswap/templates/offers.html @@ -1247,7 +1247,7 @@ const chart = new Chart(ctx, { {% if sent_offers %}
    - + {% if o[11]==true %} Expired {% else %} Edit {% endif %}
    @@ -1255,7 +1255,7 @@ const chart = new Chart(ctx, { {% else %}
    - + {% if o[9]==true %} Edit {% else %} Swap {% endif %}
    diff --git a/basicswap/templates/smsgaddresses.html b/basicswap/templates/smsgaddresses.html index cdb73b5..e1dd9cd 100644 --- a/basicswap/templates/smsgaddresses.html +++ b/basicswap/templates/smsgaddresses.html @@ -42,7 +42,7 @@
    -

    Edit Address: {{ data.addr_data.addr }}

    +

    Edit Address: {{ data.addr_data.addr }}

    diff --git a/basicswap/templates/style.html b/basicswap/templates/style.html index 7160e64..6532c59 100644 --- a/basicswap/templates/style.html +++ b/basicswap/templates/style.html @@ -452,11 +452,6 @@ ' %} -{% set confirm_green_svg = ' - - - -' %} {% set green_cross_close_svg = ' ' %} - +{% set small_arrow_white_right_svg = ' + +' %} +{% set circular_error_messages_svg = ' + + + +' %} +{% set confirm_green_svg = ' + + + + +' %} +{% set circular_info_messages_svg = ' + +' %} +{% set input_down_arrow_offer_svg = ' + + + +' %} +{% set select_network_svg = ' + + + + + + + + + +' %} +{% set select_address_svg = ' + + + + + + + + + +' %} +{% set select_swap_type_svg = ' + + + + + + + + +' %} +{% set select_bid_amount_svg = ' + + + + + + + + + + +' %} +{% set select_rate_svg = ' + + + + + + + +' %} +{% set step_one_svg = ' + + + + + +' %} +{% set step_two_svg = ' + + + + + +' %} +{% set step_three_svg = ' + + + + + +' %} +{% set select_setup_svg = ' + + + + + + + + + +' %} +{% set select_auto_strategy_svg = ' + + + + + + + + + + + +' %} +{% set input_time_svg = ' + + + + + +' %} +{% set select_target_svg = ' + + + + + + + +' %} {% set select_box_class = 'hover:border-blue-500 bg-gray-50 text-gray-900 appearance-none pr-10 dark:bg-gray-500 dark:text-white border border-gray-300 dark:border-gray-400 dark:text-gray-50 dark:placeholder-white text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 focus:ring-0' %}