@zanichelli/albe-web-components 17.3.0-RC1 → 18.0.0

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

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

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

@@ -1,2 +0,0 @@
-import{r,h as a,a as o}from"./p-75c4a726.js";const n=':host{display:inline-block;overflow:hidden;width:100%;height:100%;background:var(--color-background);border-radius:var(--border-radius);transform:translate3d(0, 0, 0)}:host::after{display:block;width:100%;height:100%;animation:progress 1.6s ease-in-out infinite;background-image:linear-gradient(\n    90deg,\n    var(--color-background) 0%,\n    var(--color-surface03) 95%,\n    var(--color-background) 100%\n  );content:"";filter:blur(6px)}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}';const t=n;const s=class{constructor(a){r(this,a)}render(){return a(o,{key:"8824327c1d3ba1c9b13dfdfd605c58dd7cd71b55"})}};s.style=t;export{s as z_ghost_loading};
-//# sourceMappingURL=p-ea36d666.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZGhostLoadingStyle0","ZGhostLoading","render","h","Host","key"],"sources":["src/components/z-ghost-loading/styles.css?tag=z-ghost-loading&encapsulation=shadow","src/components/z-ghost-loading/index.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n  background: var(--color-background);\n  border-radius: var(--border-radius);\n  transform: translate3d(0, 0, 0);\n}\n\n:host::after {\n  display: block;\n  width: 100%;\n  height: 100%;\n  animation: progress 1.6s ease-in-out infinite;\n  background-image: linear-gradient(\n    90deg,\n    var(--color-background) 0%,\n    var(--color-surface03) 95%,\n    var(--color-background) 100%\n  );\n  content: \"\";\n  filter: blur(6px);\n}\n\n@keyframes progress {\n  0% {\n    transform: translateX(-100%);\n  }\n\n  100% {\n    transform: translateX(100%);\n  }\n}\n","import {Component, h, Host} from \"@stencil/core\";\n@Component({\n  tag: \"z-ghost-loading\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZGhostLoading {\n  render(): HTMLZGhostLoadingElement {\n    return <Host />;\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAY,ghBAClB,MAAAC,EAAeD,E,MCKFE,EAAa,M,yBACxB,MAAAC,GACE,OAAOC,EAACC,EAAI,CAAAC,IAAA,4C","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,h as t,a as i}from"./p-75c4a726.js";const r=':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-active-primary);background:var(--color-active-primary);color:var(--color-text-inverse)}:host(: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-success-default);color:var(--color-success-default)}:host([checked]:not([disabled])) .indicator z-icon{fill:var(--color-success-default)}: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 a=r;const o=class{constructor(t){e(this,t);this.index=undefined;this.href=undefined;this.pressed=undefined;this.checked=undefined;this.disabled=undefined}getAttributes(){const e=this.href&&!this.pressed&&!this.disabled?{onClick:()=>location.href=this.href}:undefined;const t=e?{role:"link"}:undefined;const i=this.pressed&&!this.disabled?{ariaCurrent:"step"}:undefined;const r=this.pressed||this.href===""?{tabindex:-1}:undefined;return Object.assign(Object.assign(Object.assign(Object.assign({},e),t),i),r)}render(){return t(i,{key:"2e45354c628f043ce2a9246a0ffb8e94235ae669",role:"listitem"},t("button",Object.assign({key:"854de9a3ea272425e75c81e0d116bd04fcda2c2d",class:"stepper-item",disabled:this.disabled},this.getAttributes()),t("div",{key:"06754f85e70407535e1ae0e80dcf8015d33a8112",class:"indicator"},this.checked?t("z-icon",{name:"checkmark"}):this.index),t("span",{key:"9bfeda701f57ba6c263be0a986abe03c76009acd"},t("slot",{key:"c3abd1dae057323d41ee7a14bf5398e2e2a71ccf"}))))}};o.style=a;export{o as z_stepper_item};
-//# sourceMappingURL=p-fb06a5d8.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZStepperItemStyle0","ZStepperItem","getAttributes","href","this","pressed","disabled","onClick","location","undefined","role","current","ariaCurrent","tabindex","Object","assign","render","h","Host","key","class","checked","name","index"],"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-active-primary);\n  background: var(--color-active-primary);\n  color: var(--color-text-inverse);\n}\n\n:host(: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-success-default);\n  color: var(--color-success-default);\n}\n\n:host([checked]:not([disabled])) .indicator z-icon {\n  fill: var(--color-success-default);\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, 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 {\n  /**\n   * The number of the step item.\n   */\n  @Prop({attribute: \"index\"})\n  index: number;\n\n  /**\n   * The href to navigate on click.\n   */\n  @Prop({attribute: \"href\"})\n  href: string;\n\n  /**\n   * The pressed state of the item.\n   */\n  @Prop({attribute: \"pressed\"})\n  pressed: boolean;\n\n  /**\n   * The checked state of the item.\n   */\n  @Prop({attribute: \"checked\"})\n  checked: boolean;\n\n  /**\n   * The disabled state of the item.\n   */\n  @Prop({attribute: \"disabled\"})\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 ? {ariaCurrent: \"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"],"mappings":"kDAAA,MAAMA,EAAY,0vFAClB,MAAAC,EAAeD,E,MCMFE,EAAY,M,wIA+Bf,aAAAC,GACN,MAAMC,EACJC,KAAKD,OAASC,KAAKC,UAAYD,KAAKE,SAAW,CAACC,QAAS,IAAOC,SAASL,KAAOC,KAAKD,MAASM,UAChG,MAAMC,EAAOP,EAAO,CAACO,KAAM,QAAUD,UACrC,MAAME,EAAUP,KAAKC,UAAYD,KAAKE,SAAW,CAACM,YAAa,QAAUH,UACzE,MAAMI,EAAWT,KAAKC,SAAWD,KAAKD,OAAS,GAAK,CAACU,UAAW,GAAKJ,UAErE,OAAAK,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACKZ,GACAO,GACAC,GACAE,E,CAIP,MAAAG,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACT,KAAK,YACTO,EAAA,SAAAH,OAAAC,OAAA,CAAAI,IAAA,2CACEC,MAAM,eACNd,SAAUF,KAAKE,UACXF,KAAKF,iBAETe,EAAA,OAAAE,IAAA,2CAAKC,MAAM,aAAahB,KAAKiB,QAAUJ,EAAA,UAAQK,KAAK,cAAiBlB,KAAKmB,OAC1EN,EAAA,QAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,+C","ignoreList":[]}

package/www/build/p-feb84d36.js

@@ -1,2 +0,0 @@
-import{r as o,h as c,a as r}from"./p-75c4a726.js";const s=":host{display:block;box-sizing:border-box}";const a=s;const e=class{constructor(c){o(this,c)}render(){return c(r,{key:"b704110bd5823c470d18953bc24db09da7c66e8a",role:"rowgroup"},c("slot",{key:"d71e881ccc992ac2a8e97efa8617d33c63ae1003"}))}};e.style=a;export{e as Z};
-//# sourceMappingURL=p-feb84d36.js.map