@zanichelli/albe-web-components 20.0.2-RC → 20.0.3

package/dist/cjs/z-select.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"z-select.cjs.entry.js","mappings":"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","names":["randomId","ControlSize","encodeString","getPlainText","boolean","KeyboardCode","getClickedElement","getElementTree","h","ListDividerType","ListSize","index"],"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: 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.active {\n  box-shadow: var(--shadow-focus-primary);\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-content.active {\n  box-shadow: var(--shadow-focus-primary);\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.active {\n  box-shadow: var(--shadow-focus-primary);\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 {\n  Component,\n  ComponentInterface,\n  Element,\n  Event,\n  EventEmitter,\n  Method,\n  Prop,\n  State,\n  Watch,\n  h,\n} from \"@stencil/core\";\nimport {ControlSize, InputStatus, KeyboardCode, ListDividerType, ListSize, SelectItem} from \"../../beans\";\nimport {boolean, encodeString, getClickedElement, getElementTree, getPlainText, 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 implements ComponentInterface {\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  htmlAriaLabel?: string;\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 is required */\n  @Prop()\n  required?: 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 itemsList: SelectItem[] = [];\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  /** 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  }\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    this.updateSelection(initialItemsList, this.selectedItem?.id);\n\n    return initialItemsList;\n  }\n\n  private getSelectedValue(): string {\n    return this.selectedItem?.id;\n  }\n\n  private getOptionId(item: SelectItem): string {\n    return `${this.htmlid}_key_${item.id ? encodeString(`${item.id}`) : encodeString(`${item.name}`)}`;\n  }\n\n  private getResetOptionId(): string {\n    return `${this.htmlid}_key_reset`;\n  }\n\n  private getGroupedItems(): [string, SelectItem[]][] {\n    if (!this.itemsList.length) {\n      return [];\n    }\n\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 filterItems(searchString: string): void {\n    let prevList = this.mapSelectedItemToItemsArray();\n\n    if (!searchString?.length) {\n      this.itemsList = prevList;\n\n      return;\n    }\n\n    prevList = prevList.map((item) => ({...item, name: getPlainText(item.name)}));\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(\n            newItem.children.map((item) => ({...item, name: getPlainText(item.name)})),\n            searchString,\n            match\n          );\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 handleResetClick(): void {\n    this.selectedItem = null;\n    this.searchString = null;\n    this.focusedItemId = \"\";\n    this.emitResetSelect();\n    this.toggleSelectUl();\n  }\n\n  private handleInputKeyDown(e: KeyboardEvent): void {\n    switch (e.code as KeyboardCode) {\n      case KeyboardCode.ENTER:\n      case KeyboardCode.SPACE:\n        if (this.focusedItemId) {\n          if (this.focusedItemId === this.getResetOptionId()) {\n            this.handleResetClick();\n          } else {\n            const item = this.itemsList.find((e) => this.getOptionId(e) === this.focusedItemId) || null;\n            if (item) {\n              this.selectedItem = item;\n              this.emitOptionSelect();\n              this.toggleSelectUl();\n            }\n          }\n        }\n        break;\n      case KeyboardCode.ARROW_DOWN:\n      case KeyboardCode.ARROW_UP:\n        this.arrowsSelectNav(e);\n        break;\n    }\n  }\n\n  private arrowsSelectNav(e: KeyboardEvent): void {\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 currElem = this.focusedItemId ? this.host.querySelector(`#${this.focusedItemId}`) : null;\n    const options = Array.from(this.host.querySelectorAll('[role=\"option\"]'));\n\n    if (!options.length) {\n      return;\n    }\n\n    const currElemIndex = currElem ? options.indexOf(currElem) : null;\n    const firstElemIndex = 0;\n    const lastElemIndex = options.length - 1;\n\n    if (!this.isOpen) {\n      this.toggleSelectUl();\n\n      if (this.selectedItem) {\n        this.focusSelectItem(this.getOptionId(this.selectedItem));\n\n        return;\n      }\n    }\n\n    let nextElem = null;\n    if (e.code === KeyboardCode.ARROW_DOWN) {\n      nextElem =\n        currElemIndex === null ? options[firstElemIndex] : options[currElemIndex + 1] || options[lastElemIndex];\n    } else if (e.code === KeyboardCode.ARROW_UP) {\n      nextElem =\n        currElemIndex === null ? options[lastElemIndex] : options[currElemIndex - 1] || options[firstElemIndex];\n    }\n\n    this.focusSelectItem(nextElem.id);\n  }\n\n  private focusSelectItem(optionId: string): void {\n    this.focusedItemId = optionId;\n    const elem = this.host.querySelector(`#${optionId}`);\n    // @ts-expect-error 'container' does not exist in type 'ScrollIntoViewOptions'\n    elem.scrollIntoView({block: \"nearest\", container: \"nearest\"});\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    if (!this.itemsList.length) {\n      return;\n    }\n\n    const foundItem = this.itemsList.find(\n      (item: SelectItem) => item.name.toLowerCase().charAt(0) === letter.toLowerCase()\n    );\n    if (foundItem) {\n      if (!this.isOpen) {\n        this.toggleSelectUl();\n      }\n      this.focusSelectItem(this.getOptionId(foundItem));\n    }\n  }\n\n  private renderInput(): HTMLElement[] {\n    let value = null;\n    if (this.selectedItem) {\n      value = getPlainText(this.selectedItem.name);\n    }\n    if (this.isOpen && this.searchString !== undefined) {\n      value = this.searchString;\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={value}\n        label={this.label}\n        autocomplete=\"off\"\n        htmlAriaLabel={this.htmlAriaLabel || undefined}\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        required={this.required}\n        status={this.isOpen ? undefined : this.status}\n        size={this.size}\n        role=\"combobox\"\n        html-aria-expanded={this.isOpen ? \"true\" : \"false\"}\n        html-aria-controls={`${this.htmlid}_list`}\n        html-aria-activedescendant={this.isOpen ? this.focusedItemId : \"\"}\n        html-aria-autocomplete={this.hasAutocomplete() ? \"list\" : undefined}\n        onClick={(e: MouseEvent) => this.handleInputClick(e)}\n        onKeyDown={(e: KeyboardEvent) => this.handleInputKeyDown(e)}\n        onInputChange={(e: CustomEvent) => this.handleInputChange(e)}\n        onKeyPress={(e: KeyboardEvent) => {\n          if (!this.hasAutocomplete()) {\n            e.preventDefault();\n            this.scrollToLetter(e.key);\n          }\n        }}\n      />,\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.htmlAriaLabel || 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    const hidden = !this.selectedItem || !this.resetItem;\n\n    return (\n      <z-list-element\n        class={{\n          \"hide\": hidden,\n          \"reset-item\": true,\n          \"reset-item-margin\": !this.hasGroupItems,\n        }}\n        clickable={true}\n        disabled={false}\n        dividerType={ListDividerType.ELEMENT}\n        role={hidden ? \"presentation\" : \"option\"}\n        htmlTabindex={this.isOpen ? 0 : null}\n        aria-selected=\"false\"\n        aria-label={hidden ? undefined : this.resetItem}\n        id={this.getResetOptionId()}\n        size={this.hasTreeItems ? ListSize.MEDIUM : this.listSizeType()}\n        onClickItem={() => this.handleResetClick()}\n      >\n        <div\n          class={{\n            \"reset-item-content\": true,\n            \"tree-list-reset-item\": this.hasTreeItems,\n            \"active\": this.focusedItemId === this.getResetOptionId(),\n          }}\n          aria-hidden=\"true\"\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    return (\n      <z-list-element\n        clickable={!item.disabled}\n        disabled={item.disabled}\n        dividerType={lastItem ? ListDividerType.HEADER : ListDividerType.ELEMENT}\n        role={item.disabled ? \"presentation\" : \"option\"}\n        htmlTabindex={-1}\n        aria-selected={item.selected ? \"true\" : \"false\"}\n        aria-label={item.disabled ? undefined : getPlainText(item.name)}\n        id={this.getOptionId(item)}\n        size={this.listSizeType()}\n        onClickItem={() => this.selectItem(item)}\n      >\n        <div\n          class={{\n            \"list-element-container\": true,\n            \"active\": this.focusedItemId === this.getOptionId(item),\n          }}\n          aria-hidden=\"true\"\n        >\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 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        htmlTabindex={null}\n        role=\"presentation\"\n      >\n        <div\n          id={this.getOptionId(item)}\n          role={isDisabled ? \"presentation\" : \"option\"}\n          aria-label={isDisabled ? undefined : getPlainText(item.name)}\n          class={{\"list-element\": true, \"active\": this.focusedItemId === this.getOptionId(item)}}\n          onClick={() => this.selectItem(item)}\n        >\n          <span\n            class=\"item ellipsis\"\n            aria-hidden=\"true\"\n          >\n            <span\n              class={{\n                \"item-label\": true,\n                \"selected\": !!item.selected,\n              }}\n              title={item.name}\n              innerHTML={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\n      return (\n        <z-list-group\n          divider-type={index === entries.length - 1 ? undefined : ListDividerType.ELEMENT}\n          hasTreeItems={true}\n          aria-labelledby={`${this.htmlid}_tree_${index}`}\n        >\n          <span\n            class=\"body-3-sb z-list-group-title\"\n            slot=\"header-title\"\n            id={`${this.htmlid}_tree_${index}`}\n            aria-hidden=\"true\"\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          divider-type={ListDividerType.ELEMENT}\n          aria-labelledby={`${this.htmlid}_group_${index}`}\n        >\n          <span\n            class=\"body-3-sb z-list-group-title\"\n            slot=\"header-title\"\n            id={`${this.htmlid}_group_${index}`}\n            aria-hidden=\"true\"\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        htmlTabindex={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"],"version":3}
+{"file":"z-select.cjs.entry.js","mappings":"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","names":["randomId","ControlSize","encodeString","getPlainText","boolean","KeyboardCode","getClickedElement","getElementTree","h","ListDividerType","ListSize","index"],"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: 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.active {\n  box-shadow: var(--shadow-focus-primary);\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-content.active {\n  box-shadow: var(--shadow-focus-primary);\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.active {\n  box-shadow: var(--shadow-focus-primary);\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 {\n  Component,\n  ComponentInterface,\n  Element,\n  Event,\n  EventEmitter,\n  Method,\n  Prop,\n  State,\n  Watch,\n  h,\n} from \"@stencil/core\";\nimport {ControlSize, InputStatus, KeyboardCode, ListDividerType, ListSize, SelectItem} from \"../../beans\";\nimport {boolean, encodeString, getClickedElement, getElementTree, getPlainText, 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 implements ComponentInterface {\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  htmlAriaLabel?: string;\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 is required */\n  @Prop()\n  required?: 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 itemsList: SelectItem[] = [];\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  /** 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  }\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    this.updateSelection(initialItemsList, this.selectedItem?.id);\n\n    return initialItemsList;\n  }\n\n  private getSelectedValue(): string {\n    return this.selectedItem?.id;\n  }\n\n  private getOptionId(item: SelectItem): string {\n    return `${this.htmlid}_key_${item.id ? encodeString(`${item.id}`) : encodeString(`${item.name}`)}`;\n  }\n\n  private getResetOptionId(): string {\n    return `${this.htmlid}_key_reset`;\n  }\n\n  private getGroupedItems(): [string, SelectItem[]][] {\n    if (!this.itemsList.length) {\n      return [];\n    }\n\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 filterItems(searchString: string): void {\n    let prevList = this.mapSelectedItemToItemsArray();\n\n    if (!searchString?.length) {\n      this.itemsList = prevList;\n\n      return;\n    }\n\n    prevList = prevList.map((item) => ({...item, name: getPlainText(item.name)}));\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(\n            newItem.children.map((item) => ({...item, name: getPlainText(item.name)})),\n            searchString,\n            match\n          );\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 handleResetClick(): void {\n    this.selectedItem = null;\n    this.searchString = null;\n    this.focusedItemId = \"\";\n    this.emitResetSelect();\n    this.toggleSelectUl();\n  }\n\n  private handleInputKeyDown(e: KeyboardEvent): void {\n    switch (e.code as KeyboardCode) {\n      case KeyboardCode.ENTER:\n      case KeyboardCode.SPACE:\n        if (this.focusedItemId) {\n          if (this.focusedItemId === this.getResetOptionId()) {\n            this.handleResetClick();\n          } else {\n            const item = this.itemsList.find((e) => this.getOptionId(e) === this.focusedItemId) || null;\n            if (item) {\n              this.selectedItem = item;\n              this.emitOptionSelect();\n              this.toggleSelectUl();\n            }\n          }\n        } else if (!this.hasAutocomplete()) {\n          e.preventDefault();\n          this.toggleSelectUl();\n        }\n        break;\n      case KeyboardCode.ARROW_DOWN:\n      case KeyboardCode.ARROW_UP:\n        this.arrowsSelectNav(e);\n        break;\n    }\n  }\n\n  private arrowsSelectNav(e: KeyboardEvent): void {\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 currElem = this.focusedItemId ? this.host.querySelector(`#${this.focusedItemId}`) : null;\n    const options = Array.from(this.host.querySelectorAll('[role=\"option\"]'));\n\n    if (!options.length) {\n      return;\n    }\n\n    const currElemIndex = currElem ? options.indexOf(currElem) : null;\n    const firstElemIndex = 0;\n    const lastElemIndex = options.length - 1;\n\n    if (!this.isOpen) {\n      this.toggleSelectUl();\n\n      if (this.selectedItem) {\n        this.focusSelectItem(this.getOptionId(this.selectedItem));\n\n        return;\n      }\n    }\n\n    let nextElem = null;\n    if (e.code === KeyboardCode.ARROW_DOWN) {\n      nextElem =\n        currElemIndex === null ? options[firstElemIndex] : options[currElemIndex + 1] || options[lastElemIndex];\n    } else if (e.code === KeyboardCode.ARROW_UP) {\n      nextElem =\n        currElemIndex === null ? options[lastElemIndex] : options[currElemIndex - 1] || options[firstElemIndex];\n    }\n\n    this.focusSelectItem(nextElem.id);\n  }\n\n  private focusSelectItem(optionId: string): void {\n    this.focusedItemId = optionId;\n    const elem = this.host.querySelector(`#${optionId}`);\n    // @ts-expect-error 'container' does not exist in type 'ScrollIntoViewOptions'\n    elem.scrollIntoView({block: \"nearest\", container: \"nearest\"});\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    if (!this.itemsList.length) {\n      return;\n    }\n\n    const foundItem = this.itemsList.find(\n      (item: SelectItem) => item.name.toLowerCase().charAt(0) === letter.toLowerCase()\n    );\n    if (foundItem) {\n      if (!this.isOpen) {\n        this.toggleSelectUl();\n      }\n      this.focusSelectItem(this.getOptionId(foundItem));\n    }\n  }\n\n  private renderInput(): HTMLElement[] {\n    let value = null;\n    if (this.selectedItem) {\n      value = getPlainText(this.selectedItem.name);\n    }\n    if (this.isOpen && this.searchString !== undefined) {\n      value = this.searchString;\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={value}\n        label={this.label}\n        autocomplete=\"off\"\n        htmlAriaLabel={this.htmlAriaLabel || undefined}\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        required={this.required}\n        status={this.isOpen ? undefined : this.status}\n        size={this.size}\n        role=\"combobox\"\n        html-aria-expanded={this.isOpen ? \"true\" : \"false\"}\n        html-aria-controls={`${this.htmlid}_list`}\n        html-aria-activedescendant={this.isOpen ? this.focusedItemId : \"\"}\n        html-aria-autocomplete={this.hasAutocomplete() ? \"list\" : undefined}\n        onClick={(e: MouseEvent) => this.handleInputClick(e)}\n        onKeyDown={(e: KeyboardEvent) => this.handleInputKeyDown(e)}\n        onInputChange={(e: CustomEvent) => this.handleInputChange(e)}\n        onKeyPress={(e: KeyboardEvent) => {\n          if (!this.hasAutocomplete()) {\n            e.preventDefault();\n            this.scrollToLetter(e.key);\n          }\n        }}\n      />,\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.htmlAriaLabel || 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    const hidden = !this.selectedItem || !this.resetItem;\n\n    return (\n      <z-list-element\n        class={{\n          \"hide\": hidden,\n          \"reset-item\": true,\n          \"reset-item-margin\": !this.hasGroupItems,\n        }}\n        clickable={true}\n        disabled={false}\n        dividerType={ListDividerType.ELEMENT}\n        role={hidden ? \"presentation\" : \"option\"}\n        htmlTabindex={this.isOpen ? 0 : null}\n        aria-selected=\"false\"\n        aria-label={hidden ? undefined : this.resetItem}\n        id={this.getResetOptionId()}\n        size={this.hasTreeItems ? ListSize.MEDIUM : this.listSizeType()}\n        onClickItem={() => this.handleResetClick()}\n      >\n        <div\n          class={{\n            \"reset-item-content\": true,\n            \"tree-list-reset-item\": this.hasTreeItems,\n            \"active\": this.focusedItemId === this.getResetOptionId(),\n          }}\n          aria-hidden=\"true\"\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    return (\n      <z-list-element\n        clickable={!item.disabled}\n        disabled={item.disabled}\n        dividerType={lastItem ? ListDividerType.HEADER : ListDividerType.ELEMENT}\n        role={item.disabled ? \"presentation\" : \"option\"}\n        htmlTabindex={-1}\n        aria-selected={item.selected ? \"true\" : \"false\"}\n        aria-label={item.disabled ? undefined : getPlainText(item.name)}\n        id={this.getOptionId(item)}\n        size={this.listSizeType()}\n        onClickItem={() => this.selectItem(item)}\n      >\n        <div\n          class={{\n            \"list-element-container\": true,\n            \"active\": this.focusedItemId === this.getOptionId(item),\n          }}\n          aria-hidden=\"true\"\n        >\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 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        htmlTabindex={null}\n        role=\"presentation\"\n      >\n        <div\n          id={this.getOptionId(item)}\n          role={isDisabled ? \"presentation\" : \"option\"}\n          aria-label={isDisabled ? undefined : getPlainText(item.name)}\n          class={{\"list-element\": true, \"active\": this.focusedItemId === this.getOptionId(item)}}\n          onClick={() => this.selectItem(item)}\n        >\n          <span\n            class=\"item ellipsis\"\n            aria-hidden=\"true\"\n          >\n            <span\n              class={{\n                \"item-label\": true,\n                \"selected\": !!item.selected,\n              }}\n              title={item.name}\n              innerHTML={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\n      return (\n        <z-list-group\n          divider-type={index === entries.length - 1 ? undefined : ListDividerType.ELEMENT}\n          hasTreeItems={true}\n          aria-labelledby={`${this.htmlid}_tree_${index}`}\n        >\n          <span\n            class=\"body-3-sb z-list-group-title\"\n            slot=\"header-title\"\n            id={`${this.htmlid}_tree_${index}`}\n            aria-hidden=\"true\"\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          divider-type={ListDividerType.ELEMENT}\n          aria-labelledby={`${this.htmlid}_group_${index}`}\n        >\n          <span\n            class=\"body-3-sb z-list-group-title\"\n            slot=\"header-title\"\n            id={`${this.htmlid}_group_${index}`}\n            aria-hidden=\"true\"\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        htmlTabindex={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"],"version":3}

