@zanichelli/zanichelli-it-frontend-kit 0.0.1-rc.0

package/www/build/p-da73a0e0.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZDragdropArea","constructor","hostRef","this","dragAndDropLabel","undefined","dragging","onDrop","e","preventDefault","dataTransfer","files","length","fileDropped","emit","render","h","Host","key","class","dragover","onDragOver","onDragLeave","bind","supportCustomEvent","window","CustomEvent","event","x","ev","document","createEvent","initCustomEvent","bubbles","cancelable","detail","prototype","Event","safeDispatchEvent","target","check","type","toLowerCase","dispatchEvent","createsStackingContext","el","body","s","getComputedStyle","invalid","k","ok","opacity","position","webkitOverflowScrolling","parentElement","findNearestDialog","localName","parentNode","host","safeBlur","shadowRoot","activeElement","blur","inNodeList","nodeList","node","i","isFormMethodDialog","hasAttribute","getAttribute","findFocusableElementWithin","hostElement","opts","query","map","push","querySelector","join","Element","elems","querySelectorAll","tagName","isConnected","element","contains","findFormSubmitter","submitter","form","HTMLFormElement","dialogPolyfill","formSubmitter","root","getRootNode","maybeHandleSubmit","defaultPrevented","value","imagemapUseValue","dialog","formmethod","close","dialogPolyfillInfo","dialog_","replacedStyleTop_","openAsModal_","setAttribute","show","showModal","addEventListener","returnValue","mo","MutationObserver","maybeHideModal","observe","attributes","attributeFilter","removed","cb","downgradeModal","timeout","delayModel","cand","substr","clearTimeout","setTimeout","forEach","name","Object","defineProperty","set","setOpen","get","backdrop_","createElement","className","backdropMouseEvent_","style","zIndex","top","removeChild","dm","removeDialog","removeAttribute","fake","insertBefore","firstChild","tabIndex","focus","redirectedEvent","initMouseEvent","screenX","screenY","clientX","clientY","ctrlKey","altKey","shiftKey","metaKey","button","relatedTarget","stopPropagation","focus_","updateZIndex","dialogZ","backdropZ","Error","open","pushDialog","console","warn","needsCentering","reposition","nextSibling","opt_returnValue","closeEvent","scrollTop","documentElement","topValue","innerHeight","offsetHeight","Math","max","isInlinePositionSetByStylesheet","styleSheets","styleSheet","cssRules","j","rule","selectedNodes","selectorText","cssTop","getPropertyValue","cssBottom","computedStyle","bottom","forceRegisterDialog","HTMLDialogElement","registerDialog","DialogManager","pendingDialogStack","checkDOM","checkDOM_","overlay","forwardTab_","handleKey_","handleFocus_","zIndexLow_","zIndexHigh_","mo_","records","rec","c","removedNodes","concat","blockDocument","childList","subtree","unblockDocument","removeEventListener","disconnect","updateStacking","dpi","last","p","appendChild","containedByTopDialog_","candidate","composedPath","compareDocumentPosition","Node","DOCUMENT_POSITION_PRECEDING","keyCode","cancelEvent","clone","slice","indexOf","allowed","unshift","index","splice","testForm","method","methodDescriptor","getOwnPropertyDescriptor","realGet","call","realSet","v","path","shift","valid","offsetX","offsetY","nativeFormSubmit","submit","replacementFormSubmit","FOCUSABLE_ELEMENTS_SELECTOR","ZModal","modalid","modaltitle","modalsubtitle","closeButtonLabel","alertdialog","closable","scrollInside","lockPageScroll","emitModalClose","modalClose","resetPageScroll","emitModalHeaderActive","modalHeaderActive","emitBackgroundClick","modalBackgroundClick","overflowY","componentDidLoad","requestAnimationFrame","disconnectedCallback","_a","focusableElements","Array","from","filter","display","handleKeyDown","code","KeyboardCode","ESC","TAB","shadowActiveElement","ownerDocument","firstFocusableElement","lastFocusableElement","closeButtonSlot","onClick","handleEscape","role","ref","onClose","onCancel","id"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/file-upload/z-dragdrop-area/styles.css?tag=z-dragdrop-area&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/file-upload/z-dragdrop-area/index.js","node_modules/.pnpm/dialog-polyfill@0.5.6/node_modules/dialog-polyfill/dist/dialog-polyfill.esm.js","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-modal/styles.css?tag=z-modal&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-modal/index.js"],"sourcesContent":[":host {\n  position: relative;\n  display: flex;\n  width: 100%;\n  height: 232px;\n  flex-direction: column;\n  align-items: center;\n  padding: calc(var(--space-unit) * 3);\n  background-color: var(--color-surface02);\n  background-image:\n    repeating-linear-gradient(\n      0deg,\n      var(--color-surface03),\n      var(--color-surface03) 12px,\n      transparent 12px,\n      transparent 20px\n    ),\n    repeating-linear-gradient(\n      90deg,\n      var(--color-surface03),\n      var(--color-surface03) 12px,\n      transparent 12px,\n      transparent 20px\n    ),\n    repeating-linear-gradient(\n      180deg,\n      var(--color-surface03),\n      var(--color-surface03) 12px,\n      transparent 12px,\n      transparent 20px\n    ),\n    repeating-linear-gradient(\n      270deg,\n      var(--color-surface03),\n      var(--color-surface03) 12px,\n      transparent 12px,\n      transparent 20px\n    );\n  background-position:\n    0 0,\n    0 0,\n    100% 0,\n    0 100%;\n  background-repeat: no-repeat;\n  background-size:\n    2px 100%,\n    100% 2px,\n    2px 100%,\n    100% 2px;\n  border-radius: var(--border-radius-small);\n  color: var(--color-default-text);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host,\n* {\n  box-sizing: border-box;\n}\n\n/* https://stackoverflow.com/questions/7110353/html5-dragleave-fired-when-hovering-a-child-element */\n:host(.dragover) * {\n  pointer-events: none;\n}\n\n.dragover-container {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  display: none;\n  width: 100%;\n  height: 100%;\n  background-color: var(--color-primary03);\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host(.dragover) .dragover-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n","import { Host, h } from \"@stencil/core\";\nexport class ZDragdropArea {\n    constructor() {\n        this.dragAndDropLabel = undefined;\n        this.dragging = false;\n    }\n    onDrop(e) {\n        e.preventDefault();\n        this.dragging = false;\n        if (e.dataTransfer.files.length) {\n            this.fileDropped.emit(e.dataTransfer.files);\n        }\n    }\n    render() {\n        return (h(Host, { key: '190dcbcc79e4443895774274715076523f618cf2', class: { dragover: this.dragging }, onDragOver: (e) => {\n                e.preventDefault();\n                this.dragging = true;\n            }, onDragLeave: () => {\n                this.dragging = false;\n            }, onDrop: this.onDrop.bind(this) }, h(\"div\", { key: '4d80939d13543b91165c7fdb14f5ec8037464ffe', class: \"dragover-container\" }, h(\"z-button\", { key: '0957633378fc64a9efa91e6cf3748480572f05b8' }, this.dragAndDropLabel)), h(\"slot\", { key: '128c06ec19a231080cafc23108f5a82398626fc5' })));\n    }\n    static get is() { return \"z-dragdrop-area\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"dragAndDropLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"drag & drop button label\"\n                },\n                \"attribute\": \"drag-and-drop-label\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"dragging\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"fileDropped\",\n                \"name\": \"fileDropped\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when user drop one or more files\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n","// nb. This is for IE10 and lower _only_.\nvar supportCustomEvent = window.CustomEvent;\nif (!supportCustomEvent || typeof supportCustomEvent === 'object') {\n  supportCustomEvent = function CustomEvent(event, x) {\n    x = x || {};\n    var ev = document.createEvent('CustomEvent');\n    ev.initCustomEvent(event, !!x.bubbles, !!x.cancelable, x.detail || null);\n    return ev;\n  };\n  supportCustomEvent.prototype = window.Event.prototype;\n}\n\n/**\n * Dispatches the passed event to both an \"on<type>\" handler as well as via the\n * normal dispatch operation. Does not bubble.\n *\n * @param {!EventTarget} target\n * @param {!Event} event\n * @return {boolean}\n */\nfunction safeDispatchEvent(target, event) {\n  var check = 'on' + event.type.toLowerCase();\n  if (typeof target[check] === 'function') {\n    target[check](event);\n  }\n  return target.dispatchEvent(event);\n}\n\n/**\n * @param {Element} el to check for stacking context\n * @return {boolean} whether this el or its parents creates a stacking context\n */\nfunction createsStackingContext(el) {\n  while (el && el !== document.body) {\n    var s = window.getComputedStyle(el);\n    var invalid = function(k, ok) {\n      return !(s[k] === undefined || s[k] === ok);\n    };\n\n    if (s.opacity < 1 ||\n        invalid('zIndex', 'auto') ||\n        invalid('transform', 'none') ||\n        invalid('mixBlendMode', 'normal') ||\n        invalid('filter', 'none') ||\n        invalid('perspective', 'none') ||\n        s['isolation'] === 'isolate' ||\n        s.position === 'fixed' ||\n        s.webkitOverflowScrolling === 'touch') {\n      return true;\n    }\n    el = el.parentElement;\n  }\n  return false;\n}\n\n/**\n * Finds the nearest <dialog> from the passed element.\n *\n * @param {Element} el to search from\n * @return {HTMLDialogElement} dialog found\n */\nfunction findNearestDialog(el) {\n  while (el) {\n    if (el.localName === 'dialog') {\n      return /** @type {HTMLDialogElement} */ (el);\n    }\n    if (el.parentElement) {\n      el = el.parentElement;\n    } else if (el.parentNode) {\n      el = el.parentNode.host;\n    } else {\n      el = null;\n    }\n  }\n  return null;\n}\n\n/**\n * Blur the specified element, as long as it's not the HTML body element.\n * This works around an IE9/10 bug - blurring the body causes Windows to\n * blur the whole application.\n *\n * @param {Element} el to blur\n */\nfunction safeBlur(el) {\n  // Find the actual focused element when the active element is inside a shadow root\n  while (el && el.shadowRoot && el.shadowRoot.activeElement) {\n    el = el.shadowRoot.activeElement;\n  }\n\n  if (el && el.blur && el !== document.body) {\n    el.blur();\n  }\n}\n\n/**\n * @param {!NodeList} nodeList to search\n * @param {Node} node to find\n * @return {boolean} whether node is inside nodeList\n */\nfunction inNodeList(nodeList, node) {\n  for (var i = 0; i < nodeList.length; ++i) {\n    if (nodeList[i] === node) {\n      return true;\n    }\n  }\n  return false;\n}\n\n/**\n * @param {HTMLFormElement} el to check\n * @return {boolean} whether this form has method=\"dialog\"\n */\nfunction isFormMethodDialog(el) {\n  if (!el || !el.hasAttribute('method')) {\n    return false;\n  }\n  return el.getAttribute('method').toLowerCase() === 'dialog';\n}\n\n/**\n * @param {!DocumentFragment|!Element} hostElement\n * @return {?Element}\n */\nfunction findFocusableElementWithin(hostElement) {\n  // Note that this is 'any focusable area'. This list is probably not exhaustive, but the\n  // alternative involves stepping through and trying to focus everything.\n  var opts = ['button', 'input', 'keygen', 'select', 'textarea'];\n  var query = opts.map(function(el) {\n    return el + ':not([disabled])';\n  });\n  // TODO(samthor): tabindex values that are not numeric are not focusable.\n  query.push('[tabindex]:not([disabled]):not([tabindex=\"\"])');  // tabindex != \"\", not disabled\n  var target = hostElement.querySelector(query.join(', '));\n\n  if (!target && 'attachShadow' in Element.prototype) {\n    // If we haven't found a focusable target, see if the host element contains an element\n    // which has a shadowRoot.\n    // Recursively search for the first focusable item in shadow roots.\n    var elems = hostElement.querySelectorAll('*');\n    for (var i = 0; i < elems.length; i++) {\n      if (elems[i].tagName && elems[i].shadowRoot) {\n        target = findFocusableElementWithin(elems[i].shadowRoot);\n        if (target) {\n          break;\n        }\n      }\n    }\n  }\n  return target;\n}\n\n/**\n * Determines if an element is attached to the DOM.\n * @param {Element} element to check\n * @return {boolean} whether the element is in DOM\n */\nfunction isConnected(element) {\n  return element.isConnected || document.body.contains(element);\n}\n\n/**\n * @param {!Event} event\n * @return {?Element}\n */\nfunction findFormSubmitter(event) {\n  if (event.submitter) {\n    return event.submitter;\n  }\n\n  var form = event.target;\n  if (!(form instanceof HTMLFormElement)) {\n    return null;\n  }\n\n  var submitter = dialogPolyfill.formSubmitter;\n  if (!submitter) {\n    var target = event.target;\n    var root = ('getRootNode' in target && target.getRootNode() || document);\n    submitter = root.activeElement;\n  }\n\n  if (!submitter || submitter.form !== form) {\n    return null;\n  }\n  return submitter;\n}\n\n/**\n * @param {!Event} event\n */\nfunction maybeHandleSubmit(event) {\n  if (event.defaultPrevented) {\n    return;\n  }\n  var form = /** @type {!HTMLFormElement} */ (event.target);\n\n  // We'd have a value if we clicked on an imagemap.\n  var value = dialogPolyfill.imagemapUseValue;\n  var submitter = findFormSubmitter(event);\n  if (value === null && submitter) {\n    value = submitter.value;\n  }\n\n  // There should always be a dialog as this handler is added specifically on them, but check just\n  // in case.\n  var dialog = findNearestDialog(form);\n  if (!dialog) {\n    return;\n  }\n\n  // Prefer formmethod on the button.\n  var formmethod = submitter && submitter.getAttribute('formmethod') || form.getAttribute('method');\n  if (formmethod !== 'dialog') {\n    return;\n  }\n  event.preventDefault();\n\n  if (value != null) {\n    // nb. we explicitly check against null/undefined\n    dialog.close(value);\n  } else {\n    dialog.close();\n  }\n}\n\n/**\n * @param {!HTMLDialogElement} dialog to upgrade\n * @constructor\n */\nfunction dialogPolyfillInfo(dialog) {\n  this.dialog_ = dialog;\n  this.replacedStyleTop_ = false;\n  this.openAsModal_ = false;\n\n  // Set a11y role. Browsers that support dialog implicitly know this already.\n  if (!dialog.hasAttribute('role')) {\n    dialog.setAttribute('role', 'dialog');\n  }\n\n  dialog.show = this.show.bind(this);\n  dialog.showModal = this.showModal.bind(this);\n  dialog.close = this.close.bind(this);\n\n  dialog.addEventListener('submit', maybeHandleSubmit, false);\n\n  if (!('returnValue' in dialog)) {\n    dialog.returnValue = '';\n  }\n\n  if ('MutationObserver' in window) {\n    var mo = new MutationObserver(this.maybeHideModal.bind(this));\n    mo.observe(dialog, {attributes: true, attributeFilter: ['open']});\n  } else {\n    // IE10 and below support. Note that DOMNodeRemoved etc fire _before_ removal. They also\n    // seem to fire even if the element was removed as part of a parent removal. Use the removed\n    // events to force downgrade (useful if removed/immediately added).\n    var removed = false;\n    var cb = function() {\n      removed ? this.downgradeModal() : this.maybeHideModal();\n      removed = false;\n    }.bind(this);\n    var timeout;\n    var delayModel = function(ev) {\n      if (ev.target !== dialog) { return; }  // not for a child element\n      var cand = 'DOMNodeRemoved';\n      removed |= (ev.type.substr(0, cand.length) === cand);\n      window.clearTimeout(timeout);\n      timeout = window.setTimeout(cb, 0);\n    };\n    ['DOMAttrModified', 'DOMNodeRemoved', 'DOMNodeRemovedFromDocument'].forEach(function(name) {\n      dialog.addEventListener(name, delayModel);\n    });\n  }\n  // Note that the DOM is observed inside DialogManager while any dialog\n  // is being displayed as a modal, to catch modal removal from the DOM.\n\n  Object.defineProperty(dialog, 'open', {\n    set: this.setOpen.bind(this),\n    get: dialog.hasAttribute.bind(dialog, 'open')\n  });\n\n  this.backdrop_ = document.createElement('div');\n  this.backdrop_.className = 'backdrop';\n  this.backdrop_.addEventListener('mouseup'  , this.backdropMouseEvent_.bind(this));\n  this.backdrop_.addEventListener('mousedown', this.backdropMouseEvent_.bind(this));\n  this.backdrop_.addEventListener('click'    , this.backdropMouseEvent_.bind(this));\n}\n\ndialogPolyfillInfo.prototype = /** @type {HTMLDialogElement.prototype} */ ({\n\n  get dialog() {\n    return this.dialog_;\n  },\n\n  /**\n   * Maybe remove this dialog from the modal top layer. This is called when\n   * a modal dialog may no longer be tenable, e.g., when the dialog is no\n   * longer open or is no longer part of the DOM.\n   */\n  maybeHideModal: function() {\n    if (this.dialog_.hasAttribute('open') && isConnected(this.dialog_)) { return; }\n    this.downgradeModal();\n  },\n\n  /**\n   * Remove this dialog from the modal top layer, leaving it as a non-modal.\n   */\n  downgradeModal: function() {\n    if (!this.openAsModal_) { return; }\n    this.openAsModal_ = false;\n    this.dialog_.style.zIndex = '';\n\n    // This won't match the native <dialog> exactly because if the user set top on a centered\n    // polyfill dialog, that top gets thrown away when the dialog is closed. Not sure it's\n    // possible to polyfill this perfectly.\n    if (this.replacedStyleTop_) {\n      this.dialog_.style.top = '';\n      this.replacedStyleTop_ = false;\n    }\n\n    // Clear the backdrop and remove from the manager.\n    this.backdrop_.parentNode && this.backdrop_.parentNode.removeChild(this.backdrop_);\n    dialogPolyfill.dm.removeDialog(this);\n  },\n\n  /**\n   * @param {boolean} value whether to open or close this dialog\n   */\n  setOpen: function(value) {\n    if (value) {\n      this.dialog_.hasAttribute('open') || this.dialog_.setAttribute('open', '');\n    } else {\n      this.dialog_.removeAttribute('open');\n      this.maybeHideModal();  // nb. redundant with MutationObserver\n    }\n  },\n\n  /**\n   * Handles mouse events ('mouseup', 'mousedown', 'click') on the fake .backdrop element, redirecting them as if\n   * they were on the dialog itself.\n   *\n   * @param {!Event} e to redirect\n   */\n  backdropMouseEvent_: function(e) {\n    if (!this.dialog_.hasAttribute('tabindex')) {\n      // Clicking on the backdrop should move the implicit cursor, even if dialog cannot be\n      // focused. Create a fake thing to focus on. If the backdrop was _before_ the dialog, this\n      // would not be needed - clicks would move the implicit cursor there.\n      var fake = document.createElement('div');\n      this.dialog_.insertBefore(fake, this.dialog_.firstChild);\n      fake.tabIndex = -1;\n      fake.focus();\n      this.dialog_.removeChild(fake);\n    } else {\n      this.dialog_.focus();\n    }\n\n    var redirectedEvent = document.createEvent('MouseEvents');\n    redirectedEvent.initMouseEvent(e.type, e.bubbles, e.cancelable, window,\n        e.detail, e.screenX, e.screenY, e.clientX, e.clientY, e.ctrlKey,\n        e.altKey, e.shiftKey, e.metaKey, e.button, e.relatedTarget);\n    this.dialog_.dispatchEvent(redirectedEvent);\n    e.stopPropagation();\n  },\n\n  /**\n   * Focuses on the first focusable element within the dialog. This will always blur the current\n   * focus, even if nothing within the dialog is found.\n   */\n  focus_: function() {\n    // Find element with `autofocus` attribute, or fall back to the first form/tabindex control.\n    var target = this.dialog_.querySelector('[autofocus]:not([disabled])');\n    if (!target && this.dialog_.tabIndex >= 0) {\n      target = this.dialog_;\n    }\n    if (!target) {\n      target = findFocusableElementWithin(this.dialog_);\n    }\n    safeBlur(document.activeElement);\n    target && target.focus();\n  },\n\n  /**\n   * Sets the zIndex for the backdrop and dialog.\n   *\n   * @param {number} dialogZ\n   * @param {number} backdropZ\n   */\n  updateZIndex: function(dialogZ, backdropZ) {\n    if (dialogZ < backdropZ) {\n      throw new Error('dialogZ should never be < backdropZ');\n    }\n    this.dialog_.style.zIndex = dialogZ;\n    this.backdrop_.style.zIndex = backdropZ;\n  },\n\n  /**\n   * Shows the dialog. If the dialog is already open, this does nothing.\n   */\n  show: function() {\n    if (!this.dialog_.open) {\n      this.setOpen(true);\n      this.focus_();\n    }\n  },\n\n  /**\n   * Show this dialog modally.\n   */\n  showModal: function() {\n    if (this.dialog_.hasAttribute('open')) {\n      throw new Error('Failed to execute \\'showModal\\' on dialog: The element is already open, and therefore cannot be opened modally.');\n    }\n    if (!isConnected(this.dialog_)) {\n      throw new Error('Failed to execute \\'showModal\\' on dialog: The element is not in a Document.');\n    }\n    if (!dialogPolyfill.dm.pushDialog(this)) {\n      throw new Error('Failed to execute \\'showModal\\' on dialog: There are too many open modal dialogs.');\n    }\n\n    if (createsStackingContext(this.dialog_.parentElement)) {\n      console.warn('A dialog is being shown inside a stacking context. ' +\n          'This may cause it to be unusable. For more information, see this link: ' +\n          'https://github.com/GoogleChrome/dialog-polyfill/#stacking-context');\n    }\n\n    this.setOpen(true);\n    this.openAsModal_ = true;\n\n    // Optionally center vertically, relative to the current viewport.\n    if (dialogPolyfill.needsCentering(this.dialog_)) {\n      dialogPolyfill.reposition(this.dialog_);\n      this.replacedStyleTop_ = true;\n    } else {\n      this.replacedStyleTop_ = false;\n    }\n\n    // Insert backdrop.\n    this.dialog_.parentNode.insertBefore(this.backdrop_, this.dialog_.nextSibling);\n\n    // Focus on whatever inside the dialog.\n    this.focus_();\n  },\n\n  /**\n   * Closes this HTMLDialogElement. This is optional vs clearing the open\n   * attribute, however this fires a 'close' event.\n   *\n   * @param {string=} opt_returnValue to use as the returnValue\n   */\n  close: function(opt_returnValue) {\n    if (!this.dialog_.hasAttribute('open')) {\n      throw new Error('Failed to execute \\'close\\' on dialog: The element does not have an \\'open\\' attribute, and therefore cannot be closed.');\n    }\n    this.setOpen(false);\n\n    // Leave returnValue untouched in case it was set directly on the element\n    if (opt_returnValue !== undefined) {\n      this.dialog_.returnValue = opt_returnValue;\n    }\n\n    // Triggering \"close\" event for any attached listeners on the <dialog>.\n    var closeEvent = new supportCustomEvent('close', {\n      bubbles: false,\n      cancelable: false\n    });\n    safeDispatchEvent(this.dialog_, closeEvent);\n  }\n\n});\n\nvar dialogPolyfill = {};\n\ndialogPolyfill.reposition = function(element) {\n  var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;\n  var topValue = scrollTop + (window.innerHeight - element.offsetHeight) / 2;\n  element.style.top = Math.max(scrollTop, topValue) + 'px';\n};\n\ndialogPolyfill.isInlinePositionSetByStylesheet = function(element) {\n  for (var i = 0; i < document.styleSheets.length; ++i) {\n    var styleSheet = document.styleSheets[i];\n    var cssRules = null;\n    // Some browsers throw on cssRules.\n    try {\n      cssRules = styleSheet.cssRules;\n    } catch (e) {}\n    if (!cssRules) { continue; }\n    for (var j = 0; j < cssRules.length; ++j) {\n      var rule = cssRules[j];\n      var selectedNodes = null;\n      // Ignore errors on invalid selector texts.\n      try {\n        selectedNodes = document.querySelectorAll(rule.selectorText);\n      } catch(e) {}\n      if (!selectedNodes || !inNodeList(selectedNodes, element)) {\n        continue;\n      }\n      var cssTop = rule.style.getPropertyValue('top');\n      var cssBottom = rule.style.getPropertyValue('bottom');\n      if ((cssTop && cssTop !== 'auto') || (cssBottom && cssBottom !== 'auto')) {\n        return true;\n      }\n    }\n  }\n  return false;\n};\n\ndialogPolyfill.needsCentering = function(dialog) {\n  var computedStyle = window.getComputedStyle(dialog);\n  if (computedStyle.position !== 'absolute') {\n    return false;\n  }\n\n  // We must determine whether the top/bottom specified value is non-auto.  In\n  // WebKit/Blink, checking computedStyle.top == 'auto' is sufficient, but\n  // Firefox returns the used value. So we do this crazy thing instead: check\n  // the inline style and then go through CSS rules.\n  if ((dialog.style.top !== 'auto' && dialog.style.top !== '') ||\n      (dialog.style.bottom !== 'auto' && dialog.style.bottom !== '')) {\n    return false;\n  }\n  return !dialogPolyfill.isInlinePositionSetByStylesheet(dialog);\n};\n\n/**\n * @param {!Element} element to force upgrade\n */\ndialogPolyfill.forceRegisterDialog = function(element) {\n  if (window.HTMLDialogElement || element.showModal) {\n    console.warn('This browser already supports <dialog>, the polyfill ' +\n        'may not work correctly', element);\n  }\n  if (element.localName !== 'dialog') {\n    throw new Error('Failed to register dialog: The element is not a dialog.');\n  }\n  new dialogPolyfillInfo(/** @type {!HTMLDialogElement} */ (element));\n};\n\n/**\n * @param {!Element} element to upgrade, if necessary\n */\ndialogPolyfill.registerDialog = function(element) {\n  if (!element.showModal) {\n    dialogPolyfill.forceRegisterDialog(element);\n  }\n};\n\n/**\n * @constructor\n */\ndialogPolyfill.DialogManager = function() {\n  /** @type {!Array<!dialogPolyfillInfo>} */\n  this.pendingDialogStack = [];\n\n  var checkDOM = this.checkDOM_.bind(this);\n\n  // The overlay is used to simulate how a modal dialog blocks the document.\n  // The blocking dialog is positioned on top of the overlay, and the rest of\n  // the dialogs on the pending dialog stack are positioned below it. In the\n  // actual implementation, the modal dialog stacking is controlled by the\n  // top layer, where z-index has no effect.\n  this.overlay = document.createElement('div');\n  this.overlay.className = '_dialog_overlay';\n  this.overlay.addEventListener('click', function(e) {\n    this.forwardTab_ = undefined;\n    e.stopPropagation();\n    checkDOM([]);  // sanity-check DOM\n  }.bind(this));\n\n  this.handleKey_ = this.handleKey_.bind(this);\n  this.handleFocus_ = this.handleFocus_.bind(this);\n\n  this.zIndexLow_ = 100000;\n  this.zIndexHigh_ = 100000 + 150;\n\n  this.forwardTab_ = undefined;\n\n  if ('MutationObserver' in window) {\n    this.mo_ = new MutationObserver(function(records) {\n      var removed = [];\n      records.forEach(function(rec) {\n        for (var i = 0, c; c = rec.removedNodes[i]; ++i) {\n          if (!(c instanceof Element)) {\n            continue;\n          } else if (c.localName === 'dialog') {\n            removed.push(c);\n          }\n          removed = removed.concat(c.querySelectorAll('dialog'));\n        }\n      });\n      removed.length && checkDOM(removed);\n    });\n  }\n};\n\n/**\n * Called on the first modal dialog being shown. Adds the overlay and related\n * handlers.\n */\ndialogPolyfill.DialogManager.prototype.blockDocument = function() {\n  document.documentElement.addEventListener('focus', this.handleFocus_, true);\n  document.addEventListener('keydown', this.handleKey_);\n  this.mo_ && this.mo_.observe(document, {childList: true, subtree: true});\n};\n\n/**\n * Called on the first modal dialog being removed, i.e., when no more modal\n * dialogs are visible.\n */\ndialogPolyfill.DialogManager.prototype.unblockDocument = function() {\n  document.documentElement.removeEventListener('focus', this.handleFocus_, true);\n  document.removeEventListener('keydown', this.handleKey_);\n  this.mo_ && this.mo_.disconnect();\n};\n\n/**\n * Updates the stacking of all known dialogs.\n */\ndialogPolyfill.DialogManager.prototype.updateStacking = function() {\n  var zIndex = this.zIndexHigh_;\n\n  for (var i = 0, dpi; dpi = this.pendingDialogStack[i]; ++i) {\n    dpi.updateZIndex(--zIndex, --zIndex);\n    if (i === 0) {\n      this.overlay.style.zIndex = --zIndex;\n    }\n  }\n\n  // Make the overlay a sibling of the dialog itself.\n  var last = this.pendingDialogStack[0];\n  if (last) {\n    var p = last.dialog.parentNode || document.body;\n    p.appendChild(this.overlay);\n  } else if (this.overlay.parentNode) {\n    this.overlay.parentNode.removeChild(this.overlay);\n  }\n};\n\n/**\n * @param {Element} candidate to check if contained or is the top-most modal dialog\n * @return {boolean} whether candidate is contained in top dialog\n */\ndialogPolyfill.DialogManager.prototype.containedByTopDialog_ = function(candidate) {\n  while (candidate = findNearestDialog(candidate)) {\n    for (var i = 0, dpi; dpi = this.pendingDialogStack[i]; ++i) {\n      if (dpi.dialog === candidate) {\n        return i === 0;  // only valid if top-most\n      }\n    }\n    candidate = candidate.parentElement;\n  }\n  return false;\n};\n\ndialogPolyfill.DialogManager.prototype.handleFocus_ = function(event) {\n  var target = event.composedPath ? event.composedPath()[0] : event.target;\n\n  if (this.containedByTopDialog_(target)) { return; }\n\n  if (document.activeElement === document.documentElement) { return; }\n\n  event.preventDefault();\n  event.stopPropagation();\n  safeBlur(/** @type {Element} */ (target));\n\n  if (this.forwardTab_ === undefined) { return; }  // move focus only from a tab key\n\n  var dpi = this.pendingDialogStack[0];\n  var dialog = dpi.dialog;\n  var position = dialog.compareDocumentPosition(target);\n  if (position & Node.DOCUMENT_POSITION_PRECEDING) {\n    if (this.forwardTab_) {\n      // forward\n      dpi.focus_();\n    } else if (target !== document.documentElement) {\n      // backwards if we're not already focused on <html>\n      document.documentElement.focus();\n    }\n  }\n\n  return false;\n};\n\ndialogPolyfill.DialogManager.prototype.handleKey_ = function(event) {\n  this.forwardTab_ = undefined;\n  if (event.keyCode === 27) {\n    event.preventDefault();\n    event.stopPropagation();\n    var cancelEvent = new supportCustomEvent('cancel', {\n      bubbles: false,\n      cancelable: true\n    });\n    var dpi = this.pendingDialogStack[0];\n    if (dpi && safeDispatchEvent(dpi.dialog, cancelEvent)) {\n      dpi.dialog.close();\n    }\n  } else if (event.keyCode === 9) {\n    this.forwardTab_ = !event.shiftKey;\n  }\n};\n\n/**\n * Finds and downgrades any known modal dialogs that are no longer displayed. Dialogs that are\n * removed and immediately readded don't stay modal, they become normal.\n *\n * @param {!Array<!HTMLDialogElement>} removed that have definitely been removed\n */\ndialogPolyfill.DialogManager.prototype.checkDOM_ = function(removed) {\n  // This operates on a clone because it may cause it to change. Each change also calls\n  // updateStacking, which only actually needs to happen once. But who removes many modal dialogs\n  // at a time?!\n  var clone = this.pendingDialogStack.slice();\n  clone.forEach(function(dpi) {\n    if (removed.indexOf(dpi.dialog) !== -1) {\n      dpi.downgradeModal();\n    } else {\n      dpi.maybeHideModal();\n    }\n  });\n};\n\n/**\n * @param {!dialogPolyfillInfo} dpi\n * @return {boolean} whether the dialog was allowed\n */\ndialogPolyfill.DialogManager.prototype.pushDialog = function(dpi) {\n  var allowed = (this.zIndexHigh_ - this.zIndexLow_) / 2 - 1;\n  if (this.pendingDialogStack.length >= allowed) {\n    return false;\n  }\n  if (this.pendingDialogStack.unshift(dpi) === 1) {\n    this.blockDocument();\n  }\n  this.updateStacking();\n  return true;\n};\n\n/**\n * @param {!dialogPolyfillInfo} dpi\n */\ndialogPolyfill.DialogManager.prototype.removeDialog = function(dpi) {\n  var index = this.pendingDialogStack.indexOf(dpi);\n  if (index === -1) { return; }\n\n  this.pendingDialogStack.splice(index, 1);\n  if (this.pendingDialogStack.length === 0) {\n    this.unblockDocument();\n  }\n  this.updateStacking();\n};\n\ndialogPolyfill.dm = new dialogPolyfill.DialogManager();\ndialogPolyfill.formSubmitter = null;\ndialogPolyfill.imagemapUseValue = null;\n\n/**\n * Installs global handlers, such as click listers and native method overrides. These are needed\n * even if a no dialog is registered, as they deal with <form method=\"dialog\">.\n */\nif (window.HTMLDialogElement === undefined) {\n\n  /**\n   * If HTMLFormElement translates method=\"DIALOG\" into 'get', then replace the descriptor with\n   * one that returns the correct value.\n   */\n  var testForm = document.createElement('form');\n  testForm.setAttribute('method', 'dialog');\n  if (testForm.method !== 'dialog') {\n    var methodDescriptor = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, 'method');\n    if (methodDescriptor) {\n      // nb. Some older iOS and older PhantomJS fail to return the descriptor. Don't do anything\n      // and don't bother to update the element.\n      var realGet = methodDescriptor.get;\n      methodDescriptor.get = function() {\n        if (isFormMethodDialog(this)) {\n          return 'dialog';\n        }\n        return realGet.call(this);\n      };\n      var realSet = methodDescriptor.set;\n      /** @this {HTMLElement} */\n      methodDescriptor.set = function(v) {\n        if (typeof v === 'string' && v.toLowerCase() === 'dialog') {\n          return this.setAttribute('method', v);\n        }\n        return realSet.call(this, v);\n      };\n      Object.defineProperty(HTMLFormElement.prototype, 'method', methodDescriptor);\n    }\n  }\n\n  /**\n   * Global 'click' handler, to capture the <input type=\"submit\"> or <button> element which has\n   * submitted a <form method=\"dialog\">. Needed as Safari and others don't report this inside\n   * document.activeElement.\n   */\n  document.addEventListener('click', function(ev) {\n    dialogPolyfill.formSubmitter = null;\n    dialogPolyfill.imagemapUseValue = null;\n    if (ev.defaultPrevented) { return; }  // e.g. a submit which prevents default submission\n\n    var target = /** @type {Element} */ (ev.target);\n    if ('composedPath' in ev) {\n      var path = ev.composedPath();\n      target = path.shift() || target;\n    }\n    if (!target || !isFormMethodDialog(target.form)) { return; }\n\n    var valid = (target.type === 'submit' && ['button', 'input'].indexOf(target.localName) > -1);\n    if (!valid) {\n      if (!(target.localName === 'input' && target.type === 'image')) { return; }\n      // this is a <input type=\"image\">, which can submit forms\n      dialogPolyfill.imagemapUseValue = ev.offsetX + ',' + ev.offsetY;\n    }\n\n    var dialog = findNearestDialog(target);\n    if (!dialog) { return; }\n\n    dialogPolyfill.formSubmitter = target;\n\n  }, false);\n\n  /**\n   * Global 'submit' handler. This handles submits of `method=\"dialog\"` which are invalid, i.e.,\n   * outside a dialog. They get prevented.\n   */\n  document.addEventListener('submit', function(ev) {\n    var form = ev.target;\n    var dialog = findNearestDialog(form);\n    if (dialog) {\n      return;  // ignore, handle there\n    }\n\n    var submitter = findFormSubmitter(ev);\n    var formmethod = submitter && submitter.getAttribute('formmethod') || form.getAttribute('method');\n    if (formmethod === 'dialog') {\n      ev.preventDefault();\n    }\n  });\n\n  /**\n   * Replace the native HTMLFormElement.submit() method, as it won't fire the\n   * submit event and give us a chance to respond.\n   */\n  var nativeFormSubmit = HTMLFormElement.prototype.submit;\n  var replacementFormSubmit = function () {\n    if (!isFormMethodDialog(this)) {\n      return nativeFormSubmit.call(this);\n    }\n    var dialog = findNearestDialog(this);\n    dialog && dialog.close();\n  };\n  HTMLFormElement.prototype.submit = replacementFormSubmit;\n}\n\nexport default dialogPolyfill;\n",":host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n\n  --z-modal-content-padding: ;\n}\n\n:host > dialog {\n  padding: 0;\n  border: none;\n  margin: 0;\n  background-color: transparent;\n}\n\n/* stylelint-disable selector-pseudo-class-no-unknown */\n:host > dialog:modal {\n  width: 100%;\n  max-width: 100%;\n  max-height: 100%;\n}\n\n:host > dialog::backdrop {\n  display: none;\n}\n\n/* polyfill style */\n:host > dialog + .backdrop {\n  display: none;\n}\n\n:host > dialog:not([open]) {\n  display: none;\n}\n\n:host > dialog[open] {\n  display: block;\n}\n\n::slotted([slot=\"modalContent\"]) {\n  padding: var(--z-modal-content-padding, calc(var(--space-unit) * 2));\n}\n\n.modal-container {\n  z-index: 1010;\n  display: flex;\n  overflow: -moz-scrollbars-none;\n  width: 100%;\n  height: 100vh;\n  flex-direction: column;\n}\n\n.modal-container > .modal-content-scroll-outside {\n  overflow: auto;\n  background: var(--color-surface01);\n}\n\n.modal-container > header {\n  padding: calc(var(--space-unit) * 1.75) calc(var(--space-unit) * 2);\n  background: var(--color-background);\n}\n\n.modal-container > header button {\n  padding: 0;\n  border: none;\n  margin: 0;\n  margin-left: auto;\n  background: transparent;\n  cursor: pointer;\n}\n\n.modal-container > header button:focus-visible {\n  border-radius: 50%;\n  box-shadow: var(--shadow-focus-primary);\n  outline: none !important;\n}\n\n.modal-container > header button::after {\n  position: absolute;\n  top: 6px;\n  right: 4px;\n  display: block;\n  width: 40px;\n  height: 40px;\n  background-color: transparent;\n  content: \"\";\n}\n\n.modal-container > header z-icon {\n  --z-icon-width: calc(var(--space-unit) * 2.25);\n  --z-icon-height: calc(var(--space-unit) * 2.25);\n\n  display: flex;\n  fill: var(--color-primary01-icon);\n}\n\n.modal-container > header > div {\n  display: flex;\n  width: 100%;\n  align-items: baseline;\n  margin-right: calc(var(--space-unit) * 2);\n}\n\n.modal-container > header h1,\n.modal-container > header .subtitle {\n  padding: 0;\n  margin: 0;\n  color: var(--color-default-text);\n  font-weight: var(--font-sb);\n}\n\n.modal-container > header h1 {\n  font-size: var(--font-size-5);\n  letter-spacing: 0;\n  line-height: 1.4;\n}\n\n.modal-container > header .subtitle {\n  font-size: var(--font-size-3);\n  font-weight: var(--font-rg);\n  letter-spacing: 0;\n  line-height: 1.5;\n}\n\n.modal-container > header > div > h1 *:empty {\n  display: none;\n}\n\n.modal-container > header h1 + .subtitle {\n  margin-top: calc(var(--space-unit) * 0.5);\n}\n\n.modal-container-scroll-inside > .modal-content-scroll-inside {\n  overflow: hidden auto;\n  flex: 1 auto;\n  background: var(--color-surface01);\n}\n\n.modal-container-scroll-inside > .modal-content-scroll-inside::-webkit-scrollbar,\n.modal-container-scroll-outside > .modal-content-scroll-outside::-webkit-scrollbar {\n  width: 6px;\n  background: linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px);\n}\n\n.modal-container-scroll-inside > .modal-content-scroll-inside::-webkit-scrollbar-thumb,\n.modal-container-scroll-outside > .modal-content-scroll-outside::-webkit-scrollbar-thumb {\n  background-color: var(--color-primary01);\n}\n\n.modal-container-scroll-inside > .modal-content-scroll-inside::-webkit-scrollbar-thumb:hover,\n.modal-container-scroll-outside > .modal-content-scroll-outside::-webkit-scrollbar-thumb:hover {\n  background-color: var(--color-hover-primary);\n}\n\n/* Firefox */\n@supports not selector(::-webkit-scrollbar-track) {\n  .modal-container-scroll-inside .modal-content-scroll-inside,\n  .modal-container-scroll-outside .modal-content-scroll-outside {\n    scrollbar-color: var(--color-primary01) transparent;\n  }\n}\n\n/* Tablet / Desktop */\n@media only screen and (min-width: 768px) {\n  .modal-background {\n    position: fixed;\n    top: 0;\n    left: 0;\n    overflow: hidden;\n    width: 100vw;\n    height: 100vh;\n    background-color: var(--gray900);\n    opacity: 0.7;\n  }\n\n  .modal-background.modal-background-scroll-outside {\n    position: sticky;\n  }\n\n  .modal-container-scroll-inside {\n    position: fixed;\n    top: calc(var(--space-unit) * 6);\n    left: 50%;\n    overflow: hidden;\n    width: auto;\n    min-width: calc(var(--space-unit) * 40);\n    height: auto;\n    min-height: calc(var(--space-unit) * 40);\n    max-height: calc(100vh - calc(var(--space-unit) * 6 * 2));\n    border-radius: var(--border-radius);\n    transform: translateX(-50%);\n  }\n\n  .modal-container-scroll-outside {\n    position: absolute;\n    top: calc(var(--space-unit) * 6);\n    left: 50%;\n    display: block;\n    overflow: initial;\n    width: auto;\n    min-width: calc(var(--space-unit) * 40);\n    height: auto;\n    min-height: calc(var(--space-unit) * 40);\n    max-height: calc(100vh - calc(var(--space-unit) * 6 * 2));\n    transform: translateX(-50%);\n  }\n\n  .modal-container > .modal-content-scroll-outside {\n    overflow: initial;\n  }\n\n  .modal-container-scroll-outside > header,\n  .modal-container-scroll-inside > header {\n    border-top-left-radius: var(--border-radius);\n    border-top-right-radius: var(--border-radius);\n  }\n\n  .modal-container-scroll-outside::after {\n    display: block;\n    height: calc(var(--space-unit) * 6);\n    content: \" \";\n  }\n\n  .modal-dialog {\n    position: fixed;\n    top: 0;\n    left: 0;\n    height: auto;\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n\n  .modal-content-scroll-outside {\n    border-bottom-left-radius: var(--border-radius);\n    border-bottom-right-radius: var(--border-radius);\n  }\n\n  .modal-dialog::-webkit-scrollbar {\n    display: none;\n  }\n}\n\n/* Desktop */\n@media (min-width: 1152px) {\n  .modal-container > header {\n    padding-top: calc(var(--space-unit) * 1.5);\n    padding-bottom: calc(var(--space-unit) * 1.5);\n  }\n\n  .modal-container > header h1 {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-sb);\n    letter-spacing: 0;\n    line-height: 1.333;\n  }\n\n  .modal-container > header .subtitle {\n    font-size: var(--font-size-4);\n    font-weight: var(--font-rg);\n    letter-spacing: 0;\n    line-height: 1.5;\n  }\n\n  .modal-container > header h1 + .subtitle {\n    margin-top: 0;\n  }\n}\n","import { h } from \"@stencil/core\";\nimport dialogPolyfill from \"dialog-polyfill\";\nimport { KeyboardCode } from \"../../beans\";\nconst FOCUSABLE_ELEMENTS_SELECTOR = ':is(button, input, select, textarea, [contenteditable=\"\"], [contenteditable=\"true\"], a[href], [tabindex], summary):not([disabled], [disabled=\"\"], [tabindex=\"-1\"], [aria-hidden=\"true\"], [hidden])';\n/**\n * @slot modalCloseButton - slot for custom close button\n * @slot modalContent - slot for the content of the modal\n * @cssprop --z-modal-content-padding - padding of the modal's content. The default is 16px (--space-unit * 2)\n */\nexport class ZModal {\n    constructor() {\n        this.modalid = undefined;\n        this.modaltitle = undefined;\n        this.modalsubtitle = undefined;\n        this.closeButtonLabel = \"chiudi modale\";\n        this.alertdialog = false;\n        this.closable = true;\n        this.scrollInside = true;\n        this.lockPageScroll = true;\n    }\n    emitModalClose() {\n        if (this.closable) {\n            this.modalClose.emit({ modalid: this.modalid });\n            this.resetPageScroll();\n        }\n    }\n    emitModalHeaderActive() {\n        this.modalHeaderActive.emit({ modalid: this.modalid });\n    }\n    emitBackgroundClick() {\n        if (this.closable) {\n            this.modalBackgroundClick.emit({ modalid: this.modalid });\n            this.resetPageScroll();\n        }\n    }\n    resetPageScroll() {\n        if (this.lockPageScroll && document.body.style.overflowY === \"hidden\") {\n            document.body.style.overflowY = \"\";\n        }\n    }\n    componentDidLoad() {\n        if (typeof window.HTMLDialogElement !== \"function\") {\n            /* workaround to fix `registerDialog` in test environment:\n            stencil converts html elements to MockHTMLElement but this element is missing the `localName` property,\n            which is used by `registerDialog` to recognize the element as dialog */\n            if (!this.dialog.localName) {\n                Object.defineProperty(this.dialog, \"localName\", { value: \"dialog\" });\n            }\n            dialogPolyfill.registerDialog(this.dialog);\n            this.dialog.setAttribute(\"open\", \"true\");\n        }\n        else {\n            this.open();\n        }\n        if (this.lockPageScroll) {\n            requestAnimationFrame(() => (document.body.style.overflowY = \"hidden\"));\n        }\n    }\n    disconnectedCallback() {\n        this.resetPageScroll();\n    }\n    /** open modal */\n    async open() {\n        var _a;\n        (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.showModal();\n        if (this.lockPageScroll) {\n            document.body.style.overflowY = \"hidden\";\n        }\n    }\n    /** close modal */\n    async close() {\n        var _a;\n        if (this.closable) {\n            (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.close();\n            this.resetPageScroll();\n        }\n    }\n    /**\n     * Get a list of focusable elements in the dialog.\n     * Remove elements with `display: none` from the list, because they're not focusable.\n     *\n     * N.B. The list is built on the assumption that elements inside shadow root are placed ALL before the `modalContent` slot.\n     * Adding focusable elements after the `modalContent` slot would break the order of elements in the list.\n     */\n    get focusableElements() {\n        return [\n            ...Array.from(this.host.shadowRoot.querySelectorAll(FOCUSABLE_ELEMENTS_SELECTOR)),\n            ...Array.from(this.host.querySelectorAll(FOCUSABLE_ELEMENTS_SELECTOR)),\n        ].filter((element) => getComputedStyle(element).display !== \"none\");\n    }\n    handleKeyDown(e) {\n        if (e.code === KeyboardCode.ESC && !this.closable) {\n            e.preventDefault();\n        }\n        if (e.code !== KeyboardCode.TAB) {\n            return;\n        }\n        const focusableElements = this.focusableElements;\n        const shadowActiveElement = this.host.shadowRoot.activeElement;\n        const activeElement = this.host.ownerDocument.activeElement;\n        const firstFocusableElement = focusableElements[0];\n        const lastFocusableElement = focusableElements[focusableElements.length - 1];\n        if (e.shiftKey && (shadowActiveElement == firstFocusableElement || activeElement == firstFocusableElement)) {\n            // shift + tab was pressed and current active element is the first focusable element\n            e.preventDefault();\n            lastFocusableElement.focus();\n        }\n        else if (!e.shiftKey && (shadowActiveElement == lastFocusableElement || activeElement == lastFocusableElement)) {\n            // shift + tab was pressed and current active element is the first focusable element\n            e.preventDefault();\n            firstFocusableElement.focus();\n        }\n    }\n    closeButtonSlot() {\n        if (this.closable) {\n            return (h(\"slot\", { name: \"modalCloseButton\" }, h(\"button\", { \"aria-label\": this.closeButtonLabel, onClick: () => this.close() }, h(\"z-icon\", { name: \"multiply-circle-filled\" }))));\n        }\n    }\n    handleEscape(e) {\n        if (this.closable) {\n            return;\n        }\n        e.preventDefault();\n    }\n    render() {\n        return (h(\"dialog\", { key: '8b921668da4604e386536b7aad9f29aa79f8c070', class: {\n                \"modal-dialog\": !this.scrollInside,\n            }, \"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: 'ff7c0a54c27501f0de55fa051f4181dbb67b45f8', class: {\n                \"modal-container\": true,\n                \"modal-container-scroll-inside\": this.scrollInside,\n                \"modal-container-scroll-outside\": !this.scrollInside,\n            }, id: this.modalid }, h(\"header\", { key: 'bc3fb5a42fc5b9b7a4a0772edc128b3b2cdb4145', onClick: this.emitModalHeaderActive.bind(this) }, h(\"div\", { key: '0dbf87678b992d60df083e61f301ac43df103dbb' }, this.modaltitle && h(\"h1\", { key: '7e61c3c9efc52d5b8d9a457907af76f9e10365a7', id: \"modal-title\" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && (h(\"div\", { key: '594aedcd430c5f132973c59dfdba288b657243ba', class: \"subtitle\", id: \"modal-subtitle\" }, this.modalsubtitle))), h(\"div\", { key: 'ac5d89b074eb7ab21acd3a5ae0846f96f2a9df66', class: {\n                \"modal-content-scroll-inside\": this.scrollInside,\n                \"modal-content-scroll-outside\": !this.scrollInside,\n            }, id: \"modal-content\" }, h(\"slot\", { key: 'f6810e73b2dc2fc698bebed654698d267b113f11', name: \"modalContent\" }))), h(\"div\", { key: '65bd11b7941467700592d45edd0ec078cde6f145', class: {\n                \"modal-background\": true,\n                \"modal-background-scroll-outside\": !this.scrollInside,\n            }, \"data-action\": \"modalBackground\", \"data-modal\": this.modalid, onClick: () => {\n                this.emitBackgroundClick();\n                this.close();\n            } })));\n    }\n    static get is() { return \"z-modal\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"modalid\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"unique id\"\n                },\n                \"attribute\": \"modalid\",\n                \"reflect\": false\n            },\n            \"modaltitle\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"title text (optional)\"\n                },\n                \"attribute\": \"modaltitle\",\n                \"reflect\": false\n            },\n            \"modalsubtitle\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"subtitle (optional)\"\n                },\n                \"attribute\": \"modalsubtitle\",\n                \"reflect\": false\n            },\n            \"closeButtonLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"aria-label for close button (optional)\"\n                },\n                \"attribute\": \"close-button-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"chiudi modale\\\"\"\n            },\n            \"alertdialog\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"add role \\\"alertdialog\\\" to dialog (optional, default is false)\"\n                },\n                \"attribute\": \"alertdialog\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"closable\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"if true, the modal is closable (optional, default is true)\"\n                },\n                \"attribute\": \"closable\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"scrollInside\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"if true, the modal can scroll inside, if false the viewport can scroll\"\n                },\n                \"attribute\": \"scroll-inside\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"lockPageScroll\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"if true, the page scroll is locked when the modal is open (optional, default is true)\"\n                },\n                \"attribute\": \"lock-page-scroll\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"modalClose\",\n                \"name\": \"modalClose\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"emitted on close button click, returns modalid\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"modalHeaderActive\",\n                \"name\": \"modalHeaderActive\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"emitted on modal header click, returns modalid\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"modalBackgroundClick\",\n                \"name\": \"modalBackgroundClick\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"emitted on background click, returns modalid\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"open\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"open modal\",\n                    \"tags\": []\n                }\n            },\n            \"close\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"close modal\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"host\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"keydown\",\n                \"method\": \"handleKeyDown\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"oGAAA,MAAMA,EAAY,g+C,MCCLC,EAAa,MACtB,WAAAC,CAAAC,G,mDACIC,KAAKC,iBAAmBC,UACxBF,KAAKG,SAAW,KACnB,CACD,MAAAC,CAAOC,GACHA,EAAEC,iBACFN,KAAKG,SAAW,MAChB,GAAIE,EAAEE,aAAaC,MAAMC,OAAQ,CAC7BT,KAAKU,YAAYC,KAAKN,EAAEE,aAAaC,M,EAG7C,MAAAI,GACI,OAAQC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAO,CAAEC,SAAUjB,KAAKG,UAAYe,WAAab,IAC5GA,EAAEC,iBACFN,KAAKG,SAAW,IAAI,EACrBgB,YAAa,KACZnB,KAAKG,SAAW,KAAK,EACtBC,OAAQJ,KAAKI,OAAOgB,KAAKpB,OAASa,EAAE,MAAO,CAAEE,IAAK,2CAA4CC,MAAO,sBAAwBH,EAAE,WAAY,CAAEE,IAAK,4CAA8Cf,KAAKC,mBAAoBY,EAAE,OAAQ,CAAEE,IAAK,6C,aClBzP,IAAIM,EAAqBC,OAAOC,YAChC,IAAKF,UAA6BA,IAAuB,SAAU,CACjEA,EAAqB,SAASE,EAAYC,EAAOC,GAC/CA,EAAIA,GAAK,GACT,IAAIC,EAAKC,SAASC,YAAY,eAC9BF,EAAGG,gBAAgBL,IAASC,EAAEK,UAAWL,EAAEM,WAAYN,EAAEO,QAAU,MACnE,OAAON,CACX,EACEL,EAAmBY,UAAYX,OAAOY,MAAMD,SAC9C,CAUA,SAASE,EAAkBC,EAAQZ,GACjC,IAAIa,EAAQ,KAAOb,EAAMc,KAAKC,cAC9B,UAAWH,EAAOC,KAAW,WAAY,CACvCD,EAAOC,GAAOb,EAClB,CACE,OAAOY,EAAOI,cAAchB,EAC9B,CAMA,SAASiB,EAAuBC,GAC9B,MAAOA,GAAMA,IAAOf,SAASgB,KAAM,CACjC,IAAIC,EAAItB,OAAOuB,iBAAiBH,GAChC,IAAII,EAAU,SAASC,EAAGC,GACxB,QAASJ,EAAEG,KAAO7C,WAAa0C,EAAEG,KAAOC,EAC9C,EAEI,GAAIJ,EAAEK,QAAU,GACZH,EAAQ,SAAU,SAClBA,EAAQ,YAAa,SACrBA,EAAQ,eAAgB,WACxBA,EAAQ,SAAU,SAClBA,EAAQ,cAAe,SACvBF,EAAE,eAAiB,WACnBA,EAAEM,WAAa,SACfN,EAAEO,0BAA4B,QAAS,CACzC,OAAO,IACb,CACIT,EAAKA,EAAGU,aACZ,CACE,OAAO,KACT,CAQA,SAASC,EAAkBX,GACzB,MAAOA,EAAI,CACT,GAAIA,EAAGY,YAAc,SAAU,CAC7B,QACN,CACI,GAAIZ,EAAGU,cAAe,CACpBV,EAAKA,EAAGU,aACd,MAAW,GAAIV,EAAGa,WAAY,CACxBb,EAAKA,EAAGa,WAAWC,IACzB,KAAW,CACLd,EAAK,IACX,CACA,CACE,OAAO,IACT,CASA,SAASe,EAASf,GAEhB,MAAOA,GAAMA,EAAGgB,YAAchB,EAAGgB,WAAWC,cAAe,CACzDjB,EAAKA,EAAGgB,WAAWC,aACvB,CAEE,GAAIjB,GAAMA,EAAGkB,MAAQlB,IAAOf,SAASgB,KAAM,CACzCD,EAAGkB,MACP,CACA,CAOA,SAASC,EAAWC,EAAUC,GAC5B,IAAK,IAAIC,EAAI,EAAGA,EAAIF,EAASrD,SAAUuD,EAAG,CACxC,GAAIF,EAASE,KAAOD,EAAM,CACxB,OAAO,IACb,CACA,CACE,OAAO,KACT,CAMA,SAASE,EAAmBvB,GAC1B,IAAKA,IAAOA,EAAGwB,aAAa,UAAW,CACrC,OAAO,KACX,CACE,OAAOxB,EAAGyB,aAAa,UAAU5B,gBAAkB,QACrD,CAMA,SAAS6B,EAA2BC,GAGlC,IAAIC,EAAO,CAAC,SAAU,QAAS,SAAU,SAAU,YACnD,IAAIC,EAAQD,EAAKE,KAAI,SAAS9B,GAC5B,OAAOA,EAAK,kBAChB,IAEE6B,EAAME,KAAK,iDACX,IAAIrC,EAASiC,EAAYK,cAAcH,EAAMI,KAAK,OAElD,IAAKvC,GAAU,iBAAkBwC,QAAQ3C,UAAW,CAIlD,IAAI4C,EAAQR,EAAYS,iBAAiB,KACzC,IAAK,IAAId,EAAI,EAAGA,EAAIa,EAAMpE,OAAQuD,IAAK,CACrC,GAAIa,EAAMb,GAAGe,SAAWF,EAAMb,GAAGN,WAAY,CAC3CtB,EAASgC,EAA2BS,EAAMb,GAAGN,YAC7C,GAAItB,EAAQ,CACV,KACV,CACA,CACA,CACA,CACE,OAAOA,CACT,CAOA,SAAS4C,EAAYC,GACnB,OAAOA,EAAQD,aAAerD,SAASgB,KAAKuC,SAASD,EACvD,CAMA,SAASE,EAAkB3D,GACzB,GAAIA,EAAM4D,UAAW,CACnB,OAAO5D,EAAM4D,SACjB,CAEE,IAAIC,EAAO7D,EAAMY,OACjB,KAAMiD,aAAgBC,iBAAkB,CACtC,OAAO,IACX,CAEE,IAAIF,EAAYG,EAAeC,cAC/B,IAAKJ,EAAW,CACd,IAAIhD,EAASZ,EAAMY,OACnB,IAAIqD,EAAQ,gBAAiBrD,GAAUA,EAAOsD,eAAiB/D,SAC/DyD,EAAYK,EAAK9B,aACrB,CAEE,IAAKyB,GAAaA,EAAUC,OAASA,EAAM,CACzC,OAAO,IACX,CACE,OAAOD,CACT,CAKA,SAASO,EAAkBnE,GACzB,GAAIA,EAAMoE,iBAAkB,CAC1B,MACJ,CACE,IAAIP,EAAwC7D,EAAY,OAGxD,IAAIqE,EAAQN,EAAeO,iBAC3B,IAAIV,EAAYD,EAAkB3D,GAClC,GAAIqE,IAAU,MAAQT,EAAW,CAC/BS,EAAQT,EAAUS,KACtB,CAIE,IAAIE,EAAS1C,EAAkBgC,GAC/B,IAAKU,EAAQ,CACX,MACJ,CAGE,IAAIC,EAAaZ,GAAaA,EAAUjB,aAAa,eAAiBkB,EAAKlB,aAAa,UACxF,GAAI6B,IAAe,SAAU,CAC3B,MACJ,CACExE,EAAMlB,iBAEN,GAAIuF,GAAS,KAAM,CAEjBE,EAAOE,MAAMJ,EACjB,KAAS,CACLE,EAAOE,OACX,CACA,CAMA,SAASC,EAAmBH,GAC1B/F,KAAKmG,QAAUJ,EACf/F,KAAKoG,kBAAoB,MACzBpG,KAAKqG,aAAe,MAGpB,IAAKN,EAAO7B,aAAa,QAAS,CAChC6B,EAAOO,aAAa,OAAQ,SAChC,CAEEP,EAAOQ,KAAOvG,KAAKuG,KAAKnF,KAAKpB,MAC7B+F,EAAOS,UAAYxG,KAAKwG,UAAUpF,KAAKpB,MACvC+F,EAAOE,MAAQjG,KAAKiG,MAAM7E,KAAKpB,MAE/B+F,EAAOU,iBAAiB,SAAUd,EAAmB,OAErD,KAAM,gBAAiBI,GAAS,CAC9BA,EAAOW,YAAc,EACzB,CAEE,GAAI,qBAAsBpF,OAAQ,CAChC,IAAIqF,EAAK,IAAIC,iBAAiB5G,KAAK6G,eAAezF,KAAKpB,OACvD2G,EAAGG,QAAQf,EAAQ,CAACgB,WAAY,KAAMC,gBAAiB,CAAC,SAC5D,KAAS,CAIL,IAAIC,EAAU,MACd,IAAIC,EAAK,WACPD,EAAUjH,KAAKmH,iBAAmBnH,KAAK6G,iBACvCI,EAAU,KAChB,EAAM7F,KAAKpB,MACP,IAAIoH,EACJ,IAAIC,EAAa,SAAS3F,GACxB,GAAIA,EAAGU,SAAW2D,EAAQ,CAAE,MAAO,CACnC,IAAIuB,EAAO,iBACXL,GAAYvF,EAAGY,KAAKiF,OAAO,EAAGD,EAAK7G,UAAY6G,EAC/ChG,OAAOkG,aAAaJ,GACpBA,EAAU9F,OAAOmG,WAAWP,EAAI,EACtC,EACI,CAAC,kBAAmB,iBAAkB,8BAA8BQ,SAAQ,SAASC,GACnF5B,EAAOU,iBAAiBkB,EAAMN,EACpC,GACA,CAIEO,OAAOC,eAAe9B,EAAQ,OAAQ,CACpC+B,IAAK9H,KAAK+H,QAAQ3G,KAAKpB,MACvBgI,IAAKjC,EAAO7B,aAAa9C,KAAK2E,EAAQ,UAGxC/F,KAAKiI,UAAYtG,SAASuG,cAAc,OACxClI,KAAKiI,UAAUE,UAAY,WAC3BnI,KAAKiI,UAAUxB,iBAAiB,UAAazG,KAAKoI,oBAAoBhH,KAAKpB,OAC3EA,KAAKiI,UAAUxB,iBAAiB,YAAazG,KAAKoI,oBAAoBhH,KAAKpB,OAC3EA,KAAKiI,UAAUxB,iBAAiB,QAAazG,KAAKoI,oBAAoBhH,KAAKpB,MAC7E,CAEAkG,EAAmBjE,UAAS,CAE1B,UAAI8D,GACF,OAAO/F,KAAKmG,OAChB,EAOEU,eAAgB,WACd,GAAI7G,KAAKmG,QAAQjC,aAAa,SAAWc,EAAYhF,KAAKmG,SAAU,CAAE,MAAO,CAC7EnG,KAAKmH,gBACT,EAKEA,eAAgB,WACd,IAAKnH,KAAKqG,aAAc,CAAE,MAAO,CACjCrG,KAAKqG,aAAe,MACpBrG,KAAKmG,QAAQkC,MAAMC,OAAS,GAK5B,GAAItI,KAAKoG,kBAAmB,CAC1BpG,KAAKmG,QAAQkC,MAAME,IAAM,GACzBvI,KAAKoG,kBAAoB,KAC/B,CAGIpG,KAAKiI,UAAU1E,YAAcvD,KAAKiI,UAAU1E,WAAWiF,YAAYxI,KAAKiI,WACxE1C,EAAekD,GAAGC,aAAa1I,KACnC,EAKE+H,QAAS,SAASlC,GAChB,GAAIA,EAAO,CACT7F,KAAKmG,QAAQjC,aAAa,SAAWlE,KAAKmG,QAAQG,aAAa,OAAQ,GAC7E,KAAW,CACLtG,KAAKmG,QAAQwC,gBAAgB,QAC7B3I,KAAK6G,gBACX,CACA,EAQEuB,oBAAqB,SAAS/H,GAC5B,IAAKL,KAAKmG,QAAQjC,aAAa,YAAa,CAI1C,IAAI0E,EAAOjH,SAASuG,cAAc,OAClClI,KAAKmG,QAAQ0C,aAAaD,EAAM5I,KAAKmG,QAAQ2C,YAC7CF,EAAKG,UAAW,EAChBH,EAAKI,QACLhJ,KAAKmG,QAAQqC,YAAYI,EAC/B,KAAW,CACL5I,KAAKmG,QAAQ6C,OACnB,CAEI,IAAIC,EAAkBtH,SAASC,YAAY,eAC3CqH,EAAgBC,eAAe7I,EAAEiC,KAAMjC,EAAEyB,QAASzB,EAAE0B,WAAYT,OAC5DjB,EAAE2B,OAAQ3B,EAAE8I,QAAS9I,EAAE+I,QAAS/I,EAAEgJ,QAAShJ,EAAEiJ,QAASjJ,EAAEkJ,QACxDlJ,EAAEmJ,OAAQnJ,EAAEoJ,SAAUpJ,EAAEqJ,QAASrJ,EAAEsJ,OAAQtJ,EAAEuJ,eACjD5J,KAAKmG,QAAQ3D,cAAcyG,GAC3B5I,EAAEwJ,iBACN,EAMEC,OAAQ,WAEN,IAAI1H,EAASpC,KAAKmG,QAAQzB,cAAc,+BACxC,IAAKtC,GAAUpC,KAAKmG,QAAQ4C,UAAY,EAAG,CACzC3G,EAASpC,KAAKmG,OACpB,CACI,IAAK/D,EAAQ,CACXA,EAASgC,EAA2BpE,KAAKmG,QAC/C,CACI1C,EAAS9B,SAASgC,eAClBvB,GAAUA,EAAO4G,OACrB,EAQEe,aAAc,SAASC,EAASC,GAC9B,GAAID,EAAUC,EAAW,CACvB,MAAM,IAAIC,MAAM,sCACtB,CACIlK,KAAKmG,QAAQkC,MAAMC,OAAS0B,EAC5BhK,KAAKiI,UAAUI,MAAMC,OAAS2B,CAClC,EAKE1D,KAAM,WACJ,IAAKvG,KAAKmG,QAAQgE,KAAM,CACtBnK,KAAK+H,QAAQ,MACb/H,KAAK8J,QACX,CACA,EAKEtD,UAAW,WACT,GAAIxG,KAAKmG,QAAQjC,aAAa,QAAS,CACrC,MAAM,IAAIgG,MAAM,gHACtB,CACI,IAAKlF,EAAYhF,KAAKmG,SAAU,CAC9B,MAAM,IAAI+D,MAAM,6EACtB,CACI,IAAK3E,EAAekD,GAAG2B,WAAWpK,MAAO,CACvC,MAAM,IAAIkK,MAAM,kFACtB,CAEI,GAAIzH,EAAuBzC,KAAKmG,QAAQ/C,eAAgB,CACtDiH,QAAQC,KAAK,sDACT,0EACA,oEACV,CAEItK,KAAK+H,QAAQ,MACb/H,KAAKqG,aAAe,KAGpB,GAAId,EAAegF,eAAevK,KAAKmG,SAAU,CAC/CZ,EAAeiF,WAAWxK,KAAKmG,SAC/BnG,KAAKoG,kBAAoB,IAC/B,KAAW,CACLpG,KAAKoG,kBAAoB,KAC/B,CAGIpG,KAAKmG,QAAQ5C,WAAWsF,aAAa7I,KAAKiI,UAAWjI,KAAKmG,QAAQsE,aAGlEzK,KAAK8J,QACT,EAQE7D,MAAO,SAASyE,GACd,IAAK1K,KAAKmG,QAAQjC,aAAa,QAAS,CACtC,MAAM,IAAIgG,MAAM,sHACtB,CACIlK,KAAK+H,QAAQ,OAGb,GAAI2C,IAAoBxK,UAAW,CACjCF,KAAKmG,QAAQO,YAAcgE,CACjC,CAGI,IAAIC,EAAa,IAAItJ,EAAmB,QAAS,CAC/CS,QAAS,MACTC,WAAY,QAEdI,EAAkBnC,KAAKmG,QAASwE,EACpC,GAIA,IAAIpF,EAAiB,GAErBA,EAAeiF,WAAa,SAASvF,GACnC,IAAI2F,EAAYjJ,SAASgB,KAAKiI,WAAajJ,SAASkJ,gBAAgBD,UACpE,IAAIE,EAAWF,GAAatJ,OAAOyJ,YAAc9F,EAAQ+F,cAAgB,EACzE/F,EAAQoD,MAAME,IAAM0C,KAAKC,IAAIN,EAAWE,GAAY,IACtD,EAEAvF,EAAe4F,gCAAkC,SAASlG,GACxD,IAAK,IAAIjB,EAAI,EAAGA,EAAIrC,SAASyJ,YAAY3K,SAAUuD,EAAG,CACpD,IAAIqH,EAAa1J,SAASyJ,YAAYpH,GACtC,IAAIsH,EAAW,KAEf,IACEA,EAAWD,EAAWC,QAC5B,CAAM,MAAOjL,GAAG,CACZ,IAAKiL,EAAU,CAAE,QAAS,CAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAS7K,SAAU8K,EAAG,CACxC,IAAIC,EAAOF,EAASC,GACpB,IAAIE,EAAgB,KAEpB,IACEA,EAAgB9J,SAASmD,iBAAiB0G,EAAKE,aACvD,CAAQ,MAAMrL,GAAG,CACX,IAAKoL,IAAkB5H,EAAW4H,EAAexG,GAAU,CACzD,QACR,CACM,IAAI0G,EAASH,EAAKnD,MAAMuD,iBAAiB,OACzC,IAAIC,EAAYL,EAAKnD,MAAMuD,iBAAiB,UAC5C,GAAKD,GAAUA,IAAW,QAAYE,GAAaA,IAAc,OAAS,CACxE,OAAO,IACf,CACA,CACA,CACE,OAAO,KACT,EAEAtG,EAAegF,eAAiB,SAASxE,GACvC,IAAI+F,EAAgBxK,OAAOuB,iBAAiBkD,GAC5C,GAAI+F,EAAc5I,WAAa,WAAY,CACzC,OAAO,KACX,CAME,GAAK6C,EAAOsC,MAAME,MAAQ,QAAUxC,EAAOsC,MAAME,MAAQ,IACpDxC,EAAOsC,MAAM0D,SAAW,QAAUhG,EAAOsC,MAAM0D,SAAW,GAAK,CAClE,OAAO,KACX,CACE,OAAQxG,EAAe4F,gCAAgCpF,EACzD,EAKAR,EAAeyG,oBAAsB,SAAS/G,GAC5C,GAAI3D,OAAO2K,mBAAqBhH,EAAQuB,UAAW,CACjD6D,QAAQC,KAAK,wDACT,yBAA0BrF,EAClC,CACE,GAAIA,EAAQ3B,YAAc,SAAU,CAClC,MAAM,IAAI4G,MAAM,0DACpB,CACE,IAAIhE,EAAkB,EACxB,EAKAX,EAAe2G,eAAiB,SAASjH,GACvC,IAAKA,EAAQuB,UAAW,CACtBjB,EAAeyG,oBAAoB/G,EACvC,CACA,EAKAM,EAAe4G,cAAgB,WAE7BnM,KAAKoM,mBAAqB,GAE1B,IAAIC,EAAWrM,KAAKsM,UAAUlL,KAAKpB,MAOnCA,KAAKuM,QAAU5K,SAASuG,cAAc,OACtClI,KAAKuM,QAAQpE,UAAY,kBACzBnI,KAAKuM,QAAQ9F,iBAAiB,QAAS,SAASpG,GAC9CL,KAAKwM,YAActM,UACnBG,EAAEwJ,kBACFwC,EAAS,GACb,EAAIjL,KAAKpB,OAEPA,KAAKyM,WAAazM,KAAKyM,WAAWrL,KAAKpB,MACvCA,KAAK0M,aAAe1M,KAAK0M,aAAatL,KAAKpB,MAE3CA,KAAK2M,WAAa,IAClB3M,KAAK4M,YAAc,IAAS,IAE5B5M,KAAKwM,YAActM,UAEnB,GAAI,qBAAsBoB,OAAQ,CAChCtB,KAAK6M,IAAM,IAAIjG,kBAAiB,SAASkG,GACvC,IAAI7F,EAAU,GACd6F,EAAQpF,SAAQ,SAASqF,GACvB,IAAK,IAAI/I,EAAI,EAAGgJ,EAAGA,EAAID,EAAIE,aAAajJ,KAAMA,EAAG,CAC/C,KAAMgJ,aAAapI,SAAU,CAC3B,QACZ,MAAiB,GAAIoI,EAAE1J,YAAc,SAAU,CACnC2D,EAAQxC,KAAKuI,EACzB,CACU/F,EAAUA,EAAQiG,OAAOF,EAAElI,iBAAiB,UACtD,CACA,IACMmC,EAAQxG,QAAU4L,EAASpF,EACjC,GACA,CACA,EAMA1B,EAAe4G,cAAclK,UAAUkL,cAAgB,WACrDxL,SAASkJ,gBAAgBpE,iBAAiB,QAASzG,KAAK0M,aAAc,MACtE/K,SAAS8E,iBAAiB,UAAWzG,KAAKyM,YAC1CzM,KAAK6M,KAAO7M,KAAK6M,IAAI/F,QAAQnF,SAAU,CAACyL,UAAW,KAAMC,QAAS,MACpE,EAMA9H,EAAe4G,cAAclK,UAAUqL,gBAAkB,WACvD3L,SAASkJ,gBAAgB0C,oBAAoB,QAASvN,KAAK0M,aAAc,MACzE/K,SAAS4L,oBAAoB,UAAWvN,KAAKyM,YAC7CzM,KAAK6M,KAAO7M,KAAK6M,IAAIW,YACvB,EAKAjI,EAAe4G,cAAclK,UAAUwL,eAAiB,WACtD,IAAInF,EAAStI,KAAK4M,YAElB,IAAK,IAAI5I,EAAI,EAAG0J,EAAKA,EAAM1N,KAAKoM,mBAAmBpI,KAAMA,EAAG,CAC1D0J,EAAI3D,eAAezB,IAAUA,GAC7B,GAAItE,IAAM,EAAG,CACXhE,KAAKuM,QAAQlE,MAAMC,SAAWA,CACpC,CACA,CAGE,IAAIqF,EAAO3N,KAAKoM,mBAAmB,GACnC,GAAIuB,EAAM,CACR,IAAIC,EAAID,EAAK5H,OAAOxC,YAAc5B,SAASgB,KAC3CiL,EAAEC,YAAY7N,KAAKuM,QACvB,MAAS,GAAIvM,KAAKuM,QAAQhJ,WAAY,CAClCvD,KAAKuM,QAAQhJ,WAAWiF,YAAYxI,KAAKuM,QAC7C,CACA,EAMAhH,EAAe4G,cAAclK,UAAU6L,sBAAwB,SAASC,GACtE,MAAOA,EAAY1K,EAAkB0K,GAAY,CAC/C,IAAK,IAAI/J,EAAI,EAAG0J,EAAKA,EAAM1N,KAAKoM,mBAAmBpI,KAAMA,EAAG,CAC1D,GAAI0J,EAAI3H,SAAWgI,EAAW,CAC5B,OAAO/J,IAAM,CACrB,CACA,CACI+J,EAAYA,EAAU3K,aAC1B,CACE,OAAO,KACT,EAEAmC,EAAe4G,cAAclK,UAAUyK,aAAe,SAASlL,GAC7D,IAAIY,EAASZ,EAAMwM,aAAexM,EAAMwM,eAAe,GAAKxM,EAAMY,OAElE,GAAIpC,KAAK8N,sBAAsB1L,GAAS,CAAE,MAAO,CAEjD,GAAIT,SAASgC,gBAAkBhC,SAASkJ,gBAAiB,CAAE,MAAO,CAElErJ,EAAMlB,iBACNkB,EAAMqI,kBACNpG,EAAQ,GAER,GAAIzD,KAAKwM,cAAgBtM,UAAW,CAAE,MAAO,CAE7C,IAAIwN,EAAM1N,KAAKoM,mBAAmB,GAClC,IAAIrG,EAAS2H,EAAI3H,OACjB,IAAI7C,EAAW6C,EAAOkI,wBAAwB7L,GAC9C,GAAIc,EAAWgL,KAAKC,4BAA6B,CAC/C,GAAInO,KAAKwM,YAAa,CAEpBkB,EAAI5D,QACV,MAAW,GAAI1H,IAAWT,SAASkJ,gBAAiB,CAE9ClJ,SAASkJ,gBAAgB7B,OAC/B,CACA,CAEE,OAAO,KACT,EAEAzD,EAAe4G,cAAclK,UAAUwK,WAAa,SAASjL,GAC3DxB,KAAKwM,YAActM,UACnB,GAAIsB,EAAM4M,UAAY,GAAI,CACxB5M,EAAMlB,iBACNkB,EAAMqI,kBACN,IAAIwE,EAAc,IAAIhN,EAAmB,SAAU,CACjDS,QAAS,MACTC,WAAY,OAEd,IAAI2L,EAAM1N,KAAKoM,mBAAmB,GAClC,GAAIsB,GAAOvL,EAAkBuL,EAAI3H,OAAQsI,GAAc,CACrDX,EAAI3H,OAAOE,OACjB,CACA,MAAS,GAAIzE,EAAM4M,UAAY,EAAG,CAC9BpO,KAAKwM,aAAehL,EAAMiI,QAC9B,CACA,EAQAlE,EAAe4G,cAAclK,UAAUqK,UAAY,SAASrF,GAI1D,IAAIqH,EAAQtO,KAAKoM,mBAAmBmC,QACpCD,EAAM5G,SAAQ,SAASgG,GACrB,GAAIzG,EAAQuH,QAAQd,EAAI3H,WAAY,EAAI,CACtC2H,EAAIvG,gBACV,KAAW,CACLuG,EAAI7G,gBACV,CACA,GACA,EAMAtB,EAAe4G,cAAclK,UAAUmI,WAAa,SAASsD,GAC3D,IAAIe,GAAWzO,KAAK4M,YAAc5M,KAAK2M,YAAc,EAAI,EACzD,GAAI3M,KAAKoM,mBAAmB3L,QAAUgO,EAAS,CAC7C,OAAO,KACX,CACE,GAAIzO,KAAKoM,mBAAmBsC,QAAQhB,KAAS,EAAG,CAC9C1N,KAAKmN,eACT,CACEnN,KAAKyN,iBACL,OAAO,IACT,EAKAlI,EAAe4G,cAAclK,UAAUyG,aAAe,SAASgF,GAC7D,IAAIiB,EAAQ3O,KAAKoM,mBAAmBoC,QAAQd,GAC5C,GAAIiB,KAAU,EAAI,CAAE,MAAO,CAE3B3O,KAAKoM,mBAAmBwC,OAAOD,EAAO,GACtC,GAAI3O,KAAKoM,mBAAmB3L,SAAW,EAAG,CACxCT,KAAKsN,iBACT,CACEtN,KAAKyN,gBACP,EAEAlI,EAAekD,GAAK,IAAIlD,EAAe4G,cACvC5G,EAAeC,cAAgB,KAC/BD,EAAeO,iBAAmB,KAMlC,GAAIxE,OAAO2K,oBAAsB/L,UAAW,CAM1C,IAAI2O,EAAWlN,SAASuG,cAAc,QACtC2G,EAASvI,aAAa,SAAU,UAChC,GAAIuI,EAASC,SAAW,SAAU,CAChC,IAAIC,EAAmBnH,OAAOoH,yBAAyB1J,gBAAgBrD,UAAW,UAClF,GAAI8M,EAAkB,CAGpB,IAAIE,EAAUF,EAAiB/G,IAC/B+G,EAAiB/G,IAAM,WACrB,GAAI/D,EAAmBjE,MAAO,CAC5B,MAAO,QACjB,CACQ,OAAOiP,EAAQC,KAAKlP,KAC5B,EACM,IAAImP,EAAUJ,EAAiBjH,IAE/BiH,EAAiBjH,IAAM,SAASsH,GAC9B,UAAWA,IAAM,UAAYA,EAAE7M,gBAAkB,SAAU,CACzD,OAAOvC,KAAKsG,aAAa,SAAU8I,EAC7C,CACQ,OAAOD,EAAQD,KAAKlP,KAAMoP,EAClC,EACMxH,OAAOC,eAAevC,gBAAgBrD,UAAW,SAAU8M,EACjE,CACA,CAOEpN,SAAS8E,iBAAiB,SAAS,SAAS/E,GAC1C6D,EAAeC,cAAgB,KAC/BD,EAAeO,iBAAmB,KAClC,GAAIpE,EAAGkE,iBAAkB,CAAE,MAAO,CAElC,IAAIxD,EAAiCV,EAAS,OAC9C,GAAI,iBAAkBA,EAAI,CACxB,IAAI2N,EAAO3N,EAAGsM,eACd5L,EAASiN,EAAKC,SAAWlN,CAC/B,CACI,IAAKA,IAAW6B,EAAmB7B,EAAOiD,MAAO,CAAE,MAAO,CAE1D,IAAIkK,EAASnN,EAAOE,OAAS,UAAY,CAAC,SAAU,SAASkM,QAAQpM,EAAOkB,YAAa,EACzF,IAAKiM,EAAO,CACV,KAAMnN,EAAOkB,YAAc,SAAWlB,EAAOE,OAAS,SAAU,CAAE,MAAO,CAEzEiD,EAAeO,iBAAmBpE,EAAG8N,QAAU,IAAM9N,EAAG+N,OAC9D,CAEI,IAAI1J,EAAS1C,EAAkBjB,GAC/B,IAAK2D,EAAQ,CAAE,MAAO,CAEtBR,EAAeC,cAAgBpD,CAEnC,GAAK,OAMHT,SAAS8E,iBAAiB,UAAU,SAAS/E,GAC3C,IAAI2D,EAAO3D,EAAGU,OACd,IAAI2D,EAAS1C,EAAkBgC,GAC/B,GAAIU,EAAQ,CACV,MACN,CAEI,IAAIX,EAAYD,EAAkBzD,GAClC,IAAIsE,EAAaZ,GAAaA,EAAUjB,aAAa,eAAiBkB,EAAKlB,aAAa,UACxF,GAAI6B,IAAe,SAAU,CAC3BtE,EAAGpB,gBACT,CACA,IAME,IAAIoP,EAAmBpK,gBAAgBrD,UAAU0N,OACjD,IAAIC,EAAwB,WAC1B,IAAK3L,EAAmBjE,MAAO,CAC7B,OAAO0P,EAAiBR,KAAKlP,KACnC,CACI,IAAI+F,EAAS1C,EAAkBrD,MAC/B+F,GAAUA,EAAOE,OACrB,EACEX,gBAAgBrD,UAAU0N,OAASC,CACrC,CCv1BA,MAAMhQ,EAAY,uyJCGlB,MAAMiQ,EAA8B,qM,MAMvBC,EAAM,MACf,WAAAhQ,CAAAC,G,iKACIC,KAAK+P,QAAU7P,UACfF,KAAKgQ,WAAa9P,UAClBF,KAAKiQ,cAAgB/P,UACrBF,KAAKkQ,iBAAmB,gBACxBlQ,KAAKmQ,YAAc,MACnBnQ,KAAKoQ,SAAW,KAChBpQ,KAAKqQ,aAAe,KACpBrQ,KAAKsQ,eAAiB,IACzB,CACD,cAAAC,GACI,GAAIvQ,KAAKoQ,SAAU,CACfpQ,KAAKwQ,WAAW7P,KAAK,CAAEoP,QAAS/P,KAAK+P,UACrC/P,KAAKyQ,iB,EAGb,qBAAAC,GACI1Q,KAAK2Q,kBAAkBhQ,KAAK,CAAEoP,QAAS/P,KAAK+P,S,CAEhD,mBAAAa,GACI,GAAI5Q,KAAKoQ,SAAU,CACfpQ,KAAK6Q,qBAAqBlQ,KAAK,CAAEoP,QAAS/P,KAAK+P,UAC/C/P,KAAKyQ,iB,EAGb,eAAAA,GACI,GAAIzQ,KAAKsQ,gBAAkB3O,SAASgB,KAAK0F,MAAMyI,YAAc,SAAU,CACnEnP,SAASgB,KAAK0F,MAAMyI,UAAY,E,EAGxC,gBAAAC,GACI,UAAWzP,OAAO2K,oBAAsB,WAAY,CAIhD,IAAKjM,KAAK+F,OAAOzC,UAAW,CACxBsE,OAAOC,eAAe7H,KAAK+F,OAAQ,YAAa,CAAEF,MAAO,U,CAE7DN,EAAe2G,eAAelM,KAAK+F,QACnC/F,KAAK+F,OAAOO,aAAa,OAAQ,O,KAEhC,CACDtG,KAAKmK,M,CAET,GAAInK,KAAKsQ,eAAgB,CACrBU,uBAAsB,IAAOrP,SAASgB,KAAK0F,MAAMyI,UAAY,U,EAGrE,oBAAAG,GACIjR,KAAKyQ,iB,CAGT,UAAMtG,GACF,IAAI+G,GACHA,EAAKlR,KAAK+F,UAAY,MAAQmL,SAAO,OAAS,EAASA,EAAG1K,YAC3D,GAAIxG,KAAKsQ,eAAgB,CACrB3O,SAASgB,KAAK0F,MAAMyI,UAAY,Q,EAIxC,WAAM7K,GACF,IAAIiL,EACJ,GAAIlR,KAAKoQ,SAAU,EACdc,EAAKlR,KAAK+F,UAAY,MAAQmL,SAAO,OAAS,EAASA,EAAGjL,QAC3DjG,KAAKyQ,iB,EAUb,qBAAIU,GACA,MAAO,IACAC,MAAMC,KAAKrR,KAAKwD,KAAKE,WAAWoB,iBAAiB+K,OACjDuB,MAAMC,KAAKrR,KAAKwD,KAAKsB,iBAAiB+K,KAC3CyB,QAAQrM,GAAYpC,iBAAiBoC,GAASsM,UAAY,Q,CAEhE,aAAAC,CAAcnR,GACV,GAAIA,EAAEoR,OAASC,EAAaC,MAAQ3R,KAAKoQ,SAAU,CAC/C/P,EAAEC,gB,CAEN,GAAID,EAAEoR,OAASC,EAAaE,IAAK,CAC7B,M,CAEJ,MAAMT,EAAoBnR,KAAKmR,kBAC/B,MAAMU,EAAsB7R,KAAKwD,KAAKE,WAAWC,cACjD,MAAMA,EAAgB3D,KAAKwD,KAAKsO,cAAcnO,cAC9C,MAAMoO,EAAwBZ,EAAkB,GAChD,MAAMa,EAAuBb,EAAkBA,EAAkB1Q,OAAS,GAC1E,GAAIJ,EAAEoJ,WAAaoI,GAAuBE,GAAyBpO,GAAiBoO,GAAwB,CAExG1R,EAAEC,iBACF0R,EAAqBhJ,O,MAEpB,IAAK3I,EAAEoJ,WAAaoI,GAAuBG,GAAwBrO,GAAiBqO,GAAuB,CAE5G3R,EAAEC,iBACFyR,EAAsB/I,O,EAG9B,eAAAiJ,GACI,GAAIjS,KAAKoQ,SAAU,CACf,OAAQvP,EAAE,OAAQ,CAAE8G,KAAM,oBAAsB9G,EAAE,SAAU,CAAE,aAAcb,KAAKkQ,iBAAkBgC,QAAS,IAAMlS,KAAKiG,SAAWpF,EAAE,SAAU,CAAE8G,KAAM,4B,EAG9J,YAAAwK,CAAa9R,GACT,GAAIL,KAAKoQ,SAAU,CACf,M,CAEJ/P,EAAEC,gB,CAEN,MAAAM,GACI,OAAQC,EAAE,SAAU,CAAEE,IAAK,2CAA4CC,MAAO,CACtE,gBAAiBhB,KAAKqQ,cACvB,kBAAmB,cAAe,mBAAoB,gBAAiB+B,KAAMpS,KAAKmQ,YAAc,cAAgBjQ,UAAWmS,IAAM3P,GAAQ1C,KAAK+F,OAASrD,EAAK4P,QAAS,IAAMtS,KAAKuQ,iBAAkBgC,SAAWlS,GAAML,KAAKmS,aAAa9R,IAAMQ,EAAE,MAAO,CAAEE,IAAK,2CAA4CC,MAAO,CAC7S,kBAAmB,KACnB,gCAAiChB,KAAKqQ,aACtC,kCAAmCrQ,KAAKqQ,cACzCmC,GAAIxS,KAAK+P,SAAWlP,EAAE,SAAU,CAAEE,IAAK,2CAA4CmR,QAASlS,KAAK0Q,sBAAsBtP,KAAKpB,OAASa,EAAE,MAAO,CAAEE,IAAK,4CAA8Cf,KAAKgQ,YAAcnP,EAAE,KAAM,CAAEE,IAAK,2CAA4CyR,GAAI,eAAiBxS,KAAKgQ,YAAahQ,KAAKiS,mBAAoBjS,KAAKiQ,eAAkBpP,EAAE,MAAO,CAAEE,IAAK,2CAA4CC,MAAO,WAAYwR,GAAI,kBAAoBxS,KAAKiQ,gBAAkBpP,EAAE,MAAO,CAAEE,IAAK,2CAA4CC,MAAO,CACxiB,8BAA+BhB,KAAKqQ,aACpC,gCAAiCrQ,KAAKqQ,cACvCmC,GAAI,iBAAmB3R,EAAE,OAAQ,CAAEE,IAAK,2CAA4C4G,KAAM,mBAAqB9G,EAAE,MAAO,CAAEE,IAAK,2CAA4CC,MAAO,CACjL,mBAAoB,KACpB,mCAAoChB,KAAKqQ,cAC1C,cAAe,kBAAmB,aAAcrQ,KAAK+P,QAASmC,QAAS,KACtElS,KAAK4Q,sBACL5Q,KAAKiG,OAAO,I","ignoreList":[]}

package/www/build/p-e3d9cd6c.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c,h,g as r}from"./p-Cam6wBSi.js";import{k as e}from"./p-B2-dCTD2.js";const a=".sc-z-chip-h>.z-chip-container.sc-z-chip{display:inline-flex;min-height:28px;align-items:center;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:14px;color:var(--color-default-text);fill:var(--color-default-icon);font-family:var(--font-family-sans);font-size:14px;line-height:28px}.sc-z-chip-h>.z-chip-interactive.sc-z-chip{font-weight:var(--font-sb)}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip{padding:0;border:none;margin-left:var(--space-unit);background-color:transparent;cursor:pointer}.sc-z-chip-h>.z-chip-container.sc-z-chip>z-icon.sc-z-chip:first-child{margin-right:calc(var(--space-unit) / 2)}.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{fill:var(--color-primary01-icon)}.sc-z-chip-h>.z-chip-container.sc-z-chip:not([aria-disabled]) .interactive-icon.sc-z-chip:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary)}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip,.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip z-icon.sc-z-chip{color:var(--color-disabled03);cursor:auto;fill:var(--color-disabled03)}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip{border:var(--border-size-small) solid var(--color-disabled01)}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip:focus:focus-visible{border-radius:100%;box-shadow:var(--shadow-focus-primary);outline:none}.sc-z-chip-h>button.sc-z-chip:not([disabled]):active:hover .interactive-icon.sc-z-chip{color:var(--color-primary01);fill:var(--color-primary01-icon)}.sc-z-chip-h>.z-chip-container.sc-z-chip>z-icon.sc-z-chip,.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{--z-icon-width:22px;--z-icon-height:22px}.sc-z-chip-h>.z-chip-container.default.sc-z-chip{min-height:44px;border-radius:22px;line-height:44px}.sc-z-chip-h>.z-chip-container.medium.sc-z-chip{min-height:40px;border-radius:22px;line-height:40px}.sc-z-chip-h>.z-chip-container.small.sc-z-chip{min-height:36px;border-radius:22px;line-height:36px}@media (min-width: 1152px){.sc-z-chip-h>.z-chip-container.sc-z-chip{font-size:12px}.sc-z-chip-h>.z-chip-container.default.sc-z-chip{min-height:32px;border-radius:16px;line-height:32px}.sc-z-chip-h>.z-chip-container.medium.sc-z-chip{min-height:28px;border-radius:16px;line-height:28px}.sc-z-chip-h>.z-chip-container.small.sc-z-chip{min-height:24px;border-radius:16px;line-height:24px}.sc-z-chip-h>.z-chip-container.sc-z-chip>z-icon.sc-z-chip,.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{--z-icon-width:14px;--z-icon-height:14px}}";const s=class{constructor(h){i(this,h);this.interactiveIconClick=c(this,"interactiveIconClick",7);this.icon=undefined;this.type=e.DEFAULT;this.interactiveIcon=undefined;this.disabled=false;this.ariaLabel=""}render(){return h("div",{key:"0c1d69ed8078ff340f797d27d2b74798471c001b",class:{"z-chip-container":true,"z-chip-interactive":!!this.interactiveIcon,[this.type]:true},"aria-disabled":this.disabled},this.icon&&h("z-icon",{key:"baa00891b0130541f3a820a08678d2f1eef894b7",name:this.icon}),h("slot",{key:"d49c8dc5643a7f42f62ab086f9ae97da18aa2561"}),this.interactiveIcon&&h("button",{key:"970f2ccfd3cf3718627e8aec7bfe06d957694030",type:"button",onClick:()=>this.interactiveIconClick.emit(),"aria-label":this.ariaLabel,disabled:this.disabled},h("z-icon",{key:"68c899a4e14a204eaac9fc7d2be37dfd5af1b087",class:"interactive-icon",name:this.interactiveIcon})))}get el(){return r(this)}};s.style=a;export{s as z_chip};
+//# sourceMappingURL=p-e3d9cd6c.entry.js.map

