npm - @zanichelli/albe-web-components - Versions diffs - 19.6.1 → 20.0.0 - Mend

@zanichelli/albe-web-components 19.6.1 → 20.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (903) hide show

package/dist/esm/z-date-picker.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"z-date-picker.entry.js","sources":["node_modules/flatpickr/dist/plugins/monthSelect/index.js","src/components/date-picker/styles.css?tag=z-date-picker","src/components/date-picker/z-date-picker/index.tsx"],"sourcesContent":["(function (global, factory) {\n typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :\n typeof define === 'function' && define.amd ? define(factory) :\n (global = typeof globalThis !== 'undefined' ? globalThis : global \|\| self, global.monthSelectPlugin = factory());\n}(this, (function () { 'use strict';\n\n /! **************************************************************************\r\n Copyright (c) Microsoft Corporation.\r\n\r\n Permission to use, copy, modify, and/or distribute this software for any\r\n purpose with or without fee is hereby granted.\r\n\r\n THE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\n REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\n AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\n INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\n LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\n OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\n PERFORMANCE OF THIS SOFTWARE.\r\n *************************************************************************** /\r\n\r\n var __assign = function() {\r\n __assign = Object.assign \|\| function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n };\n\n var monthToStr = function (monthNumber, shorthand, locale) { return locale.months[shorthand ? \"shorthand\" : \"longhand\"][monthNumber]; };\n\n function clearNode(node) {\n while (node.firstChild)\n node.removeChild(node.firstChild);\n }\n function getEventTarget(event) {\n try {\n if (typeof event.composedPath === \"function\") {\n var path = event.composedPath();\n return path[0];\n }\n return event.target;\n }\n catch (error) {\n return event.target;\n }\n }\n\n var defaultConfig = {\n shorthand: false,\n dateFormat: \"F Y\",\n altFormat: \"F Y\",\n theme: \"light\",\n };\n function monthSelectPlugin(pluginConfig) {\n var config = __assign(__assign({}, defaultConfig), pluginConfig);\n return function (fp) {\n fp.config.dateFormat = config.dateFormat;\n fp.config.altFormat = config.altFormat;\n var self = { monthsContainer: null };\n function clearUnnecessaryDOMElements() {\n if (!fp.rContainer)\n return;\n clearNode(fp.rContainer);\n for (var index = 0; index < fp.monthElements.length; index++) {\n var element = fp.monthElements[index];\n if (!element.parentNode)\n continue;\n element.parentNode.removeChild(element);\n }\n }\n function build() {\n if (!fp.rContainer)\n return;\n self.monthsContainer = fp._createElement(\"div\", \"flatpickr-monthSelect-months\");\n self.monthsContainer.tabIndex = -1;\n buildMonths();\n fp.rContainer.appendChild(self.monthsContainer);\n fp.calendarContainer.classList.add(\"flatpickr-monthSelect-theme-\" + config.theme);\n }\n function buildMonths() {\n if (!self.monthsContainer)\n return;\n clearNode(self.monthsContainer);\n var frag = document.createDocumentFragment();\n for (var i = 0; i < 12; i++) {\n var month = fp.createDay(\"flatpickr-monthSelect-month\", new Date(fp.currentYear, i), 0, i);\n if (month.dateObj.getMonth() === new Date().getMonth() &&\n month.dateObj.getFullYear() === new Date().getFullYear())\n month.classList.add(\"today\");\n month.textContent = monthToStr(i, config.shorthand, fp.l10n);\n month.addEventListener(\"click\", selectMonth);\n frag.appendChild(month);\n }\n self.monthsContainer.appendChild(frag);\n if (fp.config.minDate &&\n fp.currentYear === fp.config.minDate.getFullYear())\n fp.prevMonthNav.classList.add(\"flatpickr-disabled\");\n else\n fp.prevMonthNav.classList.remove(\"flatpickr-disabled\");\n if (fp.config.maxDate &&\n fp.currentYear === fp.config.maxDate.getFullYear())\n fp.nextMonthNav.classList.add(\"flatpickr-disabled\");\n else\n fp.nextMonthNav.classList.remove(\"flatpickr-disabled\");\n }\n function bindEvents() {\n fp._bind(fp.prevMonthNav, \"click\", function (e) {\n e.preventDefault();\n e.stopPropagation();\n fp.changeYear(fp.currentYear - 1);\n selectYear();\n buildMonths();\n });\n fp._bind(fp.nextMonthNav, \"click\", function (e) {\n e.preventDefault();\n e.stopPropagation();\n fp.changeYear(fp.currentYear + 1);\n selectYear();\n buildMonths();\n });\n fp._bind(self.monthsContainer, \"mouseover\", function (e) {\n if (fp.config.mode === \"range\")\n fp.onMouseOver(getEventTarget(e), \"flatpickr-monthSelect-month\");\n });\n }\n function setCurrentlySelected() {\n if (!fp.rContainer)\n return;\n if (!fp.selectedDates.length)\n return;\n var currentlySelected = fp.rContainer.querySelectorAll(\".flatpickr-monthSelect-month.selected\");\n for (var index = 0; index < currentlySelected.length; index++) {\n currentlySelected[index].classList.remove(\"selected\");\n }\n var targetMonth = fp.selectedDates[0].getMonth();\n var month = fp.rContainer.querySelector(\".flatpickr-monthSelect-month:nth-child(\" + (targetMonth + 1) + \")\");\n if (month) {\n month.classList.add(\"selected\");\n }\n }\n function selectYear() {\n var selectedDate = fp.selectedDates[0];\n if (selectedDate) {\n selectedDate = new Date(selectedDate);\n selectedDate.setFullYear(fp.currentYear);\n if (fp.config.minDate && selectedDate < fp.config.minDate) {\n selectedDate = fp.config.minDate;\n }\n if (fp.config.maxDate && selectedDate > fp.config.maxDate) {\n selectedDate = fp.config.maxDate;\n }\n fp.currentYear = selectedDate.getFullYear();\n }\n fp.currentYearElement.value = String(fp.currentYear);\n if (fp.rContainer) {\n var months = fp.rContainer.querySelectorAll(\".flatpickr-monthSelect-month\");\n months.forEach(function (month) {\n month.dateObj.setFullYear(fp.currentYear);\n if ((fp.config.minDate && month.dateObj < fp.config.minDate) \|\|\n (fp.config.maxDate && month.dateObj > fp.config.maxDate)) {\n month.classList.add(\"flatpickr-disabled\");\n }\n else {\n month.classList.remove(\"flatpickr-disabled\");\n }\n });\n }\n setCurrentlySelected();\n }\n function selectMonth(e) {\n e.preventDefault();\n e.stopPropagation();\n var eventTarget = getEventTarget(e);\n if (!(eventTarget instanceof Element))\n return;\n if (eventTarget.classList.contains(\"flatpickr-disabled\"))\n return;\n if (eventTarget.classList.contains(\"notAllowed\"))\n return; // necessary??\n setMonth(eventTarget.dateObj);\n if (fp.config.closeOnSelect) {\n var single = fp.config.mode === \"single\";\n var range = fp.config.mode === \"range\" && fp.selectedDates.length === 2;\n if (single \|\| range)\n fp.close();\n }\n }\n function setMonth(date) {\n var selectedDate = new Date(fp.currentYear, date.getMonth(), date.getDate());\n var selectedDates = [];\n switch (fp.config.mode) {\n case \"single\":\n selectedDates = [selectedDate];\n break;\n case \"multiple\":\n selectedDates.push(selectedDate);\n break;\n case \"range\":\n if (fp.selectedDates.length === 2) {\n selectedDates = [selectedDate];\n }\n else {\n selectedDates = fp.selectedDates.concat([selectedDate]);\n selectedDates.sort(function (a, b) { return a.getTime() - b.getTime(); });\n }\n break;\n }\n fp.setDate(selectedDates, true);\n setCurrentlySelected();\n }\n var shifts = {\n 37: -1,\n 39: 1,\n 40: 3,\n 38: -3,\n };\n function onKeyDown(_, __, ___, e) {\n var shouldMove = shifts[e.keyCode] !== undefined;\n if (!shouldMove && e.keyCode !== 13) {\n return;\n }\n if (!fp.rContainer \|\| !self.monthsContainer)\n return;\n var currentlySelected = fp.rContainer.querySelector(\".flatpickr-monthSelect-month.selected\");\n var index = Array.prototype.indexOf.call(self.monthsContainer.children, document.activeElement);\n if (index === -1) {\n var target = currentlySelected \|\| self.monthsContainer.firstElementChild;\n target.focus();\n index = target.$i;\n }\n if (shouldMove) {\n self.monthsContainer.children[(12 + index + shifts[e.keyCode]) % 12].focus();\n }\n else if (e.keyCode === 13 &&\n self.monthsContainer.contains(document.activeElement)) {\n setMonth(document.activeElement.dateObj);\n }\n }\n function closeHook() {\n var _a;\n if (((_a = fp.config) === null \|\| _a === void 0 ? void 0 : _a.mode) === \"range\" && fp.selectedDates.length === 1)\n fp.clear(false);\n if (!fp.selectedDates.length)\n buildMonths();\n }\n // Help the prev/next year nav honor config.minDate (see 3fa5a69)\n function stubCurrentMonth() {\n config._stubbedCurrentMonth = fp._initialDate.getMonth();\n fp._initialDate.setMonth(config._stubbedCurrentMonth);\n fp.currentMonth = config._stubbedCurrentMonth;\n }\n function unstubCurrentMonth() {\n if (!config._stubbedCurrentMonth)\n return;\n fp._initialDate.setMonth(config._stubbedCurrentMonth);\n fp.currentMonth = config._stubbedCurrentMonth;\n delete config._stubbedCurrentMonth;\n }\n function destroyPluginInstance() {\n if (self.monthsContainer !== null) {\n var months = self.monthsContainer.querySelectorAll(\".flatpickr-monthSelect-month\");\n for (var index = 0; index < months.length; index++) {\n months[index].removeEventListener(\"click\", selectMonth);\n }\n }\n }\n return {\n onParseConfig: function () {\n fp.config.enableTime = false;\n },\n onValueUpdate: setCurrentlySelected,\n onKeyDown: onKeyDown,\n onReady: [\n stubCurrentMonth,\n clearUnnecessaryDOMElements,\n build,\n bindEvents,\n setCurrentlySelected,\n function () {\n fp.config.onClose.push(closeHook);\n fp.loadedPlugins.push(\"monthSelect\");\n },\n ],\n onDestroy: [\n unstubCurrentMonth,\n destroyPluginInstance,\n function () {\n fp.config.onClose = fp.config.onClose.filter(function (hook) { return hook !== closeHook; });\n },\n ],\n };\n };\n }\n\n return monthSelectPlugin;\n\n})));\n","@import \"~flatpickr/dist/flatpickr.min.css\";\n@import \"~flatpickr/dist/plugins/monthSelect/style.css\";\n\n/ stylelint-disable selector-class-pattern -- we have no control over flatpickr css classes naming /\n\n:host {\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n\n --z-range-picker--toggle-height: 0;\n}\n\nz-date-picker {\n position: relative;\n}\n\nz-date-picker > div > {\n cursor: pointer !important;\n}\n\nz-range-picker {\n position: relative;\n}\n\n.flatpickr-toggle-container {\n width: fit-content;\n}\n\n.range-pickers-container > div {\n position: relative;\n}\n\n.hidden-input {\n position: absolute;\n bottom: 0;\n width: 0;\n height: 0;\n visibility: hidden !important;\n}\n\n/* Calendar container selectors /\n.flatpickr-calendar::before,\n.flatpickr-calendar::after {\n display: none;\n}\n\n.flatpickr-calendar {\n position: absolute !important;\n top: var(--z-range-picker--toggle-height) !important;\n left: 0 !important;\n padding-top: calc(var(--space-unit) 2);\n border-radius: 2px;\n box-shadow: var(--shadow-2);\n font-family: var(--font-family-sans) !important;\n}\n\n.months.top > .flatpickr-calendar {\n top: -288px !important;\n}\n\n.date.top > .flatpickr-calendar,\n.date.top > div > .flatpickr-calendar {\n top: -401px !important;\n}\n\n.date-time.top > .flatpickr-calendar,\n.date-time.top > div > .flatpickr-calendar {\n top: -523px !important;\n}\n\n.flatpickr-calendar,\n.flatpickr-innerContainer,\n.flatpickr-days,\n.dayContainer,\n.flatpickr-rContainer,\n.flatpickr-monthSelect-months {\n width: calc(var(--space-unit) * 42) !important;\n max-width: calc(var(--space-unit) * 42) !important;\n}\n\n.flatpickr-monthSelect-months {\n box-sizing: border-box;\n padding: 0 !important;\n margin: calc(var(--space-unit) * 2) 0 !important;\n}\n\n/* Months and year row containers selectors /\n.flatpickr-months {\n position: relative;\n height: calc(var(--space-unit) 6) !important;\n align-items: center;\n margin-bottom: var(--space-unit) 0 !important;\n}\n\n.flatpickr-month {\n overflow: visible !important;\n height: calc(var(--space-unit) * 6) !important;\n}\n\n.flatpickr-current-month {\n left: 0 !important;\n display: flex !important;\n width: fill-available;\n height: calc(var(--space-unit) * 6);\n align-items: baseline;\n justify-content: space-evenly;\n padding-top: 0;\n}\n\n/* Months arrows selectors /\n.flatpickr-next-month,\n.flatpickr-prev-month {\n position: static !important;\n display: flex;\n width: calc(var(--space-unit) 4) !important;\n height: calc(var(--space-unit) * 4) !important;\n align-items: center;\n justify-content: center;\n padding: 0 !important;\n}\n\n.flatpickr-prev-month {\n margin-left: var(--space-unit);\n}\n\n.flatpickr-next-month {\n margin-right: var(--space-unit);\n}\n\n.flatpickr-next-month > svg,\n.flatpickr-prev-month > svg {\n width: calc(var(--space-unit) * 2) !important;\n height: calc(var(--space-unit) * 2) !important;\n fill: var(--color-primary01);\n}\n\n.flatpickr-next-month:hover,\n.flatpickr-prev-month:hover,\n.flatpickr-next-month:focus,\n.flatpickr-prev-month:focus {\n border: none !important;\n border-color: var(--color-primary03) !important;\n background-color: var(--color-primary03) !important;\n border-radius: var(--border-radius);\n color: var(--color-hover-primary) !important;\n outline: none !important;\n}\n\n.flatpickr-next-month:hover svg,\n.flatpickr-prev-month:hover svg {\n fill: var(--color-hover-primary) !important;\n}\n\n.flatpickr-next-month:active,\n.flatpickr-prev-month:active {\n border-color: var(--color-surface01) !important;\n background-color: var(--color-surface01) !important;\n border-radius: var(--border-radius);\n box-shadow: var(--shadow-2) !important;\n color: var(--color-primary01) !important;\n}\n\n.flatpickr-next-month:focus svg,\n.flatpickr-prev-month:focus svg {\n fill: var(--color-primary01) !important;\n}\n\n/* Months dropdown selectors /\n.flatpickr-monthDropdown-months {\n width: 108px !important;\n height: calc(var(--space-unit) 5.5) !important;\n padding-left: var(--space-unit) !important;\n background: var(--color-surface01) !important;\n color: var(--color-default-text) !important;\n font-size: var(--font-size-3) !important;\n font-weight: var(--font-rg) !important;\n outline: 1px solid black !important;\n}\n\n.flatpickr-monthDropdown-months:hover,\n.flatpickr-monthDropdown-months:focus {\n outline: 1px solid var(--color-primary01) !important;\n}\n\n/* Year toggle selectors /\n.flatpickr-current-month > .numInputWrapper {\n display: flex;\n width: calc(var(--space-unit) 10);\n height: calc(var(--space-unit) * 5.5) !important;\n background: var(--color-surface01) !important;\n color: var(--color-default-text);\n outline: 1px solid black !important;\n}\n\n.flatpickr-current-month > .numInputWrapper:hover,\n.flatpickr-current-month > .numInputWrapper:focus-within {\n outline: 1px solid var(--color-primary01) !important;\n}\n\n.flatpickr-current-month > .numInputWrapper > input {\n padding: 0 calc(var(--space-unit) * 3) 0 var(--space-unit);\n font-size: var(--font-size-3) !important;\n font-weight: var(--font-rg) !important;\n text-align: center;\n}\n\n/* Weekdays selectors /\n.flatpickr-weekdays {\n height: calc(var(--space-unit) 6);\n border-bottom: 1px solid var(--color-surface03);\n}\n\n.flatpickr-weekday {\n font-size: var(--font-size-3) !important;\n font-weight: var(--font-rg) !important;\n}\n\n/* Calendar days and months selectors /\n.flatpickr-day,\n.flatpickr-monthSelect-month {\n width: calc(var(--space-unit) 6) !important;\n max-width: 100% !important;\n height: calc(var(--space-unit) * 6) !important;\n border: none;\n margin: 0 !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n font-size: var(--font-size-3) !important;\n line-height: calc(var(--space-unit) * 6) !important;\n}\n\n.flatpickr-day {\n width: calc(var(--space-unit) * 6) !important;\n border: none;\n line-height: calc(var(--space-unit) * 6) !important;\n}\n\n.flatpickr-monthSelect-month {\n width: calc(var(--space-unit) * 14) !important;\n padding: 0 !important;\n border: 2px solid var(--color-surface01) !important;\n line-height: calc(var(--space-unit) * 5) !important;\n}\n\n.flatpickr-day:not(.flatpickr-disabled):hover,\n.flatpickr-day:not(.flatpickr-disabled):active,\n.flatpickr-day:not(.flatpickr-disabled):focus,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:hover,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:active,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:focus,\n.flatpickr-day:not(.flatpickr-disabled).selected:hover,\n.flatpickr-day:not(.flatpickr-disabled).selected:active,\n.flatpickr-day:not(.flatpickr-disabled).selected:focus,\n.flatpickr-monthSelect-month:hover,\n.flatpickr-monthSelect-month:active,\n.flatpickr-monthSelect-month:focus {\n border-color: var(--color-hover-primary) !important;\n background-color: var(--color-hover-primary) !important;\n color: var(--color-text-inverse) !important;\n}\n\n.flatpickr-day.today,\n.flatpickr-monthSelect-month.today {\n border: 2px solid var(--color-hover-primary) !important;\n}\n\n.flatpickr-day.selected:not(.flatpickr-disabled),\n.flatpickr-monthSelect-month.selected:not(.flatpickr-disabled) {\n border-color: var(--color-primary01) !important;\n background-color: var(--color-primary01) !important;\n}\n\n.flatpickr-weekday:nth-child(6),\n.flatpickr-weekday:nth-child(7),\n.flatpickr-day:nth-child(7n + 6),\n.flatpickr-day:nth-child(7n + 7) {\n font-weight: var(--font-sb) !important;\n}\n\n/* Date and time selectors /\n.flatpickr-time {\n display: block;\n height: 90px !important;\n max-height: 90px !important;\n text-align: left;\n}\n\n.flatpickr-time::before {\n display: block;\n width: 100%;\n padding-left: var(--space-unit);\n color: var(--color-default-text) !important;\n content: \"Orario\";\n font-size: var(--font-size-1);\n font-weight: var(--font-sb);\n text-transform: uppercase;\n}\n\n.flatpickr-time.time24hr {\n margin: calc(var(--space-unit) 2) !important;\n}\n\n.flatpickr-time.time24hr > .numInputWrapper > input:hover,\n.flatpickr-time.time24hr > .numInputWrapper > input:focus,\n.flatpickr-time.time24hr > .numInputWrapper:hover {\n background-color: var(--color-surface01) !important;\n}\n\n.flatpickr-time.time24hr > div {\n width: calc(var(--space-unit) * 10) !important;\n height: calc(var(--space-unit) * 5.5) !important;\n margin-right: var(--space-unit) !important;\n margin-left: var(--space-unit) !important;\n}\n\n.flatpickr-time-separator {\n display: flex;\n height: calc(var(--space-unit) * 5.5) !important;\n align-items: center;\n justify-content: center;\n font-weight: unset !important;\n}\n\n.flatpickr-minute,\n.flatpickr-hour {\n font-size: var(--font-size-3) !important;\n font-weight: var(--font-rg) !important;\n outline: 1px solid black !important;\n}\n\n.numInputWrapper:hover .flatpickr-minute,\n.numInputWrapper:hover .flatpickr-hour,\n.flatpickr-minute:focus,\n.flatpickr-hour:focus {\n outline: 1px solid var(--color-primary01) !important;\n}\n\n/* toggle arrows selectors /\n.arrowUp,\n.arrowDown {\n width: calc(var(--space-unit) 2) !important;\n height: calc(var(--space-unit) * 2) !important;\n padding: 0 !important;\n border: none !important;\n opacity: 1 !important;\n}\n\n.arrowUp {\n margin-top: calc(var(--space-unit) / 2) !important;\n margin-right: calc(var(--space-unit) / 2) !important;\n}\n\n.arrowDown {\n top: auto !important;\n margin-top: calc(var(--space-unit) * 3) !important;\n margin-right: calc(var(--space-unit) / 2) !important;\n}\n\n.arrowUp:hover,\n.arrowDown:hover {\n border-color: var(--color-primary03) !important;\n background-color: var(--color-primary03) !important;\n border-radius: var(--border-radius);\n color: var(--color-hover-primary) !important;\n}\n\n.arrowUp:active,\n.arrowDown:active {\n border-color: var(--color-surface01) !important;\n background-color: var(--color-surface01) !important;\n border-radius: var(--border-radius);\n box-shadow: var(--shadow-2) !important;\n color: var(--color-primary01) !important;\n}\n\n.arrowUp::after,\n.arrowDown::after {\n padding: 2.5px !important;\n border: solid var(--color-primary01) !important;\n border-width: 0 1px 1px 0 !important;\n}\n\n.arrowUp::after {\n top: 0 !important;\n margin-top: 6px !important;\n margin-left: 5.5px !important;\n transform: rotate(-135deg);\n}\n\n.arrowDown::after {\n top: 0 !important;\n left: 5.5px !important;\n margin-top: 4px !important;\n transform: rotate(45deg);\n}\n\n/* range-date-picker selectors /\n\n.flatpickr-day:not(.flatpickr-disabled).inRange:hover,\n.flatpickr-day:not(.flatpickr-disabled).today.inRange:hover,\n.flatpickr-day.prevMonthDay:not(.flatpickr-disabled).inRange:hover,\n.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange:hover {\n border-color: var(--color-hover-primary) !important;\n background-color: var(--color-hover-primary) !important;\n}\n\n.flatpickr-day:not(.flatpickr-disabled).inRange,\n.flatpickr-day:not(.flatpickr-disabled).today.inRange,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.inRange,\n.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange {\n border-color: var(--color-primary03);\n background-color: var(--color-primary03);\n}\n\n.flatpickr-day:not(.flatpickr-disabled).startRange,\n.flatpickr-day:not(.flatpickr-disabled).endRange,\n.flatpickr-monthSelect-month:not(.flatpickr-disabled).startRange,\n.flatpickr-monthSelect-month:not(.flatpickr-disabled).endRange {\n border-color: var(--color-primary01) !important;\n background-color: var(--color-primary01) !important;\n}\n\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.startRange,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.endRange {\n border-color: var(--color-primary01) !important;\n background-color: var(--color-primary01) !important;\n}\n\n.flatpickr-range.second-input {\n cursor: pointer;\n}\n\n.range-pickers-container {\n display: flex;\n gap: 16px;\n}\n","import {\n Component,\n ComponentInterface,\n Element,\n Event,\n EventEmitter,\n Listen,\n Prop,\n State,\n Watch,\n h,\n} from \"@stencil/core\";\n\nimport flatpickr from \"flatpickr\";\nimport {Italian} from \"flatpickr/dist/l10n/it.js\";\nimport monthSelectPlugin from \"flatpickr/dist/plugins/monthSelect\";\nimport {InputType, ZDatePickerMode, ZDatePickerPosition} from \"../../../beans\";\nimport {setAriaOptions, setFlatpickrPosition, validateDate} from \"../utils\";\n\n@Component({\n tag: \"z-date-picker\",\n styleUrl: \"../styles.css\",\n shadow: false,\n})\nexport class ZDatePicker implements ComponentInterface {\n @Element() element: HTMLZDatePickerElement;\n\n /* unique id /\n @Prop()\n datePickerId: string;\n\n /* z-input aria label /\n @Prop()\n ariaLabel = \"\";\n\n /* z-input label /\n @Prop()\n label?: string;\n\n /* [Optional] datepicker mode: date, datetime, only months /\n @Prop()\n mode: ZDatePickerMode = ZDatePickerMode.DATE;\n\n /* [Optional] the datepicker input name /\n @Prop()\n name?: string = undefined;\n\n /* [Optional] the datepicker input value /\n @Prop()\n value?: string = undefined;\n\n @State()\n flatpickrPosition: ZDatePickerPosition = ZDatePickerPosition.BOTTOM;\n\n @State()\n inputError = false;\n\n private picker;\n\n private hasChildren: boolean;\n\n /* emitted when date changes, returns selected date */\n @Event()\n dateSelect: EventEmitter;\n\n private emitDateSelect(date): void {\n this.dateSelect.emit(date);\n }\n\n @Listen(\"keydown\", {capture: true})\n handleKeyDown(ev: KeyboardEvent): void {\n if (ev.key === \"Escape\") {\n this.picker?.close();\n }\n\n if (ev.key === \"Enter\" \|\| ev.key === \" \") {\n if (!this.hasChildren) {\n this.picker?.open();\n }\n\n const isCrossIconEntered = document.activeElement.classList.contains(\"reset-icon\");\n\n if (isCrossIconEntered) {\n this.inputError = false;\n this.picker?.setDate([]);\n this.dateSelect.emit(null);\n }\n\n const flatpickrDayPressed = document.activeElement.classList.contains(\"flatpickr-day\");\n if (flatpickrDayPressed) {\n //Sistemare il toggle\n }\n const isPrevArrowEntered = document.activeElement.classList.contains(\"flatpickr-prev-month\");\n const isNextArrowEntered = document.activeElement.classList.contains(\"flatpickr-next-month\");\n const arrowPressed = isPrevArrowEntered \|\| isNextArrowEntered;\n\n if (arrowPressed && ev.key === \" \") {\n ev.preventDefault();\n }\n\n if (this.mode === ZDatePickerMode.MONTHS) {\n if (isPrevArrowEntered) {\n this.picker?.changeYear(this.picker.currentYear - 1);\n }\n\n if (isNextArrowEntered) {\n this.picker?.changeYear(this.picker.currentYear + 1);\n }\n\n if (arrowPressed) {\n const calendar = this.element.getElementsByClassName(\"flatpickr-calendar\")[0];\n const months = calendar?.querySelectorAll(\".flatpickr-monthSelect-month\");\n months?.forEach((element) => {\n element.setAttribute(\"aria-label\", `${element.innerHTML} ${this.picker?.currentYear}`);\n });\n\n //Force check of the current day\n Array.from(months ?? []).forEach((element, index) => {\n const curMonth = new Date().getMonth();\n const curYear = new Date().getFullYear();\n\n if (index === curMonth) {\n if (this.picker?.currentYear === curYear) {\n element.setAttribute(\"class\", \"flatpickr-monthSelect-month today\");\n } else {\n element.setAttribute(\"class\", \"flatpickr-monthSelect-month\");\n }\n }\n });\n }\n } else {\n if (isPrevArrowEntered) {\n this.picker?.changeMonth(-1);\n }\n if (isNextArrowEntered) {\n this.picker?.changeMonth(1);\n }\n }\n }\n }\n\n componentWillLoad(): void {\n const customToggle = this.element.querySelector(\"[slot=toggle]\");\n this.hasChildren = !!customToggle;\n if (this.hasChildren) {\n customToggle.setAttribute(\"data-toggle\", \"data-toggle\");\n }\n }\n\n componentDidLoad(): void {\n this.setupPickers();\n }\n\n @Watch(\"mode\")\n setupPickers(): void {\n const classToAppend = this.hasChildren ? `${this.datePickerId}-hidden` : `${this.datePickerId}-container`;\n\n this.picker = flatpickr(`.${classToAppend}`, {\n appendTo: this.element.children[0] as HTMLElement,\n enableTime: this.mode === ZDatePickerMode.DATE_TIME,\n locale: Italian,\n allowInput: true,\n dateFormat: this.mode === ZDatePickerMode.DATE_TIME ? \"d-m-Y - H:i\" : \"d-m-Y\",\n ariaDateFormat: this.mode === ZDatePickerMode.MONTHS ? \"F Y\" : \"d F Y\",\n minuteIncrement: 1,\n time_24hr: true,\n onChange: (_selectedDates, dateStr) => {\n this.emitDateSelect(dateStr);\n },\n onOpen: () => {\n setAriaOptions(this.element as HTMLElement, this.mode);\n this.flatpickrPosition = setFlatpickrPosition(this.element as HTMLElement, this.mode);\n },\n onKeyDown: () => {\n setAriaOptions(this.element as HTMLElement, this.mode);\n },\n wrap: true,\n plugins: this.mode === ZDatePickerMode.MONTHS && [\n monthSelectPlugin({\n dateFormat: \"m-Y\",\n altFormat: \"m-Y\",\n }),\n ],\n });\n\n this.element.querySelectorAll(\".flatpickr-weekday\").forEach((element) => {\n element.innerHTML = element.innerHTML.trim().charAt(0);\n });\n }\n\n private formatDate(date): string {\n if (this.mode === ZDatePickerMode.DATE) {\n return `${flatpickr.formatDate(date, \"d-m-Y\")}`;\n } else if (this.mode === ZDatePickerMode.MONTHS) {\n return `${flatpickr.formatDate(date, \"m-Y\")}`;\n }\n\n return `${flatpickr.formatDate(date, \"d-m-Y - H:i\")}`;\n }\n\n private onStopTyping(value): void {\n let text = value.detail.value;\n\n if (this.mode === ZDatePickerMode.MONTHS) {\n text = \"01-\".concat(value.detail.value);\n }\n\n const englishData = text.split(\"-\");\n const time = this.mode === ZDatePickerMode.DATE_TIME ? `T${englishData[3]}:00` : \"\";\n const englishParsedData = `${englishData[2]}-${englishData[1]}-${englishData[0]}${time}`.split(\" \").join(\"\");\n\n const isValidDate = validateDate(englishParsedData, this.mode === ZDatePickerMode.DATE_TIME);\n\n if (text === \"\") {\n this.inputError = false;\n this.picker.setDate([]);\n this.dateSelect.emit(null);\n } else if (!isValidDate) {\n this.inputError = true;\n this.dateSelect.emit(null);\n } else if (isValidDate) {\n this.inputError = false;\n this.picker.setDate([value.detail.value]);\n this.dateSelect.emit(this.formatDate(new Date(englishParsedData)));\n }\n }\n\n private renderSlottedContent(): HTMLDivElement {\n return (\n <div class={`${this.datePickerId}-hidden`}>\n <input\n class=\"hidden-input\"\n data-input\n name={this.name}\n value={this.value}\n ></input>\n <slot name=\"toggle\"></slot>\n </div>\n );\n }\n\n private renderZInput(): HTMLDivElement {\n return (\n <div class={`${this.datePickerId}-container`}>\n <z-input\n data-input=\"data-input\"\n ariaLabel={this.ariaLabel}\n label={this.label}\n class={this.datePickerId}\n type={InputType.TEXT}\n icon=\"event\"\n message={false}\n name={this.name}\n tabindex=\"0\"\n value={this.value}\n onStopTyping={(value) => {\n this.onStopTyping(value);\n }}\n onStartTyping={() => {\n this.inputError = false;\n }}\n ></z-input>\n </div>\n );\n }\n\n render(): HTMLDivElement {\n return (\n <div\n class={{\n \"flatpickr-toggle-container\": true,\n [this.flatpickrPosition]: true,\n [this.mode]: true,\n }}\n >\n {this.hasChildren ? this.renderSlottedContent() : this.renderZInput()}\n </div>\n );\n }\n}\n"],"names":["this","Italian"],"mappings":"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","x_google_ignoreList":[0]}
1	+ {"version":3,"file":"z-date-picker.entry.js","sources":["node_modules/flatpickr/dist/plugins/monthSelect/index.js","src/components/date-picker/styles.css?tag=z-date-picker","src/components/date-picker/z-date-picker/index.tsx"],"sourcesContent":["(function (global, factory) {\n typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :\n typeof define === 'function' && define.amd ? define(factory) :\n (global = typeof globalThis !== 'undefined' ? globalThis : global \|\| self, global.monthSelectPlugin = factory());\n}(this, (function () { 'use strict';\n\n /! **************************************************************************\r\n Copyright (c) Microsoft Corporation.\r\n\r\n Permission to use, copy, modify, and/or distribute this software for any\r\n purpose with or without fee is hereby granted.\r\n\r\n THE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\n REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\n AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\n INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\n LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\n OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\n PERFORMANCE OF THIS SOFTWARE.\r\n *************************************************************************** /\r\n\r\n var __assign = function() {\r\n __assign = Object.assign \|\| function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n };\n\n var monthToStr = function (monthNumber, shorthand, locale) { return locale.months[shorthand ? \"shorthand\" : \"longhand\"][monthNumber]; };\n\n function clearNode(node) {\n while (node.firstChild)\n node.removeChild(node.firstChild);\n }\n function getEventTarget(event) {\n try {\n if (typeof event.composedPath === \"function\") {\n var path = event.composedPath();\n return path[0];\n }\n return event.target;\n }\n catch (error) {\n return event.target;\n }\n }\n\n var defaultConfig = {\n shorthand: false,\n dateFormat: \"F Y\",\n altFormat: \"F Y\",\n theme: \"light\",\n };\n function monthSelectPlugin(pluginConfig) {\n var config = __assign(__assign({}, defaultConfig), pluginConfig);\n return function (fp) {\n fp.config.dateFormat = config.dateFormat;\n fp.config.altFormat = config.altFormat;\n var self = { monthsContainer: null };\n function clearUnnecessaryDOMElements() {\n if (!fp.rContainer)\n return;\n clearNode(fp.rContainer);\n for (var index = 0; index < fp.monthElements.length; index++) {\n var element = fp.monthElements[index];\n if (!element.parentNode)\n continue;\n element.parentNode.removeChild(element);\n }\n }\n function build() {\n if (!fp.rContainer)\n return;\n self.monthsContainer = fp._createElement(\"div\", \"flatpickr-monthSelect-months\");\n self.monthsContainer.tabIndex = -1;\n buildMonths();\n fp.rContainer.appendChild(self.monthsContainer);\n fp.calendarContainer.classList.add(\"flatpickr-monthSelect-theme-\" + config.theme);\n }\n function buildMonths() {\n if (!self.monthsContainer)\n return;\n clearNode(self.monthsContainer);\n var frag = document.createDocumentFragment();\n for (var i = 0; i < 12; i++) {\n var month = fp.createDay(\"flatpickr-monthSelect-month\", new Date(fp.currentYear, i), 0, i);\n if (month.dateObj.getMonth() === new Date().getMonth() &&\n month.dateObj.getFullYear() === new Date().getFullYear())\n month.classList.add(\"today\");\n month.textContent = monthToStr(i, config.shorthand, fp.l10n);\n month.addEventListener(\"click\", selectMonth);\n frag.appendChild(month);\n }\n self.monthsContainer.appendChild(frag);\n if (fp.config.minDate &&\n fp.currentYear === fp.config.minDate.getFullYear())\n fp.prevMonthNav.classList.add(\"flatpickr-disabled\");\n else\n fp.prevMonthNav.classList.remove(\"flatpickr-disabled\");\n if (fp.config.maxDate &&\n fp.currentYear === fp.config.maxDate.getFullYear())\n fp.nextMonthNav.classList.add(\"flatpickr-disabled\");\n else\n fp.nextMonthNav.classList.remove(\"flatpickr-disabled\");\n }\n function bindEvents() {\n fp._bind(fp.prevMonthNav, \"click\", function (e) {\n e.preventDefault();\n e.stopPropagation();\n fp.changeYear(fp.currentYear - 1);\n selectYear();\n buildMonths();\n });\n fp._bind(fp.nextMonthNav, \"click\", function (e) {\n e.preventDefault();\n e.stopPropagation();\n fp.changeYear(fp.currentYear + 1);\n selectYear();\n buildMonths();\n });\n fp._bind(self.monthsContainer, \"mouseover\", function (e) {\n if (fp.config.mode === \"range\")\n fp.onMouseOver(getEventTarget(e), \"flatpickr-monthSelect-month\");\n });\n }\n function setCurrentlySelected() {\n if (!fp.rContainer)\n return;\n if (!fp.selectedDates.length)\n return;\n var currentlySelected = fp.rContainer.querySelectorAll(\".flatpickr-monthSelect-month.selected\");\n for (var index = 0; index < currentlySelected.length; index++) {\n currentlySelected[index].classList.remove(\"selected\");\n }\n var targetMonth = fp.selectedDates[0].getMonth();\n var month = fp.rContainer.querySelector(\".flatpickr-monthSelect-month:nth-child(\" + (targetMonth + 1) + \")\");\n if (month) {\n month.classList.add(\"selected\");\n }\n }\n function selectYear() {\n var selectedDate = fp.selectedDates[0];\n if (selectedDate) {\n selectedDate = new Date(selectedDate);\n selectedDate.setFullYear(fp.currentYear);\n if (fp.config.minDate && selectedDate < fp.config.minDate) {\n selectedDate = fp.config.minDate;\n }\n if (fp.config.maxDate && selectedDate > fp.config.maxDate) {\n selectedDate = fp.config.maxDate;\n }\n fp.currentYear = selectedDate.getFullYear();\n }\n fp.currentYearElement.value = String(fp.currentYear);\n if (fp.rContainer) {\n var months = fp.rContainer.querySelectorAll(\".flatpickr-monthSelect-month\");\n months.forEach(function (month) {\n month.dateObj.setFullYear(fp.currentYear);\n if ((fp.config.minDate && month.dateObj < fp.config.minDate) \|\|\n (fp.config.maxDate && month.dateObj > fp.config.maxDate)) {\n month.classList.add(\"flatpickr-disabled\");\n }\n else {\n month.classList.remove(\"flatpickr-disabled\");\n }\n });\n }\n setCurrentlySelected();\n }\n function selectMonth(e) {\n e.preventDefault();\n e.stopPropagation();\n var eventTarget = getEventTarget(e);\n if (!(eventTarget instanceof Element))\n return;\n if (eventTarget.classList.contains(\"flatpickr-disabled\"))\n return;\n if (eventTarget.classList.contains(\"notAllowed\"))\n return; // necessary??\n setMonth(eventTarget.dateObj);\n if (fp.config.closeOnSelect) {\n var single = fp.config.mode === \"single\";\n var range = fp.config.mode === \"range\" && fp.selectedDates.length === 2;\n if (single \|\| range)\n fp.close();\n }\n }\n function setMonth(date) {\n var selectedDate = new Date(fp.currentYear, date.getMonth(), date.getDate());\n var selectedDates = [];\n switch (fp.config.mode) {\n case \"single\":\n selectedDates = [selectedDate];\n break;\n case \"multiple\":\n selectedDates.push(selectedDate);\n break;\n case \"range\":\n if (fp.selectedDates.length === 2) {\n selectedDates = [selectedDate];\n }\n else {\n selectedDates = fp.selectedDates.concat([selectedDate]);\n selectedDates.sort(function (a, b) { return a.getTime() - b.getTime(); });\n }\n break;\n }\n fp.setDate(selectedDates, true);\n setCurrentlySelected();\n }\n var shifts = {\n 37: -1,\n 39: 1,\n 40: 3,\n 38: -3,\n };\n function onKeyDown(_, __, ___, e) {\n var shouldMove = shifts[e.keyCode] !== undefined;\n if (!shouldMove && e.keyCode !== 13) {\n return;\n }\n if (!fp.rContainer \|\| !self.monthsContainer)\n return;\n var currentlySelected = fp.rContainer.querySelector(\".flatpickr-monthSelect-month.selected\");\n var index = Array.prototype.indexOf.call(self.monthsContainer.children, document.activeElement);\n if (index === -1) {\n var target = currentlySelected \|\| self.monthsContainer.firstElementChild;\n target.focus();\n index = target.$i;\n }\n if (shouldMove) {\n self.monthsContainer.children[(12 + index + shifts[e.keyCode]) % 12].focus();\n }\n else if (e.keyCode === 13 &&\n self.monthsContainer.contains(document.activeElement)) {\n setMonth(document.activeElement.dateObj);\n }\n }\n function closeHook() {\n var _a;\n if (((_a = fp.config) === null \|\| _a === void 0 ? void 0 : _a.mode) === \"range\" && fp.selectedDates.length === 1)\n fp.clear(false);\n if (!fp.selectedDates.length)\n buildMonths();\n }\n // Help the prev/next year nav honor config.minDate (see 3fa5a69)\n function stubCurrentMonth() {\n config._stubbedCurrentMonth = fp._initialDate.getMonth();\n fp._initialDate.setMonth(config._stubbedCurrentMonth);\n fp.currentMonth = config._stubbedCurrentMonth;\n }\n function unstubCurrentMonth() {\n if (!config._stubbedCurrentMonth)\n return;\n fp._initialDate.setMonth(config._stubbedCurrentMonth);\n fp.currentMonth = config._stubbedCurrentMonth;\n delete config._stubbedCurrentMonth;\n }\n function destroyPluginInstance() {\n if (self.monthsContainer !== null) {\n var months = self.monthsContainer.querySelectorAll(\".flatpickr-monthSelect-month\");\n for (var index = 0; index < months.length; index++) {\n months[index].removeEventListener(\"click\", selectMonth);\n }\n }\n }\n return {\n onParseConfig: function () {\n fp.config.enableTime = false;\n },\n onValueUpdate: setCurrentlySelected,\n onKeyDown: onKeyDown,\n onReady: [\n stubCurrentMonth,\n clearUnnecessaryDOMElements,\n build,\n bindEvents,\n setCurrentlySelected,\n function () {\n fp.config.onClose.push(closeHook);\n fp.loadedPlugins.push(\"monthSelect\");\n },\n ],\n onDestroy: [\n unstubCurrentMonth,\n destroyPluginInstance,\n function () {\n fp.config.onClose = fp.config.onClose.filter(function (hook) { return hook !== closeHook; });\n },\n ],\n };\n };\n }\n\n return monthSelectPlugin;\n\n})));\n","@import \"~flatpickr/dist/flatpickr.min.css\";\n@import \"~flatpickr/dist/plugins/monthSelect/style.css\";\n\n/ stylelint-disable selector-class-pattern -- we have no control over flatpickr css classes naming /\n\n:host {\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n\n --z-range-picker--toggle-height: 0;\n}\n\nz-date-picker {\n position: relative;\n}\n\nz-date-picker > div > {\n cursor: pointer !important;\n}\n\nz-range-picker {\n position: relative;\n}\n\n.flatpickr-toggle-container {\n width: fit-content;\n}\n\n.range-pickers-container > div {\n position: relative;\n}\n\n.hidden-input {\n position: absolute;\n bottom: 0;\n width: 0;\n height: 0;\n visibility: hidden !important;\n}\n\n/* Calendar container selectors /\n.flatpickr-calendar::before,\n.flatpickr-calendar::after {\n display: none;\n}\n\n.flatpickr-calendar {\n position: absolute !important;\n top: var(--z-range-picker--toggle-height) !important;\n left: 0 !important;\n padding-top: calc(var(--space-unit) 2);\n border-radius: 2px;\n box-shadow: var(--shadow-2);\n font-family: var(--font-family-sans) !important;\n}\n\n.months.top > .flatpickr-calendar {\n top: -288px !important;\n}\n\n.date.top > .flatpickr-calendar,\n.date.top > div > .flatpickr-calendar {\n top: -401px !important;\n}\n\n.date-time.top > .flatpickr-calendar,\n.date-time.top > div > .flatpickr-calendar {\n top: -523px !important;\n}\n\n.flatpickr-calendar,\n.flatpickr-innerContainer,\n.flatpickr-days,\n.dayContainer,\n.flatpickr-rContainer,\n.flatpickr-monthSelect-months {\n width: calc(var(--space-unit) * 42) !important;\n max-width: calc(var(--space-unit) * 42) !important;\n}\n\n.flatpickr-monthSelect-months {\n box-sizing: border-box;\n padding: 0 !important;\n margin: calc(var(--space-unit) * 2) 0 !important;\n}\n\n/* Months and year row containers selectors /\n.flatpickr-months {\n position: relative;\n height: calc(var(--space-unit) 6) !important;\n align-items: center;\n margin-bottom: var(--space-unit) 0 !important;\n}\n\n.flatpickr-month {\n overflow: visible !important;\n height: calc(var(--space-unit) * 6) !important;\n}\n\n.flatpickr-current-month {\n left: 0 !important;\n display: flex !important;\n width: fill-available;\n height: calc(var(--space-unit) * 6);\n align-items: baseline;\n justify-content: space-evenly;\n padding-top: 0;\n}\n\n/* Months arrows selectors /\n.flatpickr-next-month,\n.flatpickr-prev-month {\n position: static !important;\n display: flex;\n width: calc(var(--space-unit) 4) !important;\n height: calc(var(--space-unit) * 4) !important;\n align-items: center;\n justify-content: center;\n padding: 0 !important;\n}\n\n.flatpickr-prev-month {\n margin-left: var(--space-unit);\n}\n\n.flatpickr-next-month {\n margin-right: var(--space-unit);\n}\n\n.flatpickr-next-month > svg,\n.flatpickr-prev-month > svg {\n width: calc(var(--space-unit) * 2) !important;\n height: calc(var(--space-unit) * 2) !important;\n fill: var(--color-primary01);\n}\n\n.flatpickr-next-month:hover,\n.flatpickr-prev-month:hover,\n.flatpickr-next-month:focus,\n.flatpickr-prev-month:focus {\n border: none !important;\n border-color: var(--color-primary03) !important;\n background-color: var(--color-primary03) !important;\n border-radius: var(--border-radius);\n color: var(--color-hover-primary) !important;\n outline: none !important;\n}\n\n.flatpickr-next-month:hover svg,\n.flatpickr-prev-month:hover svg {\n fill: var(--color-hover-primary) !important;\n}\n\n.flatpickr-next-month:active,\n.flatpickr-prev-month:active {\n border-color: var(--color-surface01) !important;\n background-color: var(--color-surface01) !important;\n border-radius: var(--border-radius);\n box-shadow: var(--shadow-2) !important;\n color: var(--color-primary01) !important;\n}\n\n.flatpickr-next-month:focus svg,\n.flatpickr-prev-month:focus svg {\n fill: var(--color-primary01) !important;\n}\n\n/* Months dropdown selectors /\n.flatpickr-monthDropdown-months {\n width: 108px !important;\n height: calc(var(--space-unit) 5.5) !important;\n padding-left: var(--space-unit) !important;\n background: var(--color-surface01) !important;\n color: var(--color-default-text) !important;\n font-size: var(--font-size-3) !important;\n font-weight: var(--font-rg) !important;\n outline: 1px solid black !important;\n}\n\n.flatpickr-monthDropdown-months:hover,\n.flatpickr-monthDropdown-months:focus {\n outline: 1px solid var(--color-primary01) !important;\n}\n\n/* Year toggle selectors /\n.flatpickr-current-month > .numInputWrapper {\n display: flex;\n width: calc(var(--space-unit) 10);\n height: calc(var(--space-unit) * 5.5) !important;\n background: var(--color-surface01) !important;\n color: var(--color-default-text);\n outline: 1px solid black !important;\n}\n\n.flatpickr-current-month > .numInputWrapper:hover,\n.flatpickr-current-month > .numInputWrapper:focus-within {\n outline: 1px solid var(--color-primary01) !important;\n}\n\n.flatpickr-current-month > .numInputWrapper > input {\n padding: 0 calc(var(--space-unit) * 3) 0 var(--space-unit);\n font-size: var(--font-size-3) !important;\n font-weight: var(--font-rg) !important;\n text-align: center;\n}\n\n/* Weekdays selectors /\n.flatpickr-weekdays {\n height: calc(var(--space-unit) 6);\n border-bottom: 1px solid var(--color-surface03);\n}\n\n.flatpickr-weekday {\n font-size: var(--font-size-3) !important;\n font-weight: var(--font-rg) !important;\n}\n\n/* Calendar days and months selectors /\n.flatpickr-day,\n.flatpickr-monthSelect-month {\n width: calc(var(--space-unit) 6) !important;\n max-width: 100% !important;\n height: calc(var(--space-unit) * 6) !important;\n border: none;\n margin: 0 !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n font-size: var(--font-size-3) !important;\n line-height: calc(var(--space-unit) * 6) !important;\n}\n\n.flatpickr-day {\n width: calc(var(--space-unit) * 6) !important;\n border: none;\n line-height: calc(var(--space-unit) * 6) !important;\n}\n\n.flatpickr-monthSelect-month {\n width: calc(var(--space-unit) * 14) !important;\n padding: 0 !important;\n border: 2px solid var(--color-surface01) !important;\n line-height: calc(var(--space-unit) * 5) !important;\n}\n\n.flatpickr-day:not(.flatpickr-disabled):hover,\n.flatpickr-day:not(.flatpickr-disabled):active,\n.flatpickr-day:not(.flatpickr-disabled):focus,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:hover,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:active,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:focus,\n.flatpickr-day:not(.flatpickr-disabled).selected:hover,\n.flatpickr-day:not(.flatpickr-disabled).selected:active,\n.flatpickr-day:not(.flatpickr-disabled).selected:focus,\n.flatpickr-monthSelect-month:hover,\n.flatpickr-monthSelect-month:active,\n.flatpickr-monthSelect-month:focus {\n border-color: var(--color-hover-primary) !important;\n background-color: var(--color-hover-primary) !important;\n color: var(--color-text-inverse) !important;\n}\n\n.flatpickr-day.today,\n.flatpickr-monthSelect-month.today {\n border: 2px solid var(--color-hover-primary) !important;\n}\n\n.flatpickr-day.selected:not(.flatpickr-disabled),\n.flatpickr-monthSelect-month.selected:not(.flatpickr-disabled) {\n border-color: var(--color-primary01) !important;\n background-color: var(--color-primary01) !important;\n}\n\n.flatpickr-weekday:nth-child(6),\n.flatpickr-weekday:nth-child(7),\n.flatpickr-day:nth-child(7n + 6),\n.flatpickr-day:nth-child(7n + 7) {\n font-weight: var(--font-sb) !important;\n}\n\n/* Date and time selectors /\n.flatpickr-time {\n display: block;\n height: 90px !important;\n max-height: 90px !important;\n text-align: left;\n}\n\n.flatpickr-time::before {\n display: block;\n width: 100%;\n padding-left: var(--space-unit);\n color: var(--color-default-text) !important;\n content: \"Orario\";\n font-size: var(--font-size-1);\n font-weight: var(--font-sb);\n text-transform: uppercase;\n}\n\n.flatpickr-time.time24hr {\n margin: calc(var(--space-unit) 2) !important;\n}\n\n.flatpickr-time.time24hr > .numInputWrapper > input:hover,\n.flatpickr-time.time24hr > .numInputWrapper > input:focus,\n.flatpickr-time.time24hr > .numInputWrapper:hover {\n background-color: var(--color-surface01) !important;\n}\n\n.flatpickr-time.time24hr > div {\n width: calc(var(--space-unit) * 10) !important;\n height: calc(var(--space-unit) * 5.5) !important;\n margin-right: var(--space-unit) !important;\n margin-left: var(--space-unit) !important;\n}\n\n.flatpickr-time-separator {\n display: flex;\n height: calc(var(--space-unit) * 5.5) !important;\n align-items: center;\n justify-content: center;\n font-weight: unset !important;\n}\n\n.flatpickr-minute,\n.flatpickr-hour {\n font-size: var(--font-size-3) !important;\n font-weight: var(--font-rg) !important;\n outline: 1px solid black !important;\n}\n\n.numInputWrapper:hover .flatpickr-minute,\n.numInputWrapper:hover .flatpickr-hour,\n.flatpickr-minute:focus,\n.flatpickr-hour:focus {\n outline: 1px solid var(--color-primary01) !important;\n}\n\n/* toggle arrows selectors /\n.arrowUp,\n.arrowDown {\n width: calc(var(--space-unit) 2) !important;\n height: calc(var(--space-unit) * 2) !important;\n padding: 0 !important;\n border: none !important;\n opacity: 1 !important;\n}\n\n.arrowUp {\n margin-top: calc(var(--space-unit) / 2) !important;\n margin-right: calc(var(--space-unit) / 2) !important;\n}\n\n.arrowDown {\n top: auto !important;\n margin-top: calc(var(--space-unit) * 3) !important;\n margin-right: calc(var(--space-unit) / 2) !important;\n}\n\n.arrowUp:hover,\n.arrowDown:hover {\n border-color: var(--color-primary03) !important;\n background-color: var(--color-primary03) !important;\n border-radius: var(--border-radius);\n color: var(--color-hover-primary) !important;\n}\n\n.arrowUp:active,\n.arrowDown:active {\n border-color: var(--color-surface01) !important;\n background-color: var(--color-surface01) !important;\n border-radius: var(--border-radius);\n box-shadow: var(--shadow-2) !important;\n color: var(--color-primary01) !important;\n}\n\n.arrowUp::after,\n.arrowDown::after {\n padding: 2.5px !important;\n border: solid var(--color-primary01) !important;\n border-width: 0 1px 1px 0 !important;\n}\n\n.arrowUp::after {\n top: 0 !important;\n margin-top: 6px !important;\n margin-left: 5.5px !important;\n transform: rotate(-135deg);\n}\n\n.arrowDown::after {\n top: 0 !important;\n left: 5.5px !important;\n margin-top: 4px !important;\n transform: rotate(45deg);\n}\n\n/* range-date-picker selectors /\n\n.flatpickr-day:not(.flatpickr-disabled).inRange:hover,\n.flatpickr-day:not(.flatpickr-disabled).today.inRange:hover,\n.flatpickr-day.prevMonthDay:not(.flatpickr-disabled).inRange:hover,\n.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange:hover {\n border-color: var(--color-hover-primary) !important;\n background-color: var(--color-hover-primary) !important;\n}\n\n.flatpickr-day:not(.flatpickr-disabled).inRange,\n.flatpickr-day:not(.flatpickr-disabled).today.inRange,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.inRange,\n.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange {\n border-color: var(--color-primary03);\n background-color: var(--color-primary03);\n}\n\n.flatpickr-day:not(.flatpickr-disabled).startRange,\n.flatpickr-day:not(.flatpickr-disabled).endRange,\n.flatpickr-monthSelect-month:not(.flatpickr-disabled).startRange,\n.flatpickr-monthSelect-month:not(.flatpickr-disabled).endRange {\n border-color: var(--color-primary01) !important;\n background-color: var(--color-primary01) !important;\n}\n\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.startRange,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.endRange {\n border-color: var(--color-primary01) !important;\n background-color: var(--color-primary01) !important;\n}\n\n.flatpickr-range.second-input {\n cursor: pointer;\n}\n\n.range-pickers-container {\n display: flex;\n gap: 16px;\n}\n","import {\n Component,\n ComponentInterface,\n Element,\n Event,\n EventEmitter,\n Listen,\n Prop,\n State,\n Watch,\n h,\n} from \"@stencil/core\";\n\nimport flatpickr from \"flatpickr\";\nimport {Italian} from \"flatpickr/dist/l10n/it.js\";\nimport monthSelectPlugin from \"flatpickr/dist/plugins/monthSelect\";\nimport {InputType, ZDatePickerMode, ZDatePickerPosition} from \"../../../beans\";\nimport {setAriaOptions, setFlatpickrPosition, validateDate} from \"../utils\";\n\n@Component({\n tag: \"z-date-picker\",\n styleUrl: \"../styles.css\",\n shadow: false,\n})\nexport class ZDatePicker implements ComponentInterface {\n @Element() element: HTMLZDatePickerElement;\n\n /* unique id /\n @Prop()\n datePickerId: string;\n\n /* z-input aria label /\n @Prop()\n htmlAriaLabel?: string;\n\n /* z-input label /\n @Prop()\n label?: string;\n\n /* [Optional] datepicker mode: date, datetime, only months /\n @Prop()\n mode: ZDatePickerMode = ZDatePickerMode.DATE;\n\n /* [Optional] the datepicker input name /\n @Prop()\n name?: string = undefined;\n\n /* [Optional] the datepicker input value /\n @Prop()\n value?: string = undefined;\n\n @State()\n flatpickrPosition: ZDatePickerPosition = ZDatePickerPosition.BOTTOM;\n\n @State()\n inputError = false;\n\n private picker;\n\n private hasChildren: boolean;\n\n /* emitted when date changes, returns selected date */\n @Event()\n dateSelect: EventEmitter;\n\n private emitDateSelect(date): void {\n this.dateSelect.emit(date);\n }\n\n @Listen(\"keydown\", {capture: true})\n handleKeyDown(ev: KeyboardEvent): void {\n if (ev.key === \"Escape\") {\n this.picker?.close();\n }\n\n if (ev.key === \"Enter\" \|\| ev.key === \" \") {\n if (!this.hasChildren) {\n this.picker?.open();\n }\n\n const isCrossIconEntered = document.activeElement.classList.contains(\"reset-icon\");\n\n if (isCrossIconEntered) {\n this.inputError = false;\n this.picker?.setDate([]);\n this.dateSelect.emit(null);\n }\n\n const flatpickrDayPressed = document.activeElement.classList.contains(\"flatpickr-day\");\n if (flatpickrDayPressed) {\n //Sistemare il toggle\n }\n const isPrevArrowEntered = document.activeElement.classList.contains(\"flatpickr-prev-month\");\n const isNextArrowEntered = document.activeElement.classList.contains(\"flatpickr-next-month\");\n const arrowPressed = isPrevArrowEntered \|\| isNextArrowEntered;\n\n if (arrowPressed && ev.key === \" \") {\n ev.preventDefault();\n }\n\n if (this.mode === ZDatePickerMode.MONTHS) {\n if (isPrevArrowEntered) {\n this.picker?.changeYear(this.picker.currentYear - 1);\n }\n\n if (isNextArrowEntered) {\n this.picker?.changeYear(this.picker.currentYear + 1);\n }\n\n if (arrowPressed) {\n const calendar = this.element.getElementsByClassName(\"flatpickr-calendar\")[0];\n const months = calendar?.querySelectorAll(\".flatpickr-monthSelect-month\");\n months?.forEach((element) => {\n element.setAttribute(\"aria-label\", `${element.innerHTML} ${this.picker?.currentYear}`);\n });\n\n //Force check of the current day\n Array.from(months ?? []).forEach((element, index) => {\n const curMonth = new Date().getMonth();\n const curYear = new Date().getFullYear();\n\n if (index === curMonth) {\n if (this.picker?.currentYear === curYear) {\n element.setAttribute(\"class\", \"flatpickr-monthSelect-month today\");\n } else {\n element.setAttribute(\"class\", \"flatpickr-monthSelect-month\");\n }\n }\n });\n }\n } else {\n if (isPrevArrowEntered) {\n this.picker?.changeMonth(-1);\n }\n if (isNextArrowEntered) {\n this.picker?.changeMonth(1);\n }\n }\n }\n }\n\n componentWillLoad(): void {\n const customToggle = this.element.querySelector(\"[slot=toggle]\");\n this.hasChildren = !!customToggle;\n if (this.hasChildren) {\n customToggle.setAttribute(\"data-toggle\", \"data-toggle\");\n }\n }\n\n componentDidLoad(): void {\n this.setupPickers();\n }\n\n @Watch(\"mode\")\n setupPickers(): void {\n const classToAppend = this.hasChildren ? `${this.datePickerId}-hidden` : `${this.datePickerId}-container`;\n\n this.picker = flatpickr(`.${classToAppend}`, {\n appendTo: this.element.children[0] as HTMLElement,\n enableTime: this.mode === ZDatePickerMode.DATE_TIME,\n locale: Italian,\n allowInput: true,\n dateFormat: this.mode === ZDatePickerMode.DATE_TIME ? \"d-m-Y - H:i\" : \"d-m-Y\",\n ariaDateFormat: this.mode === ZDatePickerMode.MONTHS ? \"F Y\" : \"d F Y\",\n minuteIncrement: 1,\n time_24hr: true,\n onChange: (_selectedDates, dateStr) => {\n this.emitDateSelect(dateStr);\n },\n onOpen: () => {\n setAriaOptions(this.element as HTMLElement, this.mode);\n this.flatpickrPosition = setFlatpickrPosition(this.element as HTMLElement, this.mode);\n },\n onKeyDown: () => {\n setAriaOptions(this.element as HTMLElement, this.mode);\n },\n wrap: true,\n plugins: this.mode === ZDatePickerMode.MONTHS && [\n monthSelectPlugin({\n dateFormat: \"m-Y\",\n altFormat: \"m-Y\",\n }),\n ],\n });\n\n this.element.querySelectorAll(\".flatpickr-weekday\").forEach((element) => {\n element.innerHTML = element.innerHTML.trim().charAt(0);\n });\n }\n\n private formatDate(date): string {\n if (this.mode === ZDatePickerMode.DATE) {\n return `${flatpickr.formatDate(date, \"d-m-Y\")}`;\n } else if (this.mode === ZDatePickerMode.MONTHS) {\n return `${flatpickr.formatDate(date, \"m-Y\")}`;\n }\n\n return `${flatpickr.formatDate(date, \"d-m-Y - H:i\")}`;\n }\n\n private onStopTyping(value): void {\n let text = value.detail.value;\n\n if (this.mode === ZDatePickerMode.MONTHS) {\n text = \"01-\".concat(value.detail.value);\n }\n\n const englishData = text.split(\"-\");\n const time = this.mode === ZDatePickerMode.DATE_TIME ? `T${englishData[3]}:00` : \"\";\n const englishParsedData = `${englishData[2]}-${englishData[1]}-${englishData[0]}${time}`.split(\" \").join(\"\");\n\n const isValidDate = validateDate(englishParsedData, this.mode === ZDatePickerMode.DATE_TIME);\n\n if (text === \"\") {\n this.inputError = false;\n this.picker.setDate([]);\n this.dateSelect.emit(null);\n } else if (!isValidDate) {\n this.inputError = true;\n this.dateSelect.emit(null);\n } else if (isValidDate) {\n this.inputError = false;\n this.picker.setDate([value.detail.value]);\n this.dateSelect.emit(this.formatDate(new Date(englishParsedData)));\n }\n }\n\n private renderSlottedContent(): HTMLDivElement {\n return (\n <div class={`${this.datePickerId}-hidden`}>\n <input\n class=\"hidden-input\"\n data-input\n name={this.name}\n value={this.value}\n ></input>\n <slot name=\"toggle\"></slot>\n </div>\n );\n }\n\n private renderZInput(): HTMLDivElement {\n return (\n <div class={`${this.datePickerId}-container`}>\n <z-input\n data-input=\"data-input\"\n htmlAriaLabel={this.htmlAriaLabel}\n label={this.label}\n class={this.datePickerId}\n type={InputType.TEXT}\n icon=\"event\"\n message={false}\n name={this.name}\n tabindex=\"0\"\n value={this.value}\n onStopTyping={(value) => {\n this.onStopTyping(value);\n }}\n onStartTyping={() => {\n this.inputError = false;\n }}\n ></z-input>\n </div>\n );\n }\n\n render(): HTMLDivElement {\n return (\n <div\n class={{\n \"flatpickr-toggle-container\": true,\n [this.flatpickrPosition]: true,\n [this.mode]: true,\n }}\n >\n {this.hasChildren ? this.renderSlottedContent() : this.renderZInput()}\n </div>\n );\n }\n}\n"],"names":["this","Italian"],"mappings":";;;;;;;;;;;;;;;AAAA,EAAA,CAAC,UAAU,MAAM,EAAE,OAAO,EAAE;MACuC,MAAA,CAAA,OAAA,GAAiB,OAAO,EAAE,CAEuB;AACpH,GAAC,CAACA,WAAI,GAAG,YAAY;AAErB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACI,IAAI,QAAQ,GAAG,WAAW;UACtB,QAAQ,GAAG,MAAM,CAAC,MAAM,IAAI,SAAS,QAAQ,CAAC,CAAC,EAAE;cAC7C,KAAK,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;AACjE,kBAAgB,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AACjC,kBAAgB,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;eAChF;cACD,OAAO,CAAC,CAAC;AACrB,WAAS,CAAC;UACF,OAAO,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;OAC1C;;MAED,IAAI,UAAU,GAAG,UAAU,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,OAAO,MAAM,CAAC,MAAM,CAAC,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC,CAAC,WAAW,CAAC,CAAC,EAAE;;AAE3I,MAAI,SAAS,SAAS,CAAC,IAAI,EAAE;UACrB,OAAO,IAAI,CAAC,UAAU;AAC9B,cAAY,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC7C;AACA,MAAI,SAAS,cAAc,CAAC,KAAK,EAAE;AACnC,UAAQ,IAAI;AACZ,cAAY,IAAI,OAAO,KAAK,CAAC,YAAY,KAAK,UAAU,EAAE;AAC1D,kBAAgB,IAAI,IAAI,GAAG,KAAK,CAAC,YAAY,EAAE;AAC/C,kBAAgB,OAAO,IAAI,CAAC,CAAC,CAAC;AAC9B;cACY,OAAO,KAAK,CAAC,MAAM;AAC/B;UACQ,OAAO,KAAK,EAAE;cACV,OAAO,KAAK,CAAC,MAAM;AAC/B;AACA;;MAEI,IAAI,aAAa,GAAG;UAChB,SAAS,EAAE,KAAK;UAChB,UAAU,EAAE,KAAK;UACjB,SAAS,EAAE,KAAK;UAChB,KAAK,EAAE,OAAO;OACjB;AACL,MAAI,SAAS,iBAAiB,CAAC,YAAY,EAAE;AAC7C,UAAQ,IAAI,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,EAAE,EAAE,aAAa,CAAC,EAAE,YAAY,CAAC;UAChE,OAAO,UAAU,EAAE,EAAE;cACjB,EAAE,CAAC,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU;cACxC,EAAE,CAAC,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS;AAClD,cAAY,IAAI,IAAI,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE;cACpC,SAAS,2BAA2B,GAAG;AACnD,kBAAgB,IAAI,CAAC,EAAE,CAAC,UAAU;sBACd;AACpB,kBAAgB,SAAS,CAAC,EAAE,CAAC,UAAU,CAAC;AACxC,kBAAgB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;sBAC1D,IAAI,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC;AACzD,sBAAoB,IAAI,CAAC,OAAO,CAAC,UAAU;0BACnB;AACxB,sBAAoB,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC;AAC3D;AACA;cACY,SAAS,KAAK,GAAG;AAC7B,kBAAgB,IAAI,CAAC,EAAE,CAAC,UAAU;sBACd;kBACJ,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,8BAA8B,CAAC;AAC/F,kBAAgB,IAAI,CAAC,eAAe,CAAC,QAAQ,GAAG,EAAE;AAClD,kBAAgB,WAAW,EAAE;kBACb,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,eAAe,CAAC;AAC/D,kBAAgB,EAAE,CAAC,iBAAiB,CAAC,SAAS,CAAC,GAAG,CAAC,8BAA8B,GAAG,MAAM,CAAC,KAAK,CAAC;AACjG;cACY,SAAS,WAAW,GAAG;AACnC,kBAAgB,IAAI,CAAC,IAAI,CAAC,eAAe;sBACrB;AACpB,kBAAgB,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC;AAC/C,kBAAgB,IAAI,IAAI,GAAG,QAAQ,CAAC,sBAAsB,EAAE;AAC5D,kBAAgB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE;sBACzB,IAAI,KAAK,GAAG,EAAE,CAAC,SAAS,CAAC,6BAA6B,EAAE,IAAI,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAC9G,sBAAoB,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE,KAAK,IAAI,IAAI,EAAE,CAAC,QAAQ,EAAE;AAC1E,0BAAwB,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;AAChF,0BAAwB,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC;AACpD,sBAAoB,KAAK,CAAC,WAAW,GAAG,UAAU,CAAC,CAAC,EAAE,MAAM,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC;AAChF,sBAAoB,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC;AAChE,sBAAoB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3C;AACA,kBAAgB,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC;AACtD,kBAAgB,IAAI,EAAE,CAAC,MAAM,CAAC,OAAO;sBACjB,EAAE,CAAC,WAAW,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE;sBAClD,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,oBAAoB,CAAC;AACvE;sBACoB,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC,oBAAoB,CAAC;AAC1E,kBAAgB,IAAI,EAAE,CAAC,MAAM,CAAC,OAAO;sBACjB,EAAE,CAAC,WAAW,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE;sBAClD,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,oBAAoB,CAAC;AACvE;sBACoB,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC,oBAAoB,CAAC;AAC1E;cACY,SAAS,UAAU,GAAG;AAClC,kBAAgB,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,UAAU,CAAC,EAAE;sBAC5C,CAAC,CAAC,cAAc,EAAE;sBAClB,CAAC,CAAC,eAAe,EAAE;sBACnB,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,WAAW,GAAG,CAAC,CAAC;AACrD,sBAAoB,UAAU,EAAE;AAChC,sBAAoB,WAAW,EAAE;AACjC,mBAAiB,CAAC;AAClB,kBAAgB,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,UAAU,CAAC,EAAE;sBAC5C,CAAC,CAAC,cAAc,EAAE;sBAClB,CAAC,CAAC,eAAe,EAAE;sBACnB,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,WAAW,GAAG,CAAC,CAAC;AACrD,sBAAoB,UAAU,EAAE;AAChC,sBAAoB,WAAW,EAAE;AACjC,mBAAiB,CAAC;AAClB,kBAAgB,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,eAAe,EAAE,WAAW,EAAE,UAAU,CAAC,EAAE;AACzE,sBAAoB,IAAI,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,OAAO;0BAC1B,EAAE,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,6BAA6B,CAAC;AACxF,mBAAiB,CAAC;AAClB;cACY,SAAS,oBAAoB,GAAG;AAC5C,kBAAgB,IAAI,CAAC,EAAE,CAAC,UAAU;sBACd;AACpB,kBAAgB,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,MAAM;sBACxB;kBACJ,IAAI,iBAAiB,GAAG,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,uCAAuC,CAAC;AAC/G,kBAAgB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,iBAAiB,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;sBAC3D,iBAAiB,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC;AACzE;kBACgB,IAAI,WAAW,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE;AAChE,kBAAgB,IAAI,KAAK,GAAG,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,yCAAyC,IAAI,WAAW,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;kBAC5G,IAAI,KAAK,EAAE;AAC3B,sBAAoB,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC;AACnD;AACA;cACY,SAAS,UAAU,GAAG;kBAClB,IAAI,YAAY,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;kBACtC,IAAI,YAAY,EAAE;AAClC,sBAAoB,YAAY,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC;AACzD,sBAAoB,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC;AAC5D,sBAAoB,IAAI,EAAE,CAAC,MAAM,CAAC,OAAO,IAAI,YAAY,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE;AAC/E,0BAAwB,YAAY,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO;AACxD;AACA,sBAAoB,IAAI,EAAE,CAAC,MAAM,CAAC,OAAO,IAAI,YAAY,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE;AAC/E,0BAAwB,YAAY,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO;AACxD;AACA,sBAAoB,EAAE,CAAC,WAAW,GAAG,YAAY,CAAC,WAAW,EAAE;AAC/D;kBACgB,EAAE,CAAC,kBAAkB,CAAC,KAAK,GAAG,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC;AACpE,kBAAgB,IAAI,EAAE,CAAC,UAAU,EAAE;sBACf,IAAI,MAAM,GAAG,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,8BAA8B,CAAC;AAC/F,sBAAoB,MAAM,CAAC,OAAO,CAAC,UAAU,KAAK,EAAE;0BAC5B,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC;AACjE,0BAAwB,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO;AACnF,+BAA6B,EAAE,CAAC,MAAM,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;AACtF,8BAA4B,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,oBAAoB,CAAC;AACrE;+BAC6B;AAC7B,8BAA4B,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,oBAAoB,CAAC;AACxE;AACA,uBAAqB,CAAC;AACtB;AACA,kBAAgB,oBAAoB,EAAE;AACtC;AACA,cAAY,SAAS,WAAW,CAAC,CAAC,EAAE;kBACpB,CAAC,CAAC,cAAc,EAAE;kBAClB,CAAC,CAAC,eAAe,EAAE;AACnC,kBAAgB,IAAI,WAAW,GAAG,cAAc,CAAC,CAAC,CAAC;AACnD,kBAAgB,IAAI,EAAE,WAAW,YAAY,OAAO,CAAC;sBACjC;kBACJ,IAAI,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,oBAAoB,CAAC;sBACpD;kBACJ,IAAI,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC;AAChE,sBAAoB,OAAO;AAC3B,kBAAgB,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC;AAC7C,kBAAgB,IAAI,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE;sBACzB,IAAI,MAAM,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,QAAQ;AAC5D,sBAAoB,IAAI,KAAK,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,OAAO,IAAI,EAAE,CAAC,aAAa,CAAC,MAAM,KAAK,CAAC;sBACvE,IAAI,MAAM,IAAI,KAAK;0BACf,EAAE,CAAC,KAAK,EAAE;AAClC;AACA;AACA,cAAY,SAAS,QAAQ,CAAC,IAAI,EAAE;AACpC,kBAAgB,IAAI,YAAY,GAAG,IAAI,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;kBAC5E,IAAI,aAAa,GAAG,EAAE;AACtC,kBAAgB,QAAQ,EAAE,CAAC,MAAM,CAAC,IAAI;AACtC,sBAAoB,KAAK,QAAQ;AACjC,0BAAwB,aAAa,GAAG,CAAC,YAAY,CAAC;0BAC9B;AACxB,sBAAoB,KAAK,UAAU;AACnC,0BAAwB,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC;0BAChC;AACxB,sBAAoB,KAAK,OAAO;0BACR,IAAI,EAAE,CAAC,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;AAC3D,8BAA4B,aAAa,GAAG,CAAC,YAAY,CAAC;AAC1D;+BAC6B;8BACD,aAAa,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC;8BACvD,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC;AACrG;0BACwB;AACxB;AACA,kBAAgB,EAAE,CAAC,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC;AAC/C,kBAAgB,oBAAoB,EAAE;AACtC;cACY,IAAI,MAAM,GAAG;kBACT,EAAE,EAAE,EAAE;kBACN,EAAE,EAAE,CAAC;kBACL,EAAE,EAAE,CAAC;kBACL,EAAE,EAAE,EAAE;eACT;cACD,SAAS,SAAS,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;kBAC9B,IAAI,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,SAAS;kBAChD,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,OAAO,KAAK,EAAE,EAAE;sBACjC;AACpB;kBACgB,IAAI,CAAC,EAAE,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,eAAe;sBACvC;kBACJ,IAAI,iBAAiB,GAAG,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,uCAAuC,CAAC;kBAC5F,IAAI,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,aAAa,CAAC;AAC/G,kBAAgB,IAAI,KAAK,KAAK,EAAE,EAAE;sBACd,IAAI,MAAM,GAAG,iBAAiB,IAAI,IAAI,CAAC,eAAe,CAAC,iBAAiB;sBACxE,MAAM,CAAC,KAAK,EAAE;AAClC,sBAAoB,KAAK,GAAG,MAAM,CAAC,EAAE;AACrC;kBACgB,IAAI,UAAU,EAAE;sBACZ,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,EAAE;AAChG;AACA,uBAAqB,IAAI,CAAC,CAAC,OAAO,KAAK,EAAE;sBACrB,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;AAC3E,sBAAoB,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC5D;AACA;cACY,SAAS,SAAS,GAAG;AACjC,kBAAgB,IAAI,EAAE;AACtB,kBAAgB,IAAI,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,MAAM,MAAM,IAAI,IAAI,EAAE,KAAK,MAAM,GAAG,MAAM,GAAG,EAAE,CAAC,IAAI,MAAM,OAAO,IAAI,EAAE,CAAC,aAAa,CAAC,MAAM,KAAK,CAAC;AAChI,sBAAoB,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC;AACnC,kBAAgB,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,MAAM;AAC5C,sBAAoB,WAAW,EAAE;AACjC;AACA;cACY,SAAS,gBAAgB,GAAG;kBACxB,MAAM,CAAC,oBAAoB,GAAG,EAAE,CAAC,YAAY,CAAC,QAAQ,EAAE;kBACxD,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,oBAAoB,CAAC;AACrE,kBAAgB,EAAE,CAAC,YAAY,GAAG,MAAM,CAAC,oBAAoB;AAC7D;cACY,SAAS,kBAAkB,GAAG;AAC1C,kBAAgB,IAAI,CAAC,MAAM,CAAC,oBAAoB;sBAC5B;kBACJ,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,oBAAoB,CAAC;AACrE,kBAAgB,EAAE,CAAC,YAAY,GAAG,MAAM,CAAC,oBAAoB;kBAC7C,OAAO,MAAM,CAAC,oBAAoB;AAClD;cACY,SAAS,qBAAqB,GAAG;AAC7C,kBAAgB,IAAI,IAAI,CAAC,eAAe,KAAK,IAAI,EAAE;sBAC/B,IAAI,MAAM,GAAG,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,8BAA8B,CAAC;AACtG,sBAAoB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;0BAChD,MAAM,CAAC,KAAK,CAAC,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC;AAC/E;AACA;AACA;AACA,cAAY,OAAO;kBACH,aAAa,EAAE,YAAY;AAC3C,sBAAoB,EAAE,CAAC,MAAM,CAAC,UAAU,GAAG,KAAK;mBAC/B;kBACD,aAAa,EAAE,oBAAoB;kBACnC,SAAS,EAAE,SAAS;AACpC,kBAAgB,OAAO,EAAE;AACzB,sBAAoB,gBAAgB;AACpC,sBAAoB,2BAA2B;AAC/C,sBAAoB,KAAK;AACzB,sBAAoB,UAAU;AAC9B,sBAAoB,oBAAoB;AACxC,sBAAoB,YAAY;0BACR,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC;AACzD,0BAAwB,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC;uBACvC;mBACJ;AACjB,kBAAgB,SAAS,EAAE;AAC3B,sBAAoB,kBAAkB;AACtC,sBAAoB,qBAAqB;AACzC,sBAAoB,YAAY;0BACR,EAAE,CAAC,MAAM,CAAC,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,IAAI,EAAE,EAAE,OAAO,IAAI,KAAK,SAAS,CAAC,EAAE,CAAC;uBAC/F;mBACJ;eACJ;WACJ;AACT;;AAEA,MAAI,OAAO,iBAAiB;;AAE5B,GAAC,EAAE,EAAA;;;;;;;;AC5SH,MAAM,SAAS,GAAG,MAAM,CAAC,603BAA603B,CAAC;;MCwB113B,WAAW,GAAA,MAAA;AALxB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAsBE,QAAA,IAAA,CAAA,IAAI,GAAoB,eAAe,CAAC,IAAI;;AAI5C,QAAA,IAAA,CAAA,IAAI,GAAY,SAAS;;AAIzB,QAAA,IAAA,CAAA,KAAK,GAAY,SAAS;AAG1B,QAAA,IAAA,CAAA,iBAAiB,GAAwB,mBAAmB,CAAC,MAAM;AAGnE,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK;AAgOnB;AAtNS,IAAA,cAAc,CAAC,IAAI,EAAA;AACzB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;;AAI5B,IAAA,aAAa,CAAC,EAAiB,EAAA;;AAC7B,QAAA,IAAI,EAAE,CAAC,GAAG,KAAK,QAAQ,EAAE;YACvB,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,EAAE;;AAGtB,QAAA,IAAI,EAAE,CAAC,GAAG,KAAK,OAAO,IAAI,EAAE,CAAC,GAAG,KAAK,GAAG,EAAE;AACxC,YAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;gBACrB,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,EAAE;;AAGrB,YAAA,MAAM,kBAAkB,GAAG,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC;YAElF,IAAI,kBAAkB,EAAE;AACtB,gBAAA,IAAI,CAAC,UAAU,GAAG,KAAK;gBACvB,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,OAAO,CAAC,EAAE,CAAC;AACxB,gBAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;;AAG5B,YAA4B,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe;AAIrF,YAAA,MAAM,kBAAkB,GAAG,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,sBAAsB,CAAC;AAC5F,YAAA,MAAM,kBAAkB,GAAG,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,sBAAsB,CAAC;AAC5F,YAAA,MAAM,YAAY,GAAG,kBAAkB,IAAI,kBAAkB;YAE7D,IAAI,YAAY,IAAI,EAAE,CAAC,GAAG,KAAK,GAAG,EAAE;gBAClC,EAAE,CAAC,cAAc,EAAE;;YAGrB,IAAI,IAAI,CAAC,IAAI,KAAK,eAAe,CAAC,MAAM,EAAE;gBACxC,IAAI,kBAAkB,EAAE;AACtB,oBAAA,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,CAAC,CAAC;;gBAGtD,IAAI,kBAAkB,EAAE;AACtB,oBAAA,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,CAAC,CAAC;;gBAGtD,IAAI,YAAY,EAAE;AAChB,oBAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,sBAAsB,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;oBAC7E,MAAM,MAAM,GAAG,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAE,gBAAgB,CAAC,8BAA8B,CAAC;oBACzE,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,OAAO,CAAC,CAAC,OAAO,KAAI;;AAC1B,wBAAA,OAAO,CAAC,YAAY,CAAC,YAAY,EAAE,GAAG,OAAO,CAAC,SAAS,CAAA,CAAA,EAAI,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,0CAAE,WAAW,CAAA,CAAE,CAAC;AACxF,qBAAC,CAAC;;AAGF,oBAAA,KAAK,CAAC,IAAI,CAAC,MAAM,KAAA,IAAA,IAAN,MAAM,cAAN,MAAM,GAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,KAAK,KAAI;;wBAClD,MAAM,QAAQ,GAAG,IAAI,IAAI,EAAE,CAAC,QAAQ,EAAE;wBACtC,MAAM,OAAO,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;AAExC,wBAAA,IAAI,KAAK,KAAK,QAAQ,EAAE;AACtB,4BAAA,IAAI,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,0CAAE,WAAW,MAAK,OAAO,EAAE;AACxC,gCAAA,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,mCAAmC,CAAC;;iCAC7D;AACL,gCAAA,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,6BAA6B,CAAC;;;AAGlE,qBAAC,CAAC;;;iBAEC;gBACL,IAAI,kBAAkB,EAAE;AACtB,oBAAA,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,WAAW,CAAC,EAAE,CAAC;;gBAE9B,IAAI,kBAAkB,EAAE;oBACtB,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,WAAW,CAAC,CAAC,CAAC;;;;;IAMnC,iBAAiB,GAAA;QACf,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,eAAe,CAAC;AAChE,QAAA,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,YAAY;AACjC,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,YAAA,YAAY,CAAC,YAAY,CAAC,aAAa,EAAE,aAAa,CAAC;;;IAI3D,gBAAgB,GAAA;QACd,IAAI,CAAC,YAAY,EAAE;;IAIrB,YAAY,GAAA;QACV,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,GAAG,CAAA,EAAG,IAAI,CAAC,YAAY,CAAA,OAAA,CAAS,GAAG,GAAG,IAAI,CAAC,YAAY,CAAA,UAAA,CAAY;QAEzG,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA,CAAA,EAAI,aAAa,EAAE,EAAE;YAC3C,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAgB;AACjD,YAAA,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,eAAe,CAAC,SAAS;AACnD,YAAA,MAAM,EAAEC,iBAAO;AACf,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,eAAe,CAAC,SAAS,GAAG,aAAa,GAAG,OAAO;AAC7E,YAAA,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,eAAe,CAAC,MAAM,GAAG,KAAK,GAAG,OAAO;AACtE,YAAA,eAAe,EAAE,CAAC;AAClB,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,QAAQ,EAAE,CAAC,cAAc,EAAE,OAAO,KAAI;AACpC,gBAAA,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC;aAC7B;YACD,MAAM,EAAE,MAAK;gBACX,cAAc,CAAC,IAAI,CAAC,OAAsB,EAAE,IAAI,CAAC,IAAI,CAAC;AACtD,gBAAA,IAAI,CAAC,iBAAiB,GAAG,oBAAoB,CAAC,IAAI,CAAC,OAAsB,EAAE,IAAI,CAAC,IAAI,CAAC;aACtF;YACD,SAAS,EAAE,MAAK;gBACd,cAAc,CAAC,IAAI,CAAC,OAAsB,EAAE,IAAI,CAAC,IAAI,CAAC;aACvD;AACD,YAAA,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,eAAe,CAAC,MAAM,IAAI;AAC/C,gBAAA,iBAAiB,CAAC;AAChB,oBAAA,UAAU,EAAE,KAAK;AACjB,oBAAA,SAAS,EAAE,KAAK;iBACjB,CAAC;AACH,aAAA;AACF,SAAA,CAAC;AAEF,QAAA,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,KAAI;AACtE,YAAA,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACxD,SAAC,CAAC;;AAGI,IAAA,UAAU,CAAC,IAAI,EAAA;QACrB,IAAI,IAAI,CAAC,IAAI,KAAK,eAAe,CAAC,IAAI,EAAE;YACtC,OAAO,CAAA,EAAG,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA,CAAE;;aAC1C,IAAI,IAAI,CAAC,IAAI,KAAK,eAAe,CAAC,MAAM,EAAE;YAC/C,OAAO,CAAA,EAAG,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA,CAAE;;QAG/C,OAAO,CAAA,EAAG,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,aAAa,CAAC,CAAA,CAAE;;AAG/C,IAAA,YAAY,CAAC,KAAK,EAAA;AACxB,QAAA,IAAI,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK;QAE7B,IAAI,IAAI,CAAC,IAAI,KAAK,eAAe,CAAC,MAAM,EAAE;YACxC,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;;QAGzC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;QACnC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,KAAK,eAAe,CAAC,SAAS,GAAG,CAAA,CAAA,EAAI,WAAW,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;AACnF,QAAA,MAAM,iBAAiB,GAAG,CAAA,EAAG,WAAW,CAAC,CAAC,CAAC,CAAA,CAAA,EAAI,WAAW,CAAC,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,CAAA,EAAG,IAAI,CAAA,CAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;AAE5G,QAAA,MAAM,WAAW,GAAG,YAAY,CAAC,iBAAiB,EAAE,IAAI,CAAC,IAAI,KAAK,eAAe,CAAC,SAAS,CAAC;AAE5F,QAAA,IAAI,IAAI,KAAK,EAAE,EAAE;AACf,YAAA,IAAI,CAAC,UAAU,GAAG,KAAK;AACvB,YAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;AACvB,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;;aACrB,IAAI,CAAC,WAAW,EAAE;AACvB,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI;AACtB,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;;aACrB,IAAI,WAAW,EAAE;AACtB,YAAA,IAAI,CAAC,UAAU,GAAG,KAAK;AACvB,YAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACzC,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC;;;IAI9D,oBAAoB,GAAA;QAC1B,QACE,WAAK,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,YAAY,SAAS,EAAA,EACvC,CAAA,CAAA,OAAA,EAAA,EACE,KAAK,EAAC,cAAc,EAAA,YAAA,EAAA,IAAA,EAEpB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA,CACV,EACT,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAQ,CACvB;;IAIF,YAAY,GAAA;AAClB,QAAA,QACE,WAAK,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,YAAY,CAAA,UAAA,CAAY,EAAA,EAC1C,CAAA,CAAA,SAAA,EAAA,EAAA,YAAA,EACa,YAAY,EACvB,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,YAAY,EACxB,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,KAAK,EACd,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAC,GAAG,EACZ,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,YAAY,EAAE,CAAC,KAAK,KAAI;AACtB,gBAAA,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;AAC1B,aAAC,EACD,aAAa,EAAE,MAAK;AAClB,gBAAA,IAAI,CAAC,UAAU,GAAG,KAAK;AACzB,aAAC,EAAA,CACQ,CACP;;IAIV,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,4BAA4B,EAAE,IAAI;AAClC,gBAAA,CAAC,IAAI,CAAC,iBAAiB,GAAG,IAAI;AAC9B,gBAAA,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI;aAClB,EAAA,EAEA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,oBAAoB,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,CACjE;;;;;;;;;;;;;","x_google_ignoreList":[0]}

