@zanichelli/albe-web-components 19.1.2-RC2 → 19.1.2-RC3

package/{dist/web-components-library/p-c4a411b5.entry.js.map → www/build/p-691831fe.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["stylesCss","ZSelectStyle0","ZSelect","constructor","hostRef","this","flattenedList","itemsList","itemIdKeyMap","resetKey","randomId","ControlSize","BIG","toggleSelectUl","bind","handleSelectFocus","watchItems","getInitialItemsArray","selectedItem","findSelectedItem","getFocusedItemHandler","e","focusedItemId","target","id","getSelectedItem","getValue","getSelectedValue","setValue","value","values","push","length","updateSelection","emitOptionSelect","optionSelect","emit","htmlid","selected","emitResetSelect","resetSelect","componentWillLoad","componentWillRender","filterItems","searchString","updateFlattenedList","items","JSON","parse","mapSelectedItemToItemsArray","initialItemsList","map","item","_a","getGroupedItems","Object","entries","reduce","group","category","orderedItems","hasGroupItems","flat","flattenTreeItems","forEach","key","prevList","hasTreeItems","filterTree","filter","name","toUpperCase","includes","getHighlightedText","matchingParent","match","newItem","assign","children","showChildrenOfMatchingParent","text","search","upperText","upperSearch","start","indexOf","end","substring","hasAutocomplete","boolean","autocomplete","handleInputChange","detail","isOpen","selectedId","found","selectItem","disabled","flatItems","index","flatten","subItems","disabledAncestor","itm","isDisabled","arrowsSelectNav","idOrReset","showResetIcon","resetItem","arrows","KeyboardCode","ARROW_DOWN","ARROW_UP","preventDefault","stopPropagation","f","unshift","currentIndex","findIndex","k","focusSelectItem","lastIndex","newIndex","elemId","elem","host","querySelector","focus","selfFocusOnClose","readonly","document","addEventListener","removeEventListener","handleInputClick","closest","KeyboardEvent","ESC","TAB","clickedElement","getClickedElement","hasAttribute","getElementTree","find","nodeName","toLowerCase","zSelect","scrollToLetter","letter","foundItem","charAt","renderInput","ariaExpanded","ariaControls","ariaActivedescendant","wrapperAriaComboboxAttributes","inputAriaComboboxAttributes","role","h","class","placeholder","replace","label","ariaLabel","icon","hasclearicon","message","status","undefined","size","onClick","onKeyDown","current","onInputChange","onKeyPress","renderSelectUl","fixed","isfixed","tabindex","listSizeType","renderResetItem","renderSelectUlItems","hide","clickable","dividerType","ListDividerType","ELEMENT","ListSize","MEDIUM","onClickItem","renderItem","lastItem","thisItemKey","HEADER","innerHTML","NONE","SMALL","X_SMALL","renderNoSearchResults","renderGroupedTree","renderSelectGroupItems","array","isLastItem","parentHasSiblings","renderTreeItems","isLastChild","isTopLevel","hasDivider","_b","tabIndex","ENTER","title","child","arr","groupedItems","some","groupItems","slot","i","style","zIndex","height","isLastGroup","subindex","noresultslabel","renderMessage","render"],"sources":["src/components/z-select/styles.css?tag=z-select&encapsulation=scoped","src/components/z-select/index.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  width: inherit;\n  color: var(--color-form-default-text);\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-3);\n  font-weight: var(--font-rg);\n}\n\n:host([size=\"small\"]),\n:host([size=\"x-small\"]) {\n  font-size: var(--font-size-2);\n}\n\n.select-wrapper > z-input {\n  width: 100%;\n}\n\n.select-wrapper > z-input .input-icon {\n  cursor: pointer;\n}\n\n.select-wrapper > div {\n  position: relative;\n}\n\n.select-wrapper > div.closed {\n  overflow: hidden;\n  height: 0;\n}\n\n.select-wrapper .ul-scroll-wrapper {\n  position: absolute;\n  width: 100%;\n  box-sizing: border-box;\n  border-top: none;\n  background: var(--color-form-background);\n  box-shadow: var(--shadow-2);\n  outline: none;\n}\n\n.select-wrapper .closed .ul-scroll-wrapper {\n  z-index: 10;\n}\n\n.select-wrapper .open .ul-scroll-wrapper {\n  z-index: 20;\n}\n\n.select-wrapper .ul-scroll-wrapper.fixed {\n  position: static;\n}\n\n.select-wrapper z-list {\n  --background-color-list-element: var(--color-form-background);\n  --background-hover-color-list-element: var(--color-surface02);\n  --background-active-color-list-element: var(--color-surface02);\n}\n\n.select-wrapper .ul-scroll-wrapper > z-list {\n  position: relative;\n  overflow: auto;\n  max-height: 240px;\n  padding: var(--space-unit) calc(var(--space-unit) * 1.5);\n  margin: calc(var(--space-unit) * -1) 0;\n  margin: 0;\n  outline: none;\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element[disabled] {\n  color: var(--color-form-disabled03);\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container {\n  display: flex;\n  align-items: center;\n  padding: calc(var(--space-unit) / 2) var(--space-unit);\n  column-gap: var(--space-unit);\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container .list-element-content {\n  margin-right: auto;\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container > z-icon + .list-element-content {\n  padding: calc(var(--space-unit) * 0.5) var(--space-unit);\n}\n\n:host([size=\"x-small\"])\n  .select-wrapper\n  .ul-scroll-wrapper\n  z-list\n  z-list-element\n  .list-element-container\n  .list-element-content {\n  padding: 0;\n}\n\n:host([size=\"small\"]) .select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container > z-icon {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n}\n\n:host([size=\"x-small\"]) .select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container > z-icon {\n  --z-icon-width: 14px;\n  --z-icon-height: 14px;\n}\n\n:host([size=\"x-small\"])\n  .select-wrapper\n  .ul-scroll-wrapper\n  z-list\n  z-list-element\n  .list-element-container\n  > z-icon\n  + .list-element-content {\n  padding: 0 var(--space-unit);\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container .list-element-content.selected {\n  font-weight: var(--font-sb);\n}\n\n.select-wrapper .ul-scroll-wrapper .no-results z-icon {\n  margin-right: var(--space-unit);\n}\n\n.z-list-group-title {\n  color: var(--color-form-default-text);\n}\n\n.reset-item {\n  color: var(--color-form-active-primary);\n  fill: var(--color-form-active-primary);\n}\n\n.reset-item-content {\n  display: flex;\n  align-items: center;\n}\n\n.reset-item.reset-item-margin .reset-item-content {\n  margin-left: var(--space-unit);\n}\n\n.reset-item .reset-item-content > z-icon {\n  margin-right: var(--space-unit);\n}\n\n.reset-item.hide {\n  display: none;\n}\n\n.tree-list-reset-item {\n  padding: var(--space-unit) 0;\n}\n\nz-list-element {\n  position: relative;\n  display: block;\n}\n\nz-list z-list-element::before {\n  position: absolute;\n  z-index: 100;\n  top: 3px;\n  left: -8px;\n  width: 8px;\n  height: 1em;\n  border-bottom: 1px solid var(--color-form-disabled01-icon);\n  border-left: 1px solid var(--color-form-disabled01-icon);\n  content: \"\";\n  cursor: pointer;\n}\n\nz-list z-list-element::after {\n  position: absolute;\n  z-index: 100;\n  top: 5px;\n  left: -8px;\n  width: 8px;\n  height: 100%;\n  border-left: 1px solid var(--color-form-disabled01-icon);\n  content: \"\";\n  cursor: pointer;\n}\n\nz-list z-list-element:last-child::after {\n  display: none;\n}\n\nz-list > z-list-element::before,\nz-list > z-list-element::after,\nz-list > z-list-group > z-list-element::before,\nz-list > z-list-group > z-list-element::after {\n  display: none;\n}\n\nz-list > div.children-node {\n  padding-left: calc(var(--space-unit) * 2);\n}\n\nz-list-element > .list-element {\n  display: flex;\n  justify-content: space-between;\n  padding: calc(var(--space-unit) * 1.5) var(--space-unit);\n  cursor: pointer;\n}\n\nz-list-element > .list-element:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\nz-list-element:not([disabled]) > .list-element:hover,\nz-list-element:not([disabled]) > .list-element:hover::after {\n  background-color: var(--background-hover-color-list-element, var(--color-background));\n}\n\nz-list-element > .list-element .item.ellipsis {\n  overflow: hidden;\n}\n\nz-list-element .list-element::after {\n  position: absolute;\n  top: 0;\n  right: -1px;\n  display: block;\n  width: 100%;\n  height: 45px;\n  content: \"\";\n  transform: translateX(-100%);\n}\n\nz-list-element.tree-search-item {\n  padding-top: 0;\n}\n\nz-list-element.tree-search-item .list-element::after {\n  position: absolute;\n  right: -25px;\n  display: block;\n  width: 100%;\n  height: 45px;\n  content: \"\";\n  transform: translateX(-100%);\n}\n\nz-list-element.grouped-tree-parent-node .list-element::after {\n  position: absolute;\n  right: -25px;\n  display: block;\n  width: 100%;\n  height: 45px;\n  content: \"\";\n  transform: translateX(-100%);\n}\n\n.item-label.selected {\n  font-weight: bold;\n}\n\n.item.ellipsis {\n  display: inline-block;\n  overflow: hidden;\n  max-width: 100%;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\nz-list > z-list-element.grouped-tree-parent-node > .list-element:hover::after,\nz-list-element.tree-search-item .list-element:hover::after,\nz-list > z-list-group > z-list-element.grouped-tree-parent-node > .list-element:hover::after {\n  position: absolute;\n  z-index: -1;\n  right: -18px;\n  display: block;\n  width: 100%;\n  height: 45px;\n  content: \"\";\n  transform: translateX(-100%);\n}\n\nz-list-element > .list-element:hover::after {\n  position: absolute;\n  z-index: -1;\n  top: 0;\n  right: 0;\n  display: block;\n  width: 100%;\n  height: 45px;\n  content: \"\";\n  transform: translateX(-100%);\n}\n\n.children-node z-list-element::before,\n.children-node z-list-element::after {\n  left: -8px;\n}\n\n.children-node .children-node z-list-element::before,\n.children-node .children-node z-list-element::after {\n  left: -8px;\n}\n\n.children-node > z-list-element {\n  padding: 0;\n}\n","import {Component, Element, Event, EventEmitter, Listen, Method, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ControlSize, InputStatus, KeyboardCode, ListDividerType, ListSize, SelectItem} from \"../../beans\";\nimport {boolean, getClickedElement, getElementTree, randomId} from \"../../utils/utils\";\n\n@Component({\n  tag: \"z-select\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZSelect {\n  @Element() host: HTMLZSelectElement;\n\n  /** the id of the input element */\n  @Prop()\n  htmlid = `id-${randomId()}`;\n\n  /** the input select options */\n  @Prop()\n  items: SelectItem[] | string;\n\n  /** the input name */\n  @Prop()\n  name?: string;\n\n  /** the input label */\n  @Prop()\n  label?: string;\n\n  /** the input aria-label */\n  @Prop()\n  ariaLabel = \"\";\n\n  /** the input is disabled */\n  @Prop()\n  disabled?: boolean = false;\n\n  /** the input is readonly */\n  @Prop()\n  readonly?: boolean = false;\n\n  /** the input placeholder (optional) */\n  @Prop()\n  placeholder?: string;\n\n  /** the input html title (optional) */\n  @Prop()\n  htmltitle?: string;\n\n  /** the input status (optional) */\n  @Prop()\n  status?: InputStatus;\n\n  /** input helper message (optional) - if set to `false` message won't be displayed */\n  @Prop()\n  message?: string | boolean = true;\n\n  /** the input has autocomplete option */\n  @Prop()\n  autocomplete?: boolean = false;\n\n  /** no result text message */\n  @Prop()\n  noresultslabel?: string = \"Nessun risultato\";\n\n  /** */\n  @Prop()\n  hasGroupItems?: boolean;\n\n  /** */\n  @Prop()\n  hasTreeItems?: boolean;\n\n  /** If true and an item matches the search string, children of matching item are shown even if they don't match the search string  */\n  @Prop()\n  showChildrenOfMatchingParent?: boolean;\n\n  /** When fixed, it occupies space and pushes down next elements. */\n  @Prop()\n  isfixed?: boolean = false;\n\n  /** */\n  @Prop()\n  resetItem?: string;\n\n  /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */\n  @Prop()\n  size?: ControlSize = ControlSize.BIG;\n\n  @State()\n  isOpen = false;\n\n  @State()\n  selectedItem: null | SelectItem = null;\n\n  @State()\n  focusedItemId: string;\n\n  @State()\n  searchString: null | string;\n\n  private flattenedList: {item: SelectItem; key: number}[] = [];\n\n  private itemsList: SelectItem[] = [];\n\n  private itemIdKeyMap: Record<string, number> = {};\n\n  private readonly resetKey = -1;\n\n  constructor() {\n    this.toggleSelectUl = this.toggleSelectUl.bind(this);\n    this.handleSelectFocus = this.handleSelectFocus.bind(this);\n  }\n\n  @Watch(\"items\")\n  watchItems(): void {\n    this.itemsList = this.getInitialItemsArray();\n\n    this.selectedItem = this.findSelectedItem(this.itemsList);\n  }\n\n  @Listen(\"ariaDescendantFocus\")\n  getFocusedItemHandler(e: CustomEvent): void {\n    this.focusedItemId = (e.target as Element).id;\n  }\n\n  /** get the input selected options */\n  @Method()\n  async getSelectedItem(): Promise<SelectItem> {\n    return this.selectedItem;\n  }\n\n  /** get the input value */\n  @Method()\n  async getValue(): Promise<string> {\n    return this.getSelectedValue();\n  }\n\n  /** set the input value */\n  @Method()\n  async setValue(value: string | string[]): Promise<void> {\n    let values: string[] = [];\n    if (typeof value === \"string\") {\n      values.push(value);\n    } else {\n      values = value;\n    }\n\n    this.itemsList = this.getInitialItemsArray();\n    if (values.length) {\n      this.updateSelection(this.itemsList, values[0]);\n    }\n    this.selectedItem = this.findSelectedItem(this.itemsList);\n  }\n\n  /** Emitted on select option selection, returns select id, selected item id */\n  @Event()\n  optionSelect: EventEmitter;\n\n  private emitOptionSelect(): void {\n    this.optionSelect.emit({\n      id: this.htmlid,\n      selected: this.getSelectedValue(),\n    });\n  }\n\n  /** Emitted on reset selected item, returns select id, selected item id */\n  @Event()\n  resetSelect: EventEmitter;\n\n  private emitResetSelect(): void {\n    this.resetSelect.emit({\n      id: this.htmlid,\n    });\n  }\n\n  componentWillLoad(): void {\n    this.watchItems();\n  }\n\n  componentWillRender(): void {\n    this.filterItems(this.searchString);\n    this.updateFlattenedList();\n  }\n\n  private getInitialItemsArray(): SelectItem[] {\n    return typeof this.items === \"string\" ? JSON.parse(this.items) : this.items;\n  }\n\n  private mapSelectedItemToItemsArray(): SelectItem[] {\n    const initialItemsList = this.getInitialItemsArray();\n\n    return initialItemsList.map((item: SelectItem) => {\n      item.selected = item.id === this.selectedItem?.id;\n\n      return item;\n    });\n  }\n\n  private getSelectedValue(): string {\n    return this.selectedItem?.id;\n  }\n\n  private getGroupedItems(): [string, SelectItem[]][] {\n    return Object.entries(\n      this.itemsList.reduce(\n        (group, item) => {\n          const category = item.category || \"Altra categoria\";\n          group[category] = group[category] || [];\n          group[category].push(item);\n\n          return group;\n        },\n        {} as Record<string, SelectItem[]>\n      )\n    );\n  }\n\n  private updateFlattenedList(): void {\n    let orderedItems = this.itemsList;\n    if (this.hasGroupItems) {\n      orderedItems = this.getGroupedItems()\n        .map((item) => item[1])\n        .flat();\n    }\n\n    this.flattenedList = this.flattenTreeItems(orderedItems);\n    this.itemIdKeyMap = {};\n    this.flattenedList.forEach(({item, key}) => {\n      this.itemIdKeyMap[item.id] = key;\n    });\n  }\n\n  private filterItems(searchString: string): void {\n    const prevList = this.mapSelectedItemToItemsArray();\n\n    if (!searchString?.length) {\n      this.itemsList = prevList;\n\n      return;\n    }\n\n    if (this.hasTreeItems) {\n      this.itemsList = this.filterTree(prevList, searchString, false);\n    } else {\n      this.itemsList = prevList\n        .filter((item: SelectItem) => item.name.toUpperCase().includes(searchString.toUpperCase()))\n        .map((item: SelectItem) => {\n          item.name = this.getHighlightedText(item.name, searchString);\n\n          return item;\n        });\n    }\n  }\n\n  private filterTree(items: SelectItem[], searchString: string, matchingParent: boolean): SelectItem[] {\n    if (!items) {\n      return [];\n    }\n\n    return items\n      .map((item) => {\n        const match = item.name.toUpperCase().includes(searchString.toUpperCase());\n\n        const newItem: SelectItem = {...item};\n        if (newItem.children && newItem.children.length > 0) {\n          newItem.children = this.filterTree(newItem.children, searchString, match);\n        }\n\n        if (match) {\n          newItem.name = this.getHighlightedText(newItem.name, searchString);\n        }\n        if (\n          match ||\n          (newItem.children && newItem.children.length > 0) ||\n          (this.showChildrenOfMatchingParent && matchingParent)\n        ) {\n          return newItem;\n        }\n\n        return null;\n      })\n      .filter((item) => item !== null) as SelectItem[];\n  }\n\n  private getHighlightedText(text: string, search: string): string {\n    const upperText = text.toUpperCase();\n    const upperSearch = search.toUpperCase();\n    const start = upperText.indexOf(upperSearch);\n\n    if (start === -1) {\n      return text;\n    }\n\n    const end = start + search.length;\n\n    return text.substring(0, start) + `<strong>${text.substring(start, end)}</strong>` + text.substring(end);\n  }\n\n  private hasAutocomplete(): boolean {\n    return boolean(this.autocomplete) === true;\n  }\n\n  private handleInputChange(e: CustomEvent): void {\n    this.searchString = e.detail.value;\n    if (!this.isOpen) {\n      this.toggleSelectUl();\n    }\n  }\n\n  private updateSelection(items: SelectItem[], selectedId: string): void {\n    if (items) {\n      items.forEach((item) => {\n        item.selected = item.id === selectedId;\n        if (item.children && item.children.length > 0) {\n          this.updateSelection(item.children, selectedId);\n        }\n      });\n    }\n  }\n\n  private findSelectedItem(items: SelectItem[]): SelectItem | null {\n    if (items) {\n      for (const item of items) {\n        if (item.selected) {\n          return item;\n        }\n        if (item.children && item.children.length > 0) {\n          const found = this.findSelectedItem(item.children);\n          if (found) {\n            return found;\n          }\n        }\n      }\n    }\n\n    return null;\n  }\n\n  private selectItem(selected: null | SelectItem): void {\n    if (selected?.disabled) {\n      return;\n    }\n\n    this.itemsList = this.getInitialItemsArray();\n\n    if (selected) {\n      this.updateSelection(this.itemsList, selected.id);\n    }\n\n    this.selectedItem = this.findSelectedItem(this.itemsList);\n    this.emitOptionSelect();\n    this.toggleSelectUl();\n    if (this.searchString) {\n      this.searchString = null;\n    }\n  }\n\n  private flattenTreeItems(items: SelectItem[]): {item: SelectItem; key: number}[] {\n    const flatItems: {item: SelectItem; key: number}[] = [];\n    let index = 0;\n\n    const flatten = (subItems: SelectItem[], disabledAncestor?: boolean): void => {\n      subItems.forEach((itm) => {\n        const isDisabled = itm.disabled || disabledAncestor;\n        flatItems.push({item: {...itm, disabled: isDisabled}, key: index++});\n        if (itm.children && itm.children.length > 0) {\n          flatten(itm.children, isDisabled);\n        }\n      });\n    };\n\n    if (items) {\n      flatten(items);\n    }\n\n    return flatItems;\n  }\n\n  private arrowsSelectNav(e: KeyboardEvent, idOrReset: string | number): void {\n    const showResetIcon = this.resetItem && !!this.selectedItem;\n    const arrows = [KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP];\n\n    if (!arrows.includes(e.key as KeyboardCode)) {\n      return;\n    }\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    const flatItems = [...this.flattenedList].filter((f) => !f.item.disabled);\n\n    if (this.resetItem && showResetIcon) {\n      flatItems.unshift({\n        item: {id: \"__RESET_ITEM__\"} as SelectItem,\n        key: this.resetKey,\n      });\n    }\n\n    if (!flatItems.length) {\n      return;\n    }\n\n    let currentIndex: number;\n    if (typeof idOrReset === \"number\") {\n      currentIndex = flatItems.findIndex((f) => f.key === idOrReset);\n    } else {\n      const k = this.itemIdKeyMap[idOrReset];\n      currentIndex = flatItems.findIndex((f) => f.key === k);\n    }\n\n    if (!this.isOpen) {\n      this.toggleSelectUl();\n\n      if (currentIndex > -1) {\n        this.focusSelectItem(flatItems[currentIndex].key);\n\n        return;\n      }\n    }\n\n    const lastIndex = flatItems.length - 1;\n\n    let newIndex = currentIndex;\n\n    if (e.key === KeyboardCode.ARROW_DOWN) {\n      do {\n        if (newIndex === lastIndex) {\n          return;\n        }\n\n        newIndex = newIndex + 1;\n      } while (flatItems[newIndex].item.disabled);\n    } else {\n      do {\n        if (newIndex <= 0) {\n          return;\n        }\n\n        newIndex = newIndex - 1;\n      } while (flatItems[newIndex].item.disabled);\n    }\n\n    this.focusSelectItem(flatItems[newIndex].key);\n  }\n\n  private focusSelectItem(key: number): void {\n    const elemId = `${this.htmlid}_key_${key}`;\n    const elem = this.host.querySelector<HTMLDivElement>(`#${elemId}`);\n    if (elem) {\n      this.focusedItemId = elemId;\n      elem.focus();\n    }\n  }\n\n  private toggleSelectUl(selfFocusOnClose = false): void {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    if (!this.isOpen) {\n      document.addEventListener(\"click\", this.handleSelectFocus);\n      document.addEventListener(\"keyup\", this.handleSelectFocus);\n    } else {\n      document.removeEventListener(\"click\", this.handleSelectFocus);\n      document.removeEventListener(\"keyup\", this.handleSelectFocus);\n      if (selfFocusOnClose) {\n        (this.host.querySelector(`#${this.htmlid}_select_input`) as HTMLInputElement)?.focus();\n      }\n\n      if (this.selectedItem && this.searchString) {\n        this.searchString = null;\n        this.filterItems(this.searchString);\n      }\n    }\n\n    this.focusedItemId = \"\";\n    this.isOpen = !this.isOpen;\n  }\n\n  private handleInputClick(e: MouseEvent | KeyboardEvent): void {\n    if ((e.target as HTMLElement).closest(\".reset-icon\")) {\n      e.stopPropagation();\n\n      return;\n    }\n\n    this.toggleSelectUl();\n  }\n\n  private handleSelectFocus(e: MouseEvent | KeyboardEvent): void {\n    if (e instanceof KeyboardEvent && e.key === KeyboardCode.ESC) {\n      e.stopPropagation();\n\n      return this.toggleSelectUl(true);\n    }\n\n    if (e instanceof KeyboardEvent && e.key !== KeyboardCode.TAB) {\n      return;\n    }\n\n    const clickedElement = getClickedElement();\n    if (clickedElement?.hasAttribute(\"disabled\")) {\n      return;\n    }\n\n    if (\n      !getElementTree(clickedElement).find(\n        (elem: HTMLElement) => elem.nodeName.toLowerCase() === \"z-input\" && elem.id === `${this.htmlid}_input`\n      )\n    ) {\n      const zSelect = getElementTree(clickedElement).find((e) => e.nodeName === \"Z-SELECT\");\n      this.toggleSelectUl(zSelect === this.host);\n    }\n  }\n\n  private scrollToLetter(letter: string): void {\n    const foundItem = this.itemsList.findIndex(\n      (item: SelectItem) => item.name.toLowerCase().charAt(0) === letter.toLowerCase()\n    );\n    if (foundItem > -1) {\n      if (!this.isOpen) {\n        this.toggleSelectUl();\n      }\n      this.focusSelectItem(this.itemIdKeyMap[this.itemsList[foundItem].id]);\n    }\n  }\n\n  private renderInput(): HTMLElement[] {\n    const ariaExpanded = this.isOpen ? \"true\" : \"false\";\n    const ariaControls = `${this.htmlid}_list`;\n    const ariaActivedescendant = this.isOpen ? this.focusedItemId : \"\";\n\n    let wrapperAriaComboboxAttributes, inputAriaComboboxAttributes;\n\n    if (this.hasAutocomplete()) {\n      wrapperAriaComboboxAttributes = {};\n      inputAriaComboboxAttributes = {\n        \"role\": \"combobox\",\n        \"html-aria-expanded\": ariaExpanded,\n        \"html-aria-controls\": ariaControls,\n        \"html-aria-activedescendant\": ariaActivedescendant,\n        \"html-aria-autocomplete\": \"list\",\n      };\n    } else {\n      wrapperAriaComboboxAttributes = {\n        \"role\": \"combobox\",\n        \"aria-expanded\": ariaExpanded,\n        \"aria-controls\": ariaControls,\n        \"aria-activedescendant\": ariaActivedescendant,\n      };\n      inputAriaComboboxAttributes = {role: \"presentation\"};\n    }\n\n    return [\n      <z-input\n        class={{\n          \"active-select\": this.isOpen,\n          \"cursor-select\": !this.autocomplete,\n        }}\n        id={`${this.htmlid}_input`}\n        htmlid={`${this.htmlid}_select_input`}\n        placeholder={this.placeholder}\n        value={!this.isOpen && this.selectedItem ? this.selectedItem.name.replace(/<[^>]+>/g, \"\") : null}\n        label={this.label}\n        autocomplete=\"off\"\n        aria-label={this.ariaLabel}\n        icon={this.isOpen ? \"caret-up\" : \"caret-down\"}\n        hasclearicon={false}\n        message={false}\n        name={this.name}\n        disabled={this.disabled}\n        readonly={this.readonly || (!this.hasAutocomplete() && this.isOpen)}\n        status={this.isOpen ? undefined : this.status}\n        size={this.size}\n        {...inputAriaComboboxAttributes}\n        onClick={(e: MouseEvent) => {\n          this.handleInputClick(e);\n        }}\n        onKeyDown={(e: KeyboardEvent) => {\n          const current = this.selectedItem\n            ? this.itemIdKeyMap[this.selectedItem.id]\n            : this.resetItem\n              ? this.resetKey\n              : \"\";\n\n          return this.arrowsSelectNav(e, current);\n        }}\n        onInputChange={(e: CustomEvent) => {\n          this.handleInputChange(e);\n        }}\n        onKeyPress={(e: KeyboardEvent) => {\n          if (!this.hasAutocomplete()) {\n            e.preventDefault();\n            this.scrollToLetter(e.key);\n          }\n        }}\n      />,\n      <div {...wrapperAriaComboboxAttributes}></div>,\n    ];\n  }\n\n  private renderSelectUl(): HTMLDivElement {\n    return (\n      <div class={this.isOpen ? \"open\" : \"closed\"}>\n        <div\n          class={{\n            \"ul-scroll-wrapper\": true,\n            \"fixed\": this.isfixed,\n          }}\n        >\n          <z-list\n            role=\"listbox\"\n            aria-label={this.ariaLabel || this.label}\n            tabindex={this.disabled || this.readonly || !this.isOpen ? -1 : 0}\n            id={`${this.htmlid}_list`}\n            aria-multiselectable={false}\n            size={this.listSizeType()}\n            class={{\n              \"disabled\": this.disabled,\n              \"readonly\": this.readonly,\n              [`input-${this.status}`]: !this.isOpen && !!this.status,\n              \"z-scrollbar\": true,\n            }}\n          >\n            {this.resetItem && this.renderResetItem()}\n            {this.renderSelectUlItems()}\n          </z-list>\n        </div>\n      </div>\n    );\n  }\n\n  private renderResetItem(): HTMLZListElementElement {\n    return (\n      <z-list-element\n        class={{\n          \"hide\": !this.selectedItem || !this.resetItem,\n          \"reset-item\": true,\n          \"reset-item-margin\": !this.hasGroupItems,\n        }}\n        clickable={true}\n        disabled={false}\n        dividerType={ListDividerType.ELEMENT}\n        role=\"option\"\n        html-tabindex={0}\n        aria-selected=\"false\"\n        id={`${this.htmlid}_key_${this.resetKey}`}\n        size={this.hasTreeItems ? ListSize.MEDIUM : this.listSizeType()}\n        onClickItem={() => {\n          this.selectedItem = null;\n          this.searchString = null;\n          this.emitResetSelect();\n        }}\n        onKeyDown={(e: KeyboardEvent) => this.arrowsSelectNav(e, this.resetKey)}\n      >\n        <div\n          class={{\n            \"reset-item-content\": true,\n            \"tree-list-reset-item\": this.hasTreeItems,\n          }}\n        >\n          <z-icon name=\"multiply-circled\" />\n          <span>{this.resetItem}</span>\n        </div>\n      </z-list-element>\n    );\n  }\n\n  private renderItem(item: SelectItem, lastItem: boolean): HTMLZListElementElement {\n    const thisItemKey = this.itemIdKeyMap[item.id];\n\n    return (\n      <z-list-element\n        clickable={!item.disabled}\n        disabled={item.disabled}\n        dividerType={lastItem ? ListDividerType.HEADER : ListDividerType.ELEMENT}\n        role=\"option\"\n        html-tabindex={\n          item.disabled || !this.isOpen || this.focusedItemId !== `${this.htmlid}_key_${thisItemKey}` ? -1 : 0\n        }\n        aria-selected={item.selected ? \"true\" : \"false\"}\n        id={`${this.htmlid}_key_${thisItemKey}`}\n        size={this.listSizeType()}\n        onClickItem={() => this.selectItem(item)}\n        onKeyDown={(e: KeyboardEvent) => this.arrowsSelectNav(e, thisItemKey)}\n      >\n        <div class=\"list-element-container\">\n          <div\n            class={{\n              \"selected\": !!item.selected,\n              \"list-element-content\": true,\n            }}\n            innerHTML={item.name}\n          />\n          {item.icon && <z-tag icon={item.icon}></z-tag>}\n        </div>\n      </z-list-element>\n    );\n  }\n\n  private listSizeType(): ListSize {\n    if (this.hasTreeItems) {\n      return ListSize.NONE;\n    }\n\n    if (this.size === ControlSize.SMALL || this.size === ControlSize.X_SMALL) {\n      return ListSize.SMALL;\n    }\n\n    return ListSize.MEDIUM;\n  }\n\n  private renderSelectUlItems():\n    | HTMLZListElementElement\n    | (HTMLZListElementElement | HTMLZListElementElement[])[]\n    | HTMLZListGroupElement[] {\n    if (!this.itemsList.length) {\n      return this.renderNoSearchResults();\n    }\n\n    if (this.hasGroupItems) {\n      if (this.hasTreeItems) {\n        return this.renderGroupedTree();\n      }\n\n      return this.renderSelectGroupItems();\n    }\n\n    return this.itemsList.map((item: SelectItem, index, array) => {\n      const isLastItem = index === array.length - 1;\n      const parentHasSiblings = array.length > 1;\n\n      if (this.hasTreeItems) {\n        return this.renderTreeItems(item, isLastItem, parentHasSiblings, true, item.disabled);\n      }\n\n      return this.renderItem(item, isLastItem);\n    });\n  }\n\n  private renderTreeItems(\n    item: SelectItem,\n    isLastChild: boolean,\n    parentHasSiblings: boolean,\n    isTopLevel?: boolean,\n    disabledAncestor?: boolean\n  ): HTMLZListElementElement[] {\n    const thisItemKey = this.itemIdKeyMap[item.id];\n    const isDisabled = item.disabled || disabledAncestor;\n\n    const hasDivider = this.hasGroupItems\n      ? undefined\n      : this.hasGroupItems\n        ? isLastChild && !parentHasSiblings\n          ? ListDividerType.ELEMENT\n          : undefined\n        : isTopLevel && parentHasSiblings && !isLastChild\n          ? ListDividerType.ELEMENT\n          : undefined;\n\n    return (\n      <z-list-element\n        clickable={!item.disabled}\n        disabled={isDisabled}\n        class={{\n          \"grouped-tree-parent-node\": this.hasGroupItems && !!item.children?.length,\n          \"tree-search-item\": this.hasGroupItems && isTopLevel && !item.children?.length && !!this.searchString,\n        }}\n        size={this.listSizeType()}\n        dividerType={hasDivider}\n        hasTreeItems={this.hasTreeItems}\n        html-tabindex={null}\n      >\n        <div\n          id={`${this.htmlid}_key_${thisItemKey}`}\n          role=\"option\"\n          class=\"list-element\"\n          tabIndex={!this.isOpen || isDisabled || this.focusedItemId !== `${this.htmlid}_key_${thisItemKey}` ? -1 : 0}\n          onClick={() => this.selectItem(item)}\n          onKeyDown={(e: KeyboardEvent) => {\n            this.arrowsSelectNav(e, thisItemKey);\n            if (e.key === KeyboardCode.ENTER) {\n              this.selectItem(item);\n            }\n          }}\n        >\n          <span class=\"item ellipsis\">\n            <span\n              class={{\n                \"item-label\": true,\n                \"selected\": !!item.selected,\n              }}\n              title={item.name}\n              innerHTML={item.selected ? `<strong>${item.name}</strong>` : item.name}\n            />\n          </span>\n          {item.icon && <z-tag icon={item.icon}></z-tag>}\n        </div>\n        {item.children && item.children.length > 0 ? (\n          <z-list>\n            <div class=\"children-node\">\n              {item.children.map((child, index, arr) =>\n                this.renderTreeItems(\n                  child,\n                  index === arr.length - 1,\n                  arr.length > 1,\n                  false, // isTopLevel = false for children\n                  isDisabled\n                )\n              )}\n            </div>\n          </z-list>\n        ) : null}\n      </z-list-element>\n    );\n  }\n\n  private renderGroupedTree(): HTMLZListGroupElement[] {\n    const groupedItems = this.getGroupedItems();\n\n    return groupedItems.map(([category, items], index, entries) => {\n      const parentHasSiblings = Object.values(groupedItems).some((groupItems) => groupItems.length > 1);\n      // const parentHasSiblings = items.length > 1;\n\n      return (\n        <z-list-group\n          divider-type={index === entries.length - 1 ? undefined : ListDividerType.ELEMENT}\n          hasTreeItems={true}\n        >\n          <span\n            class=\"body-3-sb z-list-group-title\"\n            slot=\"header-title\"\n          >\n            {category}\n          </span>\n          <z-list>\n            {items.map((item, i, arr) => [\n              this.renderTreeItems(item, i === arr.length - 1, parentHasSiblings, true, item.disabled),\n              i < arr.length - 1 ? (\n                <z-divider\n                  key={`divider-${i}`}\n                  style={{zIndex: \"100\", height: \"var(--border-size-small)\"}}\n                />\n              ) : null,\n            ])}\n          </z-list>\n          {index !== entries.length - 1 && <z-divider style={{zIndex: \"100\", height: \"var(--border-size-small)\"}} />}\n        </z-list-group>\n      );\n    });\n  }\n\n  private renderSelectGroupItems(): HTMLZListElementElement[] {\n    const groupedItems = this.getGroupedItems();\n\n    return groupedItems.map(([key, items], index) => {\n      const isLastGroup = groupedItems.length === index + 1;\n\n      return (\n        <z-list-group divider-type={ListDividerType.ELEMENT}>\n          <span\n            class=\"body-3-sb z-list-group-title\"\n            slot=\"header-title\"\n          >\n            {key}\n          </span>\n          {items.map((item, subindex) => {\n            const isLastItem = items.length === subindex + 1;\n\n            return this.renderItem(item, isLastGroup && isLastItem);\n          })}\n        </z-list-group>\n      );\n    });\n  }\n\n  private renderNoSearchResults(): HTMLZListElementElement {\n    return (\n      <z-list-element\n        class=\"no-results\"\n        size={this.hasTreeItems ? ListSize.MEDIUM : this.listSizeType()}\n        html-tabindex={null}\n      >\n        {this.noresultslabel}\n      </z-list-element>\n    );\n  }\n\n  private renderMessage(): HTMLZInputMessageElement {\n    if (boolean(this.message) === false) {\n      return;\n    }\n\n    return (\n      <z-input-message\n        message={boolean(this.message) === true ? undefined : (this.message as string)}\n        status={this.status}\n        class={this.size}\n        disabled={this.disabled}\n      />\n    );\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div class=\"select-wrapper\">\n        {this.renderInput()}\n        {this.renderSelectUl()}\n        {this.renderMessage()}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["stylesCss","ZSelectStyle0","ZSelect","constructor","hostRef","this","flattenedList","itemsList","itemIdKeyMap","resetKey","randomId","ControlSize","BIG","toggleSelectUl","bind","handleSelectFocus","watchItems","getInitialItemsArray","selectedItem","findSelectedItem","getFocusedItemHandler","e","focusedItemId","target","id","getSelectedItem","getValue","getSelectedValue","setValue","value","values","push","length","updateSelection","emitOptionSelect","optionSelect","emit","htmlid","selected","emitResetSelect","resetSelect","componentWillLoad","componentWillRender","filterItems","searchString","updateFlattenedList","items","JSON","parse","mapSelectedItemToItemsArray","initialItemsList","map","item","_a","getGroupedItems","Object","entries","reduce","group","category","orderedItems","hasGroupItems","flat","flattenTreeItems","forEach","key","prevList","hasTreeItems","filterTree","filter","name","toUpperCase","includes","getHighlightedText","matchingParent","match","newItem","assign","children","showChildrenOfMatchingParent","text","search","upperText","upperSearch","start","indexOf","end","substring","hasAutocomplete","boolean","autocomplete","handleInputChange","detail","isOpen","selectedId","found","selectItem","disabled","flatItems","index","flatten","subItems","disabledAncestor","itm","isDisabled","arrowsSelectNav","idOrReset","showResetIcon","resetItem","arrows","KeyboardCode","ARROW_DOWN","ARROW_UP","preventDefault","stopPropagation","f","unshift","currentIndex","findIndex","k","focusSelectItem","lastIndex","newIndex","elemId","elem","host","querySelector","focus","selfFocusOnClose","readonly","document","addEventListener","removeEventListener","handleInputClick","closest","KeyboardEvent","ESC","TAB","clickedElement","getClickedElement","hasAttribute","getElementTree","find","nodeName","toLowerCase","zSelect","scrollToLetter","letter","foundItem","charAt","renderInput","ariaExpanded","ariaControls","ariaActivedescendant","wrapperAriaComboboxAttributes","inputAriaComboboxAttributes","role","h","class","placeholder","replace","label","ariaLabel","icon","hasclearicon","message","status","undefined","size","onClick","onKeyDown","current","onInputChange","onKeyPress","renderSelectUl","fixed","isfixed","tabindex","listSizeType","renderResetItem","renderSelectUlItems","hide","clickable","dividerType","ListDividerType","ELEMENT","ListSize","MEDIUM","onClickItem","renderItem","lastItem","thisItemKey","HEADER","innerHTML","NONE","SMALL","X_SMALL","renderNoSearchResults","renderGroupedTree","renderSelectGroupItems","array","isLastItem","parentHasSiblings","renderTreeItems","isLastChild","isTopLevel","hasDivider","_b","tabIndex","ENTER","title","child","arr","groupedItems","some","groupItems","slot","i","style","zIndex","height","isLastGroup","subindex","noresultslabel","renderMessage","render"],"sources":["src/components/z-select/styles.css?tag=z-select&encapsulation=scoped","src/components/z-select/index.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  width: inherit;\n  color: var(--color-form-default-text);\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-3);\n  font-weight: var(--font-rg);\n}\n\n:host([size=\"small\"]),\n:host([size=\"x-small\"]) {\n  font-size: var(--font-size-2);\n}\n\n.select-wrapper > z-input {\n  width: 100%;\n}\n\n.select-wrapper > z-input .input-icon {\n  cursor: pointer;\n}\n\n.select-wrapper > div {\n  position: relative;\n}\n\n.select-wrapper > div.closed {\n  overflow: hidden;\n  height: 0;\n}\n\n.select-wrapper .ul-scroll-wrapper {\n  position: absolute;\n  width: 100%;\n  box-sizing: border-box;\n  border-top: none;\n  background: var(--color-form-background);\n  box-shadow: var(--shadow-2);\n  outline: none;\n}\n\n.select-wrapper .closed .ul-scroll-wrapper {\n  z-index: 10;\n}\n\n.select-wrapper .open .ul-scroll-wrapper {\n  z-index: 20;\n}\n\n.select-wrapper .ul-scroll-wrapper.fixed {\n  position: static;\n}\n\n.select-wrapper z-list {\n  --background-color-list-element: var(--color-form-background);\n  --background-hover-color-list-element: var(--color-surface02);\n  --background-active-color-list-element: var(--color-surface02);\n}\n\n.select-wrapper .ul-scroll-wrapper > z-list {\n  position: relative;\n  overflow: auto;\n  max-height: 240px;\n  padding: var(--space-unit) calc(var(--space-unit) * 1.5);\n  margin: calc(var(--space-unit) * -1) 0;\n  margin: 0;\n  outline: none;\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element[disabled] {\n  color: var(--color-form-disabled03);\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container {\n  display: flex;\n  align-items: center;\n  padding: calc(var(--space-unit) / 2) var(--space-unit);\n  column-gap: var(--space-unit);\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container .list-element-content {\n  margin-right: auto;\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container > z-icon + .list-element-content {\n  padding: calc(var(--space-unit) * 0.5) var(--space-unit);\n}\n\n:host([size=\"x-small\"])\n  .select-wrapper\n  .ul-scroll-wrapper\n  z-list\n  z-list-element\n  .list-element-container\n  .list-element-content {\n  padding: 0;\n}\n\n:host([size=\"small\"]) .select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container > z-icon {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n}\n\n:host([size=\"x-small\"]) .select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container > z-icon {\n  --z-icon-width: 14px;\n  --z-icon-height: 14px;\n}\n\n:host([size=\"x-small\"])\n  .select-wrapper\n  .ul-scroll-wrapper\n  z-list\n  z-list-element\n  .list-element-container\n  > z-icon\n  + .list-element-content {\n  padding: 0 var(--space-unit);\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container .list-element-content.selected {\n  font-weight: var(--font-sb);\n}\n\n.select-wrapper .ul-scroll-wrapper .no-results z-icon {\n  margin-right: var(--space-unit);\n}\n\n.z-list-group-title {\n  color: var(--color-form-default-text);\n}\n\n.reset-item {\n  color: var(--color-form-active-primary);\n  fill: var(--color-form-active-primary);\n}\n\n.reset-item-content {\n  display: flex;\n  align-items: center;\n}\n\n.reset-item.reset-item-margin .reset-item-content {\n  margin-left: var(--space-unit);\n}\n\n.reset-item .reset-item-content > z-icon {\n  margin-right: var(--space-unit);\n}\n\n.reset-item.hide {\n  display: none;\n}\n\n.tree-list-reset-item {\n  padding: var(--space-unit) 0;\n}\n\nz-list-element {\n  position: relative;\n  display: block;\n}\n\nz-list z-list-element::before {\n  position: absolute;\n  z-index: 100;\n  top: 3px;\n  left: -8px;\n  width: 8px;\n  height: 1em;\n  border-bottom: 1px solid var(--color-form-disabled01-icon);\n  border-left: 1px solid var(--color-form-disabled01-icon);\n  content: \"\";\n  cursor: pointer;\n}\n\nz-list z-list-element::after {\n  position: absolute;\n  z-index: 100;\n  top: 5px;\n  left: -8px;\n  width: 8px;\n  height: 100%;\n  border-left: 1px solid var(--color-form-disabled01-icon);\n  content: \"\";\n  cursor: pointer;\n}\n\nz-list z-list-element:last-child::after {\n  display: none;\n}\n\nz-list > z-list-element::before,\nz-list > z-list-element::after,\nz-list > z-list-group > z-list-element::before,\nz-list > z-list-group > z-list-element::after {\n  display: none;\n}\n\nz-list > div.children-node {\n  padding-left: calc(var(--space-unit) * 2);\n}\n\nz-list-element > .list-element {\n  display: flex;\n  justify-content: space-between;\n  padding: calc(var(--space-unit) * 1.5) var(--space-unit);\n  cursor: pointer;\n}\n\nz-list-element > .list-element:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\nz-list-element:not([disabled]) > .list-element:hover,\nz-list-element:not([disabled]) > .list-element:hover::after {\n  background-color: var(--background-hover-color-list-element, var(--color-background));\n}\n\nz-list-element > .list-element .item.ellipsis {\n  overflow: hidden;\n}\n\nz-list-element .list-element::after {\n  position: absolute;\n  top: 0;\n  right: -1px;\n  display: block;\n  width: 100%;\n  height: 45px;\n  content: \"\";\n  transform: translateX(-100%);\n}\n\nz-list-element.tree-search-item {\n  padding-top: 0;\n}\n\nz-list-element.tree-search-item .list-element::after {\n  position: absolute;\n  right: -25px;\n  display: block;\n  width: 100%;\n  height: 45px;\n  content: \"\";\n  transform: translateX(-100%);\n}\n\nz-list-element.grouped-tree-parent-node .list-element::after {\n  position: absolute;\n  right: -25px;\n  display: block;\n  width: 100%;\n  height: 45px;\n  content: \"\";\n  transform: translateX(-100%);\n}\n\n.item-label.selected {\n  font-weight: bold;\n}\n\n.item.ellipsis {\n  display: inline-block;\n  overflow: hidden;\n  max-width: 100%;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\nz-list > z-list-element.grouped-tree-parent-node > .list-element:hover::after,\nz-list-element.tree-search-item .list-element:hover::after,\nz-list > z-list-group > z-list-element.grouped-tree-parent-node > .list-element:hover::after {\n  position: absolute;\n  z-index: -1;\n  right: -18px;\n  display: block;\n  width: 100%;\n  height: 45px;\n  content: \"\";\n  transform: translateX(-100%);\n}\n\nz-list-element > .list-element:hover::after {\n  position: absolute;\n  z-index: -1;\n  top: 0;\n  right: 0;\n  display: block;\n  width: 100%;\n  height: 45px;\n  content: \"\";\n  transform: translateX(-100%);\n}\n\n.children-node z-list-element::before,\n.children-node z-list-element::after {\n  left: -8px;\n}\n\n.children-node .children-node z-list-element::before,\n.children-node .children-node z-list-element::after {\n  left: -8px;\n}\n\n.children-node > z-list-element {\n  padding: 0;\n}\n","import {Component, Element, Event, EventEmitter, Listen, Method, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ControlSize, InputStatus, KeyboardCode, ListDividerType, ListSize, SelectItem} from \"../../beans\";\nimport {boolean, getClickedElement, getElementTree, randomId} from \"../../utils/utils\";\n\n@Component({\n  tag: \"z-select\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZSelect {\n  @Element() host: HTMLZSelectElement;\n\n  /** the id of the input element */\n  @Prop()\n  htmlid = `id-${randomId()}`;\n\n  /** the input select options */\n  @Prop()\n  items: SelectItem[] | string;\n\n  /** the input name */\n  @Prop()\n  name?: string;\n\n  /** the input label */\n  @Prop()\n  label?: string;\n\n  /** the input aria-label */\n  @Prop()\n  ariaLabel = \"\";\n\n  /** the input is disabled */\n  @Prop()\n  disabled?: boolean = false;\n\n  /** the input is readonly */\n  @Prop()\n  readonly?: boolean = false;\n\n  /** the input placeholder (optional) */\n  @Prop()\n  placeholder?: string;\n\n  /** the input html title (optional) */\n  @Prop()\n  htmltitle?: string;\n\n  /** the input status (optional) */\n  @Prop()\n  status?: InputStatus;\n\n  /** input helper message (optional) - if set to `false` message won't be displayed */\n  @Prop()\n  message?: string | boolean = true;\n\n  /** the input has autocomplete option */\n  @Prop()\n  autocomplete?: boolean = false;\n\n  /** no result text message */\n  @Prop()\n  noresultslabel?: string = \"Nessun risultato\";\n\n  /** */\n  @Prop()\n  hasGroupItems?: boolean;\n\n  /** */\n  @Prop()\n  hasTreeItems?: boolean;\n\n  /** If true and an item matches the search string, children of matching item are shown even if they don't match the search string  */\n  @Prop()\n  showChildrenOfMatchingParent?: boolean;\n\n  /** When fixed, it occupies space and pushes down next elements. */\n  @Prop()\n  isfixed?: boolean = false;\n\n  /** */\n  @Prop()\n  resetItem?: string;\n\n  /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */\n  @Prop()\n  size?: ControlSize = ControlSize.BIG;\n\n  @State()\n  isOpen = false;\n\n  @State()\n  selectedItem: null | SelectItem = null;\n\n  @State()\n  focusedItemId: string;\n\n  @State()\n  searchString: null | string;\n\n  private flattenedList: {item: SelectItem; key: number}[] = [];\n\n  private itemsList: SelectItem[] = [];\n\n  private itemIdKeyMap: Record<string, number> = {};\n\n  private readonly resetKey = -1;\n\n  constructor() {\n    this.toggleSelectUl = this.toggleSelectUl.bind(this);\n    this.handleSelectFocus = this.handleSelectFocus.bind(this);\n  }\n\n  @Watch(\"items\")\n  watchItems(): void {\n    this.itemsList = this.getInitialItemsArray();\n\n    this.selectedItem = this.findSelectedItem(this.itemsList);\n  }\n\n  @Listen(\"ariaDescendantFocus\")\n  getFocusedItemHandler(e: CustomEvent): void {\n    this.focusedItemId = (e.target as Element).id;\n  }\n\n  /** get the input selected options */\n  @Method()\n  async getSelectedItem(): Promise<SelectItem> {\n    return this.selectedItem;\n  }\n\n  /** get the input value */\n  @Method()\n  async getValue(): Promise<string> {\n    return this.getSelectedValue();\n  }\n\n  /** set the input value */\n  @Method()\n  async setValue(value: string | string[]): Promise<void> {\n    let values: string[] = [];\n    if (typeof value === \"string\") {\n      values.push(value);\n    } else {\n      values = value;\n    }\n\n    this.itemsList = this.getInitialItemsArray();\n    if (values.length) {\n      this.updateSelection(this.itemsList, values[0]);\n    }\n    this.selectedItem = this.findSelectedItem(this.itemsList);\n  }\n\n  /** Emitted on select option selection, returns select id, selected item id */\n  @Event()\n  optionSelect: EventEmitter;\n\n  private emitOptionSelect(): void {\n    this.optionSelect.emit({\n      id: this.htmlid,\n      selected: this.getSelectedValue(),\n    });\n  }\n\n  /** Emitted on reset selected item, returns select id, selected item id */\n  @Event()\n  resetSelect: EventEmitter;\n\n  private emitResetSelect(): void {\n    this.resetSelect.emit({\n      id: this.htmlid,\n    });\n  }\n\n  componentWillLoad(): void {\n    this.watchItems();\n  }\n\n  componentWillRender(): void {\n    this.filterItems(this.searchString);\n    this.updateFlattenedList();\n  }\n\n  private getInitialItemsArray(): SelectItem[] {\n    return typeof this.items === \"string\" ? JSON.parse(this.items) : this.items;\n  }\n\n  private mapSelectedItemToItemsArray(): SelectItem[] {\n    const initialItemsList = this.getInitialItemsArray();\n\n    return initialItemsList.map((item: SelectItem) => {\n      item.selected = item.id === this.selectedItem?.id;\n\n      return item;\n    });\n  }\n\n  private getSelectedValue(): string {\n    return this.selectedItem?.id;\n  }\n\n  private getGroupedItems(): [string, SelectItem[]][] {\n    return Object.entries(\n      this.itemsList.reduce(\n        (group, item) => {\n          const category = item.category || \"Altra categoria\";\n          group[category] = group[category] || [];\n          group[category].push(item);\n\n          return group;\n        },\n        {} as Record<string, SelectItem[]>\n      )\n    );\n  }\n\n  private updateFlattenedList(): void {\n    let orderedItems = this.itemsList;\n    if (this.hasGroupItems) {\n      orderedItems = this.getGroupedItems()\n        .map((item) => item[1])\n        .flat();\n    }\n\n    this.flattenedList = this.flattenTreeItems(orderedItems);\n    this.itemIdKeyMap = {};\n    this.flattenedList.forEach(({item, key}) => {\n      this.itemIdKeyMap[item.id] = key;\n    });\n  }\n\n  private filterItems(searchString: string): void {\n    const prevList = this.mapSelectedItemToItemsArray();\n\n    if (!searchString?.length) {\n      this.itemsList = prevList;\n\n      return;\n    }\n\n    if (this.hasTreeItems) {\n      this.itemsList = this.filterTree(prevList, searchString, false);\n    } else {\n      this.itemsList = prevList\n        .filter((item: SelectItem) => item.name.toUpperCase().includes(searchString.toUpperCase()))\n        .map((item: SelectItem) => {\n          item.name = this.getHighlightedText(item.name, searchString);\n\n          return item;\n        });\n    }\n  }\n\n  private filterTree(items: SelectItem[], searchString: string, matchingParent: boolean): SelectItem[] {\n    if (!items) {\n      return [];\n    }\n\n    return items\n      .map((item) => {\n        const match = item.name.toUpperCase().includes(searchString.toUpperCase());\n\n        const newItem: SelectItem = {...item};\n        if (newItem.children && newItem.children.length > 0) {\n          newItem.children = this.filterTree(newItem.children, searchString, match);\n        }\n\n        if (match) {\n          newItem.name = this.getHighlightedText(newItem.name, searchString);\n        }\n        if (\n          match ||\n          (newItem.children && newItem.children.length > 0) ||\n          (this.showChildrenOfMatchingParent && matchingParent)\n        ) {\n          return newItem;\n        }\n\n        return null;\n      })\n      .filter((item) => item !== null) as SelectItem[];\n  }\n\n  private getHighlightedText(text: string, search: string): string {\n    const upperText = text.toUpperCase();\n    const upperSearch = search.toUpperCase();\n    const start = upperText.indexOf(upperSearch);\n\n    if (start === -1) {\n      return text;\n    }\n\n    const end = start + search.length;\n\n    return text.substring(0, start) + `<strong>${text.substring(start, end)}</strong>` + text.substring(end);\n  }\n\n  private hasAutocomplete(): boolean {\n    return boolean(this.autocomplete) === true;\n  }\n\n  private handleInputChange(e: CustomEvent): void {\n    this.searchString = e.detail.value;\n    if (!this.isOpen) {\n      this.toggleSelectUl();\n    }\n  }\n\n  private updateSelection(items: SelectItem[], selectedId: string): void {\n    if (items) {\n      items.forEach((item) => {\n        item.selected = item.id === selectedId;\n        if (item.children && item.children.length > 0) {\n          this.updateSelection(item.children, selectedId);\n        }\n      });\n    }\n  }\n\n  private findSelectedItem(items: SelectItem[]): SelectItem | null {\n    if (items) {\n      for (const item of items) {\n        if (item.selected) {\n          return item;\n        }\n        if (item.children && item.children.length > 0) {\n          const found = this.findSelectedItem(item.children);\n          if (found) {\n            return found;\n          }\n        }\n      }\n    }\n\n    return null;\n  }\n\n  private selectItem(selected: null | SelectItem): void {\n    if (selected?.disabled) {\n      return;\n    }\n\n    this.itemsList = this.getInitialItemsArray();\n\n    if (selected) {\n      this.updateSelection(this.itemsList, selected.id);\n    }\n\n    this.selectedItem = this.findSelectedItem(this.itemsList);\n    this.emitOptionSelect();\n    this.toggleSelectUl();\n    if (this.searchString) {\n      this.searchString = null;\n    }\n  }\n\n  private flattenTreeItems(items: SelectItem[]): {item: SelectItem; key: number}[] {\n    const flatItems: {item: SelectItem; key: number}[] = [];\n    let index = 0;\n\n    const flatten = (subItems: SelectItem[], disabledAncestor?: boolean): void => {\n      subItems.forEach((itm) => {\n        const isDisabled = itm.disabled || disabledAncestor;\n        flatItems.push({item: {...itm, disabled: isDisabled}, key: index++});\n        if (itm.children && itm.children.length > 0) {\n          flatten(itm.children, isDisabled);\n        }\n      });\n    };\n\n    if (items) {\n      flatten(items);\n    }\n\n    return flatItems;\n  }\n\n  private arrowsSelectNav(e: KeyboardEvent, idOrReset: string | number): void {\n    const showResetIcon = this.resetItem && !!this.selectedItem;\n    const arrows = [KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP];\n\n    if (!arrows.includes(e.key as KeyboardCode)) {\n      return;\n    }\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    const flatItems = [...this.flattenedList].filter((f) => !f.item.disabled);\n\n    if (this.resetItem && showResetIcon) {\n      flatItems.unshift({\n        item: {id: \"__RESET_ITEM__\"} as SelectItem,\n        key: this.resetKey,\n      });\n    }\n\n    if (!flatItems.length) {\n      return;\n    }\n\n    let currentIndex: number;\n    if (typeof idOrReset === \"number\") {\n      currentIndex = flatItems.findIndex((f) => f.key === idOrReset);\n    } else {\n      const k = this.itemIdKeyMap[idOrReset];\n      currentIndex = flatItems.findIndex((f) => f.key === k);\n    }\n\n    if (!this.isOpen) {\n      this.toggleSelectUl();\n\n      if (currentIndex > -1) {\n        this.focusSelectItem(flatItems[currentIndex].key);\n\n        return;\n      }\n    }\n\n    const lastIndex = flatItems.length - 1;\n\n    let newIndex = currentIndex;\n\n    if (e.key === KeyboardCode.ARROW_DOWN) {\n      do {\n        if (newIndex === lastIndex) {\n          return;\n        }\n\n        newIndex = newIndex + 1;\n      } while (flatItems[newIndex].item.disabled);\n    } else {\n      do {\n        if (newIndex <= 0) {\n          return;\n        }\n\n        newIndex = newIndex - 1;\n      } while (flatItems[newIndex].item.disabled);\n    }\n\n    this.focusSelectItem(flatItems[newIndex].key);\n  }\n\n  private focusSelectItem(key: number): void {\n    const elemId = `${this.htmlid}_key_${key}`;\n    const elem = this.host.querySelector<HTMLDivElement>(`#${elemId}`);\n    if (elem) {\n      this.focusedItemId = elemId;\n      elem.focus();\n    }\n  }\n\n  private toggleSelectUl(selfFocusOnClose = false): void {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    if (!this.isOpen) {\n      document.addEventListener(\"click\", this.handleSelectFocus);\n      document.addEventListener(\"keyup\", this.handleSelectFocus);\n    } else {\n      document.removeEventListener(\"click\", this.handleSelectFocus);\n      document.removeEventListener(\"keyup\", this.handleSelectFocus);\n      if (selfFocusOnClose) {\n        (this.host.querySelector(`#${this.htmlid}_select_input`) as HTMLInputElement)?.focus();\n      }\n\n      if (this.selectedItem && this.searchString) {\n        this.searchString = null;\n        this.filterItems(this.searchString);\n      }\n    }\n\n    this.focusedItemId = \"\";\n    this.isOpen = !this.isOpen;\n  }\n\n  private handleInputClick(e: MouseEvent | KeyboardEvent): void {\n    if ((e.target as HTMLElement).closest(\".reset-icon\")) {\n      e.stopPropagation();\n\n      return;\n    }\n\n    this.toggleSelectUl();\n  }\n\n  private handleSelectFocus(e: MouseEvent | KeyboardEvent): void {\n    if (e instanceof KeyboardEvent && e.key === KeyboardCode.ESC) {\n      e.stopPropagation();\n\n      return this.toggleSelectUl(true);\n    }\n\n    if (e instanceof KeyboardEvent && e.key !== KeyboardCode.TAB) {\n      return;\n    }\n\n    const clickedElement = getClickedElement();\n    if (clickedElement?.hasAttribute(\"disabled\")) {\n      return;\n    }\n\n    if (\n      !getElementTree(clickedElement).find(\n        (elem: HTMLElement) => elem.nodeName.toLowerCase() === \"z-input\" && elem.id === `${this.htmlid}_input`\n      )\n    ) {\n      const zSelect = getElementTree(clickedElement).find((e) => e.nodeName === \"Z-SELECT\");\n      this.toggleSelectUl(zSelect === this.host);\n    }\n  }\n\n  private scrollToLetter(letter: string): void {\n    const foundItem = this.itemsList.findIndex(\n      (item: SelectItem) => item.name.toLowerCase().charAt(0) === letter.toLowerCase()\n    );\n    if (foundItem > -1) {\n      if (!this.isOpen) {\n        this.toggleSelectUl();\n      }\n      this.focusSelectItem(this.itemIdKeyMap[this.itemsList[foundItem].id]);\n    }\n  }\n\n  private renderInput(): HTMLElement[] {\n    const ariaExpanded = this.isOpen ? \"true\" : \"false\";\n    const ariaControls = `${this.htmlid}_list`;\n    const ariaActivedescendant = this.isOpen ? this.focusedItemId : \"\";\n\n    let wrapperAriaComboboxAttributes, inputAriaComboboxAttributes;\n\n    if (this.hasAutocomplete()) {\n      wrapperAriaComboboxAttributes = {};\n      inputAriaComboboxAttributes = {\n        \"role\": \"combobox\",\n        \"html-aria-expanded\": ariaExpanded,\n        \"html-aria-controls\": ariaControls,\n        \"html-aria-activedescendant\": ariaActivedescendant,\n        \"html-aria-autocomplete\": \"list\",\n      };\n    } else {\n      wrapperAriaComboboxAttributes = {\n        \"role\": \"combobox\",\n        \"aria-expanded\": ariaExpanded,\n        \"aria-controls\": ariaControls,\n        \"aria-activedescendant\": ariaActivedescendant,\n      };\n      inputAriaComboboxAttributes = {role: \"presentation\"};\n    }\n\n    return [\n      <z-input\n        class={{\n          \"active-select\": this.isOpen,\n          \"cursor-select\": !this.autocomplete,\n        }}\n        id={`${this.htmlid}_input`}\n        htmlid={`${this.htmlid}_select_input`}\n        placeholder={this.placeholder}\n        value={!this.isOpen && this.selectedItem ? this.selectedItem.name.replace(/<[^>]+>/g, \"\") : null}\n        label={this.label}\n        autocomplete=\"off\"\n        aria-label={this.ariaLabel}\n        icon={this.isOpen ? \"caret-up\" : \"caret-down\"}\n        hasclearicon={false}\n        message={false}\n        name={this.name}\n        disabled={this.disabled}\n        readonly={this.readonly || (!this.hasAutocomplete() && this.isOpen)}\n        status={this.isOpen ? undefined : this.status}\n        size={this.size}\n        {...inputAriaComboboxAttributes}\n        onClick={(e: MouseEvent) => {\n          this.handleInputClick(e);\n        }}\n        onKeyDown={(e: KeyboardEvent) => {\n          const current = this.selectedItem\n            ? this.itemIdKeyMap[this.selectedItem.id]\n            : this.resetItem\n              ? this.resetKey\n              : \"\";\n\n          return this.arrowsSelectNav(e, current);\n        }}\n        onInputChange={(e: CustomEvent) => {\n          this.handleInputChange(e);\n        }}\n        onKeyPress={(e: KeyboardEvent) => {\n          if (!this.hasAutocomplete()) {\n            e.preventDefault();\n            this.scrollToLetter(e.key);\n          }\n        }}\n      />,\n      <div {...wrapperAriaComboboxAttributes}></div>,\n    ];\n  }\n\n  private renderSelectUl(): HTMLDivElement {\n    return (\n      <div class={this.isOpen ? \"open\" : \"closed\"}>\n        <div\n          class={{\n            \"ul-scroll-wrapper\": true,\n            \"fixed\": this.isfixed,\n          }}\n        >\n          <z-list\n            role=\"listbox\"\n            aria-label={this.ariaLabel || this.label}\n            tabindex={this.disabled || this.readonly || !this.isOpen ? -1 : 0}\n            id={`${this.htmlid}_list`}\n            aria-multiselectable={false}\n            size={this.listSizeType()}\n            class={{\n              \"disabled\": this.disabled,\n              \"readonly\": this.readonly,\n              [`input-${this.status}`]: !this.isOpen && !!this.status,\n              \"z-scrollbar\": true,\n            }}\n          >\n            {this.resetItem && this.renderResetItem()}\n            {this.renderSelectUlItems()}\n          </z-list>\n        </div>\n      </div>\n    );\n  }\n\n  private renderResetItem(): HTMLZListElementElement {\n    return (\n      <z-list-element\n        class={{\n          \"hide\": !this.selectedItem || !this.resetItem,\n          \"reset-item\": true,\n          \"reset-item-margin\": !this.hasGroupItems,\n        }}\n        clickable={true}\n        disabled={false}\n        dividerType={ListDividerType.ELEMENT}\n        role=\"option\"\n        html-tabindex={0}\n        aria-selected=\"false\"\n        id={`${this.htmlid}_key_${this.resetKey}`}\n        size={this.hasTreeItems ? ListSize.MEDIUM : this.listSizeType()}\n        onClickItem={() => {\n          this.selectedItem = null;\n          this.searchString = null;\n          this.emitResetSelect();\n        }}\n        onKeyDown={(e: KeyboardEvent) => this.arrowsSelectNav(e, this.resetKey)}\n      >\n        <div\n          class={{\n            \"reset-item-content\": true,\n            \"tree-list-reset-item\": this.hasTreeItems,\n          }}\n        >\n          <z-icon name=\"multiply-circled\" />\n          <span>{this.resetItem}</span>\n        </div>\n      </z-list-element>\n    );\n  }\n\n  private renderItem(item: SelectItem, lastItem: boolean): HTMLZListElementElement {\n    const thisItemKey = this.itemIdKeyMap[item.id];\n\n    return (\n      <z-list-element\n        clickable={!item.disabled}\n        disabled={item.disabled}\n        dividerType={lastItem ? ListDividerType.HEADER : ListDividerType.ELEMENT}\n        role=\"option\"\n        html-tabindex={\n          item.disabled || !this.isOpen || this.focusedItemId !== `${this.htmlid}_key_${thisItemKey}` ? -1 : 0\n        }\n        aria-selected={item.selected ? \"true\" : \"false\"}\n        id={`${this.htmlid}_key_${thisItemKey}`}\n        size={this.listSizeType()}\n        onClickItem={() => this.selectItem(item)}\n        onKeyDown={(e: KeyboardEvent) => this.arrowsSelectNav(e, thisItemKey)}\n      >\n        <div class=\"list-element-container\">\n          <div\n            class={{\n              \"selected\": !!item.selected,\n              \"list-element-content\": true,\n            }}\n            innerHTML={item.name}\n          />\n          {item.icon && <z-tag icon={item.icon}></z-tag>}\n        </div>\n      </z-list-element>\n    );\n  }\n\n  private listSizeType(): ListSize {\n    if (this.hasTreeItems) {\n      return ListSize.NONE;\n    }\n\n    if (this.size === ControlSize.SMALL || this.size === ControlSize.X_SMALL) {\n      return ListSize.SMALL;\n    }\n\n    return ListSize.MEDIUM;\n  }\n\n  private renderSelectUlItems():\n    | HTMLZListElementElement\n    | (HTMLZListElementElement | HTMLZListElementElement[])[]\n    | HTMLZListGroupElement[] {\n    if (!this.itemsList.length) {\n      return this.renderNoSearchResults();\n    }\n\n    if (this.hasGroupItems) {\n      if (this.hasTreeItems) {\n        return this.renderGroupedTree();\n      }\n\n      return this.renderSelectGroupItems();\n    }\n\n    return this.itemsList.map((item: SelectItem, index, array) => {\n      const isLastItem = index === array.length - 1;\n      const parentHasSiblings = array.length > 1;\n\n      if (this.hasTreeItems) {\n        return this.renderTreeItems(item, isLastItem, parentHasSiblings, true, item.disabled);\n      }\n\n      return this.renderItem(item, isLastItem);\n    });\n  }\n\n  private renderTreeItems(\n    item: SelectItem,\n    isLastChild: boolean,\n    parentHasSiblings: boolean,\n    isTopLevel?: boolean,\n    disabledAncestor?: boolean\n  ): HTMLZListElementElement[] {\n    const thisItemKey = this.itemIdKeyMap[item.id];\n    const isDisabled = item.disabled || disabledAncestor;\n\n    const hasDivider = this.hasGroupItems\n      ? undefined\n      : this.hasGroupItems\n        ? isLastChild && !parentHasSiblings\n          ? ListDividerType.ELEMENT\n          : undefined\n        : isTopLevel && parentHasSiblings && !isLastChild\n          ? ListDividerType.ELEMENT\n          : undefined;\n\n    return (\n      <z-list-element\n        clickable={!item.disabled}\n        disabled={isDisabled}\n        class={{\n          \"grouped-tree-parent-node\": this.hasGroupItems && !!item.children?.length,\n          \"tree-search-item\": this.hasGroupItems && isTopLevel && !item.children?.length && !!this.searchString,\n        }}\n        size={this.listSizeType()}\n        dividerType={hasDivider}\n        hasTreeItems={this.hasTreeItems}\n        html-tabindex={null}\n        role=\"presentation\"\n      >\n        <div\n          id={`${this.htmlid}_key_${thisItemKey}`}\n          role=\"option\"\n          class=\"list-element\"\n          tabIndex={!this.isOpen || isDisabled || this.focusedItemId !== `${this.htmlid}_key_${thisItemKey}` ? -1 : 0}\n          onClick={() => this.selectItem(item)}\n          onKeyDown={(e: KeyboardEvent) => {\n            this.arrowsSelectNav(e, thisItemKey);\n            if (e.key === KeyboardCode.ENTER) {\n              this.selectItem(item);\n            }\n          }}\n        >\n          <span class=\"item ellipsis\">\n            <span\n              class={{\n                \"item-label\": true,\n                \"selected\": !!item.selected,\n              }}\n              title={item.name}\n              innerHTML={item.selected ? `<strong>${item.name}</strong>` : item.name}\n            />\n          </span>\n          {item.icon && <z-tag icon={item.icon}></z-tag>}\n        </div>\n        {item.children && item.children.length > 0 ? (\n          <z-list role=\"presentation\">\n            <div class=\"children-node\">\n              {item.children.map((child, index, arr) =>\n                this.renderTreeItems(\n                  child,\n                  index === arr.length - 1,\n                  arr.length > 1,\n                  false, // isTopLevel = false for children\n                  isDisabled\n                )\n              )}\n            </div>\n          </z-list>\n        ) : null}\n      </z-list-element>\n    );\n  }\n\n  private renderGroupedTree(): HTMLZListGroupElement[] {\n    const groupedItems = this.getGroupedItems();\n\n    return groupedItems.map(([category, items], index, entries) => {\n      const parentHasSiblings = Object.values(groupedItems).some((groupItems) => groupItems.length > 1);\n      // const parentHasSiblings = items.length > 1;\n\n      return (\n        <z-list-group\n          divider-type={index === entries.length - 1 ? undefined : ListDividerType.ELEMENT}\n          hasTreeItems={true}\n          role=\"presentation\"\n        >\n          <span\n            class=\"body-3-sb z-list-group-title\"\n            slot=\"header-title\"\n          >\n            {category}\n          </span>\n          <z-list role=\"presentation\">\n            {items.map((item, i, arr) => [\n              this.renderTreeItems(item, i === arr.length - 1, parentHasSiblings, true, item.disabled),\n              i < arr.length - 1 ? (\n                <z-divider\n                  key={`divider-${i}`}\n                  style={{zIndex: \"100\", height: \"var(--border-size-small)\"}}\n                />\n              ) : null,\n            ])}\n          </z-list>\n          {index !== entries.length - 1 && <z-divider style={{zIndex: \"100\", height: \"var(--border-size-small)\"}} />}\n        </z-list-group>\n      );\n    });\n  }\n\n  private renderSelectGroupItems(): HTMLZListElementElement[] {\n    const groupedItems = this.getGroupedItems();\n\n    return groupedItems.map(([key, items], index) => {\n      const isLastGroup = groupedItems.length === index + 1;\n\n      return (\n        <z-list-group\n          role=\"presentation\"\n          divider-type={ListDividerType.ELEMENT}\n        >\n          <span\n            class=\"body-3-sb z-list-group-title\"\n            slot=\"header-title\"\n          >\n            {key}\n          </span>\n          {items.map((item, subindex) => {\n            const isLastItem = items.length === subindex + 1;\n\n            return this.renderItem(item, isLastGroup && isLastItem);\n          })}\n        </z-list-group>\n      );\n    });\n  }\n\n  private renderNoSearchResults(): HTMLZListElementElement {\n    return (\n      <z-list-element\n        class=\"no-results\"\n        size={this.hasTreeItems ? ListSize.MEDIUM : this.listSizeType()}\n        html-tabindex={null}\n        role=\"presentation\"\n      >\n        {this.noresultslabel}\n      </z-list-element>\n    );\n  }\n\n  private renderMessage(): HTMLZInputMessageElement {\n    if (boolean(this.message) === false) {\n      return;\n    }\n\n    return (\n      <z-input-message\n        message={boolean(this.message) === true ? undefined : (this.message as string)}\n        status={this.status}\n        class={this.size}\n        disabled={this.disabled}\n      />\n    );\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div class=\"select-wrapper\">\n        {this.renderInput()}\n        {this.renderSelectUl()}\n        {this.renderMessage()}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}