@zanichelli/albe-web-components 19.2.3-RC1 → 19.2.3

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

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZPopoverStyle0","ZPopover","this","spaceTolerance","PopoverPosition","TOP","closePopoverWithKeyboard","e","closable","key","KeyboardCode","ESC","stopPropagation","open","handleOutsideClick","target","containsElement","host","boundElement","validatePosition","newValue","Object","values","includes","AUTO","position","currentPosition","setPosition","onOpen","cancelAnimationFrame","animationFrameRequestId","openChange","emit","assign","style","top","right","bottom","left","maxWidth","maxHeight","visibility","undefined","updatePositionLoop","requestAnimationFrame","setTimeout","onBindingChange","findBoundElement","offsetModifier","center","bindTo","ownerDocument","querySelector","getParentElement","tagName","toLowerCase","hasCenteredHorizontalSpace","availableLeft","availableRight","hostWidth","boundElementWidth","requiredSideSpace","hasCenteredVerticalSpace","availableTop","availableBottom","hostHeight","boundElementHeight","hasEnoughSideSpace","availableSpace","hostSize","boundElementSize","getOptimalPopoverPosition","desiredPosition","offsetWidth","offsetHeight","getBoundingClientRect","width","height","fits","pos","TOP_RIGHT","TOP_LEFT","RIGHT","RIGHT_BOTTOM","RIGHT_TOP","BOTTOM","BOTTOM_LEFT","BOTTOM_RIGHT","LEFT","LEFT_TOP","LEFT_BOTTOM","positions","positionOrder","startIndex","indexOf","i","length","posIndex","findBestFallbackPosition","bestHorizontalDirection","bestVerticalDirection","maxHorizontalSpace","Math","max","maxVerticalSpace","mainDirection","needsSecondaryDirection","minHorizontalSpace","min","minVerticalSpace","secondaryDirection","findScrollableAncestor","element","parent","documentElement","getComputedStyle","overflow","overflowX","overflowY","hasHiddenOverflow","isScrollable","scrollHeight","clientHeight","scrollWidth","clientWidth","calculateAvailableSpace","boundElementRect","lastBoundRect","x","y","cachedAvailableSpace","scrollableAncestor","scrollableAncestorRect","isScrollableAncestorNested","documentWidth","documentHeight","safeSpace","deltaTop","deltaRight","deltaBottom","deltaLeft","getBoundElementOffsets","elementRect","computePositionOffsets","boundElementOffsets","containingBlockAncestor","findContainingBlockAncestor","isDocumentElement","containingBlockRect","containingBlockStyle","paddingBox","parseFloat","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","relativeOffsets","scrollTop","scrollLeft","applyPositionStyles","arrowModifier","showArrow","hostStyle","distanceFromBound","marginTop","replace","positionOffsets","leftBase","rightBase","topBase","bottomBase","sideTopBase","sideBottomBase","getDevice","Device","MOBILE","isElementVisibleInContainer","positionChange","componentWillLoad","componentDidLoad","disconnectedCallback","render","h","Host"],"sources":["src/components/z-popover/styles.css?tag=z-popover&encapsulation=shadow","src/components/z-popover/index.tsx"],"sourcesContent":[":host {\n  --z-popover-theme--surface: ;\n  --z-popover-theme--text: ;\n  --z-popover-padding: ;\n  --z-popover-shadow-filter: ;\n\n  position: fixed;\n  display: none;\n  max-width: calc(100dvw - var(--grid-margin) * 2);\n  max-height: calc(100dvh - var(--grid-margin) * 2);\n  padding: var(--z-popover-padding, 0);\n  background: var(--z-popover-theme--surface, var(--color-surface01));\n  border-radius: var(--border-radius-small);\n  color: var(--z-popover-theme--text, var(--color-default-text));\n  fill: currentcolor;\n  filter: var(--z-popover-shadow-filter, drop-shadow(0 1px 2px var(--shadow-color-base)));\n  text-align: center;\n  visibility: hidden; /* hidden by default. the positioning algorithm will set it to 'visible' when needed */\n}\n\n:host([open]:not([open=\"false\"])[current-position]) {\n  display: block;\n}\n\n:host([center][current-position=\"top\"]),\n:host([center][current-position=\"bottom\"]) {\n  transform: translateX(-50%);\n}\n\n:host([center][current-position=\"right\"]),\n:host([center][current-position=\"left\"]) {\n  transform: translateY(-50%);\n}\n\n:host([current-position^=\"top\"]) {\n  margin: 0 0 var(--space-unit);\n}\n\n:host([current-position^=\"bottom\"]) {\n  margin: var(--space-unit) 0 0;\n}\n\n:host([current-position^=\"left\"]) {\n  margin: 0 var(--space-unit) 0 0;\n}\n\n:host([current-position^=\"right\"]) {\n  margin: 0 0 0 var(--space-unit);\n}\n\n/* Arrow style */\n:host([current-position])::before {\n  --arrow-size: 6px;\n  --arrow-edge-offset: calc(100% - var(--space-unit) - (var(--arrow-size) / 2));\n  --arrow-center-x-offset: calc(50% - (var(--arrow-size) / 2));\n  --arrow-center-y-offset: calc(100% - (var(--arrow-size) / 2));\n\n  position: absolute;\n  display: block;\n  width: var(--arrow-size);\n  height: var(--arrow-size);\n  background: var(--z-popover-theme--surface, var(--color-surface01));\n  content: \"\";\n  transform: rotate(45deg);\n}\n\n:host([show-arrow=\"false\"])::before,\n:host(:not([show-arrow]))::before {\n  display: none;\n}\n\n:host([current-position^=\"top\"])::before {\n  top: var(--arrow-center-y-offset);\n}\n\n:host([current-position^=\"bottom\"])::before {\n  bottom: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"top\"])::before,\n:host([current-position=\"bottom\"])::before {\n  right: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"right\"])::before,\n:host([current-position=\"left\"])::before {\n  bottom: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"right\"])::before {\n  right: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"left\"])::before {\n  left: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"top_right\"])::before,\n:host([current-position=\"bottom_right\"])::before {\n  right: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"top_left\"])::before,\n:host([current-position=\"bottom_left\"])::before {\n  left: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"right_top\"])::before,\n:host([current-position=\"left_top\"])::before {\n  top: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"right_top\"])::before,\n:host([current-position=\"right_bottom\"])::before {\n  right: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"left_top\"])::before,\n:host([current-position=\"left_bottom\"])::before {\n  left: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"right_bottom\"])::before,\n:host([current-position=\"left_bottom\"])::before {\n  bottom: var(--arrow-edge-offset);\n}\n\n:host([center][current-position=\"top\"])::before,\n:host([center][current-position=\"bottom\"])::before {\n  right: auto;\n  left: var(--arrow-center-x-offset);\n}\n\n:host([center][current-position=\"right\"])::before,\n:host([center][current-position=\"left\"])::before {\n  top: var(--arrow-center-x-offset);\n  bottom: auto;\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\nimport {Device, KeyboardCode, PopoverPosition} from \"../../beans\";\nimport {\n  containsElement,\n  findContainingBlockAncestor,\n  getDevice,\n  getParentElement,\n  isElementVisibleInContainer,\n} from \"../../utils/utils\";\n\n/** Centering offset modifier. 0 for no offset, 0.5 for centering. */\ntype OffsetModifier = 0 | 0.5;\ntype Offsets = {top: number; right: number; bottom: number; left: number};\n\n/**\n * Popover component.\n * This component displays a popover bound to an element.\n * It supports various positions and can automatically adjust it based on available space, accounting for scrollable containers.\n *\n * Notes:\n * - If positioning has an odd behavior, consider manually adjusting the size of the slotted elements (using `width`, `height`, `max-width`, `max-height`, etc...) when its content is \"fluid\" (like text), because it can interfere with the position calculation (for example a long text on one single line can be bigger than the available space, letting the algorithm think the popover doesn't fits).\n *\n * @cssprop --z-popover-theme--surface - background color of the popover.\n * @cssprop --z-popover-theme--text - foreground color of the popover.\n * @cssprop --z-popover-padding - padding of the popover.\n * @cssprop --z-popover-shadow-filter - drop-shadow filter of the popover. Defaults to `drop-shadow(0 1px 2px var(--shadow-color-base))`.\n */\n@Component({\n  tag: \"z-popover\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZPopover {\n  /**\n   * The preferred position to render the popover.\n   * The popover will automatically search another position if not enough space is available for the preferred position.\n   * If the preferred position is not available, it will try to find the best position starting from `TOP` and going clockwise.\n   */\n  @Prop({reflect: true, mutable: true})\n  position?: PopoverPosition = PopoverPosition.TOP;\n\n  /**\n   * The initial open state of the popover.\n   * Internal changes of this prop are emitted through the `openChange` event.\n   * Make sure to listen to that event if you need the updated state of the popover from the outside, to avoid inconsistent values.\n   */\n  @Prop({reflect: true, mutable: true})\n  open = false;\n\n  /**\n   * The selector or the element bound with the popover.\n   * If string css selector is provided make sure to use a valid selector.\n   */\n  @Prop()\n  bindTo?: string | HTMLElement;\n\n  /** Whether to show popover's arrow. */\n  @Prop({reflect: true})\n  showArrow = false;\n\n  /** Whether to center the popup on the main side (according to \"position\"). */\n  @Prop({reflect: true})\n  center = false;\n\n  /**\n   * Whether the popover can be closed by clicking outside of it or pressing the escape key.\n   * Otherwise, it will be closed only programmatically (by setting `open` to `false`).\n   * Default: `true`.\n   */\n  @Prop()\n  closable = true;\n\n  /**\n   * The current position of the popover.\n   * It differs from `position` only when calculated automatically for space reasons.\n   */\n  @State()\n  currentPosition?: PopoverPosition;\n\n  @Element() host: HTMLZPopoverElement;\n\n  // Clockwise order of positions.\n  private static readonly positionOrder: PopoverPosition[] = [\n    PopoverPosition.TOP,\n    PopoverPosition.TOP_RIGHT,\n    PopoverPosition.TOP_LEFT,\n    PopoverPosition.RIGHT,\n    PopoverPosition.RIGHT_BOTTOM,\n    PopoverPosition.RIGHT_TOP,\n    PopoverPosition.BOTTOM,\n    PopoverPosition.BOTTOM_LEFT,\n    PopoverPosition.BOTTOM_RIGHT,\n    PopoverPosition.LEFT,\n    PopoverPosition.LEFT_TOP,\n    PopoverPosition.LEFT_BOTTOM,\n  ] as const;\n\n  private animationFrameRequestId?: number;\n\n  /** space tolerance for space calculations */\n  private readonly spaceTolerance = 3;\n\n  /** The element bound to the popover. */\n  private boundElement?: HTMLElement;\n\n  /** Cached available space around the bound element to avoid unnecessary recalculations */\n  private cachedAvailableSpace?: Offsets;\n\n  /** Last bounding rect of the bound element to detect changes and eventually invalidate the caches. */\n  private lastBoundRect?: DOMRect;\n\n  /** Fired when the position changes. */\n  @Event()\n  positionChange: EventEmitter<{position: PopoverPosition}>;\n\n  /** Event emitted when the open state of the popover changes (e.g. when the user clicks outside the popover to close it, if `closable` is true). */\n  @Event()\n  openChange: EventEmitter<{open: boolean}>;\n\n  @Listen(\"keyup\", {target: \"window\", capture: true})\n  closePopoverWithKeyboard(e: KeyboardEvent): void {\n    if (this.closable && e.key === KeyboardCode.ESC) {\n      e.stopPropagation();\n      this.open = false;\n    }\n  }\n\n  /**\n   * Close the popover when clicking outside of its content.\n   * Stop event propagation if the click was fired by popover's trigger element,\n   * to prevent close and reopen glitches.\n   */\n  @Listen(\"click\", {target: \"body\", capture: true})\n  handleOutsideClick(e: MouseEvent): void {\n    const target = e.target as Element;\n    if (!this.closable || !this.open || containsElement(this.host, target)) {\n      return;\n    }\n\n    if (containsElement(this.boundElement, target)) {\n      // stop propagation if the click was on the trigger element to prevent close and reopen glitches\n      e.stopPropagation();\n    }\n    this.open = false;\n  }\n\n  @Watch(\"position\")\n  validatePosition(newValue: PopoverPosition): void {\n    if (!Object.values(PopoverPosition).includes(newValue as PopoverPosition) || newValue === PopoverPosition.AUTO) {\n      newValue = PopoverPosition.TOP;\n      this.position = newValue;\n    }\n    this.currentPosition = newValue;\n    if (this.open) {\n      this.setPosition();\n    }\n  }\n\n  /** Setup popover behaviors when `open` changes. */\n  @Watch(\"open\")\n  onOpen(): void {\n    cancelAnimationFrame(this.animationFrameRequestId);\n    this.openChange.emit({open: this.open});\n    if (!this.open) {\n      Object.assign(this.host.style, {\n        // Reset all positioning properties\n        top: \"auto\",\n        right: \"auto\",\n        bottom: \"auto\",\n        left: \"auto\",\n        maxWidth: \"\",\n        maxHeight: \"\",\n        // Set initial visibility to hidden while calculating position...\n        visibility: \"hidden\",\n      });\n      this.currentPosition = undefined;\n\n      return;\n    }\n\n    const updatePositionLoop = (): void => {\n      if (!this.open) {\n        return;\n      }\n\n      this.setPosition();\n      this.animationFrameRequestId = requestAnimationFrame(updatePositionLoop);\n    };\n\n    // call `setPosition` after a tick to ensure the DOM is ready and sizes are available\n    setTimeout(() => {\n      updatePositionLoop();\n    }, 0);\n  }\n\n  @Watch(\"bindTo\")\n  onBindingChange(): void {\n    this.findBoundElement();\n  }\n\n  /** Returns the offset modifier to use in calculations to align the popover with the bound element. */\n  private get offsetModifier(): OffsetModifier {\n    return this.center ? 0.5 : 0;\n  }\n\n  private findBoundElement(): void {\n    if (typeof this.bindTo === \"string\") {\n      this.boundElement = this.host.ownerDocument.querySelector(this.bindTo) as HTMLElement;\n    } else if (this.bindTo) {\n      this.boundElement = this.bindTo;\n    } else {\n      this.boundElement = getParentElement(this.host) as HTMLElement;\n      if (this.boundElement.tagName.toLowerCase() === \"z-tooltip\") {\n        // If the popover is used inside a tooltip without a specified `bindTo`, bind it to the parent of the tooltip.\n        this.boundElement = getParentElement(this.boundElement) as HTMLElement;\n      }\n    }\n  }\n\n  /**\n   * Check if element has enough space to the right and left to be centered.\n   * Used for `TOP` and `BOTTOM` position.\n   * When `center` is not enabled, only one side needs to be checked and `RIGHT` is the default.\n   */\n  private hasCenteredHorizontalSpace(\n    availableLeft: number,\n    availableRight: number,\n    hostWidth: number,\n    boundElementWidth: number\n  ): boolean {\n    const requiredSideSpace = (hostWidth - boundElementWidth) * (1 - this.offsetModifier);\n\n    if (!this.center) {\n      return availableRight >= requiredSideSpace - this.spaceTolerance;\n    }\n\n    return (\n      availableRight >= requiredSideSpace - this.spaceTolerance &&\n      availableLeft >= requiredSideSpace - this.spaceTolerance\n    );\n  }\n\n  /**\n   * Check if element has enough space to the top and bottom to be centered.\n   * Used for `RIGHT` and `LEFT` position.\n   * When `center` is not enabled, only one side needs to be checked and `BOTTOM` is the default.\n   */\n  private hasCenteredVerticalSpace(\n    availableTop: number,\n    availableBottom: number,\n    hostHeight: number,\n    boundElementHeight: number\n  ): boolean {\n    const requiredSideSpace = (hostHeight - boundElementHeight) * (1 - this.offsetModifier);\n\n    if (!this.center) {\n      return availableBottom >= requiredSideSpace - this.spaceTolerance;\n    }\n\n    return (\n      availableTop >= requiredSideSpace - this.spaceTolerance &&\n      availableBottom >= requiredSideSpace - this.spaceTolerance\n    );\n  }\n\n  /**\n   * Check if there is enough space in the given direction to fit the popover.\n   * Used for composed positions like TOP_RIGHT, LEFT_BOTTOM, etc.\n   */\n  private hasEnoughSideSpace(\n    availableSpace: number,\n    hostSize: number,\n    boundElementSize: number,\n    offsetModifier: OffsetModifier\n  ): boolean {\n    return availableSpace >= hostSize - boundElementSize * (1 - offsetModifier) - this.spaceTolerance;\n  }\n\n  /**\n   * Given a desired position and available space around the bound element, returns the best position\n   * that fits the popover, trying all positions if needed.\n   * Takes into account offsetModifier for centering.\n   * @param desiredPosition The desired position of the popover.\n   * @param availableSpace The available space around the bound element.\n   */\n  private getOptimalPopoverPosition(desiredPosition: PopoverPosition, availableSpace: Offsets): PopoverPosition {\n    const hostWidth = this.host.offsetWidth;\n    const hostHeight = this.host.offsetHeight;\n    const boundElementWidth = this.boundElement.getBoundingClientRect().width;\n    const boundElementHeight = this.boundElement.getBoundingClientRect().height;\n    const offsetModifier = this.offsetModifier;\n\n    /** Check if there is enough space to fit the popover in the desired position */\n    const fits = (pos: PopoverPosition): boolean => {\n      switch (pos) {\n        case PopoverPosition.TOP:\n          return (\n            availableSpace.top >= hostHeight - this.spaceTolerance &&\n            this.hasCenteredHorizontalSpace(availableSpace.left, availableSpace.right, hostWidth, boundElementWidth)\n          );\n        case PopoverPosition.TOP_RIGHT:\n          return (\n            availableSpace.top >= hostHeight &&\n            this.hasEnoughSideSpace(availableSpace.right, hostWidth, boundElementWidth, offsetModifier)\n          );\n        case PopoverPosition.TOP_LEFT:\n          return (\n            availableSpace.top >= hostHeight &&\n            this.hasEnoughSideSpace(availableSpace.left, hostWidth, boundElementWidth, offsetModifier)\n          );\n        case PopoverPosition.RIGHT:\n          return (\n            availableSpace.right >= hostWidth &&\n            this.hasCenteredVerticalSpace(availableSpace.top, availableSpace.bottom, hostHeight, boundElementHeight)\n          );\n        case PopoverPosition.RIGHT_BOTTOM:\n          return (\n            availableSpace.right >= hostWidth &&\n            this.hasEnoughSideSpace(availableSpace.bottom, hostHeight, boundElementHeight, offsetModifier)\n          );\n        case PopoverPosition.RIGHT_TOP:\n          return (\n            availableSpace.right >= hostWidth &&\n            this.hasEnoughSideSpace(availableSpace.top, hostHeight, boundElementHeight, offsetModifier)\n          );\n        case PopoverPosition.BOTTOM:\n          return (\n            availableSpace.bottom >= hostHeight &&\n            this.hasCenteredHorizontalSpace(availableSpace.left, availableSpace.right, hostWidth, boundElementWidth)\n          );\n        case PopoverPosition.BOTTOM_LEFT:\n          return (\n            availableSpace.bottom >= hostHeight &&\n            this.hasEnoughSideSpace(availableSpace.left, hostWidth, boundElementWidth, offsetModifier)\n          );\n        case PopoverPosition.BOTTOM_RIGHT:\n          return (\n            availableSpace.bottom >= hostHeight &&\n            this.hasEnoughSideSpace(availableSpace.right, hostWidth, boundElementWidth, offsetModifier)\n          );\n        case PopoverPosition.LEFT:\n          return (\n            availableSpace.left >= hostWidth &&\n            this.hasCenteredVerticalSpace(availableSpace.top, availableSpace.bottom, hostHeight, boundElementHeight)\n          );\n        case PopoverPosition.LEFT_TOP:\n          return (\n            availableSpace.left >= hostWidth &&\n            this.hasEnoughSideSpace(availableSpace.top, hostHeight, boundElementHeight, offsetModifier)\n          );\n        case PopoverPosition.LEFT_BOTTOM:\n          return (\n            availableSpace.left >= hostWidth &&\n            this.hasEnoughSideSpace(availableSpace.bottom, hostHeight, boundElementHeight, offsetModifier)\n          );\n\n        default:\n          return false;\n      }\n    };\n\n    // Check desired position first\n    if (fits(desiredPosition)) {\n      return desiredPosition;\n    }\n\n    // Find position index and create rotation starting from next position\n    const positions = ZPopover.positionOrder;\n    const startIndex = positions.indexOf(desiredPosition);\n\n    if (startIndex === -1) {\n      return desiredPosition; // fallback if position not found\n    }\n\n    // Try all other positions starting from the next one\n    for (let i = 1; i < positions.length; i++) {\n      const posIndex = (startIndex + i) % positions.length;\n      const pos = positions[posIndex];\n      if (fits(pos)) {\n        return pos;\n      }\n    }\n\n    return this.findBestFallbackPosition(availableSpace);\n  }\n\n  /** Find the best fallback position based on available space when no position fits perfectly. */\n  private findBestFallbackPosition(availableSpace: Offsets): PopoverPosition {\n    // Determine which horizontal and vertical direction has the most available space\n    const bestHorizontalDirection =\n      availableSpace.right >= availableSpace.left ? PopoverPosition.RIGHT : PopoverPosition.LEFT;\n\n    const bestVerticalDirection =\n      availableSpace.bottom >= availableSpace.top ? PopoverPosition.BOTTOM : PopoverPosition.TOP;\n\n    // Choose the main direction based on which axis has more space overall\n    const maxHorizontalSpace = Math.max(availableSpace.right, availableSpace.left);\n    const maxVerticalSpace = Math.max(availableSpace.bottom, availableSpace.top);\n\n    const mainDirection = maxVerticalSpace >= maxHorizontalSpace ? bestVerticalDirection : bestHorizontalDirection;\n\n    // Decide if a secondary direction is needed\n    // Only add a secondary direction if the difference between min and max in that axis is at least double\n    let needsSecondaryDirection = false;\n\n    if (mainDirection === bestVerticalDirection) {\n      // If main direction is vertical, check horizontal space difference\n      const minHorizontalSpace = Math.min(availableSpace.right, availableSpace.left);\n      needsSecondaryDirection = maxHorizontalSpace >= minHorizontalSpace * 2;\n    } else {\n      // If main direction is horizontal, check vertical space difference\n      const minVerticalSpace = Math.min(availableSpace.bottom, availableSpace.top);\n      needsSecondaryDirection = maxVerticalSpace >= minVerticalSpace * 2;\n    }\n\n    if (!needsSecondaryDirection) {\n      return mainDirection;\n    }\n\n    const secondaryDirection =\n      mainDirection === bestVerticalDirection ? bestHorizontalDirection : bestVerticalDirection;\n\n    // Return a combined position (e.g., \"bottom_right\")\n    return `${mainDirection}_${secondaryDirection}` as PopoverPosition;\n  }\n\n  /**\n   * Find the nearest scrollable ancestor of an element to take as a reference for positioning.\n   * The ancestor is considered scrollable if it doesn't have `overflow` property set to `hidden` and its scroll size is bigger than its client size.\n   */\n  private findScrollableAncestor(element: HTMLElement): HTMLElement {\n    let parent = getParentElement(element);\n\n    while (parent) {\n      if (parent === element.ownerDocument.documentElement) {\n        return parent as HTMLElement;\n      }\n\n      const style = getComputedStyle(parent);\n      const {overflow, overflowX, overflowY} = style;\n      const hasHiddenOverflow = overflow === \"hidden\" || overflowY === \"hidden\" || overflowX === \"hidden\";\n      const isScrollable =\n        (parent.scrollHeight > parent.clientHeight && overflow !== \"visible\" && overflowY !== \"visible\") ||\n        (parent.scrollWidth > parent.clientWidth && overflow !== \"visible\" && overflowX !== \"visible\");\n\n      if (!hasHiddenOverflow && isScrollable) {\n        return parent as HTMLElement;\n      }\n\n      parent = getParentElement(parent);\n    }\n\n    return element.ownerDocument.documentElement;\n  }\n\n  /**\n   * Calculate available space around the element bound with the popover, based on its nearest scrollable ancestor.\n   *\n   * Calculations for `right` and `bottom` can be a little bit confusing because `boundingRect.right` and `bottom` may not be what you expect...\n   * For more information see the explanation in the docs.\n   * @link https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect#return_value\n   */\n  private calculateAvailableSpace(): Offsets {\n    const boundElementRect = this.boundElement.getBoundingClientRect();\n\n    if (\n      this.lastBoundRect &&\n      this.lastBoundRect.x === boundElementRect.x &&\n      this.lastBoundRect.y === boundElementRect.y &&\n      this.lastBoundRect.width === boundElementRect.width &&\n      this.lastBoundRect.height === boundElementRect.height &&\n      this.cachedAvailableSpace\n    ) {\n      // If the bound element's rect hasn't changed, return the cached rect\n      return this.cachedAvailableSpace;\n    }\n\n    this.lastBoundRect = boundElementRect;\n    const scrollableAncestor = this.findScrollableAncestor(this.boundElement);\n    const scrollableAncestorRect = scrollableAncestor.getBoundingClientRect();\n    const isScrollableAncestorNested = scrollableAncestor !== this.boundElement.ownerDocument.documentElement;\n    const documentWidth = this.boundElement.ownerDocument.documentElement.clientWidth;\n    const documentHeight = this.boundElement.ownerDocument.documentElement.clientHeight;\n    const safeSpace = 8; // extra space to avoid popover being too close to the edges\n\n    // These deltas represent the offset between the scrollable ancestor and the viewport.\n    // They are used to adjust the available space calculations when the scrollable ancestor is not the document or body,\n    // to try to fit the popover inside the scrollable ancestor.\n    const deltaTop = isScrollableAncestorNested ? scrollableAncestorRect.top : 0;\n    const deltaRight = isScrollableAncestorNested ? documentWidth - scrollableAncestorRect.right : 0;\n    const deltaBottom = isScrollableAncestorNested ? documentHeight - scrollableAncestorRect.bottom : 0;\n    const deltaLeft = isScrollableAncestorNested ? scrollableAncestorRect.left : 0;\n\n    this.cachedAvailableSpace = {\n      top: boundElementRect.top - deltaTop - safeSpace,\n      right: documentWidth - boundElementRect.right - deltaRight - safeSpace,\n      bottom: documentHeight - boundElementRect.bottom - deltaBottom - safeSpace,\n      left: boundElementRect.left - deltaLeft - safeSpace,\n    };\n\n    return this.cachedAvailableSpace;\n  }\n\n  /** Calculate the space around the bound element relative to the viewport. */\n  private getBoundElementOffsets(): Offsets {\n    const elementRect = this.boundElement.getBoundingClientRect();\n    const documentWidth = this.boundElement.ownerDocument.documentElement.clientWidth;\n    const documentHeight = this.boundElement.ownerDocument.documentElement.clientHeight;\n\n    return {\n      top: elementRect.top,\n      right: documentWidth - elementRect.right,\n      bottom: documentHeight - elementRect.bottom,\n      left: elementRect.left,\n    };\n  }\n\n  /** Compute positioning offsets in the appropriate coordinate space, accounting for transformed containing blocks and scroll. */\n  private computePositionOffsets(): Offsets {\n    const boundElementOffsets = this.getBoundElementOffsets();\n    const containingBlockAncestor = findContainingBlockAncestor(this.host);\n    const isDocumentElement = containingBlockAncestor === this.host.ownerDocument.documentElement;\n\n    if (isDocumentElement) {\n      return boundElementOffsets;\n    }\n\n    const containingBlockRect = containingBlockAncestor.getBoundingClientRect();\n    const containingBlockStyle = getComputedStyle(containingBlockAncestor);\n    /** Padding box of the containing block, accounting for borders. */\n    const paddingBox = {\n      top: containingBlockRect.top + parseFloat(containingBlockStyle.borderTopWidth),\n      right: containingBlockRect.right - parseFloat(containingBlockStyle.borderRightWidth),\n      bottom: containingBlockRect.bottom - parseFloat(containingBlockStyle.borderBottomWidth),\n      left: containingBlockRect.left + parseFloat(containingBlockStyle.borderLeftWidth),\n    };\n\n    const boundElementRect = this.boundElement.getBoundingClientRect();\n    /** Bound element offsets relative to the containing block padding box. */\n    const relativeOffsets = {\n      top: boundElementRect.top - paddingBox.top,\n      right: paddingBox.right - boundElementRect.right,\n      bottom: paddingBox.bottom - boundElementRect.bottom,\n      left: boundElementRect.left - paddingBox.left,\n    };\n\n    /** Account for scroll to keep the popover aligned while the containing block scrolls. */\n    return {\n      top: relativeOffsets.top + containingBlockAncestor.scrollTop,\n      right: relativeOffsets.right - containingBlockAncestor.scrollLeft,\n      bottom: relativeOffsets.bottom - containingBlockAncestor.scrollTop,\n      left: relativeOffsets.left + containingBlockAncestor.scrollLeft,\n    };\n  }\n\n  /** Apply positioning styles based on `position` parameter. */\n  private applyPositionStyles(position: PopoverPosition, availableSpace: Offsets): void {\n    const boundElementWidth = this.boundElement.offsetWidth;\n    const boundElementHeight = this.boundElement.offsetHeight;\n    const offsetModifier = this.offsetModifier;\n    /**\n     * Distance between the arrow center and the popover edge.\n     * Needed to align the center of the arrow with the center of the bound element when `showArrow` and `center` are enabled.\n     */\n    const arrowModifier = this.showArrow && this.center ? 8 : 0;\n    const hostStyle = this.host.style;\n    /** Gap between the popover and the bound element, set as margin in CSS. */\n    const distanceFromBound = parseFloat(getComputedStyle(this.host).marginTop.replace(\"px\", \"\")) || 0;\n    const positionOffsets = this.computePositionOffsets();\n\n    /**\n     * Precomputed bases to reduce repeated arithmetic in the switch below.\n     * They represent the bound element edges plus optional centering offsets.\n     */\n    const leftBase = positionOffsets.left + boundElementWidth * offsetModifier;\n    const rightBase = positionOffsets.right + boundElementWidth * offsetModifier;\n    const topBase = positionOffsets.top + boundElementHeight;\n    const bottomBase = positionOffsets.bottom + boundElementHeight;\n    const sideTopBase = positionOffsets.top + boundElementHeight * offsetModifier;\n    const sideBottomBase = positionOffsets.bottom + boundElementHeight * offsetModifier;\n\n    let maxWidth: number;\n    let maxHeight: number;\n\n    switch (position) {\n      case PopoverPosition.TOP:\n      case PopoverPosition.TOP_RIGHT:\n        hostStyle.bottom = `${bottomBase}px`;\n        hostStyle.left = `${leftBase - (position === PopoverPosition.TOP_RIGHT ? arrowModifier : 0)}px`;\n        maxHeight = availableSpace.top - distanceFromBound;\n        if (position === PopoverPosition.TOP_RIGHT) {\n          maxWidth = availableSpace.right + boundElementWidth * offsetModifier;\n        }\n        break;\n\n      case PopoverPosition.TOP_LEFT:\n        hostStyle.right = `${rightBase - arrowModifier}px`;\n        hostStyle.bottom = `${bottomBase}px`;\n        maxWidth = availableSpace.left + boundElementWidth * offsetModifier;\n        maxHeight = availableSpace.top - distanceFromBound;\n        break;\n\n      case PopoverPosition.BOTTOM:\n      case PopoverPosition.BOTTOM_RIGHT:\n        hostStyle.top = `${topBase}px`;\n        hostStyle.left = `${leftBase - (position === PopoverPosition.BOTTOM_RIGHT ? arrowModifier : 0)}px`;\n        maxHeight = availableSpace.bottom - distanceFromBound;\n        if (position === PopoverPosition.BOTTOM_RIGHT) {\n          maxWidth = availableSpace.right + boundElementWidth * offsetModifier;\n        }\n        break;\n\n      case PopoverPosition.BOTTOM_LEFT:\n        hostStyle.top = `${topBase}px`;\n        hostStyle.right = `${rightBase - arrowModifier}px`;\n        maxWidth = availableSpace.left + boundElementWidth * offsetModifier;\n        maxHeight = availableSpace.bottom - distanceFromBound;\n        break;\n\n      case PopoverPosition.RIGHT:\n      case PopoverPosition.RIGHT_BOTTOM:\n        hostStyle.top = `${sideTopBase - (position === PopoverPosition.RIGHT_BOTTOM ? arrowModifier : 0)}px`;\n        hostStyle.left = `${positionOffsets.left + boundElementWidth}px`;\n        maxWidth = availableSpace.right - distanceFromBound;\n        if (position === PopoverPosition.RIGHT) {\n          maxHeight = availableSpace.top + availableSpace.bottom + boundElementHeight;\n        } else {\n          maxHeight = availableSpace.bottom + boundElementHeight * offsetModifier;\n        }\n        break;\n\n      case PopoverPosition.RIGHT_TOP:\n        hostStyle.bottom = `${sideBottomBase - arrowModifier}px`;\n        hostStyle.left = `${positionOffsets.left + boundElementWidth}px`;\n        maxWidth = availableSpace.right - distanceFromBound;\n        maxHeight = availableSpace.top + boundElementHeight * offsetModifier;\n        break;\n\n      case PopoverPosition.LEFT:\n      case PopoverPosition.LEFT_BOTTOM:\n        hostStyle.top = `${sideTopBase - (position === PopoverPosition.LEFT_BOTTOM ? arrowModifier : 0)}px`;\n        hostStyle.right = `${positionOffsets.right + boundElementWidth}px`;\n        maxWidth = availableSpace.left - distanceFromBound;\n        if (position === PopoverPosition.LEFT_BOTTOM) {\n          maxHeight = availableSpace.bottom + boundElementHeight * offsetModifier;\n        }\n        break;\n\n      case PopoverPosition.LEFT_TOP:\n        hostStyle.right = `${positionOffsets.right + boundElementWidth}px`;\n        hostStyle.bottom = `${sideBottomBase - arrowModifier}px`;\n        maxWidth = availableSpace.left - distanceFromBound;\n        maxHeight = availableSpace.top + boundElementHeight * offsetModifier;\n        break;\n    }\n\n    if (getDevice() !== Device.MOBILE) {\n      // Only force max sizes on non-mobile viewports\n      Object.assign(hostStyle, {\n        maxWidth: maxWidth ? `${maxWidth}px` : \"\",\n        maxHeight: maxHeight ? `${maxHeight}px` : \"\",\n      });\n    }\n  }\n\n  /** Set the position of the popover. */\n  private setPosition(): void {\n    if (!this.boundElement) {\n      return;\n    }\n\n    if (!isElementVisibleInContainer(this.boundElement, this.findScrollableAncestor(this.boundElement))) {\n      // If the bound element is not visible, hide the popover too\n      this.open = false;\n\n      return;\n    }\n\n    Object.assign(this.host.style, {\n      // Reset all positioning properties\n      top: \"auto\",\n      right: \"auto\",\n      bottom: \"auto\",\n      left: \"auto\",\n      maxWidth: \"\",\n      maxHeight: \"\",\n      // Set initial visibility to hidden while calculating position...\n      visibility: \"hidden\",\n    });\n\n    const availableSpace = this.calculateAvailableSpace();\n    const position = this.getOptimalPopoverPosition(this.position, availableSpace);\n\n    this.applyPositionStyles(position, availableSpace);\n    this.currentPosition = position;\n    this.positionChange.emit({position: this.currentPosition});\n\n    // ...then restore the visibility\n    this.host.style.visibility = \"visible\";\n  }\n\n  componentWillLoad(): void {\n    this.validatePosition(this.position);\n  }\n\n  componentDidLoad(): void {\n    this.findBoundElement();\n    if (this.open) {\n      this.onOpen();\n    }\n  }\n\n  disconnectedCallback(): void {\n    cancelAnimationFrame(this.animationFrameRequestId);\n  }\n\n  render(): HTMLZPopoverElement {\n    return (\n      <Host current-position={this.currentPosition}>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0MAAA,MAAMA,EAAY,+iGAClB,MAAAC,EAAeD,E,MC+BFE,EAAQ,M,+GAoEFC,KAAAC,eAAiB,E,cA7DLC,EAAgBC,I,UAQtC,M,qCAWK,M,YAIH,M,cAQE,K,+BAkDX,wBAAAC,CAAyBC,GACvB,GAAIL,KAAKM,UAAYD,EAAEE,MAAQC,EAAaC,IAAK,CAC/CJ,EAAEK,kBACFV,KAAKW,KAAO,K,EAUhB,kBAAAC,CAAmBP,GACjB,MAAMQ,EAASR,EAAEQ,OACjB,IAAKb,KAAKM,WAAaN,KAAKW,MAAQG,EAAgBd,KAAKe,KAAMF,GAAS,CACtE,M,CAGF,GAAIC,EAAgBd,KAAKgB,aAAcH,GAAS,CAE9CR,EAAEK,iB,CAEJV,KAAKW,KAAO,K,CAId,gBAAAM,CAAiBC,GACf,IAAKC,OAAOC,OAAOlB,GAAiBmB,SAASH,IAAgCA,IAAahB,EAAgBoB,KAAM,CAC9GJ,EAAWhB,EAAgBC,IAC3BH,KAAKuB,SAAWL,C,CAElBlB,KAAKwB,gBAAkBN,EACvB,GAAIlB,KAAKW,KAAM,CACbX,KAAKyB,a,EAMT,MAAAC,GACEC,qBAAqB3B,KAAK4B,yBAC1B5B,KAAK6B,WAAWC,KAAK,CAACnB,KAAMX,KAAKW,OACjC,IAAKX,KAAKW,KAAM,CACdQ,OAAOY,OAAO/B,KAAKe,KAAKiB,MAAO,CAE7BC,IAAK,OACLC,MAAO,OACPC,OAAQ,OACRC,KAAM,OACNC,SAAU,GACVC,UAAW,GAEXC,WAAY,WAEdvC,KAAKwB,gBAAkBgB,UAEvB,M,CAGF,MAAMC,EAAqB,KACzB,IAAKzC,KAAKW,KAAM,CACd,M,CAGFX,KAAKyB,cACLzB,KAAK4B,wBAA0Bc,sBAAsBD,EAAmB,EAI1EE,YAAW,KACTF,GAAoB,GACnB,E,CAIL,eAAAG,GACE5C,KAAK6C,kB,CAIP,kBAAYC,GACV,OAAO9C,KAAK+C,OAAS,GAAM,C,CAGrB,gBAAAF,GACN,UAAW7C,KAAKgD,SAAW,SAAU,CACnChD,KAAKgB,aAAehB,KAAKe,KAAKkC,cAAcC,cAAclD,KAAKgD,O,MAC1D,GAAIhD,KAAKgD,OAAQ,CACtBhD,KAAKgB,aAAehB,KAAKgD,M,KACpB,CACLhD,KAAKgB,aAAemC,EAAiBnD,KAAKe,MAC1C,GAAIf,KAAKgB,aAAaoC,QAAQC,gBAAkB,YAAa,CAE3DrD,KAAKgB,aAAemC,EAAiBnD,KAAKgB,a,GAUxC,0BAAAsC,CACNC,EACAC,EACAC,EACAC,GAEA,MAAMC,GAAqBF,EAAYC,IAAsB,EAAI1D,KAAK8C,gBAEtE,IAAK9C,KAAK+C,OAAQ,CAChB,OAAOS,GAAkBG,EAAoB3D,KAAKC,c,CAGpD,OACEuD,GAAkBG,EAAoB3D,KAAKC,gBAC3CsD,GAAiBI,EAAoB3D,KAAKC,c,CAStC,wBAAA2D,CACNC,EACAC,EACAC,EACAC,GAEA,MAAML,GAAqBI,EAAaC,IAAuB,EAAIhE,KAAK8C,gBAExE,IAAK9C,KAAK+C,OAAQ,CAChB,OAAOe,GAAmBH,EAAoB3D,KAAKC,c,CAGrD,OACE4D,GAAgBF,EAAoB3D,KAAKC,gBACzC6D,GAAmBH,EAAoB3D,KAAKC,c,CAQxC,kBAAAgE,CACNC,EACAC,EACAC,EACAtB,GAEA,OAAOoB,GAAkBC,EAAWC,GAAoB,EAAItB,GAAkB9C,KAAKC,c,CAU7E,yBAAAoE,CAA0BC,EAAkCJ,GAClE,MAAMT,EAAYzD,KAAKe,KAAKwD,YAC5B,MAAMR,EAAa/D,KAAKe,KAAKyD,aAC7B,MAAMd,EAAoB1D,KAAKgB,aAAayD,wBAAwBC,MACpE,MAAMV,EAAqBhE,KAAKgB,aAAayD,wBAAwBE,OACrE,MAAM7B,EAAiB9C,KAAK8C,eAG5B,MAAM8B,EAAQC,IACZ,OAAQA,GACN,KAAK3E,EAAgBC,IACnB,OACE+D,EAAejC,KAAO8B,EAAa/D,KAAKC,gBACxCD,KAAKsD,2BAA2BY,EAAe9B,KAAM8B,EAAehC,MAAOuB,EAAWC,GAE1F,KAAKxD,EAAgB4E,UACnB,OACEZ,EAAejC,KAAO8B,GACtB/D,KAAKiE,mBAAmBC,EAAehC,MAAOuB,EAAWC,EAAmBZ,GAEhF,KAAK5C,EAAgB6E,SACnB,OACEb,EAAejC,KAAO8B,GACtB/D,KAAKiE,mBAAmBC,EAAe9B,KAAMqB,EAAWC,EAAmBZ,GAE/E,KAAK5C,EAAgB8E,MACnB,OACEd,EAAehC,OAASuB,GACxBzD,KAAK4D,yBAAyBM,EAAejC,IAAKiC,EAAe/B,OAAQ4B,EAAYC,GAEzF,KAAK9D,EAAgB+E,aACnB,OACEf,EAAehC,OAASuB,GACxBzD,KAAKiE,mBAAmBC,EAAe/B,OAAQ4B,EAAYC,EAAoBlB,GAEnF,KAAK5C,EAAgBgF,UACnB,OACEhB,EAAehC,OAASuB,GACxBzD,KAAKiE,mBAAmBC,EAAejC,IAAK8B,EAAYC,EAAoBlB,GAEhF,KAAK5C,EAAgBiF,OACnB,OACEjB,EAAe/B,QAAU4B,GACzB/D,KAAKsD,2BAA2BY,EAAe9B,KAAM8B,EAAehC,MAAOuB,EAAWC,GAE1F,KAAKxD,EAAgBkF,YACnB,OACElB,EAAe/B,QAAU4B,GACzB/D,KAAKiE,mBAAmBC,EAAe9B,KAAMqB,EAAWC,EAAmBZ,GAE/E,KAAK5C,EAAgBmF,aACnB,OACEnB,EAAe/B,QAAU4B,GACzB/D,KAAKiE,mBAAmBC,EAAehC,MAAOuB,EAAWC,EAAmBZ,GAEhF,KAAK5C,EAAgBoF,KACnB,OACEpB,EAAe9B,MAAQqB,GACvBzD,KAAK4D,yBAAyBM,EAAejC,IAAKiC,EAAe/B,OAAQ4B,EAAYC,GAEzF,KAAK9D,EAAgBqF,SACnB,OACErB,EAAe9B,MAAQqB,GACvBzD,KAAKiE,mBAAmBC,EAAejC,IAAK8B,EAAYC,EAAoBlB,GAEhF,KAAK5C,EAAgBsF,YACnB,OACEtB,EAAe9B,MAAQqB,GACvBzD,KAAKiE,mBAAmBC,EAAe/B,OAAQ4B,EAAYC,EAAoBlB,GAGnF,QACE,OAAO,M,EAKb,GAAI8B,EAAKN,GAAkB,CACzB,OAAOA,C,CAIT,MAAMmB,EAAY1F,EAAS2F,cAC3B,MAAMC,EAAaF,EAAUG,QAAQtB,GAErC,GAAIqB,KAAgB,EAAG,CACrB,OAAOrB,C,CAIT,IAAK,IAAIuB,EAAI,EAAGA,EAAIJ,EAAUK,OAAQD,IAAK,CACzC,MAAME,GAAYJ,EAAaE,GAAKJ,EAAUK,OAC9C,MAAMjB,EAAMY,EAAUM,GACtB,GAAInB,EAAKC,GAAM,CACb,OAAOA,C,EAIX,OAAO7E,KAAKgG,yBAAyB9B,E,CAI/B,wBAAA8B,CAAyB9B,GAE/B,MAAM+B,EACJ/B,EAAehC,OAASgC,EAAe9B,KAAOlC,EAAgB8E,MAAQ9E,EAAgBoF,KAExF,MAAMY,EACJhC,EAAe/B,QAAU+B,EAAejC,IAAM/B,EAAgBiF,OAASjF,EAAgBC,IAGzF,MAAMgG,EAAqBC,KAAKC,IAAInC,EAAehC,MAAOgC,EAAe9B,MACzE,MAAMkE,EAAmBF,KAAKC,IAAInC,EAAe/B,OAAQ+B,EAAejC,KAExE,MAAMsE,EAAgBD,GAAoBH,EAAqBD,EAAwBD,EAIvF,IAAIO,EAA0B,MAE9B,GAAID,IAAkBL,EAAuB,CAE3C,MAAMO,EAAqBL,KAAKM,IAAIxC,EAAehC,MAAOgC,EAAe9B,MACzEoE,EAA0BL,GAAsBM,EAAqB,C,KAChE,CAEL,MAAME,EAAmBP,KAAKM,IAAIxC,EAAe/B,OAAQ+B,EAAejC,KACxEuE,EAA0BF,GAAoBK,EAAmB,C,CAGnE,IAAKH,EAAyB,CAC5B,OAAOD,C,CAGT,MAAMK,EACJL,IAAkBL,EAAwBD,EAA0BC,EAGtE,MAAO,GAAGK,KAAiBK,G,CAOrB,sBAAAC,CAAuBC,GAC7B,IAAIC,EAAS5D,EAAiB2D,GAE9B,MAAOC,EAAQ,CACb,GAAIA,IAAWD,EAAQ7D,cAAc+D,gBAAiB,CACpD,OAAOD,C,CAGT,MAAM/E,EAAQiF,iBAAiBF,GAC/B,MAAMG,SAACA,EAAQC,UAAEA,EAASC,UAAEA,GAAapF,EACzC,MAAMqF,EAAoBH,IAAa,UAAYE,IAAc,UAAYD,IAAc,SAC3F,MAAMG,EACHP,EAAOQ,aAAeR,EAAOS,cAAgBN,IAAa,WAAaE,IAAc,WACrFL,EAAOU,YAAcV,EAAOW,aAAeR,IAAa,WAAaC,IAAc,UAEtF,IAAKE,GAAqBC,EAAc,CACtC,OAAOP,C,CAGTA,EAAS5D,EAAiB4D,E,CAG5B,OAAOD,EAAQ7D,cAAc+D,e,CAUvB,uBAAAW,GACN,MAAMC,EAAmB5H,KAAKgB,aAAayD,wBAE3C,GACEzE,KAAK6H,eACL7H,KAAK6H,cAAcC,IAAMF,EAAiBE,GAC1C9H,KAAK6H,cAAcE,IAAMH,EAAiBG,GAC1C/H,KAAK6H,cAAcnD,QAAUkD,EAAiBlD,OAC9C1E,KAAK6H,cAAclD,SAAWiD,EAAiBjD,QAC/C3E,KAAKgI,qBACL,CAEA,OAAOhI,KAAKgI,oB,CAGdhI,KAAK6H,cAAgBD,EACrB,MAAMK,EAAqBjI,KAAK6G,uBAAuB7G,KAAKgB,cAC5D,MAAMkH,EAAyBD,EAAmBxD,wBAClD,MAAM0D,EAA6BF,IAAuBjI,KAAKgB,aAAaiC,cAAc+D,gBAC1F,MAAMoB,EAAgBpI,KAAKgB,aAAaiC,cAAc+D,gBAAgBU,YACtE,MAAMW,EAAiBrI,KAAKgB,aAAaiC,cAAc+D,gBAAgBQ,aACvE,MAAMc,EAAY,EAKlB,MAAMC,EAAWJ,EAA6BD,EAAuBjG,IAAM,EAC3E,MAAMuG,EAAaL,EAA6BC,EAAgBF,EAAuBhG,MAAQ,EAC/F,MAAMuG,EAAcN,EAA6BE,EAAiBH,EAAuB/F,OAAS,EAClG,MAAMuG,EAAYP,EAA6BD,EAAuB9F,KAAO,EAE7EpC,KAAKgI,qBAAuB,CAC1B/F,IAAK2F,EAAiB3F,IAAMsG,EAAWD,EACvCpG,MAAOkG,EAAgBR,EAAiB1F,MAAQsG,EAAaF,EAC7DnG,OAAQkG,EAAiBT,EAAiBzF,OAASsG,EAAcH,EACjElG,KAAMwF,EAAiBxF,KAAOsG,EAAYJ,GAG5C,OAAOtI,KAAKgI,oB,CAIN,sBAAAW,GACN,MAAMC,EAAc5I,KAAKgB,aAAayD,wBACtC,MAAM2D,EAAgBpI,KAAKgB,aAAaiC,cAAc+D,gBAAgBU,YACtE,MAAMW,EAAiBrI,KAAKgB,aAAaiC,cAAc+D,gBAAgBQ,aAEvE,MAAO,CACLvF,IAAK2G,EAAY3G,IACjBC,MAAOkG,EAAgBQ,EAAY1G,MACnCC,OAAQkG,EAAiBO,EAAYzG,OACrCC,KAAMwG,EAAYxG,K,CAKd,sBAAAyG,GACN,MAAMC,EAAsB9I,KAAK2I,yBACjC,MAAMI,EAA0BC,EAA4BhJ,KAAKe,MACjE,MAAMkI,EAAoBF,IAA4B/I,KAAKe,KAAKkC,cAAc+D,gBAE9E,GAAIiC,EAAmB,CACrB,OAAOH,C,CAGT,MAAMI,EAAsBH,EAAwBtE,wBACpD,MAAM0E,EAAuBlC,iBAAiB8B,GAE9C,MAAMK,EAAa,CACjBnH,IAAKiH,EAAoBjH,IAAMoH,WAAWF,EAAqBG,gBAC/DpH,MAAOgH,EAAoBhH,MAAQmH,WAAWF,EAAqBI,kBACnEpH,OAAQ+G,EAAoB/G,OAASkH,WAAWF,EAAqBK,mBACrEpH,KAAM8G,EAAoB9G,KAAOiH,WAAWF,EAAqBM,kBAGnE,MAAM7B,EAAmB5H,KAAKgB,aAAayD,wBAE3C,MAAMiF,EAAkB,CACtBzH,IAAK2F,EAAiB3F,IAAMmH,EAAWnH,IACvCC,MAAOkH,EAAWlH,MAAQ0F,EAAiB1F,MAC3CC,OAAQiH,EAAWjH,OAASyF,EAAiBzF,OAC7CC,KAAMwF,EAAiBxF,KAAOgH,EAAWhH,MAI3C,MAAO,CACLH,IAAKyH,EAAgBzH,IAAM8G,EAAwBY,UACnDzH,MAAOwH,EAAgBxH,MAAQ6G,EAAwBa,WACvDzH,OAAQuH,EAAgBvH,OAAS4G,EAAwBY,UACzDvH,KAAMsH,EAAgBtH,KAAO2G,EAAwBa,W,CAKjD,mBAAAC,CAAoBtI,EAA2B2C,GACrD,MAAMR,EAAoB1D,KAAKgB,aAAauD,YAC5C,MAAMP,EAAqBhE,KAAKgB,aAAawD,aAC7C,MAAM1B,EAAiB9C,KAAK8C,eAK5B,MAAMgH,EAAgB9J,KAAK+J,WAAa/J,KAAK+C,OAAS,EAAI,EAC1D,MAAMiH,EAAYhK,KAAKe,KAAKiB,MAE5B,MAAMiI,EAAoBZ,WAAWpC,iBAAiBjH,KAAKe,MAAMmJ,UAAUC,QAAQ,KAAM,MAAQ,EACjG,MAAMC,EAAkBpK,KAAK6I,yBAM7B,MAAMwB,EAAWD,EAAgBhI,KAAOsB,EAAoBZ,EAC5D,MAAMwH,EAAYF,EAAgBlI,MAAQwB,EAAoBZ,EAC9D,MAAMyH,EAAUH,EAAgBnI,IAAM+B,EACtC,MAAMwG,EAAaJ,EAAgBjI,OAAS6B,EAC5C,MAAMyG,EAAcL,EAAgBnI,IAAM+B,EAAqBlB,EAC/D,MAAM4H,EAAiBN,EAAgBjI,OAAS6B,EAAqBlB,EAErE,IAAIT,EACJ,IAAIC,EAEJ,OAAQf,GACN,KAAKrB,EAAgBC,IACrB,KAAKD,EAAgB4E,UACnBkF,EAAU7H,OAAS,GAAGqI,MACtBR,EAAU5H,KAAO,GAAGiI,GAAY9I,IAAarB,EAAgB4E,UAAYgF,EAAgB,OACzFxH,EAAY4B,EAAejC,IAAMgI,EACjC,GAAI1I,IAAarB,EAAgB4E,UAAW,CAC1CzC,EAAW6B,EAAehC,MAAQwB,EAAoBZ,C,CAExD,MAEF,KAAK5C,EAAgB6E,SACnBiF,EAAU9H,MAAQ,GAAGoI,EAAYR,MACjCE,EAAU7H,OAAS,GAAGqI,MACtBnI,EAAW6B,EAAe9B,KAAOsB,EAAoBZ,EACrDR,EAAY4B,EAAejC,IAAMgI,EACjC,MAEF,KAAK/J,EAAgBiF,OACrB,KAAKjF,EAAgBmF,aACnB2E,EAAU/H,IAAM,GAAGsI,MACnBP,EAAU5H,KAAO,GAAGiI,GAAY9I,IAAarB,EAAgBmF,aAAeyE,EAAgB,OAC5FxH,EAAY4B,EAAe/B,OAAS8H,EACpC,GAAI1I,IAAarB,EAAgBmF,aAAc,CAC7ChD,EAAW6B,EAAehC,MAAQwB,EAAoBZ,C,CAExD,MAEF,KAAK5C,EAAgBkF,YACnB4E,EAAU/H,IAAM,GAAGsI,MACnBP,EAAU9H,MAAQ,GAAGoI,EAAYR,MACjCzH,EAAW6B,EAAe9B,KAAOsB,EAAoBZ,EACrDR,EAAY4B,EAAe/B,OAAS8H,EACpC,MAEF,KAAK/J,EAAgB8E,MACrB,KAAK9E,EAAgB+E,aACnB+E,EAAU/H,IAAM,GAAGwI,GAAelJ,IAAarB,EAAgB+E,aAAe6E,EAAgB,OAC9FE,EAAU5H,KAAO,GAAGgI,EAAgBhI,KAAOsB,MAC3CrB,EAAW6B,EAAehC,MAAQ+H,EAClC,GAAI1I,IAAarB,EAAgB8E,MAAO,CACtC1C,EAAY4B,EAAejC,IAAMiC,EAAe/B,OAAS6B,C,KACpD,CACL1B,EAAY4B,EAAe/B,OAAS6B,EAAqBlB,C,CAE3D,MAEF,KAAK5C,EAAgBgF,UACnB8E,EAAU7H,OAAS,GAAGuI,EAAiBZ,MACvCE,EAAU5H,KAAO,GAAGgI,EAAgBhI,KAAOsB,MAC3CrB,EAAW6B,EAAehC,MAAQ+H,EAClC3H,EAAY4B,EAAejC,IAAM+B,EAAqBlB,EACtD,MAEF,KAAK5C,EAAgBoF,KACrB,KAAKpF,EAAgBsF,YACnBwE,EAAU/H,IAAM,GAAGwI,GAAelJ,IAAarB,EAAgBsF,YAAcsE,EAAgB,OAC7FE,EAAU9H,MAAQ,GAAGkI,EAAgBlI,MAAQwB,MAC7CrB,EAAW6B,EAAe9B,KAAO6H,EACjC,GAAI1I,IAAarB,EAAgBsF,YAAa,CAC5ClD,EAAY4B,EAAe/B,OAAS6B,EAAqBlB,C,CAE3D,MAEF,KAAK5C,EAAgBqF,SACnByE,EAAU9H,MAAQ,GAAGkI,EAAgBlI,MAAQwB,MAC7CsG,EAAU7H,OAAS,GAAGuI,EAAiBZ,MACvCzH,EAAW6B,EAAe9B,KAAO6H,EACjC3H,EAAY4B,EAAejC,IAAM+B,EAAqBlB,EACtD,MAGJ,GAAI6H,MAAgBC,EAAOC,OAAQ,CAEjC1J,OAAOY,OAAOiI,EAAW,CACvB3H,SAAUA,EAAW,GAAGA,MAAe,GACvCC,UAAWA,EAAY,GAAGA,MAAgB,I,EAMxC,WAAAb,GACN,IAAKzB,KAAKgB,aAAc,CACtB,M,CAGF,IAAK8J,EAA4B9K,KAAKgB,aAAchB,KAAK6G,uBAAuB7G,KAAKgB,eAAgB,CAEnGhB,KAAKW,KAAO,MAEZ,M,CAGFQ,OAAOY,OAAO/B,KAAKe,KAAKiB,MAAO,CAE7BC,IAAK,OACLC,MAAO,OACPC,OAAQ,OACRC,KAAM,OACNC,SAAU,GACVC,UAAW,GAEXC,WAAY,WAGd,MAAM2B,EAAiBlE,KAAK2H,0BAC5B,MAAMpG,EAAWvB,KAAKqE,0BAA0BrE,KAAKuB,SAAU2C,GAE/DlE,KAAK6J,oBAAoBtI,EAAU2C,GACnClE,KAAKwB,gBAAkBD,EACvBvB,KAAK+K,eAAejJ,KAAK,CAACP,SAAUvB,KAAKwB,kBAGzCxB,KAAKe,KAAKiB,MAAMO,WAAa,S,CAG/B,iBAAAyI,GACEhL,KAAKiB,iBAAiBjB,KAAKuB,S,CAG7B,gBAAA0J,GACEjL,KAAK6C,mBACL,GAAI7C,KAAKW,KAAM,CACbX,KAAK0B,Q,EAIT,oBAAAwJ,GACEvJ,qBAAqB3B,KAAK4B,wB,CAG5B,MAAAuJ,GACE,OACEC,EAACC,EAAI,CAAA9K,IAAA,8DAAmBP,KAAKwB,iBAC3B4J,EAAA,QAAA7K,IAAA,6C,oIA7nBkBR,EAAA2F,cAAmC,CACzDxF,EAAgBC,IAChBD,EAAgB4E,UAChB5E,EAAgB6E,SAChB7E,EAAgB8E,MAChB9E,EAAgB+E,aAChB/E,EAAgBgF,UAChBhF,EAAgBiF,OAChBjF,EAAgBkF,YAChBlF,EAAgBmF,aAChBnF,EAAgBoF,KAChBpF,EAAgBqF,SAChBrF,EAAgBsF,a","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,c as o,h as r,a as e,g as a}from"./p-75c4a726.js";import{a0 as s}from"./p-86618221.js";import{a as i}from"./p-061e28d6.js";import"./p-5145a606.js";const c=':host{display:grid;width:fit-content;padding:calc(var(--space-unit) * 2);background:var(--color-surface01);gap:var(--space-unit);grid-template-columns:repeat(9, calc(var(--space-unit) * 3));grid-template-rows:repeat(5, calc(var(--space-unit) * 3))}:host,*{box-sizing:border-box}button{--border-color:var(--color-surface05);padding:0;border:none;appearance:none;background:none;border-radius:var(--border-radius);cursor:pointer}button[data-color="#FFFFFF00"]{position:relative}button[data-color="#FFFFFF00"]::after{position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(\n    -45deg,\n    transparent 48%,\n    var(--border-color) 48%,\n    var(--border-color) 52%,\n    transparent 52%\n  );border-radius:var(--border-radius);content:""}button[aria-selected="true"]{box-shadow:0 0 0 1px var(--color-white),\n    0 0 0 3px var(--color-active-primary)}button:focus-visible{box-shadow:var(--shadow-focus-primary)}button .color-swatch{width:calc(var(--space-unit) * 3);height:calc(var(--space-unit) * 3);border:var(--border-size-small) solid var(--border-color);border-radius:var(--border-radius)}button[data-color="#FFFFFF00"]:disabled{--border-color:var(--color-disabled01-icon);cursor:not-allowed}button[data-color="#FFFFFF00"]:disabled .color-swatch{background-color:var(--color-disabled02)}';const n=c;const l={it:{"Select a color":"Seleziona un colore","Color swatch":"Campione di colore"},en:{"Select a color":"Select a color","Color swatch":"Color swatch"}};const d=5;const h=9;const u=class{constructor(r){t(this,r);this.colorSelected=o(this,"colorSelected",7);this.colorKeysByRow=[];this._colorButtons=[];this.selectedColor=undefined;this.lng="it";this.htmlAriaLabel=undefined;this.disableTransparent=false}get colorButtons(){if(!this._colorButtons.length){this._colorButtons=Array.from(this.host.shadowRoot.querySelectorAll("button"))}return this._colorButtons}sortColorKeysByRow(){const t=Object.keys(s);const o=[];for(let r=0;r<d;r++){for(let e=0;e<h;e++){const a=e*d+r;if(a<t.length){o.push(t[a])}}}return o}moveFocusTo(t){this.colorButtons.forEach(((o,r)=>o.tabIndex=r===t?0:-1));this.colorButtons[t].focus()}validateTransparentSelection(){if(this.disableTransparent&&this.selectedColor==="#FFFFFF00"){this.selectedColor="#333333"}}emitColorSelected(){this.colorSelected.emit(this.selectedColor)}async setFocus(){this.colorButtons.forEach((t=>t.tabIndex=-1));const t=this.colorButtons.find((t=>t.ariaSelected==="true"))||this.colorButtons.find((t=>!t.disabled));if(!t){return}t.tabIndex=0;setTimeout((()=>{t.focus()}),50);this.host.tabIndex=-1}getNextIndexByKey(t,o,r){const e=Math.floor(t/h);const a=t%h;let s=t;switch(o){case"ArrowRight":{const t=a+1;const o=t>=h?(e+1)%d:e;s=o*h+t%h;if(s>=r){s=0}break}case"ArrowLeft":{const t=a-1;const o=t<0?(e-1+d)%d:e;s=o*h+(t+h)%h;if(s>=r){s=r-1}break}case"ArrowDown":{let t=e+1;let o=a;if(t>=d){t=0;o=(a+1)%h}s=t*h+o;if(s>=r){s=0}break}case"ArrowUp":{let t=e-1;let o=a;if(t<0){t=d-1;o=(a-1+h)%h}s=t*h+o;if(s>=r){s=r-1}break}}return s}handleKeyDown(t){var o,r;const e=t.composedPath()[0];if(!e.dataset.color){return}const a=this.colorButtons.indexOf(e);const s=this.colorButtons.length;if(a<0||!["ArrowRight","ArrowLeft","ArrowDown","ArrowUp"].includes(t.key)){return}let i=a;let c=0;do{i=this.getNextIndexByKey(i,t.key,s);c++}while(c<s&&((o=this.colorButtons[i])===null||o===void 0?void 0:o.disabled));if(i!==a&&i>=0&&i<s&&!((r=this.colorButtons[i])===null||r===void 0?void 0:r.disabled)){this.moveFocusTo(i);t.preventDefault();t.stopPropagation()}}handleBlur(t){const o=t.relatedTarget;if(!i(this.host,o)){this.host.tabIndex=0;this.colorButtons.forEach((t=>t.tabIndex=-1))}}componentWillLoad(){this.colorKeysByRow=this.sortColorKeysByRow()}render(){return r(e,{key:"24f0e76aecda9731ed826e8228f49ca5e08a14a5",role:"listbox","aria-label":this.htmlAriaLabel||l[this.lng]["Select a color"],tabIndex:0},this.colorKeysByRow.map((t=>{var o;return r("button",{class:"color-swatch","data-color":t,role:"option","aria-selected":((o=this.selectedColor)===null||o===void 0?void 0:o.toUpperCase())===t.toUpperCase()?"true":"false",tabIndex:-1,onClick:()=>this.selectedColor=t,disabled:this.disableTransparent&&t==="#FFFFFF00"},r("div",{class:"color-swatch",role:"img","aria-roledescription":l[this.lng]["Color swatch"],"aria-label":s[t][this.lng],title:s[t][this.lng],style:{backgroundColor:t}}))})))}get host(){return a(this)}static get watchers(){return{disableTransparent:["validateTransparentSelection"],selectedColor:["validateTransparentSelection","emitColorSelected"]}}};u.style=n;export{u as z_color_picker};
+//# sourceMappingURL=p-bd76ca35.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZColorPickerStyle0","LOCALES","it","en","COLOR_GROUP_SIZE","COLOR_GROUPS","ZColorPicker","this","colorKeysByRow","_colorButtons","colorButtons","length","Array","from","host","shadowRoot","querySelectorAll","sortColorKeysByRow","allKeys","Object","keys","ColorPickerPalette","ordered","row","col","columnMajorIndex","push","moveFocusTo","index","forEach","btn","i","tabIndex","focus","validateTransparentSelection","disableTransparent","selectedColor","emitColorSelected","colorSelected","emit","setFocus","firstSelectedOrEnabled","find","ariaSelected","disabled","setTimeout","getNextIndexByKey","currentIndex","key","totalColors","Math","floor","newIndex","newCol","newRow","handleKeyDown","event","target","composedPath","dataset","color","indexOf","includes","attempts","_a","_b","preventDefault","stopPropagation","handleBlur","relatedTarget","containsElement","componentWillLoad","render","h","Host","role","htmlAriaLabel","lng","map","colorKey","class","toUpperCase","onClick","title","style","backgroundColor"],"sources":["src/components/z-color-picker/styles.css?tag=z-color-picker&encapsulation=shadow","src/components/z-color-picker/index.tsx"],"sourcesContent":[":host {\n  display: grid;\n  width: fit-content;\n  padding: calc(var(--space-unit) * 2);\n  background: var(--color-surface01);\n  gap: var(--space-unit);\n  grid-template-columns: repeat(9, calc(var(--space-unit) * 3));\n  grid-template-rows: repeat(5, calc(var(--space-unit) * 3));\n}\n\n:host,\n* {\n  box-sizing: border-box;\n}\n\nbutton {\n  --border-color: var(--color-surface05);\n\n  padding: 0;\n  border: none;\n  appearance: none;\n  background: none;\n  border-radius: var(--border-radius);\n  cursor: pointer;\n}\n\nbutton[data-color=\"#FFFFFF00\"] {\n  position: relative;\n}\n\n/* draw a diagonal line from top right corner */\nbutton[data-color=\"#FFFFFF00\"]::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(\n    -45deg,\n    transparent 48%,\n    var(--border-color) 48%,\n    var(--border-color) 52%,\n    transparent 52%\n  );\n  border-radius: var(--border-radius);\n  content: \"\";\n}\n\nbutton[aria-selected=\"true\"] {\n  box-shadow:\n    0 0 0 1px var(--color-white),\n    0 0 0 3px var(--color-active-primary);\n}\n\nbutton:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n}\n\nbutton .color-swatch {\n  width: calc(var(--space-unit) * 3);\n  height: calc(var(--space-unit) * 3);\n  border: var(--border-size-small) solid var(--border-color);\n  border-radius: var(--border-radius);\n}\n\nbutton[data-color=\"#FFFFFF00\"]:disabled {\n  --border-color: var(--color-disabled01-icon);\n\n  cursor: not-allowed;\n}\n\nbutton[data-color=\"#FFFFFF00\"]:disabled .color-swatch {\n  background-color: var(--color-disabled02);\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Method, Prop, Watch, h} from \"@stencil/core\";\nimport {ColorPickerPalette} from \"../../beans\";\nimport {containsElement} from \"../../utils/utils\";\n\nconst LOCALES = {\n  it: {\n    \"Select a color\": \"Seleziona un colore\",\n    \"Color swatch\": \"Campione di colore\",\n  },\n  en: {\n    \"Select a color\": \"Select a color\",\n    \"Color swatch\": \"Color swatch\",\n  },\n} as const;\n\n/** Number of colors in each group (column) of the grid. */\nconst COLOR_GROUP_SIZE = 5;\n\n/** Number of color groups (columns) in the grid. */\nconst COLOR_GROUPS = 9;\n\n/**\n * Color picker component.\n * This component allows the user to pick a color from a predefined set.\n */\n@Component({\n  tag: \"z-color-picker\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZColorPicker {\n  @Element() host: HTMLZColorPickerElement;\n\n  /**\n   * The selected color to highlight.\n   */\n  @Prop({mutable: true})\n  selectedColor: ColorPickerPalette;\n\n  /**\n   * The language for the aria labels inside the color picker.\n   */\n  @Prop()\n  lng: \"it\" | \"en\" = \"it\";\n\n  /**\n   * The aria-label for the color picker, e.g. \"Select a background color for the label\".\n   */\n  @Prop()\n  htmlAriaLabel: string;\n\n  /**\n   * Disables the transparent color option.\n   * Setting `selectedColor` prop to `#FFFFFF00` while `disableTransparent` is true will default to `#333333` (\"dark gray 2\").\n   */\n  @Prop()\n  disableTransparent = false;\n\n  /**\n   * Event emitted when a color is selected.\n   */\n  @Event()\n  colorSelected: EventEmitter<ColorPickerPalette>;\n\n  /**\n   * The color keys arranged in row-major order for rendering and navigation.\n   */\n  private colorKeysByRow: ColorPickerPalette[] = [];\n\n  private _colorButtons: HTMLButtonElement[] = [];\n\n  private get colorButtons(): HTMLButtonElement[] {\n    if (!this._colorButtons.length) {\n      this._colorButtons = Array.from(this.host.shadowRoot.querySelectorAll(\"button\")) as HTMLButtonElement[];\n    }\n\n    return this._colorButtons;\n  }\n\n  /**\n   * Reorders color keys from column-major (the format of the `ColorPickerPalette` object) to row-major (visual/navigation order).\n   * This ensures button indices in the DOM match their visual position in the grid.\n   */\n  private sortColorKeysByRow(): ColorPickerPalette[] {\n    const allKeys = Object.keys(ColorPickerPalette) as ColorPickerPalette[];\n    const ordered: ColorPickerPalette[] = [];\n\n    // Iterate through visual positions (row by row, left to right)\n    for (let row = 0; row < COLOR_GROUP_SIZE; row++) {\n      for (let col = 0; col < COLOR_GROUPS; col++) {\n        const columnMajorIndex = col * COLOR_GROUP_SIZE + row;\n        if (columnMajorIndex < allKeys.length) {\n          ordered.push(allKeys[columnMajorIndex]);\n        }\n      }\n    }\n\n    return ordered;\n  }\n\n  /** Move focus to the specified color button by index. */\n  private moveFocusTo(index: number): void {\n    // Reset tabindex of other buttons and set tabindex to 0 on selected button\n    this.colorButtons.forEach((btn, i) => (btn.tabIndex = i === index ? 0 : -1));\n    this.colorButtons[index].focus();\n  }\n\n  @Watch(\"disableTransparent\")\n  @Watch(\"selectedColor\")\n  validateTransparentSelection(): void {\n    if (this.disableTransparent && this.selectedColor === \"#FFFFFF00\") {\n      this.selectedColor = \"#333333\"; // Default to dark gray 2 if transparent is disabled and currently selected\n    }\n  }\n\n  @Watch(\"selectedColor\")\n  emitColorSelected(): void {\n    this.colorSelected.emit(this.selectedColor);\n  }\n\n  /**\n   * Focuses the selected or first enabled color button and makes the container non-tabbable.\n   */\n  @Listen(\"focus\")\n  @Method()\n  async setFocus(): Promise<void> {\n    // Reset tabindex of all buttons\n    this.colorButtons.forEach((btn) => (btn.tabIndex = -1));\n    const firstSelectedOrEnabled =\n      this.colorButtons.find((btn) => btn.ariaSelected === \"true\") || this.colorButtons.find((btn) => !btn.disabled);\n    if (!firstSelectedOrEnabled) {\n      return;\n    }\n\n    firstSelectedOrEnabled.tabIndex = 0;\n    setTimeout(() => {\n      firstSelectedOrEnabled.focus();\n    }, 50);\n    // Set container as non-tabbable\n    this.host.tabIndex = -1;\n  }\n\n  /**\n   * Compute next index in row-major grid according to keyboard direction.\n   */\n  private getNextIndexByKey(currentIndex: number, key: string, totalColors: number): number {\n    const row = Math.floor(currentIndex / COLOR_GROUPS);\n    const col = currentIndex % COLOR_GROUPS;\n    let newIndex = currentIndex;\n\n    switch (key) {\n      case \"ArrowRight\": {\n        const newCol = col + 1;\n        const newRow = newCol >= COLOR_GROUPS ? (row + 1) % COLOR_GROUP_SIZE : row;\n        newIndex = newRow * COLOR_GROUPS + (newCol % COLOR_GROUPS);\n        if (newIndex >= totalColors) {\n          newIndex = 0; // Wrap to first item\n        }\n\n        break;\n      }\n      case \"ArrowLeft\": {\n        const newCol = col - 1;\n        const newRow = newCol < 0 ? (row - 1 + COLOR_GROUP_SIZE) % COLOR_GROUP_SIZE : row;\n        newIndex = newRow * COLOR_GROUPS + ((newCol + COLOR_GROUPS) % COLOR_GROUPS);\n        if (newIndex >= totalColors) {\n          newIndex = totalColors - 1; // Wrap to last item\n        }\n\n        break;\n      }\n      case \"ArrowDown\": {\n        let newRow = row + 1;\n        let newCol = col;\n        if (newRow >= COLOR_GROUP_SIZE) {\n          // Wrap to first item of next column\n          newRow = 0;\n          newCol = (col + 1) % COLOR_GROUPS;\n        }\n        newIndex = newRow * COLOR_GROUPS + newCol;\n        if (newIndex >= totalColors) {\n          newIndex = 0; // Wrap to first item\n        }\n\n        break;\n      }\n      case \"ArrowUp\": {\n        let newRow = row - 1;\n        let newCol = col;\n        if (newRow < 0) {\n          // Wrap to last item of previous column\n          newRow = COLOR_GROUP_SIZE - 1;\n          newCol = (col - 1 + COLOR_GROUPS) % COLOR_GROUPS;\n        }\n        newIndex = newRow * COLOR_GROUPS + newCol;\n        if (newIndex >= totalColors) {\n          newIndex = totalColors - 1; // Wrap to last item\n        }\n\n        break;\n      }\n    }\n\n    return newIndex;\n  }\n\n  /**\n   * Handle keyboard navigation within the color picker.\n   * Arrow keys move focus in the expected direction, wrapping around edges. The grid is navigated in row-major order.\n   */\n  @Listen(\"keydown\")\n  handleKeyDown(event: KeyboardEvent): void {\n    const target = event.composedPath()[0] as HTMLElement;\n    if (!target.dataset.color) {\n      return;\n    }\n\n    const currentIndex = this.colorButtons.indexOf(target as HTMLButtonElement);\n    const totalColors = this.colorButtons.length;\n    if (currentIndex < 0 || ![\"ArrowRight\", \"ArrowLeft\", \"ArrowDown\", \"ArrowUp\"].includes(event.key)) {\n      return;\n    }\n\n    let newIndex = currentIndex;\n    let attempts = 0;\n\n    do {\n      newIndex = this.getNextIndexByKey(newIndex, event.key, totalColors);\n      attempts++;\n    } while (attempts < totalColors && this.colorButtons[newIndex]?.disabled);\n\n    if (\n      newIndex !== currentIndex &&\n      newIndex >= 0 &&\n      newIndex < totalColors &&\n      !this.colorButtons[newIndex]?.disabled\n    ) {\n      this.moveFocusTo(newIndex);\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  }\n\n  /**\n   * When focus leaves the color picker (e.g. user tabs away), reset all buttons to non-tabbable and make the container tabbable again.\n   */\n  @Listen(\"blur\")\n  handleBlur(event: FocusEvent): void {\n    const relatedTarget = event.relatedTarget as HTMLElement;\n    if (!containsElement(this.host, relatedTarget)) {\n      this.host.tabIndex = 0;\n      this.colorButtons.forEach((btn) => (btn.tabIndex = -1));\n    }\n  }\n\n  componentWillLoad(): void {\n    this.colorKeysByRow = this.sortColorKeysByRow();\n  }\n\n  render(): HTMLZColorPickerElement {\n    return (\n      <Host\n        role=\"listbox\"\n        aria-label={this.htmlAriaLabel || LOCALES[this.lng][\"Select a color\"]}\n        tabIndex={0}\n      >\n        {this.colorKeysByRow.map((colorKey: ColorPickerPalette) => (\n          <button\n            class=\"color-swatch\"\n            data-color={colorKey}\n            role=\"option\"\n            aria-selected={this.selectedColor?.toUpperCase() === colorKey.toUpperCase() ? \"true\" : \"false\"}\n            tabIndex={-1}\n            onClick={() => (this.selectedColor = colorKey)}\n            disabled={this.disableTransparent && colorKey === \"#FFFFFF00\"}\n          >\n            <div\n              class=\"color-swatch\"\n              role=\"img\"\n              aria-roledescription={LOCALES[this.lng][\"Color swatch\"]}\n              aria-label={ColorPickerPalette[colorKey][this.lng]}\n              title={ColorPickerPalette[colorKey][this.lng]}\n              style={{backgroundColor: colorKey}}\n            ></div>\n          </button>\n        ))}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,c as o,h as e,a as i}from"./p-75c4a726.js";const n=':host{--z-notification--top-offset:0;--z-notification--content-max-width:100%;display:block;width:100%}.main-container{display:flex;max-width:var(--z-notification--content-max-width);align-items:flex-start;padding:calc(var(--space-unit) * 2);margin:0 auto;background-color:transparent;font-family:var(--font-family-sans)}:host([sticky]){position:sticky;top:var(--z-notification--top-offset)}:host([sticky]),:host([showshadow]){box-shadow:var(--shadow-3)}:host([type="success"]){background:var(--color-inverse-success)}:host([type="warning"]){background:var(--color-inverse-warning)}:host([type="error"]){background:var(--color-inverse-error)}.status-icon,.close-button{display:flex;height:20px;align-items:center}:host([type="success"]) .status-icon{fill:var(--color-default-success)}:host([type="warning"]) .status-icon{fill:var(--color-default-warning)}:host([type="error"]) .status-icon{fill:var(--color-default-error)}:host([borderposition="bottom"]){border-bottom:var(--border-size-medium) solid var(--color-surface03)}:host([borderposition="top"]){border-top:var(--border-size-medium) solid var(--color-surface03)}button{padding:0;border:none;margin:0;background:transparent;cursor:pointer;font-family:inherit}.status-icon+.content-container{margin-left:var(--space-unit)}.content-container{display:flex;flex:1 auto;flex-wrap:wrap;align-items:baseline;justify-content:space-between;row-gap:calc(var(--space-unit) * 2)}.content-text{color:var(--color-default-text);font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:20px}.action-button{color:var(--color-primary01);font-size:var(--font-size-1);font-weight:var(--font-sb);letter-spacing:0.32px;line-height:16px}.action-button:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}.content-container+.close-button{margin-left:calc(var(--space-unit) * 2)}.close-button z-icon{fill:var(--color-primary01)}@media only screen and (min-width: 768px){.content-container{flex-wrap:nowrap}.content-text+.action-button{margin-left:calc(var(--space-unit) * 5)}}';const a=n;const s=class{handleActionButtonClick(t){t.preventDefault();this.notificationAction.emit()}handleCloseButtonClick(t){t.preventDefault();this.notificationClose.emit()}constructor(e){t(this,e);this.notificationAction=o(this,"notificationAction",7);this.notificationClose=o(this,"notificationClose",7);this.contenticonname=undefined;this.actiontext=undefined;this.type=undefined;this.showclose=false;this.showshadow=false;this.sticky=false;this.borderposition="bottom";this.handleActionButtonClick=this.handleActionButtonClick.bind(this);this.handleCloseButtonClick=this.handleCloseButtonClick.bind(this)}render(){var t;return e(i,{key:"7a717d8687d3e8e6de06c25192f9e2f14b6563c1"},e("div",{key:"eee4aa9a69678e7f353ead6ef4e805544e55426e",class:"main-container"},this.contenticonname&&e("z-icon",{key:"8d582f822e1e4ad440c65002d9a4abb5e0294040",class:"status-icon",name:this.contenticonname,width:16,height:16}),e("div",{key:"2779b5f3d772ee729c67b1616523ccac1b4646f0",class:"content-container"},e("div",{key:"1e622f63cc7d8523ab52561360a9de5e8829e976",class:"content-text"},e("slot",{key:"f0c65317530288e6ddeb9b604d21243858f25220"})),!!((t=this.actiontext)===null||t===void 0?void 0:t.trim())&&e("button",{key:"2cefcdb30e39df9dd2e80f4ddd41f9c887d3594e",class:"action-button",type:"button",onClick:this.handleActionButtonClick},this.actiontext)),this.showclose&&e("button",{key:"1a4d7a77ae2b9d6f86cfab0c7b72c77daff9d3da",class:"close-button",type:"button",onClick:this.handleCloseButtonClick},e("z-icon",{key:"33377e8438a076a2c3eee32ab9f513885e15fbcf",name:"multiply-circle",width:16,height:16}))))}};s.style=a;export{s as z_notification};
+//# sourceMappingURL=p-be1c414e.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZNotificationStyle0","ZNotification","handleActionButtonClick","e","preventDefault","this","notificationAction","emit","handleCloseButtonClick","notificationClose","constructor","hostRef","bind","render","h","Host","key","class","contenticonname","name","width","height","_a","actiontext","trim","type","onClick","showclose"],"sources":["src/components/z-notification/styles.css?tag=z-notification&encapsulation=shadow","src/components/z-notification/index.tsx"],"sourcesContent":[":host {\n  --z-notification--top-offset: 0;\n  --z-notification--content-max-width: 100%;\n\n  display: block;\n  width: 100%;\n}\n\n.main-container {\n  display: flex;\n  max-width: var(--z-notification--content-max-width);\n  align-items: flex-start;\n  padding: calc(var(--space-unit) * 2);\n  margin: 0 auto;\n  background-color: transparent;\n  font-family: var(--font-family-sans);\n}\n\n:host([sticky]) {\n  position: sticky;\n  top: var(--z-notification--top-offset);\n}\n\n:host([sticky]),\n:host([showshadow]) {\n  box-shadow: var(--shadow-3);\n}\n\n:host([type=\"success\"]) {\n  background: var(--color-inverse-success);\n}\n\n:host([type=\"warning\"]) {\n  background: var(--color-inverse-warning);\n}\n\n:host([type=\"error\"]) {\n  background: var(--color-inverse-error);\n}\n\n.status-icon,\n.close-button {\n  /* simulate the line-height of the text\n  to make the icon look correctly aligned with it. */\n  display: flex;\n  height: 20px;\n  align-items: center;\n}\n\n:host([type=\"success\"]) .status-icon {\n  fill: var(--color-default-success);\n}\n\n:host([type=\"warning\"]) .status-icon {\n  fill: var(--color-default-warning);\n}\n\n:host([type=\"error\"]) .status-icon {\n  fill: var(--color-default-error);\n}\n\n:host([borderposition=\"bottom\"]) {\n  border-bottom: var(--border-size-medium) solid var(--color-surface03);\n}\n\n:host([borderposition=\"top\"]) {\n  border-top: var(--border-size-medium) solid var(--color-surface03);\n}\n\nbutton {\n  padding: 0;\n  border: none;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  font-family: inherit;\n}\n\n.status-icon + .content-container {\n  margin-left: var(--space-unit);\n}\n\n.content-container {\n  display: flex;\n  flex: 1 auto;\n  flex-wrap: wrap;\n  align-items: baseline;\n  justify-content: space-between;\n  row-gap: calc(var(--space-unit) * 2);\n}\n\n.content-text {\n  color: var(--color-default-text);\n  font-size: var(--font-size-2);\n  font-weight: var(--font-rg);\n  letter-spacing: 0.16px;\n  line-height: 20px;\n}\n\n.action-button {\n  color: var(--color-primary01);\n  font-size: var(--font-size-1);\n  font-weight: var(--font-sb);\n  letter-spacing: 0.32px;\n  line-height: 16px;\n}\n\n.action-button:focus {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none !important;\n}\n\n.content-container + .close-button {\n  margin-left: calc(var(--space-unit) * 2);\n}\n\n.close-button z-icon {\n  fill: var(--color-primary01);\n}\n\n/* Tablet breakpoint */\n@media only screen and (min-width: 768px) {\n  .content-container {\n    flex-wrap: nowrap;\n  }\n\n  .content-text + .action-button {\n    margin-left: calc(var(--space-unit) * 5);\n  }\n}\n","import {Component, Event, EventEmitter, Host, Prop, h} from \"@stencil/core\";\nimport {NotificationType} from \"../../beans\";\n\n/**\n * Notification bar component.\n * @slot - The text of the notification.\n * @cssprop --z-notification--top-offset - The top offset of the notification. Use it when `sticky` prop is set to `true` and you need the notification to stay under other sticky elements. Default: 0px.\n * @cssprop --z-notification--content-max-width - The max width of the notification content.\n */\n@Component({\n  tag: \"z-notification\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZNotification {\n  /** Name of the icon on the left of the content */\n  @Prop()\n  contenticonname?: string;\n\n  /** Action button text */\n  @Prop()\n  actiontext?: string;\n\n  /** Alert variant type */\n  @Prop({reflect: true})\n  type: NotificationType;\n\n  /** Enable close icon */\n  @Prop()\n  showclose?: boolean = false;\n\n  /**\n   * Enable shadow.\n   * @deprecated shadow is available only for the `sticky` version of the notification.\n   */\n  @Prop({reflect: true})\n  showshadow?: boolean = false;\n\n  /** Enable sticky notification bar. */\n  @Prop({reflect: true})\n  sticky?: boolean = false;\n\n  /** Border position */\n  @Prop({reflect: true})\n  borderposition?: \"top\" | \"bottom\" = \"bottom\";\n\n  /** Call to action clicked */\n  @Event()\n  notificationAction: EventEmitter;\n\n  private handleActionButtonClick(e: MouseEvent): void {\n    e.preventDefault();\n    this.notificationAction.emit();\n  }\n\n  /** Close button clicked */\n  @Event()\n  notificationClose: EventEmitter;\n\n  private handleCloseButtonClick(e: MouseEvent): void {\n    e.preventDefault();\n    this.notificationClose.emit();\n  }\n\n  constructor() {\n    this.handleActionButtonClick = this.handleActionButtonClick.bind(this);\n    this.handleCloseButtonClick = this.handleCloseButtonClick.bind(this);\n  }\n\n  render(): HTMLZNotificationElement {\n    return (\n      <Host>\n        <div class=\"main-container\">\n          {this.contenticonname && (\n            <z-icon\n              class=\"status-icon\"\n              name={this.contenticonname}\n              width={16}\n              height={16}\n            />\n          )}\n          <div class=\"content-container\">\n            <div class=\"content-text\">\n              <slot></slot>\n            </div>\n            {!!this.actiontext?.trim() && (\n              <button\n                class=\"action-button\"\n                type=\"button\"\n                onClick={this.handleActionButtonClick}\n              >\n                {this.actiontext}\n              </button>\n            )}\n          </div>\n          {this.showclose && (\n            <button\n              class=\"close-button\"\n              type=\"button\"\n              onClick={this.handleCloseButtonClick}\n            >\n              <z-icon\n                name=\"multiply-circle\"\n                width={16}\n                height={16}\n              />\n            </button>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAY,6gEAClB,MAAAC,EAAeD,E,MCaFE,EAAa,MAoChB,uBAAAC,CAAwBC,GAC9BA,EAAEC,iBACFC,KAAKC,mBAAmBC,M,CAOlB,sBAAAC,CAAuBL,GAC7BA,EAAEC,iBACFC,KAAKI,kBAAkBF,M,CAGzB,WAAAG,CAAAC,G,kNAnCsB,M,gBAOC,M,YAIJ,M,oBAIiB,SAqBlCN,KAAKH,wBAA0BG,KAAKH,wBAAwBU,KAAKP,MACjEA,KAAKG,uBAAyBH,KAAKG,uBAAuBI,KAAKP,K,CAGjE,MAAAQ,G,MACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,kBACRZ,KAAKa,iBACJJ,EAAA,UAAAE,IAAA,2CACEC,MAAM,cACNE,KAAMd,KAAKa,gBACXE,MAAO,GACPC,OAAQ,KAGZP,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,QAAAE,IAAA,kDAECM,EAAAjB,KAAKkB,cAAU,MAAAD,SAAA,SAAAA,EAAEE,SAClBV,EAAA,UAAAE,IAAA,2CACEC,MAAM,gBACNQ,KAAK,SACLC,QAASrB,KAAKH,yBAEbG,KAAKkB,aAIXlB,KAAKsB,WACJb,EAAA,UAAAE,IAAA,2CACEC,MAAM,eACNQ,KAAK,SACLC,QAASrB,KAAKG,wBAEdM,EAAA,UAAAE,IAAA,2CACEG,KAAK,kBACLC,MAAO,GACPC,OAAQ,O","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,g as o}from"./p-75c4a726.js";import{I as s,e as a,i as r,g as n,l}from"./p-86618221.js";import{r as c,e as h}from"./p-061e28d6.js";import"./p-5145a606.js";const d='.z-label{display:block;padding-bottom:var(--space-unit);color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);text-align:left;text-transform:uppercase}:host{display:block;min-width:290px;color:var(--color-form-default-text);fill:var(--color-form-default-icon);font-family:var(--font-family-sans)}:host>div.fixed{position:relative}:host>div>.header{position:relative;z-index:10;display:flex;min-height:42px;align-items:center;justify-content:space-between;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--color-form-surface04);margin:0;background-color:var(--color-form-background);border-radius:var(--border-radius-small);cursor:pointer}:host([size="small"])>div>.header{min-height:34px;font-size:var(--font-size-2)}:host([size="x-small"])>div>.header{min-height:30px;font-size:var(--font-size-2)}:host>div>.header:hover{outline:var(--border-size-medium) solid var(--color-form-surface04);outline-offset:-2px}:host>div>div.header:focus:focus-visible{z-index:16;box-shadow:var(--shadow-focus-primary);outline:none}:host>div>.header>span.body-3>span{font-weight:var(--font-sb)}:host>div>.header>z-icon{fill:var(--color-form-default-icon);transform:rotate(360deg);transition:all 200ms linear}:host>div>.header>z-icon.small,:host>div>.header>z-icon.x-small{--z-icon-width:16px;--z-icon-height:16px}:host>div.open>.header{border:var(--border-size-small) solid var(--color-form-active-primary);border-radius:var(--border-radius-small) var(--border-radius-small) 0 0}:host>div.disabled{pointer-events:none}:host>div.disabled .header{border-color:var(--color-form-disabled03);fill:var(--color-form-disabled01-icon)}:host>div.disabled .header>span.body-3{color:var(--color-form-disabled03)}:host>div.disabled .header>z-icon:last-child{fill:var(--color-form-disabled01-icon)}:host>div.open>.header>z-icon{fill:var(--color-form-default-icon);transform:rotate(180deg);transition:all 200ms linear}:host>div>div.open-combo-data{display:none}:host>div.open>div.open-combo-data{position:relative;z-index:12;display:block;padding:var(--space-unit) calc(var(--space-unit) * 2);border:var(--border-size-small) solid var(--color-form-surface03);border-top:0;background-color:var(--color-form-background);border-radius:0;box-shadow:var(--shadow-2)}:host .open .open-combo-data z-input .z-label{color:var(--color-form-default-text)}:host>div.open>div.open-combo-data>div>div{overflow:auto;max-height:235px;padding:0;padding-left:var(--space-unit);margin-left:calc(var(--space-unit) * -1);}:host>div.open>div.open-combo-data>z-input{width:100%;margin-bottom:calc(var(--space-unit) * 2)}:host>div.open>div.open-combo-data>div>div>ul{max-height:235px;padding:0 calc(var(--space-unit) * 0.5);margin:0}:host .open-combo-data z-list-element{--background-color-list-element:var(--color-form-background);--background-hover-color-list-element:var(--color-form-surface03);--background-active-color-list-element:var(--color-form-surface03)}:host .open-combo-data z-list-element[disabled]{pointer-events:none}:host .open-combo-data z-list-element .option-wrap{display:flex;flex-direction:row;align-items:center;cursor:pointer;gap:var(--space-unit)}:host .open-combo-data z-list-element[size="medium"] .option-wrap,:host .open-combo-data z-list-element[size="small"] .option-wrap{--z-icon-width:16px;--z-icon-height:16px;font-size:var(--font-size-2);gap:calc(var(--space-unit) / 2)}:host .open-combo-data z-list-element .option-wrap>z-icon{fill:var(--color-primary01)}:host .open-combo-data z-list-element[disabled] .option-wrap>z-icon{fill:var(--color-disabled01)}:host .open-combo-data z-list-element .option-wrap>z-icon.focused{border-radius:var(--border-radius-small);box-shadow:var(--shadow-focus-primary);outline:none}:host .open-combo-data z-list-element .option-wrap>[role="option"]:focus,:host .open-combo-data z-list-element .option-wrap>[role="option"]:focus-visible{outline:none}::-webkit-scrollbar{width:6px;background:linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px)}::-webkit-scrollbar-thumb{background-color:var(--color-primary01)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}@supports not selector(::-webkit-scrollbar-track){:host{scrollbar-color:var(--color-primary01) transparent}}:host>div.open>z-input{position:relative;z-index:1;width:238px;margin:0 calc(var(--space-unit) * 2);color:var(--color-form-active-primary)}:host>div.open>div.open-combo-data>div>div.search{overflow:hidden;max-height:none;margin-top:0}:host>div.open>div.open-combo-data>div>div.search>ul{overflow:auto;max-height:180px;padding:var(--space-unit) calc(var(--space-unit) * 2)}:host .open .open-combo-data .search .no-results{display:flex;align-items:center;column-gap:var(--space-unit)}:host>.open>.open-combo-data .search .close-search{display:flex;justify-content:center}:host>div.open>div.open-combo-data>div>div.search .close-search>a{display:inline-block;height:44px;color:var(--color-form-active-primary);cursor:pointer;font-size:14px;font-weight:var(--font-sb);line-height:44px;text-align:center;text-transform:uppercase}:host>div.open>div.open-combo-data>div>div.search .close-search>a:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}:host>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 2)\n    calc(var(--space-unit) * 1.5);border-bottom:var(--border-size-small) solid var(--gray800);margin-bottom:var(--space-unit);margin-left:calc(var(--space-unit) * -1);text-align:left}:host([size="small"])>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 0.5)}:host([size="x-small"])>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:var(--space-unit) calc(var(--space-unit) * 0.5)}';const p=d;const u=class{watchItems(){this.itemsList=typeof this.items==="string"?JSON.parse(this.items):this.items;this.selectedCounter=this.itemsList.filter((t=>t.checked)).length;this.updateRenderItemsList()}watchSearchValue(){this.filterItems(this.searchValue)}emitComboboxChange(){this.comboboxChange.emit({id:this.inputid,items:this.itemsList})}constructor(i){t(this,i);this.comboboxChange=e(this,"comboboxChange",7);this.itemsList=[];this.inputType=s.TEXT;this.inputid=`combo-${c()}`;this.items=undefined;this.label=undefined;this.disabled=false;this.hassearch=false;this.searchlabel=undefined;this.searchplaceholder=undefined;this.searchtitle=undefined;this.noresultslabel="Nessun risultato";this.isopen=false;this.isfixed=false;this.hascheckall=false;this.checkalltext="Seleziona tutti";this.uncheckalltext="Deseleziona tutti";this.maxcheckableitems=0;this.hasgroupitems=undefined;this.size=a.BIG;this.htmlAriaLabel=undefined;this.searchValue=undefined;this.selectedCounter=undefined;this.renderItemsList=[];this.focusedItemId="";this.toggleComboBox=this.toggleComboBox.bind(this);this.closeFilterItems=this.closeFilterItems.bind(this)}componentWillLoad(){this.watchItems()}componentWillRender(){this.selectedCounter=this.itemsList.filter((t=>t.checked)).length}getControlToListSize(){switch(this.size){case a.X_SMALL:return r.SMALL;case a.SMALL:return r.MEDIUM;default:return r.LARGE}}getOptionId(t){return`${this.inputid}-option-${t}`}getCheckAllOptionId(){return`${this.inputid}-check-all`}allOptionsSelected(){return this.selectedCounter===this.itemsList.length}hasReachedMaxSelections(){return!!(this.maxcheckableitems&&this.selectedCounter>=this.maxcheckableitems)}handleHeaderKeyDown(t){if(t.code===n.ENTER&&!this.focusedItemId){this.toggleComboBox()}if(!this.isopen||this.hassearch){return}switch(t.code){case n.SPACE:case n.ENTER:if(this.focusedItemId){t.preventDefault();this.checkOption(this.focusedItemId)}break;case n.ESC:if(this.focusedItemId){this.focusedItemId=""}break;case n.ARROW_DOWN:case n.ARROW_UP:this.handleArrowsNavigation(t);break}}handleInputKeyDown(t){switch(t.code){case n.ENTER:case n.SPACE:if(this.focusedItemId){t.preventDefault();this.checkOption(this.focusedItemId);break}break;case n.ARROW_DOWN:case n.ARROW_UP:this.handleArrowsNavigation(t);break;case n.ESC:if(this.focusedItemId){this.focusedItemId="";break}this.closeFilterItems();break;case n.TAB:this.focusedItemId="";break}}checkOption(t){if(t===this.getCheckAllOptionId()){this.itemsList=this.itemsList.map((t=>Object.assign(Object.assign({},t),{checked:!this.allOptionsSelected()})));this.focusedItemId=this.getCheckAllOptionId()}else{this.itemsList=this.itemsList.map((e=>{if(t===this.getOptionId(e.id)){e.checked=!e.checked}return e}))}this.updateRenderItemsList();this.emitComboboxChange()}handleArrowsNavigation(t){if(![n.ARROW_DOWN,n.ARROW_UP].includes(t.code)||!this.isopen){return}t.preventDefault();t.stopPropagation();const e=this.focusedItemId?this.element.shadowRoot.querySelector(`#${this.focusedItemId}`):null;const i=Array.from(this.element.shadowRoot.querySelectorAll('[role="option"]'));if(!i.length){return}const o=e?i.indexOf(e):null;const s=0;const a=i.length-1;let r=null;if(t.code===n.ARROW_DOWN){r=o===null?i[s]:i[o+1]||i[a]}else if(t.code===n.ARROW_UP){r=o===null?i[a]:i[o-1]||i[s]}this.focusedItemId=r.id;r.scrollIntoView({block:"nearest",container:"nearest"})}updateRenderItemsList(){if(this.searchValue){this.filterItems(this.searchValue)}else{this.resetRenderItemsList()}}resetRenderItemsList(){const t=[];this.itemsList.forEach((e=>{t.push(Object.assign({},e))}));this.renderItemsList=t}filterItems(t){if(!t){return this.closeFilterItems()}this.resetRenderItemsList();this.renderItemsList=this.renderItemsList.filter((e=>{const i=e.name.toUpperCase().indexOf(t.toUpperCase());const o=i+t.length;const s=e.name.substring(0,i)+"<strong>"+e.name.substring(i,o)+"</strong>"+e.name.substring(o,e.name.length);e.name=s;return i>=0}))}closeFilterItems(){this.searchValue="";this.resetRenderItemsList()}toggleComboBox(){this.isopen=!this.isopen}getComboboxA11yAttributes(t){const e="combobox";const i=this.htmlAriaLabel;const o=this.isopen?"true":"false";const s=this.isopen?this.focusedItemId:"";const a=`${this.inputid}_list`;if(t){return{role:e,"aria-label":i,"html-aria-expanded":o,"html-aria-activedescendant":s,"html-aria-controls":a}}return{role:e,"aria-label":i,"aria-expanded":o,"aria-activedescendant":s,"aria-controls":a}}renderHeader(){const t=!this.hassearch?this.getComboboxA11yAttributes(false):{};return i("div",Object.assign({class:"header",onClick:()=>this.toggleComboBox(),onKeyDown:t=>this.handleHeaderKeyDown(t),role:"button",tabindex:0,"aria-controls":"open-combo-data","aria-expanded":this.isopen?"true":"false"},t),i("span",{class:"body-3","aria-label":this.label?`${this.label}${this.selectedCounter>0?` - ${this.selectedCounter} selezionati`:``}`:undefined},this.label,i("span",null,this.selectedCounter>0&&` (${this.selectedCounter})`)),i("z-icon",{name:"caret-down",class:this.size}))}renderContent(){return i("div",{id:"open-combo-data",class:"open-combo-data"},this.hassearch&&this.renderSearchInput(),i("div",{role:"listbox","aria-label":this.label,"aria-multiselectable":"true",id:`${this.inputid}_list`,"aria-owns":`${this.hascheckall?`${this.getCheckAllOptionId()} `:``}${this.itemsList.map((t=>this.getOptionId(t.id))).join(" ")}`},this.renderItems()))}renderItems(){return i("div",{class:this.searchValue&&"search",tabIndex:-1,role:"presentation"},this.renderList(this.renderItemsList))}renderItem(t,e,o){const s=this.getOptionId(t.id);const a=!t.checked&&this.hasReachedMaxSelections();return i("z-list-element",{htmlTabindex:-1,dividerType:e!==o-1?l.ELEMENT:l.NONE,size:this.getControlToListSize(),role:"presentation",disabled:!!a},i("span",{class:"option-wrap",role:"presentation",onClick:()=>{this.focusedItemId="";this.checkOption(s)}},i("z-icon",{name:t.checked?"checkbox-checked":"checkbox",class:this.focusedItemId===s?"focused":""}),i("span",{id:s,role:a?"presentation":"option","aria-selected":t.checked?"true":"false","aria-label":a?undefined:h(t.name)},i("span",{"aria-hidden":"true",innerHTML:t.name}))))}renderList(t){if(!t){return}if(!t.length&&this.searchValue){return this.renderNoSearchResults()}if(this.hasgroupitems){return this.renderGroups(t)}return i("ul",{role:"presentation"},this.renderCheckAll(),t.map(((e,i)=>this.renderItem(e,i,t.length))))}renderGroups(t){const e=t.reduce(((e,i,o)=>{var s;const a=i.category||"Altra categoria";const r=this.renderItem(i,o,t.length);e[a]=(s=e[a])!==null&&s!==void 0?s:[];e[a].push(r);return e}),{});const o=Object.entries(e).map((([t,e],o)=>i("z-list-group",{size:this.getControlToListSize(),"divider-type":l.ELEMENT,"aria-labelledby":`${this.inputid}_list_group_${o}`},i("span",{class:"body-3-sb z-list-group-title",slot:"header-title",id:`${this.inputid}_list_group_${o}`,"aria-hidden":"true"},t),e.map((t=>t)))));return i("ul",{role:"presentation"},this.renderCheckAll(),o)}renderNoSearchResults(){return i("div",{class:"no-results"},i("span",null,this.noresultslabel))}renderSearchInput(){return i("z-input",Object.assign({htmlid:`${this.inputid}_search`,label:this.searchlabel,placeholder:this.searchplaceholder,htmltitle:this.searchtitle,type:this.inputType,value:this.searchValue,message:false,size:this.size,"html-aria-autocomplete":"list"},this.getComboboxA11yAttributes(true),{onKeyDown:t=>this.handleInputKeyDown(t),onInputChange:t=>{this.searchValue=t.detail.value;this.focusedItemId=""}}))}renderCheckAll(){if(!this.hascheckall||this.searchValue){return}const t=this.getCheckAllOptionId();const e=this.allOptionsSelected();const o=this.hasReachedMaxSelections()||this.maxcheckableitems&&this.maxcheckableitems<this.itemsList.length;return i("z-list-element",{class:"check-all-wrapper",role:"presentation",htmlTabindex:-1,dividerType:l.ELEMENT,dividerColor:"gray800",size:this.getControlToListSize(),disabled:!!o},i("span",{class:"option-wrap",role:"presentation",onClick:()=>this.checkOption(t)},i("z-icon",{name:e?"checkbox-checked":"checkbox",class:this.focusedItemId===t?"focused":""}),i("span",{id:t,role:o?"presentation":"option","aria-selected":e?"true":"false"},e?this.uncheckalltext:this.checkalltext)))}render(){return i("div",{key:"3d2a5f02bd730efb2ff1390c4e21e96224a4e552","data-action":`combo-${this.inputid}`,class:{open:this.isopen,fixed:this.isfixed,disabled:this.disabled},id:this.inputid},this.renderHeader(),!this.disabled&&this.renderContent())}get element(){return o(this)}static get watchers(){return{items:["watchItems"],searchValue:["watchSearchValue"]}}};u.style=p;export{u as z_combobox};
+//# sourceMappingURL=p-c3e03e41.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZComboboxStyle0","ZCombobox","watchItems","this","itemsList","items","JSON","parse","selectedCounter","filter","item","checked","length","updateRenderItemsList","watchSearchValue","filterItems","searchValue","emitComboboxChange","comboboxChange","emit","id","inputid","constructor","hostRef","inputType","InputType","TEXT","randomId","ControlSize","BIG","toggleComboBox","bind","closeFilterItems","componentWillLoad","componentWillRender","getControlToListSize","size","X_SMALL","ListSize","SMALL","MEDIUM","LARGE","getOptionId","itemId","getCheckAllOptionId","allOptionsSelected","hasReachedMaxSelections","maxcheckableitems","handleHeaderKeyDown","e","code","KeyboardCode","ENTER","focusedItemId","isopen","hassearch","SPACE","preventDefault","checkOption","ESC","ARROW_DOWN","ARROW_UP","handleArrowsNavigation","handleInputKeyDown","TAB","optionId","map","Object","assign","i","includes","stopPropagation","currElem","element","shadowRoot","querySelector","options","Array","from","querySelectorAll","currElemIndex","indexOf","firstElemIndex","lastElemIndex","nextElem","scrollIntoView","block","container","resetRenderItemsList","renderItemsList","forEach","push","value","start","name","toUpperCase","end","newName","substring","getComboboxA11yAttributes","isZInput","role","ariaLabel","htmlAriaLabel","ariaExpanded","ariaActivedescendant","ariaControls","renderHeader","comboboxA11yAttributes","h","class","onClick","onKeyDown","tabindex","label","undefined","renderContent","renderSearchInput","hascheckall","join","renderItems","tabIndex","renderList","renderItem","index","isDisabled","htmlTabindex","dividerType","ListDividerType","ELEMENT","NONE","disabled","getPlainText","innerHTML","renderNoSearchResults","hasgroupitems","renderGroups","renderCheckAll","newData","reduce","group","category","zListItem","_a","listGroups","entries","key","slot","noresultslabel","htmlid","searchlabel","placeholder","searchplaceholder","htmltitle","searchtitle","type","message","onInputChange","detail","allChecked","dividerColor","uncheckalltext","checkalltext","render","open","fixed","isfixed"],"sources":["src/components/z-combobox/styles.css?tag=z-combobox&encapsulation=shadow","src/components/z-combobox/index.tsx"],"sourcesContent":["@import \"../css-components/z-label/styles.css\";\n\n:host {\n  display: block;\n  min-width: 290px;\n  color: var(--color-form-default-text);\n  fill: var(--color-form-default-icon);\n  font-family: var(--font-family-sans);\n}\n\n:host > div.fixed {\n  position: relative;\n}\n\n:host > div > .header {\n  position: relative;\n  z-index: 10;\n  display: flex;\n  min-height: 42px;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 calc(var(--space-unit) * 1.5);\n  border: var(--border-size-small) solid var(--color-form-surface04);\n  margin: 0;\n  background-color: var(--color-form-background);\n  border-radius: var(--border-radius-small);\n  cursor: pointer;\n}\n\n:host([size=\"small\"]) > div > .header {\n  min-height: 34px;\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) > div > .header {\n  min-height: 30px;\n  font-size: var(--font-size-2);\n}\n\n:host > div > .header:hover {\n  outline: var(--border-size-medium) solid var(--color-form-surface04);\n  outline-offset: -2px;\n}\n\n:host > div > div.header:focus:focus-visible {\n  z-index: 16;\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n:host > div > .header > span.body-3 > span {\n  font-weight: var(--font-sb);\n}\n\n:host > div > .header > z-icon {\n  fill: var(--color-form-default-icon);\n  transform: rotate(360deg);\n  transition: all 200ms linear;\n}\n\n:host > div > .header > z-icon.small,\n:host > div > .header > z-icon.x-small {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n}\n\n:host > div.open > .header {\n  border: var(--border-size-small) solid var(--color-form-active-primary);\n  border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;\n}\n\n:host > div.disabled {\n  pointer-events: none;\n}\n\n:host > div.disabled .header {\n  border-color: var(--color-form-disabled03);\n  fill: var(--color-form-disabled01-icon);\n}\n\n:host > div.disabled .header > span.body-3 {\n  color: var(--color-form-disabled03);\n}\n\n:host > div.disabled .header > z-icon:last-child {\n  fill: var(--color-form-disabled01-icon);\n}\n\n:host > div.open > .header > z-icon {\n  fill: var(--color-form-default-icon);\n  transform: rotate(180deg);\n  transition: all 200ms linear;\n}\n\n:host > div > div.open-combo-data {\n  display: none;\n}\n\n:host > div.open > div.open-combo-data {\n  position: relative;\n  z-index: 12;\n  display: block;\n  padding: var(--space-unit) calc(var(--space-unit) * 2);\n  border: var(--border-size-small) solid var(--color-form-surface03);\n  border-top: 0;\n  background-color: var(--color-form-background);\n  border-radius: 0;\n  box-shadow: var(--shadow-2);\n}\n\n:host .open .open-combo-data z-input .z-label {\n  color: var(--color-form-default-text);\n}\n\n:host > div.open > div.open-combo-data > div > div {\n  overflow: auto;\n  max-height: 235px;\n  padding: 0;\n  padding-left: var(--space-unit); /* padding left and negative margin in order to enable focus */\n  margin-left: calc(var(--space-unit) * -1); /* padding left and negative margin in order to enable focus */\n}\n\n:host > div.open > div.open-combo-data > z-input {\n  width: 100%;\n  margin-bottom: calc(var(--space-unit) * 2);\n}\n\n:host > div.open > div.open-combo-data > div > div > ul {\n  max-height: 235px;\n  padding: 0 calc(var(--space-unit) * 0.5); /* needed for checkbox focus shadow */\n  margin: 0;\n}\n\n:host .open-combo-data z-list-element {\n  --background-color-list-element: var(--color-form-background);\n  --background-hover-color-list-element: var(--color-form-surface03);\n  --background-active-color-list-element: var(--color-form-surface03);\n}\n\n:host .open-combo-data z-list-element[disabled] {\n  pointer-events: none;\n}\n\n:host .open-combo-data z-list-element .option-wrap {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  cursor: pointer;\n  gap: var(--space-unit);\n}\n\n:host .open-combo-data z-list-element[size=\"medium\"] .option-wrap,\n:host .open-combo-data z-list-element[size=\"small\"] .option-wrap {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n\n  font-size: var(--font-size-2);\n  gap: calc(var(--space-unit) / 2);\n}\n\n:host .open-combo-data z-list-element .option-wrap > z-icon {\n  fill: var(--color-primary01);\n}\n\n:host .open-combo-data z-list-element[disabled] .option-wrap > z-icon {\n  fill: var(--color-disabled01);\n}\n\n:host .open-combo-data z-list-element .option-wrap > z-icon.focused {\n  border-radius: var(--border-radius-small);\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n:host .open-combo-data z-list-element .option-wrap > [role=\"option\"]:focus,\n:host .open-combo-data z-list-element .option-wrap > [role=\"option\"]:focus-visible {\n  outline: none;\n}\n\n::-webkit-scrollbar {\n  width: 6px;\n  background: linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px);\n}\n\n::-webkit-scrollbar-thumb {\n  background-color: var(--color-primary01);\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background-color: var(--color-hover-primary);\n}\n\n/* Firefox scrollbar */\n@supports not selector(::-webkit-scrollbar-track) {\n  :host {\n    scrollbar-color: var(--color-primary01) transparent;\n  }\n}\n\n:host > div.open > z-input {\n  position: relative;\n  z-index: 1;\n  width: 238px;\n  margin: 0 calc(var(--space-unit) * 2);\n  color: var(--color-form-active-primary);\n}\n\n:host > div.open > div.open-combo-data > div > div.search {\n  overflow: hidden;\n  max-height: none;\n  margin-top: 0;\n}\n\n:host > div.open > div.open-combo-data > div > div.search > ul {\n  overflow: auto;\n  max-height: 180px;\n  padding: var(--space-unit) calc(var(--space-unit) * 2);\n}\n\n:host .open .open-combo-data .search .no-results {\n  display: flex;\n  align-items: center;\n  column-gap: var(--space-unit);\n}\n\n:host > .open > .open-combo-data .search .close-search {\n  display: flex;\n  justify-content: center;\n}\n\n:host > div.open > div.open-combo-data > div > div.search .close-search > a {\n  display: inline-block;\n  height: 44px;\n  color: var(--color-form-active-primary);\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  line-height: 44px;\n  text-align: center;\n  text-transform: uppercase;\n}\n\n:host > div.open > div.open-combo-data > div > div.search .close-search > a:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n:host > div.open > div.open-combo-data > div > div.check-all-wrapper {\n  /* padding left and negative margin in order to enable focus */\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 2)\n    calc(var(--space-unit) * 1.5);\n  border-bottom: var(--border-size-small) solid var(--gray800);\n  margin-bottom: var(--space-unit);\n  margin-left: calc(var(--space-unit) * -1);\n  text-align: left;\n}\n\n:host([size=\"small\"]) > div.open > div.open-combo-data > div > div.check-all-wrapper {\n  padding: calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 0.5);\n}\n\n:host([size=\"x-small\"]) > div.open > div.open-combo-data > div > div.check-all-wrapper {\n  padding: var(--space-unit) calc(var(--space-unit) * 0.5);\n}\n","import {Component, Element, Event, EventEmitter, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ComboItem, ControlSize, InputType, KeyboardCode, ListDividerType, ListSize} from \"../../beans\";\nimport {getPlainText, randomId} from \"../../utils/utils\";\nimport {ZInput} from \"../z-input\";\n\n@Component({\n  tag: \"z-combobox\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZCombobox {\n  @Element() element: HTMLZComboboxElement;\n\n  /** input unique id */\n  @Prop()\n  inputid = `combo-${randomId()}`;\n\n  /** list items array */\n  @Prop()\n  items: ComboItem[] | string;\n\n  /** label text */\n  @Prop()\n  label: string;\n\n  /** the combobox is disabled */\n  @Prop({reflect: true})\n  disabled?: boolean = false;\n\n  /** show search input flag (optional) */\n  @Prop()\n  hassearch?: boolean = false;\n\n  /** search input label text (optional) */\n  @Prop()\n  searchlabel?: string;\n\n  /** search input placeholder text (optional) */\n  @Prop()\n  searchplaceholder?: string;\n\n  /** search input title text (optional) */\n  @Prop()\n  searchtitle?: string;\n\n  /** no result text message */\n  @Prop()\n  noresultslabel?: string = \"Nessun risultato\";\n\n  /** toggle combo list opening flag */\n  @Prop({mutable: true})\n  isopen = false;\n\n  /** fixed style flag */\n  @Prop()\n  isfixed = false;\n\n  /** show \"check all\" checkbox (optional) */\n  @Prop()\n  hascheckall?: boolean = false;\n\n  /** check all label (optional) */\n  @Prop()\n  checkalltext?: string = \"Seleziona tutti\";\n\n  /** uncheck all label (optional) */\n  @Prop()\n  uncheckalltext?: string = \"Deseleziona tutti\";\n\n  /** max number of checkable items (0 = unlimited) */\n  @Prop()\n  maxcheckableitems = 0;\n\n  /** group items by category */\n  @Prop()\n  hasgroupitems?: boolean;\n\n  /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */\n  @Prop()\n  size?: ControlSize = ControlSize.BIG;\n\n  /** the combobox aria-label */\n  @Prop()\n  htmlAriaLabel?: string;\n\n  @State()\n  searchValue: string;\n\n  @State()\n  selectedCounter: number;\n\n  @State()\n  renderItemsList: ComboItem[] = []; // used for render only\n\n  @State()\n  focusedItemId = \"\";\n\n  private itemsList: ComboItem[] = [];\n\n  private inputType: InputType = InputType.TEXT;\n\n  @Watch(\"items\")\n  watchItems(): void {\n    this.itemsList = typeof this.items === \"string\" ? JSON.parse(this.items) : this.items;\n    this.selectedCounter = this.itemsList.filter((item) => item.checked).length;\n    this.updateRenderItemsList();\n  }\n\n  @Watch(\"searchValue\")\n  watchSearchValue(): void {\n    this.filterItems(this.searchValue);\n  }\n\n  /** Emitted when value is checked/unchecked. Returns id, items. */\n  @Event()\n  comboboxChange: EventEmitter;\n\n  private emitComboboxChange(): void {\n    this.comboboxChange.emit({id: this.inputid, items: this.itemsList});\n  }\n\n  constructor() {\n    this.toggleComboBox = this.toggleComboBox.bind(this);\n    this.closeFilterItems = this.closeFilterItems.bind(this);\n  }\n\n  componentWillLoad(): void {\n    this.watchItems();\n  }\n\n  componentWillRender(): void {\n    this.selectedCounter = this.itemsList.filter((item) => item.checked).length;\n  }\n\n  private getControlToListSize(): ListSize {\n    switch (this.size) {\n      case ControlSize.X_SMALL:\n        return ListSize.SMALL;\n      case ControlSize.SMALL:\n        return ListSize.MEDIUM;\n      default:\n        return ListSize.LARGE;\n    }\n  }\n\n  private getOptionId(itemId: string): string {\n    return `${this.inputid}-option-${itemId}`;\n  }\n\n  private getCheckAllOptionId(): string {\n    return `${this.inputid}-check-all`;\n  }\n\n  private allOptionsSelected(): boolean {\n    return this.selectedCounter === this.itemsList.length;\n  }\n\n  private hasReachedMaxSelections(): boolean {\n    return !!(this.maxcheckableitems && this.selectedCounter >= this.maxcheckableitems);\n  }\n\n  private handleHeaderKeyDown(e: KeyboardEvent): void {\n    if (e.code === KeyboardCode.ENTER && !this.focusedItemId) {\n      this.toggleComboBox();\n    }\n\n    if (!this.isopen || this.hassearch) {\n      return;\n    }\n\n    switch (e.code as KeyboardCode) {\n      case KeyboardCode.SPACE:\n      case KeyboardCode.ENTER:\n        if (this.focusedItemId) {\n          e.preventDefault();\n          this.checkOption(this.focusedItemId);\n        }\n        break;\n      case KeyboardCode.ESC:\n        if (this.focusedItemId) {\n          this.focusedItemId = \"\";\n        }\n        break;\n      case KeyboardCode.ARROW_DOWN:\n      case KeyboardCode.ARROW_UP:\n        this.handleArrowsNavigation(e);\n        break;\n    }\n  }\n\n  private handleInputKeyDown(e: KeyboardEvent): void {\n    switch (e.code as KeyboardCode) {\n      case KeyboardCode.ENTER:\n      case KeyboardCode.SPACE:\n        if (this.focusedItemId) {\n          e.preventDefault();\n          this.checkOption(this.focusedItemId);\n          break;\n        }\n        break;\n      case KeyboardCode.ARROW_DOWN:\n      case KeyboardCode.ARROW_UP:\n        this.handleArrowsNavigation(e);\n        break;\n      case KeyboardCode.ESC:\n        if (this.focusedItemId) {\n          this.focusedItemId = \"\";\n          break;\n        }\n        this.closeFilterItems();\n        break;\n      case KeyboardCode.TAB:\n        this.focusedItemId = \"\";\n        break;\n    }\n  }\n\n  private checkOption(optionId: string): void {\n    if (optionId === this.getCheckAllOptionId()) {\n      this.itemsList = this.itemsList.map((item: ComboItem) => ({\n        ...item,\n        checked: !this.allOptionsSelected(),\n      }));\n\n      this.focusedItemId = this.getCheckAllOptionId();\n    } else {\n      this.itemsList = this.itemsList.map((i: ComboItem) => {\n        if (optionId === this.getOptionId(i.id)) {\n          i.checked = !i.checked;\n        }\n\n        return i;\n      });\n    }\n\n    this.updateRenderItemsList();\n    this.emitComboboxChange();\n  }\n\n  private handleArrowsNavigation(e: KeyboardEvent): void {\n    if (![KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP].includes(e.code as KeyboardCode) || !this.isopen) {\n      return;\n    }\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    const currElem = this.focusedItemId ? this.element.shadowRoot.querySelector(`#${this.focusedItemId}`) : null;\n    const options = Array.from(this.element.shadowRoot.querySelectorAll('[role=\"option\"]'));\n\n    if (!options.length) {\n      return;\n    }\n\n    const currElemIndex = currElem ? options.indexOf(currElem) : null;\n    const firstElemIndex = 0;\n    const lastElemIndex = options.length - 1;\n\n    let nextElem = null;\n    if (e.code === KeyboardCode.ARROW_DOWN) {\n      nextElem =\n        currElemIndex === null ? options[firstElemIndex] : options[currElemIndex + 1] || options[lastElemIndex];\n    } else if (e.code === KeyboardCode.ARROW_UP) {\n      nextElem =\n        currElemIndex === null ? options[lastElemIndex] : options[currElemIndex - 1] || options[firstElemIndex];\n    }\n\n    this.focusedItemId = nextElem.id;\n    nextElem.scrollIntoView({block: \"nearest\", container: \"nearest\"});\n  }\n\n  private updateRenderItemsList(): void {\n    if (this.searchValue) {\n      this.filterItems(this.searchValue);\n    } else {\n      this.resetRenderItemsList();\n    }\n  }\n\n  private resetRenderItemsList(): void {\n    const renderItemsList = [];\n    this.itemsList.forEach((item: ComboItem) => {\n      renderItemsList.push({...item});\n    });\n    this.renderItemsList = renderItemsList;\n  }\n\n  private filterItems(value: string): void {\n    if (!value) {\n      return this.closeFilterItems();\n    }\n\n    this.resetRenderItemsList();\n    this.renderItemsList = this.renderItemsList.filter((item) => {\n      const start = item.name.toUpperCase().indexOf(value.toUpperCase());\n      const end = start + value.length;\n      const newName =\n        item.name.substring(0, start) +\n        \"<strong>\" +\n        item.name.substring(start, end) +\n        \"</strong>\" +\n        item.name.substring(end, item.name.length);\n\n      item.name = newName;\n\n      return start >= 0;\n    });\n  }\n\n  private closeFilterItems(): void {\n    this.searchValue = \"\";\n    this.resetRenderItemsList();\n  }\n\n  private toggleComboBox(): void {\n    this.isopen = !this.isopen;\n  }\n\n  private getComboboxA11yAttributes(isZInput: boolean): Record<string, string> {\n    const role = \"combobox\";\n    const ariaLabel = this.htmlAriaLabel;\n    const ariaExpanded = this.isopen ? \"true\" : \"false\";\n    const ariaActivedescendant = this.isopen ? this.focusedItemId : \"\";\n    const ariaControls = `${this.inputid}_list`;\n\n    if (isZInput) {\n      return {\n        \"role\": role,\n        \"aria-label\": ariaLabel,\n        \"html-aria-expanded\": ariaExpanded,\n        \"html-aria-activedescendant\": ariaActivedescendant,\n        \"html-aria-controls\": ariaControls,\n      };\n    }\n\n    return {\n      \"role\": role,\n      \"aria-label\": ariaLabel,\n      \"aria-expanded\": ariaExpanded,\n      \"aria-activedescendant\": ariaActivedescendant,\n      \"aria-controls\": ariaControls,\n    };\n  }\n\n  private renderHeader(): HTMLDivElement {\n    const comboboxA11yAttributes = !this.hassearch ? this.getComboboxA11yAttributes(false) : {};\n\n    return (\n      <div\n        class=\"header\"\n        onClick={() => this.toggleComboBox()}\n        onKeyDown={(e: KeyboardEvent) => this.handleHeaderKeyDown(e)}\n        role=\"button\"\n        tabindex={0}\n        aria-controls=\"open-combo-data\"\n        aria-expanded={this.isopen ? \"true\" : \"false\"}\n        {...comboboxA11yAttributes}\n      >\n        <span\n          class=\"body-3\"\n          aria-label={\n            this.label\n              ? `${this.label}${this.selectedCounter > 0 ? ` - ${this.selectedCounter} selezionati` : ``}`\n              : undefined\n          }\n        >\n          {this.label}\n          <span>{this.selectedCounter > 0 && ` (${this.selectedCounter})`}</span>\n        </span>\n        <z-icon\n          name=\"caret-down\"\n          class={this.size}\n        />\n      </div>\n    );\n  }\n\n  private renderContent(): HTMLDivElement {\n    return (\n      <div\n        id=\"open-combo-data\"\n        class=\"open-combo-data\"\n      >\n        {this.hassearch && this.renderSearchInput()}\n        <div\n          role=\"listbox\"\n          aria-label={this.label}\n          aria-multiselectable=\"true\"\n          id={`${this.inputid}_list`}\n          aria-owns={`${this.hascheckall ? `${this.getCheckAllOptionId()} ` : ``}${this.itemsList.map((item) => this.getOptionId(item.id)).join(\" \")}`}\n        >\n          {this.renderItems()}\n        </div>\n      </div>\n    );\n  }\n\n  private renderItems(): HTMLDivElement {\n    return (\n      <div\n        class={this.searchValue && \"search\"}\n        tabIndex={-1}\n        role=\"presentation\"\n      >\n        {this.renderList(this.renderItemsList)}\n      </div>\n    );\n  }\n\n  private renderItem(item: ComboItem, index: number, length: number): HTMLZListElement {\n    const optionId = this.getOptionId(item.id);\n    const isDisabled = !item.checked && this.hasReachedMaxSelections();\n\n    return (\n      <z-list-element\n        htmlTabindex={-1}\n        dividerType={index !== length - 1 ? ListDividerType.ELEMENT : ListDividerType.NONE}\n        size={this.getControlToListSize()}\n        role=\"presentation\"\n        disabled={!!isDisabled}\n      >\n        <span\n          class=\"option-wrap\"\n          role=\"presentation\"\n          onClick={() => {\n            this.focusedItemId = \"\";\n            this.checkOption(optionId);\n          }}\n        >\n          <z-icon\n            name={item.checked ? \"checkbox-checked\" : \"checkbox\"}\n            class={this.focusedItemId === optionId ? \"focused\" : \"\"}\n          />\n          <span\n            id={optionId}\n            role={isDisabled ? \"presentation\" : \"option\"}\n            aria-selected={item.checked ? \"true\" : \"false\"}\n            aria-label={isDisabled ? undefined : getPlainText(item.name)}\n          >\n            <span\n              aria-hidden=\"true\"\n              innerHTML={item.name}\n            />\n          </span>\n        </span>\n      </z-list-element>\n    );\n  }\n\n  private renderList(items: ComboItem[]): HTMLUListElement {\n    if (!items) {\n      return;\n    }\n    if (!items.length && this.searchValue) {\n      return this.renderNoSearchResults();\n    }\n\n    if (this.hasgroupitems) {\n      return this.renderGroups(items);\n    }\n\n    return (\n      <ul role=\"presentation\">\n        {this.renderCheckAll()}\n        {items.map((item, i) => {\n          return this.renderItem(item, i, items.length);\n        })}\n      </ul>\n    );\n  }\n\n  private renderGroups(items: ComboItem[]): HTMLUListElement {\n    const newData = items.reduce((group, item, index) => {\n      const category = item.category || \"Altra categoria\";\n      const zListItem = this.renderItem(item, index, items.length);\n\n      group[category] = group[category] ?? [];\n      group[category].push(zListItem);\n\n      return group;\n    }, {});\n\n    const listGroups = Object.entries(newData as {[key: string]: HTMLZListElementElement[]}).map(\n      ([key, value], index) => {\n        return (\n          <z-list-group\n            size={this.getControlToListSize()}\n            divider-type={ListDividerType.ELEMENT}\n            aria-labelledby={`${this.inputid}_list_group_${index}`}\n          >\n            <span\n              class=\"body-3-sb z-list-group-title\"\n              slot=\"header-title\"\n              id={`${this.inputid}_list_group_${index}`}\n              aria-hidden=\"true\"\n            >\n              {key}\n            </span>\n            {value.map((item) => item)}\n          </z-list-group>\n        );\n      }\n    );\n\n    return (\n      <ul role=\"presentation\">\n        {this.renderCheckAll()}\n        {listGroups}\n      </ul>\n    );\n  }\n\n  private renderNoSearchResults(): HTMLUListElement {\n    return (\n      <div class=\"no-results\">\n        <span>{this.noresultslabel}</span>\n      </div>\n    );\n  }\n\n  private renderSearchInput(): ZInput {\n    return (\n      <z-input\n        htmlid={`${this.inputid}_search`}\n        label={this.searchlabel}\n        placeholder={this.searchplaceholder}\n        htmltitle={this.searchtitle}\n        type={this.inputType}\n        value={this.searchValue}\n        message={false}\n        size={this.size}\n        html-aria-autocomplete=\"list\"\n        {...this.getComboboxA11yAttributes(true)}\n        onKeyDown={(e: KeyboardEvent) => this.handleInputKeyDown(e)}\n        onInputChange={(e: CustomEvent) => {\n          this.searchValue = e.detail.value;\n          this.focusedItemId = \"\";\n        }}\n      />\n    );\n  }\n\n  private renderCheckAll(): HTMLDivElement {\n    if (!this.hascheckall || this.searchValue) {\n      return;\n    }\n\n    const optionId = this.getCheckAllOptionId();\n    const allChecked = this.allOptionsSelected();\n    const isDisabled =\n      this.hasReachedMaxSelections() || (this.maxcheckableitems && this.maxcheckableitems < this.itemsList.length);\n\n    return (\n      <z-list-element\n        class=\"check-all-wrapper\"\n        role=\"presentation\"\n        htmlTabindex={-1}\n        dividerType={ListDividerType.ELEMENT}\n        dividerColor=\"gray800\"\n        size={this.getControlToListSize()}\n        disabled={!!isDisabled}\n      >\n        <span\n          class=\"option-wrap\"\n          role=\"presentation\"\n          onClick={() => this.checkOption(optionId)}\n        >\n          <z-icon\n            name={allChecked ? \"checkbox-checked\" : \"checkbox\"}\n            class={this.focusedItemId === optionId ? \"focused\" : \"\"}\n          />\n          <span\n            id={optionId}\n            role={isDisabled ? \"presentation\" : \"option\"}\n            aria-selected={allChecked ? \"true\" : \"false\"}\n          >\n            {allChecked ? this.uncheckalltext : this.checkalltext}\n          </span>\n        </span>\n      </z-list-element>\n    );\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div\n        data-action={`combo-${this.inputid}`}\n        class={{open: this.isopen, fixed: this.isfixed, disabled: this.disabled}}\n        id={this.inputid}\n      >\n        {this.renderHeader()}\n        {!this.disabled && this.renderContent()}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,h as s,a as i}from"./p-75c4a726.js";import{A as e}from"./p-86618221.js";const a=":host{display:inline-flex;overflow:hidden;align-items:center;justify-content:center;background-color:var(--gray700);border-radius:50%;font-family:var(--font-family-sans);text-transform:uppercase}:host(.small),:host(.small)>img{width:calc(var(--space-unit) * 3);height:calc(var(--space-unit) * 3)}:host(.medium),:host(.medium)>img{width:calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4)}:host(.large),:host(.large)>img{width:calc(var(--space-unit) * 5);height:calc(var(--space-unit) * 5)}:host>img{object-fit:cover}";const r=a;const c=class{constructor(s){t(this,s);var i,a;this.size=e.MEDIUM;this.text=undefined;this.textColor="color-white";this.backgroundColor="gray700";this.image=undefined;if(((i=this.text)===null||i===void 0?void 0:i.length)===0&&((a=this.image)===null||a===void 0?void 0:a.length)===0){console.warn("z-avatar must contain at least one prop between text and image")}}getTextSize(){if(this.size===e.SMALL){return"5"}else if(this.size===e.MEDIUM){return"4"}else if(this.size===e.LARGE){return"2"}}render(){return s(i,{key:"8ce8c6ffe56b55036f9f47146041fcb91051ad36",class:{[this.size]:true,[`body-${this.getTextSize()}-sb`]:true},style:{color:`var(--${this.textColor})`,backgroundColor:`var(--${this.backgroundColor})`}},this.text&&!this.image&&s("span",{key:"b989378860518c05074dcf3cf445df062679f3c1"},this.text.substring(0,2)),this.image&&s("img",{key:"56a3a248fe3f88b2ed285f6a7c133b542ca21940",src:this.image,onError:()=>this.image=""}))}};c.style=r;export{c as z_avatar};
+//# sourceMappingURL=p-c9b81cab.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZAvatarStyle0","ZAvatar","constructor","hostRef","AvatarSize","MEDIUM","_a","this","text","length","_b","image","console","warn","getTextSize","size","SMALL","LARGE","render","h","Host","key","class","style","color","textColor","backgroundColor","substring","src","onError"],"sources":["src/components/z-avatar/styles.css?tag=z-avatar&encapsulation=shadow","src/components/z-avatar/index.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  overflow: hidden;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--gray700);\n  border-radius: 50%;\n  font-family: var(--font-family-sans);\n  text-transform: uppercase;\n}\n\n:host(.small),\n:host(.small) > img {\n  width: calc(var(--space-unit) * 3);\n  height: calc(var(--space-unit) * 3);\n}\n\n:host(.medium),\n:host(.medium) > img {\n  width: calc(var(--space-unit) * 4);\n  height: calc(var(--space-unit) * 4);\n}\n\n:host(.large),\n:host(.large) > img {\n  width: calc(var(--space-unit) * 5);\n  height: calc(var(--space-unit) * 5);\n}\n\n:host > img {\n  object-fit: cover;\n}\n","import {Component, Host, Prop, h} from \"@stencil/core\";\nimport {AvatarSize} from \"../../beans\";\n\n@Component({\n  tag: \"z-avatar\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZAvatar {\n  /** [optional] Avatar size */\n  @Prop()\n  size?: AvatarSize = AvatarSize.MEDIUM;\n\n  /** [optional] Avatar text */\n  @Prop()\n  text?: string;\n\n  /** [optional] Avatar text color */\n  @Prop()\n  textColor?: string = \"color-white\";\n\n  /** [optional] Avatar background color */\n  @Prop()\n  backgroundColor?: string = \"gray700\";\n\n  /** [optional] Avatar image */\n  @Prop({mutable: true})\n  image?: string;\n\n  constructor() {\n    if (this.text?.length === 0 && this.image?.length === 0) {\n      console.warn(\"z-avatar must contain at least one prop between text and image\");\n    }\n  }\n\n  private getTextSize(): string {\n    if (this.size === AvatarSize.SMALL) {\n      return \"5\";\n    } else if (this.size === AvatarSize.MEDIUM) {\n      return \"4\";\n    } else if (this.size === AvatarSize.LARGE) {\n      return \"2\";\n    }\n  }\n\n  render(): HTMLZAvatarElement {\n    return (\n      <Host\n        class={{[this.size]: true, [`body-${this.getTextSize()}-sb`]: true}}\n        style={{\n          color: `var(--${this.textColor})`,\n          backgroundColor: `var(--${this.backgroundColor})`,\n        }}\n      >\n        {this.text && !this.image && <span>{this.text.substring(0, 2)}</span>}\n        {this.image && (\n          <img\n            src={this.image}\n            onError={() => (this.image = \"\")}\n          />\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAY,khBAClB,MAAAC,EAAeD,E,MCOFE,EAAO,MAqBlB,WAAAC,CAAAC,G,4BAlBoBC,EAAWC,O,mCAQV,c,qBAIM,U,qBAOzB,KAAIC,EAAAC,KAAKC,QAAI,MAAAF,SAAA,SAAAA,EAAEG,UAAW,KAAKC,EAAAH,KAAKI,SAAK,MAAAD,SAAA,SAAAA,EAAED,UAAW,EAAG,CACvDG,QAAQC,KAAK,iE,EAIT,WAAAC,GACN,GAAIP,KAAKQ,OAASX,EAAWY,MAAO,CAClC,MAAO,G,MACF,GAAIT,KAAKQ,OAASX,EAAWC,OAAQ,CAC1C,MAAO,G,MACF,GAAIE,KAAKQ,OAASX,EAAWa,MAAO,CACzC,MAAO,G,EAIX,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CAAC,CAACf,KAAKQ,MAAO,KAAM,CAAC,QAAQR,KAAKO,oBAAqB,MAC9DS,MAAO,CACLC,MAAO,SAASjB,KAAKkB,aACrBC,gBAAiB,SAASnB,KAAKmB,qBAGhCnB,KAAKC,OAASD,KAAKI,OAASQ,EAAA,QAAAE,IAAA,4CAAOd,KAAKC,KAAKmB,UAAU,EAAG,IAC1DpB,KAAKI,OACJQ,EAAA,OAAAE,IAAA,2CACEO,IAAKrB,KAAKI,MACVkB,QAAS,IAAOtB,KAAKI,MAAQ,K","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,h as n}from"./p-75c4a726.js";const a='*:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}ul{overflow:hidden;width:auto;height:auto;padding:0;margin:0 calc(var(--space-unit) * 2);color:var(--color-primary01);font-family:var(--font-family-sans);list-style:none}ul>li{padding-left:10px;text-indent:-10px}ul>li>a{display:block;padding-top:calc(var(--space-unit) * 0.5);color:var(--color-primary01);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}ul>li>a::before{padding-right:5px;content:"•"}ul>li>span{padding:0 calc(var(--space-unit) * 2);color:var(--color-surface04);font-size:14px;font-weight:var(--font-rg);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}';const e=a;const i=class{constructor(n){t(this,n);this.listdata=undefined;this.renderList=this.renderList.bind(this)}handleSpaceKeyPress(t,n){if(t.keyCode==32||t.keyCode==13){t.preventDefault();window.open(n,"_blank")}}formatListContent(t){const{value:a,isLink:e,url:i}=t;if(!e){return n("span",null,a)}return n("a",{role:"button",onKeyPress:t=>this.handleSpaceKeyPress(t,i),href:i,target:"_blank"},a)}renderList(t){return t.map((t=>n("li",null,this.formatListContent(t))))}render(){return n("ul",{key:"aa9fc5633a56ebb91f157bc65cb8cfb20cf1bacb"},this.renderList(JSON.parse(this.listdata)))}};i.style=e;export{i as z_myz_card_list};
+//# sourceMappingURL=p-caced575.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzCardListStyle0","ZMyzCardList","constructor","hostRef","this","renderList","bind","handleSpaceKeyPress","e","url","keyCode","preventDefault","window","open","formatListContent","data","value","isLink","h","role","onKeyPress","href","target","dataArray","map","render","key","JSON","parse","listdata"],"sources":["src/snowflakes/myz/card/z-myz-card-list/styles.css?tag=z-myz-card-list&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-list/index.tsx"],"sourcesContent":["*:focus {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none !important;\n}\n\nul {\n  overflow: hidden;\n  width: auto;\n  height: auto;\n  padding: 0;\n  margin: 0 calc(var(--space-unit) * 2);\n  color: var(--color-primary01);\n  font-family: var(--font-family-sans);\n  list-style: none;\n}\n\nul > li {\n  padding-left: 10px;\n  text-indent: -10px;\n}\n\nul > li > a {\n  display: block;\n  padding-top: calc(var(--space-unit) * 0.5);\n  color: var(--color-primary01);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  letter-spacing: 0.16px;\n  line-height: calc(var(--space-unit) * 2.5);\n  text-decoration: none;\n}\n\nul > li > a::before {\n  padding-right: 5px;\n  content: \"•\";\n}\n\nul > li > span {\n  padding: 0 calc(var(--space-unit) * 2);\n  color: var(--color-surface04);\n  font-size: 14px;\n  font-weight: var(--font-rg);\n  letter-spacing: 0.16px;\n  line-height: calc(var(--space-unit) * 2.5);\n  text-decoration: none;\n}\n","import {Component, Prop, h} from \"@stencil/core\";\nimport {Action} from \"../../../../beans\";\n\n@Component({\n  tag: \"z-myz-card-list\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardList {\n  /** list data stringified array */\n  @Prop()\n  listdata: string;\n\n  constructor() {\n    this.renderList = this.renderList.bind(this);\n  }\n\n  private handleSpaceKeyPress(e: KeyboardEvent, url: string): void {\n    if (e.keyCode == 32 || e.keyCode == 13) {\n      e.preventDefault();\n      window.open(url, \"_blank\");\n    }\n  }\n\n  private formatListContent(data: Action): HTMLAnchorElement {\n    const {value, isLink, url} = data;\n    if (!isLink) {\n      return <span>{value}</span>;\n    }\n\n    return (\n      <a\n        role=\"button\"\n        onKeyPress={(e: KeyboardEvent) => this.handleSpaceKeyPress(e, url)}\n        href={url}\n        target=\"_blank\"\n      >\n        {value}\n      </a>\n    );\n  }\n\n  private renderList(dataArray: Action[]): HTMLLIElement[] {\n    return dataArray.map((data: Action) => {\n      return <li>{this.formatListContent(data)}</li>;\n    });\n  }\n\n  render(): HTMLUListElement {\n    return <ul>{this.renderList(JSON.parse(this.listdata))}</ul>;\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAY,qvBAClB,MAAAC,EAAeD,E,MCOFE,EAAY,MAKvB,WAAAC,CAAAC,G,kCACEC,KAAKC,WAAaD,KAAKC,WAAWC,KAAKF,K,CAGjC,mBAAAG,CAAoBC,EAAkBC,GAC5C,GAAID,EAAEE,SAAW,IAAMF,EAAEE,SAAW,GAAI,CACtCF,EAAEG,iBACFC,OAAOC,KAAKJ,EAAK,S,EAIb,iBAAAK,CAAkBC,GACxB,MAAMC,MAACA,EAAKC,OAAEA,EAAMR,IAAEA,GAAOM,EAC7B,IAAKE,EAAQ,CACX,OAAOC,EAAA,YAAOF,E,CAGhB,OACEE,EAAA,KACEC,KAAK,SACLC,WAAaZ,GAAqBJ,KAAKG,oBAAoBC,EAAGC,GAC9DY,KAAMZ,EACNa,OAAO,UAENN,E,CAKC,UAAAX,CAAWkB,GACjB,OAAOA,EAAUC,KAAKT,GACbG,EAAA,UAAKd,KAAKU,kBAAkBC,K,CAIvC,MAAAU,GACE,OAAOP,EAAA,MAAAQ,IAAA,4CAAKtB,KAAKC,WAAWsB,KAAKC,MAAMxB,KAAKyB,W","ignoreList":[]}

package/www/build/p-cb395500.js

@@ -0,0 +1,2 @@
+import{c as n}from"./p-4573c419.js";import{F as e,y as r,z as i}from"./p-86618221.js";var t=["onChange","onClose","onDayCreate","onDestroy","onKeyDown","onMonthChange","onOpen","onParseConfig","onReady","onValueUpdate","onYearChange","onPreCalendarPosition"];var a={_disable:[],allowInput:false,allowInvalidPreload:false,altFormat:"F j, Y",altInput:false,altInputClass:"form-control input",animate:typeof window==="object"&&window.navigator.userAgent.indexOf("MSIE")===-1,ariaDateFormat:"F j, Y",autoFillDefaultTime:true,clickOpens:true,closeOnSelect:true,conjunction:", ",dateFormat:"Y-m-d",defaultHour:12,defaultMinute:0,defaultSeconds:0,disable:[],disableMobile:false,enableSeconds:false,enableTime:false,errorHandler:function(n){return typeof console!=="undefined"&&console.warn(n)},getWeek:function(n){var e=new Date(n.getTime());e.setHours(0,0,0,0);e.setDate(e.getDate()+3-(e.getDay()+6)%7);var r=new Date(e.getFullYear(),0,4);return 1+Math.round(((e.getTime()-r.getTime())/864e5-3+(r.getDay()+6)%7)/7)},hourIncrement:1,ignoredFocusElements:[],inline:false,locale:"default",minuteIncrement:5,mode:"single",monthSelectorType:"dropdown",nextArrow:"<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 17 17'><g></g><path d='M13.207 8.472l-7.854 7.854-0.707-0.707 7.146-7.146-7.146-7.148 0.707-0.707 7.854 7.854z' /></svg>",noCalendar:false,now:new Date,onChange:[],onClose:[],onDayCreate:[],onDestroy:[],onKeyDown:[],onMonthChange:[],onOpen:[],onParseConfig:[],onReady:[],onValueUpdate:[],onYearChange:[],onPreCalendarPosition:[],plugins:[],position:"auto",positionElement:undefined,prevArrow:"<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 17 17'><g></g><path d='M5.207 8.471l7.146 7.147-0.707 0.707-7.853-7.854 7.854-7.853 0.707 0.707-7.147 7.146z' /></svg>",shorthandCurrentMonth:false,showMonths:1,static:false,time_24hr:false,weekNumbers:false,wrap:false};var f={weekdays:{shorthand:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],longhand:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},months:{shorthand:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],longhand:["January","February","March","April","May","June","July","August","September","October","November","December"]},daysInMonth:[31,28,31,30,31,30,31,31,30,31,30,31],firstDayOfWeek:0,ordinal:function(n){var e=n%100;if(e>3&&e<21)return"th";switch(e%10){case 1:return"st";case 2:return"nd";case 3:return"rd";default:return"th"}},rangeSeparator:" to ",weekAbbreviation:"Wk",scrollTitle:"Scroll to increment",toggleTitle:"Click to toggle",amPM:["AM","PM"],yearAriaLabel:"Year",monthAriaLabel:"Month",hourAriaLabel:"Hour",minuteAriaLabel:"Minute",time_24hr:false};var o=function(n,e){if(e===void 0){e=2}return("000"+n).slice(e*-1)};var u=function(n){return n===true?1:0};function d(n,e){var r;return function(){var i=this;var t=arguments;clearTimeout(r);r=setTimeout((function(){return n.apply(i,t)}),e)}}var c=function(n){return n instanceof Array?n:[n]};function l(n,e,r){if(r===true)return n.classList.add(e);n.classList.remove(e)}function s(n,e,r){var i=window.document.createElement(n);e=e||"";r=r||"";i.className=e;if(r!==undefined)i.textContent=r;return i}function v(n){while(n.firstChild)n.removeChild(n.firstChild)}function p(n,e){if(e(n))return n;else if(n.parentNode)return p(n.parentNode,e);return undefined}function h(n,e){var r=s("div","numInputWrapper"),i=s("input","numInput "+n),t=s("span","arrowUp"),a=s("span","arrowDown");if(navigator.userAgent.indexOf("MSIE 9.0")===-1){i.type="number"}else{i.type="text";i.pattern="\\d*"}if(e!==undefined)for(var f in e)i.setAttribute(f,e[f]);r.appendChild(i);r.appendChild(t);r.appendChild(a);return r}function w(n){try{if(typeof n.composedPath==="function"){var e=n.composedPath();return e[0]}return n.target}catch(e){return n.target}}var m=function(){return undefined};var g=function(n,e,r){return r.months[e?"shorthand":"longhand"][n]};var y={D:m,F:function(n,e,r){n.setMonth(r.months.longhand.indexOf(e))},G:function(n,e){n.setHours((n.getHours()>=12?12:0)+parseFloat(e))},H:function(n,e){n.setHours(parseFloat(e))},J:function(n,e){n.setDate(parseFloat(e))},K:function(n,e,r){n.setHours(n.getHours()%12+12*u(new RegExp(r.amPM[1],"i").test(e)))},M:function(n,e,r){n.setMonth(r.months.shorthand.indexOf(e))},S:function(n,e){n.setSeconds(parseFloat(e))},U:function(n,e){return new Date(parseFloat(e)*1e3)},W:function(n,e,r){var i=parseInt(e);var t=new Date(n.getFullYear(),0,2+(i-1)*7,0,0,0,0);t.setDate(t.getDate()-t.getDay()+r.firstDayOfWeek);return t},Y:function(n,e){n.setFullYear(parseFloat(e))},Z:function(n,e){return new Date(e)},d:function(n,e){n.setDate(parseFloat(e))},h:function(n,e){n.setHours((n.getHours()>=12?12:0)+parseFloat(e))},i:function(n,e){n.setMinutes(parseFloat(e))},j:function(n,e){n.setDate(parseFloat(e))},l:m,m:function(n,e){n.setMonth(parseFloat(e)-1)},n:function(n,e){n.setMonth(parseFloat(e)-1)},s:function(n,e){n.setSeconds(parseFloat(e))},u:function(n,e){return new Date(parseFloat(e))},w:m,y:function(n,e){n.setFullYear(2e3+parseFloat(e))}};var b={D:"",F:"",G:"(\\d\\d|\\d)",H:"(\\d\\d|\\d)",J:"(\\d\\d|\\d)\\w+",K:"",M:"",S:"(\\d\\d|\\d)",U:"(.+)",W:"(\\d\\d|\\d)",Y:"(\\d{4})",Z:"(.+)",d:"(\\d\\d|\\d)",h:"(\\d\\d|\\d)",i:"(\\d\\d|\\d)",j:"(\\d\\d|\\d)",l:"",m:"(\\d\\d|\\d)",n:"(\\d\\d|\\d)",s:"(\\d\\d|\\d)",u:"(.+)",w:"(\\d\\d|\\d)",y:"(\\d{2})"};var k={Z:function(n){return n.toISOString()},D:function(n,e,r){return e.weekdays.shorthand[k.w(n,e,r)]},F:function(n,e,r){return g(k.n(n,e,r)-1,false,e)},G:function(n,e,r){return o(k.h(n,e,r))},H:function(n){return o(n.getHours())},J:function(n,e){return e.ordinal!==undefined?n.getDate()+e.ordinal(n.getDate()):n.getDate()},K:function(n,e){return e.amPM[u(n.getHours()>11)]},M:function(n,e){return g(n.getMonth(),true,e)},S:function(n){return o(n.getSeconds())},U:function(n){return n.getTime()/1e3},W:function(n,e,r){return r.getWeek(n)},Y:function(n){return o(n.getFullYear(),4)},d:function(n){return o(n.getDate())},h:function(n){return n.getHours()%12?n.getHours()%12:12},i:function(n){return o(n.getMinutes())},j:function(n){return n.getDate()},l:function(n,e){return e.weekdays.longhand[n.getDay()]},m:function(n){return o(n.getMonth()+1)},n:function(n){return n.getMonth()+1},s:function(n){return n.getSeconds()},u:function(n){return n.getTime()},w:function(n){return n.getDay()},y:function(n){return String(n.getFullYear()).substring(2)}};var M=function(n){var e=n.config,r=e===void 0?a:e,i=n.l10n,t=i===void 0?f:i,o=n.isMobile,u=o===void 0?false:o;return function(n,e,i){var a=i||t;if(r.formatDate!==undefined&&!u){return r.formatDate(n,e,a)}return e.split("").map((function(e,i,t){return k[e]&&t[i-1]!=="\\"?k[e](n,a,r):e!=="\\"?e:""})).join("")}};var D=function(n){var e=n.config,r=e===void 0?a:e,i=n.l10n,t=i===void 0?f:i;return function(n,e,i,f){if(n!==0&&!n)return undefined;var o=f||t;var u;var d=n;if(n instanceof Date)u=new Date(n.getTime());else if(typeof n!=="string"&&n.toFixed!==undefined)u=new Date(n);else if(typeof n==="string"){var c=e||(r||a).dateFormat;var l=String(n).trim();if(l==="today"){u=new Date;i=true}else if(r&&r.parseDate){u=r.parseDate(n,c)}else if(/Z$/.test(l)||/GMT$/.test(l)){u=new Date(n)}else{var s=void 0,v=[];for(var p=0,h=0,w="";p<c.length;p++){var m=c[p];var g=m==="\\";var k=c[p-1]==="\\"||g;if(b[m]&&!k){w+=b[m];var M=new RegExp(w).exec(n);if(M&&(s=true)){v[m!=="Y"?"push":"unshift"]({fn:y[m],val:M[++h]})}}else if(!g)w+="."}u=!r||!r.noCalendar?new Date((new Date).getFullYear(),0,1,0,0,0,0):new Date((new Date).setHours(0,0,0,0));v.forEach((function(n){var e=n.fn,r=n.val;return u=e(u,r,o)||u}));u=s?u:undefined}}if(!(u instanceof Date&&!isNaN(u.getTime()))){r.errorHandler(new Error("Invalid date provided: "+d));return undefined}if(i===true)u.setHours(0,0,0,0);return u}};function x(n,e,r){if(r===void 0){r=true}if(r!==false){return new Date(n.getTime()).setHours(0,0,0,0)-new Date(e.getTime()).setHours(0,0,0,0)}return n.getTime()-e.getTime()}var C=function(n,e,r){return n>Math.min(e,r)&&n<Math.max(e,r)};var A=function(n,e,r){return n*3600+e*60+r};var S=function(n){var e=Math.floor(n/3600),r=(n-e*3600)/60;return[e,r,n-e*3600-r*60]};var O={DAY:864e5};function j(n){var e=n.defaultHour;var r=n.defaultMinute;var i=n.defaultSeconds;if(n.minDate!==undefined){var t=n.minDate.getHours();var a=n.minDate.getMinutes();var f=n.minDate.getSeconds();if(e<t){e=t}if(e===t&&r<a){r=a}if(e===t&&r===a&&i<f)i=n.minDate.getSeconds()}if(n.maxDate!==undefined){var o=n.maxDate.getHours();var u=n.maxDate.getMinutes();e=Math.min(e,o);if(e===o)r=Math.min(u,r);if(e===o&&r===u)i=n.maxDate.getSeconds()}return{hours:e,minutes:r,seconds:i}}if(typeof Object.assign!=="function"){Object.assign=function(n){var e=[];for(var r=1;r<arguments.length;r++){e[r-1]=arguments[r]}if(!n){throw TypeError("Cannot convert undefined or null to object")}var i=function(e){if(e){Object.keys(e).forEach((function(r){return n[r]=e[r]}))}};for(var t=0,a=e;t<a.length;t++){var f=a[t];i(f)}return n}}var F=undefined&&undefined.__assign||function(){F=Object.assign||function(n){for(var e,r=1,i=arguments.length;r<i;r++){e=arguments[r];for(var t in e)if(Object.prototype.hasOwnProperty.call(e,t))n[t]=e[t]}return n};return F.apply(this,arguments)};var T=undefined&&undefined.__spreadArrays||function(){for(var n=0,e=0,r=arguments.length;e<r;e++)n+=arguments[e].length;for(var i=Array(n),t=0,e=0;e<r;e++)for(var a=arguments[e],f=0,o=a.length;f<o;f++,t++)i[t]=a[f];return i};var I=300;function E(n,e){var r={config:F(F({},a),P.defaultConfig),l10n:f};r.parseDate=D({config:r.config,l10n:r.l10n});r._handlers=[];r.pluginElements=[];r.loadedPlugins=[];r._bind=W;r._setHoursFromDate=_;r._positionCalendar=jn;r.changeMonth=ln;r.changeYear=mn;r.clear=sn;r.close=vn;r.onMouseOver=Mn;r._createElement=s;r.createDay=$;r.destroy=pn;r.isEnabled=gn;r.jumpToDate=K;r.updateValue=Qn;r.open=xn;r.redraw=In;r.set=Rn;r.setDate=Yn;r.toggle=Un;function i(){r.utils={getDaysInMonth:function(n,e){if(n===void 0){n=r.currentMonth}if(e===void 0){e=r.currentYear}if(n===1&&(e%4===0&&e%100!==0||e%400===0))return 29;return r.l10n.daysInMonth[n]}}}function m(){r.element=r.input=n;r.isOpen=false;An();On();Jn();Ln();i();if(!r.isMobile)V();U();if(r.selectedDates.length||r.config.noCalendar){if(r.config.enableTime){_(r.config.noCalendar?r.latestSelectedDateObj:undefined)}Qn(false)}E();var e=/^((?!chrome|android).)*safari/i.test(navigator.userAgent);if(!r.isMobile&&e){jn()}Kn("onReady")}function y(){var n;return((n=r.calendarContainer)===null||n===void 0?void 0:n.getRootNode()).activeElement||document.activeElement}function k(n){return n.bind(r)}function E(){var n=r.config;if(n.weekNumbers===false&&n.showMonths===1){return}else if(n.noCalendar!==true){window.requestAnimationFrame((function(){if(r.calendarContainer!==undefined){r.calendarContainer.style.visibility="hidden";r.calendarContainer.style.display="block"}if(r.daysContainer!==undefined){var e=(r.days.offsetWidth+1)*n.showMonths;r.daysContainer.style.width=e+"px";r.calendarContainer.style.width=e+(r.weekWrapper!==undefined?r.weekWrapper.offsetWidth:0)+"px";r.calendarContainer.style.removeProperty("visibility");r.calendarContainer.style.removeProperty("display")}}))}}function N(n){if(r.selectedDates.length===0){var e=r.config.minDate===undefined||x(new Date,r.config.minDate)>=0?new Date:new Date(r.config.minDate.getTime());var i=j(r.config);e.setHours(i.hours,i.minutes,i.seconds,e.getMilliseconds());r.selectedDates=[e];r.latestSelectedDateObj=e}if(n!==undefined&&n.type!=="blur"){qn(n)}var t=r._input.value;Y();Qn();if(r._input.value!==t){r._debouncedChange()}}function R(n,e){return n%12+12*u(e===r.l10n.amPM[1])}function H(n){switch(n%24){case 0:case 12:return 12;default:return n%12}}function Y(){if(r.hourElement===undefined||r.minuteElement===undefined)return;var n=(parseInt(r.hourElement.value.slice(-2),10)||0)%24,e=(parseInt(r.minuteElement.value,10)||0)%60,i=r.secondElement!==undefined?(parseInt(r.secondElement.value,10)||0)%60:0;if(r.amPM!==undefined){n=R(n,r.amPM.textContent)}var t=r.config.minTime!==undefined||r.config.minDate&&r.minDateHasTime&&r.latestSelectedDateObj&&x(r.latestSelectedDateObj,r.config.minDate,true)===0;var a=r.config.maxTime!==undefined||r.config.maxDate&&r.maxDateHasTime&&r.latestSelectedDateObj&&x(r.latestSelectedDateObj,r.config.maxDate,true)===0;if(r.config.maxTime!==undefined&&r.config.minTime!==undefined&&r.config.minTime>r.config.maxTime){var f=A(r.config.minTime.getHours(),r.config.minTime.getMinutes(),r.config.minTime.getSeconds());var o=A(r.config.maxTime.getHours(),r.config.maxTime.getMinutes(),r.config.maxTime.getSeconds());var u=A(n,e,i);if(u>o&&u<f){var d=S(f);n=d[0];e=d[1];i=d[2]}}else{if(a){var c=r.config.maxTime!==undefined?r.config.maxTime:r.config.maxDate;n=Math.min(n,c.getHours());if(n===c.getHours())e=Math.min(e,c.getMinutes());if(e===c.getMinutes())i=Math.min(i,c.getSeconds())}if(t){var l=r.config.minTime!==undefined?r.config.minTime:r.config.minDate;n=Math.max(n,l.getHours());if(n===l.getHours()&&e<l.getMinutes())e=l.getMinutes();if(e===l.getMinutes())i=Math.max(i,l.getSeconds())}}L(n,e,i)}function _(n){var e=n||r.latestSelectedDateObj;if(e&&e instanceof Date){L(e.getHours(),e.getMinutes(),e.getSeconds())}}function L(n,e,i){if(r.latestSelectedDateObj!==undefined){r.latestSelectedDateObj.setHours(n%24,e,i||0,0)}if(!r.hourElement||!r.minuteElement||r.isMobile)return;r.hourElement.value=o(!r.config.time_24hr?(12+n)%12+12*u(n%12===0):n);r.minuteElement.value=o(e);if(r.amPM!==undefined)r.amPM.textContent=r.l10n.amPM[u(n>=12)];if(r.secondElement!==undefined)r.secondElement.value=o(i)}function J(n){var e=w(n);var r=parseInt(e.value)+(n.delta||0);if(r/1e3>1||n.key==="Enter"&&!/[^\d]/.test(r.toString())){mn(r)}}function W(n,e,i,t){if(e instanceof Array)return e.forEach((function(e){return W(n,e,i,t)}));if(n instanceof Array)return n.forEach((function(n){return W(n,e,i,t)}));n.addEventListener(e,i,t);r._handlers.push({remove:function(){return n.removeEventListener(e,i,t)}})}function G(){Kn("onChange")}function U(){if(r.config.wrap){["open","close","toggle","clear"].forEach((function(n){Array.prototype.forEach.call(r.element.querySelectorAll("[data-"+n+"]"),(function(e){return W(e,"click",r[n])}))}))}if(r.isMobile){Gn();return}var n=d(Dn,50);r._debouncedChange=d(G,I);if(r.daysContainer&&!/iPhone|iPad|iPod/i.test(navigator.userAgent))W(r.daysContainer,"mouseover",(function(n){if(r.config.mode==="range")Mn(w(n))}));W(r._input,"keydown",kn);if(r.calendarContainer!==undefined){W(r.calendarContainer,"keydown",kn)}if(!r.config.inline&&!r.config.static)W(window,"resize",n);if(window.ontouchstart!==undefined)W(window.document,"touchstart",wn);else W(window.document,"mousedown",wn);W(window.document,"focus",wn,{capture:true});if(r.config.clickOpens===true){W(r._input,"focus",r.open);W(r._input,"click",r.open)}if(r.daysContainer!==undefined){W(r.monthNav,"click",Xn);W(r.monthNav,["keyup","increment"],J);W(r.daysContainer,"click",Nn)}if(r.timeContainer!==undefined&&r.minuteElement!==undefined&&r.hourElement!==undefined){var e=function(n){return w(n).select()};W(r.timeContainer,["increment"],N);W(r.timeContainer,"blur",N,{capture:true});W(r.timeContainer,"click",z);W([r.hourElement,r.minuteElement],["focus","click"],e);if(r.secondElement!==undefined)W(r.secondElement,"focus",(function(){return r.secondElement&&r.secondElement.select()}));if(r.amPM!==undefined){W(r.amPM,"click",(function(n){N(n)}))}}if(r.config.allowInput){W(r._input,"blur",bn)}}function K(n,e){var i=n!==undefined?r.parseDate(n):r.latestSelectedDateObj||(r.config.minDate&&r.config.minDate>r.now?r.config.minDate:r.config.maxDate&&r.config.maxDate<r.now?r.config.maxDate:r.now);var t=r.currentYear;var a=r.currentMonth;try{if(i!==undefined){r.currentYear=i.getFullYear();r.currentMonth=i.getMonth()}}catch(n){n.message="Invalid date supplied: "+i;r.config.errorHandler(n)}if(e&&r.currentYear!==t){Kn("onYearChange");rn()}if(e&&(r.currentYear!==t||r.currentMonth!==a)){Kn("onMonthChange")}r.redraw()}function z(n){var e=w(n);if(~e.className.indexOf("arrow"))B(n,e.classList.contains("arrowUp")?1:-1)}function B(n,e,r){var i=n&&w(n);var t=r||i&&i.parentNode&&i.parentNode.firstChild;var a=zn("increment");a.delta=e;t&&t.dispatchEvent(a)}function V(){var n=window.document.createDocumentFragment();r.calendarContainer=s("div","flatpickr-calendar");r.calendarContainer.tabIndex=-1;if(!r.config.noCalendar){n.appendChild(fn());r.innerContainer=s("div","flatpickr-innerContainer");if(r.config.weekNumbers){var e=cn(),i=e.weekWrapper,t=e.weekNumbers;r.innerContainer.appendChild(i);r.weekNumbers=t;r.weekWrapper=i}r.rContainer=s("div","flatpickr-rContainer");r.rContainer.appendChild(un());if(!r.daysContainer){r.daysContainer=s("div","flatpickr-days");r.daysContainer.tabIndex=-1}en();r.rContainer.appendChild(r.daysContainer);r.innerContainer.appendChild(r.rContainer);n.appendChild(r.innerContainer)}if(r.config.enableTime){n.appendChild(on())}l(r.calendarContainer,"rangeMode",r.config.mode==="range");l(r.calendarContainer,"animate",r.config.animate===true);l(r.calendarContainer,"multiMonth",r.config.showMonths>1);r.calendarContainer.appendChild(n);var a=r.config.appendTo!==undefined&&r.config.appendTo.nodeType!==undefined;if(r.config.inline||r.config.static){r.calendarContainer.classList.add(r.config.inline?"inline":"static");if(r.config.inline){if(!a&&r.element.parentNode)r.element.parentNode.insertBefore(r.calendarContainer,r._input.nextSibling);else if(r.config.appendTo!==undefined)r.config.appendTo.appendChild(r.calendarContainer)}if(r.config.static){var f=s("div","flatpickr-wrapper");if(r.element.parentNode)r.element.parentNode.insertBefore(f,r.element);f.appendChild(r.element);if(r.altInput)f.appendChild(r.altInput);f.appendChild(r.calendarContainer)}}if(!r.config.static&&!r.config.inline)(r.config.appendTo!==undefined?r.config.appendTo:window.document.body).appendChild(r.calendarContainer)}function $(n,e,i,t){var a=gn(e,true),f=s("span",n,e.getDate().toString());f.dateObj=e;f.$i=t;f.setAttribute("aria-label",r.formatDate(e,r.config.ariaDateFormat));if(n.indexOf("hidden")===-1&&x(e,r.now)===0){r.todayDateElem=f;f.classList.add("today");f.setAttribute("aria-current","date")}if(a){f.tabIndex=-1;if(Bn(e)){f.classList.add("selected");r.selectedDateElem=f;if(r.config.mode==="range"){l(f,"startRange",r.selectedDates[0]&&x(e,r.selectedDates[0],true)===0);l(f,"endRange",r.selectedDates[1]&&x(e,r.selectedDates[1],true)===0);if(n==="nextMonthDay")f.classList.add("inRange")}}}else{f.classList.add("flatpickr-disabled")}if(r.config.mode==="range"){if(Vn(e)&&!Bn(e))f.classList.add("inRange")}if(r.weekNumbers&&r.config.showMonths===1&&n!=="prevMonthDay"&&t%7===6){r.weekNumbers.insertAdjacentHTML("beforeend","<span class='flatpickr-day'>"+r.config.getWeek(e)+"</span>")}Kn("onDayCreate",f);return f}function Z(n){n.focus();if(r.config.mode==="range")Mn(n)}function Q(n){var e=n>0?0:r.config.showMonths-1;var i=n>0?r.config.showMonths:-1;for(var t=e;t!=i;t+=n){var a=r.daysContainer.children[t];var f=n>0?0:a.children.length-1;var o=n>0?a.children.length:-1;for(var u=f;u!=o;u+=n){var d=a.children[u];if(d.className.indexOf("hidden")===-1&&gn(d.dateObj))return d}}return undefined}function X(n,e){var i=n.className.indexOf("Month")===-1?n.dateObj.getMonth():r.currentMonth;var t=e>0?r.config.showMonths:-1;var a=e>0?1:-1;for(var f=i-r.currentMonth;f!=t;f+=a){var o=r.daysContainer.children[f];var u=i-r.currentMonth===f?n.$i+e:e<0?o.children.length-1:0;var d=o.children.length;for(var c=u;c>=0&&c<d&&c!=(e>0?d:-1);c+=a){var l=o.children[c];if(l.className.indexOf("hidden")===-1&&gn(l.dateObj)&&Math.abs(n.$i-c)>=Math.abs(e))return Z(l)}}r.changeMonth(a);q(Q(a),0);return undefined}function q(n,e){var i=y();var t=yn(i||document.body);var a=n!==undefined?n:t?i:r.selectedDateElem!==undefined&&yn(r.selectedDateElem)?r.selectedDateElem:r.todayDateElem!==undefined&&yn(r.todayDateElem)?r.todayDateElem:Q(e>0?1:-1);if(a===undefined){r._input.focus()}else if(!t){Z(a)}else{X(a,e)}}function nn(n,e){var i=(new Date(n,e,1).getDay()-r.l10n.firstDayOfWeek+7)%7;var t=r.utils.getDaysInMonth((e-1+12)%12,n);var a=r.utils.getDaysInMonth(e,n),f=window.document.createDocumentFragment(),o=r.config.showMonths>1,u=o?"prevMonthDay hidden":"prevMonthDay",d=o?"nextMonthDay hidden":"nextMonthDay";var c=t+1-i,l=0;for(;c<=t;c++,l++){f.appendChild($("flatpickr-day "+u,new Date(n,e-1,c),c,l))}for(c=1;c<=a;c++,l++){f.appendChild($("flatpickr-day",new Date(n,e,c),c,l))}for(var v=a+1;v<=42-i&&(r.config.showMonths===1||l%7!==0);v++,l++){f.appendChild($("flatpickr-day "+d,new Date(n,e+1,v%a),v,l))}var p=s("div","dayContainer");p.appendChild(f);return p}function en(){if(r.daysContainer===undefined){return}v(r.daysContainer);if(r.weekNumbers)v(r.weekNumbers);var n=document.createDocumentFragment();for(var e=0;e<r.config.showMonths;e++){var i=new Date(r.currentYear,r.currentMonth,1);i.setMonth(r.currentMonth+e);n.appendChild(nn(i.getFullYear(),i.getMonth()))}r.daysContainer.appendChild(n);r.days=r.daysContainer.firstChild;if(r.config.mode==="range"&&r.selectedDates.length===1){Mn()}}function rn(){if(r.config.showMonths>1||r.config.monthSelectorType!=="dropdown")return;var n=function(n){if(r.config.minDate!==undefined&&r.currentYear===r.config.minDate.getFullYear()&&n<r.config.minDate.getMonth()){return false}return!(r.config.maxDate!==undefined&&r.currentYear===r.config.maxDate.getFullYear()&&n>r.config.maxDate.getMonth())};r.monthsDropdownContainer.tabIndex=-1;r.monthsDropdownContainer.innerHTML="";for(var e=0;e<12;e++){if(!n(e))continue;var i=s("option","flatpickr-monthDropdown-month");i.value=new Date(r.currentYear,e).getMonth().toString();i.textContent=g(e,r.config.shorthandCurrentMonth,r.l10n);i.tabIndex=-1;if(r.currentMonth===e){i.selected=true}r.monthsDropdownContainer.appendChild(i)}}function tn(){var n=s("div","flatpickr-month");var e=window.document.createDocumentFragment();var i;if(r.config.showMonths>1||r.config.monthSelectorType==="static"){i=s("span","cur-month")}else{r.monthsDropdownContainer=s("select","flatpickr-monthDropdown-months");r.monthsDropdownContainer.setAttribute("aria-label",r.l10n.monthAriaLabel);W(r.monthsDropdownContainer,"change",(function(n){var e=w(n);var i=parseInt(e.value,10);r.changeMonth(i-r.currentMonth);Kn("onMonthChange")}));rn();i=r.monthsDropdownContainer}var t=h("cur-year",{tabindex:"-1"});var a=t.getElementsByTagName("input")[0];a.setAttribute("aria-label",r.l10n.yearAriaLabel);if(r.config.minDate){a.setAttribute("min",r.config.minDate.getFullYear().toString())}if(r.config.maxDate){a.setAttribute("max",r.config.maxDate.getFullYear().toString());a.disabled=!!r.config.minDate&&r.config.minDate.getFullYear()===r.config.maxDate.getFullYear()}var f=s("div","flatpickr-current-month");f.appendChild(i);f.appendChild(t);e.appendChild(f);n.appendChild(e);return{container:n,yearElement:a,monthElement:i}}function an(){v(r.monthNav);r.monthNav.appendChild(r.prevMonthNav);if(r.config.showMonths){r.yearElements=[];r.monthElements=[]}for(var n=r.config.showMonths;n--;){var e=tn();r.yearElements.push(e.yearElement);r.monthElements.push(e.monthElement);r.monthNav.appendChild(e.container)}r.monthNav.appendChild(r.nextMonthNav)}function fn(){r.monthNav=s("div","flatpickr-months");r.yearElements=[];r.monthElements=[];r.prevMonthNav=s("span","flatpickr-prev-month");r.prevMonthNav.innerHTML=r.config.prevArrow;r.nextMonthNav=s("span","flatpickr-next-month");r.nextMonthNav.innerHTML=r.config.nextArrow;an();Object.defineProperty(r,"_hidePrevMonthArrow",{get:function(){return r.__hidePrevMonthArrow},set:function(n){if(r.__hidePrevMonthArrow!==n){l(r.prevMonthNav,"flatpickr-disabled",n);r.__hidePrevMonthArrow=n}}});Object.defineProperty(r,"_hideNextMonthArrow",{get:function(){return r.__hideNextMonthArrow},set:function(n){if(r.__hideNextMonthArrow!==n){l(r.nextMonthNav,"flatpickr-disabled",n);r.__hideNextMonthArrow=n}}});r.currentYearElement=r.yearElements[0];$n();return r.monthNav}function on(){r.calendarContainer.classList.add("hasTime");if(r.config.noCalendar)r.calendarContainer.classList.add("noCalendar");var n=j(r.config);r.timeContainer=s("div","flatpickr-time");r.timeContainer.tabIndex=-1;var e=s("span","flatpickr-time-separator",":");var i=h("flatpickr-hour",{"aria-label":r.l10n.hourAriaLabel});r.hourElement=i.getElementsByTagName("input")[0];var t=h("flatpickr-minute",{"aria-label":r.l10n.minuteAriaLabel});r.minuteElement=t.getElementsByTagName("input")[0];r.hourElement.tabIndex=r.minuteElement.tabIndex=-1;r.hourElement.value=o(r.latestSelectedDateObj?r.latestSelectedDateObj.getHours():r.config.time_24hr?n.hours:H(n.hours));r.minuteElement.value=o(r.latestSelectedDateObj?r.latestSelectedDateObj.getMinutes():n.minutes);r.hourElement.setAttribute("step",r.config.hourIncrement.toString());r.minuteElement.setAttribute("step",r.config.minuteIncrement.toString());r.hourElement.setAttribute("min",r.config.time_24hr?"0":"1");r.hourElement.setAttribute("max",r.config.time_24hr?"23":"12");r.hourElement.setAttribute("maxlength","2");r.minuteElement.setAttribute("min","0");r.minuteElement.setAttribute("max","59");r.minuteElement.setAttribute("maxlength","2");r.timeContainer.appendChild(i);r.timeContainer.appendChild(e);r.timeContainer.appendChild(t);if(r.config.time_24hr)r.timeContainer.classList.add("time24hr");if(r.config.enableSeconds){r.timeContainer.classList.add("hasSeconds");var a=h("flatpickr-second");r.secondElement=a.getElementsByTagName("input")[0];r.secondElement.value=o(r.latestSelectedDateObj?r.latestSelectedDateObj.getSeconds():n.seconds);r.secondElement.setAttribute("step",r.minuteElement.getAttribute("step"));r.secondElement.setAttribute("min","0");r.secondElement.setAttribute("max","59");r.secondElement.setAttribute("maxlength","2");r.timeContainer.appendChild(s("span","flatpickr-time-separator",":"));r.timeContainer.appendChild(a)}if(!r.config.time_24hr){r.amPM=s("span","flatpickr-am-pm",r.l10n.amPM[u((r.latestSelectedDateObj?r.hourElement.value:r.config.defaultHour)>11)]);r.amPM.title=r.l10n.toggleTitle;r.amPM.tabIndex=-1;r.timeContainer.appendChild(r.amPM)}return r.timeContainer}function un(){if(!r.weekdayContainer)r.weekdayContainer=s("div","flatpickr-weekdays");else v(r.weekdayContainer);for(var n=r.config.showMonths;n--;){var e=s("div","flatpickr-weekdaycontainer");r.weekdayContainer.appendChild(e)}dn();return r.weekdayContainer}function dn(){if(!r.weekdayContainer){return}var n=r.l10n.firstDayOfWeek;var e=T(r.l10n.weekdays.shorthand);if(n>0&&n<e.length){e=T(e.splice(n,e.length),e.splice(0,n))}for(var i=r.config.showMonths;i--;){r.weekdayContainer.children[i].innerHTML="\n      <span class='flatpickr-weekday'>\n        "+e.join("</span><span class='flatpickr-weekday'>")+"\n      </span>\n      "}}function cn(){r.calendarContainer.classList.add("hasWeeks");var n=s("div","flatpickr-weekwrapper");n.appendChild(s("span","flatpickr-weekday",r.l10n.weekAbbreviation));var e=s("div","flatpickr-weeks");n.appendChild(e);return{weekWrapper:n,weekNumbers:e}}function ln(n,e){if(e===void 0){e=true}var i=e?n:n-r.currentMonth;if(i<0&&r._hidePrevMonthArrow===true||i>0&&r._hideNextMonthArrow===true)return;r.currentMonth+=i;if(r.currentMonth<0||r.currentMonth>11){r.currentYear+=r.currentMonth>11?1:-1;r.currentMonth=(r.currentMonth+12)%12;Kn("onYearChange");rn()}en();Kn("onMonthChange");$n()}function sn(n,e){if(n===void 0){n=true}if(e===void 0){e=true}r.input.value="";if(r.altInput!==undefined)r.altInput.value="";if(r.mobileInput!==undefined)r.mobileInput.value="";r.selectedDates=[];r.latestSelectedDateObj=undefined;if(e===true){r.currentYear=r._initialDate.getFullYear();r.currentMonth=r._initialDate.getMonth()}if(r.config.enableTime===true){var i=j(r.config),t=i.hours,a=i.minutes,f=i.seconds;L(t,a,f)}r.redraw();if(n)Kn("onChange")}function vn(){r.isOpen=false;if(!r.isMobile){if(r.calendarContainer!==undefined){r.calendarContainer.classList.remove("open")}if(r._input!==undefined){r._input.classList.remove("active")}}Kn("onClose")}function pn(){if(r.config!==undefined)Kn("onDestroy");for(var n=r._handlers.length;n--;){r._handlers[n].remove()}r._handlers=[];if(r.mobileInput){if(r.mobileInput.parentNode)r.mobileInput.parentNode.removeChild(r.mobileInput);r.mobileInput=undefined}else if(r.calendarContainer&&r.calendarContainer.parentNode){if(r.config.static&&r.calendarContainer.parentNode){var e=r.calendarContainer.parentNode;e.lastChild&&e.removeChild(e.lastChild);if(e.parentNode){while(e.firstChild)e.parentNode.insertBefore(e.firstChild,e);e.parentNode.removeChild(e)}}else r.calendarContainer.parentNode.removeChild(r.calendarContainer)}if(r.altInput){r.input.type="text";if(r.altInput.parentNode)r.altInput.parentNode.removeChild(r.altInput);delete r.altInput}if(r.input){r.input.type=r.input._type;r.input.classList.remove("flatpickr-input");r.input.removeAttribute("readonly")}["_showTimeInput","latestSelectedDateObj","_hideNextMonthArrow","_hidePrevMonthArrow","__hideNextMonthArrow","__hidePrevMonthArrow","isMobile","isOpen","selectedDateElem","minDateHasTime","maxDateHasTime","days","daysContainer","_input","_positionElement","innerContainer","rContainer","monthNav","todayDateElem","calendarContainer","weekdayContainer","prevMonthNav","nextMonthNav","monthsDropdownContainer","currentMonthElement","currentYearElement","navigationCurrentMonth","selectedDateElem","config"].forEach((function(n){try{delete r[n]}catch(n){}}))}function hn(n){return r.calendarContainer.contains(n)}function wn(n){if(r.isOpen&&!r.config.inline){var e=w(n);var i=hn(e);var t=e===r.input||e===r.altInput||r.element.contains(e)||n.path&&n.path.indexOf&&(~n.path.indexOf(r.input)||~n.path.indexOf(r.altInput));var a=!t&&!i&&!hn(n.relatedTarget);var f=!r.config.ignoredFocusElements.some((function(n){return n.contains(e)}));if(a&&f){if(r.config.allowInput){r.setDate(r._input.value,false,r.config.altInput?r.config.altFormat:r.config.dateFormat)}if(r.timeContainer!==undefined&&r.minuteElement!==undefined&&r.hourElement!==undefined&&r.input.value!==""&&r.input.value!==undefined){N()}r.close();if(r.config&&r.config.mode==="range"&&r.selectedDates.length===1)r.clear(false)}}}function mn(n){if(!n||r.config.minDate&&n<r.config.minDate.getFullYear()||r.config.maxDate&&n>r.config.maxDate.getFullYear())return;var e=n,i=r.currentYear!==e;r.currentYear=e||r.currentYear;if(r.config.maxDate&&r.currentYear===r.config.maxDate.getFullYear()){r.currentMonth=Math.min(r.config.maxDate.getMonth(),r.currentMonth)}else if(r.config.minDate&&r.currentYear===r.config.minDate.getFullYear()){r.currentMonth=Math.max(r.config.minDate.getMonth(),r.currentMonth)}if(i){r.redraw();Kn("onYearChange");rn()}}function gn(n,e){var i;if(e===void 0){e=true}var t=r.parseDate(n,undefined,e);if(r.config.minDate&&t&&x(t,r.config.minDate,e!==undefined?e:!r.minDateHasTime)<0||r.config.maxDate&&t&&x(t,r.config.maxDate,e!==undefined?e:!r.maxDateHasTime)>0)return false;if(!r.config.enable&&r.config.disable.length===0)return true;if(t===undefined)return false;var a=!!r.config.enable,f=(i=r.config.enable)!==null&&i!==void 0?i:r.config.disable;for(var o=0,u=void 0;o<f.length;o++){u=f[o];if(typeof u==="function"&&u(t))return a;else if(u instanceof Date&&t!==undefined&&u.getTime()===t.getTime())return a;else if(typeof u==="string"){var d=r.parseDate(u,undefined,true);return d&&d.getTime()===t.getTime()?a:!a}else if(typeof u==="object"&&t!==undefined&&u.from&&u.to&&t.getTime()>=u.from.getTime()&&t.getTime()<=u.to.getTime())return a}return!a}function yn(n){if(r.daysContainer!==undefined)return n.className.indexOf("hidden")===-1&&n.className.indexOf("flatpickr-disabled")===-1&&r.daysContainer.contains(n);return false}function bn(n){var e=n.target===r._input;var i=r._input.value.trimEnd()!==Zn();if(e&&i&&!(n.relatedTarget&&hn(n.relatedTarget))){r.setDate(r._input.value,true,n.target===r.altInput?r.config.altFormat:r.config.dateFormat)}}function kn(e){var i=w(e);var t=r.config.wrap?n.contains(i):i===r._input;var a=r.config.allowInput;var f=r.isOpen&&(!a||!t);var o=r.config.inline&&t&&!a;if(e.keyCode===13&&t){if(a){r.setDate(r._input.value,true,i===r.altInput?r.config.altFormat:r.config.dateFormat);r.close();return i.blur()}else{r.open()}}else if(hn(i)||f||o){var u=!!r.timeContainer&&r.timeContainer.contains(i);switch(e.keyCode){case 13:if(u){e.preventDefault();N();En()}else Nn(e);break;case 27:e.preventDefault();En();break;case 8:case 46:if(t&&!r.config.allowInput){e.preventDefault();r.clear()}break;case 37:case 39:if(!u&&!t){e.preventDefault();var d=y();if(r.daysContainer!==undefined&&(a===false||d&&yn(d))){var c=e.keyCode===39?1:-1;if(!e.ctrlKey)q(undefined,c);else{e.stopPropagation();ln(c);q(Q(1),0)}}}else if(r.hourElement)r.hourElement.focus();break;case 38:case 40:e.preventDefault();var l=e.keyCode===40?1:-1;if(r.daysContainer&&i.$i!==undefined||i===r.input||i===r.altInput){if(e.ctrlKey){e.stopPropagation();mn(r.currentYear-l);q(Q(1),0)}else if(!u)q(undefined,l*7)}else if(i===r.currentYearElement){mn(r.currentYear-l)}else if(r.config.enableTime){if(!u&&r.hourElement)r.hourElement.focus();N(e);r._debouncedChange()}break;case 9:if(u){var s=[r.hourElement,r.minuteElement,r.secondElement,r.amPM].concat(r.pluginElements).filter((function(n){return n}));var v=s.indexOf(i);if(v!==-1){var p=s[v+(e.shiftKey?-1:1)];e.preventDefault();(p||r._input).focus()}}else if(!r.config.noCalendar&&r.daysContainer&&r.daysContainer.contains(i)&&e.shiftKey){e.preventDefault();r._input.focus()}break}}if(r.amPM!==undefined&&i===r.amPM){switch(e.key){case r.l10n.amPM[0].charAt(0):case r.l10n.amPM[0].charAt(0).toLowerCase():r.amPM.textContent=r.l10n.amPM[0];Y();Qn();break;case r.l10n.amPM[1].charAt(0):case r.l10n.amPM[1].charAt(0).toLowerCase():r.amPM.textContent=r.l10n.amPM[1];Y();Qn();break}}if(t||hn(i)){Kn("onKeyDown",e)}}function Mn(n,e){if(e===void 0){e="flatpickr-day"}if(r.selectedDates.length!==1||n&&(!n.classList.contains(e)||n.classList.contains("flatpickr-disabled")))return;var i=n?n.dateObj.getTime():r.days.firstElementChild.dateObj.getTime(),t=r.parseDate(r.selectedDates[0],undefined,true).getTime(),a=Math.min(i,r.selectedDates[0].getTime()),f=Math.max(i,r.selectedDates[0].getTime());var o=false;var u=0,d=0;for(var c=a;c<f;c+=O.DAY){if(!gn(new Date(c),true)){o=o||c>a&&c<f;if(c<t&&(!u||c>u))u=c;else if(c>t&&(!d||c<d))d=c}}var l=Array.from(r.rContainer.querySelectorAll("*:nth-child(-n+"+r.config.showMonths+") > ."+e));l.forEach((function(e){var a=e.dateObj;var f=a.getTime();var c=u>0&&f<u||d>0&&f>d;if(c){e.classList.add("notAllowed");["inRange","startRange","endRange"].forEach((function(n){e.classList.remove(n)}));return}else if(o&&!c)return;["startRange","inRange","endRange","notAllowed"].forEach((function(n){e.classList.remove(n)}));if(n!==undefined){n.classList.add(i<=r.selectedDates[0].getTime()?"startRange":"endRange");if(t<i&&f===t)e.classList.add("startRange");else if(t>i&&f===t)e.classList.add("endRange");if(f>=u&&(d===0||f<=d)&&C(f,t,i))e.classList.add("inRange")}}))}function Dn(){if(r.isOpen&&!r.config.static&&!r.config.inline)jn()}function xn(n,e){if(e===void 0){e=r._positionElement}if(r.isMobile===true){if(n){n.preventDefault();var i=w(n);if(i){i.blur()}}if(r.mobileInput!==undefined){r.mobileInput.focus();r.mobileInput.click()}Kn("onOpen");return}else if(r._input.disabled||r.config.inline){return}var t=r.isOpen;r.isOpen=true;if(!t){r.calendarContainer.classList.add("open");r._input.classList.add("active");Kn("onOpen");jn(e)}if(r.config.enableTime===true&&r.config.noCalendar===true){if(r.config.allowInput===false&&(n===undefined||!r.timeContainer.contains(n.relatedTarget))){setTimeout((function(){return r.hourElement.select()}),50)}}}function Cn(n){return function(e){var i=r.config["_"+n+"Date"]=r.parseDate(e,r.config.dateFormat);var t=r.config["_"+(n==="min"?"max":"min")+"Date"];if(i!==undefined){r[n==="min"?"minDateHasTime":"maxDateHasTime"]=i.getHours()>0||i.getMinutes()>0||i.getSeconds()>0}if(r.selectedDates){r.selectedDates=r.selectedDates.filter((function(n){return gn(n)}));if(!r.selectedDates.length&&n==="min")_(i);Qn()}if(r.daysContainer){In();if(i!==undefined)r.currentYearElement[n]=i.getFullYear().toString();else r.currentYearElement.removeAttribute(n);r.currentYearElement.disabled=!!t&&i!==undefined&&t.getFullYear()===i.getFullYear()}}}function An(){var i=["wrap","weekNumbers","allowInput","allowInvalidPreload","clickOpens","time_24hr","enableTime","noCalendar","altInput","shorthandCurrentMonth","inline","static","enableSeconds","disableMobile"];var f=F(F({},JSON.parse(JSON.stringify(n.dataset||{}))),e);var o={};r.config.parseDate=f.parseDate;r.config.formatDate=f.formatDate;Object.defineProperty(r.config,"enable",{get:function(){return r.config._enable},set:function(n){r.config._enable=_n(n)}});Object.defineProperty(r.config,"disable",{get:function(){return r.config._disable},set:function(n){r.config._disable=_n(n)}});var u=f.mode==="time";if(!f.dateFormat&&(f.enableTime||u)){var d=P.defaultConfig.dateFormat||a.dateFormat;o.dateFormat=f.noCalendar||u?"H:i"+(f.enableSeconds?":S":""):d+" H:i"+(f.enableSeconds?":S":"")}if(f.altInput&&(f.enableTime||u)&&!f.altFormat){var l=P.defaultConfig.altFormat||a.altFormat;o.altFormat=f.noCalendar||u?"h:i"+(f.enableSeconds?":S K":" K"):l+(" h:i"+(f.enableSeconds?":S":"")+" K")}Object.defineProperty(r.config,"minDate",{get:function(){return r.config._minDate},set:Cn("min")});Object.defineProperty(r.config,"maxDate",{get:function(){return r.config._maxDate},set:Cn("max")});var s=function(n){return function(e){r.config[n==="min"?"_minTime":"_maxTime"]=r.parseDate(e,"H:i:S")}};Object.defineProperty(r.config,"minTime",{get:function(){return r.config._minTime},set:s("min")});Object.defineProperty(r.config,"maxTime",{get:function(){return r.config._maxTime},set:s("max")});if(f.mode==="time"){r.config.noCalendar=true;r.config.enableTime=true}Object.assign(r.config,o,f);for(var v=0;v<i.length;v++)r.config[i[v]]=r.config[i[v]]===true||r.config[i[v]]==="true";t.filter((function(n){return r.config[n]!==undefined})).forEach((function(n){r.config[n]=c(r.config[n]||[]).map(k)}));r.isMobile=!r.config.disableMobile&&!r.config.inline&&r.config.mode==="single"&&!r.config.disable.length&&!r.config.enable&&!r.config.weekNumbers&&/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);for(var v=0;v<r.config.plugins.length;v++){var p=r.config.plugins[v](r)||{};for(var h in p){if(t.indexOf(h)>-1){r.config[h]=c(p[h]).map(k).concat(r.config[h])}else if(typeof f[h]==="undefined")r.config[h]=p[h]}}if(!f.altInputClass){r.config.altInputClass=Sn().className+" "+r.config.altInputClass}Kn("onParseConfig")}function Sn(){return r.config.wrap?n.querySelector("[data-input]"):n}function On(){if(typeof r.config.locale!=="object"&&typeof P.l10ns[r.config.locale]==="undefined")r.config.errorHandler(new Error("flatpickr: invalid locale "+r.config.locale));r.l10n=F(F({},P.l10ns.default),typeof r.config.locale==="object"?r.config.locale:r.config.locale!=="default"?P.l10ns[r.config.locale]:undefined);b.D="("+r.l10n.weekdays.shorthand.join("|")+")";b.l="("+r.l10n.weekdays.longhand.join("|")+")";b.M="("+r.l10n.months.shorthand.join("|")+")";b.F="("+r.l10n.months.longhand.join("|")+")";b.K="("+r.l10n.amPM[0]+"|"+r.l10n.amPM[1]+"|"+r.l10n.amPM[0].toLowerCase()+"|"+r.l10n.amPM[1].toLowerCase()+")";var i=F(F({},e),JSON.parse(JSON.stringify(n.dataset||{})));if(i.time_24hr===undefined&&P.defaultConfig.time_24hr===undefined){r.config.time_24hr=r.l10n.time_24hr}r.formatDate=M(r);r.parseDate=D({config:r.config,l10n:r.l10n})}function jn(n){if(typeof r.config.position==="function"){return void r.config.position(r,n)}if(r.calendarContainer===undefined)return;Kn("onPreCalendarPosition");var e=n||r._positionElement;var i=Array.prototype.reduce.call(r.calendarContainer.children,(function(n,e){return n+e.offsetHeight}),0),t=r.calendarContainer.offsetWidth,a=r.config.position.split(" "),f=a[0],o=a.length>1?a[1]:null,u=e.getBoundingClientRect(),d=window.innerHeight-u.bottom,c=f==="above"||f!=="below"&&d<i&&u.top>i;var s=window.pageYOffset+u.top+(!c?e.offsetHeight+2:-i-2);l(r.calendarContainer,"arrowTop",!c);l(r.calendarContainer,"arrowBottom",c);if(r.config.inline)return;var v=window.pageXOffset+u.left;var p=false;var h=false;if(o==="center"){v-=(t-u.width)/2;p=true}else if(o==="right"){v-=t-u.width;h=true}l(r.calendarContainer,"arrowLeft",!p&&!h);l(r.calendarContainer,"arrowCenter",p);l(r.calendarContainer,"arrowRight",h);var w=window.document.body.offsetWidth-(window.pageXOffset+u.right);var m=v+t>window.document.body.offsetWidth;var g=w+t>window.document.body.offsetWidth;l(r.calendarContainer,"rightMost",m);if(r.config.static)return;r.calendarContainer.style.top=s+"px";if(!m){r.calendarContainer.style.left=v+"px";r.calendarContainer.style.right="auto"}else if(!g){r.calendarContainer.style.left="auto";r.calendarContainer.style.right=w+"px"}else{var y=Fn();if(y===undefined)return;var b=window.document.body.offsetWidth;var k=Math.max(0,b/2-t/2);var M=".flatpickr-calendar.centerMost:before";var D=".flatpickr-calendar.centerMost:after";var x=y.cssRules.length;var C="{left:"+u.left+"px;right:auto;}";l(r.calendarContainer,"rightMost",false);l(r.calendarContainer,"centerMost",true);y.insertRule(M+","+D+C,x);r.calendarContainer.style.left=k+"px";r.calendarContainer.style.right="auto"}}function Fn(){var n=null;for(var e=0;e<document.styleSheets.length;e++){var r=document.styleSheets[e];if(!r.cssRules)continue;n=r;break}return n!=null?n:Tn()}function Tn(){var n=document.createElement("style");document.head.appendChild(n);return n.sheet}function In(){if(r.config.noCalendar||r.isMobile)return;rn();$n();en()}function En(){r._input.focus();if(window.navigator.userAgent.indexOf("MSIE")!==-1||navigator.msMaxTouchPoints!==undefined){setTimeout(r.close,0)}else{r.close()}}function Nn(n){n.preventDefault();n.stopPropagation();var e=function(n){return n.classList&&n.classList.contains("flatpickr-day")&&!n.classList.contains("flatpickr-disabled")&&!n.classList.contains("notAllowed")};var i=p(w(n),e);if(i===undefined)return;var t=i;var a=r.latestSelectedDateObj=new Date(t.dateObj.getTime());var f=(a.getMonth()<r.currentMonth||a.getMonth()>r.currentMonth+r.config.showMonths-1)&&r.config.mode!=="range";r.selectedDateElem=t;if(r.config.mode==="single")r.selectedDates=[a];else if(r.config.mode==="multiple"){var o=Bn(a);if(o)r.selectedDates.splice(parseInt(o),1);else r.selectedDates.push(a)}else if(r.config.mode==="range"){if(r.selectedDates.length===2){r.clear(false,false)}r.latestSelectedDateObj=a;r.selectedDates.push(a);if(x(a,r.selectedDates[0],true)!==0)r.selectedDates.sort((function(n,e){return n.getTime()-e.getTime()}))}Y();if(f){var u=r.currentYear!==a.getFullYear();r.currentYear=a.getFullYear();r.currentMonth=a.getMonth();if(u){Kn("onYearChange");rn()}Kn("onMonthChange")}$n();en();Qn();if(!f&&r.config.mode!=="range"&&r.config.showMonths===1)Z(t);else if(r.selectedDateElem!==undefined&&r.hourElement===undefined){r.selectedDateElem&&r.selectedDateElem.focus()}if(r.hourElement!==undefined)r.hourElement!==undefined&&r.hourElement.focus();if(r.config.closeOnSelect){var d=r.config.mode==="single"&&!r.config.enableTime;var c=r.config.mode==="range"&&r.selectedDates.length===2&&!r.config.enableTime;if(d||c){En()}}G()}var Pn={locale:[On,dn],showMonths:[an,E,un],minDate:[K],maxDate:[K],positionElement:[Wn],clickOpens:[function(){if(r.config.clickOpens===true){W(r._input,"focus",r.open);W(r._input,"click",r.open)}else{r._input.removeEventListener("focus",r.open);r._input.removeEventListener("click",r.open)}}]};function Rn(n,e){if(n!==null&&typeof n==="object"){Object.assign(r.config,n);for(var i in n){if(Pn[i]!==undefined)Pn[i].forEach((function(n){return n()}))}}else{r.config[n]=e;if(Pn[n]!==undefined)Pn[n].forEach((function(n){return n()}));else if(t.indexOf(n)>-1)r.config[n]=c(e)}r.redraw();Qn(true)}function Hn(n,e){var i=[];if(n instanceof Array)i=n.map((function(n){return r.parseDate(n,e)}));else if(n instanceof Date||typeof n==="number")i=[r.parseDate(n,e)];else if(typeof n==="string"){switch(r.config.mode){case"single":case"time":i=[r.parseDate(n,e)];break;case"multiple":i=n.split(r.config.conjunction).map((function(n){return r.parseDate(n,e)}));break;case"range":i=n.split(r.l10n.rangeSeparator).map((function(n){return r.parseDate(n,e)}));break}}else r.config.errorHandler(new Error("Invalid date supplied: "+JSON.stringify(n)));r.selectedDates=r.config.allowInvalidPreload?i:i.filter((function(n){return n instanceof Date&&gn(n,false)}));if(r.config.mode==="range")r.selectedDates.sort((function(n,e){return n.getTime()-e.getTime()}))}function Yn(n,e,i){if(e===void 0){e=false}if(i===void 0){i=r.config.dateFormat}if(n!==0&&!n||n instanceof Array&&n.length===0)return r.clear(e);Hn(n,i);r.latestSelectedDateObj=r.selectedDates[r.selectedDates.length-1];r.redraw();K(undefined,e);_();if(r.selectedDates.length===0){r.clear(false)}Qn(e);if(e)Kn("onChange")}function _n(n){return n.slice().map((function(n){if(typeof n==="string"||typeof n==="number"||n instanceof Date){return r.parseDate(n,undefined,true)}else if(n&&typeof n==="object"&&n.from&&n.to)return{from:r.parseDate(n.from,undefined),to:r.parseDate(n.to,undefined)};return n})).filter((function(n){return n}))}function Ln(){r.selectedDates=[];r.now=r.parseDate(r.config.now)||new Date;var n=r.config.defaultDate||((r.input.nodeName==="INPUT"||r.input.nodeName==="TEXTAREA")&&r.input.placeholder&&r.input.value===r.input.placeholder?null:r.input.value);if(n)Hn(n,r.config.dateFormat);r._initialDate=r.selectedDates.length>0?r.selectedDates[0]:r.config.minDate&&r.config.minDate.getTime()>r.now.getTime()?r.config.minDate:r.config.maxDate&&r.config.maxDate.getTime()<r.now.getTime()?r.config.maxDate:r.now;r.currentYear=r._initialDate.getFullYear();r.currentMonth=r._initialDate.getMonth();if(r.selectedDates.length>0)r.latestSelectedDateObj=r.selectedDates[0];if(r.config.minTime!==undefined)r.config.minTime=r.parseDate(r.config.minTime,"H:i");if(r.config.maxTime!==undefined)r.config.maxTime=r.parseDate(r.config.maxTime,"H:i");r.minDateHasTime=!!r.config.minDate&&(r.config.minDate.getHours()>0||r.config.minDate.getMinutes()>0||r.config.minDate.getSeconds()>0);r.maxDateHasTime=!!r.config.maxDate&&(r.config.maxDate.getHours()>0||r.config.maxDate.getMinutes()>0||r.config.maxDate.getSeconds()>0)}function Jn(){r.input=Sn();if(!r.input){r.config.errorHandler(new Error("Invalid input element specified"));return}r.input._type=r.input.type;r.input.type="text";r.input.classList.add("flatpickr-input");r._input=r.input;if(r.config.altInput){r.altInput=s(r.input.nodeName,r.config.altInputClass);r._input=r.altInput;r.altInput.placeholder=r.input.placeholder;r.altInput.disabled=r.input.disabled;r.altInput.required=r.input.required;r.altInput.tabIndex=r.input.tabIndex;r.altInput.type="text";r.input.setAttribute("type","hidden");if(!r.config.static&&r.input.parentNode)r.input.parentNode.insertBefore(r.altInput,r.input.nextSibling)}if(!r.config.allowInput)r._input.setAttribute("readonly","readonly");Wn()}function Wn(){r._positionElement=r.config.positionElement||r._input}function Gn(){var n=r.config.enableTime?r.config.noCalendar?"time":"datetime-local":"date";r.mobileInput=s("input",r.input.className+" flatpickr-mobile");r.mobileInput.tabIndex=1;r.mobileInput.type=n;r.mobileInput.disabled=r.input.disabled;r.mobileInput.required=r.input.required;r.mobileInput.placeholder=r.input.placeholder;r.mobileFormatStr=n==="datetime-local"?"Y-m-d\\TH:i:S":n==="date"?"Y-m-d":"H:i:S";if(r.selectedDates.length>0){r.mobileInput.defaultValue=r.mobileInput.value=r.formatDate(r.selectedDates[0],r.mobileFormatStr)}if(r.config.minDate)r.mobileInput.min=r.formatDate(r.config.minDate,"Y-m-d");if(r.config.maxDate)r.mobileInput.max=r.formatDate(r.config.maxDate,"Y-m-d");if(r.input.getAttribute("step"))r.mobileInput.step=String(r.input.getAttribute("step"));r.input.type="hidden";if(r.altInput!==undefined)r.altInput.type="hidden";try{if(r.input.parentNode)r.input.parentNode.insertBefore(r.mobileInput,r.input.nextSibling)}catch(n){}W(r.mobileInput,"change",(function(n){r.setDate(w(n).value,false,r.mobileFormatStr);Kn("onChange");Kn("onClose")}))}function Un(n){if(r.isOpen===true)return r.close();r.open(n)}function Kn(n,e){if(r.config===undefined)return;var i=r.config[n];if(i!==undefined&&i.length>0){for(var t=0;i[t]&&t<i.length;t++)i[t](r.selectedDates,r.input.value,r,e)}if(n==="onChange"){r.input.dispatchEvent(zn("change"));r.input.dispatchEvent(zn("input"))}}function zn(n){var e=document.createEvent("Event");e.initEvent(n,true,true);return e}function Bn(n){for(var e=0;e<r.selectedDates.length;e++){var i=r.selectedDates[e];if(i instanceof Date&&x(i,n)===0)return""+e}return false}function Vn(n){if(r.config.mode!=="range"||r.selectedDates.length<2)return false;return x(n,r.selectedDates[0])>=0&&x(n,r.selectedDates[1])<=0}function $n(){if(r.config.noCalendar||r.isMobile||!r.monthNav)return;r.yearElements.forEach((function(n,e){var i=new Date(r.currentYear,r.currentMonth,1);i.setMonth(r.currentMonth+e);if(r.config.showMonths>1||r.config.monthSelectorType==="static"){r.monthElements[e].textContent=g(i.getMonth(),r.config.shorthandCurrentMonth,r.l10n)+" "}else{r.monthsDropdownContainer.value=i.getMonth().toString()}n.value=i.getFullYear().toString()}));r._hidePrevMonthArrow=r.config.minDate!==undefined&&(r.currentYear===r.config.minDate.getFullYear()?r.currentMonth<=r.config.minDate.getMonth():r.currentYear<r.config.minDate.getFullYear());r._hideNextMonthArrow=r.config.maxDate!==undefined&&(r.currentYear===r.config.maxDate.getFullYear()?r.currentMonth+1>r.config.maxDate.getMonth():r.currentYear>r.config.maxDate.getFullYear())}function Zn(n){var e=n||(r.config.altInput?r.config.altFormat:r.config.dateFormat);return r.selectedDates.map((function(n){return r.formatDate(n,e)})).filter((function(n,e,i){return r.config.mode!=="range"||r.config.enableTime||i.indexOf(n)===e})).join(r.config.mode!=="range"?r.config.conjunction:r.l10n.rangeSeparator)}function Qn(n){if(n===void 0){n=true}if(r.mobileInput!==undefined&&r.mobileFormatStr){r.mobileInput.value=r.latestSelectedDateObj!==undefined?r.formatDate(r.latestSelectedDateObj,r.mobileFormatStr):""}r.input.value=Zn(r.config.dateFormat);if(r.altInput!==undefined){r.altInput.value=Zn(r.config.altFormat)}if(n!==false)Kn("onValueUpdate")}function Xn(n){var e=w(n);var i=r.prevMonthNav.contains(e);var t=r.nextMonthNav.contains(e);if(i||t){ln(i?-1:1)}else if(r.yearElements.indexOf(e)>=0){e.select()}else if(e.classList.contains("arrowUp")){r.changeYear(r.currentYear+1)}else if(e.classList.contains("arrowDown")){r.changeYear(r.currentYear-1)}}function qn(n){n.preventDefault();var e=n.type==="keydown",i=w(n),t=i;if(r.amPM!==undefined&&i===r.amPM){r.amPM.textContent=r.l10n.amPM[u(r.amPM.textContent===r.l10n.amPM[0])]}var a=parseFloat(t.getAttribute("min")),f=parseFloat(t.getAttribute("max")),d=parseFloat(t.getAttribute("step")),c=parseInt(t.value,10),l=n.delta||(e?n.which===38?1:-1:0);var s=c+d*l;if(typeof t.value!=="undefined"&&t.value.length===2){var v=t===r.hourElement,p=t===r.minuteElement;if(s<a){s=f+s+u(!v)+(u(v)&&u(!r.amPM));if(p)B(undefined,-1,r.hourElement)}else if(s>f){s=t===r.hourElement?s-f-u(!r.amPM):a;if(p)B(undefined,1,r.hourElement)}if(r.amPM&&v&&(d===1?s+c===23:Math.abs(s-c)>d)){r.amPM.textContent=r.l10n.amPM[u(r.amPM.textContent===r.l10n.amPM[0])]}t.value=o(s)}}m();return r}function N(n,e){var r=Array.prototype.slice.call(n).filter((function(n){return n instanceof HTMLElement}));var i=[];for(var t=0;t<r.length;t++){var a=r[t];try{if(a.getAttribute("data-fp-omit")!==null)continue;if(a._flatpickr!==undefined){a._flatpickr.destroy();a._flatpickr=undefined}a._flatpickr=E(a,e||{});i.push(a._flatpickr)}catch(n){console.error(n)}}return i.length===1?i[0]:i}if(typeof HTMLElement!=="undefined"&&typeof HTMLCollection!=="undefined"&&typeof NodeList!=="undefined"){HTMLCollection.prototype.flatpickr=NodeList.prototype.flatpickr=function(n){return N(this,n)};HTMLElement.prototype.flatpickr=function(n){return N([this],n)}}var P=function(n,e){if(typeof n==="string"){return N(window.document.querySelectorAll(n),e)}else if(n instanceof Node){return N([n],e)}else{return N(n,e)}};P.defaultConfig={};P.l10ns={en:F({},f),default:F({},f)};P.localize=function(n){P.l10ns.default=F(F({},P.l10ns.default),n)};P.setDefaults=function(n){P.defaultConfig=F(F({},P.defaultConfig),n)};P.parseDate=D({});P.formatDate=M({});P.compareDates=x;if(typeof jQuery!=="undefined"&&typeof jQuery.fn!=="undefined"){jQuery.fn.flatpickr=function(n){return N(this,n)}}Date.prototype.fp_incr=function(n){return new Date(this.getFullYear(),this.getMonth(),this.getDate()+(typeof n==="string"?parseInt(n,10):n))};if(typeof window!=="undefined"){window.flatpickr=P}var R={exports:{}};(function(e,r){(function(n,e){e(r)})(n,(function(n){var e=typeof window!=="undefined"&&window.flatpickr!==undefined?window.flatpickr:{l10ns:{}};var r={weekdays:{shorthand:["Dom","Lun","Mar","Mer","Gio","Ven","Sab"],longhand:["Domenica","Lunedì","Martedì","Mercoledì","Giovedì","Venerdì","Sabato"]},months:{shorthand:["Gen","Feb","Mar","Apr","Mag","Giu","Lug","Ago","Set","Ott","Nov","Dic"],longhand:["Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre"]},firstDayOfWeek:1,ordinal:function(){return"°"},rangeSeparator:" al ",weekAbbreviation:"Se",scrollTitle:"Scrolla per aumentare",toggleTitle:"Clicca per cambiare",time_24hr:true};e.l10ns.it=r;var i=e.l10ns;n.Italian=r;n.default=i;Object.defineProperty(n,"__esModule",{value:true})}))})(R,R.exports);function H(n,e=false){const r=e?/^\d{1,2}[/-]\d{1,2}[/-]\d{2,4} - \d{2}:\d{2}$/:/^\d{1,2}[/-]\d{1,2}[/-]\d{2,4}$/;if(n.match(r)===null){return false}return true}function Y(n,t){const a=n.children[0].clientHeight;n.style.setProperty("--z-range-picker--toggle-height",`${a}px`);const f=t===r.DATE_TIME?i.DATE_TIME:t===r.MONTHS?i.MONTHS:i.DATE;const o=n.getBoundingClientRect().bottom;const u=o+f>window.innerHeight;const d=o-f-a<0;if(!d&&u){return e.TOP}return e.BOTTOM}function _(n,e){const i=n.getElementsByClassName("flatpickr-calendar");Array.from(i).forEach((n=>{n.setAttribute("tabindex","0");const i=n.getElementsByClassName("flatpickr-prev-month")[0];const t=n.getElementsByClassName("flatpickr-next-month")[0];const a=n.querySelectorAll('[tabindex = "-1"]');a.forEach((n=>n.setAttribute("tabindex","0")));Array.from(n.getElementsByClassName("flatpickr-day")).forEach((n=>{if(n.classList.contains("flatpickr-disabled")){n.setAttribute("tabindex","-1")}}));i.setAttribute("tabindex","0");t.setAttribute("tabindex","0");i.setAttribute("role","button");t.setAttribute("role","button");n.getElementsByClassName("cur-year")[0].setAttribute("aria-label","Anno");if(e===r.DATE){L(n,i,t)}if(e===r.DATE_TIME){J(n,i,t)}if(e===r.MONTHS){W(n,i,t)}}))}function L(n,e,r){Array.from(n.getElementsByClassName("flatpickr-days")).forEach((n=>n.setAttribute("tabindex","-1")));Array.from(n.getElementsByClassName("flatpickr-day")).forEach((n=>n.setAttribute("role","button")));n.getElementsByClassName("flatpickr-monthDropdown-months")[0].setAttribute("aria-label","Mese");e.setAttribute("aria-label","Mese precedente");r.setAttribute("aria-label","Mese successivo")}function J(n,e,r){Array.from(n.getElementsByClassName("flatpickr-days")).forEach((n=>n.setAttribute("tabindex","-1")));Array.from(n.getElementsByClassName("flatpickr-day")).forEach((n=>n.setAttribute("role","button")));n.getElementsByClassName("flatpickr-monthDropdown-months")[0].setAttribute("aria-label","Mese");e.setAttribute("aria-label","Mese precedente");r.setAttribute("aria-label","Mese successivo");Array.from(n.getElementsByClassName("time24hr")).forEach((n=>n.setAttribute("tabindex","-1")));n.getElementsByClassName("flatpickr-hour")[0].setAttribute("aria-label","Ora");n.getElementsByClassName("flatpickr-minute")[0].setAttribute("aria-label","Minuti")}function W(n,e,r){Array.from(n.getElementsByClassName("flatpickr-monthSelect-months")).forEach((n=>n.setAttribute("tabindex","-1")));Array.from(n.getElementsByClassName("flatpickr-monthSelect-month")).forEach((n=>n.setAttribute("role","button")));e.setAttribute("aria-label","Anno precedente");r.setAttribute("aria-label","Anno successivo")}export{Y as a,P as f,R as i,_ as s,H as v};
+//# sourceMappingURL=p-cb395500.js.map