package/dist/esm/z-dragdrop-area_2.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-BcDWN4F1.js';
 import { g as KeyboardCode } from './index-DdetsoIY.js';
-import { R as ReactiveControllerHost, F as FocusTrapController } from './reactive-controller-C_qN1xPW.js';
-import './utils-CEdyahRZ.js';
+import { R as ReactiveControllerHost, F as FocusTrapController } from './reactive-controller-CHemhYDp.js';
+import './utils-CJc3A9NX.js';
 import './breakpoints-Q-tWjk7P.js';
 const stylesCss$1 = () => `:host{position:relative;display:flex;width:100%;height:232px;flex-direction:column;align-items:center;padding:calc(var(--space-unit) * 3);background-color:var(--color-surface02);background-image:repeating-linear-gradient(       0deg,       var(--color-surface03),       var(--color-surface03) 12px,       transparent 12px,       transparent 20px     ),     repeating-linear-gradient(       90deg,       var(--color-surface03),       var(--color-surface03) 12px,       transparent 12px,       transparent 20px     ),     repeating-linear-gradient(       180deg,       var(--color-surface03),       var(--color-surface03) 12px,       transparent 12px,       transparent 20px     ),     repeating-linear-gradient(       270deg,       var(--color-surface03),       var(--color-surface03) 12px,       transparent 12px,       transparent 20px     );background-position:0 0,     0 0,     100% 0,     0 100%;background-repeat:no-repeat;background-size:2px 100%,     100% 2px,     2px 100%,     100% 2px;border-radius:var(--border-radius-small);color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host,*{box-sizing:border-box}:host(.dragover) *{pointer-events:none}.dragover-container{position:absolute;z-index:1;top:0;left:0;display:none;width:100%;height:100%;background-color:var(--color-primary03);box-shadow:var(--shadow-focus-primary)}:host(.dragover) .dragover-container{display:flex;align-items:center;justify-content:center}`;