package/dist/cjs/z-skip-to-content.cjs.entry.js

@@ -49,7 +49,7 @@ const ZSkipToContent = class {
         this.visible = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'caeb1d3601580de8cfee4437d31f8fc1cd97eb4c', class: {
+        return (index.h(index.Host, { key: 'b19cbb70b81b7446322876b9308ce475934c2c30', class: {
                 [this.variant]: true,
                 "skip-to-content-visible": this.visible,
             } }, this.links.map((link, i) => {

package/dist/cjs/z-stepper-item.cjs.entry.js

@@ -2,21 +2,23 @@
 
 var index = require('./index-CZz7uP-M.js');
 
-const stylesCss = () => `:host{position:relative;width:calc(var(--space-unit) * 5);font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-icon-width:20px;--z-icon-height:20px}:host(:not(:last-child)){flex:1}:host(:not(:last-child))::after{position:absolute;z-index:1;top:calc(var(--space-unit) * 4 - var(--border-size-medium) / 2);right:calc(var(--space-unit) * 2);left:calc(var(--space-unit) * 3);display:block;width:auto;border-bottom:var(--border-size-medium) solid var(--color-disabled03);margin:0 calc(var(--space-unit) * -2) 0 calc(var(--space-unit) * 2);content:""}.stepper-item{display:flex;width:calc(var(--space-unit) * 5);flex-direction:column;align-items:center;padding:0;border:0;appearance:none;background:transparent;color:inherit;font-family:inherit;font-size:12px;line-height:16px;outline:0;text-decoration:none}.stepper-item span{display:none;width:calc(100% + calc(var(--space-unit) * 4));color:var(--color-default-text);text-align:center}:host([href]:not([disabled],[pressed])) .stepper-item{cursor:pointer}:host([disabled]) .stepper-item{pointer-events:none}:host([pressed]),:host([pressed]) .stepper-item{pointer-events:none}.indicator{display:flex;width:calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;justify-content:center;border:var(--border-size-medium) solid var(--color-primary01);margin:calc(var(--space-unit) * 2);background:var(--color-surface01);border-radius:50%;color:var(--color-primary01);content:counter(stepper);font-size:14px;font-weight:var(--font-sb);line-height:1}:host([pressed]:not([disabled])) .indicator{border-color:var(--color-hover-primary);background:var(--color-hover-primary);color:var(--color-text-inverse)}:host([href]:not([disabled]):focus-within) .indicator{box-shadow:var(--shadow-focus-primary)}:host([href]:not([disabled],[pressed],[checked])) .indicator:hover{border-color:var(--color-hover-primary);color:var(--color-hover-primary)}:host([disabled]) .indicator{border-color:var(--color-disabled02);background:var(--color-disabled01);color:var(--color-disabled03)}:host([checked]:not([disabled])) .indicator{border-color:var(--color-default-success);color:var(--color-default-success)}:host([checked]:not([disabled])) .indicator z-icon{fill:var(--color-default-success)}:host([checked]) .indicator z-icon>svg{width:24px;height:24px}@media (min-width: 768px){.stepper-item span{display:block}}@media (min-width: 1152px){:host{width:calc(var(--space-unit) * 10);--z-icon-width:24px;--z-icon-height:24px}:host(:not(:last-child))::after{top:calc(var(--space-unit) * 5 - var(--border-size-medium) / 2);left:calc(var(--space-unit) * 8)}.stepper-item{width:calc(var(--space-unit) * 10);font-size:18px;line-height:28px}.indicator{width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 6);font-size:16px}}`;
+const stylesCss = () => `:host{position:relative;display:flex;font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-icon-width:18px;--z-icon-height:18px;--indicator-size:calc(var(--space-unit) * 3.5);--stepper-item-size:calc(var(--space-unit) * 3.5);--indicator-overflow:calc((var(--indicator-size) - var(--stepper-item-size)) / 2);--connector-top:calc(var(--stepper-item-size) / 2)}:host(:not(:first-child)){flex:1;justify-content:flex-end}:host(:not(:first-child))::before{position:absolute;z-index:1;top:var(--connector-top);right:calc(var(--stepper-item-size) + var(--indicator-overflow));left:0;display:block;width:auto;border-bottom:var(--border-size-medium) solid var(--color-disabled03);content:"";transform:translateY(-50%)}:host(:not([disabled],:first-child))::before{border-bottom:var(--border-size-large) solid var(--color-primary01)}.stepper-item{display:grid;width:var(--stepper-item-size);align-items:center;padding:0;border:0;appearance:none;background:transparent;gap:10px;grid-template-columns:var(--stepper-item-size);grid-template-rows:var(--stepper-item-size) auto;justify-items:center;outline:0;text-decoration:none}.indicator{position:relative;z-index:2;display:flex;width:var(--indicator-size);min-width:0;height:var(--indicator-size);min-height:0;box-sizing:border-box;align-items:center;justify-content:center;border:var(--border-size-medium) solid var(--color-primary01);background:var(--color-surface01);border-radius:50%;color:var(--color-primary01);font-size:var(--font-size-1);font-weight:var(--font-sb);letter-spacing:0.32px;line-height:1.333}.stepper-item span{min-width:50px;color:var(--color-default-text);font-size:var(--font-size-2);letter-spacing:0.16px;line-height:1.4;text-align:center}:host([pressed]){--indicator-size:calc(var(--space-unit) * 4)}:host([pressed]) .stepper-item{gap:8px}:host([pressed]) .stepper-item .indicator{font-size:var(--font-size-4);font-weight:var(--font-sb)}:host([pressed]) .stepper-item span{font-weight:var(--font-sb);line-height:1.5}:host([href]:not([disabled])) .stepper-item{cursor:pointer}:host([disabled]) .stepper-item{pointer-events:none}:host([pressed]:not([disabled])) .indicator{border-color:var(--color-hover-primary);background:var(--color-hover-primary);color:var(--color-text-inverse)}:host([href]:not([disabled]):focus-within) .indicator{box-shadow:var(--shadow-focus-primary)}:host([href]:not([disabled],[pressed],[checked])) .indicator:hover{border-color:var(--color-hover-primary);color:var(--color-hover-primary)}:host([disabled]) .indicator{border-color:var(--color-form-disabled01-icon);color:var(--color-form-disabled01-icon)}:host([checked]:not([disabled])) .indicator{border-color:var(--color-primary01);background-color:var(--color-primary01)}:host([checked]:not([disabled])) .indicator z-icon{fill:var(--color-white)}@media (min-width: 1152px){:host{--z-icon-width:24px;--z-icon-height:24px;--indicator-size:calc(var(--space-unit) * 4.5);--stepper-item-size:calc(var(--space-unit) * 4.5)}.stepper-item{gap:12px}.stepper-item .indicator,.stepper-item span{font-size:var(--font-size-3);line-height:1.5}:host([pressed]){--indicator-size:calc(var(--space-unit) * 5)}:host([pressed]) .stepper-item{gap:10px}:host([pressed]) .stepper-item .indicator{font-size:var(--font-size-6)}}`;
 
 const ZStepperItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     getAttributes() {
-        const href = this.href && !this.pressed && !this.disabled ? { onClick: () => (location.href = this.href) } : undefined;
+        const href = this.href && !this.disabled ? { onClick: () => (location.href = this.href) } : undefined;
         const role = href ? { role: "link" } : undefined;
         const current = this.pressed && !this.disabled ? { "aria-current": "step" } : undefined;
-        const tabindex = this.pressed || this.href === "" ? { tabIndex: -1 } : undefined;
-        return Object.assign(Object.assign(Object.assign(Object.assign({}, href), role), current), tabindex);
+        const tabindex = this.href === "" ? { tabIndex: -1 } : undefined;
+        const ariaPressed = !role && this.pressed !== undefined ? { "aria-pressed": String(this.pressed) } : undefined;
+        const ariaDisabled = this.disabled !== undefined ? { "aria-disabled": String(this.disabled) } : undefined;
+        return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, href), role), current), tabindex), ariaPressed), ariaDisabled);
     }
     render() {
-        return (index.h(index.Host, { key: 'dd8a6a8aba1009e581a91944a84850f53e054dbd', role: "listitem" }, index.h("button", Object.assign({ key: '186641b0594970354812cf014f8565fda837d4eb', class: "stepper-item", disabled: this.disabled }, this.getAttributes()), index.h("div", { key: 'b27c548e3b9e670031ac095df8858c7fd864ac5e', class: "indicator" }, this.checked ? index.h("z-icon", { name: "checkmark" }) : this.index), index.h("span", { key: '7d079d8f9eb730da9883735563dd57dfcc74259a' }, index.h("slot", { key: 'f8b378d874e958668b83dad6f4688b4590783198' })))));
+        return (index.h(index.Host, { key: '42329c166903a0ce77e82d222371804f3e7279b1', role: "listitem" }, index.h("button", Object.assign({ key: 'ed6351193460e7a873cd9867bbd2ded798bbad8f', class: "stepper-item", disabled: this.disabled }, this.getAttributes(), { "aria-label": this.htmlAriaLabel }), index.h("div", { key: 'fc09e304cff2a9651859002047bd825f32c08e88', class: "indicator" }, this.checked ? index.h("z-icon", { name: "checkmark" }) : this.index), index.h("span", { key: '5a9055a16e1e2481a995ad13ae307d8d67a07b70' }, index.h("slot", { key: '68926fc154893ac5ed50ded8065590cfb586eb90' })))));
     }
 };
 ZStepperItem.style = stylesCss();