package/www/build/p-e3d9cd6c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZChip","constructor","hostRef","this","icon","undefined","type","ZChipType","DEFAULT","interactiveIcon","disabled","ariaLabel","render","h","key","class","name","onClick","interactiveIconClick","emit"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-chip/styles.css?tag=z-chip&encapsulation=scoped","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-chip/index.js"],"sourcesContent":[":host > .z-chip-container {\n  display: inline-flex;\n  min-height: 28px;\n  align-items: center;\n  padding: 0 calc(var(--space-unit) * 1.5);\n  border: var(--border-size-small) solid var(--color-surface03);\n  background-color: var(--color-surface01);\n  border-radius: 14px;\n  color: var(--color-default-text);\n  fill: var(--color-default-icon);\n  font-family: var(--font-family-sans);\n  font-size: 14px;\n  line-height: 28px;\n}\n\n:host > .z-chip-interactive {\n  font-weight: var(--font-sb);\n}\n\n:host > .z-chip-container > button {\n  padding: 0;\n  border: none;\n  margin-left: var(--space-unit);\n  background-color: transparent;\n  cursor: pointer;\n}\n\n:host > .z-chip-container > z-icon:first-child {\n  margin-right: calc(var(--space-unit) / 2);\n}\n\n:host > .z-chip-container .interactive-icon {\n  fill: var(--color-primary01-icon);\n}\n\n:host > .z-chip-container:not([aria-disabled]) .interactive-icon:hover {\n  color: var(--color-hover-primary);\n  fill: var(--color-hover-primary);\n}\n\n:host > .z-chip-container[aria-disabled],\n:host > .z-chip-container[aria-disabled] z-icon {\n  color: var(--color-disabled03);\n  cursor: auto;\n  fill: var(--color-disabled03);\n}\n\n:host > .z-chip-container[aria-disabled] {\n  border: var(--border-size-small) solid var(--color-disabled01);\n}\n\n:host > .z-chip-container > button:focus:focus-visible {\n  border-radius: 100%;\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n:host > button:not([disabled]):active:hover .interactive-icon {\n  color: var(--color-primary01);\n  fill: var(--color-primary01-icon);\n}\n\n:host > .z-chip-container > z-icon,\n:host > .z-chip-container .interactive-icon {\n  --z-icon-width: 22px;\n  --z-icon-height: 22px;\n}\n\n/* :host type */\n:host > .z-chip-container.default {\n  min-height: 44px;\n  border-radius: 22px;\n  line-height: 44px;\n}\n\n:host > .z-chip-container.medium {\n  min-height: 40px;\n  border-radius: 22px;\n  line-height: 40px;\n}\n\n:host > .z-chip-container.small {\n  min-height: 36px;\n  border-radius: 22px;\n  line-height: 36px;\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n  :host > .z-chip-container {\n    font-size: 12px;\n  }\n\n  /* :host type */\n  :host > .z-chip-container.default {\n    min-height: 32px;\n    border-radius: 16px;\n    line-height: 32px;\n  }\n\n  :host > .z-chip-container.medium {\n    min-height: 28px;\n    border-radius: 16px;\n    line-height: 28px;\n  }\n\n  :host > .z-chip-container.small {\n    min-height: 24px;\n    border-radius: 16px;\n    line-height: 24px;\n  }\n\n  :host > .z-chip-container > z-icon,\n  :host > .z-chip-container .interactive-icon {\n    --z-icon-width: 14px;\n    --z-icon-height: 14px;\n  }\n}\n","import { h } from \"@stencil/core\";\nimport { ZChipType } from \"../../beans\";\nexport class ZChip {\n    constructor() {\n        this.icon = undefined;\n        this.type = ZChipType.DEFAULT;\n        this.interactiveIcon = undefined;\n        this.disabled = false;\n        this.ariaLabel = \"\";\n    }\n    render() {\n        return (h(\"div\", { key: '0c1d69ed8078ff340f797d27d2b74798471c001b', class: {\n                \"z-chip-container\": true,\n                \"z-chip-interactive\": !!this.interactiveIcon,\n                [this.type]: true,\n            }, \"aria-disabled\": this.disabled }, this.icon && h(\"z-icon\", { key: 'baa00891b0130541f3a820a08678d2f1eef894b7', name: this.icon }), h(\"slot\", { key: 'd49c8dc5643a7f42f62ab086f9ae97da18aa2561' }), this.interactiveIcon && (h(\"button\", { key: '970f2ccfd3cf3718627e8aec7bfe06d957694030', type: \"button\", onClick: () => this.interactiveIconClick.emit(), \"aria-label\": this.ariaLabel, disabled: this.disabled }, h(\"z-icon\", { key: '68c899a4e14a204eaac9fc7d2be37dfd5af1b087', class: \"interactive-icon\", name: this.interactiveIcon })))));\n    }\n    static get is() { return \"z-chip\"; }\n    static get encapsulation() { return \"scoped\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"icon\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Non interactive icon\"\n                },\n                \"attribute\": \"icon\",\n                \"reflect\": false\n            },\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ZChipType\",\n                    \"resolved\": \"ZChipType.DEFAULT | ZChipType.MEDIUM | ZChipType.SMALL\",\n                    \"references\": {\n                        \"ZChipType\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::ZChipType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"z-chip size type, can be default, medium or small\"\n                },\n                \"attribute\": \"type\",\n                \"reflect\": true,\n                \"defaultValue\": \"ZChipType.DEFAULT\"\n            },\n            \"interactiveIcon\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"z-chip interactive icon\"\n                },\n                \"attribute\": \"interactive-icon\",\n                \"reflect\": true\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"set z-chip as disabled\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"ariaLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"z-chip aria-label string\"\n                },\n                \"attribute\": \"aria-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"interactiveIconClick\",\n                \"name\": \"interactiveIconClick\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"click on interactive icon\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"mFAAA,MAAMA,EAAY,gkF,MCELC,EAAK,MACd,WAAAC,CAAAC,G,qEACIC,KAAKC,KAAOC,UACZF,KAAKG,KAAOC,EAAUC,QACtBL,KAAKM,gBAAkBJ,UACvBF,KAAKO,SAAW,MAChBP,KAAKQ,UAAY,EACpB,CACD,MAAAC,GACI,OAAQC,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,CACnE,mBAAoB,KACpB,uBAAwBZ,KAAKM,gBAC7B,CAACN,KAAKG,MAAO,MACd,gBAAiBH,KAAKO,UAAYP,KAAKC,MAAQS,EAAE,SAAU,CAAEC,IAAK,2CAA4CE,KAAMb,KAAKC,OAASS,EAAE,OAAQ,CAAEC,IAAK,6CAA+CX,KAAKM,iBAAoBI,EAAE,SAAU,CAAEC,IAAK,2CAA4CR,KAAM,SAAUW,QAAS,IAAMd,KAAKe,qBAAqBC,OAAQ,aAAchB,KAAKQ,UAAWD,SAAUP,KAAKO,UAAYG,EAAE,SAAU,CAAEC,IAAK,2CAA4CC,MAAO,mBAAoBC,KAAMb,KAAKM,mB","ignoreList":[]}

