@six-group/ui-library 0.0.0-insider.7f0d6e8 → 0.0.0-insider.8112beb

package/dist/ui-library/p-664b7913.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isTabbable","el","tabIndex","getNearestTabbableElement","shadowRoot","tabbableShadowChild","children","find","e","map","at","undefined","sixDropdownCss","id","SixDropdown","this","componentId","isVisible","resizeObserver","ResizeObserver","debounce","updatePanelPosition","eventListeners","EventListeners","getMenuItems","options","length","sixMenuItems","renderedOptions","option","h","value","label","selectionContainerItems","panel","selectionContainer","_a","panelSlot","assignedElements","flatten","filter","isSelectionContainer","sixMenuElement","_b","isSixMenu","querySelectorAll","_c","querySelector","isSixMenuItem","Array","from","handleDocumentKeyDown","event","keyboardEvent","key","hide","focusOnTrigger","filterInputElement","host","activeElement","item","style","display","setFocus","open","document","preventDefault","setTimeout","container","getRootNode","ShadowRoot","closest","tagName","toLowerCase","handleDocumentMouseDown","path","composedPath","includes","handlePanelSelect","target","closeOnSelect","handleTriggerClick","show","handleTriggerKeyDown","disableHideOnEnterAndSpace","menu","getMenu","menuItems","firstMenuItem","lastMenuItem","ignoredKeys","typeToSelect","handleTriggerKeyUp","handleTriggerSlotChange","updateAccessibleTrigger","handleDropdownScroll","scrollPanel","sixScroll","emit","scrollHeight","scrollTop","scrollbarHeight","offsetHeight","scrollRatio","clientHeight","filterEnabled","asyncFilter","containingElement","handleOpenChange","handlePopoverOptionsChange","popover","setOptions","strategy","hoist","placement","distance","skidding","handleOptionsChange","validateOptions","isArray","virtualScroll","console","error","componentWillLoad","filterDebounce","DEFAULT_DEBOUNCE_FAST","componentDidLoad","init","connectedCallback","initPopover","add","filterValue","applyFilter","emitFilterEvents","filterTerm","lowerCaseFilterTerm","trim","String","_d","selectionContainerValues","s","forEach","async","menuItem","containsFilterTerm","resetFilter","sixAutoFilter","sixAsyncFilterFired","trigger","positioner","Popover","transitionElement","onAfterHide","sixAfterHide","onAfterShow","sixAfterShow","onTransitionEnd","disconnectedCallback","disconnect","removeAll","destroy","sixShow","defaultPrevented","observe","autofocusFilter","requestAnimationFrame","matchTriggerWidth","width","getBoundingClientRect","minWidth","reposition","sixHide","remove","triggerSlot","focus","accessibleTrigger","setAttribute","render","part","class","dropdown","ref","onClick","onKeyDown","onKeyUp","name","onSlotchange","dropdown__positioner","dropdown__positioner__filtered","role","placeholder","filterPlaceholder","slot","size","dropdown__panel__scroll","onScroll","items","getAttribute","getTextLabel","sixMenuCss","isFocusedMenuItem","classList","contains","isSIXMenuItemElement","mapToMenuItem","DEFAULT_NUMBER_OF_ITEMS_SHOWN_FOR_VIRTUAL_SCROLLING","DEFAULT_SIX_MENU_ITEM_HEIGHT","SixMenu","typeToSelectString","handleScrolling","menuWrapper","scrollingIndex","Math","floor","sixMenuItemHeight","handleClick","bind","handleKeyDown","setupForVirtualScrollingAfterRendering","clearTimeout","typeToSelectTimeout","getItems","getTextContent","substring","getItemsShown","defaultItemsShown","itemsShown","scrollingDebounce","menuItemHeight","disabled","getActiveItemIndex","selectedItem","getActiveItem","itemIndex","indexOf","extractItemsFromDOM","findIndex","i","setActiveItem","clickedItem","sixMenuItemSelected","disableKeyboardHandling","activeItem","indexOfActiveItem","getMenuWrapperStyle","styles","height","Object","assign","getMenuContainerStyle","transform","getScrollbarGhostStyle","itemSize","renderItems","slice","min","checkType","removeBoxShadow"],"sources":["src/utils/tabbable.ts","src/components/six-dropdown/six-dropdown.scss?tag=six-dropdown&encapsulation=shadow","src/components/six-dropdown/six-dropdown.tsx","src/components/six-menu/six-menu.scss?tag=six-menu&encapsulation=shadow","src/components/six-menu/six-menu.tsx"],"sourcesContent":["export function isTabbable(el: HTMLElement) {\n  const tabIndex = el.tabIndex;\n  return tabIndex > -1;\n}\n\nexport function getNearestTabbableElement(el: HTMLElement): HTMLElement | undefined {\n  // Check the element\n  if (isTabbable(el)) {\n    return el;\n  }\n\n  // Check the element's shadow root\n  if (el.shadowRoot != null) {\n    const tabbableShadowChild = [...el.shadowRoot.children].find((e) => isTabbable(e as HTMLElement)) as HTMLElement;\n    if (tabbableShadowChild != null) {\n      return tabbableShadowChild;\n    }\n  }\n\n  // Check the element's children\n  if (el.children != null) {\n    return [...el.children].map((e) => getNearestTabbableElement(e as HTMLElement)).at(0);\n  }\n\n  return undefined;\n}\n","@import 'src/global/component';\n@import 'src/global/mixins/scrollbar';\n\n:host {\n  display: inline-block;\n}\n\n.dropdown {\n  position: relative;\n}\n\n.dropdown__trigger {\n  display: block;\n}\n\n.dropdown__positioner {\n  position: absolute;\n  z-index: var(--six-z-index-dropdown);\n\n  &__filtered {\n    width: 100%;\n  }\n}\n\n.dropdown__panel {\n  font-family: var(--six-font-sans);\n  font-size: var(--six-font-size-small);\n  font-weight: var(--six-font-weight-normal);\n  color: var(--color);\n  background-color: var(--six-panel-background-color);\n  border-radius: var(--six-border-radius-medium);\n  border: 1px solid var(--six-color-web-rock-300);\n  box-shadow: var(--six-shadow-small);\n  opacity: 0;\n  pointer-events: none;\n  transform: scale(0.9);\n  transition: var(--six-transition-fast) opacity, var(--six-transition-fast) transform;\n  max-width: 90vw;\n}\n\n.dropdown__panel__scroll {\n  max-height: 18.75rem;\n  overflow-y: auto;\n  overflow-x: hidden;\n  overscroll-behavior: none;\n\n  &--virtual {\n    overflow-y: hidden;\n    overflow-x: hidden;\n  }\n}\n\n.filter-hidden {\n  display: none;\n}\n\n.dropdown__positioner {\n  &[data-popper-placement^='top'] .dropdown__panel {\n    transform-origin: bottom;\n  }\n\n  &[data-popper-placement^='bottom'] .dropdown__panel {\n    transform-origin: top;\n  }\n\n  &[data-popper-placement^='left'] .dropdown__panel {\n    transform-origin: right;\n  }\n\n  &[data-popper-placement^='right'] .dropdown__panel {\n    transform-origin: left;\n  }\n\n  &.popover-visible .dropdown__panel {\n    opacity: 1;\n    transform: none;\n    pointer-events: all;\n  }\n}\n\n.filter {\n  border-bottom: 1px solid var(--six-color-web-rock-300);\n\n  &__icon {\n    color: var(--six-color-web-rock-600);\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { getNearestTabbableElement } from '../../utils/tabbable';\nimport Popover from '../../utils/popover';\nimport { EventListeners } from '../../utils/event-listeners';\nimport { debounce, DEFAULT_DEBOUNCE_FAST } from '../../utils/execution-control';\nimport { EmptyPayload } from '../../utils/types';\nimport { SixMenuItemData } from '../six-menu/six-menu';\n\nexport interface SixDropdownAutoFilterPayload {\n  filterValue: string;\n}\n\nexport interface SixDropdownAsyncFilterPayload {\n  filterValue: string;\n}\n\nexport interface SixDropdownScrollPayload {\n  scrollHeight: number;\n  scrollTop: number;\n  scrollbarHeight: number;\n  scrollRatio: number;\n}\n\nlet id = 0;\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot trigger - The dropdown's trigger, usually a `<six-button>` element.\n * @slot dropdown-footer - The dropdown's footer area.\n * @slot - The dropdown's content.\n *\n * @part base - The component's base wrapper.\n * @part trigger - The container that wraps the trigger.\n * @part panel - The panel that gets shown when the dropdown is open.\n */\n\n@Component({\n  tag: 'six-dropdown',\n  styleUrl: 'six-dropdown.scss',\n  shadow: true,\n})\nexport class SixDropdown {\n  private componentId = `dropdown-${++id}`;\n  private isVisible = false;\n  private panel?: HTMLElement;\n  private scrollPanel?: HTMLElement;\n  private panelSlot?: HTMLSlotElement;\n  private positioner?: HTMLElement;\n  private popover?: Popover;\n  private trigger?: HTMLElement;\n  private triggerSlot?: HTMLSlotElement;\n  private resizeObserver = new ResizeObserver(debounce(() => this.updatePanelPosition(), 100));\n\n  // the input element shown in the dropdown when filter is set to true\n  private filterInputElement?: HTMLSixInputElement;\n\n  @Element() host!: HTMLSixDropdownElement;\n\n  /** Indicates whether the dropdown is open. You can use this in lieu of the show/hide methods. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /**\n   * The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\n   * inside the viewport.\n   */\n  @Prop() placement:\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end' = 'bottom-start';\n\n  /** Determines whether the dropdown should hide when a menu item is selected. */\n  // eslint-disable-next-line @stencil-community/ban-default-true\n  @Prop() closeOnSelect = true;\n\n  /** The distance in pixels from which to offset the panel away from its trigger. */\n  @Prop() distance = 4;\n\n  /** The distance in pixels from which to offset the panel along its trigger. */\n  @Prop() skidding = 0;\n\n  /**\n   * Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n   * `overflow: auto|scroll`.\n   */\n  @Prop() hoist = false;\n\n  /** The dropdown will close when the user interacts outside of this element (e.g. clicking). */\n  @Prop() containingElement?: HTMLElement;\n\n  /**\n   * Set to true to allow auto filtering for entries in the dropdown.\n   * With this flag the dropdown will automatically filter itsel.\n   * If you need to coordinate the shown elements yourself,\n   * e.g. because you need to call an endpoint use asyncFilter instead\n   */\n  @Prop() filter = false;\n\n  /**\n   * Set to true to allow async filtering.\n   * When you enter something in the search field the component will only emit an event but not filter any elements itself.\n   * You can then simply listen to the 'six-async-filter-fired' event to manage the shown menu-items yourself\n   */\n  @Prop() asyncFilter = false;\n\n  /** The filter's placeholder text. */\n  @Prop() filterPlaceholder = 'Filter...';\n\n  /** By default the search field will be focused when opening a dropdown with filtering enabled. */\n  // eslint-disable-next-line @stencil-community/ban-default-true\n  @Prop() autofocusFilter = true;\n\n  get filterEnabled() {\n    return this.filter || this.asyncFilter;\n  }\n\n  /** The debounce for the filter callbacks. */\n  @Prop({ mutable: true }) filterDebounce = 0;\n\n  /** The panel can be opend/closed by pressing the spacebar or the enter key. In some cases you might want to avoid this */\n  @Prop() disableHideOnEnterAndSpace = false;\n\n  /** Set the options to be shown in the dropdown (alternative to setting the elements via html)*/\n  @Prop({ mutable: true }) options: SixMenuItemData[] = [];\n\n  /** Defines whether the menu list will be rendered virtually i.e. only the elements actually shown (and a couple around)\n   *  are actually rendered in the DOM. If you use virtual scrolling pass the elements via prop instead of via slot. */\n  @Prop() virtualScroll = false;\n\n  /**\n   * Determines if the dropdown panel's width should match the width of the trigger element.\n   *\n   * If set to `true`, the panel will resize its width to align with the trigger's width.\n   * If `false` or omitted, the panel will maintain its default width.\n   */\n  @Prop() matchTriggerWidth = false;\n\n  get container() {\n    return this.containingElement || this.host;\n  }\n\n  /** Emitted when the dropdown opens. Calling `event.preventDefault()` will prevent it from being opened. */\n  @Event({ eventName: 'six-dropdown-show' }) sixShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the dropdown opens and all transitions are complete. */\n  @Event({ eventName: 'six-dropdown-after-show' }) sixAfterShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the dropdown closes. Calling `event.preventDefault()` will prevent it from being closed. */\n  @Event({ eventName: 'six-dropdown-hide' }) sixHide!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the dropdown closes and all transitions are complete. */\n  @Event({ eventName: 'six-dropdown-after-hide' }) sixAfterHide!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the auto filter is triggered */\n  @Event({ eventName: 'six-dropdown-auto-filter-fired' }) sixAutoFilter!: EventEmitter<SixDropdownAutoFilterPayload>;\n\n  /** Emitted when the async filter is triggered */\n  @Event({ eventName: 'six-async-filter-fired' }) sixAsyncFilterFired!: EventEmitter<SixDropdownAsyncFilterPayload>;\n\n  /** Emitted when the user scrolls inside dropdown panel.*/\n  @Event({ eventName: 'six-dropdown-scroll' }) sixScroll!: EventEmitter<SixDropdownScrollPayload>;\n\n  private eventListeners = new EventListeners();\n\n  // internal representation of options, so we don't have to make options mutable\n  @State() renderedOptions: SixMenuItemData[] = [];\n\n  @Watch('open')\n  handleOpenChange() {\n    this.open ? this.show() : this.hide();\n    this.updateAccessibleTrigger();\n  }\n\n  @Watch('distance')\n  @Watch('hoist')\n  @Watch('placement')\n  @Watch('skidding')\n  handlePopoverOptionsChange() {\n    if (this.popover == null) return;\n\n    this.popover.setOptions({\n      strategy: this.hoist ? 'fixed' : 'absolute',\n      placement: this.placement,\n      distance: this.distance,\n      skidding: this.skidding,\n    });\n  }\n\n  @Watch('options')\n  @Watch('virtualScroll')\n  handleOptionsChange() {\n    this.validateOptions();\n  }\n\n  private validateOptions() {\n    if (!Array.isArray(this.options)) {\n      this.options = [];\n    }\n    if (this.virtualScroll && this.options.length === 0) {\n      console.error('Options must be defined when using virtual scrolling');\n    }\n    this.renderedOptions = [...this.options];\n  }\n\n  componentWillLoad() {\n    this.validateOptions();\n    if (this.asyncFilter) {\n      this.filterDebounce = DEFAULT_DEBOUNCE_FAST;\n    }\n  }\n\n  componentDidLoad() {\n    this.init();\n    if (this.open) {\n      void this.show();\n    }\n  }\n\n  connectedCallback() {\n    this.init();\n  }\n\n  private init() {\n    this.initPopover();\n\n    // listen to filter\n    const filterInputElement = this.filterInputElement;\n    if (filterInputElement != null) {\n      this.eventListeners.add(\n        filterInputElement,\n        'six-input-input',\n        debounce(() => {\n          const filterValue = filterInputElement.value ?? '';\n          if (this.filter) {\n            this.applyFilter(filterValue);\n          }\n          this.emitFilterEvents(filterValue);\n        }, this.filterDebounce)\n      );\n    }\n  }\n\n  private applyFilter(filterTerm: string) {\n    const lowerCaseFilterTerm = filterTerm.toLowerCase()?.trim() || '';\n    if (this.options.length > 0) {\n      this.renderedOptions = this.options.filter(\n        (option) =>\n          (option.label && String(option.label)?.toLowerCase()?.includes(lowerCaseFilterTerm)) ||\n          (option.value && String(option.value)?.toLowerCase()?.includes(lowerCaseFilterTerm))\n      );\n    } else {\n      const { selectionContainerItems, sixMenuItems } = this.getMenuItems();\n      const selectionContainerValues = selectionContainerItems.map((s) => s.value);\n\n      // Filter items in selection container\n      selectionContainerItems.forEach(async (menuItem) => {\n        menuItem.style.display = (await containsFilterTerm(menuItem, lowerCaseFilterTerm)) ? 'unset' : 'none';\n      });\n\n      // Filter other items. Always hide items which contained in the selection container.\n      sixMenuItems.forEach(async (menuItem) => {\n        menuItem.style.display =\n          (await containsFilterTerm(menuItem, lowerCaseFilterTerm)) &&\n          !selectionContainerValues.includes(menuItem.value)\n            ? 'unset'\n            : 'none';\n      });\n    }\n  }\n\n  private resetFilter() {\n    if (this.filterInputElement != null) {\n      this.filterInputElement.value = '';\n      this.emitFilterEvents('');\n    }\n    if (this.options.length > 0) {\n      this.renderedOptions = [...this.options];\n    } else {\n      const { selectionContainerItems, sixMenuItems } = this.getMenuItems();\n      [...selectionContainerItems, ...sixMenuItems].forEach((item) => (item.style.display = 'unset'));\n    }\n  }\n\n  private emitFilterEvents(filterValue: string) {\n    if (this.filter) {\n      this.sixAutoFilter.emit({ filterValue });\n    } else if (this.asyncFilter) {\n      this.sixAsyncFilterFired.emit({ filterValue });\n    }\n  }\n\n  private initPopover() {\n    if (this.trigger == null || this.positioner == null) return;\n    this.popover = new Popover(this.trigger, this.positioner, {\n      strategy: this.hoist ? 'fixed' : 'absolute',\n      placement: this.placement,\n      distance: this.distance,\n      skidding: this.skidding,\n      transitionElement: this.panel,\n      onAfterHide: () => {\n        if (this.filterEnabled) {\n          this.resetFilter();\n        }\n        this.sixAfterHide.emit();\n      },\n      onAfterShow: async () => {\n        this.sixAfterShow.emit();\n      },\n      onTransitionEnd: () => {\n        if (!this.open && this.scrollPanel != null) {\n          this.scrollPanel.scrollTop = 0;\n        }\n      },\n    });\n  }\n\n  private getMenuItems = (): {\n    selectionContainerItems: HTMLSixMenuItemElement[];\n    sixMenuItems: HTMLSixMenuItemElement[];\n  } => {\n    if (this.options.length > 0) {\n      return {\n        sixMenuItems: this.renderedOptions.map((option) => (\n          <six-menu-item value={option.value}>{option.label}</six-menu-item>\n        )),\n        selectionContainerItems: [],\n      };\n    }\n    if (this.panel == null) return { sixMenuItems: [], selectionContainerItems: [] };\n\n    // Relies on the implementation of six-select. Its dropdown slot contains two elements,\n    // one for the selected menu items, and one for the other items.\n    const selectionContainer = this.panelSlot?.assignedElements({ flatten: true }).filter(isSelectionContainer).at(0);\n    const sixMenuElement = this.panelSlot?.assignedElements({ flatten: true }).filter(isSixMenu).at(0) as\n      | HTMLSixMenuElement\n      | undefined;\n    const selectionContainerItems = selectionContainer?.querySelectorAll('six-menu-item') || [];\n    const sixMenuItems = (sixMenuElement?.querySelector('slot')?.assignedElements().filter(isSixMenuItem) ||\n      []) as HTMLSixMenuItemElement[];\n\n    if (selectionContainerItems.length > 0 || sixMenuItems.length > 0) {\n      return { sixMenuItems, selectionContainerItems: [...selectionContainerItems] };\n    } else {\n      return {\n        sixMenuItems: sixMenuElement ? Array.from(sixMenuElement.querySelectorAll('six-menu-item')) : [],\n        selectionContainerItems: [],\n      };\n    }\n  };\n\n  disconnectedCallback() {\n    this.resizeObserver.disconnect();\n    this.eventListeners.removeAll();\n    void this.hide();\n    this.popover?.destroy();\n    this.popover = undefined;\n  }\n\n  /** Shows the dropdown panel */\n  @Method()\n  async show() {\n    // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n    if (this.isVisible || this.popover == null || this.panel == null) {\n      return;\n    }\n\n    const sixShow = this.sixShow.emit();\n    if (sixShow.defaultPrevented) {\n      this.open = false;\n      return;\n    }\n\n    this.eventListeners.add(this.panel, 'six-menu-item-selected', this.handlePanelSelect);\n    this.eventListeners.add(document, 'keydown', this.handleDocumentKeyDown);\n    this.eventListeners.add(document, 'mousedown', this.handleDocumentMouseDown);\n\n    this.isVisible = true;\n    this.open = true;\n\n    if (this.trigger != null) {\n      this.resizeObserver.observe(this.trigger);\n    }\n    this.updatePanelPosition();\n    this.popover.show();\n\n    if (this.filterEnabled && this.autofocusFilter) {\n      requestAnimationFrame(() => {\n        this.filterInputElement?.setFocus();\n      });\n    }\n  }\n\n  /**\n   * Set min width of dropdown panel to the width of the trigger element\n   */\n  private updatePanelPosition() {\n    if (!this.open) {\n      return;\n    }\n\n    if (this.matchTriggerWidth && this.trigger != null && this.panel != null) {\n      const width = this.trigger.getBoundingClientRect().width;\n      this.panel.style.minWidth = `${width}px`;\n    }\n\n    if (this.popover != null) {\n      this.popover.reposition();\n    }\n  }\n\n  /** Hides the dropdown panel */\n  @Method()\n  async hide() {\n    this.resizeObserver.disconnect();\n\n    // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n    if (!this.isVisible || this.panel == null || this.popover == null) {\n      return;\n    }\n\n    const sixHide = this.sixHide.emit();\n    if (sixHide.defaultPrevented) {\n      this.open = true;\n      return;\n    }\n\n    this.eventListeners.remove(this.panel, 'six-menu-item-selected', this.handlePanelSelect);\n    this.eventListeners.remove(document, 'keydown', this.handleDocumentKeyDown);\n    this.eventListeners.remove(document, 'mousedown', this.handleDocumentMouseDown);\n\n    this.isVisible = false;\n    this.open = false;\n    this.popover.hide();\n  }\n\n  private focusOnTrigger() {\n    if (this.trigger == null) return;\n    const trigger = this.triggerSlot?.assignedElements({ flatten: true }).at(0) as HTMLSixButtonElement | undefined;\n    if (trigger != null) {\n      if (typeof trigger.setFocus === 'function') {\n        trigger.setFocus();\n      } else if (typeof trigger.focus === 'function') {\n        trigger.focus();\n      }\n    }\n  }\n\n  private getMenu(): HTMLSixMenuElement | undefined {\n    return this.panelSlot?.assignedElements({ flatten: true }).filter(isSixMenu).at(0) as\n      | HTMLSixMenuElement\n      | undefined;\n  }\n\n  /**\n   * Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu\n   * is activated.\n   *\n   * @deprecated: use the property `matchTriggerWidth` instead.\n   */\n  @Method()\n  async reposition() {\n    if (this.open && this.popover != null) {\n      this.popover.reposition();\n    }\n  }\n\n  private handleDocumentKeyDown = (event: Event) => {\n    const keyboardEvent = event as KeyboardEvent;\n    // Close when escape is pressed\n    if (keyboardEvent.key === 'Escape') {\n      void this.hide();\n      this.focusOnTrigger();\n      return;\n    }\n\n    if (this.filterInputElement === this.host.shadowRoot?.activeElement) {\n      if (keyboardEvent.key === 'ArrowDown') {\n        const { sixMenuItems, selectionContainerItems } = this.getMenuItems();\n        const item = [...selectionContainerItems, ...sixMenuItems].find((item) => item.style.display !== 'none');\n        if (item != null) {\n          item.setFocus();\n        }\n      }\n    }\n\n    // Handle tabbing\n    if (keyboardEvent.key === 'Tab') {\n      // Tabbing within an open menu should close the dropdown and refocus the trigger\n      if (this.open && document.activeElement != null && isSixMenuItem(document.activeElement)) {\n        keyboardEvent.preventDefault();\n        void this.hide();\n        this.focusOnTrigger();\n        return;\n      }\n\n      // Tabbing outside the containing element closes the panel\n      //\n      // If the dropdown is used within a shadow DOM, we need to obtain the activeElement within that shadowRoot,\n      // otherwise `document.activeElement` will only return the name of the parent shadow DOM element.\n      setTimeout(() => {\n        const activeElement =\n          this.container.getRootNode() instanceof ShadowRoot\n            ? document.activeElement?.shadowRoot?.activeElement\n            : document.activeElement;\n\n        if (activeElement?.closest(this.container.tagName.toLowerCase()) !== this.container) {\n          void this.hide();\n          return;\n        }\n      });\n    }\n  };\n\n  private handleDocumentMouseDown = (event: Event) => {\n    // Close when clicking outside the containing element\n    const path = event.composedPath() as EventTarget[];\n    if (!path.includes(this.container)) {\n      void this.hide();\n      return;\n    }\n  };\n\n  private handlePanelSelect = (event: Event) => {\n    const target = event.target as HTMLElement;\n\n    // Hide the dropdown when a menu item is selected\n    if (this.closeOnSelect && isSixMenu(target)) {\n      void this.hide();\n      this.focusOnTrigger();\n    }\n  };\n\n  private handleTriggerClick = () => {\n    this.open ? this.hide() : this.show();\n  };\n\n  private handleTriggerKeyDown = (event: KeyboardEvent) => {\n    // Close when escape or tab is pressed\n    if (event.key === 'Escape') {\n      this.focusOnTrigger();\n      void this.hide();\n      return;\n    }\n\n    // When spacebar/enter is pressed, show the panel but don't focus on the menu. This let's the user press the same\n    // key again to hide the menu in case they don't want to make a selection.\n    if (!this.disableHideOnEnterAndSpace && [' ', 'Enter'].includes(event.key)) {\n      event.preventDefault();\n      this.open ? void this.hide() : void this.show();\n      return;\n    }\n\n    const menu = this.getMenu();\n\n    // When up/down is pressed, we make the assumption that the user is familiar with the menu and plans to make a\n    // selection. Rather than toggle the panel, we focus on the menu (if one exists) and activate the first item for\n    // faster navigation.\n    if (['ArrowDown', 'ArrowUp'].includes(event.key)) {\n      event.preventDefault();\n\n      // Show the menu if it's not already open\n      if (!this.open) {\n        void this.show();\n      }\n\n      if (menu == null) {\n        return;\n      }\n      const menuItems = [...menu.querySelectorAll('six-menu-item')];\n      const firstMenuItem = menuItems.at(0);\n      const lastMenuItem = menuItems.at(menuItems.length - 1);\n\n      // Focus on a menu item\n      if (event.key === 'ArrowDown' && firstMenuItem != null) {\n        firstMenuItem.setFocus();\n        return;\n      }\n\n      if (event.key === 'ArrowUp' && lastMenuItem != null) {\n        lastMenuItem.setFocus();\n        return;\n      }\n    }\n\n    // Other keys bring focus to the menu and initiate type-to-select behavior\n    const ignoredKeys = ['Tab', 'Shift', 'Meta', 'Ctrl', 'Alt'];\n    if (this.open && menu != null && !ignoredKeys.includes(event.key)) {\n      void menu.typeToSelect(event.key);\n      return;\n    }\n  };\n\n  private handleTriggerKeyUp = (event: KeyboardEvent) => {\n    // Prevent space from triggering a click event in Firefox\n    if (event.key === ' ') {\n      event.preventDefault();\n    }\n  };\n\n  private handleTriggerSlotChange = () => {\n    this.updateAccessibleTrigger();\n  };\n\n  private handleDropdownScroll = () => {\n    if (this.scrollPanel == null) return;\n\n    this.sixScroll.emit({\n      scrollHeight: this.scrollPanel.scrollHeight,\n      scrollTop: this.scrollPanel.scrollTop,\n      scrollbarHeight: this.scrollPanel.offsetHeight * (this.scrollPanel.offsetHeight / this.scrollPanel.scrollHeight),\n      scrollRatio: this.scrollPanel.scrollTop / (this.scrollPanel.scrollHeight - this.scrollPanel.clientHeight),\n    });\n  };\n\n  //\n  // Slotted triggers can be arbitrary content, but we need to link them to the dropdown panel with `aria-haspopup` and\n  // `aria-expanded`. These must be applied to the \"accessible trigger\" (the tabbable portion of the trigger element\n  // that gets slotted in) so screen readers will understand them. The accessible trigger could be the slotted element,\n  // a child of the slotted element, or an element in the slotted element's shadow root.\n  //\n  // For example, the accessible trigger of an <sl-button> is a <button> located inside its shadow root.\n  //\n  // To determine this, we assume the first tabbable element in the trigger slot is the \"accessible trigger.\"\n  //\n  private updateAccessibleTrigger() {\n    if (this.trigger == null) return;\n    const assignedElements = (this.triggerSlot?.assignedElements({ flatten: true }) || []) as HTMLElement[];\n    const accessibleTrigger = assignedElements.map(getNearestTabbableElement).at(0);\n    if (accessibleTrigger != null) {\n      accessibleTrigger.setAttribute('aria-haspopup', 'true');\n      accessibleTrigger.setAttribute('aria-expanded', this.open ? 'true' : 'false');\n    }\n  }\n\n  render() {\n    return (\n      <div\n        part=\"base\"\n        id={this.componentId}\n        class={{\n          dropdown: true,\n          'dropdown--open': this.open,\n        }}\n      >\n        <span\n          part=\"trigger\"\n          class=\"dropdown__trigger\"\n          ref={(el) => (this.trigger = el)}\n          onClick={this.handleTriggerClick}\n          onKeyDown={this.handleTriggerKeyDown}\n          onKeyUp={this.handleTriggerKeyUp}\n        >\n          <slot\n            name=\"trigger\"\n            ref={(el) => (this.triggerSlot = el as HTMLSlotElement)}\n            onSlotchange={this.handleTriggerSlotChange}\n          />\n        </span>\n\n        {/* Position the panel with a wrapper since the popover makes use of `translate`. This let's us add transitions\n        on the panel without interfering with the position. */}\n        <div\n          ref={(el) => (this.positioner = el)}\n          class={{\n            dropdown__positioner: true,\n            dropdown__positioner__filtered: (this.filter || this.asyncFilter) && !this.hoist,\n          }}\n        >\n          <div\n            ref={(el) => (this.panel = el)}\n            part=\"panel\"\n            class=\"dropdown__panel\"\n            role=\"menu\"\n            aria-hidden={this.open ? 'false' : 'true'}\n            aria-labelledby={this.componentId}\n          >\n            {this.filterEnabled && (\n              <six-input\n                class={{\n                  filter: true,\n                  'filter-hidden': !this.open,\n                }}\n                dropdown-search\n                aria-hidden={this.open ? 'false' : 'true'}\n                ref={(el) => (this.filterInputElement = el)}\n                placeholder={this.filterPlaceholder}\n              >\n                <six-icon class=\"filter__icon\" slot=\"suffix\" size=\"small\">\n                  search\n                </six-icon>\n              </six-input>\n            )}\n            <div\n              class={{\n                dropdown__panel__scroll: true,\n                'dropdown__panel__scroll--virtual': this.virtualScroll,\n              }}\n              onScroll={this.handleDropdownScroll}\n              ref={(el) => (this.scrollPanel = el)}\n            >\n              <slot ref={(el) => (this.panelSlot = el as HTMLSlotElement)} />\n              {this.options.length > 0 && (\n                <six-menu part=\"menu\" items={this.renderedOptions} virtualScroll={this.virtualScroll}></six-menu>\n              )}\n            </div>\n            <slot name=\"dropdown-footer\"></slot>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nfunction isSixMenu(el?: Element): boolean {\n  return el?.tagName.toLowerCase() === 'six-menu';\n}\nfunction isSixMenuItem(el?: Element): boolean {\n  return el?.tagName.toLowerCase() === 'six-menu-item';\n}\nfunction isSelectionContainer(el?: Element): boolean {\n  return el?.getAttribute('class')?.includes('selection-container') || false;\n}\nasync function containsFilterTerm(menuItem: HTMLSixMenuItemElement, lowerCaseFilterTerm: string): Promise<boolean> {\n  return (\n    menuItem.value.toLowerCase().includes(lowerCaseFilterTerm) ||\n    (await menuItem.getTextLabel()).toLowerCase().includes(lowerCaseFilterTerm)\n  );\n}\n","@import 'src/global/component';\n\n:host {\n  display: block;\n}\n\n.menu {\n  padding: var(--six-spacing-xx-small) 0;\n  border: none;\n  box-shadow: var(--six-shadow-small);\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n.menu:focus {\n  outline: none;\n}\n\n.no-shadow {\n  box-shadow: none;\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State } from '@stencil/core';\nimport { getTextContent } from '../../utils/slot';\nimport { StyleDeclaration } from '../../utils/types';\nimport { EventListeners } from '../../utils/event-listeners';\nimport { debounce } from '../../utils/execution-control';\n\nexport interface SixMenuItemData {\n  label: string;\n  value: string;\n}\n\nexport interface SixMenuItemSelectedPayload {\n  name: string;\n  item: HTMLSixMenuItemElement;\n}\n\nconst isFocusedMenuItem = (menuItem: HTMLSixMenuItemElement) =>\n  menuItem?.shadowRoot?.querySelector('.menu-item')?.classList?.contains('menu-item--focused');\n\nconst isSIXMenuItemElement = (el?: Element): el is HTMLSixMenuItemElement =>\n  el?.tagName.toLowerCase() === 'six-menu-item';\n\nconst mapToMenuItem = ({ value, label }: SixMenuItemData) => (\n  <six-menu-item key={value} value={value}>\n    {label}\n  </six-menu-item>\n);\n\nconst DEFAULT_NUMBER_OF_ITEMS_SHOWN_FOR_VIRTUAL_SCROLLING = 5;\n\nconst DEFAULT_SIX_MENU_ITEM_HEIGHT = 64;\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The menu's content, including menu items, menu dividers, and menu labels.\n *\n * @part base - The component's base wrapper.\n */\n@Component({\n  tag: 'six-menu',\n  styleUrl: 'six-menu.scss',\n  shadow: true,\n})\nexport class SixMenu {\n  private readonly eventListeners = new EventListeners();\n\n  private menu?: HTMLElement;\n  private menuWrapper?: HTMLElement;\n  private typeToSelectString = '';\n  private typeToSelectTimeout?: number;\n\n  @Element() host!: HTMLSixMenuElement;\n\n  /** Emitted when a menu item is selected. */\n  @Event({ eventName: 'six-menu-item-selected' }) sixMenuItemSelected!: EventEmitter<SixMenuItemSelectedPayload>;\n\n  /** Set to true to remove the box-shadow */\n  @Prop() removeBoxShadow = false;\n\n  /** Set the options to be shown in the dropdown */\n  @Prop() items: SixMenuItemData[] | null = null;\n\n  /** Defines how many items should be shown. If the number of items is larger than this property a scrollbar will be shown */\n  @Prop() itemsShown?: number;\n\n  /** Defines whether the menu list will be rendered virtually i.e. only the elements actually shown (and a couple around)\n   *  are actually rendered in the DOM. If you use virtual scrolling pass the elements via prop instead of via slot. */\n  @Prop() virtualScroll = false;\n\n  /**\n   * Used for virtual scrolling\n   * Define how many items should be rendered in the DOM when using virtual scrolling\n   */\n  @Prop() itemSize = 10;\n\n  /**\n   * Used for virtual scrolling\n   * Define the debounce for listening on scrolling changes in milliseconds.\n   * The lower the number the more sensitive the component reacts to scrolling changes.\n   */\n  @Prop() scrollingDebounce = 15;\n\n  /**\n   * Internal: Disables handling of key presses.\n   */\n  @Prop() disableKeyboardHandling = false;\n\n  /**\n   * Used to calculate which items should be rendered in the DOM\n   */\n  @State()\n  private scrollingIndex = 0;\n\n  // set a default item height, this variable will be updated with the real value after the first render.\n  // However, it's necessary to have a default value because we can only fetch the proper height after the first render\n  @State()\n  sixMenuItemHeight = DEFAULT_SIX_MENU_ITEM_HEIGHT;\n\n  connectedCallback() {\n    this.handleClick = this.handleClick.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n  }\n\n  componentWillLoad() {\n    if (this.items === null) {\n      return;\n    }\n  }\n\n  private handleScrolling = () => {\n    if (this.menuWrapper == null) return;\n    // for performance improvements we only update the DOM if the scrollRatio change \"enough\"\n    this.scrollingIndex = Math.floor(this.menuWrapper.scrollTop / this.sixMenuItemHeight);\n  };\n\n  componentDidLoad() {\n    this.setupForVirtualScrollingAfterRendering();\n  }\n\n  disconnectedCallback() {\n    this.eventListeners.removeAll();\n  }\n\n  /**\n   * Initiates type-to-select logic, which automatically selects an option based on what the user is currently typing.\n   * The key passed will be appended to the internal query and the selection will be updated. After a brief period, the\n   * internal query is cleared automatically. This method is intended to be used with the keydown event. Useful for\n   * enabling type-to-select when the menu doesn't have focus.\n   */\n  @Method()\n  async typeToSelect(key: string) {\n    clearTimeout(this.typeToSelectTimeout);\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    this.typeToSelectTimeout = setTimeout(() => (this.typeToSelectString = ''), 750);\n    this.typeToSelectString += key.toLowerCase();\n    const items = this.getItems();\n    for (const item of items) {\n      const slot = item.shadowRoot?.querySelector('slot:not([name])') as HTMLSlotElement;\n      const label = getTextContent(slot).toLowerCase().trim();\n      if (label.substring(0, this.typeToSelectString.length) === this.typeToSelectString) {\n        item.setFocus();\n        break;\n      }\n    }\n  }\n\n  private getItemsShown(): number {\n    const defaultItemsShown = this.virtualScroll ? DEFAULT_NUMBER_OF_ITEMS_SHOWN_FOR_VIRTUAL_SCROLLING : 0;\n    return this.itemsShown ?? defaultItemsShown;\n  }\n\n  private setupForVirtualScrollingAfterRendering() {\n    if (!this.virtualScroll || this.menuWrapper == null) return;\n\n    this.eventListeners.add(this.menuWrapper, 'scroll', debounce(this.handleScrolling, this.scrollingDebounce));\n\n    // set menu height to proper height once the item is rendered.\n    const menuItemHeight = this.menu?.querySelector('six-menu-item')?.clientHeight;\n    if (menuItemHeight != null && menuItemHeight > 0) {\n      this.sixMenuItemHeight = menuItemHeight;\n    }\n  }\n\n  private getItems(): HTMLSixMenuItemElement[] {\n    if (this.menu == null) return [];\n\n    if (this.items != null) {\n      return this.items.map(mapToMenuItem);\n    }\n\n    const slot = this.menu.querySelector('slot');\n    if (slot == null) return [];\n    return [...slot.assignedElements({ flatten: true })].filter(\n      (el): el is HTMLSixMenuItemElement => isSIXMenuItemElement(el) && !el.disabled\n    );\n  }\n\n  private getActiveItemIndex() {\n    const items = this.getItems();\n    const selectedItem = this.getActiveItem();\n    if (selectedItem != null) {\n      const itemIndex = items.indexOf(selectedItem);\n      if (itemIndex > -1) {\n        return itemIndex;\n      }\n    }\n    const sixMenuItems = this.extractItemsFromDOM();\n    return sixMenuItems.findIndex(isFocusedMenuItem);\n  }\n\n  private getActiveItem(): HTMLSixMenuItemElement | undefined {\n    const activeElement = this.getItems().find((i) => i === document.activeElement);\n    if (activeElement != null) {\n      return activeElement;\n    }\n    return this.extractItemsFromDOM()?.find(isFocusedMenuItem);\n  }\n\n  private extractItemsFromDOM() {\n    return Array.from(this.host.shadowRoot?.querySelectorAll('six-menu-item') ?? []);\n  }\n\n  private setActiveItem(item: HTMLSixMenuItemElement) {\n    item?.setFocus();\n  }\n\n  private handleClick(event: MouseEvent) {\n    const target = event.target as HTMLElement;\n    const clickedItem = target.closest('six-menu-item');\n    if (clickedItem && !clickedItem.disabled) {\n      this.sixMenuItemSelected.emit({ name: clickedItem.value, item: clickedItem });\n    }\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (this.disableKeyboardHandling) {\n      return;\n    }\n\n    // Make a selection when pressing enter\n    if (event.key === 'Enter') {\n      const activeItem = this.getActiveItem();\n      event.preventDefault();\n\n      if (activeItem != null) {\n        this.sixMenuItemSelected.emit({ name: activeItem.value, item: activeItem });\n      }\n    }\n\n    // Prevent scrolling when space is pressed\n    if (event.key === ' ') {\n      event.preventDefault();\n    }\n\n    // Move the selection when pressing down or up\n    if (['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key)) {\n      const items = this.items === null ? this.getItems() : this.extractItemsFromDOM();\n\n      let indexOfActiveItem = this.getActiveItemIndex();\n\n      if (items.length > 0) {\n        event.preventDefault();\n\n        if (event.key === 'ArrowDown') {\n          indexOfActiveItem++;\n        } else if (event.key === 'ArrowUp') {\n          indexOfActiveItem--;\n        } else if (event.key === 'Home') {\n          indexOfActiveItem = 0;\n        } else if (event.key === 'End') {\n          indexOfActiveItem = items.length - 1;\n        }\n\n        if (indexOfActiveItem < 0) indexOfActiveItem = 0;\n        if (indexOfActiveItem > items.length - 1) indexOfActiveItem = items.length - 1;\n\n        this.setActiveItem(items[indexOfActiveItem]);\n\n        return;\n      }\n    }\n\n    void this.typeToSelect(event.key);\n  }\n\n  private getMenuWrapperStyle() {\n    const styles: Partial<StyleDeclaration> = {};\n    if (this.getItemsShown() > 0) {\n      // calculate the proper height to show the correct number of items\n      styles.height = `${(this.getItemsShown() ?? 0) * this.sixMenuItemHeight}px`;\n    }\n    return {\n      ...styles,\n    };\n  }\n\n  private getMenuContainerStyle() {\n    const styles: Partial<StyleDeclaration> = {};\n\n    if (this.virtualScroll) {\n      // calculate height of content are if all items would be rendered so the scrollbar has the proper size\n      styles.transform = `translateY(${this.sixMenuItemHeight * this.scrollingIndex}px)`;\n    }\n\n    return {\n      ...styles,\n    };\n  }\n\n  private getScrollbarGhostStyle() {\n    const styles: Partial<StyleDeclaration> = {};\n\n    if (this.virtualScroll && this.items !== null) {\n      styles.height = `${this.items.length * this.sixMenuItemHeight - this.itemSize * this.sixMenuItemHeight}px`;\n    }\n\n    return {\n      ...styles,\n    };\n  }\n\n  private renderItems() {\n    if (this.items === undefined || this.items === null) {\n      return;\n    }\n\n    if (!this.virtualScroll) {\n      return this.items.map(mapToMenuItem);\n    }\n\n    return this.items\n      .slice(this.scrollingIndex, Math.min(this.items.length, this.itemSize + this.scrollingIndex))\n      .map(({ value, label }: SixMenuItemData) => (\n        <six-menu-item checkType=\"check\" key={value} value={value}>\n          {label}\n        </six-menu-item>\n      ));\n  }\n\n  render() {\n    return (\n      <div\n        ref={(el) => (this.menuWrapper = el)}\n        style={this.getMenuWrapperStyle()}\n        part=\"wrapper\"\n        class={{\n          menu: true,\n          '.no-shadow': this.removeBoxShadow,\n        }}\n      >\n        <div\n          ref={(el) => (this.menu = el)}\n          part=\"base\"\n          role=\"menu\"\n          onClick={this.handleClick}\n          onKeyDown={this.handleKeyDown}\n          tabIndex={0}\n          style={this.getMenuContainerStyle()}\n        >\n          <slot />\n          {this.renderItems()}\n        </div>\n        {this.virtualScroll && <div style={this.getScrollbarGhostStyle()} />}\n      </div>\n    );\n  }\n}\n"],"mappings":"yNAAgBA,EAAWC,GACzB,MAAMC,EAAWD,EAAGC,SACpB,OAAOA,GAAY,CACrB,C,SAEgBC,EAA0BF,GAExC,GAAID,EAAWC,GAAK,CAClB,OAAOA,C,CAIT,GAAIA,EAAGG,YAAc,KAAM,CACzB,MAAMC,EAAsB,IAAIJ,EAAGG,WAAWE,UAAUC,MAAMC,GAAMR,EAAWQ,KAC/E,GAAIH,GAAuB,KAAM,CAC/B,OAAOA,C,EAKX,GAAIJ,EAAGK,UAAY,KAAM,CACvB,MAAO,IAAIL,EAAGK,UAAUG,KAAKD,GAAML,EAA0BK,KAAmBE,GAAG,E,CAGrF,OAAOC,SACT,CCzBA,MAAMC,EAAiB,iiDCuBvB,IAAIC,EAAK,E,MAsBIC,EAAW,M,oYACdC,KAAAC,YAAc,cAAcH,IAC5BE,KAAAE,UAAY,MAQZF,KAAAG,eAAiB,IAAIC,eAAeC,GAAS,IAAML,KAAKM,uBAAuB,MAuH/EN,KAAAO,eAAiB,IAAIC,EA0JrBR,KAAAS,aAAe,K,UAIrB,GAAIT,KAAKU,QAAQC,OAAS,EAAG,CAC3B,MAAO,CACLC,aAAcZ,KAAKa,gBAAgBnB,KAAKoB,GACtCC,EAAA,iBAAeC,MAAOF,EAAOE,OAAQF,EAAOG,SAE9CC,wBAAyB,G,CAG7B,GAAIlB,KAAKmB,OAAS,KAAM,MAAO,CAAEP,aAAc,GAAIM,wBAAyB,IAI5E,MAAME,GAAqBC,EAAArB,KAAKsB,aAAS,MAAAD,SAAA,SAAAA,EAAEE,iBAAiB,CAAEC,QAAS,OAAQC,OAAOC,GAAsB/B,GAAG,GAC/G,MAAMgC,GAAiBC,EAAA5B,KAAKsB,aAAS,MAAAM,SAAA,SAAAA,EAAEL,iBAAiB,CAAEC,QAAS,OAAQC,OAAOI,GAAWlC,GAAG,GAGhG,MAAMuB,GAA0BE,IAAkB,MAAlBA,SAAkB,SAAlBA,EAAoBU,iBAAiB,mBAAoB,GACzF,MAAMlB,IAAgBmB,EAAAJ,IAAc,MAAdA,SAAc,SAAdA,EAAgBK,cAAc,WAAO,MAAAD,SAAA,SAAAA,EAAER,mBAAmBE,OAAOQ,KACrF,GAEF,GAAIf,EAAwBP,OAAS,GAAKC,EAAaD,OAAS,EAAG,CACjE,MAAO,CAAEC,eAAcM,wBAAyB,IAAIA,G,KAC/C,CACL,MAAO,CACLN,aAAce,EAAiBO,MAAMC,KAAKR,EAAeG,iBAAiB,kBAAoB,GAC9FZ,wBAAyB,G,GAyHvBlB,KAAAoC,sBAAyBC,I,MAC/B,MAAMC,EAAgBD,EAEtB,GAAIC,EAAcC,MAAQ,SAAU,MAC7BvC,KAAKwC,OACVxC,KAAKyC,iBACL,M,CAGF,GAAIzC,KAAK0C,uBAAuBrB,EAAArB,KAAK2C,KAAKtD,cAAU,MAAAgC,SAAA,SAAAA,EAAEuB,eAAe,CACnE,GAAIN,EAAcC,MAAQ,YAAa,CACrC,MAAM3B,aAAEA,EAAYM,wBAAEA,GAA4BlB,KAAKS,eACvD,MAAMoC,EAAO,IAAI3B,KAA4BN,GAAcpB,MAAMqD,GAASA,EAAKC,MAAMC,UAAY,SACjG,GAAIF,GAAQ,KAAM,CAChBA,EAAKG,U,GAMX,GAAIV,EAAcC,MAAQ,MAAO,CAE/B,GAAIvC,KAAKiD,MAAQC,SAASN,eAAiB,MAAQX,EAAciB,SAASN,eAAgB,CACxFN,EAAca,sBACTnD,KAAKwC,OACVxC,KAAKyC,iBACL,M,CAOFW,YAAW,K,QACT,MAAMR,EACJ5C,KAAKqD,UAAUC,wBAAyBC,YACpC3B,GAAAP,EAAA6B,SAASN,iBAAa,MAAAvB,SAAA,SAAAA,EAAEhC,cAAU,MAAAuC,SAAA,SAAAA,EAAEgB,cACpCM,SAASN,cAEf,IAAIA,IAAa,MAAbA,SAAa,SAAbA,EAAeY,QAAQxD,KAAKqD,UAAUI,QAAQC,kBAAmB1D,KAAKqD,UAAW,MAC9ErD,KAAKwC,OACV,M,OAMAxC,KAAA2D,wBAA2BtB,IAEjC,MAAMuB,EAAOvB,EAAMwB,eACnB,IAAKD,EAAKE,SAAS9D,KAAKqD,WAAY,MAC7BrD,KAAKwC,OACV,M,GAIIxC,KAAA+D,kBAAqB1B,IAC3B,MAAM2B,EAAS3B,EAAM2B,OAGrB,GAAIhE,KAAKiE,eAAiBpC,EAAUmC,GAAS,MACtChE,KAAKwC,OACVxC,KAAKyC,gB,GAIDzC,KAAAkE,mBAAqB,KAC3BlE,KAAKiD,KAAOjD,KAAKwC,OAASxC,KAAKmE,MAAM,EAG/BnE,KAAAoE,qBAAwB/B,IAE9B,GAAIA,EAAME,MAAQ,SAAU,CAC1BvC,KAAKyC,sBACAzC,KAAKwC,OACV,M,CAKF,IAAKxC,KAAKqE,4BAA8B,CAAC,IAAK,SAASP,SAASzB,EAAME,KAAM,CAC1EF,EAAMc,iBACNnD,KAAKiD,UAAYjD,KAAKwC,YAAcxC,KAAKmE,OACzC,M,CAGF,MAAMG,EAAOtE,KAAKuE,UAKlB,GAAI,CAAC,YAAa,WAAWT,SAASzB,EAAME,KAAM,CAChDF,EAAMc,iBAGN,IAAKnD,KAAKiD,KAAM,MACTjD,KAAKmE,M,CAGZ,GAAIG,GAAQ,KAAM,CAChB,M,CAEF,MAAME,EAAY,IAAIF,EAAKxC,iBAAiB,kBAC5C,MAAM2C,EAAgBD,EAAU7E,GAAG,GACnC,MAAM+E,EAAeF,EAAU7E,GAAG6E,EAAU7D,OAAS,GAGrD,GAAI0B,EAAME,MAAQ,aAAekC,GAAiB,KAAM,CACtDA,EAAczB,WACd,M,CAGF,GAAIX,EAAME,MAAQ,WAAamC,GAAgB,KAAM,CACnDA,EAAa1B,WACb,M,EAKJ,MAAM2B,EAAc,CAAC,MAAO,QAAS,OAAQ,OAAQ,OACrD,GAAI3E,KAAKiD,MAAQqB,GAAQ,OAASK,EAAYb,SAASzB,EAAME,KAAM,MAC5D+B,EAAKM,aAAavC,EAAME,KAC7B,M,GAIIvC,KAAA6E,mBAAsBxC,IAE5B,GAAIA,EAAME,MAAQ,IAAK,CACrBF,EAAMc,gB,GAIFnD,KAAA8E,wBAA0B,KAChC9E,KAAK+E,yBAAyB,EAGxB/E,KAAAgF,qBAAuB,KAC7B,GAAIhF,KAAKiF,aAAe,KAAM,OAE9BjF,KAAKkF,UAAUC,KAAK,CAClBC,aAAcpF,KAAKiF,YAAYG,aAC/BC,UAAWrF,KAAKiF,YAAYI,UAC5BC,gBAAiBtF,KAAKiF,YAAYM,cAAgBvF,KAAKiF,YAAYM,aAAevF,KAAKiF,YAAYG,cACnGI,YAAaxF,KAAKiF,YAAYI,WAAarF,KAAKiF,YAAYG,aAAepF,KAAKiF,YAAYQ,eAC5F,E,UAhjB2C,M,eAkB9B,e,mBAIO,K,cAGL,E,cAGA,E,WAMH,M,6CAWC,M,iBAOK,M,uBAGM,Y,qBAIF,K,oBAOgB,E,gCAGL,M,aAGiB,G,mBAI9B,M,uBAQI,M,qBA8BkB,E,CArD9C,iBAAIC,GACF,OAAO1F,KAAKyB,QAAUzB,KAAK2F,W,CAwB7B,aAAItC,GACF,OAAOrD,KAAK4F,mBAAqB5F,KAAK2C,I,CA8BxC,gBAAAkD,GACE7F,KAAKiD,KAAOjD,KAAKmE,OAASnE,KAAKwC,OAC/BxC,KAAK+E,yB,CAOP,0BAAAe,GACE,GAAI9F,KAAK+F,SAAW,KAAM,OAE1B/F,KAAK+F,QAAQC,WAAW,CACtBC,SAAUjG,KAAKkG,MAAQ,QAAU,WACjCC,UAAWnG,KAAKmG,UAChBC,SAAUpG,KAAKoG,SACfC,SAAUrG,KAAKqG,U,CAMnB,mBAAAC,GACEtG,KAAKuG,iB,CAGC,eAAAA,GACN,IAAKrE,MAAMsE,QAAQxG,KAAKU,SAAU,CAChCV,KAAKU,QAAU,E,CAEjB,GAAIV,KAAKyG,eAAiBzG,KAAKU,QAAQC,SAAW,EAAG,CACnD+F,QAAQC,MAAM,uD,CAEhB3G,KAAKa,gBAAkB,IAAIb,KAAKU,Q,CAGlC,iBAAAkG,GACE5G,KAAKuG,kBACL,GAAIvG,KAAK2F,YAAa,CACpB3F,KAAK6G,eAAiBC,C,EAI1B,gBAAAC,GACE/G,KAAKgH,OACL,GAAIhH,KAAKiD,KAAM,MACRjD,KAAKmE,M,EAId,iBAAA8C,GACEjH,KAAKgH,M,CAGC,IAAAA,GACNhH,KAAKkH,cAGL,MAAMxE,EAAqB1C,KAAK0C,mBAChC,GAAIA,GAAsB,KAAM,CAC9B1C,KAAKO,eAAe4G,IAClBzE,EACA,kBACArC,GAAS,K,MACP,MAAM+G,GAAc/F,EAAAqB,EAAmB1B,SAAK,MAAAK,SAAA,EAAAA,EAAI,GAChD,GAAIrB,KAAKyB,OAAQ,CACfzB,KAAKqH,YAAYD,E,CAEnBpH,KAAKsH,iBAAiBF,EAAY,GACjCpH,KAAK6G,gB,EAKN,WAAAQ,CAAYE,G,MAClB,MAAMC,IAAsBnG,EAAAkG,EAAW7D,iBAAa,MAAArC,SAAA,SAAAA,EAAEoG,SAAU,GAChE,GAAIzH,KAAKU,QAAQC,OAAS,EAAG,CAC3BX,KAAKa,gBAAkBb,KAAKU,QAAQe,QACjCX,I,YACC,OAACA,EAAOG,SAASW,GAAAP,EAAAqG,OAAO5G,EAAOG,UAAM,MAAAI,SAAA,SAAAA,EAAEqC,iBAAa,MAAA9B,SAAA,SAAAA,EAAEkC,SAAS0D,KAC9D1G,EAAOE,SAAS2G,GAAA5F,EAAA2F,OAAO5G,EAAOE,UAAM,MAAAe,SAAA,SAAAA,EAAE2B,iBAAa,MAAAiE,SAAA,SAAAA,EAAE7D,SAAS0D,GAAqB,G,KAEnF,CACL,MAAMtG,wBAAEA,EAAuBN,aAAEA,GAAiBZ,KAAKS,eACvD,MAAMmH,EAA2B1G,EAAwBxB,KAAKmI,GAAMA,EAAE7G,QAGtEE,EAAwB4G,SAAQC,MAAOC,IACrCA,EAASlF,MAAMC,cAAiBkF,EAAmBD,EAAUR,GAAwB,QAAU,MAAM,IAIvG5G,EAAakH,SAAQC,MAAOC,IAC1BA,EAASlF,MAAMC,cACNkF,EAAmBD,EAAUR,KACnCI,EAAyB9D,SAASkE,EAAShH,OACxC,QACA,MAAM,G,EAKV,WAAAkH,GACN,GAAIlI,KAAK0C,oBAAsB,KAAM,CACnC1C,KAAK0C,mBAAmB1B,MAAQ,GAChChB,KAAKsH,iBAAiB,G,CAExB,GAAItH,KAAKU,QAAQC,OAAS,EAAG,CAC3BX,KAAKa,gBAAkB,IAAIb,KAAKU,Q,KAC3B,CACL,MAAMQ,wBAAEA,EAAuBN,aAAEA,GAAiBZ,KAAKS,eACvD,IAAIS,KAA4BN,GAAckH,SAASjF,GAAUA,EAAKC,MAAMC,QAAU,S,EAIlF,gBAAAuE,CAAiBF,GACvB,GAAIpH,KAAKyB,OAAQ,CACfzB,KAAKmI,cAAchD,KAAK,CAAEiC,e,MACrB,GAAIpH,KAAK2F,YAAa,CAC3B3F,KAAKoI,oBAAoBjD,KAAK,CAAEiC,e,EAI5B,WAAAF,GACN,GAAIlH,KAAKqI,SAAW,MAAQrI,KAAKsI,YAAc,KAAM,OACrDtI,KAAK+F,QAAU,IAAIwC,EAAQvI,KAAKqI,QAASrI,KAAKsI,WAAY,CACxDrC,SAAUjG,KAAKkG,MAAQ,QAAU,WACjCC,UAAWnG,KAAKmG,UAChBC,SAAUpG,KAAKoG,SACfC,SAAUrG,KAAKqG,SACfmC,kBAAmBxI,KAAKmB,MACxBsH,YAAa,KACX,GAAIzI,KAAK0F,cAAe,CACtB1F,KAAKkI,a,CAEPlI,KAAK0I,aAAavD,MAAM,EAE1BwD,YAAaZ,UACX/H,KAAK4I,aAAazD,MAAM,EAE1B0D,gBAAiB,KACf,IAAK7I,KAAKiD,MAAQjD,KAAKiF,aAAe,KAAM,CAC1CjF,KAAKiF,YAAYI,UAAY,C,KAwCrC,oBAAAyD,G,MACE9I,KAAKG,eAAe4I,aACpB/I,KAAKO,eAAeyI,iBACfhJ,KAAKwC,QACVnB,EAAArB,KAAK+F,WAAO,MAAA1E,SAAA,SAAAA,EAAE4H,UACdjJ,KAAK+F,QAAUnG,S,CAKjB,UAAMuE,GAEJ,GAAInE,KAAKE,WAAaF,KAAK+F,SAAW,MAAQ/F,KAAKmB,OAAS,KAAM,CAChE,M,CAGF,MAAM+H,EAAUlJ,KAAKkJ,QAAQ/D,OAC7B,GAAI+D,EAAQC,iBAAkB,CAC5BnJ,KAAKiD,KAAO,MACZ,M,CAGFjD,KAAKO,eAAe4G,IAAInH,KAAKmB,MAAO,yBAA0BnB,KAAK+D,mBACnE/D,KAAKO,eAAe4G,IAAIjE,SAAU,UAAWlD,KAAKoC,uBAClDpC,KAAKO,eAAe4G,IAAIjE,SAAU,YAAalD,KAAK2D,yBAEpD3D,KAAKE,UAAY,KACjBF,KAAKiD,KAAO,KAEZ,GAAIjD,KAAKqI,SAAW,KAAM,CACxBrI,KAAKG,eAAeiJ,QAAQpJ,KAAKqI,Q,CAEnCrI,KAAKM,sBACLN,KAAK+F,QAAQ5B,OAEb,GAAInE,KAAK0F,eAAiB1F,KAAKqJ,gBAAiB,CAC9CC,uBAAsB,K,OACpBjI,EAAArB,KAAK0C,sBAAkB,MAAArB,SAAA,SAAAA,EAAE2B,UAAU,G,EAQjC,mBAAA1C,GACN,IAAKN,KAAKiD,KAAM,CACd,M,CAGF,GAAIjD,KAAKuJ,mBAAqBvJ,KAAKqI,SAAW,MAAQrI,KAAKmB,OAAS,KAAM,CACxE,MAAMqI,EAAQxJ,KAAKqI,QAAQoB,wBAAwBD,MACnDxJ,KAAKmB,MAAM2B,MAAM4G,SAAW,GAAGF,K,CAGjC,GAAIxJ,KAAK+F,SAAW,KAAM,CACxB/F,KAAK+F,QAAQ4D,Y,EAMjB,UAAMnH,GACJxC,KAAKG,eAAe4I,aAGpB,IAAK/I,KAAKE,WAAaF,KAAKmB,OAAS,MAAQnB,KAAK+F,SAAW,KAAM,CACjE,M,CAGF,MAAM6D,EAAU5J,KAAK4J,QAAQzE,OAC7B,GAAIyE,EAAQT,iBAAkB,CAC5BnJ,KAAKiD,KAAO,KACZ,M,CAGFjD,KAAKO,eAAesJ,OAAO7J,KAAKmB,MAAO,yBAA0BnB,KAAK+D,mBACtE/D,KAAKO,eAAesJ,OAAO3G,SAAU,UAAWlD,KAAKoC,uBACrDpC,KAAKO,eAAesJ,OAAO3G,SAAU,YAAalD,KAAK2D,yBAEvD3D,KAAKE,UAAY,MACjBF,KAAKiD,KAAO,MACZjD,KAAK+F,QAAQvD,M,CAGP,cAAAC,G,MACN,GAAIzC,KAAKqI,SAAW,KAAM,OAC1B,MAAMA,GAAUhH,EAAArB,KAAK8J,eAAW,MAAAzI,SAAA,SAAAA,EAAEE,iBAAiB,CAAEC,QAAS,OAAQ7B,GAAG,GACzE,GAAI0I,GAAW,KAAM,CACnB,UAAWA,EAAQrF,WAAa,WAAY,CAC1CqF,EAAQrF,U,MACH,UAAWqF,EAAQ0B,QAAU,WAAY,CAC9C1B,EAAQ0B,O,GAKN,OAAAxF,G,MACN,OAAOlD,EAAArB,KAAKsB,aAAS,MAAAD,SAAA,SAAAA,EAAEE,iBAAiB,CAAEC,QAAS,OAAQC,OAAOI,GAAWlC,GAAG,E,CAYlF,gBAAMgK,GACJ,GAAI3J,KAAKiD,MAAQjD,KAAK+F,SAAW,KAAM,CACrC/F,KAAK+F,QAAQ4D,Y,EAkKT,uBAAA5E,G,MACN,GAAI/E,KAAKqI,SAAW,KAAM,OAC1B,MAAM9G,IAAoBF,EAAArB,KAAK8J,eAAW,MAAAzI,SAAA,SAAAA,EAAEE,iBAAiB,CAAEC,QAAS,SAAW,GACnF,MAAMwI,EAAoBzI,EAAiB7B,IAAIN,GAA2BO,GAAG,GAC7E,GAAIqK,GAAqB,KAAM,CAC7BA,EAAkBC,aAAa,gBAAiB,QAChDD,EAAkBC,aAAa,gBAAiBjK,KAAKiD,KAAO,OAAS,Q,EAIzE,MAAAiH,GACE,OACEnJ,EAAA,OACEoJ,KAAK,OACLrK,GAAIE,KAAKC,YACTmK,MAAO,CACLC,SAAU,KACV,iBAAkBrK,KAAKiD,OAGzBlC,EAAA,QACEoJ,KAAK,UACLC,MAAM,oBACNE,IAAMpL,GAAQc,KAAKqI,QAAUnJ,EAC7BqL,QAASvK,KAAKkE,mBACdsG,UAAWxK,KAAKoE,qBAChBqG,QAASzK,KAAK6E,oBAEd9D,EAAA,QACE2J,KAAK,UACLJ,IAAMpL,GAAQc,KAAK8J,YAAc5K,EACjCyL,aAAc3K,KAAK8E,2BAMvB/D,EAAA,OACEuJ,IAAMpL,GAAQc,KAAKsI,WAAapJ,EAChCkL,MAAO,CACLQ,qBAAsB,KACtBC,gCAAiC7K,KAAKyB,QAAUzB,KAAK2F,eAAiB3F,KAAKkG,QAG7EnF,EAAA,OACEuJ,IAAMpL,GAAQc,KAAKmB,MAAQjC,EAC3BiL,KAAK,QACLC,MAAM,kBACNU,KAAK,OAAM,cACE9K,KAAKiD,KAAO,QAAU,OAAM,kBACxBjD,KAAKC,aAErBD,KAAK0F,eACJ3E,EAAA,aACEqJ,MAAO,CACL3I,OAAQ,KACR,iBAAkBzB,KAAKiD,MACxB,qCAEYjD,KAAKiD,KAAO,QAAU,OACnCqH,IAAMpL,GAAQc,KAAK0C,mBAAqBxD,EACxC6L,YAAa/K,KAAKgL,mBAElBjK,EAAA,YAAUqJ,MAAM,eAAea,KAAK,SAASC,KAAK,SAAO,WAK7DnK,EAAA,OACEqJ,MAAO,CACLe,wBAAyB,KACzB,mCAAoCnL,KAAKyG,eAE3C2E,SAAUpL,KAAKgF,qBACfsF,IAAMpL,GAAQc,KAAKiF,YAAc/F,GAEjC6B,EAAA,QAAMuJ,IAAMpL,GAAQc,KAAKsB,UAAYpC,IACpCc,KAAKU,QAAQC,OAAS,GACrBI,EAAA,YAAUoJ,KAAK,OAAOkB,MAAOrL,KAAKa,gBAAiB4F,cAAezG,KAAKyG,iBAG3E1F,EAAA,QAAM2J,KAAK,sB,yTAQvB,SAAS7I,EAAU3C,GACjB,OAAOA,IAAE,MAAFA,SAAE,SAAFA,EAAIuE,QAAQC,iBAAkB,UACvC,CACA,SAASzB,EAAc/C,GACrB,OAAOA,IAAE,MAAFA,SAAE,SAAFA,EAAIuE,QAAQC,iBAAkB,eACvC,CACA,SAAShC,EAAqBxC,G,MAC5B,QAAOmC,EAAAnC,IAAE,MAAFA,SAAE,SAAFA,EAAIoM,aAAa,YAAQ,MAAAjK,SAAA,SAAAA,EAAEyC,SAAS,yBAA0B,KACvE,CACAiE,eAAeE,EAAmBD,EAAkCR,GAClE,OACEQ,EAAShH,MAAM0C,cAAcI,SAAS0D,WAC/BQ,EAASuD,gBAAgB7H,cAAcI,SAAS0D,EAE3D,C,UCnuBA,MAAMgE,EAAa,iTCgBnB,MAAMC,EAAqBzD,IAAgC,IAAA3G,EAAAO,EAAAG,EACzD,OAAAA,GAAAH,GAAAP,EAAA2G,IAAQ,MAARA,SAAQ,SAARA,EAAU3I,cAAU,MAAAgC,SAAA,SAAAA,EAAEW,cAAc,iBAAa,MAAAJ,SAAA,SAAAA,EAAE8J,aAAS,MAAA3J,SAAA,SAAAA,EAAE4J,SAAS,qBAAqB,EAE9F,MAAMC,EAAwB1M,IAC5BA,IAAE,MAAFA,SAAE,SAAFA,EAAIuE,QAAQC,iBAAkB,gBAEhC,MAAMmI,EAAgB,EAAG7K,QAAOC,WAC9BF,EAAA,iBAAewB,IAAKvB,EAAOA,MAAOA,GAC/BC,GAIL,MAAM6K,EAAsD,EAE5D,MAAMC,EAA+B,G,MAiBxBC,EAAO,M,qFACDhM,KAAAO,eAAiB,IAAIC,EAI9BR,KAAAiM,mBAAqB,GA6DrBjM,KAAAkM,gBAAkB,KACxB,GAAIlM,KAAKmM,aAAe,KAAM,OAE9BnM,KAAKoM,eAAiBC,KAAKC,MAAMtM,KAAKmM,YAAY9G,UAAYrF,KAAKuM,kBAAkB,E,qBAvD7D,M,WAGgB,K,6CAOlB,M,cAML,G,uBAOS,G,6BAKM,M,oBAMT,E,uBAKLR,C,CAEpB,iBAAA9E,GACEjH,KAAKwM,YAAcxM,KAAKwM,YAAYC,KAAKzM,MACzCA,KAAK0M,cAAgB1M,KAAK0M,cAAcD,KAAKzM,K,CAG/C,iBAAA4G,GACE,GAAI5G,KAAKqL,QAAU,KAAM,CACvB,M,EAUJ,gBAAAtE,GACE/G,KAAK2M,wC,CAGP,oBAAA7D,GACE9I,KAAKO,eAAeyI,W,CAUtB,kBAAMpE,CAAarC,G,MACjBqK,aAAa5M,KAAK6M,qBAGlB7M,KAAK6M,oBAAsBzJ,YAAW,IAAOpD,KAAKiM,mBAAqB,IAAK,KAC5EjM,KAAKiM,oBAAsB1J,EAAImB,cAC/B,MAAM2H,EAAQrL,KAAK8M,WACnB,IAAK,MAAMjK,KAAQwI,EAAO,CACxB,MAAMJ,GAAO5J,EAAAwB,EAAKxD,cAAU,MAAAgC,SAAA,SAAAA,EAAEW,cAAc,oBAC5C,MAAMf,EAAQ8L,EAAe9B,GAAMvH,cAAc+D,OACjD,GAAIxG,EAAM+L,UAAU,EAAGhN,KAAKiM,mBAAmBtL,UAAYX,KAAKiM,mBAAoB,CAClFpJ,EAAKG,WACL,K,GAKE,aAAAiK,G,MACN,MAAMC,EAAoBlN,KAAKyG,cAAgBqF,EAAsD,EACrG,OAAOzK,EAAArB,KAAKmN,cAAU,MAAA9L,SAAA,EAAAA,EAAI6L,C,CAGpB,sCAAAP,G,QACN,IAAK3M,KAAKyG,eAAiBzG,KAAKmM,aAAe,KAAM,OAErDnM,KAAKO,eAAe4G,IAAInH,KAAKmM,YAAa,SAAU9L,EAASL,KAAKkM,gBAAiBlM,KAAKoN,oBAGxF,MAAMC,GAAiBzL,GAAAP,EAAArB,KAAKsE,QAAI,MAAAjD,SAAA,SAAAA,EAAEW,cAAc,oBAAgB,MAAAJ,SAAA,SAAAA,EAAE6D,aAClE,GAAI4H,GAAkB,MAAQA,EAAiB,EAAG,CAChDrN,KAAKuM,kBAAoBc,C,EAIrB,QAAAP,GACN,GAAI9M,KAAKsE,MAAQ,KAAM,MAAO,GAE9B,GAAItE,KAAKqL,OAAS,KAAM,CACtB,OAAOrL,KAAKqL,MAAM3L,IAAImM,E,CAGxB,MAAMZ,EAAOjL,KAAKsE,KAAKtC,cAAc,QACrC,GAAIiJ,GAAQ,KAAM,MAAO,GACzB,MAAO,IAAIA,EAAK1J,iBAAiB,CAAEC,QAAS,QAASC,QAClDvC,GAAqC0M,EAAqB1M,KAAQA,EAAGoO,U,CAIlE,kBAAAC,GACN,MAAMlC,EAAQrL,KAAK8M,WACnB,MAAMU,EAAexN,KAAKyN,gBAC1B,GAAID,GAAgB,KAAM,CACxB,MAAME,EAAYrC,EAAMsC,QAAQH,GAChC,GAAIE,GAAa,EAAG,CAClB,OAAOA,C,EAGX,MAAM9M,EAAeZ,KAAK4N,sBAC1B,OAAOhN,EAAaiN,UAAUpC,E,CAGxB,aAAAgC,G,MACN,MAAM7K,EAAgB5C,KAAK8M,WAAWtN,MAAMsO,GAAMA,IAAM5K,SAASN,gBACjE,GAAIA,GAAiB,KAAM,CACzB,OAAOA,C,CAET,OAAOvB,EAAArB,KAAK4N,yBAAqB,MAAAvM,SAAA,SAAAA,EAAE7B,KAAKiM,E,CAGlC,mBAAAmC,G,QACN,OAAO1L,MAAMC,MAAKP,GAAAP,EAAArB,KAAK2C,KAAKtD,cAAU,MAAAgC,SAAA,SAAAA,EAAES,iBAAiB,oBAAgB,MAAAF,SAAA,EAAAA,EAAI,G,CAGvE,aAAAmM,CAAclL,GACpBA,IAAI,MAAJA,SAAI,SAAJA,EAAMG,U,CAGA,WAAAwJ,CAAYnK,GAClB,MAAM2B,EAAS3B,EAAM2B,OACrB,MAAMgK,EAAchK,EAAOR,QAAQ,iBACnC,GAAIwK,IAAgBA,EAAYV,SAAU,CACxCtN,KAAKiO,oBAAoB9I,KAAK,CAAEuF,KAAMsD,EAAYhN,MAAO6B,KAAMmL,G,EAI3D,aAAAtB,CAAcrK,GACpB,GAAIrC,KAAKkO,wBAAyB,CAChC,M,CAIF,GAAI7L,EAAME,MAAQ,QAAS,CACzB,MAAM4L,EAAanO,KAAKyN,gBACxBpL,EAAMc,iBAEN,GAAIgL,GAAc,KAAM,CACtBnO,KAAKiO,oBAAoB9I,KAAK,CAAEuF,KAAMyD,EAAWnN,MAAO6B,KAAMsL,G,EAKlE,GAAI9L,EAAME,MAAQ,IAAK,CACrBF,EAAMc,gB,CAIR,GAAI,CAAC,YAAa,UAAW,OAAQ,OAAOW,SAASzB,EAAME,KAAM,CAC/D,MAAM8I,EAAQrL,KAAKqL,QAAU,KAAOrL,KAAK8M,WAAa9M,KAAK4N,sBAE3D,IAAIQ,EAAoBpO,KAAKuN,qBAE7B,GAAIlC,EAAM1K,OAAS,EAAG,CACpB0B,EAAMc,iBAEN,GAAId,EAAME,MAAQ,YAAa,CAC7B6L,G,MACK,GAAI/L,EAAME,MAAQ,UAAW,CAClC6L,G,MACK,GAAI/L,EAAME,MAAQ,OAAQ,CAC/B6L,EAAoB,C,MACf,GAAI/L,EAAME,MAAQ,MAAO,CAC9B6L,EAAoB/C,EAAM1K,OAAS,C,CAGrC,GAAIyN,EAAoB,EAAGA,EAAoB,EAC/C,GAAIA,EAAoB/C,EAAM1K,OAAS,EAAGyN,EAAoB/C,EAAM1K,OAAS,EAE7EX,KAAK+N,cAAc1C,EAAM+C,IAEzB,M,OAICpO,KAAK4E,aAAavC,EAAME,I,CAGvB,mBAAA8L,G,MACN,MAAMC,EAAoC,GAC1C,GAAItO,KAAKiN,gBAAkB,EAAG,CAE5BqB,EAAOC,OAAS,KAAIlN,EAAArB,KAAKiN,mBAAe,MAAA5L,SAAA,EAAAA,EAAI,GAAKrB,KAAKuM,qB,CAExD,OAAAiC,OAAAC,OAAA,GACKH,E,CAIC,qBAAAI,GACN,MAAMJ,EAAoC,GAE1C,GAAItO,KAAKyG,cAAe,CAEtB6H,EAAOK,UAAY,cAAc3O,KAAKuM,kBAAoBvM,KAAKoM,mB,CAGjE,OAAAoC,OAAAC,OAAA,GACKH,E,CAIC,sBAAAM,GACN,MAAMN,EAAoC,GAE1C,GAAItO,KAAKyG,eAAiBzG,KAAKqL,QAAU,KAAM,CAC7CiD,EAAOC,OAAS,GAAGvO,KAAKqL,MAAM1K,OAASX,KAAKuM,kBAAoBvM,KAAK6O,SAAW7O,KAAKuM,qB,CAGvF,OAAAiC,OAAAC,OAAA,GACKH,E,CAIC,WAAAQ,GACN,GAAI9O,KAAKqL,QAAUzL,WAAaI,KAAKqL,QAAU,KAAM,CACnD,M,CAGF,IAAKrL,KAAKyG,cAAe,CACvB,OAAOzG,KAAKqL,MAAM3L,IAAImM,E,CAGxB,OAAO7L,KAAKqL,MACT0D,MAAM/O,KAAKoM,eAAgBC,KAAK2C,IAAIhP,KAAKqL,MAAM1K,OAAQX,KAAK6O,SAAW7O,KAAKoM,iBAC5E1M,KAAI,EAAGsB,QAAOC,WACbF,EAAA,iBAAekO,UAAU,QAAQ1M,IAAKvB,EAAOA,MAAOA,GACjDC,I,CAKT,MAAAiJ,GACE,OACEnJ,EAAA,OACEuJ,IAAMpL,GAAQc,KAAKmM,YAAcjN,EACjC4D,MAAO9C,KAAKqO,sBACZlE,KAAK,UACLC,MAAO,CACL9F,KAAM,KACN,aAActE,KAAKkP,kBAGrBnO,EAAA,OACEuJ,IAAMpL,GAAQc,KAAKsE,KAAOpF,EAC1BiL,KAAK,OACLW,KAAK,OACLP,QAASvK,KAAKwM,YACdhC,UAAWxK,KAAK0M,cAChBvN,SAAU,EACV2D,MAAO9C,KAAK0O,yBAEZ3N,EAAA,aACCf,KAAK8O,eAEP9O,KAAKyG,eAAiB1F,EAAA,OAAK+B,MAAO9C,KAAK4O,2B"}

package/dist/ui-library/p-6c1b046e.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i,g as o}from"./p-af15381b.js";const r=":host{display:block;overflow:hidden;height:inherit}.six-root{display:grid;grid-template:auto 1fr auto/auto 1fr auto;height:100%}.six-root__container--padded{padding:var(--six-spacing-xxx-large)}.six-root__left-sidebar{height:100%;overflow:scroll;grid-column:1/2}.six-root__right-sidebar{height:100%;overflow:scroll;grid-column:3/4}.six-root nav{overflow:hidden}header{grid-column:1/4;position:sticky;top:0;z-index:var(--six-z-index-header);margin-right:2px}main{height:100%;display:flex;flex-direction:column;justify-content:space-between;grid-column:2/3;overflow:auto}footer{grid-column:1/4}";const e=class{constructor(i){t(this,i);this.padded=true;this.stage=null;this.version=""}render(){return i("host",{class:"six-root"},i("header",{part:"header"},this.stage&&i("six-stage-indicator",{stage:this.stage},this.version),i("slot",{name:"header"})),i("nav",{class:"six-root__left-sidebar",part:"left-sidebar"},i("slot",{name:"left-sidebar"})),i("main",{part:"main"},i("div",{class:{"six-root__container":true,"six-root__container--padded":this.padded},part:"container"},i("slot",{name:"main"})),i("div",{class:"six-root__footer"},i("slot",{name:"footer"}))),i("nav",{class:"six-root__right-sidebar",part:"right-sidebar"},i("slot",{name:"right-sidebar"})))}get host(){return o(this)}};e.style=r;export{e as six_root};
+//# sourceMappingURL=p-6c1b046e.entry.js.map