package/dist/cjs/z-stepper-item.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"z-stepper-item.cjs.entry.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,MAAM,CAAC,2vFAA2vF,CAAC;;MCOxwF,YAAY,GAAA,MAAA;;;;IA+Bf,aAAa,GAAA;AACnB,QAAA,MAAM,IAAI,GACR,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAC,OAAO,EAAE,OAAO,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,EAAC,GAAG,SAAS;AACzG,QAAA,MAAM,IAAI,GAAG,IAAI,GAAG,EAAC,IAAI,EAAE,MAAM,EAAC,GAAG,SAAS;QAC9C,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAC,cAAc,EAAE,MAAM,EAAC,GAAG,SAAS;QACrF,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK,EAAE,GAAG,EAAC,QAAQ,EAAE,EAAE,EAAC,GAAG,SAAS;AAE9E,QAAA,OAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACK,IAAI,CAAA,EACJ,IAAI,GACJ,OAAO,CAAA,EACP,QAAQ,CAAA;;IAIf,MAAM,GAAA;QACJ,QACEA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,IAAI,EAAC,UAAU,EAAA,EACnBD,OAAA,CAAA,QAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,cAAc,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EACnB,IAAI,CAAC,aAAa,EAAE,CAAA,EAExBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,WAAW,EAAA,EAAE,IAAI,CAAC,OAAO,GAAGA,oBAAQ,IAAI,EAAC,WAAW,EAAA,CAAG,GAAG,IAAI,CAAC,KAAK,CAAO,EACtFA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,CACA,CACJ;;;;;;;","names":["h","Host"],"sources":["src/components/z-stepper-item/styles.css?tag=z-stepper-item&encapsulation=shadow","src/components/z-stepper-item/index.tsx"],"sourcesContent":[":host {\n  position: relative;\n  width: calc(var(--space-unit) * 5);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n\n  --z-icon-width: 20px;\n  --z-icon-height: 20px;\n}\n\n:host(:not(:last-child)) {\n  flex: 1;\n}\n\n:host(:not(:last-child))::after {\n  position: absolute;\n  z-index: 1;\n  top: calc(var(--space-unit) * 4 - var(--border-size-medium) / 2);\n  right: calc(var(--space-unit) * 2);\n  left: calc(var(--space-unit) * 3);\n  display: block;\n  width: auto;\n  border-bottom: var(--border-size-medium) solid var(--color-disabled03);\n  margin: 0 calc(var(--space-unit) * -2) 0 calc(var(--space-unit) * 2);\n  content: \"\";\n}\n\n.stepper-item {\n  display: flex;\n  width: calc(var(--space-unit) * 5);\n  flex-direction: column;\n  align-items: center;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: transparent;\n  color: inherit;\n  font-family: inherit;\n  font-size: 12px;\n  line-height: 16px;\n  outline: 0;\n  text-decoration: none;\n}\n\n.stepper-item span {\n  display: none;\n  width: calc(100% + calc(var(--space-unit) * 4));\n  color: var(--color-default-text);\n  text-align: center;\n}\n\n:host([href]:not([disabled], [pressed])) .stepper-item {\n  cursor: pointer;\n}\n\n:host([disabled]) .stepper-item {\n  pointer-events: none;\n}\n\n:host([pressed]),\n:host([pressed]) .stepper-item {\n  pointer-events: none;\n}\n\n.indicator {\n  display: flex;\n  width: calc(var(--space-unit) * 4);\n  height: calc(var(--space-unit) * 4);\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n  border: var(--border-size-medium) solid var(--color-primary01);\n  margin: calc(var(--space-unit) * 2);\n  background: var(--color-surface01);\n  border-radius: 50%;\n  color: var(--color-primary01);\n  content: counter(stepper);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  line-height: 1;\n}\n\n:host([pressed]:not([disabled])) .indicator {\n  border-color: var(--color-hover-primary);\n  background: var(--color-hover-primary);\n  color: var(--color-text-inverse);\n}\n\n:host([href]:not([disabled]):focus-within) .indicator {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host([href]:not([disabled], [pressed], [checked])) .indicator:hover {\n  border-color: var(--color-hover-primary);\n  color: var(--color-hover-primary);\n}\n\n:host([disabled]) .indicator {\n  border-color: var(--color-disabled02);\n  background: var(--color-disabled01);\n  color: var(--color-disabled03);\n}\n\n:host([checked]:not([disabled])) .indicator {\n  border-color: var(--color-default-success);\n  color: var(--color-default-success);\n}\n\n:host([checked]:not([disabled])) .indicator z-icon {\n  fill: var(--color-default-success);\n}\n\n:host([checked]) .indicator z-icon > svg {\n  width: 24px;\n  height: 24px;\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n  .stepper-item span {\n    display: block;\n  }\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n  :host {\n    width: calc(var(--space-unit) * 10);\n\n    --z-icon-width: 24px;\n    --z-icon-height: 24px;\n  }\n\n  :host(:not(:last-child))::after {\n    top: calc(var(--space-unit) * 5 - var(--border-size-medium) / 2);\n    left: calc(var(--space-unit) * 8);\n  }\n\n  .stepper-item {\n    width: calc(var(--space-unit) * 10);\n    font-size: 18px;\n    line-height: 28px;\n  }\n\n  .indicator {\n    width: calc(var(--space-unit) * 6);\n    height: calc(var(--space-unit) * 6);\n    font-size: 16px;\n  }\n}\n","import {Component, ComponentInterface, Host, Prop, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-stepper-item\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZStepperItem implements ComponentInterface {\n  /**\n   * The number of the step item.\n   */\n  @Prop({reflect: true})\n  index: number;\n\n  /**\n   * The href to navigate on click.\n   */\n  @Prop({reflect: true})\n  href: string;\n\n  /**\n   * The pressed state of the item.\n   */\n  @Prop({reflect: true})\n  pressed: boolean;\n\n  /**\n   * The checked state of the item.\n   */\n  @Prop({reflect: true})\n  checked: boolean;\n\n  /**\n   * The disabled state of the item.\n   */\n  @Prop({reflect: true})\n  disabled: boolean;\n\n  private getAttributes(): Record<string, unknown> {\n    const href =\n      this.href && !this.pressed && !this.disabled ? {onClick: () => (location.href = this.href)} : undefined;\n    const role = href ? {role: \"link\"} : undefined;\n    const current = this.pressed && !this.disabled ? {\"aria-current\": \"step\"} : undefined;\n    const tabindex = this.pressed || this.href === \"\" ? {tabIndex: -1} : undefined;\n\n    return {\n      ...href,\n      ...role,\n      ...current,\n      ...tabindex,\n    };\n  }\n\n  render(): HTMLAnchorElement | HTMLButtonElement {\n    return (\n      <Host role=\"listitem\">\n        <button\n          class=\"stepper-item\"\n          disabled={this.disabled}\n          {...this.getAttributes()}\n        >\n          <div class=\"indicator\">{this.checked ? <z-icon name=\"checkmark\" /> : this.index}</div>\n          <span>\n            <slot />\n          </span>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"z-stepper-item.cjs.entry.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,MAAM,CAAC,0rGAA0rG,CAAC;;MCOvsG,YAAY,GAAA,MAAA;;;;IAqCf,aAAa,GAAA;AACnB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAC,OAAO,EAAE,OAAO,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,EAAC,GAAG,SAAS;AACnG,QAAA,MAAM,IAAI,GAAG,IAAI,GAAG,EAAC,IAAI,EAAE,MAAM,EAAC,GAAG,SAAS;QAC9C,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAC,cAAc,EAAE,MAAM,EAAC,GAAG,SAAS;QACrF,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,KAAK,EAAE,GAAG,EAAC,QAAQ,EAAE,EAAE,EAAC,GAAG,SAAS;QAC9D,MAAM,WAAW,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,GAAG,EAAC,cAAc,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,EAAC,GAAG,SAAS;QAC5G,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,KAAK,SAAS,GAAG,EAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAC,GAAG,SAAS;AAEvG,QAAA,OAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACK,IAAI,CAAA,EACJ,IAAI,CAAA,EACJ,OAAO,CAAA,EACP,QAAQ,CAAA,EACR,WAAW,CAAA,EACX,YAAY,CAAA;;IAInB,MAAM,GAAA;QACJ,QACEA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,IAAI,EAAC,UAAU,EAAA,EACnBD,OAAA,CAAA,QAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,cAAc,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EACnB,IAAI,CAAC,aAAa,EAAE,EAAA,EAAA,YAAA,EACZ,IAAI,CAAC,aAAa,EAAA,CAAA,EAE9BA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,WAAW,EAAA,EAAE,IAAI,CAAC,OAAO,GAAGA,oBAAQ,IAAI,EAAC,WAAW,EAAA,CAAG,GAAG,IAAI,CAAC,KAAK,CAAO,EACtFA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,CACA,CACJ;;;;;;;","names":["h","Host"],"sources":["src/components/z-stepper-item/styles.css?tag=z-stepper-item&encapsulation=shadow","src/components/z-stepper-item/index.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: flex;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n\n  --z-icon-width: 18px;\n  --z-icon-height: 18px;\n  --indicator-size: calc(var(--space-unit) * 3.5);\n  --stepper-item-size: calc(var(--space-unit) * 3.5);\n  --indicator-overflow: calc((var(--indicator-size) - var(--stepper-item-size)) / 2);\n  --connector-top: calc(var(--stepper-item-size) / 2);\n}\n\n:host(:not(:first-child)) {\n  flex: 1;\n  justify-content: flex-end;\n}\n\n:host(:not(:first-child))::before {\n  position: absolute;\n  z-index: 1;\n  top: var(--connector-top);\n  right: calc(var(--stepper-item-size) + var(--indicator-overflow));\n  left: 0;\n  display: block;\n  width: auto;\n  border-bottom: var(--border-size-medium) solid var(--color-disabled03);\n  content: \"\";\n  transform: translateY(-50%);\n}\n\n:host(:not([disabled], :first-child))::before {\n  border-bottom: var(--border-size-large) solid var(--color-primary01);\n}\n\n.stepper-item {\n  display: grid;\n  width: var(--stepper-item-size);\n  align-items: center;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: transparent;\n  gap: 10px;\n  grid-template-columns: var(--stepper-item-size);\n  grid-template-rows: var(--stepper-item-size) auto;\n  justify-items: center;\n  outline: 0;\n  text-decoration: none;\n}\n\n.indicator {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  width: var(--indicator-size);\n  min-width: 0;\n  height: var(--indicator-size);\n  min-height: 0;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n  border: var(--border-size-medium) solid var(--color-primary01);\n  background: var(--color-surface01);\n  border-radius: 50%;\n  color: var(--color-primary01);\n  font-size: var(--font-size-1);\n  font-weight: var(--font-sb);\n  letter-spacing: 0.32px;\n  line-height: 1.333;\n}\n\n.stepper-item span {\n  min-width: 50px;\n  color: var(--color-default-text);\n  font-size: var(--font-size-2);\n  letter-spacing: 0.16px;\n  line-height: 1.4;\n  text-align: center;\n}\n\n:host([pressed]) {\n  --indicator-size: calc(var(--space-unit) * 4);\n}\n\n:host([pressed]) .stepper-item {\n  gap: 8px;\n}\n\n:host([pressed]) .stepper-item .indicator {\n  font-size: var(--font-size-4);\n  font-weight: var(--font-sb);\n}\n\n:host([pressed]) .stepper-item span {\n  font-weight: var(--font-sb);\n  line-height: 1.5;\n}\n\n:host([href]:not([disabled])) .stepper-item {\n  cursor: pointer;\n}\n\n:host([disabled]) .stepper-item {\n  pointer-events: none;\n}\n\n:host([pressed]:not([disabled])) .indicator {\n  border-color: var(--color-hover-primary);\n  background: var(--color-hover-primary);\n  color: var(--color-text-inverse);\n}\n\n:host([href]:not([disabled]):focus-within) .indicator {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host([href]:not([disabled], [pressed], [checked])) .indicator:hover {\n  border-color: var(--color-hover-primary);\n  color: var(--color-hover-primary);\n}\n\n:host([disabled]) .indicator {\n  border-color: var(--color-form-disabled01-icon);\n  color: var(--color-form-disabled01-icon);\n}\n\n:host([checked]:not([disabled])) .indicator {\n  border-color: var(--color-primary01);\n  background-color: var(--color-primary01);\n}\n\n:host([checked]:not([disabled])) .indicator z-icon {\n  fill: var(--color-white);\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n  :host {\n    --z-icon-width: 24px;\n    --z-icon-height: 24px;\n    --indicator-size: calc(var(--space-unit) * 4.5);\n    --stepper-item-size: calc(var(--space-unit) * 4.5);\n  }\n\n  .stepper-item {\n    gap: 12px;\n  }\n\n  .stepper-item .indicator,\n  .stepper-item span {\n    font-size: var(--font-size-3);\n    line-height: 1.5;\n  }\n\n  :host([pressed]) {\n    --indicator-size: calc(var(--space-unit) * 5);\n  }\n\n  :host([pressed]) .stepper-item {\n    gap: 10px;\n  }\n\n  :host([pressed]) .stepper-item .indicator {\n    font-size: var(--font-size-6);\n  }\n}\n","import {Component, ComponentInterface, Host, Prop, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-stepper-item\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZStepperItem implements ComponentInterface {\n  /**\n   * The number of the step item.\n   */\n  @Prop({reflect: true})\n  index: number;\n\n  /**\n   * The href to navigate on click.\n   */\n  @Prop({reflect: true})\n  href: string;\n\n  /**\n   * The pressed state of the item.\n   */\n  @Prop({reflect: true})\n  pressed: boolean;\n\n  /**\n   * The checked state of the item.\n   */\n  @Prop({reflect: true})\n  checked: boolean;\n\n  /**\n   * The disabled state of the item.\n   */\n  @Prop({reflect: true})\n  disabled: boolean;\n\n  /**\n   * Aria label of the item.\n   */\n  @Prop()\n  htmlAriaLabel: string;\n\n  private getAttributes(): Record<string, unknown> {\n    const href = this.href && !this.disabled ? {onClick: () => (location.href = this.href)} : undefined;\n    const role = href ? {role: \"link\"} : undefined;\n    const current = this.pressed && !this.disabled ? {\"aria-current\": \"step\"} : undefined;\n    const tabindex = this.href === \"\" ? {tabIndex: -1} : undefined;\n    const ariaPressed = !role && this.pressed !== undefined ? {\"aria-pressed\": String(this.pressed)} : undefined;\n    const ariaDisabled = this.disabled !== undefined ? {\"aria-disabled\": String(this.disabled)} : undefined;\n\n    return {\n      ...href,\n      ...role,\n      ...current,\n      ...tabindex,\n      ...ariaPressed,\n      ...ariaDisabled,\n    };\n  }\n\n  render(): HTMLAnchorElement | HTMLButtonElement {\n    return (\n      <Host role=\"listitem\">\n        <button\n          class=\"stepper-item\"\n          disabled={this.disabled}\n          {...this.getAttributes()}\n          aria-label={this.htmlAriaLabel}\n        >\n          <div class=\"indicator\">{this.checked ? <z-icon name=\"checkmark\" /> : this.index}</div>\n          <span>\n            <slot />\n          </span>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/z-stepper.cjs.entry.js

@@ -2,14 +2,14 @@
 
 var index = require('./index-CZz7uP-M.js');
 
-const stylesCss = () => `:host{position:relative;display:flex;width:100%;max-width:100%;box-sizing:border-box;flex-direction:row;padding:0;margin:0;font-family:var(--font-family-sans);font-weight:var(--font-rg);list-style:none}@media (min-width: 768px){:host{padding:0 calc(var(--space-unit) * 2)}}`;
+const stylesCss = () => `:host{position:relative;display:flex;width:100%;max-width:100%;box-sizing:border-box;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.stepper-list{display:flex;width:100%;box-sizing:border-box;flex-direction:row;padding:0 calc(var(--space-unit) * 3);margin:0}`;
 
 const ZStepper = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'e2eae6f73c524f4a2c72861732bf03b17f23ca75', role: "navigation" }, index.h("slot", { key: '567a94fe682d471b145e8519be859dd860bd6669' })));