package/www/build/p-e46785e6.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as r,h as a,g as e}from"./p-Cam6wBSi.js";import{f as i,i as n,s as o,v as l,a as p}from"./p-Cj7hOgFG.js";import{s as c,t as s,I as d,r as f}from"./p-B2-dCTD2.js";const h='.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:\'\';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.flatpickr-monthSelect-months{margin:10px 1px 3px 1px;flex-wrap:wrap}.flatpickr-monthSelect-month{background:none;border:1px solid transparent;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;display:inline-block;font-weight:400;margin:0.5px;justify-content:center;padding:10px;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;text-align:center;width:33%}.flatpickr-monthSelect-month.flatpickr-disabled{color:#eee}.flatpickr-monthSelect-month.flatpickr-disabled:hover,.flatpickr-monthSelect-month.flatpickr-disabled:focus{cursor:not-allowed;background:none !important}.flatpickr-monthSelect-theme-dark{background:#3f4458}.flatpickr-monthSelect-theme-dark .flatpickr-current-month input.cur-year{color:#fff}.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-prev-month,.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-next-month{color:#fff;fill:#fff}.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month{color:rgba(255, 255, 255, 0.95)}.flatpickr-monthSelect-month.today{border-color:#959ea9}.flatpickr-monthSelect-month.inRange,.flatpickr-monthSelect-month.inRange.today,.flatpickr-monthSelect-month:hover,.flatpickr-monthSelect-month:focus{background:#e6e6e6;cursor:pointer;outline:0;border-color:#e6e6e6}.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.inRange,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:hover,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:focus{background:#646c8c;border-color:#646c8c}.flatpickr-monthSelect-month.today:hover,.flatpickr-monthSelect-month.today:focus{background:#959ea9;border-color:#959ea9;color:#fff}.flatpickr-monthSelect-month.selected,.flatpickr-monthSelect-month.startRange,.flatpickr-monthSelect-month.endRange{background-color:#569ff7;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-monthSelect-month.startRange{border-radius:50px 0 0 50px}.flatpickr-monthSelect-month.endRange{border-radius:0 50px 50px 0}.flatpickr-monthSelect-month.startRange.endRange{border-radius:50px}.flatpickr-monthSelect-month.inRange{border-radius:0;box-shadow:-5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6}.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.startRange,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.endRange{background:#80cbc4;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#80cbc4}:host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-range-picker--toggle-height:0}z-date-picker{position:relative}z-date-picker>div>*{cursor:pointer !important}z-range-picker{position:relative}.flatpickr-toggle-container{width:fit-content}.range-pickers-container>div{position:relative}.hidden-input{position:absolute;bottom:0;width:0;height:0;visibility:hidden !important}.flatpickr-calendar::before,.flatpickr-calendar::after{display:none}.flatpickr-calendar{position:absolute !important;top:var(--z-range-picker--toggle-height) !important;left:0 !important;padding-top:calc(var(--space-unit) * 2);border-radius:2px;box-shadow:var(--shadow-2);font-family:var(--font-family-sans) !important}.months.top>.flatpickr-calendar{top:-288px !important}.date.top>.flatpickr-calendar,.date.top>div>.flatpickr-calendar{top:-401px !important}.date-time.top>.flatpickr-calendar,.date-time.top>div>.flatpickr-calendar{top:-523px !important}.flatpickr-calendar,.flatpickr-innerContainer,.flatpickr-days,.dayContainer,.flatpickr-rContainer,.flatpickr-monthSelect-months{width:calc(var(--space-unit) * 42) !important;max-width:calc(var(--space-unit) * 42) !important}.flatpickr-monthSelect-months{box-sizing:border-box;padding:0 !important;margin:calc(var(--space-unit) * 2) 0 !important}.flatpickr-months{position:relative;height:calc(var(--space-unit) * 6) !important;align-items:center;margin-bottom:var(--space-unit) 0 !important}.flatpickr-month{overflow:visible !important;height:calc(var(--space-unit) * 6) !important}.flatpickr-current-month{left:0 !important;display:flex !important;width:fill-available;height:calc(var(--space-unit) * 6);align-items:baseline;justify-content:space-evenly;padding-top:0}.flatpickr-next-month,.flatpickr-prev-month{position:static !important;display:flex;width:calc(var(--space-unit) * 4) !important;height:calc(var(--space-unit) * 4) !important;align-items:center;justify-content:center;padding:0 !important}.flatpickr-prev-month{margin-left:var(--space-unit)}.flatpickr-next-month{margin-right:var(--space-unit)}.flatpickr-next-month>svg,.flatpickr-prev-month>svg{width:calc(var(--space-unit) * 2) !important;height:calc(var(--space-unit) * 2) !important;fill:var(--color-primary01)}.flatpickr-next-month:hover,.flatpickr-prev-month:hover,.flatpickr-next-month:focus,.flatpickr-prev-month:focus{border:none !important;border-color:var(--color-primary03) !important;background-color:var(--color-primary03) !important;border-radius:var(--border-radius);color:var(--color-hover-primary) !important;outline:none !important}.flatpickr-next-month:hover svg,.flatpickr-prev-month:hover svg{fill:var(--color-hover-primary) !important}.flatpickr-next-month:active,.flatpickr-prev-month:active{border-color:var(--color-surface01) !important;background-color:var(--color-surface01) !important;border-radius:var(--border-radius);box-shadow:var(--shadow-2) !important;color:var(--color-primary01) !important}.flatpickr-next-month:focus svg,.flatpickr-prev-month:focus svg{fill:var(--color-primary01) !important}.flatpickr-monthDropdown-months{width:108px !important;height:calc(var(--space-unit) * 5.5) !important;padding-left:var(--space-unit) !important;background:var(--color-surface01) !important;color:var(--color-default-text) !important;font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important;outline:1px solid black !important}.flatpickr-monthDropdown-months:hover,.flatpickr-monthDropdown-months:focus{outline:1px solid var(--color-primary01) !important}.flatpickr-current-month>.numInputWrapper{display:flex;width:calc(var(--space-unit) * 10);height:calc(var(--space-unit) * 5.5) !important;background:var(--color-surface01) !important;color:var(--color-default-text);outline:1px solid black !important}.flatpickr-current-month>.numInputWrapper:hover,.flatpickr-current-month>.numInputWrapper:focus-within{outline:1px solid var(--color-primary01) !important}.flatpickr-current-month>.numInputWrapper>input{padding:0 calc(var(--space-unit) * 3) 0 var(--space-unit);font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important;text-align:center}.flatpickr-weekdays{height:calc(var(--space-unit) * 6);border-bottom:1px solid var(--color-surface03)}.flatpickr-weekday{font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important}.flatpickr-day,.flatpickr-monthSelect-month{width:calc(var(--space-unit) * 6) !important;max-width:100% !important;height:calc(var(--space-unit) * 6) !important;border:none;margin:0 !important;border-radius:0 !important;box-shadow:none !important;font-size:var(--font-size-3) !important;line-height:calc(var(--space-unit) * 6) !important}.flatpickr-day{width:calc(var(--space-unit) * 6) !important;border:none;line-height:calc(var(--space-unit) * 6) !important}.flatpickr-monthSelect-month{width:calc(var(--space-unit) * 14) !important;padding:0 !important;border:2px solid var(--color-surface01) !important;line-height:calc(var(--space-unit) * 5) !important}.flatpickr-day:not(.flatpickr-disabled):hover,.flatpickr-day:not(.flatpickr-disabled):active,.flatpickr-day:not(.flatpickr-disabled):focus,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:hover,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:active,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:focus,.flatpickr-day:not(.flatpickr-disabled).selected:hover,.flatpickr-day:not(.flatpickr-disabled).selected:active,.flatpickr-day:not(.flatpickr-disabled).selected:focus,.flatpickr-monthSelect-month:hover,.flatpickr-monthSelect-month:active,.flatpickr-monthSelect-month:focus{border-color:var(--color-hover-primary) !important;background-color:var(--color-hover-primary) !important;color:var(--color-text-inverse) !important}.flatpickr-day.today,.flatpickr-monthSelect-month.today{border:2px solid var(--color-hover-primary) !important}.flatpickr-day.selected:not(.flatpickr-disabled),.flatpickr-monthSelect-month.selected:not(.flatpickr-disabled){border-color:var(--color-primary01) !important;background-color:var(--color-primary01) !important}.flatpickr-weekday:nth-child(6),.flatpickr-weekday:nth-child(7),.flatpickr-day:nth-child(7n+6),.flatpickr-day:nth-child(7n+7){font-weight:var(--font-sb) !important}.flatpickr-time{display:block;height:90px !important;max-height:90px !important;text-align:left}.flatpickr-time::before{display:block;width:100%;padding-left:var(--space-unit);color:var(--color-default-text) !important;content:"Orario";font-size:var(--font-size-1);font-weight:var(--font-sb);text-transform:uppercase}.flatpickr-time.time24hr{margin:calc(var(--space-unit) * 2) !important}.flatpickr-time.time24hr>.numInputWrapper>input:hover,.flatpickr-time.time24hr>.numInputWrapper>input:focus,.flatpickr-time.time24hr>.numInputWrapper:hover{background-color:var(--color-surface01) !important}.flatpickr-time.time24hr>div{width:calc(var(--space-unit) * 10) !important;height:calc(var(--space-unit) * 5.5) !important;margin-right:var(--space-unit) !important;margin-left:var(--space-unit) !important}.flatpickr-time-separator{display:flex;height:calc(var(--space-unit) * 5.5) !important;align-items:center;justify-content:center;font-weight:unset !important}.flatpickr-minute,.flatpickr-hour{font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important;outline:1px solid black !important}.numInputWrapper:hover .flatpickr-minute,.numInputWrapper:hover .flatpickr-hour,.flatpickr-minute:focus,.flatpickr-hour:focus{outline:1px solid var(--color-primary01) !important}.arrowUp,.arrowDown{width:calc(var(--space-unit) * 2) !important;height:calc(var(--space-unit) * 2) !important;padding:0 !important;border:none !important;opacity:1 !important}.arrowUp{margin-top:calc(var(--space-unit) / 2) !important;margin-right:calc(var(--space-unit) / 2) !important}.arrowDown{top:auto !important;margin-top:calc(var(--space-unit) * 3) !important;margin-right:calc(var(--space-unit) / 2) !important}.arrowUp:hover,.arrowDown:hover{border-color:var(--color-primary03) !important;background-color:var(--color-primary03) !important;border-radius:var(--border-radius);color:var(--color-hover-primary) !important}.arrowUp:active,.arrowDown:active{border-color:var(--color-surface01) !important;background-color:var(--color-surface01) !important;border-radius:var(--border-radius);box-shadow:var(--shadow-2) !important;color:var(--color-primary01) !important}.arrowUp::after,.arrowDown::after{padding:2.5px !important;border:solid var(--color-primary01) !important;border-width:0 1px 1px 0 !important}.arrowUp::after{top:0 !important;margin-top:6px !important;margin-left:5.5px !important;transform:rotate(-135deg)}.arrowDown::after{top:0 !important;left:5.5px !important;margin-top:4px !important;transform:rotate(45deg)}.flatpickr-day:not(.flatpickr-disabled).inRange:hover,.flatpickr-day:not(.flatpickr-disabled).today.inRange:hover,.flatpickr-day.prevMonthDay:not(.flatpickr-disabled).inRange:hover,.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange:hover{border-color:var(--color-hover-primary) !important;background-color:var(--color-hover-primary) !important}.flatpickr-day:not(.flatpickr-disabled).inRange,.flatpickr-day:not(.flatpickr-disabled).today.inRange,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.inRange,.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange{border-color:var(--color-primary03);background-color:var(--color-primary03)}.flatpickr-day:not(.flatpickr-disabled).startRange,.flatpickr-day:not(.flatpickr-disabled).endRange,.flatpickr-monthSelect-month:not(.flatpickr-disabled).startRange,.flatpickr-monthSelect-month:not(.flatpickr-disabled).endRange{border-color:var(--color-primary01) !important;background-color:var(--color-primary01) !important}.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.startRange,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.endRange{border-color:var(--color-primary01) !important;background-color:var(--color-primary01) !important}.flatpickr-range.second-input{cursor:pointer}.range-pickers-container{display:flex;gap:16px}';const m=class{constructor(a){t(this,a);this.dateSelect=r(this,"dateSelect",7);this.rangePickerId=undefined;this.firstAriaLabel=undefined;this.firstLabel=undefined;this.secondAriaLabel=undefined;this.secondLabel=undefined;this.mode=c.DATE;this.firstPickerReadOnly=false;this.lastPickerReadOnly=false;this.firstPickerPlaceholder="";this.lastPickerPlaceholder="";this.flatpickrPosition=s.BOTTOM;this.activeInput="start-input";this.firstInputError=false;this.lastInputError=false}handleClick(){this.getFocusedInput()}handleKeyDown(t){var r,a,e,i,n,o;const l=this.activeInput==="start-input"?this.firstPicker:this.lastPicker;this.getFocusedInput();if(t.key==="Escape"){document.activeElement.classList.contains(`${this.rangePickerId}-1`)&&((r=this.firstPicker)===null||r===void 0?void 0:r.close());document.activeElement.classList.contains(`${this.rangePickerId}-2`)&&((a=this.lastPicker)===null||a===void 0?void 0:a.close())}if(t.key==="Enter"||t.key===" "){if(document.activeElement.classList.contains(`${this.rangePickerId}-1`)||document.activeElement.classList.contains(`${this.rangePickerId}-2`)){l===null||l===void 0?void 0:l.open()}const r=document.activeElement.classList.contains("reset-icon");if(r){if(this.activeInput==="start-input"){this.firstInputError=false;(e=this.firstPicker)===null||e===void 0?void 0:e.clear();this.printDate(null,((i=this.lastPicker)===null||i===void 0?void 0:i.selectedDates[0])||null)}if(this.activeInput==="end-input"){this.lastInputError=false;(n=this.firstPicker)===null||n===void 0?void 0:n.clear();this.printDate(((o=this.firstPicker)===null||o===void 0?void 0:o.selectedDates[0])||null,null)}}const a=document.activeElement.classList.contains("flatpickr-prev-month");const p=document.activeElement.classList.contains("flatpickr-next-month");const c=a||p;c&&t.key===" "&&t.preventDefault();a&&(l===null||l===void 0?void 0:l.changeMonth(-1));p&&(l===null||l===void 0?void 0:l.changeMonth(1))}}componentDidLoad(){this.setupPickers()}setupFirstPickersReadOnly(){var t;(t=this.firstPicker)===null||t===void 0?void 0:t.set("clickOpens",!this.firstPickerReadOnly)}setupLastPickersReadOnly(){var t;(t=this.lastPicker)===null||t===void 0?void 0:t.set("clickOpens",!this.lastPickerReadOnly)}setupPickers(){const t={enableTime:this.mode===c.DATE_TIME,locale:n.Italian,allowInput:true,wrap:true,dateFormat:this.mode===c.DATE_TIME?"d-m-Y - H:i":"d-m-Y",ariaDateFormat:"d F Y",minuteIncrement:1,time_24hr:true,onValueUpdate:()=>{const t=this.activeInput==="start-input";const r=this.firstPicker.selectedDates[0];const a=this.lastPicker.selectedDates[0];if(+r>+a){if(t){this.firstInputError=true;this.printDate(null,a||null)}else{this.lastInputError=true;this.printDate(r||null,null)}}else{this.lastInputError=false;this.firstInputError=false;this.printDate(r||null,a||null)}this.setRangeStyle(0);this.setRangeStyle(1)},onChange:(t,r,a)=>{this.onDateSelect();this.setRangeStyle(a.input.classList.contains("start-input")?0:1)},onOpen:(t,r,a)=>{o(this.element,this.mode);this.flatpickrPosition=p(this.element,this.mode);this.setRangeStyle(a.input.classList.contains("start-input")?0:1);this.getFocusedInput()},onYearChange:(t,r,a)=>{this.setRangeStyle(a.input.classList.contains("start-input")?0:1)},onMonthChange:(t,r,a)=>{this.setRangeStyle(a.input.classList.contains("start-input")?0:1)},onKeyDown:()=>{o(this.element,this.mode)}};this.firstPicker=i(`.${this.rangePickerId}-1-container`,Object.assign(Object.assign({},Object.assign(Object.assign({},t),{clickOpens:!this.firstPickerReadOnly})),{mode:"single",appendTo:this.element.querySelector(`.${this.rangePickerId}-1-wrapper`)}));this.lastPicker=i(`.${this.rangePickerId}-2-container`,Object.assign(Object.assign({},Object.assign(Object.assign({},t),{clickOpens:!this.lastPickerReadOnly})),{mode:"single",appendTo:this.element.querySelector(`.${this.rangePickerId}-2-wrapper`)}));this.element.querySelectorAll(".flatpickr-weekday").forEach((t=>{t.innerHTML=t.innerHTML.trim().charAt(0)}))}onDateSelect(){const t=this.activeInput==="start-input";const r=this.firstPicker.selectedDates[0];const a=this.lastPicker.selectedDates[0];if(+r>+a){if(t){this.firstInputError=true;this.printDate(null,a||null)}else{this.lastInputError=true;this.printDate(r||null,null)}}else{this.lastInputError=false;this.firstInputError=false;this.printDate(r||null,a||null)}}disableDates(t,r){const a=this.element.getElementsByClassName("flatpickr-calendar")[r];Array.from(a.getElementsByClassName("flatpickr-day")).forEach((a=>{const e=this.getDateWithoutTime(this.replaceMonths(a.ariaLabel,null));const i=this.getDateWithoutTime(t);const n=r===0?e>i:e<i;if(n){a.classList.toggle("flatpickr-disabled",true)}else{a.classList.toggle("flatpickr-disabled",false)}}));o(this.element,this.mode)}formatDate(t){if(this.mode===c.DATE){return`${i.formatDate(t,"d-m-Y")}`}return`${i.formatDate(t,"d-m-Y - H:i")}`}printDate(t,r){const a=t?this.formatDate(t):null;const e=r?this.formatDate(r):null;this.dateSelect.emit([a,e])}getDateWithoutTime(t){const r=new Date(t.getFullYear(),t.getMonth(),t.getDate(),0,0);return r}replaceMonths(t,r){const a=t.split(" ")[1];const e={Gennaio:"01",Febbraio:"02",Marzo:"03",Aprile:"04",Maggio:"05",Giugno:"06",Luglio:"07",Agosto:"08",Settembre:"09",Ottobre:"10",Novembre:"11",Dicembre:"12"};const i=t.replace(a,e[a]).split(" ");return new Date(parseInt(i[2]),parseInt(i[1])-1,parseInt(i[0]),r?parseInt(r.split(":")[0]):0,r?parseInt(r.split(":")[1]):0)}getFocusedInput(){const t=document.activeElement.closest("z-input");if(!t){return}if(t===null||t===void 0?void 0:t.classList.contains("start-input")){this.activeInput="start-input"}else if(t.classList.contains("end-input")){this.activeInput="end-input"}}setRangeStyle(t){Array.from(this.element.getElementsByClassName("flatpickr-calendar")).forEach((r=>{Array.from(r.getElementsByClassName("flatpickr-day")).forEach((r=>{const a=this.firstPicker.selectedDates.length===1;const e=this.lastPicker.selectedDates.length===1;let i;let n;const o=this.getDateWithoutTime(this.replaceMonths(r.ariaLabel,null));if(a){i=this.getDateWithoutTime(this.firstPicker.selectedDates[0]);if(+o===+i){r.classList.toggle("startRange",true)}else{r.classList.toggle("startRange",false)}}if(e){n=this.getDateWithoutTime(this.lastPicker.selectedDates[0]);if(+o===+n){r.classList.toggle("endRange",true)}else{r.classList.toggle("endRange",false)}}if(a&&e){if(o>i&&o<n){r.classList.toggle("inRange",true)}else{r.classList.toggle("inRange",false)}}if(t===0&&e){this.disableDates(this.lastPicker.selectedDates[0],t)}if(t===1&&a){this.disableDates(this.firstPicker.selectedDates[0],t)}}))}))}onStopTyping(t){const r=t.detail.value.replace("/","-");const a=r.split("-");const e=this.mode===c.DATE_TIME?`T${a[3]}:00`:"";const i=`${a[2]}-${a[1]}-${a[0]}${e}`.split(" ").join("");const n=l(r,this.mode===c.DATE_TIME);const o=Date.parse(i).toString();if(this.activeInput==="start-input"){if(r===""){this.firstInputError=false;this.firstPicker.setDate([]);this.printDate(null,this.lastPicker.selectedDates[0]||null)}else if(!n){this.firstInputError=true;this.printDate(null,this.lastPicker.selectedDates[0]||null)}else if(n){if(this.lastPicker.selectedDates.length===1){if(+o<=+this.lastPicker.selectedDates[0]){this.firstInputError=false;this.firstPicker.setDate([r]);this.printDate(new Date(i),this.lastPicker.selectedDates[0])}else{this.firstInputError=true;this.printDate(null,this.lastPicker.selectedDates[0])}}else{this.firstInputError=false;this.firstPicker.setDate([r]);this.printDate(new Date(i),null)}}}else if(r===""){this.lastInputError=false;this.lastPicker.setDate([]);this.printDate(this.firstPicker.selectedDates[0]||null,null)}else if(!n){this.lastInputError=true;this.printDate(this.firstPicker.selectedDates[0]||null,null)}else if(n){if(this.firstPicker.selectedDates.length===1){if(+o>=+this.firstPicker.selectedDates[0]){this.lastInputError=false;this.lastPicker.setDate([r]);this.printDate(this.firstPicker.selectedDates[0],new Date(i))}else{this.lastInputError=true;this.printDate(this.firstPicker.selectedDates[0],null)}}else{this.lastInputError=false;this.lastPicker.setDate([r]);this.printDate(null,new Date(i))}}this.setRangeStyle(this.activeInput==="start-input"?0:1)}render(){const t={type:d.TEXT,icon:"event",tabindex:"0",message:false,onStopTyping:this.onStopTyping.bind(this),value:""};return a("div",{key:"49f0ff8d78e0eef4022df4c2b36723aa2c286887",class:{["range-pickers-container"]:true,[this.mode]:true,[this.activeInput]:true,[this.flatpickrPosition]:true}},a("div",{key:"6f81bf4e43dce3dc0f504436187bd6707dd36c11",class:`${this.rangePickerId}-1-wrapper`},a("div",{key:"64f287e685b97c97981ec10888558b6bd411d67d",class:`${this.rangePickerId}-1-container`},a("z-input",Object.assign({key:"efc2d08365191259ec9f8c2676c580d9468e580a"},t,{placeholder:this.firstPickerPlaceholder,readonly:this.firstPickerReadOnly,"data-input":"data-input",class:`start-input ${this.rangePickerId}-1`,ariaLabel:this.firstAriaLabel,label:this.firstLabel,status:this.firstInputError&&f.ERROR,onStartTyping:()=>{this.firstInputError=false}})))),a("div",{key:"9b7e0609fd19829960a6497b2d832b7154130b63",class:`${this.rangePickerId}-2-wrapper`},a("div",{key:"e4dc9455d70128290d917c446bb6717c3a66e533",class:`${this.rangePickerId}-2-container`},a("z-input",Object.assign({key:"49496eafd526860075d65895d0489fce267f11ad"},t,{placeholder:this.lastPickerPlaceholder,readonly:this.lastPickerReadOnly,"data-input":"data-input",class:`end-input ${this.rangePickerId}-2`,ariaLabel:this.secondAriaLabel,label:this.secondLabel,status:this.lastInputError&&f.ERROR,onStartTyping:()=>{this.lastInputError=false}})))))}get element(){return e(this)}static get watchers(){return{firstPickerReadOnly:["setupFirstPickersReadOnly"],lastPickerReadOnly:["setupLastPickersReadOnly"],mode:["setupPickers"]}}};m.style=h;export{m as z_range_picker};
+//# sourceMappingURL=p-e46785e6.entry.js.map

package/www/build/p-e46785e6.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZRangePicker","constructor","hostRef","this","rangePickerId","undefined","firstAriaLabel","firstLabel","secondAriaLabel","secondLabel","mode","ZRangePickerMode","DATE","firstPickerReadOnly","lastPickerReadOnly","firstPickerPlaceholder","lastPickerPlaceholder","flatpickrPosition","ZDatePickerPosition","BOTTOM","activeInput","firstInputError","lastInputError","handleClick","getFocusedInput","handleKeyDown","ev","_a","_b","_c","_d","_e","_f","currentPicker","firstPicker","lastPicker","key","document","activeElement","classList","contains","close","open","isCrossIconEntered","clear","printDate","selectedDates","isPrevArrowEntered","isNextArrowEntered","arrowPressed","preventDefault","changeMonth","componentDidLoad","setupPickers","setupFirstPickersReadOnly","set","setupLastPickersReadOnly","config","enableTime","DATE_TIME","locale","Italian","allowInput","wrap","dateFormat","ariaDateFormat","minuteIncrement","time_24hr","onValueUpdate","firstInputActive","firstDate","lastDate","setRangeStyle","onChange","_selectedDates","_dateStr","instance","onDateSelect","input","onOpen","setAriaOptions","element","setFlatpickrPosition","onYearChange","onMonthChange","onKeyDown","flatpickr","Object","assign","clickOpens","appendTo","querySelector","querySelectorAll","forEach","innerHTML","trim","charAt","disableDates","date","index","calendar","getElementsByClassName","Array","from","calendarDate","getDateWithoutTime","replaceMonths","ariaLabel","breakpoint","inRange","toggle","formatDate","firstDateString","lastDateString","dateSelect","emit","newDate","Date","getFullYear","getMonth","getDate","time","month","split","months","Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre","pieces","replace","parseInt","focusedZInput","closest","hasFirstDate","length","hasLastDate","onStopTyping","value","text","detail","englishData","englishParsedData","join","isValidDate","validateDate","parse","toString","setDate","render","zInputProps","type","InputType","TEXT","icon","tabindex","message","bind","h","class","placeholder","readonly","label","status","InputStatus","ERROR","onStartTyping"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/date-picker/styles.css?tag=z-range-picker","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/date-picker/z-range-picker/index.js"],"sourcesContent":[".flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*\n      /*rtl:begin:ignore*/left:0/*\n      /*rtl:end:ignore*/}/*\n      /*rtl:begin:ignore*/\n/*\n      /*rtl:end:ignore*/\n.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*\n      /*rtl:begin:ignore*/right:0/*\n      /*rtl:end:ignore*/}/*\n      /*rtl:begin:ignore*/\n/*\n      /*rtl:end:ignore*/\n.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:\"\";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:\"\";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}\n.flatpickr-monthSelect-months {\n  margin: 10px 1px 3px 1px;\n  flex-wrap: wrap;\n}\n\n.flatpickr-monthSelect-month {\n  background: none;\n  border: 1px solid transparent;\n  border-radius: 4px;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  color: #393939;\n  cursor: pointer;\n  display: inline-block;\n  font-weight: 400;\n  margin: 0.5px;\n  justify-content: center;\n  padding: 10px;\n  position: relative;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n  -ms-flex-pack: center;\n  text-align: center;\n  width: 33%;\n}\n\n.flatpickr-monthSelect-month.flatpickr-disabled {\n\tcolor: #eee;\n}\n\n.flatpickr-monthSelect-month.flatpickr-disabled:hover,\n.flatpickr-monthSelect-month.flatpickr-disabled:focus {\n\tcursor: not-allowed;\n\tbackground: none !important;\n}\n\n.flatpickr-monthSelect-theme-dark {\n  background: #3f4458;\n}\n\n.flatpickr-monthSelect-theme-dark .flatpickr-current-month input.cur-year {\n  color: #fff;\n}\n\n.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-prev-month,\n.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-next-month {\n  color: #fff;\n  fill: #fff;\n}\n\n.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month {\n  color: rgba(255, 255, 255, 0.95);\n}\n\n.flatpickr-monthSelect-month.today {\n  border-color: #959ea9;\n}\n\n.flatpickr-monthSelect-month.inRange,\n.flatpickr-monthSelect-month.inRange.today,\n.flatpickr-monthSelect-month:hover,\n.flatpickr-monthSelect-month:focus {\n  background: #e6e6e6;\n  cursor: pointer;\n  outline: 0;\n  border-color: #e6e6e6;\n}\n\n.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.inRange,\n.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:hover,\n.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:focus {\n  background: #646c8c;\n  border-color: #646c8c;\n}\n\n.flatpickr-monthSelect-month.today:hover,\n.flatpickr-monthSelect-month.today:focus {\n  background: #959ea9;\n  border-color: #959ea9;\n  color: #fff;\n}\n\n.flatpickr-monthSelect-month.selected,\n.flatpickr-monthSelect-month.startRange,\n.flatpickr-monthSelect-month.endRange {\n  background-color: #569ff7;\n  box-shadow: none;\n  color: #fff;\n  border-color: #569ff7;\n}\n\n.flatpickr-monthSelect-month.startRange {\n  border-radius: 50px 0 0 50px;\n}\n\n.flatpickr-monthSelect-month.endRange {\n  border-radius: 0 50px 50px 0;\n}\n\n.flatpickr-monthSelect-month.startRange.endRange {\n  border-radius: 50px;\n}\n\n.flatpickr-monthSelect-month.inRange {\n  border-radius: 0;\n  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\n}\n\n.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected,\n.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.startRange,\n.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.endRange {\n  background: #80cbc4;\n  -webkit-box-shadow: none;\n  box-shadow: none;\n  color: #fff;\n  border-color: #80cbc4;\n}\n\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 { h } from \"@stencil/core\";\nimport flatpickr from \"flatpickr\";\nimport { Italian } from \"flatpickr/dist/l10n/it.js\";\nimport { InputStatus, InputType, ZDatePickerPosition, ZRangePickerMode } from \"../../../beans\";\nimport { setAriaOptions, setFlatpickrPosition, validateDate } from \"../utils\";\nexport class ZRangePicker {\n    constructor() {\n        this.rangePickerId = undefined;\n        this.firstAriaLabel = undefined;\n        this.firstLabel = undefined;\n        this.secondAriaLabel = undefined;\n        this.secondLabel = undefined;\n        this.mode = ZRangePickerMode.DATE;\n        this.firstPickerReadOnly = false;\n        this.lastPickerReadOnly = false;\n        this.firstPickerPlaceholder = \"\";\n        this.lastPickerPlaceholder = \"\";\n        this.flatpickrPosition = ZDatePickerPosition.BOTTOM;\n        this.activeInput = \"start-input\";\n        this.firstInputError = false;\n        this.lastInputError = false;\n    }\n    handleClick() {\n        this.getFocusedInput();\n    }\n    handleKeyDown(ev) {\n        var _a, _b, _c, _d, _e, _f;\n        const currentPicker = this.activeInput === \"start-input\" ? this.firstPicker : this.lastPicker;\n        this.getFocusedInput();\n        if (ev.key === \"Escape\") {\n            document.activeElement.classList.contains(`${this.rangePickerId}-1`) && ((_a = this.firstPicker) === null || _a === void 0 ? void 0 : _a.close());\n            document.activeElement.classList.contains(`${this.rangePickerId}-2`) && ((_b = this.lastPicker) === null || _b === void 0 ? void 0 : _b.close());\n        }\n        if (ev.key === \"Enter\" || ev.key === \" \") {\n            if (document.activeElement.classList.contains(`${this.rangePickerId}-1`) ||\n                document.activeElement.classList.contains(`${this.rangePickerId}-2`)) {\n                currentPicker === null || currentPicker === void 0 ? void 0 : currentPicker.open();\n            }\n            const isCrossIconEntered = document.activeElement.classList.contains(\"reset-icon\");\n            if (isCrossIconEntered) {\n                if (this.activeInput === \"start-input\") {\n                    this.firstInputError = false;\n                    (_c = this.firstPicker) === null || _c === void 0 ? void 0 : _c.clear();\n                    this.printDate(null, ((_d = this.lastPicker) === null || _d === void 0 ? void 0 : _d.selectedDates[0]) || null);\n                }\n                if (this.activeInput === \"end-input\") {\n                    this.lastInputError = false;\n                    (_e = this.firstPicker) === null || _e === void 0 ? void 0 : _e.clear();\n                    this.printDate(((_f = this.firstPicker) === null || _f === void 0 ? void 0 : _f.selectedDates[0]) || null, null);\n                }\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            arrowPressed && ev.key === \" \" && ev.preventDefault();\n            isPrevArrowEntered && (currentPicker === null || currentPicker === void 0 ? void 0 : currentPicker.changeMonth(-1));\n            isNextArrowEntered && (currentPicker === null || currentPicker === void 0 ? void 0 : currentPicker.changeMonth(1));\n        }\n    }\n    componentDidLoad() {\n        this.setupPickers();\n    }\n    setupFirstPickersReadOnly() {\n        var _a;\n        (_a = this.firstPicker) === null || _a === void 0 ? void 0 : _a.set(\"clickOpens\", !this.firstPickerReadOnly);\n    }\n    setupLastPickersReadOnly() {\n        var _a;\n        (_a = this.lastPicker) === null || _a === void 0 ? void 0 : _a.set(\"clickOpens\", !this.lastPickerReadOnly);\n    }\n    setupPickers() {\n        const config = {\n            enableTime: this.mode === ZRangePickerMode.DATE_TIME,\n            locale: Italian,\n            allowInput: true,\n            wrap: true,\n            dateFormat: this.mode === ZRangePickerMode.DATE_TIME ? \"d-m-Y - H:i\" : \"d-m-Y\",\n            ariaDateFormat: \"d F Y\",\n            minuteIncrement: 1,\n            // eslint-disable-next-line @typescript-eslint/naming-convention\n            time_24hr: true,\n            onValueUpdate: () => {\n                const firstInputActive = this.activeInput === \"start-input\";\n                const firstDate = this.firstPicker.selectedDates[0];\n                const lastDate = this.lastPicker.selectedDates[0];\n                if (+firstDate > +lastDate) {\n                    if (firstInputActive) {\n                        this.firstInputError = true;\n                        this.printDate(null, lastDate || null);\n                    }\n                    else {\n                        this.lastInputError = true;\n                        this.printDate(firstDate || null, null);\n                    }\n                }\n                else {\n                    this.lastInputError = false;\n                    this.firstInputError = false;\n                    this.printDate(firstDate || null, lastDate || null);\n                }\n                this.setRangeStyle(0);\n                this.setRangeStyle(1);\n            },\n            onChange: (_selectedDates, _dateStr, instance) => {\n                this.onDateSelect();\n                this.setRangeStyle(instance.input.classList.contains(\"start-input\") ? 0 : 1);\n            },\n            onOpen: (_selectedDates, _dateStr, instance) => {\n                setAriaOptions(this.element, this.mode);\n                this.flatpickrPosition = setFlatpickrPosition(this.element, this.mode);\n                this.setRangeStyle(instance.input.classList.contains(\"start-input\") ? 0 : 1);\n                this.getFocusedInput();\n            },\n            onYearChange: (_selectedDates, _dateStr, instance) => {\n                this.setRangeStyle(instance.input.classList.contains(\"start-input\") ? 0 : 1);\n            },\n            onMonthChange: (_selectedDates, _dateStr, instance) => {\n                this.setRangeStyle(instance.input.classList.contains(\"start-input\") ? 0 : 1);\n            },\n            onKeyDown: () => {\n                setAriaOptions(this.element, this.mode);\n            },\n        };\n        this.firstPicker = flatpickr(`.${this.rangePickerId}-1-container`, Object.assign(Object.assign({}, Object.assign(Object.assign({}, config), { clickOpens: !this.firstPickerReadOnly })), { mode: \"single\", appendTo: this.element.querySelector(`.${this.rangePickerId}-1-wrapper`) }));\n        this.lastPicker = flatpickr(`.${this.rangePickerId}-2-container`, Object.assign(Object.assign({}, Object.assign(Object.assign({}, config), { clickOpens: !this.lastPickerReadOnly })), { mode: \"single\", appendTo: this.element.querySelector(`.${this.rangePickerId}-2-wrapper`) }));\n        this.element.querySelectorAll(\".flatpickr-weekday\").forEach((element) => {\n            element.innerHTML = element.innerHTML.trim().charAt(0);\n        });\n    }\n    onDateSelect() {\n        const firstInputActive = this.activeInput === \"start-input\";\n        const firstDate = this.firstPicker.selectedDates[0];\n        const lastDate = this.lastPicker.selectedDates[0];\n        if (+firstDate > +lastDate) {\n            if (firstInputActive) {\n                this.firstInputError = true;\n                this.printDate(null, lastDate || null);\n            }\n            else {\n                this.lastInputError = true;\n                this.printDate(firstDate || null, null);\n            }\n        }\n        else {\n            this.lastInputError = false;\n            this.firstInputError = false;\n            this.printDate(firstDate || null, lastDate || null);\n        }\n    }\n    disableDates(date, index) {\n        const calendar = this.element.getElementsByClassName(\"flatpickr-calendar\")[index];\n        Array.from(calendar.getElementsByClassName(\"flatpickr-day\")).forEach((element) => {\n            const calendarDate = this.getDateWithoutTime(this.replaceMonths(element.ariaLabel, null));\n            const breakpoint = this.getDateWithoutTime(date);\n            const inRange = index === 0 ? calendarDate > breakpoint : calendarDate < breakpoint;\n            if (inRange) {\n                element.classList.toggle(\"flatpickr-disabled\", true);\n            }\n            else {\n                element.classList.toggle(\"flatpickr-disabled\", false);\n            }\n        });\n        setAriaOptions(this.element, this.mode);\n    }\n    formatDate(date) {\n        if (this.mode === ZRangePickerMode.DATE) {\n            return `${flatpickr.formatDate(date, \"d-m-Y\")}`;\n        }\n        return `${flatpickr.formatDate(date, \"d-m-Y - H:i\")}`;\n    }\n    printDate(firstDate, lastDate) {\n        const firstDateString = firstDate ? this.formatDate(firstDate) : null;\n        const lastDateString = lastDate ? this.formatDate(lastDate) : null;\n        this.dateSelect.emit([firstDateString, lastDateString]);\n    }\n    getDateWithoutTime(date) {\n        const newDate = new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0);\n        return newDate;\n    }\n    /** Replace month word to month number */\n    replaceMonths(date, time) {\n        const month = date.split(\" \")[1];\n        const months = {\n            /* eslint-disable @typescript-eslint/naming-convention */\n            Gennaio: \"01\",\n            Febbraio: \"02\",\n            Marzo: \"03\",\n            Aprile: \"04\",\n            Maggio: \"05\",\n            Giugno: \"06\",\n            Luglio: \"07\",\n            Agosto: \"08\",\n            Settembre: \"09\",\n            Ottobre: \"10\",\n            Novembre: \"11\",\n            Dicembre: \"12\",\n            /* eslint-enable @typescript-eslint/naming-convention */\n        };\n        const pieces = date.replace(month, months[month]).split(\" \");\n        return new Date(parseInt(pieces[2]), parseInt(pieces[1]) - 1, parseInt(pieces[0]), time ? parseInt(time.split(\":\")[0]) : 0, time ? parseInt(time.split(\":\")[1]) : 0);\n    }\n    /** Get the current focused input, first or last */\n    getFocusedInput() {\n        const focusedZInput = document.activeElement.closest(\"z-input\");\n        if (!focusedZInput) {\n            return;\n        }\n        if (focusedZInput === null || focusedZInput === void 0 ? void 0 : focusedZInput.classList.contains(\"start-input\")) {\n            this.activeInput = \"start-input\";\n        }\n        else if (focusedZInput.classList.contains(\"end-input\")) {\n            this.activeInput = \"end-input\";\n        }\n    }\n    /** Set style of the days between the two selected dates */\n    setRangeStyle(index) {\n        Array.from(this.element.getElementsByClassName(\"flatpickr-calendar\")).forEach((element) => {\n            Array.from(element.getElementsByClassName(\"flatpickr-day\")).forEach((element) => {\n                const hasFirstDate = this.firstPicker.selectedDates.length === 1;\n                const hasLastDate = this.lastPicker.selectedDates.length === 1;\n                let firstDate;\n                let lastDate;\n                const date = this.getDateWithoutTime(this.replaceMonths(element.ariaLabel, null));\n                if (hasFirstDate) {\n                    firstDate = this.getDateWithoutTime(this.firstPicker.selectedDates[0]);\n                    if (+date === +firstDate) {\n                        element.classList.toggle(\"startRange\", true);\n                    }\n                    else {\n                        element.classList.toggle(\"startRange\", false);\n                    }\n                }\n                if (hasLastDate) {\n                    lastDate = this.getDateWithoutTime(this.lastPicker.selectedDates[0]);\n                    if (+date === +lastDate) {\n                        element.classList.toggle(\"endRange\", true);\n                    }\n                    else {\n                        element.classList.toggle(\"endRange\", false);\n                    }\n                }\n                if (hasFirstDate && hasLastDate) {\n                    if (date > firstDate && date < lastDate) {\n                        element.classList.toggle(\"inRange\", true);\n                    }\n                    else {\n                        element.classList.toggle(\"inRange\", false);\n                    }\n                }\n                if (index === 0 && hasLastDate) {\n                    this.disableDates(this.lastPicker.selectedDates[0], index);\n                }\n                if (index === 1 && hasFirstDate) {\n                    this.disableDates(this.firstPicker.selectedDates[0], index);\n                }\n            });\n        });\n    }\n    onStopTyping(value) {\n        const text = value.detail.value.replace(\"/\", \"-\");\n        const englishData = text.split(\"-\");\n        const time = this.mode === ZRangePickerMode.DATE_TIME ? `T${englishData[3]}:00` : \"\";\n        const englishParsedData = `${englishData[2]}-${englishData[1]}-${englishData[0]}${time}`.split(\" \").join(\"\");\n        const isValidDate = validateDate(text, this.mode === ZRangePickerMode.DATE_TIME);\n        const date = Date.parse(englishParsedData).toString();\n        if (this.activeInput === \"start-input\") {\n            if (text === \"\") {\n                this.firstInputError = false;\n                this.firstPicker.setDate([]);\n                this.printDate(null, this.lastPicker.selectedDates[0] || null);\n            }\n            else if (!isValidDate) {\n                this.firstInputError = true;\n                this.printDate(null, this.lastPicker.selectedDates[0] || null);\n            }\n            else if (isValidDate) {\n                if (this.lastPicker.selectedDates.length === 1) {\n                    if (+date <= +this.lastPicker.selectedDates[0]) {\n                        this.firstInputError = false;\n                        this.firstPicker.setDate([text]);\n                        this.printDate(new Date(englishParsedData), this.lastPicker.selectedDates[0]);\n                    }\n                    else {\n                        this.firstInputError = true;\n                        this.printDate(null, this.lastPicker.selectedDates[0]);\n                    }\n                }\n                else {\n                    this.firstInputError = false;\n                    this.firstPicker.setDate([text]);\n                    this.printDate(new Date(englishParsedData), null);\n                }\n            }\n        }\n        else if (text === \"\") {\n            this.lastInputError = false;\n            this.lastPicker.setDate([]);\n            this.printDate(this.firstPicker.selectedDates[0] || null, null);\n        }\n        else if (!isValidDate) {\n            this.lastInputError = true;\n            this.printDate(this.firstPicker.selectedDates[0] || null, null);\n        }\n        else if (isValidDate) {\n            if (this.firstPicker.selectedDates.length === 1) {\n                if (+date >= +this.firstPicker.selectedDates[0]) {\n                    this.lastInputError = false;\n                    this.lastPicker.setDate([text]);\n                    this.printDate(this.firstPicker.selectedDates[0], new Date(englishParsedData));\n                }\n                else {\n                    this.lastInputError = true;\n                    this.printDate(this.firstPicker.selectedDates[0], null);\n                }\n            }\n            else {\n                this.lastInputError = false;\n                this.lastPicker.setDate([text]);\n                this.printDate(null, new Date(englishParsedData));\n            }\n        }\n        this.setRangeStyle(this.activeInput === \"start-input\" ? 0 : 1);\n    }\n    render() {\n        const zInputProps = {\n            type: InputType.TEXT,\n            icon: \"event\",\n            tabindex: \"0\",\n            message: false,\n            onStopTyping: this.onStopTyping.bind(this),\n            value: \"\",\n        };\n        return (h(\"div\", { key: '49f0ff8d78e0eef4022df4c2b36723aa2c286887', class: {\n                [\"range-pickers-container\"]: true,\n                [this.mode]: true,\n                [this.activeInput]: true,\n                [this.flatpickrPosition]: true,\n            } }, h(\"div\", { key: '6f81bf4e43dce3dc0f504436187bd6707dd36c11', class: `${this.rangePickerId}-1-wrapper` }, h(\"div\", { key: '64f287e685b97c97981ec10888558b6bd411d67d', class: `${this.rangePickerId}-1-container` }, h(\"z-input\", Object.assign({ key: 'efc2d08365191259ec9f8c2676c580d9468e580a' }, zInputProps, { placeholder: this.firstPickerPlaceholder, readonly: this.firstPickerReadOnly, \"data-input\": \"data-input\", class: `start-input ${this.rangePickerId}-1`, ariaLabel: this.firstAriaLabel, label: this.firstLabel, status: this.firstInputError && InputStatus.ERROR, onStartTyping: () => {\n                this.firstInputError = false;\n            } })))), h(\"div\", { key: '9b7e0609fd19829960a6497b2d832b7154130b63', class: `${this.rangePickerId}-2-wrapper` }, h(\"div\", { key: 'e4dc9455d70128290d917c446bb6717c3a66e533', class: `${this.rangePickerId}-2-container` }, h(\"z-input\", Object.assign({ key: '49496eafd526860075d65895d0489fce267f11ad' }, zInputProps, { placeholder: this.lastPickerPlaceholder, readonly: this.lastPickerReadOnly, \"data-input\": \"data-input\", class: `end-input ${this.rangePickerId}-2`, ariaLabel: this.secondAriaLabel, label: this.secondLabel, status: this.lastInputError && InputStatus.ERROR, onStartTyping: () => {\n                this.lastInputError = false;\n            } }))))));\n    }\n    static get is() { return \"z-range-picker\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"../styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"../styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"rangePickerId\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"unique id\"\n                },\n                \"attribute\": \"range-picker-id\",\n                \"reflect\": false\n            },\n            \"firstAriaLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"first z-input aria label\"\n                },\n                \"attribute\": \"first-aria-label\",\n                \"reflect\": false\n            },\n            \"firstLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"first z-input label\"\n                },\n                \"attribute\": \"first-label\",\n                \"reflect\": false\n            },\n            \"secondAriaLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"second z-input aria label\"\n                },\n                \"attribute\": \"second-aria-label\",\n                \"reflect\": false\n            },\n            \"secondLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"second z-input label\"\n                },\n                \"attribute\": \"second-label\",\n                \"reflect\": false\n            },\n            \"mode\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ZRangePickerMode\",\n                    \"resolved\": \"ZRangePickerMode.DATE | ZRangePickerMode.DATE_TIME\",\n                    \"references\": {\n                        \"ZRangePickerMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../beans\",\n                            \"id\": \"src/beans/index.tsx::ZRangePickerMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[Optional] datepicker mode: date or datetime\"\n                },\n                \"attribute\": \"mode\",\n                \"reflect\": false,\n                \"defaultValue\": \"ZRangePickerMode.DATE\"\n            },\n            \"firstPickerReadOnly\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"readonly mode\"\n                },\n                \"attribute\": \"first-picker-read-only\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"lastPickerReadOnly\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"readonly mode\"\n                },\n                \"attribute\": \"last-picker-read-only\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"firstPickerPlaceholder\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"readonly mode\"\n                },\n                \"attribute\": \"first-picker-placeholder\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"lastPickerPlaceholder\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"readonly mode\"\n                },\n                \"attribute\": \"last-picker-placeholder\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"flatpickrPosition\": {},\n            \"activeInput\": {},\n            \"firstInputError\": {},\n            \"lastInputError\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"dateSelect\",\n                \"name\": \"dateSelect\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"emitted when date changes, returns an array with the two selected dates\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"element\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"firstPickerReadOnly\",\n                \"methodName\": \"setupFirstPickersReadOnly\"\n            }, {\n                \"propName\": \"lastPickerReadOnly\",\n                \"methodName\": \"setupLastPickersReadOnly\"\n            }, {\n                \"propName\": \"mode\",\n                \"methodName\": \"setupPickers\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"click\",\n                \"method\": \"handleClick\",\n                \"target\": \"body\",\n                \"capture\": true,\n                \"passive\": false\n            }, {\n                \"name\": \"keyup\",\n                \"method\": \"handleKeyDown\",\n                \"target\": \"body\",\n                \"capture\": true,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-e60b79de.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as a,H as n,g as t}from"./p-Cam6wBSi.js";import{B as i}from"./p-B2-dCTD2.js";const r="html{scroll-behavior:smooth}z-anchor-navigation nav{display:none;flex-direction:column;justify-content:flex-start;row-gap:calc(var(--space-unit) / 2)}z-anchor-navigation[collapsed] nav{display:flex;margin-top:var(--space-unit)}z-anchor-navigation nav a{display:-webkit-box;overflow:clip;width:100%;box-sizing:border-box;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);-webkit-box-orient:vertical;font-weight:inherit;-webkit-line-clamp:2;line-clamp:2;overflow-clip-margin:content-box;text-decoration:none}z-anchor-navigation nav>* a{color:inherit}z-anchor-navigation nav * a:not(:only-child){padding-right:calc(var(--space-unit) * 5)}@supports not (overflow-clip-margin: content-box){z-anchor-navigation nav a{display:inline-block;overflow:hidden;-webkit-line-clamp:none;line-clamp:none;text-overflow:ellipsis;white-space:nowrap}}z-anchor-navigation nav>*{position:relative;border-left:var(--border-size-large) solid var(--color-default-icon);color:var(--color-default-text);font-family:var(--font-family-sans);transition:background-color 0.3s ease-in-out,\n    border-color 0.3s ease-in-out,\n    color 0.3s ease-in-out}z-anchor-navigation nav>[data-current]{border-left-color:var(--color-primary01);color:var(--color-primary01);font-weight:var(--font-sb)}z-anchor-navigation nav>*>*:is(z-button,button){position:absolute;top:50%;right:0;transform:translateY(-50%);transition:opacity 0.3s ease-in-out}z-anchor-navigation nav>*:focus:focus-visible,z-anchor-navigation nav>*>*:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}z-anchor-navigation nav button{padding:0;border:none;margin:0;background-color:transparent}@media (min-width: 768px){z-anchor-navigation z-button.toggle{display:none !important}z-anchor-navigation nav{display:flex}z-anchor-navigation nav>*>:is(z-button,button){opacity:0;pointer-events:none}@media (hover: hover){z-anchor-navigation nav>:is([data-current],:hover,:focus,:focus-within)>:is(z-button,button){fill:var(--color-default-icon);opacity:1;pointer-events:unset}z-anchor-navigation nav>*:hover{border-left-color:var(--color-hover-primary);background-color:var(--color-background);color:var(--color-hover-primary)}}z-anchor-navigation[hide-unselected] nav>*:not([data-current],:hover,:focus,:focus-within){color:transparent;fill:transparent}}";const e=class{constructor(a){o(this,a);this.hideUnselected=false;this.autoCurrent=true;this.collapsedLabel="salta a";this.collapsed=false}setCurrent(){const o=Array.from(this.nav.querySelectorAll("a")).find((o=>o.href===this.host.ownerDocument.location.href));Array.from(this.nav.children).forEach((a=>{const n=a instanceof HTMLAnchorElement?a:a.querySelector("a");const t=n===o;n.setAttribute("aria-current",t.toString());a.toggleAttribute("data-current",t)}))}toggleCollapsed(){this.collapsed=!this.collapsed}componentDidLoad(){if(this.autoCurrent){window.addEventListener("hashchange",this.setCurrent.bind(this));this.setCurrent()}}disconnectedCallback(){window.removeEventListener("hashchange",this.setCurrent)}render(){return a(n,{key:"3a2bc3f92ecf223c95987e33c48e14bb03909fac",collapsed:this.collapsed},a("z-button",{key:"5d88809c9fcc1a1ea1d163c3111367038da64f19",class:"toggle",variant:i.SECONDARY,icon:this.collapsed?"chevron-up":"chevron-down",onClick:this.toggleCollapsed.bind(this)},this.collapsedLabel),a("nav",{key:"9f9eabbc84d1fe9ef578cc44b2a73d871c658ab5",ref:o=>this.nav=o},a("slot",{key:"44a486e2caa4b56f8556494f6fd8c4da8e076e7e"})))}get host(){return t(this)}};e.style=r;export{e as z_anchor_navigation};
+//# sourceMappingURL=p-e60b79de.entry.js.map