@@ -21,12 +21,12 @@ const ZDragdropArea = class {
         }
     }
     render() {
-        return (h(Host, { key: 'ccf7bb034552345593b13a996bb80af42d808f41', class: { dragover: this.dragging }, onDragOver: (e) => {
+        return (h(Host, { key: '67cb9dfea1cd24f61d1b1c628752d7a770365c5c', class: { dragover: this.dragging }, onDragOver: (e) => {
                 e.preventDefault();
                 this.dragging = true;
             }, onDragLeave: () => {
                 this.dragging = false;
-            }, onDrop: this.onDrop.bind(this) }, h("div", { key: 'efa401f0a7885029e1c1c403b94daebf7f8d24db', class: "dragover-container" }, h("z-button", { key: 'd302fd74282ea98b68cad4f090a1985f8f70a256' }, this.dragAndDropLabel)), h("slot", { key: 'e558e6fcf2f1ca7dd7b1dc617d3e98879e8c9a04' })));
+            }, onDrop: this.onDrop.bind(this) }, h("div", { key: '38ecbac3eb08bf669a75869c78f6e95dff67941f', class: "dragover-container" }, h("z-button", { key: 'b0b1e63c600d4e01155ddfb593faf3fd89e55abd' }, this.dragAndDropLabel)), h("slot", { key: '6876fc9e23ffc13a39651ee26c92d6355d45aff7' })));
     }
 };
 ZDragdropArea.style = stylesCss$1();
