@six-group/ui-library 0.0.0-insider.841364 → 0.0.0-insider.86d3063

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

@@ -0,0 +1 @@
+{"version":3,"names":["isTabbable","el","tabIndex","getNearestTabbableElement","shadowRoot","tabbableShadowChild","children","find","e","map","at","undefined","sixDropdownCss","SixDropdownStyle0","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","_d","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","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","SixMenuStyle0","isFocusedMenuItem","classList","contains","isSIXMenuItemElement","mapToMenuItem","DEFAULT_NUMBER_OF_ITEMS_SHOWN_FOR_VIRTUAL_SCROLLING","DEFAULT_SIX_MENU_ITEM_HEIGHT_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    let sixMenuItems: HTMLSixMenuItemElement[] =\n      sixMenuElement\n        ?.querySelector('slot')\n        ?.assignedElements()\n        .filter((el): el is HTMLSixMenuItemElement => isSixMenuItem(el)) || [];\n\n    if (sixMenuItems.length === 0) {\n      sixMenuItems = Array.from(sixMenuElement?.shadowRoot?.querySelectorAll('six-menu-item') || []);\n    }\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;\nconst DEFAULT_SIX_MENU_ITEM_HEIGHT_FOR_VIRTUAL_SCROLLING = 48;\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  private sixMenuItemHeight = this.virtualScroll\n    ? DEFAULT_SIX_MENU_ITEM_HEIGHT_FOR_VIRTUAL_SCROLLING\n    : 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    if (this.items && this.items.length === 1) {\n      return 0;\n    }\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    } else if (this.items && this.items.length === 1) {\n      styles.height = 'auto';\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    if (this.virtualScroll && this.items !== null && this.items.length > 1) {\n      styles.height = `${this.items.length * this.sixMenuItemHeight - this.itemSize * this.sixMenuItemHeight}px`;\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":"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"}

package/dist/ui-library/{p-961bd001.entry.js → p-6f9153be.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as o,h as i,g as r}from"./p-af15381b.js";import{E as s}from"./p-8bfb4bfc.js";import{F as e}from"./p-61e66671.js";import{h as l}from"./p-0cebf1d2.js";const a=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none;text-align:left}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:"*";transform:scale(1.1);margin-left:var(--six-spacing-xxx-small);position:absolute}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{--height:var(--six-selection-control-toggle-size);--thumb-size:calc(var(--six-selection-control-toggle-size) - 4px);--width:calc(var(--height) * 2);display:inline-block}.switch{display:inline-flex;align-items:center;font-family:var(--six-font-family);font-size:var(--six-input-font-size-medium);font-weight:var(--six-input-font-weight);color:var(--six-input-color);vertical-align:middle;cursor:pointer}.switch__control{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--width);height:var(--height);background-color:var(--six-selection-control-color-disabled);border-radius:var(--height);transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color}.switch__control .switch__thumb{width:var(--thumb-size);height:var(--thumb-size);background-color:var(--six-input-background-color);border-radius:50%;transform:translateX(calc(var(--width) / -2 + var(--thumb-size) / 2 - (var(--thumb-size) - var(--height)) / 2));transition:var(--six-transition-fast) transform ease, var(--six-transition-fast) background-color, var(--six-transition-fast) border-color, var(--six-transition-fast) box-shadow}.switch__control input[type=checkbox]{position:absolute;opacity:0;padding:0;margin:0;pointer-events:none}.switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover{background-color:var(--six-input-border-color-hover)}.switch--checked .switch__control{background-color:var(--six-selection-control-color)}.switch--checked .switch__control .switch__thumb{background-color:var(--six-color-white);transform:translateX(calc(var(--width) / 2 - var(--thumb-size) / 2 + (var(--thumb-size) - var(--height)) / 2))}.switch.switch--checked:not(.switch--disabled) .switch__control:hover{background-color:var(--six-input-border-color-focus)}.switch--disabled{cursor:not-allowed;color:var(--six-selection-control-color-disabled)}.switch--disabled .switch__control{background-color:var(--six-selection-control-color-disabled)}.switch--disabled.switch--checked .switch__control{background-color:var(--six-selection-control-color-disabled)}.switch__label{line-height:var(--height);margin-left:0.5em;user-select:none}';let n=0;const h=class{constructor(i){t(this,i);this.sixBlur=o(this,"six-switch-blur",7);this.sixChange=o(this,"six-switch-change",7);this.sixFocus=o(this,"six-switch-focus",7);this.switchId=`switch-${++n}`;this.labelId=`switch-label-${n}`;this.errorTextId=`input-error-text-${n}`;this.eventListeners=new s;this.handleSlotChange=()=>{this.hasErrorTextSlot=l(this.host,"error-text")};this.handleClick=()=>{if(this.inputElement!=null){this.checked=this.inputElement.checked;this.sixChange.emit(this.checked)}};this.handleBlur=()=>{this.hasFocus=false;this.sixBlur.emit(this.checked)};this.handleFocus=()=>{this.hasFocus=true;this.sixFocus.emit()};this.handleKeyDown=t=>{if(t.key==="ArrowLeft"){t.preventDefault();this.checked=false;this.sixChange.emit(this.checked)}if(t.key==="ArrowRight"){t.preventDefault();this.checked=true;this.sixChange.emit(this.checked)}};this.handleMouseDown=t=>{var o;t.preventDefault();(o=this.inputElement)===null||o===void 0?void 0:o.focus()};this.hasFocus=false;this.hasErrorTextSlot=false;this.name="";this.value="on";this.disabled=false;this.required=false;this.checked=false;this.label="";this.errorText="";this.errorTextCount=undefined;this.invalid=false}componentWillLoad(){this.handleSlotChange()}handleCheckedChange(){if(this.inputElement!=null){this.inputElement.checked=this.checked;this.checked=this.inputElement.checked}}connectedCallback(){var t;(t=this.host.shadowRoot)===null||t===void 0?void 0:t.addEventListener("slotchange",this.handleSlotChange);this.eventListeners.forward("six-switch-change","change",this.host);this.eventListeners.forward("six-switch-blur","blur",this.host);this.eventListeners.forward("six-switch-focus","focus",this.host)}disconnectedCallback(){var t;(t=this.host.shadowRoot)===null||t===void 0?void 0:t.removeEventListener("slotchange",this.handleSlotChange);this.eventListeners.removeAll()}handleLabelChange(){this.handleSlotChange()}async setFocus(t){var o;(o=this.inputElement)===null||o===void 0?void 0:o.focus(t)}async removeFocus(){var t;(t=this.inputElement)===null||t===void 0?void 0:t.blur()}render(){return i(e,{inputId:this.switchId,label:this.label,labelId:this.labelId,hasLabelSlot:false,errorTextId:this.errorTextId,errorText:this.errorText,errorTextCount:this.errorTextCount,hasErrorTextSlot:this.hasErrorTextSlot,size:"medium",disabled:this.disabled,required:this.required,displayError:this.invalid},i("label",{part:"base",htmlFor:this.switchId,class:{switch:true,"switch--checked":this.checked,"switch--disabled":this.disabled,"switch--focused":this.hasFocus},onMouseDown:this.handleMouseDown},i("span",{part:"control",class:"switch__control"},i("span",{part:"thumb",class:"switch__thumb"}),i("input",{ref:t=>this.inputElement=t,id:this.switchId,type:"checkbox",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,required:this.required,role:"switch","aria-checked":this.checked?"true":"false","aria-labelledby":this.labelId,onClick:this.handleClick,onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown})),i("span",{part:"label",id:this.labelId,class:"switch__label"},i("slot",null))))}get host(){return r(this)}static get watchers(){return{checked:["handleCheckedChange"],errorText:["handleLabelChange"],label:["handleLabelChange"]}}};h.style=a;export{h as six_switch};
-//# sourceMappingURL=p-961bd001.entry.js.map
+import{r as t,c as o,h as i,g as r}from"./p-05eb1bab.js";import{E as s}from"./p-8bfb4bfc.js";import{F as e}from"./p-605bdd81.js";import{h as l}from"./p-0cebf1d2.js";const a=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none;text-align:left}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:"*";transform:scale(1.1);margin-left:var(--six-spacing-xxx-small);position:absolute}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{--height:var(--six-selection-control-toggle-size);--thumb-size:calc(var(--six-selection-control-toggle-size) - 4px);--width:calc(var(--height) * 2);display:inline-block}.switch{display:inline-flex;align-items:center;font-family:var(--six-font-family);font-size:var(--six-input-font-size-medium);font-weight:var(--six-input-font-weight);color:var(--six-input-color);vertical-align:middle;cursor:pointer}.switch__control{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--width);height:var(--height);background-color:var(--six-selection-control-color-disabled);border-radius:var(--height);transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color}.switch__control .switch__thumb{width:var(--thumb-size);height:var(--thumb-size);background-color:var(--six-input-background-color);border-radius:50%;transform:translateX(calc(var(--width) / -2 + var(--thumb-size) / 2 - (var(--thumb-size) - var(--height)) / 2));transition:var(--six-transition-fast) transform ease, var(--six-transition-fast) background-color, var(--six-transition-fast) border-color, var(--six-transition-fast) box-shadow}.switch__control input[type=checkbox]{position:absolute;opacity:0;padding:0;margin:0;pointer-events:none}.switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover{background-color:var(--six-input-border-color-hover)}.switch--checked .switch__control{background-color:var(--six-selection-control-color)}.switch--checked .switch__control .switch__thumb{background-color:var(--six-color-white);transform:translateX(calc(var(--width) / 2 - var(--thumb-size) / 2 + (var(--thumb-size) - var(--height)) / 2))}.switch.switch--checked:not(.switch--disabled) .switch__control:hover{background-color:var(--six-input-border-color-focus)}.switch--disabled{cursor:not-allowed;color:var(--six-selection-control-color-disabled)}.switch--disabled .switch__control{background-color:var(--six-selection-control-color-disabled)}.switch--disabled.switch--checked .switch__control{background-color:var(--six-selection-control-color-disabled)}.switch__label{line-height:var(--height);margin-left:0.5em;user-select:none}';const n=a;let c=0;const h=class{constructor(i){t(this,i);this.sixBlur=o(this,"six-switch-blur",7);this.sixChange=o(this,"six-switch-change",7);this.sixFocus=o(this,"six-switch-focus",7);this.switchId=`switch-${++c}`;this.labelId=`switch-label-${c}`;this.errorTextId=`input-error-text-${c}`;this.eventListeners=new s;this.handleSlotChange=()=>{this.hasErrorTextSlot=l(this.host,"error-text")};this.handleClick=()=>{if(this.inputElement!=null){this.checked=this.inputElement.checked;this.sixChange.emit(this.checked)}};this.handleBlur=()=>{this.hasFocus=false;this.sixBlur.emit(this.checked)};this.handleFocus=()=>{this.hasFocus=true;this.sixFocus.emit()};this.handleKeyDown=t=>{if(t.key==="ArrowLeft"){t.preventDefault();this.checked=false;this.sixChange.emit(this.checked)}if(t.key==="ArrowRight"){t.preventDefault();this.checked=true;this.sixChange.emit(this.checked)}};this.handleMouseDown=t=>{var o;t.preventDefault();(o=this.inputElement)===null||o===void 0?void 0:o.focus()};this.hasFocus=false;this.hasErrorTextSlot=false;this.name="";this.value="on";this.disabled=false;this.required=false;this.checked=false;this.label="";this.errorText="";this.errorTextCount=undefined;this.invalid=false}componentWillLoad(){this.handleSlotChange()}handleCheckedChange(){if(this.inputElement!=null){this.inputElement.checked=this.checked;this.checked=this.inputElement.checked}}connectedCallback(){var t;(t=this.host.shadowRoot)===null||t===void 0?void 0:t.addEventListener("slotchange",this.handleSlotChange);this.eventListeners.forward("six-switch-change","change",this.host);this.eventListeners.forward("six-switch-blur","blur",this.host);this.eventListeners.forward("six-switch-focus","focus",this.host)}disconnectedCallback(){var t;(t=this.host.shadowRoot)===null||t===void 0?void 0:t.removeEventListener("slotchange",this.handleSlotChange);this.eventListeners.removeAll()}handleLabelChange(){this.handleSlotChange()}async setFocus(t){var o;(o=this.inputElement)===null||o===void 0?void 0:o.focus(t)}async removeFocus(){var t;(t=this.inputElement)===null||t===void 0?void 0:t.blur()}render(){return i(e,{key:"9d6b19d30b6fbe9edaca09765fb987496085af3d",inputId:this.switchId,label:this.label,labelId:this.labelId,hasLabelSlot:false,errorTextId:this.errorTextId,errorText:this.errorText,errorTextCount:this.errorTextCount,hasErrorTextSlot:this.hasErrorTextSlot,size:"medium",disabled:this.disabled,required:this.required,displayError:this.invalid},i("label",{key:"3e17b60e405ebdbb9a2329677b7ba58bf5b39506",part:"base",htmlFor:this.switchId,class:{switch:true,"switch--checked":this.checked,"switch--disabled":this.disabled,"switch--focused":this.hasFocus},onMouseDown:this.handleMouseDown},i("span",{key:"a8f0a78413ef612287e59d371ecc4a4de3f95d86",part:"control",class:"switch__control"},i("span",{key:"02e2e4f0ebea74189adaae5c5820e72c317fb3c8",part:"thumb",class:"switch__thumb"}),i("input",{key:"50f37e2801b211be3a3f378f3f59c736f10900ea",ref:t=>this.inputElement=t,id:this.switchId,type:"checkbox",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,required:this.required,role:"switch","aria-checked":this.checked?"true":"false","aria-labelledby":this.labelId,onClick:this.handleClick,onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown})),i("span",{key:"9a4e42a33a099be2301b47553f1238f2e4acf027",part:"label",id:this.labelId,class:"switch__label"},i("slot",{key:"f393ef7b2eb5621a4a203d0502017a428412080d"}))))}get host(){return r(this)}static get watchers(){return{checked:["handleCheckedChange"],errorText:["handleLabelChange"],label:["handleLabelChange"]}}};h.style=n;export{h as six_switch};
+//# sourceMappingURL=p-6f9153be.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["sixSwitchCss","SixSwitchStyle0","id","SixSwitch","this","switchId","labelId","errorTextId","eventListeners","EventListeners","handleSlotChange","hasErrorTextSlot","hasSlot","host","handleClick","inputElement","checked","sixChange","emit","handleBlur","hasFocus","sixBlur","handleFocus","sixFocus","handleKeyDown","event","key","preventDefault","handleMouseDown","_a","focus","componentWillLoad","handleCheckedChange","connectedCallback","shadowRoot","addEventListener","forward","disconnectedCallback","removeEventListener","removeAll","handleLabelChange","setFocus","options","removeFocus","blur","render","h","FormControl","inputId","label","hasLabelSlot","errorText","errorTextCount","size","disabled","required","displayError","invalid","part","htmlFor","class","switch","onMouseDown","ref","el","type","name","value","role","onClick","onBlur","onFocus","onKeyDown"],"sources":["src/components/six-switch/six-switch.scss?tag=six-switch&encapsulation=shadow","src/components/six-switch/six-switch.tsx"],"sourcesContent":["@import 'src/global/component';\n@import '../../functional-components/form-control/form-control';\n\n/**\n * @prop --width: The width of the switch.\n * @prop --height: The height of the switch.\n * @prop --thumb-size: The size of the thumb.\n */\n:host {\n  --height: var(--six-selection-control-toggle-size);\n  --thumb-size: calc(var(--six-selection-control-toggle-size) - 4px);\n  --width: calc(var(--height) * 2);\n\n  display: inline-block;\n}\n\n.switch {\n  display: inline-flex;\n  align-items: center;\n  font-family: var(--six-font-family);\n  font-size: var(--six-input-font-size-medium);\n  font-weight: var(--six-input-font-weight);\n  color: var(--six-input-color);\n  vertical-align: middle;\n  cursor: pointer;\n}\n\n.switch__control {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--width);\n  height: var(--height);\n  background-color: var(--six-selection-control-color-disabled);\n  border-radius: var(--height);\n  transition: var(--six-transition-fast) border-color, var(--six-transition-fast) background-color;\n\n  .switch__thumb {\n    width: var(--thumb-size);\n    height: var(--thumb-size);\n    background-color: var(--six-input-background-color);\n    border-radius: 50%;\n    transform: translateX(calc(var(--width) / -2 + var(--thumb-size) / 2 - (var(--thumb-size) - var(--height)) / 2));\n    transition: var(--six-transition-fast) transform ease, var(--six-transition-fast) background-color,\n      var(--six-transition-fast) border-color, var(--six-transition-fast) box-shadow;\n  }\n\n  input[type='checkbox'] {\n    position: absolute;\n    opacity: 0;\n    padding: 0;\n    margin: 0;\n    pointer-events: none;\n  }\n}\n\n// Hover\n.switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover {\n  background-color: var(--six-input-border-color-hover);\n}\n\n// Checked\n.switch--checked .switch__control {\n  background-color: var(--six-selection-control-color);\n\n  .switch__thumb {\n    background-color: var(--six-color-white);\n    transform: translateX(calc(var(--width) / 2 - var(--thumb-size) / 2 + (var(--thumb-size) - var(--height)) / 2));\n  }\n}\n\n// Checked + hover\n.switch.switch--checked:not(.switch--disabled) .switch__control:hover {\n  background-color: var(--six-input-border-color-focus);\n}\n\n// Disabled\n.switch--disabled {\n  cursor: not-allowed;\n  color: var(--six-selection-control-color-disabled);\n\n  .switch__control {\n    background-color: var(--six-selection-control-color-disabled);\n  }\n\n  &.switch--checked .switch__control {\n    background-color: var(--six-selection-control-color-disabled);\n  }\n}\n\n.switch__label {\n  line-height: var(--height);\n  margin-left: 0.5em;\n  user-select: none;\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { EmptyPayload } from '../../utils/types';\nimport { EventListeners } from '../../utils/event-listeners';\nimport FormControl from '../../functional-components/form-control/form-control';\nimport { hasSlot } from '../../utils/slot';\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 - The switch's label.\n * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop.\n *\n * @part base - The component's base wrapper.\n * @part control - The switch control.\n * @part thumb - The switch position indicator.\n * @part label - The switch label.\n */\n\n@Component({\n  tag: 'six-switch',\n  styleUrl: 'six-switch.scss',\n  shadow: true,\n})\nexport class SixSwitch {\n  private switchId = `switch-${++id}`;\n  private labelId = `switch-label-${id}`;\n  private errorTextId = `input-error-text-${id}`;\n\n  private inputElement?: HTMLInputElement;\n  private eventListeners = new EventListeners();\n\n  @Element() host!: HTMLSixSwitchElement;\n\n  @State() hasFocus = false;\n  @State() hasErrorTextSlot = false;\n\n  /** The switch's name attribute. */\n  @Prop() name = '';\n\n  /** The switch's value attribute. */\n  @Prop() value = 'on';\n\n  /** Set to true to disable the switch. */\n  @Prop() disabled = false;\n\n  /** Set to true to show an asterisk beneath the label. */\n  @Prop() required = false;\n\n  /** Set to true to draw the switch in a checked state. */\n  @Prop({ mutable: true, reflect: true }) checked = false;\n\n  /** The label text. */\n  @Prop() label = '';\n\n  /** The error message shown, if `invalid` is set to true.  */\n  @Prop() errorText: string | string[] = '';\n\n  /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */\n  @Prop() errorTextCount?: number;\n\n  /** If this property is set to true and an error message is provided by `errorText`, the error message is displayed.  */\n  @Prop({ reflect: true }) invalid = false;\n\n  componentWillLoad() {\n    this.handleSlotChange();\n  }\n\n  @Watch('checked')\n  handleCheckedChange() {\n    if (this.inputElement != null) {\n      this.inputElement.checked = this.checked;\n      this.checked = this.inputElement.checked;\n    }\n  }\n\n  /** Emitted when the control loses focus. */\n  @Event({ eventName: 'six-switch-blur' }) sixBlur!: EventEmitter<boolean>;\n\n  /** Emitted when the control's checked state changes. */\n  @Event({ eventName: 'six-switch-change' }) sixChange!: EventEmitter<boolean>;\n\n  /** Emitted when the control gains focus. */\n  @Event({ eventName: 'six-switch-focus' }) sixFocus!: EventEmitter<EmptyPayload>;\n\n  connectedCallback() {\n    this.host.shadowRoot?.addEventListener('slotchange', this.handleSlotChange);\n    this.eventListeners.forward('six-switch-change', 'change', this.host);\n    this.eventListeners.forward('six-switch-blur', 'blur', this.host);\n    this.eventListeners.forward('six-switch-focus', 'focus', this.host);\n  }\n\n  disconnectedCallback() {\n    this.host.shadowRoot?.removeEventListener('slotchange', this.handleSlotChange);\n    this.eventListeners.removeAll();\n  }\n\n  @Watch('errorText')\n  @Watch('label')\n  handleLabelChange() {\n    this.handleSlotChange();\n  }\n\n  private handleSlotChange = () => {\n    this.hasErrorTextSlot = hasSlot(this.host, 'error-text');\n  };\n\n  /** Sets focus on the switch. */\n  @Method()\n  async setFocus(options?: FocusOptions) {\n    this.inputElement?.focus(options);\n  }\n\n  /** Removes focus from the switch. */\n  @Method()\n  async removeFocus() {\n    this.inputElement?.blur();\n  }\n\n  private handleClick = () => {\n    if (this.inputElement != null) {\n      this.checked = this.inputElement.checked;\n      this.sixChange.emit(this.checked);\n    }\n  };\n\n  private handleBlur = () => {\n    this.hasFocus = false;\n    this.sixBlur.emit(this.checked);\n  };\n\n  private handleFocus = () => {\n    this.hasFocus = true;\n    this.sixFocus.emit();\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'ArrowLeft') {\n      event.preventDefault();\n      this.checked = false;\n      this.sixChange.emit(this.checked);\n    }\n\n    if (event.key === 'ArrowRight') {\n      event.preventDefault();\n      this.checked = true;\n      this.sixChange.emit(this.checked);\n    }\n  };\n\n  private handleMouseDown = (event: MouseEvent) => {\n    // Prevent clicks on the label from briefly blurring the input\n    event.preventDefault();\n    this.inputElement?.focus();\n  };\n\n  render() {\n    return (\n      <FormControl\n        inputId={this.switchId}\n        label={this.label}\n        labelId={this.labelId}\n        hasLabelSlot={false}\n        errorTextId={this.errorTextId}\n        errorText={this.errorText}\n        errorTextCount={this.errorTextCount}\n        hasErrorTextSlot={this.hasErrorTextSlot}\n        size=\"medium\"\n        disabled={this.disabled}\n        required={this.required}\n        displayError={this.invalid}\n      >\n        <label\n          part=\"base\"\n          htmlFor={this.switchId}\n          class={{\n            switch: true,\n            'switch--checked': this.checked,\n            'switch--disabled': this.disabled,\n            'switch--focused': this.hasFocus,\n          }}\n          onMouseDown={this.handleMouseDown}\n        >\n          <span part=\"control\" class=\"switch__control\">\n            <span part=\"thumb\" class=\"switch__thumb\" />\n\n            <input\n              ref={(el) => (this.inputElement = el)}\n              id={this.switchId}\n              type=\"checkbox\"\n              name={this.name}\n              value={this.value}\n              checked={this.checked}\n              disabled={this.disabled}\n              required={this.required}\n              role=\"switch\"\n              aria-checked={this.checked ? 'true' : 'false'}\n              aria-labelledby={this.labelId}\n              onClick={this.handleClick}\n              onBlur={this.handleBlur}\n              onFocus={this.handleFocus}\n              onKeyDown={this.handleKeyDown}\n            />\n          </span>\n\n          <span part=\"label\" id={this.labelId} class=\"switch__label\">\n            <slot />\n          </span>\n        </label>\n      </FormControl>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/ui-library/{p-ed279165.entry.js → p-790614b9.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as t,h as o,g as r}from"./p-af15381b.js";import{F as s}from"./p-61e66671.js";import{h as e}from"./p-0cebf1d2.js";import{E as n}from"./p-8bfb4bfc.js";import{s as l}from"./p-842b492e.js";const a=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none;text-align:left}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:"*";transform:scale(1.1);margin-left:var(--six-spacing-xxx-small);position:absolute}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{display:block}.input{display:inline-flex;align-items:stretch;justify-content:start;position:relative;width:100%;font-family:var(--six-font-family);font-weight:var(--six-input-font-weight);letter-spacing:var(--six-input-letter-spacing);background-color:var(--six-input-background-color);border:solid var(--six-border-width) var(--six-input-border-color);vertical-align:middle;overflow:hidden;transition:var(--six-transition-fast) color, var(--six-transition-fast) border, var(--six-transition-fast) box-shadow;cursor:text}.input--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.input:hover:not(.input--disabled){background-color:var(--six-input-background-color-hover);border-color:var(--six-input-border-color-hover)}.input:hover:not(.input--disabled) .input__control{color:var(--six-input-color-hover)}.input:hover.input--dropdown-search{border-color:transparent}.input--dropdown-search{border-color:transparent}.input--dropdown-search.input--focused{border-color:var(--six-input-border-color)}.input.input--focused:not(.input--disabled){background-color:var(--six-input-background-color-focus);border-bottom-color:var(--six-input-border-color-focus);box-shadow:0 1px 0 0 var(--six-input-border-color-focus)}.input.input--focused:not(.input--disabled):not(.input--line){border-color:var(--six-input-border-color-focus);box-shadow:var(--six-input-focus-shadow)}.input.input--focused:not(.input--disabled) .input__control{color:var(--six-input-color-focus)}.input.input--disabled{background-color:var(--six-input-background-color-disabled);border-color:var(--six-input-border-color-disabled);cursor:not-allowed}.input.input--disabled .input__control{color:var(--six-input-color-disabled)}.input.input--disabled .input__control::placeholder{color:var(--six-input-placeholder-color-disabled)}.input.input--invalid:not(.input--disabled):not(.input--focused){border-bottom-color:var(--six-input-border-color-danger)}.input.input--invalid:not(.input--disabled):not(.input--focused):not(.input--line){border-color:var(--six-input-border-color-danger)}.input__control{flex:1 1 auto;font-family:inherit;font-size:inherit;font-weight:inherit;min-width:0;color:var(--six-input-color);border:none;background:none;box-shadow:none;padding:0;margin:0;cursor:inherit;-webkit-appearance:none}.input__control::-webkit-search-decoration,.input__control::-webkit-search-cancel-button,.input__control::-webkit-search-results-button,.input__control::-webkit-search-results-decoration{-webkit-appearance:none}.input__control:-webkit-autofill,.input__control:-webkit-autofill:hover,.input__control:-webkit-autofill:focus,.input__control:-webkit-autofill:active{box-shadow:0 0 0 var(--six-height-large) var(--six-input-background-color-hover) inset !important;-webkit-text-fill-color:var(--six-color-primary-500)}.input__control::placeholder{color:var(--six-input-placeholder-color);user-select:none}.input__control:focus{outline:none}.input__control::-ms-reveal{display:none}.input__prefix,.input__suffix{display:inline-flex;flex:0 0 auto;align-items:center;cursor:default}.input__prefix ::slotted(six-icon),.input__suffix ::slotted(six-icon){color:var(--six-input-icon-color)}.input.input--disabled ::slotted(six-icon){cursor:not-allowed}.input--small{border-radius:var(--six-input-border-radius-small);font-size:var(--six-input-font-size-small);height:var(--six-height-small)}.input--small .input__control{height:calc(var(--six-height-small) - var(--six-border-width) * 2);margin:0 var(--six-input-spacing-small)}.input--small .input__control__prefix{margin:0 var(--six-input-prefix-spacing-small)}.input--small .input__clear,.input--small .input__password-toggle{margin-right:var(--six-input-spacing-small)}.input--small .input__prefix ::slotted(*){margin-left:var(--six-input-prefix-spacing-small)}.input--small .input__suffix ::slotted(*){margin-right:var(--six-input-prefix-spacing-small)}.input--medium{border-radius:var(--six-input-border-radius-medium);font-size:var(--six-input-font-size-medium);height:var(--six-height-medium)}.input--medium .input__control{height:calc(var(--six-height-medium) - var(--six-border-width) * 2);margin:0 var(--six-input-spacing-medium)}.input--medium .input__control__prefix{margin:0 var(--six-input-prefix-spacing-medium)}.input--medium .input__clear,.input--medium .input__password-toggle{margin-right:var(--six-input-spacing-medium)}.input--medium .input__prefix ::slotted(*){margin-left:var(--six-input-prefix-spacing-medium)}.input--medium .input__suffix ::slotted(*){margin-right:var(--six-input-prefix-spacing-medium)}.input--large{border-radius:var(--six-input-border-radius-large);font-size:var(--six-input-font-size-large);height:var(--six-height-large)}.input--large .input__control{height:calc(var(--six-height-large) - var(--six-border-width) * 2);margin:0 var(--six-input-spacing-large)}.input--large .input__control__prefix{margin:0 var(--six-input-prefix-spacing-large)}.input--large .input__clear,.input--large .input__password-toggle{margin-right:var(--six-input-spacing-large)}.input--large .input__prefix ::slotted(*){margin-left:var(--six-input-prefix-spacing-large)}.input--large .input__suffix ::slotted(*){margin-right:var(--six-input-prefix-spacing-large)}.input--pill.input--small{border-radius:var(--six-height-small)}.input--pill.input--medium{border-radius:var(--six-height-medium)}.input--pill.input--large{border-radius:var(--six-height-large)}.input__clear,.input__password-toggle{display:inline-flex;align-items:center;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;padding:0;transition:var(--six-transition-fast) color;cursor:pointer}.input__clear:hover,.input__password-toggle:hover{color:var(--six-input-icon-color-hover)}.input__clear:focus,.input__password-toggle:focus{outline:none}.input--empty .input__clear{visibility:hidden}';const u={large:"medium",medium:"small",small:"xSmall"};let p=0;const h=class{constructor(o){i(this,o);this.sixChange=t(this,"six-input-change",7);this.sixClear=t(this,"six-input-clear",7);this.sixInput=t(this,"six-input-input",7);this.sixFocus=t(this,"six-input-focus",7);this.sixBlur=t(this,"six-input-blur",7);this.inputId=`input-${++p}`;this.labelId=`input-label-${p}`;this.helpTextId=`input-help-text-${p}`;this.errorTextId=`input-error-text-${p}`;this.eventListeners=new n;this.handleChange=i=>{i.stopPropagation();if(this.nativeInput!=null){this.value=this.nativeInput.value;this.sixChange.emit()}};this.handleInput=i=>{i.stopPropagation();if(this.nativeInput!=null){this.value=this.nativeInput.value;this.sixInput.emit()}};this.handleBlur=()=>{this.hasFocus=false;this.sixBlur.emit()};this.handleFocus=()=>{this.hasFocus=true;this.sixFocus.emit()};this.handleClearClick=i=>{this.value="";this.sixClear.emit();this.sixInput.emit();this.sixChange.emit();if(this.nativeInput!=null){this.nativeInput.focus()}i.stopPropagation()};this.handleKeyDown=i=>{const t=i.metaKey||i.ctrlKey||i.shiftKey||i.altKey;if(i.key==="Enter"&&!t){setTimeout((()=>{if(!i.defaultPrevented&&!i.isComposing){l(this.host)}}))}};this.handlePasswordToggle=()=>{this.isPasswordVisible=!this.isPasswordVisible};this.handleSlotChange=()=>{this.hasHelpTextSlot=e(this.host,"help-text");this.hasLabelSlot=e(this.host,"label");this.hasErrorSlot=e(this.host,"error-text")};this.hasFocus=false;this.hasHelpTextSlot=false;this.hasLabelSlot=false;this.hasErrorSlot=false;this.isPasswordVisible=false;this.type="text";this.size="medium";this.name="";this.value="";this.pill=false;this.helpText="";this.placeholder=undefined;this.disabled=false;this.readonly=false;this.minlength=undefined;this.maxlength=undefined;this.min=undefined;this.max=undefined;this.step=undefined;this.pattern=undefined;this.dropdownSearch=false;this.required=false;this.autocapitalize="off";this.autocorrect="off";this.autocomplete="off";this.autofocus=false;this.spellcheck=false;this.label="";this.errorText="";this.errorTextCount=undefined;this.invalid=false;this.clearable=false;this.togglePassword=false;this.inputmode=undefined;this.line=false}handleLabelChange(){this.handleSlotChange()}handleValueChange(){this.value=this.getValue();if(this.nativeInput!=null&&this.nativeInput.value!==this.value){this.nativeInput.value=this.value}}connectedCallback(){var i;(i=this.host.shadowRoot)===null||i===void 0?void 0:i.addEventListener("slotchange",this.handleSlotChange);this.eventListeners.forward("six-input-input","input",this.host);this.eventListeners.forward("six-input-change","change",this.host);this.eventListeners.forward("six-input-focus","focus",this.host);this.eventListeners.forward("six-input-blur","blur",this.host)}componentWillLoad(){this.handleSlotChange()}disconnectedCallback(){var i;(i=this.host.shadowRoot)===null||i===void 0?void 0:i.removeEventListener("slotchange",this.handleSlotChange);this.eventListeners.removeAll()}async setFocus(i){var t;(t=this.nativeInput)===null||t===void 0?void 0:t.focus(i)}async removeFocus(){var i;(i=this.nativeInput)===null||i===void 0?void 0:i.blur()}async select(){var i;return(i=this.nativeInput)===null||i===void 0?void 0:i.select()}async setSelectionRange(i,t,o="none"){var r;return(r=this.nativeInput)===null||r===void 0?void 0:r.setSelectionRange(i,t,o)}async setRangeText(i,t,o,r="preserve"){if(this.nativeInput==null){return}this.nativeInput.setRangeText(i,t,o,r);if(this.getValue()!==this.nativeInput.value){this.value=this.nativeInput.value;this.sixChange.emit();this.sixInput.emit()}}getValue(){var i;return((i=this.value)!==null&&i!==void 0?i:"").toString()}render(){return o(s,{inputId:this.inputId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,helpTextId:this.helpTextId,helpText:this.helpText,hasHelpTextSlot:this.hasHelpTextSlot,errorTextId:this.errorTextId,errorText:this.errorText,errorTextCount:this.errorTextCount,hasErrorTextSlot:this.hasErrorSlot,size:this.size,disabled:this.disabled,required:this.required,displayError:this.invalid},o("div",{part:"base",class:{input:true,"input--small":this.size==="small","input--medium":this.size==="medium","input--large":this.size==="large","input--line":this.line,"input--pill":this.pill,"input--disabled":this.disabled,"input--dropdown-search":this.dropdownSearch,"input--focused":this.hasFocus,"input--empty":this.getValue().length===0,"input--invalid":this.invalid}},o("span",{part:"prefix",class:"input__prefix"},o("slot",{name:"prefix"})),o("input",{part:"input",ref:i=>this.nativeInput=i,id:this.inputId,size:1,class:{input__control:true,input__control__prefix:e(this.host,"prefix")},type:this.type==="password"&&this.isPasswordVisible?"text":this.type,name:this.name,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,minLength:this.minlength,maxLength:this.maxlength,min:this.min,max:this.max,step:this.step,value:this.getValue(),autoCapitalize:this.autocapitalize,autoComplete:this.autocomplete,autoCorrect:this.autocorrect,autoFocus:this.autofocus,spellcheck:this.spellcheck,pattern:this.pattern,required:this.required,inputMode:this.inputmode,"aria-labelledby":this.labelId,"aria-describedby":this.helpTextId,"aria-invalid":this.invalid?"true":"false",onChange:this.handleChange,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,"data-testid":"input-control"}),this.clearable&&o("button",{part:"clear-button",class:"input__clear",type:"button",onClick:this.handleClearClick,tabindex:"-1","data-testid":"input-clear-button"},o("slot",{name:"clear-icon"},o("six-icon",{size:u[this.size]},"clear"))),this.togglePassword&&o("button",{part:"password-toggle-button",class:"input__password-toggle",type:"button",onClick:this.handlePasswordToggle,tabindex:"-1"},this.isPasswordVisible?o("slot",{name:"show-password-icon"},o("six-icon",{size:u[this.size]},"visibility_off")):o("slot",{name:"hide-password-icon"},o("six-icon",{size:u[this.size]},"visibility"))),o("span",{part:"suffix",class:"input__suffix"},o("slot",{name:"suffix"}))))}get host(){return r(this)}static get watchers(){return{helpText:["handleLabelChange"],errorText:["handleLabelChange"],label:["handleLabelChange"],value:["handleValueChange"]}}};h.style=a;export{h as six_input};
-//# sourceMappingURL=p-ed279165.entry.js.map
+import{r as i,c as t,h as o,g as r}from"./p-05eb1bab.js";import{F as e}from"./p-605bdd81.js";import{h as s}from"./p-0cebf1d2.js";import{E as n}from"./p-8bfb4bfc.js";import{s as l}from"./p-842b492e.js";const a=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none;text-align:left}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:"*";transform:scale(1.1);margin-left:var(--six-spacing-xxx-small);position:absolute}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{display:block}.input{display:inline-flex;align-items:stretch;justify-content:start;position:relative;width:100%;font-family:var(--six-font-family);font-weight:var(--six-input-font-weight);letter-spacing:var(--six-input-letter-spacing);background-color:var(--six-input-background-color);border:solid var(--six-border-width) var(--six-input-border-color);vertical-align:middle;overflow:hidden;transition:var(--six-transition-fast) color, var(--six-transition-fast) border, var(--six-transition-fast) box-shadow;cursor:text}.input--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.input:hover:not(.input--disabled){background-color:var(--six-input-background-color-hover);border-color:var(--six-input-border-color-hover)}.input:hover:not(.input--disabled) .input__control{color:var(--six-input-color-hover)}.input:hover.input--dropdown-search{border-color:transparent}.input--dropdown-search{border-color:transparent}.input--dropdown-search.input--focused{border-color:var(--six-input-border-color)}.input.input--focused:not(.input--disabled){background-color:var(--six-input-background-color-focus);border-bottom-color:var(--six-input-border-color-focus);box-shadow:0 1px 0 0 var(--six-input-border-color-focus)}.input.input--focused:not(.input--disabled):not(.input--line){border-color:var(--six-input-border-color-focus);box-shadow:var(--six-input-focus-shadow)}.input.input--focused:not(.input--disabled) .input__control{color:var(--six-input-color-focus)}.input.input--disabled{background-color:var(--six-input-background-color-disabled);border-color:var(--six-input-border-color-disabled);cursor:not-allowed}.input.input--disabled .input__control{color:var(--six-input-color-disabled)}.input.input--disabled .input__control::placeholder{color:var(--six-input-placeholder-color-disabled)}.input.input--invalid:not(.input--disabled):not(.input--focused){border-bottom-color:var(--six-input-border-color-danger)}.input.input--invalid:not(.input--disabled):not(.input--focused):not(.input--line){border-color:var(--six-input-border-color-danger)}.input__control{flex:1 1 auto;font-family:inherit;font-size:inherit;font-weight:inherit;min-width:0;color:var(--six-input-color);border:none;background:none;box-shadow:none;padding:0;margin:0;cursor:inherit;-webkit-appearance:none}.input__control::-webkit-search-decoration,.input__control::-webkit-search-cancel-button,.input__control::-webkit-search-results-button,.input__control::-webkit-search-results-decoration{-webkit-appearance:none}.input__control:-webkit-autofill,.input__control:-webkit-autofill:hover,.input__control:-webkit-autofill:focus,.input__control:-webkit-autofill:active{box-shadow:0 0 0 var(--six-height-large) var(--six-input-background-color-hover) inset !important;-webkit-text-fill-color:var(--six-color-primary-500)}.input__control::placeholder{color:var(--six-input-placeholder-color);user-select:none}.input__control:focus{outline:none}.input__control::-ms-reveal{display:none}.input__prefix,.input__suffix{display:inline-flex;flex:0 0 auto;align-items:center;cursor:default}.input__prefix ::slotted(six-icon),.input__suffix ::slotted(six-icon){color:var(--six-input-icon-color)}.input.input--disabled ::slotted(six-icon){cursor:not-allowed}.input--small{border-radius:var(--six-input-border-radius-small);font-size:var(--six-input-font-size-small);height:var(--six-height-small)}.input--small .input__control{height:calc(var(--six-height-small) - var(--six-border-width) * 2);margin:0 var(--six-input-spacing-small)}.input--small .input__control__prefix{margin:0 var(--six-input-prefix-spacing-small)}.input--small .input__clear,.input--small .input__password-toggle{margin-right:var(--six-input-spacing-small)}.input--small .input__prefix ::slotted(*){margin-left:var(--six-input-prefix-spacing-small)}.input--small .input__suffix ::slotted(*){margin-right:var(--six-input-prefix-spacing-small)}.input--medium{border-radius:var(--six-input-border-radius-medium);font-size:var(--six-input-font-size-medium);height:var(--six-height-medium)}.input--medium .input__control{height:calc(var(--six-height-medium) - var(--six-border-width) * 2);margin:0 var(--six-input-spacing-medium)}.input--medium .input__control__prefix{margin:0 var(--six-input-prefix-spacing-medium)}.input--medium .input__clear,.input--medium .input__password-toggle{margin-right:var(--six-input-spacing-medium)}.input--medium .input__prefix ::slotted(*){margin-left:var(--six-input-prefix-spacing-medium)}.input--medium .input__suffix ::slotted(*){margin-right:var(--six-input-prefix-spacing-medium)}.input--large{border-radius:var(--six-input-border-radius-large);font-size:var(--six-input-font-size-large);height:var(--six-height-large)}.input--large .input__control{height:calc(var(--six-height-large) - var(--six-border-width) * 2);margin:0 var(--six-input-spacing-large)}.input--large .input__control__prefix{margin:0 var(--six-input-prefix-spacing-large)}.input--large .input__clear,.input--large .input__password-toggle{margin-right:var(--six-input-spacing-large)}.input--large .input__prefix ::slotted(*){margin-left:var(--six-input-prefix-spacing-large)}.input--large .input__suffix ::slotted(*){margin-right:var(--six-input-prefix-spacing-large)}.input--pill.input--small{border-radius:var(--six-height-small)}.input--pill.input--medium{border-radius:var(--six-height-medium)}.input--pill.input--large{border-radius:var(--six-height-large)}.input__clear,.input__password-toggle{display:inline-flex;align-items:center;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;padding:0;transition:var(--six-transition-fast) color;cursor:pointer}.input__clear:hover,.input__password-toggle:hover{color:var(--six-input-icon-color-hover)}.input__clear:focus,.input__password-toggle:focus{outline:none}.input--empty .input__clear{visibility:hidden}';const u=a;const p={large:"medium",medium:"small",small:"xSmall"};let h=0;const c=class{constructor(o){i(this,o);this.sixChange=t(this,"six-input-change",7);this.sixClear=t(this,"six-input-clear",7);this.sixInput=t(this,"six-input-input",7);this.sixFocus=t(this,"six-input-focus",7);this.sixBlur=t(this,"six-input-blur",7);this.inputId=`input-${++h}`;this.labelId=`input-label-${h}`;this.helpTextId=`input-help-text-${h}`;this.errorTextId=`input-error-text-${h}`;this.eventListeners=new n;this.handleChange=i=>{i.stopPropagation();if(this.nativeInput!=null){this.value=this.nativeInput.value;this.sixChange.emit()}};this.handleInput=i=>{i.stopPropagation();if(this.nativeInput!=null){this.value=this.nativeInput.value;this.sixInput.emit()}};this.handleBlur=()=>{this.hasFocus=false;this.sixBlur.emit()};this.handleFocus=()=>{this.hasFocus=true;this.sixFocus.emit()};this.handleClearClick=i=>{this.value="";this.sixClear.emit();this.sixInput.emit();this.sixChange.emit();if(this.nativeInput!=null){this.nativeInput.focus()}i.stopPropagation()};this.handleKeyDown=i=>{const t=i.metaKey||i.ctrlKey||i.shiftKey||i.altKey;if(i.key==="Enter"&&!t){setTimeout((()=>{if(!i.defaultPrevented&&!i.isComposing){l(this.host)}}))}};this.handlePasswordToggle=()=>{this.isPasswordVisible=!this.isPasswordVisible};this.handleSlotChange=()=>{this.hasHelpTextSlot=s(this.host,"help-text");this.hasLabelSlot=s(this.host,"label");this.hasErrorSlot=s(this.host,"error-text")};this.hasFocus=false;this.hasHelpTextSlot=false;this.hasLabelSlot=false;this.hasErrorSlot=false;this.isPasswordVisible=false;this.type="text";this.size="medium";this.name="";this.value="";this.pill=false;this.helpText="";this.placeholder=undefined;this.disabled=false;this.readonly=false;this.minlength=undefined;this.maxlength=undefined;this.min=undefined;this.max=undefined;this.step=undefined;this.pattern=undefined;this.dropdownSearch=false;this.required=false;this.autocapitalize="off";this.autocorrect="off";this.autocomplete="off";this.autofocus=false;this.spellcheck=false;this.label="";this.errorText="";this.errorTextCount=undefined;this.invalid=false;this.clearable=false;this.togglePassword=false;this.inputmode=undefined;this.line=false}handleLabelChange(){this.handleSlotChange()}handleValueChange(){this.value=this.getValue();if(this.nativeInput!=null&&this.nativeInput.value!==this.value){this.nativeInput.value=this.value}}connectedCallback(){var i;(i=this.host.shadowRoot)===null||i===void 0?void 0:i.addEventListener("slotchange",this.handleSlotChange);this.eventListeners.forward("six-input-input","input",this.host);this.eventListeners.forward("six-input-change","change",this.host);this.eventListeners.forward("six-input-focus","focus",this.host);this.eventListeners.forward("six-input-blur","blur",this.host)}componentWillLoad(){this.handleSlotChange()}disconnectedCallback(){var i;(i=this.host.shadowRoot)===null||i===void 0?void 0:i.removeEventListener("slotchange",this.handleSlotChange);this.eventListeners.removeAll()}async setFocus(i){var t;(t=this.nativeInput)===null||t===void 0?void 0:t.focus(i)}async removeFocus(){var i;(i=this.nativeInput)===null||i===void 0?void 0:i.blur()}async select(){var i;return(i=this.nativeInput)===null||i===void 0?void 0:i.select()}async setSelectionRange(i,t,o="none"){var r;return(r=this.nativeInput)===null||r===void 0?void 0:r.setSelectionRange(i,t,o)}async getSelectionRange(){var i,t,o,r,e,s;return{selectionStart:(t=(i=this.nativeInput)===null||i===void 0?void 0:i.selectionStart)!==null&&t!==void 0?t:undefined,selectionEnd:(r=(o=this.nativeInput)===null||o===void 0?void 0:o.selectionEnd)!==null&&r!==void 0?r:undefined,selectionDirection:(s=(e=this.nativeInput)===null||e===void 0?void 0:e.selectionDirection)!==null&&s!==void 0?s:undefined}}async setRangeText(i,t,o,r="preserve"){if(this.nativeInput==null){return}this.nativeInput.setRangeText(i,t,o,r);if(this.getValue()!==this.nativeInput.value){this.value=this.nativeInput.value;this.sixChange.emit();this.sixInput.emit()}}getValue(){var i;return((i=this.value)!==null&&i!==void 0?i:"").toString()}render(){return o(e,{key:"73c1694ce5e466407258d8d38303f3adcf50e150",inputId:this.inputId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,helpTextId:this.helpTextId,helpText:this.helpText,hasHelpTextSlot:this.hasHelpTextSlot,errorTextId:this.errorTextId,errorText:this.errorText,errorTextCount:this.errorTextCount,hasErrorTextSlot:this.hasErrorSlot,size:this.size,disabled:this.disabled,required:this.required,displayError:this.invalid},o("div",{key:"0326b1027576d6de7980845a6dd95c9019c3169c",part:"base",class:{input:true,"input--small":this.size==="small","input--medium":this.size==="medium","input--large":this.size==="large","input--line":this.line,"input--pill":this.pill,"input--disabled":this.disabled,"input--dropdown-search":this.dropdownSearch,"input--focused":this.hasFocus,"input--empty":this.getValue().length===0,"input--invalid":this.invalid}},o("span",{key:"1949ec04d935c5cd2a225dfe967bfb7c53b815e1",part:"prefix",class:"input__prefix"},o("slot",{key:"cd1a905c2a3001271aa9c700fc5fa7dd3c010515",name:"prefix"})),o("input",{key:"5d4e05793017d078f06263ef72414cfedcb3cd30",part:"input",ref:i=>this.nativeInput=i,id:this.inputId,size:1,class:{input__control:true,input__control__prefix:s(this.host,"prefix")},type:this.type==="password"&&this.isPasswordVisible?"text":this.type,name:this.name,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,minLength:this.minlength,maxLength:this.maxlength,min:this.min,max:this.max,step:this.step,value:this.getValue(),autoCapitalize:this.autocapitalize,autoComplete:this.autocomplete,autoCorrect:this.autocorrect,autoFocus:this.autofocus,spellcheck:this.spellcheck,pattern:this.pattern,required:this.required,inputMode:this.inputmode,"aria-labelledby":this.labelId,"aria-describedby":this.helpTextId,"aria-invalid":this.invalid?"true":"false",onChange:this.handleChange,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,"data-testid":"input-control"}),this.clearable&&o("button",{part:"clear-button",class:"input__clear",type:"button",onClick:this.handleClearClick,tabindex:"-1","data-testid":"input-clear-button"},o("slot",{name:"clear-icon"},o("six-icon",{size:p[this.size]},"clear"))),this.togglePassword&&o("button",{part:"password-toggle-button",class:"input__password-toggle",type:"button",onClick:this.handlePasswordToggle,tabindex:"-1"},this.isPasswordVisible?o("slot",{name:"show-password-icon"},o("six-icon",{size:p[this.size]},"visibility_off")):o("slot",{name:"hide-password-icon"},o("six-icon",{size:p[this.size]},"visibility"))),o("span",{key:"6aa1bd188f4c2e55699f5dc7ad96e835efb9eab2",part:"suffix",class:"input__suffix"},o("slot",{key:"75b65bd7d31eac83dfc37eddbd68c7a24126b0e5",name:"suffix"}))))}get host(){return r(this)}static get watchers(){return{helpText:["handleLabelChange"],errorText:["handleLabelChange"],label:["handleLabelChange"],value:["handleValueChange"]}}};c.style=u;export{c as six_input};
+//# sourceMappingURL=p-790614b9.entry.js.map