+        return (index.h(index.Host, { key: 'c16bf08a310caae7b712a922a74eace29c560221', role: "navigation" }, index.h("div", { key: 'df1dcc32d712bd68f12900faf3e7ac72eb4fc6dc', class: "stepper-list", role: "list" }, index.h("slot", { key: 'c7c8775a5fe29029d271ea6442b094175c695c66' }))));
     }
 };
 ZStepper.style = stylesCss();

package/dist/cjs/z-stepper.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"z-stepper.cjs.entry.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,MAAM,CAAC,iRAAiR,CAAC;;MCU9R,QAAQ,GAAA,MAAA;;;;IACnB,MAAM,GAAA;QACJ,QACEA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,IAAI,EAAC,YAAY,EAAA,EACrBD,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH;;;;;;;","names":["h","Host"],"sources":["src/components/z-stepper/styles.css?tag=z-stepper&encapsulation=shadow","src/components/z-stepper/index.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: flex;\n  width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n  flex-direction: row;\n  padding: 0;\n  margin: 0;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  list-style: none;\n}\n\n@media (min-width: 768px) {\n  :host {\n    padding: 0 calc(var(--space-unit) * 2);\n  }\n}\n","import {Component, ComponentInterface, Host, h} from \"@stencil/core\";\n\n/**\n * @slot - slot for `z-stepper-item`\n */\n@Component({\n  tag: \"z-stepper\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZStepper implements ComponentInterface {\n  render(): HTMLSlotElement {\n    return (\n      <Host role=\"navigation\">\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"z-stepper.cjs.entry.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,MAAM,CAAC,kRAAkR,CAAC;;MCU/R,QAAQ,GAAA,MAAA;;;;IACnB,MAAM,GAAA;QACJ,QACEA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,IAAI,EAAC,YAAY,EAAA,EACrBD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,cAAc,EACpB,IAAI,EAAC,MAAM,EAAA,EAEXA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACJ,CACD;;;;;;;","names":["h","Host"],"sources":["src/components/z-stepper/styles.css?tag=z-stepper&encapsulation=shadow","src/components/z-stepper/index.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: flex;\n  width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n.stepper-list {\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  flex-direction: row;\n  padding: 0 calc(var(--space-unit) * 3);\n  margin: 0;\n}\n","import {Component, ComponentInterface, Host, h} from \"@stencil/core\";\n\n/**\n * @slot - slot for `z-stepper-item`\n */\n@Component({\n  tag: \"z-stepper\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZStepper implements ComponentInterface {\n  render(): HTMLDivElement {\n    return (\n      <Host role=\"navigation\">\n        <div\n          class=\"stepper-list\"\n          role=\"list\"\n        >\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/z-table.cjs.entry.js

@@ -50,7 +50,7 @@ const ZTable = class {
         (_a = this.expandableMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (index.h(index.Host, { key: '07719fd45b5b0cc2e5d5798f397048b4e233ce88', expandable: this.expandable }, index.h("div", { key: 'f333241ac885ebdaeed659b2aeb1f6af811fa0ec', class: "table", role: "table" }, index.h("slot", { key: 'e9072d50375eb35757b393ec5a843459dafd4cc2' }))));
+        return (index.h(index.Host, { key: '2accba3d35c252853a9b19b15528855070165077', expandable: this.expandable }, index.h("div", { key: 'bdd3382b246e669c8600d116cda8a6ebc11f530d', class: "table", role: "table" }, index.h("slot", { key: 'c3cbdb04a91f0cd4301d8ba73578878864e0c3a1' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/z-tbody.cjs.entry.js

@@ -11,7 +11,7 @@ const ZTbody = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '5dab686ef543637640d464ad532250d642f73508', role: "rowgroup" }, index.h("slot", { key: '36c4272ae7ba5eee71ffc682ca0d086c1a6cdc07' })));
+        return (index.h(index.Host, { key: '9cae384882eb06e5e0ec93393ac6849e22da48c5', role: "rowgroup" }, index.h("slot", { key: '64c4e7e784638e3f7319783429b29f1e2a38b584' })));
     }
 };
 ZTbody.style = stylesCss$1() + stylesCss();

package/dist/cjs/z-td.cjs.entry.js

@@ -47,7 +47,7 @@ const ZTd = class {
         this.updateColspan();
     }
     render() {
-        return (index.h(index.Host, { key: '4ea61b4c4d2e924b925e7b8f579e6827e0ee22c8', role: "cell", "menu-open": this.isMenuOpen }, index.h("div", { key: '98db4baee9fbf028c36f201b1fca8959bf955eb8', class: "cell--content" }, index.h("slot", { key: '633725c94623d66b2e4c2820bfb0453d500b6ac6' }), this.showMenu && (index.h("div", { key: '61f2fb0cc589bc32acd0e51b7ddae92be78d18f0', class: "cell--menu-container prevent-expand" }, index.h("z-button", { key: '86132a5a7762b97d0646071d54339930269d1ce3', variant: index$1.ButtonVariant.TERTIARY, icon: "contextual-menu", size: index$1.ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), index.h("z-popover", { key: 'bf2d2b8f0114562d49cd4a88b895b2b9dca22389', class: "cell-popover", ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, index.h("slot", { key: 'f3512195bf82945f0fca0ca3c3c389d04b5d98c0', name: "contextual-menu" })))))));
+        return (index.h(index.Host, { key: '6f49c2168c28a2acd1eb77401b6664a909770330', role: "cell", "menu-open": this.isMenuOpen }, index.h("div", { key: 'dca80731605efa309f88f6c4e5b3e05fc1b6f2d8', class: "cell--content" }, index.h("slot", { key: '980d81d5d5296f41f535488dcad732e5d5eb58ce' }), this.showMenu && (index.h("div", { key: 'f58e65a67d7a897be2bcbec22b50b8efb4d82995', class: "cell--menu-container prevent-expand" }, index.h("z-button", { key: '3d701ae5ba5af6372fad70bc0582a46ac48b75c2', variant: index$1.ButtonVariant.TERTIARY, icon: "contextual-menu", size: index$1.ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), index.h("z-popover", { key: '5d5f94967a72ffdb7384c071d965e90abfb8ea0b', class: "cell-popover", ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, index.h("slot", { key: 'fef55973f37e93062c6e3229fdbdd5311d0f2920', name: "contextual-menu" })))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/z-tfoot.cjs.entry.js

@@ -15,7 +15,7 @@ const ZTfoot = class {
         this.sticky = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'a5e96868b6f2f28cd25fe134b8346f0f9d800de1', role: "rowgroup", tabIndex: -1 }, index.h("slot", { key: 'bbb1478d0fdd700bf4e9601eb7d008f54ff02cb3' })));
+        return (index.h(index.Host, { key: '760c32f2385aff5e84785bc1415b5cf29fd063da', role: "rowgroup", tabIndex: -1 }, index.h("slot", { key: 'c36cf634b18c1216cfc6f31abe07b53600305737' })));
     }
 };
 ZTfoot.style = stylesCss$1() + stylesCss();

package/dist/cjs/z-th.cjs.entry.js

@@ -76,7 +76,7 @@ const ZTh = class {
         this.updateColspan();
     }
     render() {
-        return (index.h(index.Host, { key: 'd677564cf6d2351a9188098d58b98e4bf9ffbf9e', role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection, sortable: this.showSorting }, index.h("div", { key: '267fd4a41682a6a1475ba74739ff148957dc6626', class: "cell--content" }, index.h("slot", { key: 'a77588e6dd5645f6b384a7564a06cffae72bed4e' }), this.showSorting && (index.h("button", { key: '8a565667e7bdbd223d38efe7be5128c69947577c', class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, index.h("z-icon", { key: 'a527e6e217f5cbabf1baac1c292111ab406aa792', name: this.sortDirection === index$1.SortDirection.DESC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (index.h("div", { key: '396eb46a6aa10d47419cd437412ce69d797f2047', class: "cell--menu-container" }, index.h("z-button", { key: '6e014d9922c15041950772ee0c377b9f31d4d743', variant: index$1.ButtonVariant.TERTIARY, icon: "contextual-menu", size: index$1.ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), index.h("z-popover", { key: '11a7861d3151f616c9d9761709611bac37a02ec6', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, index.h("slot", { key: '99545a1fb846906941ce882d6f21676de1fa7fb2', name: "contextual-menu" })))))));
+        return (index.h(index.Host, { key: 'db3a788009481e7bf625db4787850ddfc9b65203', role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection, sortable: this.showSorting }, index.h("div", { key: 'b9e3d66c8b74bd054257deccf64575bad12166b4', class: "cell--content" }, index.h("slot", { key: 'b9297277121a0798491644ca9e7fd86e99766975' }), this.showSorting && (index.h("button", { key: 'e2fa7f525d8138c95540ce5216e7d0df9fecdfd4', class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, index.h("z-icon", { key: '3c8b5d576386da794abdbc4ea48e9d9bab2ad1c9', name: this.sortDirection === index$1.SortDirection.DESC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (index.h("div", { key: '38a8b3f1cd7dd75c90953179c8527484f2c17fc7', class: "cell--menu-container" }, index.h("z-button", { key: 'f5ce6e168efba6c456a6fedad8a0103e37130d13', variant: index$1.ButtonVariant.TERTIARY, icon: "contextual-menu", size: index$1.ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), index.h("z-popover", { key: 'c989b847fa08f6b9f7a87a645c52a1163191b406', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, index.h("slot", { key: 'aac102b6bbc90923ce404a1b6499cf58c7277a00', name: "contextual-menu" })))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/z-thead.cjs.entry.js

@@ -19,7 +19,7 @@ const ZThead = class {
         this.isFocusable = false;
     }
     render() {
-        return (index.h(index.Host, { key: '7344ed54861bf06e14d98898db49edb576668e9b', role: "rowgroup", tabIndex: this.isFocusable ? 0 : -1 }, index.h("slot", { key: '72be057fd58c9da5280dee692324cb5192865dba' })));
+        return (index.h(index.Host, { key: 'daa59cf6627acea2cbd48f1b56910a22146f90f3', role: "rowgroup", tabIndex: this.isFocusable ? 0 : -1 }, index.h("slot", { key: 'ba7897a89465398dff471d7eb9d7a0d276599269' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/z-toast-notification-list.cjs.entry.js

@@ -45,7 +45,7 @@ const ZToastNotificationList = class {
         }
     }
     render() {
-        return index.h("slot", { key: '124469b727158c7221ff11aa3b0614bd28591a50', name: "toasts" });
+        return index.h("slot", { key: '369ca36cde4f86f5e390568b3526ffab0aad053f', name: "toasts" });
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/z-toast-notification.cjs.entry.js

@@ -4200,19 +4200,19 @@ const ZToastNotification = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '129c4628c3809f638a02596bff82f4a5700ae566', style: { "--percentuale": `${this.percentage}%` }, class: { [this.transition]: !!this.transition, [this.type]: !!this.type }, onAnimationEnd: (e) => {
+        return (index.h(index.Host, { key: '281e32f784c53014c9236fe15bcaffd1c17105fa', style: { "--percentuale": `${this.percentage}%` }, class: { [this.transition]: !!this.transition, [this.type]: !!this.type }, onAnimationEnd: (e) => {
                 if (this.autoclose && e.animationName.includes("slidein")) {
                     this.startClosingTimeout(this.autoclose);
                 }
                 if (e.animationName.includes("slideout")) {
                     this.hostElement.parentNode.removeChild(this.hostElement);
                 }
-            } }, index.h("div", { key: '39360c2661ac44f4e3e8ae25aceccaea8179a03e', class: "toast-notification-container" }, index.h("div", { key: '6778d83e83590f5981ff9dfb5fbb8fbe92143404', class: "toast-notification-content" }, index.h("div", { key: '896d9bb0c412381f9ad81c799666dd54503a50b0', class: "toast-notification-text" }, this.heading && index.h("span", { key: 'a431608d859dede1cc17e840ebf2e01b872a1d48', class: "title" }, this.heading), index.h("span", { key: '23f29016f7eb04790a6adf136b0e064f5f2d87d9', class: "message" }, index.h("slot", { key: 'a793b4e4fee43ad139f0eef51ec1ed1a6cd5c31f', name: "message" }, this.message && index.h("span", { key: 'fc84e8b14208ff6d150dfea28924387f845cb371', innerHTML: purify.sanitize(this.message) })))), index.h("div", { key: '475e54939682a3b7bba6032a92bd04b8a21772b3', class: "button-container", hidden: !this.hasSlottedButton }, index.h("slot", { key: 'e9bd0b4e65504476b59a97dcf82b233b5259bc00', name: "button", onSlotchange: () => this.checkSlottedButton() }))), this.closebutton && (index.h("button", { key: '14b143ec8e4d8e02b039d01464532ba25bcc2bea', class: "close-button", "aria-label": "Chiudi notifica", onClick: () => this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true), onKeyDown: (e) => {
+            } }, index.h("div", { key: 'ea37ca1023a4d2dc38225d70865168dae75a2c5f', class: "toast-notification-container" }, index.h("div", { key: '246782a577afe9c2ced5a500d678d6b38118b1df', class: "toast-notification-content" }, index.h("div", { key: '2d8b3d8a19c33ffe2ac37f94253647e88df05925', class: "toast-notification-text" }, this.heading && index.h("span", { key: '1924b7cf3e1ed690a6ca70d03f8a0dbb87e83968', class: "title" }, this.heading), index.h("span", { key: '954b54d9b6b78393ccc9118c85c1aaa4605c91ab', class: "message" }, index.h("slot", { key: 'fc9c584e93789d6d97060a75d7f096bcf486a77a', name: "message" }, this.message && index.h("span", { key: 'd909af91abe205d1a9f5ebbfe026e0047cfba86e', innerHTML: purify.sanitize(this.message) })))), index.h("div", { key: '968e4a2fcb6c825b4a2667de69c910f9f2325e69', class: "button-container", hidden: !this.hasSlottedButton }, index.h("slot", { key: '1c365d7a4ae2c921767083790c472a64bc964592', name: "button", onSlotchange: () => this.checkSlottedButton() }))), this.closebutton && (index.h("button", { key: '8bcba678652e3e6e9a6dccfe7ee10ee739a43fe4', class: "close-button", "aria-label": "Chiudi notifica", onClick: () => this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true), onKeyDown: (e) => {
                 if (e.code == index$1.KeyboardCode.SPACE || e.code == index$1.KeyboardCode.ENTER) {
                     e.preventDefault();
                     this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true);
                 }
-            } }, index.h("z-icon", { key: '4870673eb2e49f6dbd06788a3b279daaa8236ab6', name: "multiply-circled" }))))));
+            } }, index.h("z-icon", { key: 'c273ab9fe23fb80a267365b263eda04ba0cfc8e4', name: "multiply-circled" }))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/z-toggle-switch.cjs.entry.js

@@ -34,14 +34,14 @@ const ZToggleSwitch = class {
         this.emitToggleClick();
     }
     render() {
-        return (index.h(index.Host, { key: 'c682159ebad808a9e448a1a200fcc9ce49e3a2ad' }, index.h("input", { key: '5a22ee912aeb8a212820d8d3f7b41a6029bfa530', id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), index.h("label", { key: '6c36dd15bc8fa1fcd1443cb01fe442644de8d87d', htmlFor: this.htmlid, class: {
+        return (index.h(index.Host, { key: '1771cd2ef07017d9bb0926400770fd275931db16' }, index.h("input", { key: '1d13feb62af11178228669b743d0ee85cd5d5ae3', id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), index.h("label", { key: 'aa744787a1e16c93a93a686cbcf3b94499e059e5', htmlFor: this.htmlid, class: {
                 [this.labelPosition]: true,
                 disabled: this.disabled,
-            } }, index.h("span", { key: 'b9cbb73e0de30c219443c2430fb7cb09a03ffa32' }, index.h("slot", { key: '6b73da88f943d4c304ff3cd22c99145b2393541e' })), index.h("span", { key: 'd7ecff8d30e2f6a43c3f010c53a6fb5fd00f7a78', class: {
+            } }, index.h("span", { key: '5ba9f0eecc9ef29343497da129745303e09937f2' }, index.h("slot", { key: '1940bfaf26ffd133d0c116cd0fe0b621e817b7b1' })), index.h("span", { key: '175399b96fd332c61abde6880873f6b610796f27', class: {
                 container: true,
                 disabled: this.disabled,
                 checked: this.checked,
-            } }, index.h("span", { key: '5d4c5aba273711d3f06b6622e119bd6e81137e3d', class: "circle" }, this.checked && (index.h("z-icon", { key: 'c6dfea8a74fc0ef446588ac7c36bf06e3549f814', width: 12, height: 12, name: "checkmark" })))))));
+            } }, index.h("span", { key: 'f216c1347b00f63f68113bf81a5a7e0e920d4f09', class: "circle" }, this.checked && (index.h("z-icon", { key: 'd635f121906e928977d25f902d8734e5992e3ad9', width: 12, height: 12, name: "checkmark" })))))));
     }
 };
 ZToggleSwitch.style = stylesCss();

package/dist/cjs/z-tool.cjs.entry.js

@@ -189,10 +189,10 @@ const ZTool = class {
         (_a = this.mql) === null || _a === void 0 ? void 0 : _a.removeEventListener("change", this.onMobileViewChange);
     }
     render() {
-        return (index.h(index.Host, { key: 'a48fb610a0a937e39e8c18d38bcb816796f5d6b4', class: { "z-tool-tooltip-open": this.tooltipOpen } }, index.h("button", { key: 'd5dbd5053a068c67ed97ddc5a7f63d093972b5cb', class: "z-tool", type: "button", ref: (el) => (this.buttonRef = el), "aria-pressed": this.hasSlottedContent ? undefined : this.active ? "true" : "false", "aria-expanded": this.hasSlottedContent ? (this.open ? "true" : "false") : undefined, "aria-haspopup": this.hasSlottedContent ? "true" : undefined, "aria-label": this.htmlAriaLabel || this.tooltip || undefined, disabled: this.disabled, onClick: this.handleClick, onMouseEnter: this.handleTooltipOpen, onMouseLeave: this.handleTooltipClose, onFocus: this.handleTooltipOpen, onBlur: this.handleTooltipClose }, index.h("z-icon", { key: '32fead7901041cc31e29ec21afdd4e23db4d3db8', ref: (el) => (this.iconRef = el), name: this.icon, indicatorColor: this.indicatorColor })), this.tooltip && (index.h("z-tooltip", { key: '5b50cd97749c97edd199be309bb0b5aadd59116b', class: "z-tool-tooltip", ref: (el) => (this.tooltipRef = el), bindTo: this.iconRef, open: this.tooltipOpen && !this.open, position: this.isNested ? index$1.PopoverPosition.BOTTOM : this.tooltipPosition, dark: true, onMouseLeave: this.handleTooltipClose, onBlur: this.handleTooltipClose, onOpenChange: this.onTooltipOpenChange }, index.h("span", { key: '768a80f59017ef7e459913f9c449673789b81c00', class: "body-4" }, this.tooltip))), this.hasSlottedContent && (index.h("z-popover", { key: 'f7a3ffa96e971fa793643944391e296ce7ce12b8', class: "z-tool-submenu", open: this.open, bindTo: this.isMobile && this.mainToolbar ? this.mainToolbar : this.hostElement, center: true,
+        return (index.h(index.Host, { key: 'e3637bd703158c99bb7d0476beb71d60c005ec3f', class: { "z-tool-tooltip-open": this.tooltipOpen } }, index.h("button", { key: '48112a7fe05418ad573757ca5c95eee245edeebc', class: "z-tool", type: "button", ref: (el) => (this.buttonRef = el), "aria-pressed": this.hasSlottedContent ? undefined : this.active ? "true" : "false", "aria-expanded": this.hasSlottedContent ? (this.open ? "true" : "false") : undefined, "aria-haspopup": this.hasSlottedContent ? "true" : undefined, "aria-label": this.htmlAriaLabel || this.tooltip || undefined, disabled: this.disabled, onClick: this.handleClick, onMouseEnter: this.handleTooltipOpen, onMouseLeave: this.handleTooltipClose, onFocus: this.handleTooltipOpen, onBlur: this.handleTooltipClose }, index.h("z-icon", { key: '60d4061b70583558ec17de689f612792cc586543', ref: (el) => (this.iconRef = el), name: this.icon, indicatorColor: this.indicatorColor })), this.tooltip && (index.h("z-tooltip", { key: '0334200fa40f510c0580e8f3b49f6b67c60d6b94', class: "z-tool-tooltip", ref: (el) => (this.tooltipRef = el), bindTo: this.iconRef, open: this.tooltipOpen && !this.open, position: this.isNested ? index$1.PopoverPosition.BOTTOM : this.tooltipPosition, dark: true, onMouseLeave: this.handleTooltipClose, onBlur: this.handleTooltipClose, onOpenChange: this.onTooltipOpenChange }, index.h("span", { key: '36a829ac0b6acec5bdbfc47a393e52c90499e977', class: "body-4" }, this.tooltip))), this.hasSlottedContent && (index.h("z-popover", { key: '055469441b39c1814730c31e40736d8f4cc9182a', class: "z-tool-submenu", open: this.open, bindTo: this.isMobile && this.mainToolbar ? this.mainToolbar : this.hostElement, center: true,
             /* disable auto-close to prevent unwanted close behaviors on mobile,
             when the bound element is the main toolbar */
-            closable: false, position: this.isMobile ? index$1.PopoverPosition.TOP : index$1.PopoverPosition.BOTTOM }, index.h("slot", { key: 'e4b9dd50dd26e958241db7df82ccd8a14c6a4c86' })))));
+            closable: false, position: this.isMobile ? index$1.PopoverPosition.TOP : index$1.PopoverPosition.BOTTOM }, index.h("slot", { key: 'd26415aa8a3fb91dc02f71b7f0ba068c08d002d9' })))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/z-toolbar.cjs.entry.js

@@ -131,7 +131,7 @@ const ZToolbar = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f4a79655dc3f8e4423b20683c6b3860e5007f0ee', role: "toolbar", "aria-label": this.htmlAriaLabel }, index.h("slot", { key: 'd044d14607037c8e6c9977faf383c16ee6bddb8a', onSlotchange: () => {
+        return (index.h(index.Host, { key: '159c32c5871694f677c1d2693c30c7c1b2ecd17c', role: "toolbar", "aria-label": this.htmlAriaLabel }, index.h("slot", { key: 'e5c52b5ee6e6d0549b981046fff4d866941b6930', onSlotchange: () => {
                 this.collectToolItems();
                 this.updateTabIndexes();
             } })));

package/dist/cjs/z-tooltip.cjs.entry.js

@@ -28,7 +28,7 @@ const ZTooltip = class {
         this.open = this.popoverEl.open;
     }
     render() {
-        return (index.h("z-popover", { key: '09052c0c35b449590b0abfcd7e2816253814cc57', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true, onOpenChange: (event) => this.openChange.emit(event.detail) }, index.h("slot", { key: '1d4e6d0108724f8bc77bb6faf17b3938aa77d519' })));
+        return (index.h("z-popover", { key: 'b462c3e9652960d90fa6f5d00bd56077b17e1142', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true, onOpenChange: (event) => this.openChange.emit(event.detail) }, index.h("slot", { key: 'bdfad2da721028ad38032fc20bd478655227f08d' })));
     }
 };
 ZTooltip.style = stylesCss();