package/www/build/p-e60b79de.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZAnchorNavigation","constructor","hostRef","this","hideUnselected","autoCurrent","collapsedLabel","collapsed","setCurrent","currentElement","Array","from","nav","querySelectorAll","find","anchor","href","host","ownerDocument","location","children","forEach","item","HTMLAnchorElement","querySelector","isCurrent","setAttribute","toString","toggleAttribute","toggleCollapsed","componentDidLoad","window","addEventListener","bind","disconnectedCallback","removeEventListener","render","h","Host","key","class","variant","ButtonVariant","SECONDARY","icon","onClick","ref","el"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-anchor-navigation/styles.css?tag=z-anchor-navigation","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-anchor-navigation/index.js"],"sourcesContent":["html {\n  scroll-behavior: smooth;\n}\n\nz-anchor-navigation nav {\n  display: none;\n  flex-direction: column;\n  justify-content: flex-start;\n  row-gap: calc(var(--space-unit) / 2);\n}\n\nz-anchor-navigation[collapsed] nav {\n  display: flex;\n  margin-top: var(--space-unit);\n}\n\nz-anchor-navigation nav a {\n  display: -webkit-box;\n  overflow: clip;\n  width: 100%;\n  box-sizing: border-box;\n  padding: calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);\n  -webkit-box-orient: vertical;\n  font-weight: inherit;\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n  overflow-clip-margin: content-box;\n  text-decoration: none;\n}\n\nz-anchor-navigation nav > * a {\n  color: inherit;\n}\n\nz-anchor-navigation nav * a:not(:only-child) {\n  padding-right: calc(var(--space-unit) * 5);\n}\n\n@supports not (overflow-clip-margin: content-box) {\n  z-anchor-navigation nav a {\n    display: inline-block;\n    overflow: hidden;\n    -webkit-line-clamp: none;\n    line-clamp: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n\nz-anchor-navigation nav > * {\n  position: relative;\n  border-left: var(--border-size-large) solid var(--color-default-icon);\n  color: var(--color-default-text);\n  font-family: var(--font-family-sans);\n  transition:\n    background-color 0.3s ease-in-out,\n    border-color 0.3s ease-in-out,\n    color 0.3s ease-in-out;\n}\n\nz-anchor-navigation nav > [data-current] {\n  border-left-color: var(--color-primary01);\n  color: var(--color-primary01);\n  font-weight: var(--font-sb);\n}\n\nz-anchor-navigation nav > * > *:is(z-button, button) {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%);\n  transition: opacity 0.3s ease-in-out;\n}\n\nz-anchor-navigation nav > *:focus:focus-visible,\nz-anchor-navigation nav > * > *:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\nz-anchor-navigation nav button {\n  padding: 0;\n  border: none;\n  margin: 0;\n  background-color: transparent;\n}\n\n@media (min-width: 768px) {\n  z-anchor-navigation z-button.toggle {\n    display: none !important;\n  }\n\n  z-anchor-navigation nav {\n    display: flex;\n  }\n\n  /* hide anchor actions by default... */\n  z-anchor-navigation nav > * > :is(z-button, button) {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  @media (hover: hover) {\n    /* ...show them only hovering/focusing the anchor */\n    z-anchor-navigation nav > :is([data-current], :hover, :focus, :focus-within) > :is(z-button, button) {\n      fill: var(--color-default-icon);\n      opacity: 1;\n      pointer-events: unset;\n    }\n\n    z-anchor-navigation nav > *:hover {\n      border-left-color: var(--color-hover-primary);\n      background-color: var(--color-background);\n      color: var(--color-hover-primary);\n    }\n  }\n\n  z-anchor-navigation[hide-unselected] nav > *:not([data-current], :hover, :focus, :focus-within) {\n    color: transparent;\n    fill: transparent;\n  }\n}\n","import { h, Host } from \"@stencil/core\";\nimport { ButtonVariant } from \"../../beans\";\n/**\n * Anchor navigation component.\n * @slot - Anchor navigation items. Use `<a>` elements inside. If you need an extra action element, use a wrapper around it and the anchor.\n * @example\n * ```\n * <z-anchor-navigation>\n *  <div>\n *    <a href=\"#section-id\">Section name</a>\n *    <button type=\"button\">\n *      <z-icon name=\"share\" />\n *    </button>\n *  </div>\n * </z-anchor-navigation>\n * ```\n */\nexport class ZAnchorNavigation {\n    constructor() {\n        this.hideUnselected = false;\n        this.autoCurrent = true;\n        this.collapsedLabel = \"salta a\";\n        this.collapsed = false;\n    }\n    /**\n     * Set `aria-current` attribute to the anchors.\n     */\n    setCurrent() {\n        const currentElement = Array.from(this.nav.querySelectorAll(\"a\")).find((anchor) => anchor.href === this.host.ownerDocument.location.href);\n        Array.from(this.nav.children).forEach((item) => {\n            const anchor = item instanceof HTMLAnchorElement ? item : item.querySelector(\"a\");\n            const isCurrent = anchor === currentElement;\n            anchor.setAttribute(\"aria-current\", isCurrent.toString());\n            item.toggleAttribute(\"data-current\", isCurrent);\n        });\n    }\n    /**\n     * Toggle collapsed state.\n     */\n    toggleCollapsed() {\n        this.collapsed = !this.collapsed;\n    }\n    componentDidLoad() {\n        if (this.autoCurrent) {\n            window.addEventListener(\"hashchange\", this.setCurrent.bind(this));\n            this.setCurrent();\n        }\n    }\n    disconnectedCallback() {\n        window.removeEventListener(\"hashchange\", this.setCurrent);\n    }\n    render() {\n        return (h(Host, { key: '3a2bc3f92ecf223c95987e33c48e14bb03909fac', collapsed: this.collapsed }, h(\"z-button\", { key: '5d88809c9fcc1a1ea1d163c3111367038da64f19', class: \"toggle\", variant: ButtonVariant.SECONDARY, icon: this.collapsed ? \"chevron-up\" : \"chevron-down\", onClick: this.toggleCollapsed.bind(this) }, this.collapsedLabel), h(\"nav\", { key: '9f9eabbc84d1fe9ef578cc44b2a73d871c658ab5', ref: (el) => (this.nav = el) }, h(\"slot\", { key: '44a486e2caa4b56f8556494f6fd8c4da8e076e7e' }))));\n    }\n    static get is() { return \"z-anchor-navigation\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"hideUnselected\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If enabled, the text of each anchor will be hidden unless\\nfor the current one or the one the user is hovering.\"\n                },\n                \"attribute\": \"hide-unselected\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"autoCurrent\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Enables automatic inference of the current item, listening for hash change\\nand checking the `href` of the slotted anchors.\\nWhen disabled, the highlight of current item must be handled manually by setting the `data-current`\\nattribute to the correct slotted items and the `aria-current` attribute to the anchors.\"\n                },\n                \"attribute\": \"auto-current\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"collapsedLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the label of the button displayed on mobile viewport when the anchor navigation is collapsed\"\n                },\n                \"attribute\": \"collapsed-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"salta a\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"collapsed\": {}\n        };\n    }\n    static get elementRef() { return \"host\"; }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"6FAAA,MAAMA,EAAY,2wE,MCiBLC,EAAiB,MAC1B,WAAAC,CAAAC,G,UACIC,KAAKC,eAAiB,MACtBD,KAAKE,YAAc,KACnBF,KAAKG,eAAiB,UACtBH,KAAKI,UAAY,KACpB,CAID,UAAAC,GACI,MAAMC,EAAiBC,MAAMC,KAAKR,KAAKS,IAAIC,iBAAiB,MAAMC,MAAMC,GAAWA,EAAOC,OAASb,KAAKc,KAAKC,cAAcC,SAASH,OACpIN,MAAMC,KAAKR,KAAKS,IAAIQ,UAAUC,SAASC,IACnC,MAAMP,EAASO,aAAgBC,kBAAoBD,EAAOA,EAAKE,cAAc,KAC7E,MAAMC,EAAYV,IAAWN,EAC7BM,EAAOW,aAAa,eAAgBD,EAAUE,YAC9CL,EAAKM,gBAAgB,eAAgBH,EAAU,G,CAMvD,eAAAI,GACI1B,KAAKI,WAAaJ,KAAKI,S,CAE3B,gBAAAuB,GACI,GAAI3B,KAAKE,YAAa,CAClB0B,OAAOC,iBAAiB,aAAc7B,KAAKK,WAAWyB,KAAK9B,OAC3DA,KAAKK,Y,EAGb,oBAAA0B,GACIH,OAAOI,oBAAoB,aAAchC,KAAKK,W,CAElD,MAAA4B,GACI,OAAQC,EAAEC,EAAM,CAAEC,IAAK,2CAA4ChC,UAAWJ,KAAKI,WAAa8B,EAAE,WAAY,CAAEE,IAAK,2CAA4CC,MAAO,SAAUC,QAASC,EAAcC,UAAWC,KAAMzC,KAAKI,UAAY,aAAe,eAAgBsC,QAAS1C,KAAK0B,gBAAgBI,KAAK9B,OAASA,KAAKG,gBAAiB+B,EAAE,MAAO,CAAEE,IAAK,2CAA4CO,IAAMC,GAAQ5C,KAAKS,IAAMmC,GAAOV,EAAE,OAAQ,CAAEE,IAAK,8C","ignoreList":[]}