package/dist/ui-library/p-790614b9.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixInputCss","SixInputStyle0","ICON_SIZES","large","medium","small","id","SixInput","this","inputId","labelId","helpTextId","errorTextId","eventListeners","EventListeners","handleChange","event","stopPropagation","nativeInput","value","sixChange","emit","handleInput","sixInput","handleBlur","hasFocus","sixBlur","handleFocus","sixFocus","handleClearClick","sixClear","focus","handleKeyDown","hasModifier","metaKey","ctrlKey","shiftKey","altKey","key","setTimeout","defaultPrevented","isComposing","submitForm","host","handlePasswordToggle","isPasswordVisible","handleSlotChange","hasHelpTextSlot","hasSlot","hasLabelSlot","hasErrorSlot","handleLabelChange","handleValueChange","getValue","connectedCallback","_a","shadowRoot","addEventListener","forward","componentWillLoad","disconnectedCallback","removeEventListener","removeAll","setFocus","options","removeFocus","blur","select","setSelectionRange","selectionStart","selectionEnd","selectionDirection","getSelectionRange","_b","undefined","_d","_c","_f","_e","setRangeText","replacement","start","end","selectMode","toString","render","h","FormControl","label","helpText","errorText","errorTextCount","hasErrorTextSlot","size","disabled","required","displayError","invalid","part","class","input","line","pill","dropdownSearch","length","name","ref","el","input__control","input__control__prefix","type","placeholder","readonly","minLength","minlength","maxLength","maxlength","min","max","step","autoCapitalize","autocapitalize","autoComplete","autocomplete","autoCorrect","autocorrect","autoFocus","autofocus","spellcheck","pattern","inputMode","inputmode","onChange","onInput","onFocus","onBlur","onKeyDown","clearable","onClick","tabindex","togglePassword"],"sources":["src/components/six-input/six-input.scss?tag=six-input&encapsulation=shadow","src/components/six-input/six-input.tsx"],"sourcesContent":["@import 'src/global/component';\n@import '../../functional-components/form-control/form-control';\n\n:host {\n  display: block;\n}\n\n.input {\n  display: inline-flex;\n  align-items: stretch;\n  justify-content: start;\n  position: relative;\n  width: 100%;\n  font-family: var(--six-font-family);\n  font-weight: var(--six-input-font-weight);\n  letter-spacing: var(--six-input-letter-spacing);\n  background-color: var(--six-input-background-color);\n  border: solid var(--six-border-width) var(--six-input-border-color);\n  vertical-align: middle;\n  overflow: hidden;\n  transition: var(--six-transition-fast) color, var(--six-transition-fast) border, var(--six-transition-fast) box-shadow;\n  cursor: text;\n\n  &--line {\n    border: none;\n    border-bottom: solid var(--six-border-width) var(--six-input-border-color);\n  }\n\n  &:hover:not(.input--disabled) {\n    background-color: var(--six-input-background-color-hover);\n    border-color: var(--six-input-border-color-hover);\n\n    .input__control {\n      color: var(--six-input-color-hover);\n    }\n  }\n\n  &:hover.input--dropdown-search {\n    border-color: transparent;\n  }\n\n  &--dropdown-search {\n    border-color: transparent;\n  }\n\n  &--dropdown-search.input--focused {\n    border-color: var(--six-input-border-color);\n  }\n\n  &.input--focused:not(.input--disabled) {\n    background-color: var(--six-input-background-color-focus);\n\n    border-bottom-color: var(--six-input-border-color-focus);\n    box-shadow: 0 1px 0 0 var(--six-input-border-color-focus);\n\n    &:not(.input--line) {\n      border-color: var(--six-input-border-color-focus);\n      box-shadow: var(--six-input-focus-shadow);\n    }\n\n    .input__control {\n      color: var(--six-input-color-focus);\n    }\n  }\n\n  &.input--disabled {\n    background-color: var(--six-input-background-color-disabled);\n    border-color: var(--six-input-border-color-disabled);\n    cursor: not-allowed;\n\n    .input__control {\n      color: var(--six-input-color-disabled);\n\n      &::placeholder {\n        color: var(--six-input-placeholder-color-disabled);\n      }\n    }\n  }\n\n  &.input--invalid:not(.input--disabled):not(.input--focused) {\n    border-bottom-color: var(--six-input-border-color-danger);\n\n    &:not(.input--line) {\n      border-color: var(--six-input-border-color-danger);\n    }\n  }\n}\n\n.input__control {\n  flex: 1 1 auto;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  min-width: 0;\n  color: var(--six-input-color);\n  border: none;\n  background: none;\n  box-shadow: none;\n  padding: 0;\n  margin: 0;\n  cursor: inherit;\n  -webkit-appearance: none;\n\n  &::-webkit-search-decoration,\n  &::-webkit-search-cancel-button,\n  &::-webkit-search-results-button,\n  &::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  &:-webkit-autofill,\n  &:-webkit-autofill:hover,\n  &:-webkit-autofill:focus,\n  &:-webkit-autofill:active {\n    box-shadow: 0 0 0 var(--six-height-large) var(--six-input-background-color-hover) inset !important;\n    -webkit-text-fill-color: var(--six-color-primary-500);\n  }\n\n  &::placeholder {\n    color: var(--six-input-placeholder-color);\n    user-select: none;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &::-ms-reveal {\n    display: none;\n  }\n}\n\n.input__prefix,\n.input__suffix {\n  display: inline-flex;\n  flex: 0 0 auto;\n  align-items: center;\n  cursor: default;\n\n  ::slotted(six-icon) {\n    color: var(--six-input-icon-color);\n  }\n}\n\n.input {\n  &.input--disabled {\n    ::slotted(six-icon) {\n      cursor: not-allowed;\n    }\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Size modifiers\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.input--small {\n  border-radius: var(--six-input-border-radius-small);\n  font-size: var(--six-input-font-size-small);\n  height: var(--six-height-small);\n\n  .input__control {\n    height: calc(var(--six-height-small) - var(--six-border-width) * 2);\n    margin: 0 var(--six-input-spacing-small);\n  }\n\n  .input__control__prefix {\n    margin: 0 var(--six-input-prefix-spacing-small);\n  }\n\n  .input__clear,\n  .input__password-toggle {\n    margin-right: var(--six-input-spacing-small);\n  }\n\n  .input__prefix ::slotted(*) {\n    margin-left: var(--six-input-prefix-spacing-small);\n  }\n\n  .input__suffix ::slotted(*) {\n    margin-right: var(--six-input-prefix-spacing-small);\n  }\n}\n\n.input--medium {\n  border-radius: var(--six-input-border-radius-medium);\n  font-size: var(--six-input-font-size-medium);\n  height: var(--six-height-medium);\n\n  .input__control {\n    height: calc(var(--six-height-medium) - var(--six-border-width) * 2);\n    margin: 0 var(--six-input-spacing-medium);\n  }\n\n  .input__control__prefix {\n    margin: 0 var(--six-input-prefix-spacing-medium);\n  }\n\n  .input__clear,\n  .input__password-toggle {\n    margin-right: var(--six-input-spacing-medium);\n  }\n\n  .input__prefix ::slotted(*) {\n    margin-left: var(--six-input-prefix-spacing-medium);\n  }\n\n  .input__suffix ::slotted(*) {\n    margin-right: var(--six-input-prefix-spacing-medium);\n  }\n}\n\n.input--large {\n  border-radius: var(--six-input-border-radius-large);\n  font-size: var(--six-input-font-size-large);\n  height: var(--six-height-large);\n\n  .input__control {\n    height: calc(var(--six-height-large) - var(--six-border-width) * 2);\n    margin: 0 var(--six-input-spacing-large);\n  }\n\n  .input__control__prefix {\n    margin: 0 var(--six-input-prefix-spacing-large);\n  }\n\n  .input__clear,\n  .input__password-toggle {\n    margin-right: var(--six-input-spacing-large);\n  }\n\n  .input__prefix ::slotted(*) {\n    margin-left: var(--six-input-prefix-spacing-large);\n  }\n\n  .input__suffix ::slotted(*) {\n    margin-right: var(--six-input-prefix-spacing-large);\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Pill modifier\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.input--pill {\n  &.input--small {\n    border-radius: var(--six-height-small);\n  }\n\n  &.input--medium {\n    border-radius: var(--six-height-medium);\n  }\n\n  &.input--large {\n    border-radius: var(--six-height-large);\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Clearable + Password Toggle\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.input__clear,\n.input__password-toggle {\n  display: inline-flex;\n  align-items: center;\n  font-size: inherit;\n  color: var(--six-input-icon-color);\n  border: none;\n  background: none;\n  padding: 0;\n  transition: var(--six-transition-fast) color;\n  cursor: pointer;\n\n  &:hover {\n    color: var(--six-input-icon-color-hover);\n  }\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.input--empty .input__clear {\n  visibility: hidden;\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport FormControl from '../../functional-components/form-control/form-control';\nimport { hasSlot } from '../../utils/slot';\nimport { EmptyPayload } from '../../utils/types';\nimport { EventListeners } from '../../utils/event-listeners';\nimport { submitForm } from '../../utils/form';\n\nconst ICON_SIZES: Record<'small' | 'medium' | 'large', 'xSmall' | 'small' | 'medium'> = {\n  large: 'medium',\n  medium: 'small',\n  small: 'xSmall',\n};\n\nexport type SelectionRangeDirection = 'forward' | 'backward' | 'none';\nexport type SelectionRange = {\n  selectionStart: number | undefined;\n  selectionEnd: number | undefined;\n  selectionDirection: SelectionRangeDirection | undefined;\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 label - The input's label. Alternatively, you can use the label prop.\n * @slot prefix - Used to prepend an icon or similar element to the input.\n * @slot suffix - Used to append an icon or similar element to the input.\n * @slot clear-icon - An icon to use in lieu of the default clear icon.\n * @slot show-password-icon - An icon to use in lieu of the default show password icon.\n * @slot hide-password-icon - An icon to use in lieu of the default hide password icon.\n * @slot help-text - Help text that describes how to use the input. Alternatively, you can use the help-text prop.\n * @slot error-text - Error text that is shown when the status is set to invalid. Alternatively, you can use the error-text prop.\n *\n * @part base - The component's base wrapper.\n * @part form-control - The form control that wraps the label, input, error-text and help-text.\n * @part label - The input label.\n * @part input - The input control.\n * @part prefix - The input prefix container.\n * @part clear-button - The clear button.\n * @part password-toggle-button - The password toggle button.\n * @part suffix - The input suffix container.\n * @part help-text - The input help text.\n * @part error-text - The input error text.\n */\n\n@Component({\n  tag: 'six-input',\n  styleUrl: 'six-input.scss',\n  shadow: true,\n})\nexport class SixInput {\n  private inputId = `input-${++id}`;\n  private labelId = `input-label-${id}`;\n  private helpTextId = `input-help-text-${id}`;\n  private errorTextId = `input-error-text-${id}`;\n  private nativeInput?: HTMLInputElement;\n  private eventListeners = new EventListeners();\n\n  @Element() host!: HTMLSixInputElement;\n\n  @State() hasFocus = false;\n  @State() hasHelpTextSlot = false;\n  @State() hasLabelSlot = false;\n  @State() hasErrorSlot = false;\n  @State() isPasswordVisible = false;\n\n  /** The input's type. */\n  @Prop({ reflect: true }) type: 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url' = 'text';\n\n  /** The input's size. */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** The input's name attribute. */\n  @Prop({ reflect: true }) name = '';\n\n  /** The input's value attribute. */\n  @Prop({ mutable: true, reflect: true }) value = '';\n\n  /** Set to true to draw a pill-style input with rounded edges. */\n  @Prop({ reflect: true }) pill = false;\n\n  /** The input's help text. Alternatively, you can use the help-text slot. */\n  @Prop() helpText = '';\n\n  /** The input's placeholder text. */\n  @Prop() placeholder?: string;\n\n  /** Set to true to disable the input. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Set to true to make the input readonly. */\n  @Prop({ reflect: true }) readonly = false;\n\n  /** The minimum length of input that will be considered valid. */\n  @Prop({ reflect: true }) minlength?: number;\n\n  /** The maximum length of input that will be considered valid. */\n  @Prop({ reflect: true }) maxlength?: number;\n\n  /** The input's minimum value. */\n  @Prop({ reflect: true }) min?: number;\n\n  /** The input's maximum value. */\n  @Prop({ reflect: true }) max?: number;\n\n  /** The input's step attribute. */\n  @Prop({ reflect: true }) step?: number;\n\n  /** A pattern to validate input against. */\n  @Prop({ reflect: true }) pattern?: string;\n\n  /**\n   * Internal: Styles the input for the dropdown filter search.\n   */\n  @Prop() dropdownSearch = false;\n\n  /** Set to true to show an asterisk beneath the label. */\n  @Prop() required = false;\n\n  /** The input's autocaptialize attribute. */\n  @Prop() autocapitalize = 'off';\n\n  /** The input's autocorrect attribute. */\n  @Prop() autocorrect: 'on' | 'off' = 'off';\n\n  /** The input's autocomplete attribute. */\n  @Prop() autocomplete = 'off';\n\n  /** The input's autofocus attribute. */\n  @Prop() autofocus = false;\n\n  /** Enables spell checking on the input. */\n  @Prop() spellcheck = false;\n\n  /** The label text. */\n  @Prop() label = '';\n\n  /** The error message shown, if `invalid` is set to true.  */\n  @Prop() errorText: string | string[] = '';\n\n  /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */\n  @Prop() errorTextCount?: number;\n\n  /** If this property is set to true and an error message is provided by `errorText`, the error message is displayed.  */\n  @Prop({ reflect: true }) invalid = false;\n\n  /** Set to true to add a clear button when the input is populated. */\n  @Prop() clearable = false;\n\n  /** Set to true to add a password toggle button for password inputs. */\n  @Prop() togglePassword = false;\n\n  /** The input's inputmode attribute. */\n  @Prop() inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';\n\n  /** Set to render as line */\n  @Prop() line = false;\n\n  @Watch('helpText')\n  @Watch('errorText')\n  @Watch('label')\n  handleLabelChange() {\n    this.handleSlotChange();\n  }\n\n  @Watch('value')\n  handleValueChange() {\n    this.value = this.getValue();\n    if (this.nativeInput != null && this.nativeInput.value !== this.value) {\n      this.nativeInput.value = this.value;\n    }\n  }\n\n  /** Emitted when the control's value changes. Access the new value via event.target.value. */\n  @Event({ eventName: 'six-input-change' }) sixChange!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the clear button is activated. */\n  @Event({ eventName: 'six-input-clear' }) sixClear!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the control receives input. Access the new value via event.target.value.  */\n  @Event({ eventName: 'six-input-input' }) sixInput!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the control gains focus. */\n  @Event({ eventName: 'six-input-focus' }) sixFocus!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the control loses focus. Access the new value via event.target.value. */\n  @Event({ eventName: 'six-input-blur' }) sixBlur!: EventEmitter<EmptyPayload>;\n\n  connectedCallback() {\n    this.host.shadowRoot?.addEventListener('slotchange', this.handleSlotChange);\n    this.eventListeners.forward('six-input-input', 'input', this.host);\n    this.eventListeners.forward('six-input-change', 'change', this.host);\n    this.eventListeners.forward('six-input-focus', 'focus', this.host);\n    this.eventListeners.forward('six-input-blur', 'blur', this.host);\n  }\n\n  componentWillLoad() {\n    this.handleSlotChange();\n  }\n\n  disconnectedCallback() {\n    this.host.shadowRoot?.removeEventListener('slotchange', this.handleSlotChange);\n    this.eventListeners.removeAll();\n  }\n\n  /** Sets focus on the input. */\n  @Method()\n  async setFocus(options?: FocusOptions) {\n    this.nativeInput?.focus(options);\n  }\n\n  /** Removes focus from the input. */\n  @Method()\n  async removeFocus() {\n    this.nativeInput?.blur();\n  }\n\n  /** Selects all the text in the input. */\n  @Method()\n  async select() {\n    return this.nativeInput?.select();\n  }\n\n  /** Sets the start and end positions of the text selection (0-based). */\n  @Method()\n  async setSelectionRange(\n    selectionStart: number,\n    selectionEnd: number,\n    selectionDirection: SelectionRangeDirection = 'none'\n  ) {\n    return this.nativeInput?.setSelectionRange(selectionStart, selectionEnd, selectionDirection);\n  }\n\n  /** Returns the start and end positions of the text selection */\n  @Method()\n  async getSelectionRange(): Promise<SelectionRange> {\n    return {\n      selectionStart: this.nativeInput?.selectionStart ?? undefined,\n      selectionEnd: this.nativeInput?.selectionEnd ?? undefined,\n      selectionDirection: this.nativeInput?.selectionDirection ?? undefined,\n    };\n  }\n\n  /** Replaces a range of text with a new string. */\n  @Method()\n  async setRangeText(\n    replacement: string,\n    start: number,\n    end: number,\n    selectMode: 'select' | 'start' | 'end' | 'preserve' = 'preserve'\n  ) {\n    if (this.nativeInput == null) {\n      return;\n    }\n    this.nativeInput.setRangeText(replacement, start, end, selectMode);\n    if (this.getValue() !== this.nativeInput.value) {\n      this.value = this.nativeInput.value;\n      this.sixChange.emit();\n      this.sixInput.emit();\n    }\n  }\n\n  private handleChange = (event: Event) => {\n    event.stopPropagation();\n    if (this.nativeInput != null) {\n      this.value = this.nativeInput.value;\n      this.sixChange.emit();\n    }\n  };\n\n  private handleInput = (event: Event) => {\n    event.stopPropagation();\n    if (this.nativeInput != null) {\n      this.value = this.nativeInput.value;\n      this.sixInput.emit();\n    }\n  };\n\n  private handleBlur = () => {\n    this.hasFocus = false;\n    this.sixBlur.emit();\n  };\n\n  private handleFocus = () => {\n    this.hasFocus = true;\n    this.sixFocus.emit();\n  };\n\n  private handleClearClick = (event: MouseEvent) => {\n    this.value = '';\n    this.sixClear.emit();\n    this.sixInput.emit();\n    this.sixChange.emit();\n    if (this.nativeInput != null) {\n      this.nativeInput.focus();\n    }\n    event.stopPropagation();\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    const hasModifier = event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;\n    if (event.key === 'Enter' && !hasModifier) {\n      setTimeout(() => {\n        if (!event.defaultPrevented && !event.isComposing) {\n          submitForm(this.host);\n        }\n      });\n    }\n  };\n\n  private handlePasswordToggle = () => {\n    this.isPasswordVisible = !this.isPasswordVisible;\n  };\n\n  private handleSlotChange = () => {\n    this.hasHelpTextSlot = hasSlot(this.host, 'help-text');\n    this.hasLabelSlot = hasSlot(this.host, 'label');\n    this.hasErrorSlot = hasSlot(this.host, 'error-text');\n  };\n\n  private getValue(): string {\n    return (this.value ?? '').toString();\n  }\n\n  render() {\n    return (\n      <FormControl\n        inputId={this.inputId}\n        label={this.label}\n        labelId={this.labelId}\n        hasLabelSlot={this.hasLabelSlot}\n        helpTextId={this.helpTextId}\n        helpText={this.helpText}\n        hasHelpTextSlot={this.hasHelpTextSlot}\n        errorTextId={this.errorTextId}\n        errorText={this.errorText}\n        errorTextCount={this.errorTextCount}\n        hasErrorTextSlot={this.hasErrorSlot}\n        size={this.size}\n        disabled={this.disabled}\n        required={this.required}\n        displayError={this.invalid}\n      >\n        <div\n          part=\"base\"\n          class={{\n            input: true,\n\n            // Sizes\n            'input--small': this.size === 'small',\n            'input--medium': this.size === 'medium',\n            'input--large': this.size === 'large',\n\n            // States\n            'input--line': this.line,\n            'input--pill': this.pill,\n            'input--disabled': this.disabled,\n            'input--dropdown-search': this.dropdownSearch,\n            'input--focused': this.hasFocus,\n            'input--empty': this.getValue().length === 0,\n            'input--invalid': this.invalid,\n          }}\n        >\n          <span part=\"prefix\" class=\"input__prefix\">\n            <slot name=\"prefix\" />\n          </span>\n\n          <input\n            part=\"input\"\n            ref={(el) => (this.nativeInput = el)}\n            id={this.inputId}\n            size={1} // needed for firefox to overrule the default of 20\n            class={{\n              input__control: true,\n              input__control__prefix: hasSlot(this.host, 'prefix'),\n            }}\n            type={this.type === 'password' && this.isPasswordVisible ? 'text' : this.type}\n            name={this.name}\n            placeholder={this.placeholder}\n            disabled={this.disabled}\n            readonly={this.readonly}\n            minLength={this.minlength}\n            maxLength={this.maxlength}\n            min={this.min}\n            max={this.max}\n            step={this.step}\n            value={this.getValue()}\n            autoCapitalize={this.autocapitalize}\n            autoComplete={this.autocomplete}\n            autoCorrect={this.autocorrect}\n            autoFocus={this.autofocus}\n            spellcheck={this.spellcheck}\n            pattern={this.pattern}\n            required={this.required}\n            inputMode={this.inputmode}\n            aria-labelledby={this.labelId}\n            aria-describedby={this.helpTextId}\n            aria-invalid={this.invalid ? 'true' : 'false'}\n            onChange={this.handleChange}\n            onInput={this.handleInput}\n            onFocus={this.handleFocus}\n            onBlur={this.handleBlur}\n            onKeyDown={this.handleKeyDown}\n            data-testid=\"input-control\"\n          />\n\n          {this.clearable && (\n            <button\n              part=\"clear-button\"\n              class=\"input__clear\"\n              type=\"button\"\n              onClick={this.handleClearClick}\n              tabindex=\"-1\"\n              data-testid=\"input-clear-button\"\n            >\n              <slot name=\"clear-icon\">\n                <six-icon size={ICON_SIZES[this.size]}>clear</six-icon>\n              </slot>\n            </button>\n          )}\n\n          {this.togglePassword && (\n            <button\n              part=\"password-toggle-button\"\n              class=\"input__password-toggle\"\n              type=\"button\"\n              onClick={this.handlePasswordToggle}\n              tabindex=\"-1\"\n            >\n              {this.isPasswordVisible ? (\n                <slot name=\"show-password-icon\">\n                  <six-icon size={ICON_SIZES[this.size]}>visibility_off</six-icon>\n                </slot>\n              ) : (\n                <slot name=\"hide-password-icon\">\n                  <six-icon size={ICON_SIZES[this.size]}>visibility</six-icon>\n                </slot>\n              )}\n            </button>\n          )}\n\n          <span part=\"suffix\" class=\"input__suffix\">\n            <slot name=\"suffix\" />\n          </span>\n        </div>\n      </FormControl>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/ui-library/p-7bdd1116.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as i}from"./p-05eb1bab.js";const t=".six-error-page__title{display:flex;justify-content:center;font-size:var(--six-font-size-xx-large);font-weight:bold;margin-bottom:var(--six-spacing-large)}.six-error-page__description>*{text-align:center}.six-error-page__icon-container{display:flex;justify-content:center}.six-error-page__icon::part(icon){background-color:var(--six-color-web-rock-300)}";const n=t;const r={403:{en:"Access Denied",de:"Kein Zugriff"},404:{en:"Not Found",de:"Seite nicht gefunden"},500:{en:"Ooops!",de:"Ups!"}};const s={403:{en:["You don’t have permission to access this page. ","Please contact an administrator or click the SIX logo on top left."],de:["Sie haben keine Zugriffsberechtigung auf diese Seite.","Bitte wenden Sie sich an einen Administrator oder klicken Sie auf das SIX-Logo oben links."]},404:{en:["We have not found the page you requested.","Please click the SIX logo on top left."],de:["Wir haben die angeforderte Seite nicht gefunden.","Bitte klicken Sie auf das SIX-Logo oben links."]},500:{en:["Sorry, we messed up! We try to fix this.","Please click the SIX logo on top left."],de:["Sorry, das war unser Fehler! Wir versuchen das zu beheben.","Bitte klicken Sie auf das SIX-Logo oben links."]}};const o=class{constructor(i){e(this,i);this.errorCode=undefined;this.language="en";this.customTitle=undefined;this.customDescription=undefined;this.customIcon=undefined}getIconName(){if(this.customIcon!=null){return this.customIcon}if(this.errorCode==null){return}if(this.errorCode===403){return"lock"}if(this.errorCode===404){return"find-in-page"}if(this.errorCode===500){return"sentiment-dissatisfied"}}getErrorTitle(){if(this.customTitle!=null){return this.customTitle}if(this.errorCode==null){return}return r[this.errorCode][this.language]}getErrorDescription(){var e;if(this.errorCode==null&&this.customDescription==null){return}const t=(e=this.getDescriptions())!==null&&e!==void 0?e:[];return t.map((e=>i("div",null,e)))}getDescriptions(){if(this.customDescription!==undefined){return this.customDescription}if(this.errorCode==null){return}return s[this.errorCode][this.language]}render(){return i("div",{key:"78c3882cc5c70834df70c92ce3ac0d70730484b1",part:"container"},i("div",{key:"e2f4e4ab784458d4b5d899c270e30ca9850e21e0",class:"six-error-page__icon-container",part:"icon-container"},i("six-picto",{key:"b8c8192746d6aaec5b852102ae18c170fb87c183",size:"4xl",class:"six-error-page__icon",part:"icon"},this.getIconName())),i("div",{key:"2610494ebf7457c0a62484c9694638a79f332236",class:"six-error-page__title",part:"title"},this.getErrorTitle()),i("div",{key:"b125301cc8f3808ce2c38afa11407b7e681995b2",class:"six-error-page__description",part:"description"},this.getErrorDescription()))}};o.style=n;export{o as six_error_page};
+//# sourceMappingURL=p-7bdd1116.entry.js.map

package/dist/ui-library/p-7bdd1116.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixErrorPageCss","SixErrorPageStyle0","TITLE_PER_ERROR_CODE","en","de","DESCRIPTION_PER_ERROR_CODE","SixErrorPage","getIconName","this","customIcon","errorCode","getErrorTitle","customTitle","language","getErrorDescription","customDescription","descriptions","_a","getDescriptions","map","errorMessage","h","undefined","render","key","part","class","size"],"sources":["src/components/six-error-page/six-error-page.scss?tag=six-error-page&encapsulation=shadow","src/components/six-error-page/six-error-page.tsx"],"sourcesContent":[".six-error-page {\n  &__title {\n    display: flex;\n    justify-content: center;\n    font-size: var(--six-font-size-xx-large);\n    font-weight: bold;\n    margin-bottom: var(--six-spacing-large);\n  }\n\n  &__description {\n    & > * {\n      text-align: center;\n    }\n  }\n\n  &__icon-container {\n    display: flex;\n    justify-content: center;\n  }\n\n  &__icon::part(icon) {\n    background-color: var(--six-color-web-rock-300);\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\ntype ErrorCode = 403 | 404 | 500;\n\nconst TITLE_PER_ERROR_CODE: Record<\n  ErrorCode,\n  {\n    en: string;\n    de: string;\n  }\n> = {\n  403: {\n    en: 'Access Denied',\n    de: 'Kein Zugriff',\n  },\n  404: {\n    en: 'Not Found',\n    de: 'Seite nicht gefunden',\n  },\n  500: {\n    en: 'Ooops!',\n    de: 'Ups!',\n  },\n};\n\nconst DESCRIPTION_PER_ERROR_CODE: Record<ErrorCode, { en: string[]; de: string[] }> = {\n  403: {\n    en: [\n      'You don’t have permission to access this page. ',\n      'Please contact an administrator or click the SIX logo on top left.',\n    ],\n    de: [\n      'Sie haben keine Zugriffsberechtigung auf diese Seite.',\n      'Bitte wenden Sie sich an einen Administrator oder klicken Sie auf das SIX-Logo oben links.',\n    ],\n  },\n  404: {\n    en: ['We have not found the page you requested.', 'Please click the SIX logo on top left.'],\n    de: ['Wir haben die angeforderte Seite nicht gefunden.', 'Bitte klicken Sie auf das SIX-Logo oben links.'],\n  },\n  500: {\n    en: ['Sorry, we messed up! We try to fix this.', 'Please click the SIX logo on top left.'],\n    de: [\n      'Sorry, das war unser Fehler! Wir versuchen das zu beheben.',\n      'Bitte klicken Sie auf das SIX-Logo oben links.',\n    ],\n  },\n};\n/*\n * @since 2.2.0\n * @status experimental\n * @part container - The whole component container\n * @part label - The language label\n * @part separator - The separator between the language labels\n */\n\n@Component({\n  tag: 'six-error-page',\n  styleUrl: 'six-error-page.scss',\n  shadow: true,\n})\nexport class SixErrorPage {\n  /**\n   * Defines error Code and thus displays the proper error page.\n   */\n  @Prop() errorCode?: 404 | 403 | 500;\n\n  /**\n   * Defines language and thus displays the proper error page in the selected language.\n   */\n  @Prop() language: 'en' | 'de' = 'en';\n\n  /**\n   * Defines a custom title.\n   */\n  @Prop() customTitle?: string;\n\n  /**\n   * Defines a custom description.\n   */\n  @Prop() customDescription?: string[];\n\n  /**\n   * Defines a custom icon.\n   */\n  @Prop() customIcon?: string;\n\n  private getIconName() {\n    if (this.customIcon != null) {\n      return this.customIcon;\n    }\n\n    if (this.errorCode == null) {\n      return;\n    }\n\n    if (this.errorCode === 403) {\n      return 'lock';\n    }\n\n    if (this.errorCode === 404) {\n      return 'find-in-page';\n    }\n\n    if (this.errorCode === 500) {\n      return 'sentiment-dissatisfied';\n    }\n  }\n\n  private getErrorTitle(): string | undefined {\n    if (this.customTitle != null) {\n      return this.customTitle;\n    }\n\n    if (this.errorCode == null) {\n      return;\n    }\n\n    return TITLE_PER_ERROR_CODE[this.errorCode][this.language];\n  }\n\n  private getErrorDescription() {\n    if (this.errorCode == null && this.customDescription == null) {\n      return;\n    }\n\n    const descriptions = this.getDescriptions() ?? [];\n    return descriptions.map((errorMessage) => <div>{errorMessage}</div>);\n  }\n\n  private getDescriptions() {\n    if (this.customDescription !== undefined) {\n      return this.customDescription;\n    }\n\n    if (this.errorCode == null) {\n      return;\n    }\n\n    return DESCRIPTION_PER_ERROR_CODE[this.errorCode][this.language];\n  }\n\n  render() {\n    return (\n      <div part=\"container\">\n        <div class=\"six-error-page__icon-container\" part=\"icon-container\">\n          <six-picto size=\"4xl\" class=\"six-error-page__icon\" part=\"icon\">\n            {this.getIconName()}\n          </six-picto>\n        </div>\n        <div class=\"six-error-page__title\" part=\"title\">\n          {this.getErrorTitle()}\n        </div>\n        <div class=\"six-error-page__description\" part=\"description\">\n          {this.getErrorDescription()}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,oWACxB,MAAAC,EAAeD,ECGf,MAAME,EAMF,CACF,IAAK,CACHC,GAAI,gBACJC,GAAI,gBAEN,IAAK,CACHD,GAAI,YACJC,GAAI,wBAEN,IAAK,CACHD,GAAI,SACJC,GAAI,SAIR,MAAMC,EAAgF,CACpF,IAAK,CACHF,GAAI,CACF,kDACA,sEAEFC,GAAI,CACF,wDACA,+FAGJ,IAAK,CACHD,GAAI,CAAC,4CAA6C,0CAClDC,GAAI,CAAC,mDAAoD,mDAE3D,IAAK,CACHD,GAAI,CAAC,2CAA4C,0CACjDC,GAAI,CACF,6DACA,oD,MAiBOE,EAAY,M,gEASS,K,sFAiBxB,WAAAC,GACN,GAAIC,KAAKC,YAAc,KAAM,CAC3B,OAAOD,KAAKC,U,CAGd,GAAID,KAAKE,WAAa,KAAM,CAC1B,M,CAGF,GAAIF,KAAKE,YAAc,IAAK,CAC1B,MAAO,M,CAGT,GAAIF,KAAKE,YAAc,IAAK,CAC1B,MAAO,c,CAGT,GAAIF,KAAKE,YAAc,IAAK,CAC1B,MAAO,wB,EAIH,aAAAC,GACN,GAAIH,KAAKI,aAAe,KAAM,CAC5B,OAAOJ,KAAKI,W,CAGd,GAAIJ,KAAKE,WAAa,KAAM,CAC1B,M,CAGF,OAAOR,EAAqBM,KAAKE,WAAWF,KAAKK,S,CAG3C,mBAAAC,G,MACN,GAAIN,KAAKE,WAAa,MAAQF,KAAKO,mBAAqB,KAAM,CAC5D,M,CAGF,MAAMC,GAAeC,EAAAT,KAAKU,qBAAiB,MAAAD,SAAA,EAAAA,EAAI,GAC/C,OAAOD,EAAaG,KAAKC,GAAiBC,EAAA,WAAMD,I,CAG1C,eAAAF,GACN,GAAIV,KAAKO,oBAAsBO,UAAW,CACxC,OAAOd,KAAKO,iB,CAGd,GAAIP,KAAKE,WAAa,KAAM,CAC1B,M,CAGF,OAAOL,EAA2BG,KAAKE,WAAWF,KAAKK,S,CAGzD,MAAAU,GACE,OACEF,EAAA,OAAAG,IAAA,2CAAKC,KAAK,aACRJ,EAAA,OAAAG,IAAA,2CAAKE,MAAM,iCAAiCD,KAAK,kBAC/CJ,EAAA,aAAAG,IAAA,2CAAWG,KAAK,MAAMD,MAAM,uBAAuBD,KAAK,QACrDjB,KAAKD,gBAGVc,EAAA,OAAAG,IAAA,2CAAKE,MAAM,wBAAwBD,KAAK,SACrCjB,KAAKG,iBAERU,EAAA,OAAAG,IAAA,2CAAKE,MAAM,8BAA8BD,KAAK,eAC3CjB,KAAKM,uB"}

package/dist/ui-library/p-7c18b8ca.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as a,g as t}from"./p-05eb1bab.js";const i=":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 o=i;const r=class{constructor(a){e(this,a);this.padded=true;this.stage=null;this.version=""}render(){return a("host",{key:"f4b3cb516ce1b70a834903c00a56ca7edf5364dc",class:"six-root"},a("header",{key:"88ec66c2af58e55621563f600cb8c1589467218c",part:"header"},this.stage&&a("six-stage-indicator",{stage:this.stage},this.version),a("slot",{key:"072a0e92b9203149a9823fdf83aa45b39494559f",name:"header"})),a("nav",{key:"58d18ca9b9ebf9db5981b3c82cce657f73ef5f13",class:"six-root__left-sidebar",part:"left-sidebar"},a("slot",{key:"62643ef967da9d303380b4d4d26ec5e026a86ac3",name:"left-sidebar"})),a("main",{key:"0b059f2814c4485dd03a3a166529d78999baa699",part:"main"},a("div",{key:"74ce003ff9d45945b9bdc43b170c99300856544b",class:{"six-root__container":true,"six-root__container--padded":this.padded},part:"container"},a("slot",{key:"5ea05c471c96fd47cf27749accd1c551f16d69d2",name:"main"})),a("div",{key:"5dd7796754df4238f61f1ee8cc3cee9589f1f40f",class:"six-root__footer"},a("slot",{key:"5c4036b9fb4d36f69b617a2e6ee7fce62c80fa08",name:"footer"}))),a("nav",{key:"36c76008c9dc36b7fef9f8a6a79e6508d1764ede",class:"six-root__right-sidebar",part:"right-sidebar"},a("slot",{key:"66cdae8a60d251063e4c8a710a36d0be07dedf0e",name:"right-sidebar"})))}get host(){return t(this)}};r.style=o;export{r as six_root};
+//# sourceMappingURL=p-7c18b8ca.entry.js.map

package/dist/ui-library/p-7c18b8ca.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixRootCss","SixRootStyle0","SixRoot","render","h","key","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,mlBACnB,MAAAC,EAAeD,E,MCkBFE,EAAO,M,qCAKD,K,WAGU,K,aAGT,E,CAElB,MAAAC,GACE,OACEC,EAAA,QAAAC,IAAA,2CAAMC,MAAM,YACVF,EAAA,UAAAC,IAAA,2CAAQE,KAAK,UACVC,KAAKC,OAASL,EAAA,uBAAqBK,MAAOD,KAAKC,OAAQD,KAAKE,SAC7DN,EAAA,QAAAC,IAAA,2CAAMM,KAAK,YAEbP,EAAA,OAAAC,IAAA,2CAAKC,MAAM,yBAAyBC,KAAK,gBACvCH,EAAA,QAAAC,IAAA,2CAAMM,KAAK,kBAEbP,EAAA,QAAAC,IAAA,2CAAME,KAAK,QACTH,EAAA,OAAAC,IAAA,2CAAKC,MAAO,CAAE,sBAAuB,KAAM,8BAA+BE,KAAKI,QAAUL,KAAK,aAC5FH,EAAA,QAAAC,IAAA,2CAAMM,KAAK,UAEbP,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBACTF,EAAA,QAAAC,IAAA,2CAAMM,KAAK,aAGfP,EAAA,OAAAC,IAAA,2CAAKC,MAAM,0BAA0BC,KAAK,iBACxCH,EAAA,QAAAC,IAAA,2CAAMM,KAAK,mB"}