package/dist/ui-library/p-6c1b046e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixRootCss","SixRoot","render","h","class","part","this","stage","version","name","padded"],"sources":["src/components/six-root/six-root.scss?tag=six-root&encapsulation=shadow","src/components/six-root/six-root.tsx"],"sourcesContent":["@import 'src/global/mixins/scrollbar';\n\n:host {\n  display: block;\n  overflow: hidden;\n  height: inherit;\n}\n\n.six-root {\n  display: grid;\n  grid-template: auto 1fr auto / auto 1fr auto;\n  height: 100%;\n\n  &__container {\n    &--padded {\n      padding: var(--six-spacing-xxx-large);\n    }\n  }\n\n  &__left-sidebar {\n    height: 100%;\n    overflow: scroll;\n    grid-column: 1 / 2;\n  }\n\n  &__right-sidebar {\n    height: 100%;\n    overflow: scroll;\n    grid-column: 3 / 4;\n  }\n\n  nav {\n    overflow: hidden;\n  }\n}\n\nheader {\n  grid-column: 1 / 4;\n  position: sticky;\n  top: 0;\n  z-index: var(--six-z-index-header);\n  // border fix\n  margin-right: 2px;\n}\n\nmain {\n  height: 100%;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  grid-column: 2 / 3;\n  overflow: auto;\n}\n\nfooter {\n  grid-column: 1 / 4;\n}\n","import { Component, Element, h, Prop } from '@stencil/core';\nimport { StageType } from '../six-stage-indicator/six-stage-indicator';\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot header - Used to define the header component.\n * @slot main - Used to define the components in the main area.\n * @slot left-sidebar - Used to define the sidebar on the left side.\n * @slot right-sidebar - Used to define the sidebar on the right side.\n * @slot footer - Used to define the footer component.\n */\n\n@Component({\n  tag: 'six-root',\n  styleUrl: 'six-root.scss',\n  shadow: true,\n})\nexport class SixRoot {\n  @Element() host!: HTMLSixRootElement;\n\n  /** Defines whether the content section should be padded */\n  // eslint-disable-next-line @stencil-community/ban-default-true\n  @Prop() padded = true;\n\n  /** Defines the stage of the application*/\n  @Prop() stage: StageType = null;\n\n  /** Defines the version of the application*/\n  @Prop() version = '';\n\n  render() {\n    return (\n      <host class=\"six-root\">\n        <header part=\"header\">\n          {this.stage && <six-stage-indicator stage={this.stage}>{this.version}</six-stage-indicator>}\n          <slot name=\"header\" />\n        </header>\n        <nav class=\"six-root__left-sidebar\" part=\"left-sidebar\">\n          <slot name=\"left-sidebar\" />\n        </nav>\n        <main part=\"main\">\n          <div class={{ 'six-root__container': true, 'six-root__container--padded': this.padded }} part=\"container\">\n            <slot name=\"main\" />\n          </div>\n          <div class=\"six-root__footer\">\n            <slot name=\"footer\" />\n          </div>\n        </main>\n        <nav class=\"six-root__right-sidebar\" part=\"right-sidebar\">\n          <slot name=\"right-sidebar\" />\n        </nav>\n      </host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAa,mlB,MCmBNC,EAAO,M,qCAKD,K,WAGU,K,aAGT,E,CAElB,MAAAC,GACE,OACEC,EAAA,QAAMC,MAAM,YACVD,EAAA,UAAQE,KAAK,UACVC,KAAKC,OAASJ,EAAA,uBAAqBI,MAAOD,KAAKC,OAAQD,KAAKE,SAC7DL,EAAA,QAAMM,KAAK,YAEbN,EAAA,OAAKC,MAAM,yBAAyBC,KAAK,gBACvCF,EAAA,QAAMM,KAAK,kBAEbN,EAAA,QAAME,KAAK,QACTF,EAAA,OAAKC,MAAO,CAAE,sBAAuB,KAAM,8BAA+BE,KAAKI,QAAUL,KAAK,aAC5FF,EAAA,QAAMM,KAAK,UAEbN,EAAA,OAAKC,MAAM,oBACTD,EAAA,QAAMM,KAAK,aAGfN,EAAA,OAAKC,MAAM,0BAA0BC,KAAK,iBACxCF,EAAA,QAAMM,KAAK,mB"}

package/dist/ui-library/p-7115316e.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as s,h as l,g as e}from"./p-af15381b.js";const o=".sc-six-file-upload-h{position:relative;box-sizing:border-box}.sc-six-file-upload-h *.sc-six-file-upload,.sc-six-file-upload-h *.sc-six-file-upload:before,.sc-six-file-upload-h *.sc-six-file-upload:after{box-sizing:border-box}.sc-six-file-upload-h{position:static;display:block}.six-file-upload.sc-six-file-upload six-card.sc-six-file-upload{box-shadow:none;padding:0;width:100%}.six-file-upload__label--highlighted.sc-six-file-upload{color:var(--six-color-action-600)}.six-file-upload__container--full.sc-six-file-upload{border:dashed 1px var(--six-color-web-rock-500)}.six-file-upload__label-icon.sc-six-file-upload{margin-right:0.5rem}.six-file-upload__drop-zone.sc-six-file-upload{padding:2rem 0;display:flex;justify-content:center;width:100%;transition:background-color 0.3s}.six-file-upload__drop-zone--compact.sc-six-file-upload{padding:0}.six-file-upload__input.sc-six-file-upload{cursor:pointer;position:absolute;top:0;left:0;width:100%;user-select:none;height:100%;opacity:0;outline:none}.six-file-upload--disabled.sc-six-file-upload .six-file-upload__drop-zone.sc-six-file-upload{background-color:var(--six-color-inactive)}.six-file-upload.sc-six-file-upload:not(.six-file-upload--disabled) .six-file-upload__drop-zone.sc-six-file-upload:hover,.six-file-upload__drop-zone--hover.sc-six-file-upload{background-color:var(--six-color-action-light-to-be-defined)}.six-file-upload.sc-six-file-upload:not(.six-file-upload--disabled) .six-file-upload__drop-zone.sc-six-file-upload:hover.six-file-upload__drop-zone--compact,.six-file-upload__drop-zone--hover.six-file-upload__drop-zone--compact.sc-six-file-upload{background-color:inherit}.six-file-upload--disabled.sc-six-file-upload .six-file-upload__input.sc-six-file-upload{cursor:not-allowed}";const a=class{constructor(l){i(this,l);this.success=s(this,"six-file-upload-success",7);this.failure=s(this,"six-file-upload-failure",7);this.handleFiles=i=>{if(this.disabled||i.length===0){return}if(!this.multiple&&i.length>1){return this.failure.emit({reason:"Only one file is allowed."})}for(const s of i){if(s==null){return}let l=[];if(this.accept!=null){l=this.accept.replace(/\s/g,"").split(",")}if(l.length>0&&l.indexOf(s.type)===-1){const s=i.length>1?"One or more files have invalid MIME type.":"File has invalid MIME type.";return this.failure.emit({reason:s})}if(this.maxFileSize!=null&&s.size>this.maxFileSize){const s=i.length>1?"One or more files are too big":"File is too big.";return this.failure.emit({reason:s})}}const s=this.multiple?{files:i}:{file:i[0]};this.success.emit(s)};this.onChange=()=>{var i;if(((i=this.fileInput)===null||i===void 0?void 0:i.files)!=null){const i=this.fileInput.files;this.handleFiles(i);this.fileInput.value=""}};this.isOver=false;this.compact=false;this.label=undefined;this.disabled=false;this.accept=undefined;this.multiple=false;this.maxFileSize=undefined}dragenterHandler(){if(!this.disabled){this.isOver=true}}dragoverHandler(){if(!this.disabled){this.isOver=true}}dragleaveHandler(){if(!this.disabled){this.isOver=false}}dropHandler({dataTransfer:i}){if(!this.disabled){this.isOver=false;if(i!=null){this.handleFiles(i.files)}}}componentDidLoad(){["dragenter","dragover","dragleave","drop"].forEach((i=>{this.host.addEventListener(i,this.preventDefaults,false);document.body.addEventListener(i,this.preventDefaults,false)}))}disconnectedCallback(){["dragenter","dragover","dragleave","drop"].forEach((i=>{this.host.removeEventListener(i,this.preventDefaults,false);document.body.removeEventListener(i,this.preventDefaults,false)}))}preventDefaults(i){i.preventDefault();i.stopPropagation()}renderLabel(){var i;return(i=this.label)!==null&&i!==void 0?i:this.compact?"Upload":l("span",null,"Drop files to upload, or ",l("span",{class:"six-file-upload__label--highlighted"},"browse"))}render(){const i=this.compact?"six-button":"six-card";return l("div",{class:{"six-file-upload":true,"six-file-upload--disabled":this.disabled}},l(i,{class:{"six-file-upload__container--compact":this.compact,"six-file-upload__container--full":!this.compact}},this.compact&&l("span",{slot:"prefix"},l("six-icon",{class:"six-file-upload__label-icon"},"arrow_circle_up")),l("div",{class:{"six-file-upload__drop-zone":true,"six-file-upload__drop-zone--hover":this.isOver,"six-file-upload__drop-zone--compact":this.compact}},l("span",null,this.renderLabel()),l("input",{class:"six-file-upload__input",type:"file",name:"resume",disabled:this.disabled,accept:this.accept,multiple:this.multiple,onChange:this.onChange,ref:i=>this.fileInput=i}))))}get host(){return e(this)}};a.style=o;export{a as six_file_upload};
+//# sourceMappingURL=p-7115316e.entry.js.map

package/dist/ui-library/p-7115316e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixFileUploadCss","SixFileUpload","this","handleFiles","files","disabled","length","multiple","failure","emit","reason","file","acceptedTypesList","accept","replace","split","indexOf","type","maxFileSize","size","eventPayload","success","onChange","_a","fileInput","value","dragenterHandler","isOver","dragoverHandler","dragleaveHandler","dropHandler","dataTransfer","componentDidLoad","forEach","eventName","host","addEventListener","preventDefaults","document","body","disconnectedCallback","removeEventListener","e","preventDefault","stopPropagation","renderLabel","label","compact","h","class","render","Container","slot","name","ref","el"],"sources":["src/components/six-file-upload/six-file-upload.scss?tag=six-file-upload&encapsulation=scoped","src/components/six-file-upload/six-file-upload.tsx"],"sourcesContent":["@import 'src/global/component';\n\n$over-color: var(--six-color-action-light-to-be-defined);\n$disabled-color: var(--six-color-inactive);\n$transition: 0.3s;\n$margin: 1rem;\n\n:host {\n  position: static;\n  display: block;\n}\n\n.six-file-upload {\n  six-card {\n    box-shadow: none;\n    padding: 0;\n    width: 100%;\n  }\n\n  &__label {\n    &--highlighted {\n      color: var(--six-color-action-600);\n    }\n  }\n\n  &__container {\n    &--full {\n      border: dashed 1px var(--six-color-web-rock-500);\n    }\n  }\n\n  &__label-icon {\n    margin-right: 0.5rem;\n  }\n\n  &__drop-zone {\n    padding: 2rem 0;\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    transition: background-color $transition;\n\n    &--compact {\n      padding: 0;\n    }\n  }\n\n  &__input {\n    cursor: pointer;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    user-select: none;\n    height: 100%;\n    opacity: 0;\n    outline: none;\n  }\n\n  &--disabled &__drop-zone {\n    background-color: $disabled-color;\n  }\n\n  &:not(.six-file-upload--disabled) &__drop-zone:hover,\n  &__drop-zone--hover {\n    background-color: $over-color;\n\n    &.six-file-upload__drop-zone--compact {\n      background-color: inherit;\n    }\n  }\n\n  &--disabled &__input {\n    cursor: not-allowed;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Listen, Prop, State } from '@stencil/core';\n\ninterface ISingleFile {\n  file: File;\n}\n\ninterface IMultipleFiles {\n  files: FileList;\n}\n\nexport type SixFileUploadSuccessPayload = ISingleFile | IMultipleFiles;\n\nexport interface SixFileUploadFailurePayload {\n  reason: string;\n}\n\n/**\n * @since 2.0.0\n * @status experimental\n *\n */\n@Component({\n  tag: 'six-file-upload',\n  styleUrl: 'six-file-upload.scss',\n  scoped: true,\n  shadow: false,\n})\nexport class SixFileUpload {\n  @Element() readonly host!: HTMLSixFileUploadElement;\n\n  private fileInput?: HTMLInputElement;\n\n  @State() isOver = false;\n\n  /** Set to true if file control should be small. */\n  @Prop() readonly compact: boolean = false;\n\n  /** Label of the drop area. */\n  @Prop() readonly label?: string;\n\n  /** Set when button is disabled. */\n  @Prop() readonly disabled = false;\n\n  /** Accepted MIME-Types. */\n  @Prop() readonly accept?: string;\n\n  /** More than one file allowed. */\n  @Prop() readonly multiple = false;\n\n  /** Allowed max file size in bytes. */\n  @Prop() readonly maxFileSize?: number;\n\n  /** Triggers when a file is added. */\n  @Event({ eventName: 'six-file-upload-success' }) success!: EventEmitter<SixFileUploadSuccessPayload>;\n\n  /** Triggers when an uploaded file doesn't match MIME type or max file size. */\n  @Event({ eventName: 'six-file-upload-failure' }) failure!: EventEmitter<SixFileUploadFailurePayload>;\n\n  @Listen('dragenter', { capture: false })\n  dragenterHandler() {\n    if (!this.disabled) {\n      this.isOver = true;\n    }\n  }\n\n  @Listen('dragover', { capture: false })\n  dragoverHandler() {\n    if (!this.disabled) {\n      this.isOver = true;\n    }\n  }\n\n  @Listen('dragleave', { capture: false })\n  dragleaveHandler() {\n    if (!this.disabled) {\n      this.isOver = false;\n    }\n  }\n\n  @Listen('drop', { capture: false })\n  dropHandler({ dataTransfer }: DragEvent) {\n    if (!this.disabled) {\n      this.isOver = false;\n      if (dataTransfer != null) {\n        this.handleFiles(dataTransfer.files);\n      }\n    }\n  }\n\n  private handleFiles = (files: FileList) => {\n    if (this.disabled || files.length === 0) {\n      return;\n    }\n\n    if (!this.multiple && files.length > 1) {\n      return this.failure.emit({ reason: 'Only one file is allowed.' });\n    }\n\n    for (const file of files) {\n      if (file == null) {\n        return;\n      }\n\n      let acceptedTypesList: string[] = [];\n      if (this.accept != null) {\n        acceptedTypesList = this.accept.replace(/\\s/g, '').split(',');\n      }\n\n      if (acceptedTypesList.length > 0 && acceptedTypesList.indexOf(file.type) === -1) {\n        const reason = files.length > 1 ? 'One or more files have invalid MIME type.' : 'File has invalid MIME type.';\n        return this.failure.emit({ reason });\n      }\n\n      if (this.maxFileSize != null && file.size > this.maxFileSize) {\n        const reason = files.length > 1 ? 'One or more files are too big' : 'File is too big.';\n        return this.failure.emit({ reason });\n      }\n    }\n\n    const eventPayload: SixFileUploadSuccessPayload = this.multiple ? { files } : { file: files[0] };\n    this.success.emit(eventPayload);\n  };\n\n  componentDidLoad() {\n    ['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {\n      this.host.addEventListener(eventName, this.preventDefaults, false);\n      document.body.addEventListener(eventName, this.preventDefaults, false);\n    });\n  }\n\n  disconnectedCallback() {\n    ['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {\n      this.host.removeEventListener(eventName, this.preventDefaults, false);\n      document.body.removeEventListener(eventName, this.preventDefaults, false);\n    });\n  }\n\n  private preventDefaults(e: Event) {\n    e.preventDefault();\n    e.stopPropagation();\n  }\n\n  private onChange = () => {\n    if (this.fileInput?.files != null) {\n      const files = this.fileInput.files;\n      this.handleFiles(files);\n      this.fileInput.value = '';\n    }\n  };\n\n  private renderLabel() {\n    return (\n      this.label ??\n      (this.compact ? (\n        'Upload'\n      ) : (\n        <span>\n          Drop files to upload, or <span class=\"six-file-upload__label--highlighted\">browse</span>\n        </span>\n      ))\n    );\n  }\n\n  render() {\n    const Container = this.compact ? 'six-button' : 'six-card';\n\n    return (\n      <div\n        class={{\n          'six-file-upload': true,\n          'six-file-upload--disabled': this.disabled,\n        }}\n      >\n        <Container\n          class={{\n            'six-file-upload__container--compact': this.compact,\n            'six-file-upload__container--full': !this.compact,\n          }}\n        >\n          {this.compact && (\n            <span slot=\"prefix\">\n              <six-icon class=\"six-file-upload__label-icon\">arrow_circle_up</six-icon>\n            </span>\n          )}\n          <div\n            class={{\n              'six-file-upload__drop-zone': true,\n              'six-file-upload__drop-zone--hover': this.isOver,\n              'six-file-upload__drop-zone--compact': this.compact,\n            }}\n          >\n            <span>{this.renderLabel()}</span>\n            <input\n              class=\"six-file-upload__input\"\n              type=\"file\"\n              name=\"resume\"\n              disabled={this.disabled}\n              accept={this.accept}\n              multiple={this.multiple}\n              onChange={this.onChange}\n              ref={(el) => (this.fileInput = el)}\n            />\n          </div>\n        </Container>\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/ui-library/{p-0fdb185d.js → p-7f856f00.js}

@@ -1,2 +1,2 @@
 var r="top";var t="bottom";var n="right";var e="left";var a="auto";var i=[r,t,n,e];var o="start";var v="end";var u="clippingParents";var f="viewport";var s="popper";var c="reference";var l=i.reduce((function(r,t){return r.concat([t+"-"+o,t+"-"+v])}),[]);var d=[].concat(i,[a]).reduce((function(r,t){return r.concat([t,t+"-"+o,t+"-"+v])}),[]);var p="beforeRead";var h="read";var b="afterRead";var m="beforeMain";var y="main";var x="afterMain";var w="beforeWrite";var O="write";var g="afterWrite";var j=[p,h,b,m,y,x,w,O,g];function A(r){return r?(r.nodeName||"").toLowerCase():null}function k(r){if(r==null){return window}if(r.toString()!=="[object Window]"){var t=r.ownerDocument;return t?t.defaultView||window:window}return r}function M(r){var t=k(r).Element;return r instanceof t||r instanceof Element}function E(r){var t=k(r).HTMLElement;return r instanceof t||r instanceof HTMLElement}function P(r){if(typeof ShadowRoot==="undefined"){return false}var t=k(r).ShadowRoot;return r instanceof t||r instanceof ShadowRoot}function q(r){var t=r.state;Object.keys(t.elements).forEach((function(r){var n=t.styles[r]||{};var e=t.attributes[r]||{};var a=t.elements[r];if(!E(a)||!A(a)){return}Object.assign(a.style,n);Object.keys(e).forEach((function(r){var t=e[r];if(t===false){a.removeAttribute(r)}else{a.setAttribute(r,t===true?"":t)}}))}))}function B(r){var t=r.state;var n={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(t.elements.popper.style,n.popper);t.styles=n;if(t.elements.arrow){Object.assign(t.elements.arrow.style,n.arrow)}return function(){Object.keys(t.elements).forEach((function(r){var e=t.elements[r];var a=t.attributes[r]||{};var i=Object.keys(t.styles.hasOwnProperty(r)?t.styles[r]:n[r]);var o=i.reduce((function(r,t){r[t]="";return r}),{});if(!E(e)||!A(e)){return}Object.assign(e.style,o);Object.keys(a).forEach((function(r){e.removeAttribute(r)}))}))}}const S={name:"applyStyles",enabled:true,phase:"write",fn:q,effect:B,requires:["computeStyles"]};function T(r){return r.split("-")[0]}var R=Math.max;var W=Math.min;var H=Math.round;function L(){var r=navigator.userAgentData;if(r!=null&&r.brands&&Array.isArray(r.brands)){return r.brands.map((function(r){return r.brand+"/"+r.version})).join(" ")}return navigator.userAgent}function F(){return!/^((?!chrome|android).)*safari/i.test(L())}function I(r,t,n){if(t===void 0){t=false}if(n===void 0){n=false}var e=r.getBoundingClientRect();var a=1;var i=1;if(t&&E(r)){a=r.offsetWidth>0?H(e.width)/r.offsetWidth||1:1;i=r.offsetHeight>0?H(e.height)/r.offsetHeight||1:1}var o=M(r)?k(r):window,v=o.visualViewport;var u=!F()&&n;var f=(e.left+(u&&v?v.offsetLeft:0))/a;var s=(e.top+(u&&v?v.offsetTop:0))/i;var c=e.width/a;var l=e.height/i;return{width:c,height:l,top:s,right:f+c,bottom:s+l,left:f,x:f,y:s}}function C(r){var t=I(r);var n=r.offsetWidth;var e=r.offsetHeight;if(Math.abs(t.width-n)<=1){n=t.width}if(Math.abs(t.height-e)<=1){e=t.height}return{x:r.offsetLeft,y:r.offsetTop,width:n,height:e}}function z(r,t){var n=t.getRootNode&&t.getRootNode();if(r.contains(t)){return true}else if(n&&P(n)){var e=t;do{if(e&&r.isSameNode(e)){return true}e=e.parentNode||e.host}while(e)}return false}function D(r){return k(r).getComputedStyle(r)}function U(r){return["table","td","th"].indexOf(A(r))>=0}function V(r){return((M(r)?r.ownerDocument:r.document)||window.document).documentElement}function _(r){if(A(r)==="html"){return r}return r.assignedSlot||r.parentNode||(P(r)?r.host:null)||V(r)}function G(r){if(!E(r)||D(r).position==="fixed"){return null}return r.offsetParent}function J(r){var t=/firefox/i.test(L());var n=/Trident/i.test(L());if(n&&E(r)){var e=D(r);if(e.position==="fixed"){return null}}var a=_(r);if(P(a)){a=a.host}while(E(a)&&["html","body"].indexOf(A(a))<0){var i=D(a);if(i.transform!=="none"||i.perspective!=="none"||i.contain==="paint"||["transform","perspective"].indexOf(i.willChange)!==-1||t&&i.willChange==="filter"||t&&i.filter&&i.filter!=="none"){return a}else{a=a.parentNode}}return null}function K(r){var t=k(r);var n=G(r);while(n&&U(n)&&D(n).position==="static"){n=G(n)}if(n&&(A(n)==="html"||A(n)==="body"&&D(n).position==="static")){return t}return n||J(r)||t}function N(r){return["top","bottom"].indexOf(r)>=0?"x":"y"}function Q(r,t,n){return R(r,W(t,n))}function X(r,t,n){var e=Q(r,t,n);return e>n?n:e}function Y(){return{top:0,right:0,bottom:0,left:0}}function Z(r){return Object.assign({},Y(),r)}function $(r,t){return t.reduce((function(t,n){t[n]=r;return t}),{})}var rr=function r(t,n){t=typeof t==="function"?t(Object.assign({},n.rects,{placement:n.placement})):t;return Z(typeof t!=="number"?t:$(t,i))};function tr(a){var i;var o=a.state,v=a.name,u=a.options;var f=o.elements.arrow;var s=o.modifiersData.popperOffsets;var c=T(o.placement);var l=N(c);var d=[e,n].indexOf(c)>=0;var p=d?"height":"width";if(!f||!s){return}var h=rr(u.padding,o);var b=C(f);var m=l==="y"?r:e;var y=l==="y"?t:n;var x=o.rects.reference[p]+o.rects.reference[l]-s[l]-o.rects.popper[p];var w=s[l]-o.rects.reference[l];var O=K(f);var g=O?l==="y"?O.clientHeight||0:O.clientWidth||0:0;var j=x/2-w/2;var A=h[m];var k=g-b[p]-h[y];var M=g/2-b[p]/2+j;var E=Q(A,M,k);var P=l;o.modifiersData[v]=(i={},i[P]=E,i.centerOffset=E-M,i)}function nr(r){var t=r.state,n=r.options;var e=n.element,a=e===void 0?"[data-popper-arrow]":e;if(a==null){return}if(typeof a==="string"){a=t.elements.popper.querySelector(a);if(!a){return}}if(!z(t.elements.popper,a)){return}t.elements.arrow=a}const er={name:"arrow",enabled:true,phase:"main",fn:tr,effect:nr,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function ar(r){return r.split("-")[1]}var ir={top:"auto",right:"auto",bottom:"auto",left:"auto"};function or(r,t){var n=r.x,e=r.y;var a=t.devicePixelRatio||1;return{x:H(n*a)/a||0,y:H(e*a)/a||0}}function vr(a){var i;var o=a.popper,u=a.popperRect,f=a.placement,s=a.variation,c=a.offsets,l=a.position,d=a.gpuAcceleration,p=a.adaptive,h=a.roundOffsets,b=a.isFixed;var m=c.x,y=m===void 0?0:m,x=c.y,w=x===void 0?0:x;var O=typeof h==="function"?h({x:y,y:w}):{x:y,y:w};y=O.x;w=O.y;var g=c.hasOwnProperty("x");var j=c.hasOwnProperty("y");var A=e;var M=r;var E=window;if(p){var P=K(o);var q="clientHeight";var B="clientWidth";if(P===k(o)){P=V(o);if(D(P).position!=="static"&&l==="absolute"){q="scrollHeight";B="scrollWidth"}}P=P;if(f===r||(f===e||f===n)&&s===v){M=t;var S=b&&P===E&&E.visualViewport?E.visualViewport.height:P[q];w-=S-u.height;w*=d?1:-1}if(f===e||(f===r||f===t)&&s===v){A=n;var T=b&&P===E&&E.visualViewport?E.visualViewport.width:P[B];y-=T-u.width;y*=d?1:-1}}var R=Object.assign({position:l},p&&ir);var W=h===true?or({x:y,y:w},k(o)):{x:y,y:w};y=W.x;w=W.y;if(d){var H;return Object.assign({},R,(H={},H[M]=j?"0":"",H[A]=g?"0":"",H.transform=(E.devicePixelRatio||1)<=1?"translate("+y+"px, "+w+"px)":"translate3d("+y+"px, "+w+"px, 0)",H))}return Object.assign({},R,(i={},i[M]=j?w+"px":"",i[A]=g?y+"px":"",i.transform="",i))}function ur(r){var t=r.state,n=r.options;var e=n.gpuAcceleration,a=e===void 0?true:e,i=n.adaptive,o=i===void 0?true:i,v=n.roundOffsets,u=v===void 0?true:v;var f={placement:T(t.placement),variation:ar(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:a,isFixed:t.options.strategy==="fixed"};if(t.modifiersData.popperOffsets!=null){t.styles.popper=Object.assign({},t.styles.popper,vr(Object.assign({},f,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:o,roundOffsets:u})))}if(t.modifiersData.arrow!=null){t.styles.arrow=Object.assign({},t.styles.arrow,vr(Object.assign({},f,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:u})))}t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}const fr={name:"computeStyles",enabled:true,phase:"beforeWrite",fn:ur,data:{}};var sr={passive:true};function cr(r){var t=r.state,n=r.instance,e=r.options;var a=e.scroll,i=a===void 0?true:a,o=e.resize,v=o===void 0?true:o;var u=k(t.elements.popper);var f=[].concat(t.scrollParents.reference,t.scrollParents.popper);if(i){f.forEach((function(r){r.addEventListener("scroll",n.update,sr)}))}if(v){u.addEventListener("resize",n.update,sr)}return function(){if(i){f.forEach((function(r){r.removeEventListener("scroll",n.update,sr)}))}if(v){u.removeEventListener("resize",n.update,sr)}}}const lr={name:"eventListeners",enabled:true,phase:"write",fn:function r(){},effect:cr,data:{}};var dr={left:"right",right:"left",bottom:"top",top:"bottom"};function pr(r){return r.replace(/left|right|bottom|top/g,(function(r){return dr[r]}))}var hr={start:"end",end:"start"};function br(r){return r.replace(/start|end/g,(function(r){return hr[r]}))}function mr(r){var t=k(r);var n=t.pageXOffset;var e=t.pageYOffset;return{scrollLeft:n,scrollTop:e}}function yr(r){return I(V(r)).left+mr(r).scrollLeft}function xr(r,t){var n=k(r);var e=V(r);var a=n.visualViewport;var i=e.clientWidth;var o=e.clientHeight;var v=0;var u=0;if(a){i=a.width;o=a.height;var f=F();if(f||!f&&t==="fixed"){v=a.offsetLeft;u=a.offsetTop}}return{width:i,height:o,x:v+yr(r),y:u}}function wr(r){var t;var n=V(r);var e=mr(r);var a=(t=r.ownerDocument)==null?void 0:t.body;var i=R(n.scrollWidth,n.clientWidth,a?a.scrollWidth:0,a?a.clientWidth:0);var o=R(n.scrollHeight,n.clientHeight,a?a.scrollHeight:0,a?a.clientHeight:0);var v=-e.scrollLeft+yr(r);var u=-e.scrollTop;if(D(a||n).direction==="rtl"){v+=R(n.clientWidth,a?a.clientWidth:0)-i}return{width:i,height:o,x:v,y:u}}function Or(r){var t=D(r),n=t.overflow,e=t.overflowX,a=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+a+e)}function gr(r){if(["html","body","#document"].indexOf(A(r))>=0){return r.ownerDocument.body}if(E(r)&&Or(r)){return r}return gr(_(r))}function jr(r,t){var n;if(t===void 0){t=[]}var e=gr(r);var a=e===((n=r.ownerDocument)==null?void 0:n.body);var i=k(e);var o=a?[i].concat(i.visualViewport||[],Or(e)?e:[]):e;var v=t.concat(o);return a?v:v.concat(jr(_(o)))}function Ar(r){return Object.assign({},r,{left:r.x,top:r.y,right:r.x+r.width,bottom:r.y+r.height})}function kr(r,t){var n=I(r,false,t==="fixed");n.top=n.top+r.clientTop;n.left=n.left+r.clientLeft;n.bottom=n.top+r.clientHeight;n.right=n.left+r.clientWidth;n.width=r.clientWidth;n.height=r.clientHeight;n.x=n.left;n.y=n.top;return n}function Mr(r,t,n){return t===f?Ar(xr(r,n)):M(t)?kr(t,n):Ar(wr(V(r)))}function Er(r){var t=jr(_(r));var n=["absolute","fixed"].indexOf(D(r).position)>=0;var e=n&&E(r)?K(r):r;if(!M(e)){return[]}return t.filter((function(r){return M(r)&&z(r,e)&&A(r)!=="body"}))}function Pr(r,t,n,e){var a=t==="clippingParents"?Er(r):[].concat(t);var i=[].concat(a,[n]);var o=i[0];var v=i.reduce((function(t,n){var a=Mr(r,n,e);t.top=R(a.top,t.top);t.right=W(a.right,t.right);t.bottom=W(a.bottom,t.bottom);t.left=R(a.left,t.left);return t}),Mr(r,o,e));v.width=v.right-v.left;v.height=v.bottom-v.top;v.x=v.left;v.y=v.top;return v}function qr(a){var i=a.reference,u=a.element,f=a.placement;var s=f?T(f):null;var c=f?ar(f):null;var l=i.x+i.width/2-u.width/2;var d=i.y+i.height/2-u.height/2;var p;switch(s){case r:p={x:l,y:i.y-u.height};break;case t:p={x:l,y:i.y+i.height};break;case n:p={x:i.x+i.width,y:d};break;case e:p={x:i.x-u.width,y:d};break;default:p={x:i.x,y:i.y}}var h=s?N(s):null;if(h!=null){var b=h==="y"?"height":"width";switch(c){case o:p[h]=p[h]-(i[b]/2-u[b]/2);break;case v:p[h]=p[h]+(i[b]/2-u[b]/2);break}}return p}function Br(e,a){if(a===void 0){a={}}var o=a,v=o.placement,l=v===void 0?e.placement:v,d=o.strategy,p=d===void 0?e.strategy:d,h=o.boundary,b=h===void 0?u:h,m=o.rootBoundary,y=m===void 0?f:m,x=o.elementContext,w=x===void 0?s:x,O=o.altBoundary,g=O===void 0?false:O,j=o.padding,A=j===void 0?0:j;var k=Z(typeof A!=="number"?A:$(A,i));var E=w===s?c:s;var P=e.rects.popper;var q=e.elements[g?E:w];var B=Pr(M(q)?q:q.contextElement||V(e.elements.popper),b,y,p);var S=I(e.elements.reference);var T=qr({reference:S,element:P,strategy:"absolute",placement:l});var R=Ar(Object.assign({},P,T));var W=w===s?R:S;var H={top:B.top-W.top+k.top,bottom:W.bottom-B.bottom+k.bottom,left:B.left-W.left+k.left,right:W.right-B.right+k.right};var L=e.modifiersData.offset;if(w===s&&L){var F=L[l];Object.keys(H).forEach((function(e){var a=[n,t].indexOf(e)>=0?1:-1;var i=[r,t].indexOf(e)>=0?"y":"x";H[e]+=F[i]*a}))}return H}function Sr(r,t){if(t===void 0){t={}}var n=t,e=n.placement,a=n.boundary,o=n.rootBoundary,v=n.padding,u=n.flipVariations,f=n.allowedAutoPlacements,s=f===void 0?d:f;var c=ar(e);var p=c?u?l:l.filter((function(r){return ar(r)===c})):i;var h=p.filter((function(r){return s.indexOf(r)>=0}));if(h.length===0){h=p}var b=h.reduce((function(t,n){t[n]=Br(r,{placement:n,boundary:a,rootBoundary:o,padding:v})[T(n)];return t}),{});return Object.keys(b).sort((function(r,t){return b[r]-b[t]}))}function Tr(r){if(T(r)===a){return[]}var t=pr(r);return[br(r),t,br(t)]}function Rr(i){var v=i.state,u=i.options,f=i.name;if(v.modifiersData[f]._skip){return}var s=u.mainAxis,c=s===void 0?true:s,l=u.altAxis,d=l===void 0?true:l,p=u.fallbackPlacements,h=u.padding,b=u.boundary,m=u.rootBoundary,y=u.altBoundary,x=u.flipVariations,w=x===void 0?true:x,O=u.allowedAutoPlacements;var g=v.options.placement;var j=T(g);var A=j===g;var k=p||(A||!w?[pr(g)]:Tr(g));var M=[g].concat(k).reduce((function(r,t){return r.concat(T(t)===a?Sr(v,{placement:t,boundary:b,rootBoundary:m,padding:h,flipVariations:w,allowedAutoPlacements:O}):t)}),[]);var E=v.rects.reference;var P=v.rects.popper;var q=new Map;var B=true;var S=M[0];for(var R=0;R<M.length;R++){var W=M[R];var H=T(W);var L=ar(W)===o;var F=[r,t].indexOf(H)>=0;var I=F?"width":"height";var C=Br(v,{placement:W,boundary:b,rootBoundary:m,altBoundary:y,padding:h});var z=F?L?n:e:L?t:r;if(E[I]>P[I]){z=pr(z)}var D=pr(z);var U=[];if(c){U.push(C[H]<=0)}if(d){U.push(C[z]<=0,C[D]<=0)}if(U.every((function(r){return r}))){S=W;B=false;break}q.set(W,U)}if(B){var V=w?3:1;var _=function r(t){var n=M.find((function(r){var n=q.get(r);if(n){return n.slice(0,t).every((function(r){return r}))}}));if(n){S=n;return"break"}};for(var G=V;G>0;G--){var J=_(G);if(J==="break")break}}if(v.placement!==S){v.modifiersData[f]._skip=true;v.placement=S;v.reset=true}}const Wr={name:"flip",enabled:true,phase:"main",fn:Rr,requiresIfExists:["offset"],data:{_skip:false}};function Hr(r,t,n){if(n===void 0){n={x:0,y:0}}return{top:r.top-t.height-n.y,right:r.right-t.width+n.x,bottom:r.bottom-t.height+n.y,left:r.left-t.width-n.x}}function Lr(a){return[r,n,t,e].some((function(r){return a[r]>=0}))}function Fr(r){var t=r.state,n=r.name;var e=t.rects.reference;var a=t.rects.popper;var i=t.modifiersData.preventOverflow;var o=Br(t,{elementContext:"reference"});var v=Br(t,{altBoundary:true});var u=Hr(o,e);var f=Hr(v,a,i);var s=Lr(u);var c=Lr(f);t.modifiersData[n]={referenceClippingOffsets:u,popperEscapeOffsets:f,isReferenceHidden:s,hasPopperEscaped:c};t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":s,"data-popper-escaped":c})}const Ir={name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:Fr};function Cr(t,a,i){var o=T(t);var v=[e,r].indexOf(o)>=0?-1:1;var u=typeof i==="function"?i(Object.assign({},a,{placement:t})):i,f=u[0],s=u[1];f=f||0;s=(s||0)*v;return[e,n].indexOf(o)>=0?{x:s,y:f}:{x:f,y:s}}function zr(r){var t=r.state,n=r.options,e=r.name;var a=n.offset,i=a===void 0?[0,0]:a;var o=d.reduce((function(r,n){r[n]=Cr(n,t.rects,i);return r}),{});var v=o[t.placement],u=v.x,f=v.y;if(t.modifiersData.popperOffsets!=null){t.modifiersData.popperOffsets.x+=u;t.modifiersData.popperOffsets.y+=f}t.modifiersData[e]=o}const Dr={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:zr};function Ur(r){var t=r.state,n=r.name;t.modifiersData[n]=qr({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}const Vr={name:"popperOffsets",enabled:true,phase:"read",fn:Ur,data:{}};function _r(r){return r==="x"?"y":"x"}function Gr(a){var i=a.state,v=a.options,u=a.name;var f=v.mainAxis,s=f===void 0?true:f,c=v.altAxis,l=c===void 0?false:c,d=v.boundary,p=v.rootBoundary,h=v.altBoundary,b=v.padding,m=v.tether,y=m===void 0?true:m,x=v.tetherOffset,w=x===void 0?0:x;var O=Br(i,{boundary:d,rootBoundary:p,padding:b,altBoundary:h});var g=T(i.placement);var j=ar(i.placement);var A=!j;var k=N(g);var M=_r(k);var E=i.modifiersData.popperOffsets;var P=i.rects.reference;var q=i.rects.popper;var B=typeof w==="function"?w(Object.assign({},i.rects,{placement:i.placement})):w;var S=typeof B==="number"?{mainAxis:B,altAxis:B}:Object.assign({mainAxis:0,altAxis:0},B);var H=i.modifiersData.offset?i.modifiersData.offset[i.placement]:null;var L={x:0,y:0};if(!E){return}if(s){var F;var I=k==="y"?r:e;var z=k==="y"?t:n;var D=k==="y"?"height":"width";var U=E[k];var V=U+O[I];var _=U-O[z];var G=y?-q[D]/2:0;var J=j===o?P[D]:q[D];var Z=j===o?-q[D]:-P[D];var $=i.elements.arrow;var rr=y&&$?C($):{width:0,height:0};var tr=i.modifiersData["arrow#persistent"]?i.modifiersData["arrow#persistent"].padding:Y();var nr=tr[I];var er=tr[z];var ir=Q(0,P[D],rr[D]);var or=A?P[D]/2-G-ir-nr-S.mainAxis:J-ir-nr-S.mainAxis;var vr=A?-P[D]/2+G+ir+er+S.mainAxis:Z+ir+er+S.mainAxis;var ur=i.elements.arrow&&K(i.elements.arrow);var fr=ur?k==="y"?ur.clientTop||0:ur.clientLeft||0:0;var sr=(F=H==null?void 0:H[k])!=null?F:0;var cr=U+or-sr-fr;var lr=U+vr-sr;var dr=Q(y?W(V,cr):V,U,y?R(_,lr):_);E[k]=dr;L[k]=dr-U}if(l){var pr;var hr=k==="x"?r:e;var br=k==="x"?t:n;var mr=E[M];var yr=M==="y"?"height":"width";var xr=mr+O[hr];var wr=mr-O[br];var Or=[r,e].indexOf(g)!==-1;var gr=(pr=H==null?void 0:H[M])!=null?pr:0;var jr=Or?xr:mr-P[yr]-q[yr]-gr+S.altAxis;var Ar=Or?mr+P[yr]+q[yr]-gr-S.altAxis:wr;var kr=y&&Or?X(jr,mr,Ar):Q(y?jr:xr,mr,y?Ar:wr);E[M]=kr;L[M]=kr-mr}i.modifiersData[u]=L}const Jr={name:"preventOverflow",enabled:true,phase:"main",fn:Gr,requiresIfExists:["offset"]};function Kr(r){return{scrollLeft:r.scrollLeft,scrollTop:r.scrollTop}}function Nr(r){if(r===k(r)||!E(r)){return mr(r)}else{return Kr(r)}}function Qr(r){var t=r.getBoundingClientRect();var n=H(t.width)/r.offsetWidth||1;var e=H(t.height)/r.offsetHeight||1;return n!==1||e!==1}function Xr(r,t,n){if(n===void 0){n=false}var e=E(t);var a=E(t)&&Qr(t);var i=V(t);var o=I(r,a,n);var v={scrollLeft:0,scrollTop:0};var u={x:0,y:0};if(e||!e&&!n){if(A(t)!=="body"||Or(i)){v=Nr(t)}if(E(t)){u=I(t,true);u.x+=t.clientLeft;u.y+=t.clientTop}else if(i){u.x=yr(i)}}return{x:o.left+v.scrollLeft-u.x,y:o.top+v.scrollTop-u.y,width:o.width,height:o.height}}function Yr(r){var t=new Map;var n=new Set;var e=[];r.forEach((function(r){t.set(r.name,r)}));function a(r){n.add(r.name);var i=[].concat(r.requires||[],r.requiresIfExists||[]);i.forEach((function(r){if(!n.has(r)){var e=t.get(r);if(e){a(e)}}}));e.push(r)}r.forEach((function(r){if(!n.has(r.name)){a(r)}}));return e}function Zr(r){var t=Yr(r);return j.reduce((function(r,n){return r.concat(t.filter((function(r){return r.phase===n})))}),[])}function $r(r){var t;return function(){if(!t){t=new Promise((function(n){Promise.resolve().then((function(){t=undefined;n(r())}))}))}return t}}function rt(r){var t=r.reduce((function(r,t){var n=r[t.name];r[t.name]=n?Object.assign({},n,t,{options:Object.assign({},n.options,t.options),data:Object.assign({},n.data,t.data)}):t;return r}),{});return Object.keys(t).map((function(r){return t[r]}))}var tt={placement:"bottom",modifiers:[],strategy:"absolute"};function nt(){for(var r=arguments.length,t=new Array(r),n=0;n<r;n++){t[n]=arguments[n]}return!t.some((function(r){return!(r&&typeof r.getBoundingClientRect==="function")}))}function et(r){if(r===void 0){r={}}var t=r,n=t.defaultModifiers,e=n===void 0?[]:n,a=t.defaultOptions,i=a===void 0?tt:a;return function r(t,n,a){if(a===void 0){a=i}var o={placement:"bottom",orderedModifiers:[],options:Object.assign({},tt,i),modifiersData:{},elements:{reference:t,popper:n},attributes:{},styles:{}};var v=[];var u=false;var f={state:o,setOptions:function r(a){var v=typeof a==="function"?a(o.options):a;c();o.options=Object.assign({},i,o.options,v);o.scrollParents={reference:M(t)?jr(t):t.contextElement?jr(t.contextElement):[],popper:jr(n)};var u=Zr(rt([].concat(e,o.options.modifiers)));o.orderedModifiers=u.filter((function(r){return r.enabled}));s();return f.update()},forceUpdate:function r(){if(u){return}var t=o.elements,n=t.reference,e=t.popper;if(!nt(n,e)){return}o.rects={reference:Xr(n,K(e),o.options.strategy==="fixed"),popper:C(e)};o.reset=false;o.placement=o.options.placement;o.orderedModifiers.forEach((function(r){return o.modifiersData[r.name]=Object.assign({},r.data)}));for(var a=0;a<o.orderedModifiers.length;a++){if(o.reset===true){o.reset=false;a=-1;continue}var i=o.orderedModifiers[a],v=i.fn,s=i.options,c=s===void 0?{}:s,l=i.name;if(typeof v==="function"){o=v({state:o,options:c,name:l,instance:f})||o}}},update:$r((function(){return new Promise((function(r){f.forceUpdate();r(o)}))})),destroy:function r(){c();u=true}};if(!nt(t,n)){return f}f.setOptions(a).then((function(r){if(!u&&a.onFirstUpdate){a.onFirstUpdate(r)}}));function s(){o.orderedModifiers.forEach((function(r){var t=r.name,n=r.options,e=n===void 0?{}:n,a=r.effect;if(typeof a==="function"){var i=a({state:o,name:t,instance:f,options:e});var u=function r(){};v.push(i||u)}}))}function c(){v.forEach((function(r){return r()}));v=[]}return f}}var at=[lr,Vr,fr,S,Dr,Wr,Jr,er,Ir];var it=et({defaultModifiers:at});class ot{constructor(r,t,n){this.handleTransitionEnd=this.handleTransitionEnd.bind(this);this.anchor=r;this.popover=t;this.options=Object.assign({skidding:0,distance:0,placement:"bottom-start",strategy:"absolute",transitionElement:this.popover,visibleClass:"popover-visible",onAfterShow:()=>Promise,onAfterHide:()=>Promise,onTransitionEnd:()=>Promise},n);this.isVisible=false;this.popover.hidden=true;if(this.options.visibleClass!=null){this.popover.classList.remove(this.options.visibleClass)}this.popover.addEventListener("transitionend",this.handleTransitionEnd)}handleTransitionEnd(r){var t,n;const e=r.target;if(e===this.options.transitionElement){(t=this.options.onTransitionEnd)===null||t===void 0?void 0:t.call(this,r);if(!this.isVisible&&!this.popover.hidden){this.popover.hidden=true;if(this.options.visibleClass!=null){this.popover.classList.remove(this.options.visibleClass)}(n=this.options.onAfterHide)===null||n===void 0?void 0:n.call(this)}}}destroy(){this.popover.removeEventListener("transitionend",this.handleTransitionEnd);if(this.popper){this.popper.destroy();this.popper=undefined}}show(){this.isVisible=true;this.popover.hidden=false;requestAnimationFrame((()=>{if(this.options.visibleClass!=null){this.popover.classList.add(this.options.visibleClass)}}));if(this.popper){this.popper.destroy()}this.popper=it(this.anchor,this.popover,{placement:this.options.placement,strategy:this.options.strategy,modifiers:[{name:"flip",options:{boundary:"viewport"}},{name:"offset",options:{offset:[this.options.skidding,this.options.distance]}}]});this.popover.addEventListener("transitionend",(()=>{var r;return(r=this.options.onAfterShow)===null||r===void 0?void 0:r.call(this)}),{once:true});requestAnimationFrame((()=>{var r;return(r=this.popper)===null||r===void 0?void 0:r.update()}))}reposition(){var r;(r=this.popper)===null||r===void 0?void 0:r.update()}hide(){this.isVisible=false;if(this.options.visibleClass!=null){this.popover.classList.remove(this.options.visibleClass)}}setOptions(r){this.options=Object.assign(this.options,r);if(this.options.visibleClass!=null){this.isVisible?this.popover.classList.add(this.options.visibleClass):this.popover.classList.remove(this.options.visibleClass)}if(this.popper!=null){void this.popper.setOptions({placement:this.options.placement,strategy:this.options.strategy});requestAnimationFrame((()=>{var r;return(r=this.popper)===null||r===void 0?void 0:r.update()}))}}}export{ot as P};
-//# sourceMappingURL=p-0fdb185d.js.map
+//# sourceMappingURL=p-7f856f00.js.map

package/dist/ui-library/{p-1f18768a.js → p-8227aaed.js}

@@ -1,2 +1,2 @@
-function o(o,t){return{top:Math.round(o.getBoundingClientRect().top-t.getBoundingClientRect().top),left:Math.round(o.getBoundingClientRect().left-t.getBoundingClientRect().left)}}const t=new Set;function n(o){t.add(o);document.body.classList.add("six-scroll-lock")}function c(o){t.delete(o);if(t.size===0){document.body.classList.remove("six-scroll-lock")}}function i(t,n,c="vertical",i="smooth"){const s=o(t,n);const e=s.top+n.scrollTop;const l=s.left+n.scrollLeft;const f=n.scrollLeft;const a=n.scrollLeft+n.offsetWidth;const r=n.scrollTop;const h=n.scrollTop+n.offsetHeight;if(c==="horizontal"||c==="both"){if(l<f){n.scrollTo({left:l,behavior:i})}else if(l+t.clientWidth>a){n.scrollTo({left:l-n.offsetWidth+t.clientWidth,behavior:i})}}if(c==="vertical"||c==="both"){if(e<r){n.scrollTo({top:e,behavior:i})}else if(e+t.clientHeight>h){n.scrollTo({top:e-n.offsetHeight+t.clientHeight,behavior:i})}}}export{o as g,n as l,i as s,c as u};
-//# sourceMappingURL=p-1f18768a.js.map
+function o(o,t){return{top:Math.round(o.getBoundingClientRect().top-t.getBoundingClientRect().top),left:Math.round(o.getBoundingClientRect().left-t.getBoundingClientRect().left)}}const t=new Set;function n(o){t.add(o);document.body.classList.add("six-scroll-lock")}function c(o){t.delete(o);if(t.size===0){document.body.classList.remove("six-scroll-lock")}}function i(t,n,c="vertical",i="smooth"){const e=o(t,n);const s=e.top+n.scrollTop;const l=e.left+n.scrollLeft;const f=n.scrollLeft;const a=n.scrollLeft+n.offsetWidth;const r=n.scrollTop;const h=n.scrollTop+n.offsetHeight;if(c==="horizontal"||c==="both"){if(l<f){n.scrollTo({left:l,behavior:i})}else if(l+t.clientWidth>a){n.scrollTo({left:l-n.offsetWidth+t.clientWidth,behavior:i})}}if(c==="vertical"||c==="both"){if(s<r){n.scrollTo({top:s,behavior:i})}else if(s+t.clientHeight>h){n.scrollTo({top:s-n.offsetHeight+t.clientHeight,behavior:i})}}}export{n as l,i as s,c as u};
+//# sourceMappingURL=p-8227aaed.js.map

package/dist/ui-library/{p-8c0971e0.js → p-842b492e.js}

@@ -1,2 +1,2 @@
 function n(n){const o=n.closest("form");if(o!=null){const n=document.createElement("button");n.type="submit";n.style.display="none";o.appendChild(n);n.click();n.remove()}}export{n as s};
-//# sourceMappingURL=p-8c0971e0.js.map
+//# sourceMappingURL=p-842b492e.js.map

package/dist/ui-library/{p-0f510624.js → p-862d474e.js}

@@ -1,2 +1,2 @@
 var e;(function(e){e["NUMBER"]="number";e["LETTER"]="letter";e["CAPITAL_LETTER"]="capital-letter";e["LOWER_LETTER"]="lower-letter";e["CUSTOM"]="custom"})(e||(e={}));var t;(function(e){e["BEFORE"]="before";e["AFTER"]="after"})(t||(t={}));export{e as I,t as a};
-//# sourceMappingURL=p-0f510624.js.map
+//# sourceMappingURL=p-862d474e.js.map

package/dist/ui-library/p-862d474e.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ItemPickerType","ItemPickerPaddingDirection"],"sources":["src/components/six-item-picker/types.ts"],"sourcesContent":["// eslint-disable-next-line @stencil-community/ban-exported-const-enums\nexport enum ItemPickerType {\n  NUMBER = 'number',\n  LETTER = 'letter',\n  CAPITAL_LETTER = 'capital-letter',\n  LOWER_LETTER = 'lower-letter',\n  CUSTOM = 'custom',\n}\n\n// eslint-disable-next-line @stencil-community/ban-exported-const-enums\nexport enum ItemPickerPaddingDirection {\n  BEFORE = 'before',\n  AFTER = 'after',\n}\n"],"mappings":"IACYA,GAAZ,SAAYA,GACVA,EAAA,mBACAA,EAAA,mBACAA,EAAA,mCACAA,EAAA,+BACAA,EAAA,kBACD,EAND,CAAYA,MAAc,K,IASdC,GAAZ,SAAYA,GACVA,EAAA,mBACAA,EAAA,gBACD,EAHD,CAAYA,MAA0B,Y"}

package/dist/ui-library/p-870b988d.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i}from"./p-af15381b.js";import{f as o}from"./p-06ba4450.js";const n=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}:host{display:inline-block}.icon-button{flex:0 0 auto;display:flex;align-items:center;background:none;border:none;border-radius:var(--six-border-radius-medium);font-size:inherit;color:var(--six-input-icon-color);padding:var(--six-spacing-x-small);cursor:pointer;transition:var(--six-transition-medium) color;-webkit-appearance:none}.icon-button:hover:not(.icon-button--disabled),.icon-button:focus:not(.icon-button--disabled){color:var(--six-input-icon-color-hover)}.icon-button:active:not(.icon-button--disabled){color:var(--six-input-icon-color)}.icon-button:focus{outline:none}.icon-button:focus-visible{outline:var(--six-focus-ring);outline-offset:var(--six-focus-ring-offset)}.icon-button--disabled{opacity:0.5;pointer-events:none}.icon-button-wrapper--disabled{cursor:not-allowed}.icon-button ::slotted(six-badge){position:absolute;top:0;right:0;pointer-events:none}.icon-button six-icon[size=xLarge]+::slotted(six-badge){transform:translateY(40%) translateX(-35%)}.icon-button six-icon[size=large]+::slotted(six-badge){transform:translateY(20%) translateX(-20%)}.icon-button six-icon[size=medium]+::slotted(six-badge){transform:translateY(10%) translateX(50%)}.icon-button six-icon[size=xSmall]+::slotted(six-badge){transform:translateY(-25%) translateX(25%)}";const s=class{constructor(i){t(this,i);this.handleClickEvent=t=>{if(this.disabled){t.preventDefault();t.stopPropagation()}};this.name=undefined;this.size="medium";this.label=undefined;this.disabled=false;this.html=undefined}componentDidLoad(){if(this.button!=null){o.observe(this.button)}}disconnectedCallback(){if(this.button!=null){o.unobserve(this.button)}}render(){const t=this.html&&i("span",{innerHTML:this.html});return i("div",{onClick:this.handleClickEvent,class:{"icon-button-wrapper--disabled":this.disabled}},i("button",{ref:t=>this.button=t,part:"base",disabled:this.disabled,class:{"icon-button":true,"icon-button--disabled":this.disabled},type:"button","aria-label":this.label},i("six-icon",{"aria-hidden":"true",size:this.size},this.name),i("slot",null),t))}};s.style=n;export{s as six_icon_button};
+//# sourceMappingURL=p-870b988d.entry.js.map

package/dist/ui-library/p-870b988d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixIconButtonCss","SixIconButton","this","handleClickEvent","event","disabled","preventDefault","stopPropagation","componentDidLoad","button","focusVisible","observe","disconnectedCallback","unobserve","render","html","h","innerHTML","onClick","class","ref","el","part","type","label","size","name"],"sources":["src/components/six-icon-button/six-icon-button.scss?tag=six-icon-button&encapsulation=shadow","src/components/six-icon-button/six-icon-button.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: inline-block;\n}\n\n.icon-button {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  background: none;\n  border: none;\n  border-radius: var(--six-border-radius-medium);\n  font-size: inherit;\n  color: var(--six-input-icon-color);\n  padding: var(--six-spacing-x-small);\n  cursor: pointer;\n  transition: var(--six-transition-medium) color;\n  -webkit-appearance: none;\n\n  &:hover:not(.icon-button--disabled),\n  &:focus:not(.icon-button--disabled) {\n    color: var(--six-input-icon-color-hover);\n  }\n\n  &:active:not(.icon-button--disabled) {\n    color: var(--six-input-icon-color);\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:focus-visible {\n    outline: var(--six-focus-ring);\n    outline-offset: var(--six-focus-ring-offset);\n  }\n}\n\n.icon-button--disabled {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.icon-button-wrapper--disabled {\n  cursor: not-allowed;\n}\n\n.icon-button ::slotted(six-badge) {\n  position: absolute;\n  top: 0;\n  right: 0;\n  pointer-events: none;\n}\n\n.icon-button six-icon[size='xLarge'] + ::slotted(six-badge) {\n  transform: translateY(40%) translateX(-35%);\n}\n\n.icon-button six-icon[size='large'] + ::slotted(six-badge) {\n  transform: translateY(20%) translateX(-20%);\n}\n\n// TODO: tx4u9 should be adjusted for all sizes after design team\n.icon-button six-icon[size='medium'] + ::slotted(six-badge) {\n  transform: translateY(10%) translateX(50%);\n}\n\n.icon-button six-icon[size='small'] + ::slotted(six-badge) {\n  //  no translation necessary\n}\n\n.icon-button six-icon[size='xSmall'] + ::slotted(six-badge) {\n  transform: translateY(-25%) translateX(25%);\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { focusVisible } from '../../utils/focus-visible';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @part base - The component's base wrapper.\n */\n\n@Component({\n  tag: 'six-icon-button',\n  styleUrl: 'six-icon-button.scss',\n  shadow: true,\n})\nexport class SixIconButton {\n  private button?: HTMLButtonElement;\n\n  /** The name of the icon to draw. */\n  @Prop({ reflect: true }) name?: string;\n\n  /** The icon's size. */\n  @Prop({ reflect: true }) size: 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge' | 'xxxLarge' = 'medium';\n\n  /**\n   * A description that gets read by screen readers and other assistive devices. For optimal accessibility, you should\n   * always include a label that describes what the icon button does.\n   */\n  @Prop({ reflect: true }) label?: string;\n\n  /** Set to true to disable the button. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** HTML symbol code or entity. */\n  @Prop({ reflect: true }) html?: string;\n\n  componentDidLoad() {\n    if (this.button != null) {\n      focusVisible.observe(this.button);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.button != null) {\n      focusVisible.unobserve(this.button);\n    }\n  }\n\n  render() {\n    const html = this.html && <span innerHTML={this.html} />;\n\n    return (\n      <div onClick={this.handleClickEvent} class={{ 'icon-button-wrapper--disabled': this.disabled }}>\n        <button\n          ref={(el) => (this.button = el)}\n          part=\"base\"\n          disabled={this.disabled}\n          class={{\n            'icon-button': true,\n            'icon-button--disabled': this.disabled,\n          }}\n          type=\"button\"\n          aria-label={this.label}\n        >\n          <six-icon aria-hidden=\"true\" size={this.size}>\n            {this.name}\n          </six-icon>\n          <slot />\n          {html}\n        </button>\n      </div>\n    );\n  }\n\n  private handleClickEvent = (event: Event) => {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n}\n"],"mappings":"+EAAA,MAAMA,EAAmB,81C,MCiBZC,EAAa,M,yBA2DhBC,KAAAC,iBAAoBC,IAC1B,GAAIF,KAAKG,SAAU,CACjBD,EAAME,iBACNF,EAAMG,iB,iCAvDmG,S,mCASzE,M,oBAKpC,gBAAAC,GACE,GAAIN,KAAKO,QAAU,KAAM,CACvBC,EAAaC,QAAQT,KAAKO,O,EAI9B,oBAAAG,GACE,GAAIV,KAAKO,QAAU,KAAM,CACvBC,EAAaG,UAAUX,KAAKO,O,EAIhC,MAAAK,GACE,MAAMC,EAAOb,KAAKa,MAAQC,EAAA,QAAMC,UAAWf,KAAKa,OAEhD,OACEC,EAAA,OAAKE,QAAShB,KAAKC,iBAAkBgB,MAAO,CAAE,gCAAiCjB,KAAKG,WAClFW,EAAA,UACEI,IAAMC,GAAQnB,KAAKO,OAASY,EAC5BC,KAAK,OACLjB,SAAUH,KAAKG,SACfc,MAAO,CACL,cAAe,KACf,wBAAyBjB,KAAKG,UAEhCkB,KAAK,SAAQ,aACDrB,KAAKsB,OAEjBR,EAAA,0BAAsB,OAAOS,KAAMvB,KAAKuB,MACrCvB,KAAKwB,MAERV,EAAA,aACCD,G"}