@@ -991,16 +991,16 @@ const ZModal = class extends ReactiveControllerHost {
         e.preventDefault();
     }
     render() {
-        return (h("dialog", { key: '081900076d57b4b96592ec9491b7c46dc705f3bf', class: {
+        return (h("dialog", { key: '526d8a729f276a07f3ff7c40566c7e57051485a7', class: {
                 "modal-dialog": !this.scrollInside,
-            }, "aria-labelledby": "modal-title", "aria-describedby": "modal-content", role: this.alertdialog ? "alertdialog" : undefined, ref: (el) => (this.dialog = el), onClose: () => this.emitModalClose(), onCancel: (e) => this.handleEscape(e) }, h("div", { key: '1e13132fada1a6446f21820e0759fc79728e48d3', class: {
+            }, "aria-labelledby": "modal-title", "aria-describedby": "modal-content", role: this.alertdialog ? "alertdialog" : undefined, ref: (el) => (this.dialog = el), onClose: () => this.emitModalClose(), onCancel: (e) => this.handleEscape(e) }, h("div", { key: 'a2a80ee8d4ea3800715cc2c1b90d6490a6cf681c', class: {
                 "modal-container": true,
                 "modal-container-scroll-inside": this.scrollInside,
                 "modal-container-scroll-outside": !this.scrollInside,
-            }, id: this.modalid }, h("header", { key: '3e35e0b3d568b2ebab9bb95cb3493fcb1e1d5b81', onClick: this.emitModalHeaderActive.bind(this) }, h("div", { key: '4da4deaab0437652909b9c8fae45744b9bbd8bb6' }, this.modaltitle && h("h1", { key: 'dd392fffb016cd7300544ac0be8225799ec831f1', id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && (h("div", { key: 'a3aaffbfbce5f6c6daccee1cd34effe9eeaeb6b6', class: "subtitle", id: "modal-subtitle" }, this.modalsubtitle))), h("div", { key: 'ab70680024e1d43e5b4fdb7348eefeccefa8efdb', class: {
+            }, id: this.modalid }, h("header", { key: '9406127d701e8d8c552732057f1a17c5ea9feaab', onClick: this.emitModalHeaderActive.bind(this) }, h("div", { key: 'bfcb837521ff1bac75f1f25d4c7c1d8405f0447d' }, this.modaltitle && h("h1", { key: 'b5887ad16f0cec7086c47b7eaafa141bef42ad35', id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && (h("div", { key: 'b9fdb82ebd831d6e75705b0016549139054e5901', class: "subtitle", id: "modal-subtitle" }, this.modalsubtitle))), h("div", { key: '8b53454963abf4a743bf7fe19faeb2333bf8dd9e', class: {
                 "modal-content-scroll-inside": this.scrollInside,
                 "modal-content-scroll-outside": !this.scrollInside,
-            }, id: "modal-content" }, h("slot", { key: '1170bba2f95b5936138443a61624ed4906ae57de', name: "modalContent" }))), h("div", { key: 'df1c02457d80a75ffcc46cc670b4220df75c4150', class: {
+            }, id: "modal-content" }, h("slot", { key: 'afe97d828fea5d9b2b79d8706508b43eb74e3b5a', name: "modalContent" }))), h("div", { key: 'bc6e6b79153b0187a520a75b77558e47de1db312', class: {
                 "modal-background": true,
                 "modal-background-scroll-outside": !this.scrollInside,
             }, "data-action": "modalBackground", "data-modal": this.modalid, onClick: () => {

package/dist/esm/z-file.entry.js CHANGED Viewed

@@ -35,7 +35,7 @@ const ZFile = class {
         return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
     }
     render() {
-        return (h(Host, { key: '1f3779a71046e1f2b90f42fdb4cac9c6f3e5522d' }, this.allowPopover && (h("z-popover", { key: '15979daf21b0aa2595427f753cbf8ced1bd69b17', open: this.popoverVisible, position: PopoverPosition.AUTO, bindTo: this.chip }, h("span", { key: '93f097d69920bae187474bec3e66146fac747758', class: "body-5 tooltip-content" }, this.ellipsis.innerText))), h("z-chip", { key: 'f636e2b2116875edd932439ed4170afb69e23027', ref: (el) => (this.chip = el), id: `chip-${this.fileNumber}`, interactiveIcon: "multiply-circled", type: ZChipType.DEFAULT }, h("span", { key: '7e200d1d86551cd36d10354323be1e5b0b6e8306', ref: (el) => (this.ellipsis = el), tabIndex: -1 }, this.fileName))));
+        return (h(Host, { key: '0315b4e37021849820eae3d32535c733cbe34640' }, this.allowPopover && (h("z-popover", { key: 'ea2be09ed78bded2fd4b3160f4694bd7d5331790', open: this.popoverVisible, position: PopoverPosition.AUTO, bindTo: this.chip }, h("span", { key: '2b1dae0e1eb2ed997d6888234cacaa441043926f', class: "body-5 tooltip-content" }, this.ellipsis.innerText))), h("z-chip", { key: '07ea7bbdb8ee11c7101c2398d40af18498f5f70f', ref: (el) => (this.chip = el), id: `chip-${this.fileNumber}`, interactiveIcon: "multiply-circled", type: ZChipType.DEFAULT }, h("span", { key: 'a0aae4b73af7e34dd480489e0630f0f667b91a55', ref: (el) => (this.ellipsis = el), tabIndex: -1 }, this.fileName))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/z-ghost-loading.entry.js CHANGED Viewed

@@ -7,7 +7,7 @@ const ZGhostLoading = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h(Host, { key: '15c0d5cc4985a23bd1cba510e6c1d323ac0be0c4' });
+        return h(Host, { key: 'a72ef89fbc42376f89d92807f65a095cb5fc0468' });
     }
 };
 ZGhostLoading.style = stylesCss();

package/dist/esm/z-info-box.entry.js CHANGED Viewed

@@ -1,19 +1,21 @@
-import { r as registerInstance, c as createEvent, h } from './index-BcDWN4F1.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-BcDWN4F1.js';
-const stylesCss = () => `:host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:flex;width:inherit;padding:calc(var(--space-unit) * 2);background:var(--color-primary03);border-radius:var(--border-radius)}:host>div>slot{color:var(--color-default-text);font-size:14px}:host>div>z-icon{margin-left:calc(var(--space-unit) * 2);cursor:pointer;fill:var(--color-primary01)}`;
+const stylesCss = () => `:host,*,::slotted(*){box-sizing:border-box}:host{--z-info-box--border-color:unset;--z-info-box--left-icon-color:var(--z-info-box--border-color, var(--color-primary01-icon));--z-info-box--background-color:var(--color-primary03);display:flex;flex-direction:column;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);border:var(--border-size-medium) solid var(--z-info-box--border-color, transparent);background:var(--z-info-box--background-color);border-radius:var(--border-radius);font-family:var(--font-family-sans);font-weight:var(--font-rg);gap:calc(var(--space-unit) * 2)}.main-content{display:flex;align-items:flex-start}.main-content .left-icon,.close-button{display:flex;height:1.25rem;align-items:center}.main-content .left-icon z-icon{--z-icon-width:1rem;--z-icon-height:1rem;fill:var(--z-info-box--left-icon-color)}::slotted([slot="content"]){color:var(--color-default-text);font-size:var(--font-size-2);line-height:1.25rem}.main-content .left-icon+::slotted([slot="content"]){margin-left:var(--space-unit)}:host([isclosable]) ::slotted([slot="content"]){margin-right:calc(var(--space-unit) * 2)}.close-button{padding:0;border:none;margin:0;margin-left:auto;background:none;cursor:pointer}.close-button z-icon{fill:var(--color-primary01-icon)}`;
 const ZInfoBox = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.infoBoxClose = createEvent(this, "infoBoxClose", 7);
-        /** render close icon flag */
+        /** render close icon */
         this.isclosable = true;
+        /** Aria label for the close button */
+        this.closeButtonAriaLabel = "Chiudi pannello informazioni";
     }
     emitInfoBoxClose() {
         this.infoBoxClose.emit({ boxid: this.boxid });
     }
     render() {
-        return (h("div", { key: '3cc569ffebd21d03c33f5764291fca612caae620', id: this.boxid }, h("slot", { key: 'a4110163e695bbbfa7e291771e3b531f3f678a3b', name: "content" }), this.isclosable && (h("z-icon", { key: 'bb3ec9d56fa2c52b38ceea0cfaf70a5c04dffd65', name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() }))));
+        return (h(Host, { key: '9a10d9eb99bec3ab96a9f2d76f22a82b88ef5d93', id: this.boxid }, h("div", { key: '3c1a9b5aed8fcd4e7edfd6103184043797db0611', class: "main-content" }, this.leftIcon && (h("div", { key: '4937f035f9734d141e3040d2b306eedc760fd52d', class: "left-icon" }, h("z-icon", { key: '6ddcc20b0985831563a297c47181902bf7724513', name: this.leftIcon }))), h("slot", { key: '2f0cbf4d39f61c3525e386400ec6246bd7c9e836', name: "content" }), this.isclosable && (h("button", { key: '977c3bc85ce7b21d4651258c912d54a43e031b52', class: "close-button", "aria-label": this.closeButtonAriaLabel, onClick: () => this.emitInfoBoxClose() }, h("z-icon", { key: '374bd9fa23bfda2f053f4d48c3fad67b75edee7e', name: "multiply" })))), h("slot", { key: '72945f9fee87f68a7de5f2aae470d8331b887dac', name: "additional-content" })));
     }
 };
 ZInfoBox.style = stylesCss();

package/dist/esm/z-info-box.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"z-info-box.entry.js","sources":["src/components/z-info-box/styles.css?tag=z-info-box&encapsulation=shadow","src/components/z-info-box/index.tsx"],"sourcesContent":[":host {\n ~~font~~-~~family~~: var(--~~font~~-~~family~~-~~sans~~);\n ~~font~~-~~weight~~: var(--~~font~~-rg);\n}\n~~\n:host > div {\n~~ display: flex;\n ~~width~~: ~~inherit~~;\n padding: calc(var(--space-unit) * 2);\n background: var(--color~~-primary03~~);\n border-radius: var(--border-radius);\n}\n\n:~~host~~ > ~~div~~ > slot {\n color: var(--color-default-text);\n font-size: ~~14px~~;\n}\n\n~~:host~~ > ~~div~~ > z-~~icon~~ {\n margin-~~left~~: calc(var(--space-unit) * 2);\n cursor: pointer;\n fill: var(--color-primary01);\n}\n","import {Component, ComponentInterface, Event, EventEmitter, Prop, h} from \"@stencil/core\";\n\n/*\n @slot content - set the info box content\n /\n@Component({\n tag: \"z-info-box\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZInfoBox implements ComponentInterface {\n /* info box unique id /\n @Prop()\n boxid: string;\n\n /* render close icon ~~flag~~ /\n @Prop()\n isclosable = true;\n\n /* emitted on close icon click */\n @Event()\n infoBoxClose: EventEmitter;\n\n private emitInfoBoxClose(): void {\n this.infoBoxClose.emit({boxid: this.boxid});\n }\n\n render(): HTMLDivElement {\n return (\n <~~div~~ id={this.boxid}>\n <~~slot~~ ~~name~~=\"content\" ~~/>\~~n {this.~~isclosable~~ && (\n <z-icon\n name=\"~~multiply~~\"\n ~~data-action~~=\"~~infoBoxClose~~\"\n onClick={() => this.emitInfoBoxClose()}\n />\n )}\n </div>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG,MAAM,CAAC,~~qXAAqX~~,CAAC;;~~MCUlY~~,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAYE,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI;~~AAwBlB~~;~~IAlBS~~,gBAAgB,GAAA;AACtB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAC,CAAC;;IAG7C,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,~~EAAE~~,~~EAAE~~,IAAI,CAAC,KAAK,EAAA,~~EACjB~~,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,~~EACtB~~,IAAI,CAAC,UAAU,KACd,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,~~EACE~~,IAAI,EAAC,UAAU,EAAA,~~aAAA~~,~~EACH~~,~~cAAc~~,~~EAC1B~~,~~OAAO~~,~~EAAE~~,~~MAAM~~,~~IAAI~~,~~CAAC~~,~~gBAAgB~~,~~EAAE~~,EAAA,~~CACtC~~,~~CACH~~,~~CACG~~;;;;;;;"}
1	+ {"version":3,"file":"z-info-box.entry.js","sources":["src/components/z-info-box/styles.css?tag=z-info-box&encapsulation=shadow","src/components/z-info-box/index.tsx"],"sourcesContent":[":host,\n,\n::slotted() {\n box-sizing: border-box;\n}\n\n:host {\n /*\n @prop --z-info-box--border-color: The border color of the info box.\n * @prop --z-info-box--background-color: The background color of the info box.\n * @prop --z-info-box--left-icon-color: The fill color of the icon displayed on the top left of the info box. If `--z-info-box--border-color` is set, this property will default to that value. Otherwise, it will default to `--color-primary01-icon`.\n /\n --z-info-box--border-color: unset;\n --z-info-box--left-icon-color: var(--z-info-box--border-color, var(--color-primary01-icon));\n --z-info-box--background-color: var(--color-primary03);\n\n display: flex;\n flex-direction: column;\n padding: calc(var(--space-unit) 1.5) calc(var(--space-unit) * 2);\n border: var(--border-size-medium) solid var(--z-info-box--border-color, transparent);\n background: var(--z-info-box--background-color);\n border-radius: var(--border-radius);\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n gap: calc(var(--space-unit) * 2);\n}\n\n.main-content {\n display: flex;\n align-items: flex-start;\n}\n\n/* visually vertically align the icons to the first line of the text content /\n.main-content .left-icon,\n.close-button {\n display: flex;\n height: 1.25rem;\n align-items: center;\n}\n\n.main-content .left-icon z-icon {\n --z-icon-width: 1rem;\n --z-icon-height: 1rem;\n\n fill: var(--z-info-box--left-icon-color);\n}\n\n::slotted([slot=\"content\"]) {\n color: var(--color-default-text);\n font-size: var(--font-size-2);\n line-height: 1.25rem;\n}\n\n.main-content .left-icon + ::slotted([slot=\"content\"]) {\n margin-left: var(--space-unit);\n}\n\n:host([isclosable]) ::slotted([slot=\"content\"]) {\n margin-right: calc(var(--space-unit) 2);\n}\n\n.close-button {\n padding: 0;\n border: none;\n margin: 0;\n margin-left: auto;\n background: none;\n cursor: pointer;\n}\n\n.close-button z-icon {\n fill: var(--color-primary01-icon);\n}\n","import {Component, ComponentInterface, Event, EventEmitter, Host, Prop, h} from \"@stencil/core\";\nimport {IconName} from \"../../constants/iconset\";\n\n/*\n @slot content - set the info box content\n /\n@Component({\n tag: \"z-info-box\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZInfoBox implements ComponentInterface {\n /* info box unique id /\n @Prop()\n boxid: string;\n\n /* render close icon /\n @Prop({reflect: true})\n isclosable = true;\n\n /* Aria label for the close button /\n @Prop()\n closeButtonAriaLabel = \"Chiudi pannello informazioni\";\n\n /\n Name of the icon to display on the top left of the info box.\n * The icon's color will be inherited from the border color set through the `--z-info-box--border-color` CSS variable, if set.\n * Otherwise it can be customized using the `--z-info-box--left-icon-color` CSS variable.\n * If none of them is set, the icon will be colored using the `--color-primary01-icon` token.\n /\n @Prop()\n leftIcon: IconName;\n\n /* emitted on close icon click */\n @Event()\n infoBoxClose: EventEmitter<{boxid: string}>;\n\n private emitInfoBoxClose(): void {\n this.infoBoxClose.emit({boxid: this.boxid});\n }\n\n render(): HTMLDivElement {\n return (\n <Host id={this.boxid}>\n <div class=\"main-content\">\n {this.leftIcon && (\n <div class=\"left-icon\">\n <z-icon name={this.leftIcon} />\n </div>\n )}\n\n <slot name=\"content\" />\n\n {this.isclosable && (\n <button\n class=\"close-button\"\n aria-label={this.closeButtonAriaLabel}\n onClick={() => this.emitInfoBoxClose()}\n >\n <z-icon name=\"multiply\" />\n </button>\n )}\n </div>\n\n <slot name=\"additional-content\" />\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG,MAAM,CAAC,kvCAAkvC,CAAC;;MCW/vC,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAYE,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI;;AAIjB,QAAA,IAAA,CAAA,oBAAoB,GAAG,8BAA8B;AA8CtD;IA/BS,gBAAgB,GAAA;AACtB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAC,CAAC;;IAG7C,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,EAAE,EAAE,IAAI,CAAC,KAAK,EAAA,EAClB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,cAAc,EAAA,EACtB,IAAI,CAAC,QAAQ,KACZ,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,WAAW,EAAA,EACpB,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CAC3B,CACP,EAED,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,EAEtB,IAAI,CAAC,UAAU,KACd,+DACE,KAAK,EAAC,cAAc,EAAA,YAAA,EACR,IAAI,CAAC,oBAAoB,EACrC,OAAO,EAAE,MAAM,IAAI,CAAC,gBAAgB,EAAE,EAAA,EAEtC,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,IAAI,EAAC,UAAU,EAAA,CAAG,CACnB,CACV,CACG,EAEN,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,oBAAoB,EAAA,CAAG,CAC7B;;;;;;;"}

package/dist/esm/z-info-reveal.entry.js CHANGED Viewed

@@ -14,8 +14,8 @@ const ZInfoReveal = class {
          * For example, with the default position `BOTTOM_RIGHT`, the panel will grow vertically upwards and horizontally to the left.
          */
         this.position = InfoRevealPosition.BOTTOM_RIGHT;
-        /** Aria label of the trigger button. It will be only used when `label` prop is empty. */
-        this.ariaLabel = "Apri pannello informazioni";
+        /** `aria-label` of the trigger button. It will be used only when the `label` prop is empty. */
+        this.htmlAriaLabel = "Apri pannello informazioni";
         /** Size of the trigger button */
         this.size = ControlSize.BIG;
         /** Whether the info panel is open. */
@@ -53,7 +53,7 @@ const ZInfoReveal = class {
         }
     }
     render() {
-        return (h(Host, { key: '062623399b8e6d19274dd482570f4ae1649ef23b', open: this.open }, h("button", { key: '1fc4f3951ad4055943e7ef8fc61d94cc425e70c2', class: "z-info-reveal-trigger", type: "button", onClick: this.togglePanel.bind(this), "aria-label": !this.label ? this.ariaLabel : undefined, "aria-expanded": this.open ? "true" : "false", "aria-controls": "z-info-reveal-panel" }, this.icon && h("z-icon", { key: '67d263d17b3a238af33c7fd5785a4409b3817eb7', name: this.icon }), this.label && h("span", { key: '8de421e649b240588bd11a87a4f241ddd7bee004', class: "z-info-reveal-label" }, this.label)), h("div", { key: 'd588ee526e87e72712a00b78c9090ed40b6473c9', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, h("slot", { key: 'd6739b3a91ba44106ee1f72abd185bf2a7bc5727' }), h("button", { key: '978742081a1d1f51b0e05d99989e0bfc5c7cf276', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, h("z-icon", { key: 'bef98b8858f38d06099d94a33bb8b97c588a8465', name: "multiply" })))));
+        return (h(Host, { key: 'a22a540c0df59b75d4b370404df70d37103929dc', open: this.open }, h("button", { key: '598227d587b1ff22723db6f5213bbd9747bc2f3b', class: "z-info-reveal-trigger", type: "button", onClick: this.togglePanel.bind(this), "aria-label": !this.label ? this.htmlAriaLabel || undefined : undefined, "aria-expanded": this.open ? "true" : "false", "aria-controls": "z-info-reveal-panel" }, this.icon && h("z-icon", { key: '28f2d30a031423a803e9d7692b2303c627dabb77', name: this.icon }), this.label && h("span", { key: '3902d42ce7f4d265b298ab52bb448b93d42ec7a7', class: "z-info-reveal-label" }, this.label)), h("div", { key: 'f8750e21dfd80927ad78dc3fcf1e97b7a7298308', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, h("slot", { key: 'd844cc6197c5459fde0c725670fa8a2f28fb7c01' }), h("button", { key: '67891868418b95d9de7f9ffee578ba58df9d0eef', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, h("z-icon", { key: '66a137e3737db5bad4ca9acdc41d3bdcb7ab089f', name: "multiply" })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/z-info-reveal.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"z-info-reveal.entry.js","sources":["src/components/z-info-reveal/styles.css?tag=z-info-reveal&encapsulation=shadow","src/components/z-info-reveal/index.tsx"],"sourcesContent":[":host {\n /*\n @prop --z-info-reveal-panel-width: Width of the info panel.\n * @prop --trigger-icon-size: Size of the trigger icon for big size.\n * @prop --trigger-icon-size-small: Size of the trigger icon for small size.\n * @prop --trigger-icon-size-x-small: Size of the trigger icon for x-small size.\n /\n --z-info-reveal-panel-width: 384px; / defaults to half the maximum size of the mobile breakpoint /\n --trigger-size: 44px;\n\n position: relative;\n}\n\n:host {\n box-sizing: border-box;\n}\n\nbutton {\n --trigger-icon-size: calc(var(--trigger-size) / 2);\n\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: none;\n background-color: transparent;\n cursor: pointer;\n font-family: inherit;\n letter-spacing: inherit;\n}\n\nbutton:focus:focus-visible {\n box-shadow: var(--shadow-focus-primary);\n outline: none;\n}\n\n.z-info-reveal-trigger {\n min-width: var(--trigger-size);\n height: var(--trigger-size);\n padding: calc((var(--trigger-size) - var(--trigger-icon-size)) / 2);\n background-color: var(--color-surface05);\n border-radius: var(--border-radius);\n color: var(--color-text-inverse);\n column-gap: var(--space-unit);\n font-weight: var(--font-sb);\n line-height: 1rem;\n}\n\n:host([size=\"big\"]) .z-info-reveal-trigger {\n font-size: var(--font-size-2);\n}\n\n:host([size=\"small\"]) .z-info-reveal-trigger {\n --trigger-size: 36px;\n\n font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) .z-info-reveal-trigger {\n --trigger-size: 32px;\n\n padding: var(--space-unit);\n font-size: var(--font-size-1);\n}\n\n:host > .z-info-reveal-trigger z-icon {\n --z-icon-width: var(--trigger-icon-size);\n --z-icon-height: var(--trigger-icon-size);\n\n display: flex;\n fill: var(--color-inverse-icon);\n}\n\n:host([size=\"small\"]) > .z-info-reveal-trigger z-icon {\n --trigger-icon-size: var(--trigger-icon-size-small, 18px);\n}\n\n:host([size=\"x-small\"]) > .z-info-reveal-trigger z-icon {\n --trigger-icon-size: var(--trigger-icon-size-x-small, 16px);\n}\n\n.z-info-reveal-panel {\n position: absolute;\n z-index: 19;\n display: flex;\n width: var(--z-info-reveal-panel-width);\n height: fit-content;\n align-items: flex-start;\n padding: calc(var(--space-unit) * 1.5);\n background-color: var(--color-surface05);\n border-radius: var(--border-radius);\n box-shadow: var(--shadow-4);\n color: var(--color-text-inverse);\n column-gap: var(--space-unit);\n}\n\n.z-info-reveal-panel[hidden] {\n display: none;\n}\n\n:host([position=\"top_left\"]) .z-info-reveal-panel,\n:host([position=\"top_right\"]) .z-info-reveal-panel {\n top: 0;\n}\n\n:host([position=\"bottom_left\"]) .z-info-reveal-panel,\n:host([position=\"bottom_right\"]) .z-info-reveal-panel {\n bottom: 0;\n}\n\n:host([position=\"top_right\"]) .z-info-reveal-panel,\n:host([position=\"bottom_right\"]) .z-info-reveal-panel {\n right: 0;\n}\n\n:host([position=\"top_left\"]) .z-info-reveal-panel,\n:host([position=\"bottom_left\"]) .z-info-reveal-panel {\n left: 0;\n}\n\n.z-info-reveal-panel .z-info-reveal-close {\n margin-left: auto;\n}\n\n.z-info-reveal-panel z-icon {\n fill: var(--color-inverse-icon);\n}\n\n@media (max-width: 767px) {\n .z-info-reveal-panel {\n top: auto !important;\n bottom: auto !important;\n width: calc(var(--z-info-reveal-panel-width) - (var(--grid-margin) * 4)) !important;\n margin-top: calc(var(--trigger-size) * -1);\n }\n}\n","import {Component, ComponentInterface, Element, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ControlSize, InfoRevealPosition} from \"../../beans\";\n\n/*\n Info reveal component.\n \n @slot - content of the info panel.\n /\n@Component({\n tag: \"z-info-reveal\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZInfoReveal implements ComponentInterface {\n /* Name of the icon for the trigger button /\n @Prop()\n icon? = \"informationsource\";\n\n /\n The position of the z-info-reveal in the page. This helps to correctly place the info panel.\n * The panel will grow in the opposite direction of the position.\n * For example, with the default position `BOTTOM_RIGHT`, the panel will grow vertically upwards and horizontally to the left.\n /\n @Prop({reflect: true})\n position?: InfoRevealPosition = InfoRevealPosition.BOTTOM_RIGHT;\n\n /* Label of the trigger button. /\n @Prop()\n label?: string;\n\n /* ~~Aria~~ label of the trigger button. It will be only ~~used~~ when `label` prop is empty. /\n @Prop()\n ~~ariaLabel~~ = \"Apri pannello informazioni\";\n\n /* Size of the trigger button /\n @Prop({reflect: true})\n size?: ControlSize = ControlSize.BIG;\n\n /* Whether the info panel is open. /\n @State()\n open = false;\n\n @Element() host: HTMLZInfoRevealElement;\n\n private panel: HTMLDivElement;\n\n /\n Adjust the position of the info panel to prevent exiting the viewport.\n /\n @Watch(\"position\")\n @Watch(\"open\")\n @Listen(\"resize\", {target: \"window\", passive: true})\n adjustPanelPosition(): void {\n if (!this.open \|\| !this.panel) {\n return;\n }\n\n const rect = this.host.getBoundingClientRect();\n const gridMargin = parseInt(getComputedStyle(document.documentElement).getPropertyValue(\"--grid-margin\"), 10);\n const pageWidth = document.documentElement.offsetWidth;\n // Available space for the info panel to grow towards the edge of the page, based on the `position` prop.\n const availableSpace = Math.round(\n (this.position.includes(\"left\") ? pageWidth - rect.left : rect.right) - gridMargin\n );\n this.panel.style.maxWidth = `${availableSpace}px`;\n }\n\n /\n Toggle the open state of the info panel.\n /\n private togglePanel(): void {\n this.open = !this.open;\n }\n\n /\n Close the info panel.\n */\n private closePanel(): void {\n this.open = false;\n }\n\n @Listen(\"keydown\", {target: \"window\", capture: true})\n handleEscapeKey(event: KeyboardEvent): void {\n if (event.key === \"Escape\" && this.open) {\n this.closePanel();\n }\n }\n\n render(): HTMLZInfoRevealElement {\n return (\n <Host open={this.open}>\n <button\n class=\"z-info-reveal-trigger\"\n type=\"button\"\n onClick={this.togglePanel.bind(this)}\n aria-label={!this.label ? this.~~ariaLabel~~ : undefined}\n aria-expanded={this.open ? \"true\" : \"false\"}\n aria-controls=\"z-info-reveal-panel\"\n >\n {this.icon && <z-icon name={this.icon} />}\n {this.label && <span class=\"z-info-reveal-label\">{this.label}</span>}\n </button>\n <div\n class=\"z-info-reveal-panel\"\n id=\"z-info-reveal-panel\"\n ref={(el) => (this.panel = el)}\n hidden={!this.open}\n >\n <slot></slot>\n <button\n class=\"z-info-reveal-close\"\n type=\"button\"\n onClick={this.closePanel.bind(this)}\n aria-label=\"Chiudi pannello informazioni\"\n >\n <z-icon name=\"multiply\" />\n </button>\n </div>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,SAAS,GAAG,MAAM,CAAC,6gFAA6gF,CAAC;;MCa1hF,WAAW,GAAA,MAAA;AALxB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAQE,QAAA,IAAA,CAAA,IAAI,GAAI,mBAAmB;AAE3B;;;;AAIG;AAEH,QAAA,IAAA,CAAA,QAAQ,GAAwB,kBAAkB,CAAC,YAAY;;AAQ/D,QAAA,IAAA,CAAA,~~SAAS~~,GAAG,4BAA4B;;~~AAIxC~~,QAAA,IAAA,CAAA,IAAI,GAAiB,WAAW,CAAC,GAAG;;AAIpC,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK;AAiFb;AA3EC;;AAEG;IAIH,mBAAmB,GAAA;QACjB,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YAC7B;;QAGF,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE;AAC9C,QAAA,MAAM,UAAU,GAAG,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,eAAe,CAAC,EAAE,EAAE,CAAC;AAC7G,QAAA,MAAM,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW;;AAEtD,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAC/B,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,UAAU,CACnF;QACD,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAA,EAAG,cAAc,CAAA,EAAA,CAAI;;AAGnD;;AAEG;IACK,WAAW,GAAA;AACjB,QAAA,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI;;AAGxB;;AAEG;IACK,UAAU,GAAA;AAChB,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK;;AAInB,IAAA,eAAe,CAAC,KAAoB,EAAA;QAClC,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,EAAE;YACvC,IAAI,CAAC,UAAU,EAAE;;;IAIrB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EACnB,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,uBAAuB,EAC7B,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAA,YAAA,EACxB,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,GAAG,SAAS,EAAA,eAAA,~~EACrC~~,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,OAAO,EAAA,eAAA,EAC7B,qBAAqB,EAAA,EAElC,IAAI,CAAC,IAAI,IAAI,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,CAAI,EACxC,IAAI,CAAC,KAAK,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,qBAAqB,EAAA,EAAE,IAAI,CAAC,KAAK,CAAQ,CAC7D,EACT,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,qBAAqB,EAC3B,EAAE,EAAC,qBAAqB,EACxB,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,EAC9B,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI,EAAA,EAElB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,EACb,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,qBAAqB,EAC3B,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,gBACxB,8BAA8B,EAAA,EAEzC,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,IAAI,EAAC,UAAU,EAAA,CAAG,CACnB,CACL,CACD;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"z-info-reveal.entry.js","sources":["src/components/z-info-reveal/styles.css?tag=z-info-reveal&encapsulation=shadow","src/components/z-info-reveal/index.tsx"],"sourcesContent":[":host {\n /*\n @prop --z-info-reveal-panel-width: Width of the info panel.\n * @prop --trigger-icon-size: Size of the trigger icon for big size.\n * @prop --trigger-icon-size-small: Size of the trigger icon for small size.\n * @prop --trigger-icon-size-x-small: Size of the trigger icon for x-small size.\n /\n --z-info-reveal-panel-width: 384px; / defaults to half the maximum size of the mobile breakpoint /\n --trigger-size: 44px;\n\n position: relative;\n}\n\n:host {\n box-sizing: border-box;\n}\n\nbutton {\n --trigger-icon-size: calc(var(--trigger-size) / 2);\n\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: none;\n background-color: transparent;\n cursor: pointer;\n font-family: inherit;\n letter-spacing: inherit;\n}\n\nbutton:focus:focus-visible {\n box-shadow: var(--shadow-focus-primary);\n outline: none;\n}\n\n.z-info-reveal-trigger {\n min-width: var(--trigger-size);\n height: var(--trigger-size);\n padding: calc((var(--trigger-size) - var(--trigger-icon-size)) / 2);\n background-color: var(--color-surface05);\n border-radius: var(--border-radius);\n color: var(--color-text-inverse);\n column-gap: var(--space-unit);\n font-weight: var(--font-sb);\n line-height: 1rem;\n}\n\n:host([size=\"big\"]) .z-info-reveal-trigger {\n font-size: var(--font-size-2);\n}\n\n:host([size=\"small\"]) .z-info-reveal-trigger {\n --trigger-size: 36px;\n\n font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) .z-info-reveal-trigger {\n --trigger-size: 32px;\n\n padding: var(--space-unit);\n font-size: var(--font-size-1);\n}\n\n:host > .z-info-reveal-trigger z-icon {\n --z-icon-width: var(--trigger-icon-size);\n --z-icon-height: var(--trigger-icon-size);\n\n display: flex;\n fill: var(--color-inverse-icon);\n}\n\n:host([size=\"small\"]) > .z-info-reveal-trigger z-icon {\n --trigger-icon-size: var(--trigger-icon-size-small, 18px);\n}\n\n:host([size=\"x-small\"]) > .z-info-reveal-trigger z-icon {\n --trigger-icon-size: var(--trigger-icon-size-x-small, 16px);\n}\n\n.z-info-reveal-panel {\n position: absolute;\n z-index: 19;\n display: flex;\n width: var(--z-info-reveal-panel-width);\n height: fit-content;\n align-items: flex-start;\n padding: calc(var(--space-unit) * 1.5);\n background-color: var(--color-surface05);\n border-radius: var(--border-radius);\n box-shadow: var(--shadow-4);\n color: var(--color-text-inverse);\n column-gap: var(--space-unit);\n}\n\n.z-info-reveal-panel[hidden] {\n display: none;\n}\n\n:host([position=\"top_left\"]) .z-info-reveal-panel,\n:host([position=\"top_right\"]) .z-info-reveal-panel {\n top: 0;\n}\n\n:host([position=\"bottom_left\"]) .z-info-reveal-panel,\n:host([position=\"bottom_right\"]) .z-info-reveal-panel {\n bottom: 0;\n}\n\n:host([position=\"top_right\"]) .z-info-reveal-panel,\n:host([position=\"bottom_right\"]) .z-info-reveal-panel {\n right: 0;\n}\n\n:host([position=\"top_left\"]) .z-info-reveal-panel,\n:host([position=\"bottom_left\"]) .z-info-reveal-panel {\n left: 0;\n}\n\n.z-info-reveal-panel .z-info-reveal-close {\n margin-left: auto;\n}\n\n.z-info-reveal-panel z-icon {\n fill: var(--color-inverse-icon);\n}\n\n@media (max-width: 767px) {\n .z-info-reveal-panel {\n top: auto !important;\n bottom: auto !important;\n width: calc(var(--z-info-reveal-panel-width) - (var(--grid-margin) * 4)) !important;\n margin-top: calc(var(--trigger-size) * -1);\n }\n}\n","import {Component, ComponentInterface, Element, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ControlSize, InfoRevealPosition} from \"../../beans\";\n\n/*\n Info reveal component.\n \n @slot - content of the info panel.\n /\n@Component({\n tag: \"z-info-reveal\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZInfoReveal implements ComponentInterface {\n /* Name of the icon for the trigger button /\n @Prop()\n icon? = \"informationsource\";\n\n /\n The position of the z-info-reveal in the page. This helps to correctly place the info panel.\n * The panel will grow in the opposite direction of the position.\n * For example, with the default position `BOTTOM_RIGHT`, the panel will grow vertically upwards and horizontally to the left.\n /\n @Prop({reflect: true})\n position?: InfoRevealPosition = InfoRevealPosition.BOTTOM_RIGHT;\n\n /* Label of the trigger button. /\n @Prop()\n label?: string;\n\n /* `aria-label` of the trigger button. It will be used only when the `label` prop is empty. /\n @Prop()\n htmlAriaLabel = \"Apri pannello informazioni\";\n\n /* Size of the trigger button /\n @Prop({reflect: true})\n size?: ControlSize = ControlSize.BIG;\n\n /* Whether the info panel is open. /\n @State()\n open = false;\n\n @Element() host: HTMLZInfoRevealElement;\n\n private panel: HTMLDivElement;\n\n /\n Adjust the position of the info panel to prevent exiting the viewport.\n /\n @Watch(\"position\")\n @Watch(\"open\")\n @Listen(\"resize\", {target: \"window\", passive: true})\n adjustPanelPosition(): void {\n if (!this.open \|\| !this.panel) {\n return;\n }\n\n const rect = this.host.getBoundingClientRect();\n const gridMargin = parseInt(getComputedStyle(document.documentElement).getPropertyValue(\"--grid-margin\"), 10);\n const pageWidth = document.documentElement.offsetWidth;\n // Available space for the info panel to grow towards the edge of the page, based on the `position` prop.\n const availableSpace = Math.round(\n (this.position.includes(\"left\") ? pageWidth - rect.left : rect.right) - gridMargin\n );\n this.panel.style.maxWidth = `${availableSpace}px`;\n }\n\n /\n Toggle the open state of the info panel.\n /\n private togglePanel(): void {\n this.open = !this.open;\n }\n\n /\n Close the info panel.\n */\n private closePanel(): void {\n this.open = false;\n }\n\n @Listen(\"keydown\", {target: \"window\", capture: true})\n handleEscapeKey(event: KeyboardEvent): void {\n if (event.key === \"Escape\" && this.open) {\n this.closePanel();\n }\n }\n\n render(): HTMLZInfoRevealElement {\n return (\n <Host open={this.open}>\n <button\n class=\"z-info-reveal-trigger\"\n type=\"button\"\n onClick={this.togglePanel.bind(this)}\n aria-label={!this.label ? this.htmlAriaLabel \|\| undefined : undefined}\n aria-expanded={this.open ? \"true\" : \"false\"}\n aria-controls=\"z-info-reveal-panel\"\n >\n {this.icon && <z-icon name={this.icon} />}\n {this.label && <span class=\"z-info-reveal-label\">{this.label}</span>}\n </button>\n <div\n class=\"z-info-reveal-panel\"\n id=\"z-info-reveal-panel\"\n ref={(el) => (this.panel = el)}\n hidden={!this.open}\n >\n <slot></slot>\n <button\n class=\"z-info-reveal-close\"\n type=\"button\"\n onClick={this.closePanel.bind(this)}\n aria-label=\"Chiudi pannello informazioni\"\n >\n <z-icon name=\"multiply\" />\n </button>\n </div>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/z-input-range.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-BcDWN4F1.js';
 import { O as Orientation, P as PopoverPosition } from './index-DdetsoIY.js';
-import { r as randomId } from './utils-CEdyahRZ.js';
+import { r as randomId } from './utils-CJc3A9NX.js';
 import './breakpoints-Q-tWjk7P.js';
 const stylesCss = () => `:host,*{box-sizing:border-box}:host{--progress:0%;--progress-ratio:0;--z-input-range-thumb-size:calc(var(--space-unit) * 3);display:flex;width:fit-content;height:fit-content;flex-direction:column;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host([size="small"]){--z-input-range-thumb-size:calc(var(--space-unit) * 2)}:host([size="x-small"]){--z-input-range-thumb-size:calc(var(--space-unit) * 1.5)}:host([orientation="vertical"]){height:100%;flex-direction:row}.input-container{--z-input-range-track-size:calc(var(--z-input-range-thumb-size) / 3);position:relative;display:flex;width:100%;height:100%}label.z-label{padding:0;margin-bottom:calc(var(--space-unit) * 1.5)}:host([orientation="vertical"]) label.z-label{display:none}input[type="range"]{--main-color:var(--color-primary01);width:100%;height:var(--z-input-range-thumb-size);padding:0;margin:0;appearance:none;background:transparent;writing-mode:horizontal-tb}input[type="range"]:hover,input[type="range"]:hover~z-tooltip{--main-color:var(--color-hover-primary)}input[type="range"]:focus:focus-visible{outline:none}input[type="range"]:disabled,input[type="range"]:disabled~z-tooltip{--main-color:var(--color-form-disabled03);cursor:default}input[type="range"]::-webkit-slider-runnable-track{width:100%;height:var(--z-input-range-track-size);border:none;appearance:none;background:linear-gradient(var(--main-color), var(--main-color)) 0 / var(--progress) 100% no-repeat,     var(--color-surface03);border-radius:var(--border-radius)}:host([orientation="vertical"]) input[type="range"]{width:var(--z-input-range-thumb-size);height:100%;direction:rtl;writing-mode:vertical-lr}:host([orientation="vertical"]) input[type="range"]::-webkit-slider-runnable-track{width:var(--z-input-range-track-size);height:100%;background:linear-gradient(var(--main-color), var(--main-color)) 0 100% / 100% var(--progress) no-repeat,     var(--color-surface03)}input[type="range"]::-webkit-slider-thumb{width:var(--z-input-range-thumb-size);height:var(--z-input-range-thumb-size);box-sizing:border-box;border:calc(var(--z-input-range-thumb-size) / 4.8) solid var(--main-color);margin-top:calc((var(--z-input-range-track-size) - var(--z-input-range-thumb-size)) / 2);appearance:none;background-color:var(--color-surface01);border-radius:50%}:host([orientation="vertical"]) input[type="range"]::-webkit-slider-thumb{margin-top:0;margin-left:calc((var(--z-input-range-track-size) - var(--z-input-range-thumb-size)) / 2)}input[type="range"]:not(:disabled)::-webkit-slider-runnable-track{cursor:pointer}input[type="range"]:not(:disabled)::-webkit-slider-thumb{cursor:grab}input[type="range"]:focus:not(:active)::-webkit-slider-thumb{box-shadow:var(--shadow-focus-primary)}input[type="range"]:active:not(:disabled)::-webkit-slider-thumb{cursor:grabbing}input[type="range"]::-moz-range-track{width:100%;height:var(--z-input-range-track-size);border:none;appearance:none;background:var(--color-surface03);border-radius:var(--border-radius)}:host([orientation="vertical"]) input[type="range"]::-moz-range-track{width:var(--z-input-range-track-size);height:100%}input[type="range"]::-moz-range-progress{height:var(--z-input-range-track-size);border:none;background:var(--main-color);border-radius:var(--border-radius)}:host([orientation="vertical"]) input[type="range"]::-moz-range-progress{width:var(--z-input-range-track-size);height:auto}input[type="range"]::-moz-range-thumb{width:var(--z-input-range-thumb-size);height:var(--z-input-range-thumb-size);box-sizing:border-box;border:calc(var(--z-input-range-thumb-size) / 4.8) solid var(--main-color);margin-top:calc((var(--z-input-range-track-size) - var(--z-input-range-thumb-size)) / 2);appearance:none;background-color:var(--color-surface01);border-radius:50%}:host([orientation="vertical"]) input[type="range"]::-moz-range-thumb{margin-top:0;margin-left:calc((var(--z-input-range-track-size) - var(--z-input-range-thumb-size)) / 2)}input[type="range"]:not(:disabled)::-moz-range-track,input[type="range"]:not(:disabled)::-moz-range-progress{cursor:pointer}input[type="range"]:not(:disabled)::-moz-range-thumb{cursor:grab}input[type="range"]:active:not(:disabled)::-moz-range-thumb{cursor:grabbing}input[type="range"]:focus:not(:active)::-moz-range-thumb{box-shadow:var(--shadow-focus-primary)}.tooltip-guide{--progress-position:calc(     (var(--progress-ratio) * (100% - var(--z-input-range-thumb-size))) + (var(--z-input-range-thumb-size) / 2)   );position:absolute;z-index:-1;top:0;left:var(--progress-position);width:var(--z-input-range-thumb-size);height:var(--z-input-range-thumb-size);background:transparent;pointer-events:none;transform:translateX(-50%)}:host([orientation="vertical"]) .tooltip-guide{top:auto;bottom:var(--progress-position);left:0;transform:translateY(50%)}z-tooltip{--main-color:var(--color-primary01);--z-tooltip-theme--surface:var(--main-color);--z-tooltip-theme--text:var(--color-text-inverse);--z-tooltip-padding:calc(var(--space-unit) / 2)}z-tooltip .current-value{min-width:calc(var(--space-unit) * 3.5)}.edges{display:flex;justify-content:space-between}.edges :is(.min,.max){min-width:var(--z-input-range-thumb-size);text-align:center}:host([orientation="vertical"]) .edges{display:none}`;
@@ -116,7 +116,7 @@ const ZInputRange = class {
         this.needsNativeValueSync = false;
     }
     render() {
-        return (h(Host, { key: 'bbe608639444be9549dc727cbdbc68f906b41157' }, this.label && (h("label", { key: 'c2ee1ca74d1c5ccc09fb00b52443b4b97b6dfbfd', class: "z-label", htmlFor: this.htmlId }, this.label)), h("div", { key: '5f17e9204d1d07728adac5a237d664f6ec1f10c9', class: "input-container body-3" }, h("input", { key: '8574502254f8f457cce3f9124d8097c850d68fc8', ref: (el) => (this.inputRef = el), type: "range", "aria-label": this.ariaLabel, id: this.htmlId, disabled: this.disabled, min: this.min, max: this.max, step: this.step, value: this.currentValue, onInput: (event) => this.onInput(event), onChange: (event) => this.onChange(event), onFocus: () => (this.showValueTooltip = true), onBlur: () => (this.showValueTooltip = false) }), h("div", { key: '843596b2fe410d771ccbeb059d544a3f9daeb302', class: "tooltip-guide", ref: (el) => (this.tooltipGuideRef = el) }), h("z-tooltip", { key: '2be5826efecc132931d123a6be24822b0e224c81', position: this.tooltipPosition, bindTo: this.tooltipGuideRef, open: this.showValueTooltip, closable: false }, h("div", { key: '92a1578d37eb6ac6823dd5e9e547858e8b6d94ab', class: "current-value" }, this.currentValue))), this.showEdges && (h("div", { key: 'b0ad1133691483dbe2a135762b81311d32b6eba6', class: "edges body-3" }, h("span", { key: '699a22b70647ebf005aca8766e36007dc588cd0c', class: "min" }, this.min), h("span", { key: 'fbe2ea77473fc068c2ba7f9849cbb07225912fff', class: "max" }, this.max)))));
+        return (h(Host, { key: '1d75670f3820a7de46c7dc0ad03b00476f77fed9' }, this.label && (h("label", { key: '61938ff3fe18dc98eecf9c22cbb43a6855faaf80', class: "z-label", htmlFor: this.htmlId }, this.label)), h("div", { key: 'ffe7307d8ee4f5786630d8930d2c2e799348a5ca', class: "input-container body-3" }, h("input", { key: 'fb889a3056ff22cff303e4caaff83c675421ce1c', ref: (el) => (this.inputRef = el), type: "range", "aria-label": this.ariaLabel, id: this.htmlId, disabled: this.disabled, min: this.min, max: this.max, step: this.step, value: this.currentValue, onInput: (event) => this.onInput(event), onChange: (event) => this.onChange(event), onFocus: () => (this.showValueTooltip = true), onBlur: () => (this.showValueTooltip = false) }), h("div", { key: '8a0ab9de23950dbca2fef73f431f82bad234a66f', class: "tooltip-guide", ref: (el) => (this.tooltipGuideRef = el) }), h("z-tooltip", { key: '5aad182cf33c4e997c76565a4e2c2add54866cb4', position: this.tooltipPosition, bindTo: this.tooltipGuideRef, open: this.showValueTooltip, closable: false }, h("div", { key: '07879abebb3ed35ec105f6604d7927b029172b99', class: "current-value" }, this.currentValue))), this.showEdges && (h("div", { key: '6bf70a60ff94d0923e76a76f0bb17a00d40e5757', class: "edges body-3" }, h("span", { key: 'd9a1412d997644e1b9d275def26e040e091be195', class: "min" }, this.min), h("span", { key: 'd951901cf7d41f448c7a553b6c3fe48186c6c913', class: "max" }, this.max)))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }

package/dist/esm/z-logo.entry.js CHANGED Viewed

@@ -14,7 +14,7 @@ const ZLogo = class {
         if (this.height) {
             style["height"] = style["max-height"] = `${this.height}px`;
         }
-        return (h(Host, { key: 'ab19d473781e8ab273d484799ea87324dd9188cd', style: style, class: { mobile: !!this.mobileLogo } }, this.link ? (h("a", { href: this.link, target: this.targetBlank ? "_blank" : "_self" }, h("img", { alt: this.imageAlt }))) : (h("img", { alt: this.imageAlt }))));
+        return (h(Host, { key: '0b01a3469ffb9aebe29b323dc73c203fb9a0db12', style: style, class: { mobile: !!this.mobileLogo } }, this.link ? (h("a", { href: this.link, target: this.targetBlank ? "_blank" : "_self" }, h("img", { alt: this.imageAlt }))) : (h("img", { alt: this.imageAlt }))));
     }
 };
 ZLogo.style = stylesCss();

package/dist/esm/z-menu-section.entry.js CHANGED Viewed

@@ -175,7 +175,7 @@ const ZMenuSection = class {
         this.onItemsChange();
     }
     render() {
-        return (h(Host, { key: 'e6175335e6b2cff9e1789220c6ff64ca70b1e8b4', open: this.open }, h("button", { key: '097d0ad86fb95b7c29c4dba6c55cad958dad1b6c', ref: (el) => (this.label = el), class: "label", "aria-haspopup": `${!!this.hasItems}`, "aria-expanded": `${!!this.open}`, role: "menuitem", tabindex: this.htmlTabindex, onClick: this.onLabelClick, onKeyDown: this.onLabelKeydown }, h("slot", { key: 'bb9505220755332d911c976255aac4d228b615b8', onSlotchange: this.onLabelSlotChange }), this.hasItems && h("z-icon", { key: '92c9f44aca699c5604d7c67584698f30b39c7d27', name: this.open ? "chevron-up" : "chevron-down" })), h("div", { key: 'fc43a6643a3bb3c6814da59f61a2e1411c5662de', class: "items", role: "menu", hidden: !this.open }, h("slot", { key: '4eb19cb44a7fd0f4e083c79bbe755d8016bb2bad', name: "section", onSlotchange: this.onItemsChange }))));
+        return (h(Host, { key: '60138a3f88a501b92620684544dff2ffc8e62000', open: this.open }, h("button", { key: 'a0f66e569cbd965a99af017d610edfd0c1d643e9', ref: (el) => (this.label = el), class: "label", "aria-haspopup": `${!!this.hasItems}`, "aria-expanded": `${!!this.open}`, role: "menuitem", tabindex: this.htmlTabindex, onClick: this.onLabelClick, onKeyDown: this.onLabelKeydown }, h("slot", { key: '31b795bb337e72376c5f8362002e3967443c0e99', onSlotchange: this.onLabelSlotChange }), this.hasItems && h("z-icon", { key: '3bb008397ab68061713e88a758168043a892eaa2', name: this.open ? "chevron-up" : "chevron-down" })), h("div", { key: '3d43e8adc129b1c25d40cb6c4057d9f28349954c', class: "items", role: "menu", hidden: !this.open }, h("slot", { key: 'b51e5f923be85b42bc5dd0158f779ae86485ee5a', name: "section", onSlotchange: this.onItemsChange }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/z-menu.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-BcDWN4F1.js';
 import { g as KeyboardCode } from './index-DdetsoIY.js';
-import { a as containsElement } from './utils-CEdyahRZ.js';
+import { a as containsElement } from './utils-CJc3A9NX.js';
 import './breakpoints-Q-tWjk7P.js';
 const stylesCss = () => `:host,::slotted(*),*{box-sizing:border-box;outline:none}:host{position:relative;display:inline-flex;height:fit-content;flex-direction:column}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.menu-label{position:relative;display:flex;width:100%;align-items:center;padding:0;border:0;border-bottom:var(--border-size-large) solid transparent;margin:0;background:transparent;border-radius:0;color:inherit;text-align:left}button.menu-label{cursor:pointer}.menu-label:focus-visible,div.menu-label:focus-within{box-shadow:var(--shadow-focus-primary)}:host(:is([active],[open])) .menu-label ::slotted(*),.menu-label:focus-visible ::slotted(*),div.menu-label:focus-within ::slotted(*){color:var(--color-primary01);font-weight:var(--font-bd)}:host([vertical-context]) .menu-label{padding:var(--space-unit) 0;border-width:var(--border-size-small);border-color:var(--color-surface03)}:host(:is([active],[open])) .menu-label,.menu-label:hover,.menu-label:focus-visible,div.menu-label:focus-within{border-color:var(--color-primary01)}:host([vertical-context]:is([active],[open])) .menu-label::after,:host([vertical-context]) .menu-label:hover::after,:host([vertical-context]) .menu-label:focus-visible::after,:host([vertical-context]) div.menu-label:focus-within::after{position:absolute;bottom:calc(var(--border-size-small) * -1);left:0;width:100%;height:var(--border-size-large);background-color:var(--color-primary01);content:""}:host([vertical-context]) .menu-label ::slotted(*){padding:0}.menu-label ::slotted(*){display:inline-flex;width:100%;min-width:fit-content;padding-bottom:2px;margin:0;appearance:none;color:var(--z-menu-label-color, var(--color-default-text));font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:inherit;line-height:1.5;white-space:nowrap}.menu-label z-icon{margin-left:calc(var(--space-unit) * 1.5);fill:var(--color-default-icon)}::slotted([data-text]:not([slot]))::after{height:0;content:attr(data-text);content:attr(data-text) / "";font-weight:var(--font-bd);letter-spacing:normal;pointer-events:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text]:not([slot]))::after{display:none}}::slotted([data-text]:not([slot])){display:inline-flex;flex-direction:column}.content{background:var(--color-surface01)}:host(:not([open])) .content{display:none}:host([floating]:not([vertical-context])) .content{position:absolute;top:100%;left:0;width:375px;min-width:100%;max-width:100vw;padding:0 calc(var(--space-unit) * 2);box-shadow:var(--shadow-2)}:host(:not([floating])) .content{width:100%}.header{display:flex;align-items:center;padding:var(--space-unit) 0 calc(var(--space-unit) * 2)}.header ::slotted(img[slot="header"]){width:calc(var(--space-unit) * 11.25);height:auto;object-fit:contain}.header ::slotted([slot="header"]:not(:first-child)){margin:auto 0;margin-left:calc(var(--space-unit) * 2.5);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5}.items{display:flex;flex-direction:column;align-items:flex-start;background:inherit}.items>::slotted([slot="item"]){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.5}.items>::slotted([slot="item"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}.items>::slotted([slot="item"]:not(z-menu-section)){padding:var(--space-unit) 0;border-bottom:var(--border-size-small) solid var(--color-surface03)}:host(:not([vertical-context])) .items>::slotted([slot="item"]:last-child){border-bottom:0}.items>::slotted([slot="item"]:hover),.items>::slotted([slot="item"]:focus:focus-visible),.items>::slotted([slot="item"]:active),.items>::slotted([slot="item"][active]),.items>::slotted([slot="item"][data-active]){border-color:var(--color-primary01);font-weight:var(--font-bd)}`;

package/dist/esm/z-navigation-tabs.entry.js CHANGED Viewed

@@ -7,10 +7,6 @@ const ZNavigationTabs = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.selected = createEvent(this, "selected", 7);
-        /**
-         * Set `aria-label` attribute to the internal `<nav>` element with `tablist` role.
-         */
-        this.ariaLabel = "";
         /**
          * Navigation tabs orientation.
          */
@@ -230,10 +226,10 @@ const ZNavigationTabs = class {
         (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (h(Host, { key: 'c01be594e11d9cf1d698b06c83ec4a888c7af5b4', class: {
+        return (h(Host, { key: '387a7b2e9701cda904bba81fafe40565a2bb52ec', class: {
                 "interactive-2": this.size === NavigationTabsSize.SMALL,
                 "interactive-1": this.size !== NavigationTabsSize.SMALL,
-            }, scrollable: this.canNavigate }, h("button", { key: 'aa791c858ad0dd69592c8a3e2edb439bce3168dc', class: "navigation-button", onClick: this.navigateBackwards.bind(this), tabIndex: -1, disabled: !this.canNavigatePrev, "aria-label": "Mostra elementi precedenti", hidden: !this.canNavigate }, h("z-icon", { key: '50092cbfdfec8f07917d3c6aaed9886aef333ba7', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), h("nav", { key: 'c4a2563c2179dc1e345d8793643cf786243d96b6', role: "tablist", "aria-label": this.ariaLabel, ref: (el) => (this.nav = el !== null && el !== void 0 ? el : this.nav), onScroll: this.checkScrollEnabled.bind(this), "aria-orientation": this.orientation }, h("slot", { key: '56dfd0a8c140b9d426a3ee5675b7d602b0ca2434' })), h("button", { key: '1ffabd713e915b0973f4f4958564a842cb898c30', class: "navigation-button", onClick: this.navigateForward.bind(this), tabIndex: -1, disabled: !this.canNavigateNext, "aria-label": "Mostra elementi successivi", hidden: !this.canNavigate }, h("z-icon", { key: 'a0dd7e2d95fab2c2a0cfeeca289b040ee72d5bc8', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-right" : "chevron-down", width: 16, height: 16 }))));
+            }, scrollable: this.canNavigate }, h("button", { key: '9081d8c89a582d420f38e2e15e68acdf32e90f33', class: "navigation-button", onClick: this.navigateBackwards.bind(this), tabIndex: -1, disabled: !this.canNavigatePrev, "aria-label": "Mostra elementi precedenti", hidden: !this.canNavigate }, h("z-icon", { key: '808de4137005de3dbc6d13d21c8fadc5f7a4edb1', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), h("nav", { key: '983b6a0514a5b8640ef50a3bdf33e5b22f3fca17', role: "tablist", "aria-label": this.htmlAriaLabel || undefined, ref: (el) => (this.nav = el !== null && el !== void 0 ? el : this.nav), onScroll: this.checkScrollEnabled.bind(this), "aria-orientation": this.orientation }, h("slot", { key: 'bdf35341b8b3fbd36855f340480412f695d4c857' })), h("button", { key: '9ff8ff3df19451da87ebc77748346089e3268555', class: "navigation-button", onClick: this.navigateForward.bind(this), tabIndex: -1, disabled: !this.canNavigateNext, "aria-label": "Mostra elementi successivi", hidden: !this.canNavigate }, h("z-icon", { key: 'c13f99e97004bf365f54ca7c7af7b7f9f040c834', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-right" : "chevron-down", width: 16, height: 16 }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {