npm - @zanichelli/albe-web-components - Versions diffs - 14.5.1 → 14.5.2-rc-anchor-navigation - Mend

@zanichelli/albe-web-components 14.5.1 → 14.5.2-rc-anchor-navigation

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1744) hide show

package/dist/collection/components/z-select/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/z-select/index.tsx"],"names":[],"mappings":"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","sourcesContent":["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() element: 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 /** 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.selectItem = this.selectItem.bind(this);\n this.handleSelectFocus = this.handleSelectFocus.bind(this);\n }\n\n @Watch(\"items\")\n watchItems(): void {\n this.itemsList = this.getInitialItemsArray();\n this.selectedItem = this.itemsList.find((item: SelectItem) => item.selected);\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.selectedItem = this.itemsList.find((item: SelectItem) => values.includes(item.id));\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 if (!searchString?.length) {\n this.itemsList = prevList;\n } else {\n this.itemsList = prevList\n .filter((item: SelectItem) => {\n return item.name.toUpperCase().includes(searchString.toUpperCase());\n })\n .map((item: SelectItem) => {\n const start = item.name.toUpperCase().indexOf(searchString.toUpperCase());\n const end = start + searchString.length;\n const newName =\n item.name.substring(0, start) +\n `<strong>${item.name.substring(start, end)}</strong>` +\n item.name.substring(end, item.name.length);\n item.name = newName;\n\n return item;\n });\n }\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 selectItem(item: null | SelectItem, selected: boolean): void {\n if (item && item.disabled) {\n return;\n }\n\n this.itemsList = this.mapSelectedItemToItemsArray();\n this.itemsList = this.itemsList.map((i: SelectItem) => {\n i.selected = false;\n if (i.id === item?.id) {\n i.selected = selected;\n }\n\n return i;\n });\n\n this.selectedItem = this.itemsList.find((item: SelectItem) => item.selected);\n\n this.emitOptionSelect();\n\n if (this.searchString) {\n this.searchString = null;\n }\n }\n\n private arrowsSelectNav(e: KeyboardEvent, key: number): void {\n const showResetIcon = this.resetItem && !!this.selectedItem;\n const arrows = [KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP];\n if (!arrows.includes(e.key as KeyboardCode)) {\n return;\n }\n\n e.preventDefault();\n e.stopPropagation();\n\n if (!this.isOpen) {\n this.toggleSelectUl();\n }\n\n let index: number;\n\n if (this.resetItem) {\n if (e.key === KeyboardCode.ARROW_DOWN) {\n index = key + 1 === this.itemsList.length + 1 ? +!showResetIcon : key + 1;\n } else if (e.key === KeyboardCode.ARROW_UP) {\n index = key <= +!showResetIcon ? this.itemsList.length : key - 1;\n }\n }\n\n if (!this.resetItem) {\n if (e.key === KeyboardCode.ARROW_DOWN) {\n index = key + 1 === this.itemsList.length ? 0 : key + 1;\n } else if (e.key === KeyboardCode.ARROW_UP) {\n index = key <= 0 ? this.itemsList.length - 1 : key - 1;\n }\n }\n\n this.focusSelectItem(index);\n }\n\n private focusSelectItem(index: number): void {\n const focusElem: HTMLLIElement = this.element.querySelector(`#${this.htmlid}_${index}`);\n if (focusElem) {\n focusElem.focus();\n }\n }\n\n private toggleSelectUl(selfFocusOnClose = false): void {\n if (this.disabled || this.readonly) {\n return;\n }\n\n if (!this.isOpen) {\n document.addEventListener(\"click\", this.handleSelectFocus);\n document.addEventListener(\"keyup\", this.handleSelectFocus);\n } else {\n document.removeEventListener(\"click\", this.handleSelectFocus);\n document.removeEventListener(\"keyup\", this.handleSelectFocus);\n if (selfFocusOnClose) {\n (this.element.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 const cp = e.composedPath();\n const clearIcon = cp.find((item: HTMLElement) => item.classList && item.classList.contains(\"reset-icon\"));\n if (clearIcon) {\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 && e.key !== KeyboardCode.ENTER) {\n return;\n }\n\n const tree = getElementTree(getClickedElement());\n const parent = tree.find((elem: HTMLElement) => {\n return elem.nodeName.toLowerCase() === \"z-input\" && elem.id === `${this.htmlid}_input`;\n });\n\n if (!parent) {\n this.toggleSelectUl(e instanceof MouseEvent ? true : false);\n }\n }\n\n private scrollToLetter(letter: string): void {\n const foundItem = this.itemsList.find((item: SelectItem) => item.name.charAt(0) === letter);\n if (foundItem) {\n this.focusSelectItem(this.itemsList.indexOf(foundItem));\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.keyCode !== 13) {\n e.preventDefault();\n }\n handleKeyboardSubmit(e, this.toggleSelectUl);\n }}\n onKeyDown={(e: KeyboardEvent) => {\n return this.arrowsSelectNav(\n e,\n this.selectedItem ? this.itemsList.indexOf(this.selectedItem) : this.resetItem ? 0 : -1\n );\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\n class={this.isOpen ? \"open\" : \"closed\"}\n tabindex=\"-1\"\n >\n <div\n class={{\n \"ul-scroll-wrapper\": true,\n \"fixed\": this.isfixed,\n }}\n tabindex=\"-1\"\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 filled: !!this.selectedItem,\n [`input-${this.status}`]: !this.isOpen && !!this.status,\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}_${this.resetItem ? \"0\" : \"none\"}`}\n size={this.listSizeType()}\n onClickItem={() => {\n this.selectedItem = null;\n this.searchString = null;\n this.emitResetSelect();\n }}\n onKeyDown={(e: KeyboardEvent) => this.arrowsSelectNav(e, 0)}\n >\n <div class=\"reset-item-content\">\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, key: number, 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=\"option\"\n tabindex={item.disabled || !this.isOpen ? -1 : 0}\n aria-selected={item.selected ? \"true\" : \"false\"}\n id={`${this.htmlid}_${key}`}\n size={this.listSizeType()}\n onClickItem={() => this.selectItem(item, true)}\n onKeyDown={(e: KeyboardEvent) => this.arrowsSelectNav(e, key)}\n >\n <div class=\"list-element-container\">\n {item.icon && <z-icon name={item.icon} />}\n <span\n class={{\n \"selected\": !!item.selected,\n \"list-element-content\": true,\n }}\n innerHTML={item.name}\n />\n </div>\n </z-list-element>\n );\n }\n\n private listSizeType(): ListSize {\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(): HTMLZListElementElement | HTMLZListElementElement[] {\n if (!this.itemsList.length) {\n return this.renderNoSearchResults();\n }\n\n if (this.hasGroupItems) {\n return this.renderSelectGroupItems();\n }\n\n return this.itemsList.map((item: SelectItem, key, array) => {\n const lastItem = array.length === key + 1;\n const itemKey = this.resetItem ? key + 1 : key;\n\n return this.renderItem(item, itemKey, lastItem);\n });\n }\n\n private renderSelectGroupItems(): HTMLZListElementElement | HTMLZListElementElement[] {\n const newData = this.itemsList.reduce((group, item, index, array) => {\n const {category} = item;\n const lastItem = array.length === index + 1;\n const itemKey = this.resetItem ? index + 1 : index;\n const zListItem = this.renderItem(item, itemKey, lastItem);\n\n group[category] = group[category] ?? [];\n group[category].push(zListItem);\n\n return group;\n }, {});\n\n return Object.entries(newData as {[key: string]: HTMLZListElementElement[]}).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=\"blue500\"\n class=\"no-results\"\n size={this.listSizeType()}\n >\n <z-icon\n name=\"multiply-circle\"\n fill=\"blue500\"\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 />\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"]}

package/dist/collection/components/z-select/index.spec.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/z-select/index.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZSelect} from \"./index\";\n\ndescribe(\"Suite test ZSelect\", () => {\n it(\"Test render ZSelect chiusa con elementi\", async () => {\n const page = await newSpecPage({\n components: [ZSelect],\n html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false}]'> </z-select>`,\n });\n page.rootInstance.isOpen = false;\n await page.waitForChanges();\n expect(page.root).toEqualHtml(`\n <z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false}]'>\n <div class=\"select-wrapper\">\n <z-input\n class=\"cursor-select\"\n label=\"default\"\n id=\"checkid_input\"\n htmlid=\"checkid_select_input\"\n placeholder=\"select here\"\n icon=\"caret-down\"\n aria-label=\"\"\n aria-autocomplete=\"none\"\n aria-expanded=\"false\"\n aria-activedescendant=\"\"\n aria-controls=\"checkid_list\"\n role=\"combobox\"\n size=\"big\"\n ></z-input>\n <div class=\"closed\" tabindex=\"-1\">\n <div class=\"ul-scroll-wrapper\" tabindex=\"-1\">\n <z-list\n role=\"listbox\"\n aria-label=\"default\"\n tabindex=\"-1\"\n id=\"checkid_list\"\n size=\"medium\"\n >\n <z-list-element\n clickable=\"\"\n aria-selected=\"false\"\n dividertype=\"header\"\n role=\"option\"\n tabindex=\"-1\"\n class=\"\"\n id=\"checkid_0\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">SELECT HERE questa opzione con etichetta lunga lunghissima</span>\n </div>\n </z-list-element>\n </z-list>\n </div>\n </div>\n <z-input-message class=\"big\"></z-input-message>\n </div>\n </z-select>\n `);\n });\n\n it(\"Test render ZSelect aperta con elementi\", async () => {\n const page = await newSpecPage({\n components: [ZSelect],\n html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'> </z-select>`,\n });\n page.rootInstance.isOpen = true;\n await page.waitForChanges();\n expect(page.root).toEqualHtml(`\n <z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'>\n <div class=\"select-wrapper\">\n <z-input\n class=\"cursor-select active-select\"\n label=\"default\"\n id=\"checkid_input\"\n htmlid=\"checkid_select_input\"\n placeholder=\"select here\"\n icon=\"caret-up\"\n readonly=\"\"\n aria-label=\"\"\n aria-autocomplete=\"none\"\n aria-expanded=\"true\"\n aria-controls=\"checkid_list\"\n role=\"combobox\"\n size=\"big\"\n ></z-input>\n <div class=\"open\" tabindex=\"-1\">\n <div class=\"ul-scroll-wrapper\" tabindex=\"-1\">\n <z-list\n role=\"listbox\"\n aria-label=\"default\"\n tabindex=\"0\"\n id=\"checkid_list\"\n size=\"medium\"\n >\n <z-list-element\n clickable=\"\"\n aria-selected=\"false\"\n dividertype=\"element\"\n role=\"option\"\n tabindex=\"0\"\n class=\"\"\n id=\"checkid_0\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">SELECT HERE questa opzione con etichetta lunga lunghissima</span>\n </div>\n </z-list-element>\n <z-list-element\n clickable=\"\"\n aria-selected=\"false\"\n dividertype=\"header\"\n role=\"option\"\n tabindex=\"0\"\n class=\"\"\n id=\"checkid_1\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">primo elemento</span>\n </div>\n </z-list-element>\n </z-list>\n </div>\n </div>\n <z-input-message class=\"big\"></z-input-message>\n </div>\n </z-select>\n `);\n });\n\n it(\"Test render ZSelect aperta con elemento selezionato\", async () => {\n const page = await newSpecPage({\n components: [ZSelect],\n html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":true}]'> </z-select>`,\n });\n page.rootInstance.isOpen = true;\n await page.waitForChanges();\n expect(page.root).toEqualHtml(`\n <z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":true}]'>\n <div class=\"select-wrapper\">\n <z-input\n class=\"cursor-select active-select\"\n label=\"default\"\n id=\"checkid_input\"\n htmlid=\"checkid_select_input\"\n placeholder=\"select here\"\n icon=\"caret-up\"\n readonly=\"\"\n aria-label=\"\"\n aria-autocomplete=\"none\"\n aria-expanded=\"true\"\n aria-controls=\"checkid_list\"\n role=\"combobox\"\n size=\"big\"\n ></z-input>\n <div class=\"open\" tabindex=\"-1\">\n <div class=\"ul-scroll-wrapper\" tabindex=\"-1\">\n <z-list\n role=\"listbox\"\n aria-label=\"default\"\n tabindex=\"0\"\n id=\"checkid_list\"\n class=\"filled\"\n size=\"medium\"\n >\n <z-list-element\n clickable=\"\"\n aria-selected=\"false\"\n dividertype=\"element\"\n role=\"option\"\n tabindex=\"0\"\n class=\"\"\n id=\"checkid_0\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">SELECT HERE questa opzione con etichetta lunga lunghissima</span>\n </div>\n </z-list-element>\n <z-list-element\n clickable=\"\"\n dividertype=\"header\"\n role=\"option\"\n tabindex=\"0\"\n aria-selected=\"true\"\n class=\"\"\n id=\"checkid_1\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content selected\">primo elemento</span>\n </div>\n </z-list-element>\n </z-list>\n </div>\n </div>\n <z-input-message class=\"big\"></z-input-message>\n </div>\n </z-select>\n `);\n });\n\n it(\"Test render ZSelect chiusa disabilitato con elementi\", async () => {\n const page = await newSpecPage({\n components: [ZSelect],\n html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" disabled readonly label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'> </z-select>`,\n });\n page.rootInstance.isOpen = false;\n await page.waitForChanges();\n expect(page.root).toEqualHtml(`\n <z-select htmlid=\"checkid\" placeholder=\"select here\" disabled readonly label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'>\n <div class=\"select-wrapper\">\n <z-input\n class=\"cursor-select\"\n label=\"default\"\n id=\"checkid_input\"\n htmlid=\"checkid_select_input\"\n placeholder=\"select here\"\n icon=\"caret-down\"\n disabled=\"\"\n readonly=\"\"\n aria-label=\"\"\n aria-autocomplete=\"none\"\n aria-expanded=\"false\"\n aria-activedescendant=\"\"\n aria-controls=\"checkid_list\"\n role=\"combobox\"\n size=\"big\"\n ></z-input>\n <div class=\"closed\" tabindex=\"-1\">\n <div class=\"ul-scroll-wrapper\" tabindex=\"-1\">\n <z-list\n role=\"listbox\"\n aria-label=\"default\"\n tabindex=\"-1\"\n id=\"checkid_list\"\n class=\"disabled readonly\"\n size=\"medium\"\n >\n <z-list-element\n clickable=\"\"\n aria-selected=\"false\"\n dividertype=\"element\"\n role=\"option\"\n tabindex=\"-1\"\n class=\"\"\n id=\"checkid_0\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">SELECT HERE questa opzione con etichetta lunga lunghissima</span>\n </div>\n </z-list-element>\n <z-list-element\n clickable=\"\"\n aria-selected=\"false\"\n dividertype=\"header\"\n role=\"option\"\n tabindex=\"-1\"\n class=\"\"\n id=\"checkid_1\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">primo elemento</span>\n </div>\n </z-list-element>\n </z-list>\n </div>\n </div>\n <z-input-message class=\"big\"></z-input-message>\n </div>\n </z-select>\n `);\n });\n\n it(\"Test render ZSelect chiusa con elementi, status/messages\", async () => {\n const page = await newSpecPage({\n components: [ZSelect],\n html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" status=\"success\" message=\"message message\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'> </z-select>`,\n });\n page.rootInstance.isOpen = false;\n await page.waitForChanges();\n expect(page.root).toEqualHtml(`\n <z-select htmlid=\"checkid\" placeholder=\"select here\" status=\"success\" message=\"message message\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'>\n <div class=\"select-wrapper\">\n <z-input\n class=\"cursor-select\"\n aria-label=\"\"\n label=\"default\"\n id=\"checkid_input\"\n htmlid=\"checkid_select_input\"\n placeholder=\"select here\"\n icon=\"caret-down\"\n status=\"success\"\n aria-autocomplete=\"none\"\n aria-expanded=\"false\"\n aria-activedescendant=\"\"\n aria-controls=\"checkid_list\"\n role=\"combobox\"\n size=\"big\"\n ></z-input>\n <div class=\"closed\" tabindex=\"-1\">\n <div class=\"ul-scroll-wrapper\" tabindex=\"-1\">\n <z-list\n role=\"listbox\"\n aria-label=\"default\"\n tabindex=\"-1\"\n id=\"checkid_list\"\n class=\"input-success\"\n size=\"medium\"\n >\n <z-list-element\n clickable=\"\"\n aria-selected=\"false\"\n dividertype=\"element\"\n role=\"option\"\n tabindex=\"-1\"\n class=\"\"\n id=\"checkid_0\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">SELECT HERE questa opzione con etichetta lunga lunghissima</span>\n </div>\n </z-list-element>\n <z-list-element\n clickable=\"\"\n aria-selected=\"false\"\n dividertype=\"header\"\n role=\"option\"\n tabindex=\"-1\"\n class=\"\"\n id=\"checkid_1\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">primo elemento</span>\n </div>\n </z-list-element>\n </z-list>\n </div>\n </div>\n <z-input-message class=\"big\" status=\"success\" message=\"message message\"></z-input-message>\n </div>\n </z-select>\n `);\n });\n\n it(\"Test render ZSelect aperta con elementi, un elemento disabilitato\", async () => {\n const page = await newSpecPage({\n components: [ZSelect],\n html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false,\"disabled\":true}]'> </z-select>`,\n });\n page.rootInstance.isOpen = true;\n await page.waitForChanges();\n expect(page.root).toEqualHtml(`\n <z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false,\"disabled\":true}]'>\n <div class=\"select-wrapper\">\n <z-input\n class=\"cursor-select active-select\"\n aria-label=\"\"\n label=\"default\"\n id=\"checkid_input\"\n htmlid=\"checkid_select_input\"\n placeholder=\"select here\"\n icon=\"caret-up\"\n readonly=\"\"\n aria-autocomplete=\"none\"\n aria-expanded=\"true\"\n aria-controls=\"checkid_list\"\n role=\"combobox\"\n size=\"big\"\n ></z-input>\n <div class=\"open\" tabindex=\"-1\">\n <div class=\"ul-scroll-wrapper\" tabindex=\"-1\">\n <z-list\n role=\"listbox\"\n aria-label=\"default\"\n tabindex=\"0\"\n id=\"checkid_list\"\n size=\"medium\"\n >\n <z-list-element\n clickable=\"\"\n aria-selected=\"false\"\n dividertype=\"element\"\n role=\"option\"\n tabindex=\"0\"\n class=\"\"\n id=\"checkid_0\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">SELECT HERE questa opzione con etichetta lunga lunghissima</span>\n </div>\n </z-list-element>\n <z-list-element\n disabled=\"\"\n aria-selected=\"false\"\n dividertype=\"header\"\n role=\"option\"\n tabindex=\"-1\"\n id=\"checkid_1\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">primo elemento</span>\n </div>\n </z-list-element>\n </z-list>\n </div>\n </div>\n <z-input-message class=\"big\"></z-input-message>\n </div>\n </z-select>\n `);\n });\n\n it(\"Test render ZSelect aperta con elementi con autocomplete\", async () => {\n const page = await newSpecPage({\n components: [ZSelect],\n html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" autocomplete=\"on\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'> </z-select>`,\n });\n page.rootInstance.isOpen = true;\n await page.waitForChanges();\n expect(page.root).toEqualHtml(`\n <z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" autocomplete=\"on\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'>\n <div class=\"select-wrapper\">\n <z-input\n class=\"active-select\"\n label=\"default\"\n id=\"checkid_input\"\n htmlid=\"checkid_select_input\"\n placeholder=\"select here\"\n icon=\"caret-up\"\n hasclearicon=\"\"\n aria-label=\"\"\n aria-autocomplete=\"list\"\n aria-expanded=\"true\"\n aria-controls=\"checkid_list\"\n role=\"combobox\"\n size=\"big\"\n ></z-input>\n <div class=\"open\" tabindex=\"-1\">\n <div class=\"ul-scroll-wrapper\" tabindex=\"-1\">\n <z-list\n role=\"listbox\"\n aria-label=\"default\"\n tabindex=\"0\"\n id=\"checkid_list\"\n size=\"medium\"\n >\n <z-list-element\n clickable=\"\"\n aria-selected=\"false\"\n dividertype=\"element\"\n role=\"option\"\n tabindex=\"0\"\n class=\"\"\n id=\"checkid_0\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">SELECT HERE questa opzione con etichetta lunga lunghissima</span>\n </div>\n </z-list-element>\n <z-list-element\n clickable=\"\"\n aria-selected=\"false\"\n dividertype=\"header\"\n role=\"option\"\n tabindex=\"0\"\n class=\"\"\n id=\"checkid_1\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">primo elemento</span>\n </div>\n </z-list-element>\n </z-list>\n </div>\n </div>\n <z-input-message class=\"big\"></z-input-message>\n </div>\n </z-select>\n `);\n });\n\n it(\"Test render ZSelect aperta con elementi con autocomplete e ricerca\", async () => {\n const page = await newSpecPage({\n components: [ZSelect],\n html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" autocomplete=\"true\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'> </z-select>`,\n });\n page.rootInstance.isOpen = true;\n page.rootInstance.searchString = \"opzione\";\n await page.waitForChanges();\n expect(page.root).toEqualHtml(`\n <z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" autocomplete=\"true\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'>\n <div class=\"select-wrapper\">\n <z-input class=\"active-select\"aria-autocomplete=\"list\" aria-controls=\"checkid_list\" role=\"combobox\" aria-label=\"\" aria-expanded=\"true\" label=\"default\" hasclearicon=\"\" size=\"big\" htmlid=\"checkid_select_input\" icon=\"caret-up\" id=\"checkid_input\" placeholder=\"select here\"></z-input>\n <div class=\"open\" tabindex=\"-1\">\n <div class=\"ul-scroll-wrapper\" tabindex=\"-1\">\n <z-list id=\"checkid_list\" role=\"listbox\" aria-label=\"default\" tabindex=\"0\" size=\"medium\">\n <z-list-element clickable=\"\" aria-selected=\"false\" dividertype=\"header\" id=\"checkid_0\" role=\"option\" size=\"medium\" tabindex=\"0\">\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">\n SELECT HERE questa\n <strong>\n opzione\n </strong>\n con etichetta lunga lunghissima\n </span>\n </div>\n </z-list-element>\n </z-list>\n </div>\n </div>\n <z-input-message class=\"big\"></z-input-message>\n </div>\n </z-select>\n `);\n });\n\n it(\"Test render ZSelect aperta con reset item\", async () => {\n const page = await newSpecPage({\n components: [ZSelect],\n html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" reset-item=\"Pulisci selezione\" label=\"default\" autocomplete=\"true\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":true}]'></z-select>`,\n });\n page.rootInstance.isOpen = true;\n await page.waitForChanges();\n expect(page.root).toEqualHtml(`\n <z-select autocomplete=\"true\" htmlid=\"checkid\" items=\"[{"id":"item_0","name":"SELECT HERE questa opzione con etichetta lunga lunghissima","selected":true}]\" label=\"default\" placeholder=\"select here\" reset-item=\"Pulisci selezione\">\n <div class=\"select-wrapper\">\n <z-input aria-expanded=\"true\" aria-label=\"\" aria-autocomplete=\"list\" aria-controls=\"checkid_list\" role=\"combobox\" class=\"active-select\" hasclearicon=\"\" size=\"big\" htmlid=\"checkid_select_input\" icon=\"caret-up\" id=\"checkid_input\" label=\"default\" placeholder=\"select here\"></z-input>\n <div class=\"open\" tabindex=\"-1\">\n <div class=\"ul-scroll-wrapper\" tabindex=\"-1\">\n <z-list class=\"filled\" id=\"checkid_list\" role=\"listbox\" aria-label=\"default\" size=\"medium\" tabindex=\"0\">\n <z-list-element aria-selected=\"false\" class=\"reset-item reset-item-margin\" clickable=\"\" dividertype=\"element\" size=\"medium\" id=\"checkid_0\" role=\"option\" tabindex=\"0\">\n <div class=\"reset-item-content\">\n <z-icon name=\"multiply-circled\"></z-icon>\n <span>\n Pulisci selezione\n </span>\n </div>\n </z-list-element>\n <z-list-element aria-selected=\"true\" clickable=\"\" dividertype=\"header\" id=\"checkid_1\" role=\"option\" size=\"medium\" tabindex=\"0\">\n <div class=\"list-element-container\">\n <span class=\"list-element-content selected\">\n SELECT HERE questa opzione con etichetta lunga lunghissima\n </span>\n </div>\n </z-list-element>\n </z-list>\n </div>\n </div>\n <z-input-message class=\"big\"></z-input-message>\n </div>\n </z-select>\n `);\n });\n\n it(\"Test render ZSelect fixed\", async () => {\n const page = await newSpecPage({\n components: [ZSelect],\n html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"fixed without groups\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]' isfixed=\"true\"> </z-select>`,\n });\n page.rootInstance.isOpen = true;\n await page.waitForChanges();\n expect(page.root).toEqualHtml(`\n <z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"fixed without groups\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]' isfixed=\"true\">\n <div class=\"select-wrapper\">\n <z-input\n class=\"cursor-select active-select\"\n label=\"fixed without groups\"\n id=\"checkid_input\"\n htmlid=\"checkid_select_input\"\n placeholder=\"select here\"\n icon=\"caret-up\"\n readonly=\"\"\n aria-label=\"\"\n aria-expanded=\"true\"\n aria-autocomplete=\"none\"\n aria-controls=\"checkid_list\"\n role=\"combobox\"\n size=\"big\"\n ></z-input>\n <div class=\"open\" tabindex=\"-1\">\n <div class=\"fixed ul-scroll-wrapper\" tabindex=\"-1\">\n <z-list\n role=\"listbox\"\n aria-label=\"fixed without groups\" \n tabindex=\"0\"\n id=\"checkid_list\"\n size=\"medium\"\n >\n <z-list-element\n clickable=\"\"\n aria-selected=\"false\"\n dividertype=\"element\"\n role=\"option\"\n tabindex=\"0\"\n class=\"\"\n id=\"checkid_0\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">SELECT HERE questa opzione con etichetta lunga lunghissima</span>\n </div>\n </z-list-element>\n <z-list-element\n clickable=\"\"\n aria-selected=\"false\"\n dividertype=\"header\"\n role=\"option\"\n tabindex=\"0\"\n class=\"\"\n id=\"checkid_1\"\n size=\"medium\"\n >\n <div class=\"list-element-container\">\n <span class=\"list-element-content\">primo elemento</span>\n </div>\n </z-list-element>\n </z-list>\n </div>\n </div>\n <z-input-message class=\"big\"></z-input-message>\n </div>\n </z-select>\n `);\n });\n});\n"]}

package/dist/collection/components/z-select/index.stories.js ADDED Viewed

@@ -0,0 +1,187 @@
+import { html } from "lit";
+import { ControlSize, InputStatus } from "../../beans";
+import "./index";
+const StoryMeta = {
+    title: "ZSelect",
+    component: "z-select",
+    argTypes: {
+        status: {
+            control: {
+                type: "select",
+                labels: {
+                    null: "-",
+                },
+            },
+            options: [null, ...Object.values(InputStatus)],
+        },
+        size: {
+            control: {
+                type: "inline-radio",
+            },
+            options: Object.values(ControlSize),
+        },
+    },
+    args: {
+        items: [
+            {
+                id: "item_1",
+                selected: false,
+            },
+            {
+                id: "item_2",
+                selected: true,
+            },
+            {
+                id: "item_3",
+                selected: false,
+                disabled: true,
+            },
+            {
+                id: "item_4",
+                selected: false,
+            },
+        ],
+        label: "this is the label",
+        ariaLabel: "",
+        placeholder: "select placeholder",
+        status: null,
+        message: "helper text",
+        size: ControlSize.BIG,
+        disabled: false,
+        readonly: false,
+        htmlid: "",
+        htmltitle: "",
+        autocomplete: false,
+        noresultslabel: "Nessun risultato",
+        hasGroupItems: false,
+        resetItem: "",
+        isfixed: false,
+    },
+};
+export default StoryMeta;
+export const Default = {
+    render: (args) => html `
+    <z-select
+      items=${JSON.stringify(args.items)}
+      label=${args.label}
+      aria-label=${args.ariaLabel}
+      placeholder=${args.placeholder}
+      name=${args.name}
+      status=${args.status}
+      message=${args.message}
+      autocomplete=${args.autocomplete}
+      noresultslabel=${args.noresultslabel}
+      disabled=${args.disabled}
+      readonly=${args.readonly}
+      htmlid=${args.htmlid}
+      htmltitle=${args.htmltitle}
+      reset-item=${args.resetItem}
+      isfixed=${args.isfixed}
+      size=${args.size}
+    ></z-select>
+  `,
+};
+export const Groups = {
+    args: {
+        hasGroupItems: true,
+        items: [
+            {
+                id: "item_1",
+                selected: false,
+                category: "Gruppo 1",
+            },
+            {
+                id: "item_2",
+                selected: false,
+                category: "Gruppo 1",
+            },
+            {
+                id: "item_3",
+                selected: false,
+                category: "Gruppo 2",
+                disabled: true,
+            },
+            {
+                id: "item_4",
+                selected: false,
+                category: "Gruppo 2",
+            },
+            {
+                id: "item_5",
+                selected: false,
+                category: "Gruppo 3",
+                disabled: true,
+            },
+            {
+                id: "item_6",
+                selected: false,
+                category: "Gruppo 3",
+            },
+        ],
+    },
+    render: (args) => html `
+    <z-select
+      items=${JSON.stringify(args.items)}
+      label=${args.label}
+      aria-label=${args.ariaLabel}
+      placeholder=${args.placeholder}
+      name=${args.name}
+      status=${args.status}
+      message=${args.message}
+      autocomplete=${args.autocomplete}
+      noresultslabel=${args.noresultslabel}
+      disabled=${args.disabled}
+      readonly=${args.readonly}
+      htmlid=${args.htmlid}
+      htmltitle=${args.htmltitle}
+      .hasGroupItems=${args.hasGroupItems}
+      reset-item=${args.resetItem}
+      isfixed=${args.isfixed}
+      size=${args.size}
+    ></z-select>
+  `,
+};
+export const ZSelectWithIcons = {
+    args: {
+        hasGroupItems: true,
+        items: [
+            {
+                id: "item_1",
+                selected: false,
+                icon: "teacher",
+            },
+            {
+                id: "item_2",
+                selected: false,
+                icon: "teacher",
+            },
+            {
+                id: "item_3",
+                selected: false,
+                disabled: true,
+                icon: "teacher",
+            },
+        ],
+    },
+    render: (args) => html `
+    <z-select
+      items=${JSON.stringify(args.items)}
+      label=${args.label}
+      aria-label=${args.ariaLabel}
+      placeholder=${args.placeholder}
+      name=${args.name}
+      status=${args.status}
+      message=${args.message}
+      autocomplete=${args.autocomplete}
+      noresultslabel=${args.noresultslabel}
+      disabled=${args.disabled}
+      readonly=${args.readonly}
+      htmlid=${args.htmlid}
+      htmltitle=${args.htmltitle}
+      reset-item=${args.resetItem}
+      isfixed=${args.isfixed}
+      size=${args.size}
+    ></z-select>
+  `,
+};
+//# sourceMappingURL=index.stories.js.map

package/dist/collection/components/z-select/index.stories.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../src/components/z-select/index.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {type ZSelect} from \".\";\nimport {ControlSize, InputStatus, SelectItem} from \"../../beans\";\nimport \"./index\";\n\nconst StoryMeta = {\n title: \"ZSelect\",\n component: \"z-select\",\n argTypes: {\n status: {\n control: {\n type: \"select\",\n labels: {\n null: \"-\",\n },\n },\n options: [null, ...Object.values(InputStatus)],\n },\n size: {\n control: {\n type: \"inline-radio\",\n },\n options: Object.values(ControlSize),\n },\n },\n args: {\n items: [\n {\n id: \"item_1\",\n selected: false,\n },\n {\n id: \"item_2\",\n selected: true,\n },\n {\n id: \"item_3\",\n selected: false,\n disabled: true,\n },\n {\n id: \"item_4\",\n selected: false,\n },\n ] as SelectItem[],\n label: \"this is the label\",\n ariaLabel: \"\",\n placeholder: \"select placeholder\",\n status: null,\n message: \"helper text\",\n size: ControlSize.BIG,\n disabled: false,\n readonly: false,\n htmlid: \"\",\n htmltitle: \"\",\n autocomplete: false,\n noresultslabel: \"Nessun risultato\",\n hasGroupItems: false,\n resetItem: \"\",\n isfixed: false,\n },\n} satisfies Meta<ZSelect>;\nexport default StoryMeta;\n\ntype Story = StoryObj<ZSelect>;\n\nexport const Default = {\n render: (args) => html`\n <z-select\n items=${JSON.stringify(args.items)}\n label=${args.label}\n aria-label=${args.ariaLabel}\n placeholder=${args.placeholder}\n name=${args.name}\n status=${args.status}\n message=${args.message}\n autocomplete=${args.autocomplete}\n noresultslabel=${args.noresultslabel}\n disabled=${args.disabled}\n readonly=${args.readonly}\n htmlid=${args.htmlid}\n htmltitle=${args.htmltitle}\n reset-item=${args.resetItem}\n isfixed=${args.isfixed}\n size=${args.size}\n ></z-select>\n `,\n} satisfies Story;\n\nexport const Groups = {\n args: {\n hasGroupItems: true,\n items: [\n {\n id: \"item_1\",\n selected: false,\n category: \"Gruppo 1\",\n },\n {\n id: \"item_2\",\n selected: false,\n category: \"Gruppo 1\",\n },\n {\n id: \"item_3\",\n selected: false,\n category: \"Gruppo 2\",\n disabled: true,\n },\n {\n id: \"item_4\",\n selected: false,\n category: \"Gruppo 2\",\n },\n {\n id: \"item_5\",\n selected: false,\n category: \"Gruppo 3\",\n disabled: true,\n },\n {\n id: \"item_6\",\n selected: false,\n category: \"Gruppo 3\",\n },\n ] as SelectItem[],\n },\n render: (args) => html`\n <z-select\n items=${JSON.stringify(args.items)}\n label=${args.label}\n aria-label=${args.ariaLabel}\n placeholder=${args.placeholder}\n name=${args.name}\n status=${args.status}\n message=${args.message}\n autocomplete=${args.autocomplete}\n noresultslabel=${args.noresultslabel}\n disabled=${args.disabled}\n readonly=${args.readonly}\n htmlid=${args.htmlid}\n htmltitle=${args.htmltitle}\n .hasGroupItems=${args.hasGroupItems}\n reset-item=${args.resetItem}\n isfixed=${args.isfixed}\n size=${args.size}\n ></z-select>\n `,\n} satisfies Story;\n\nexport const ZSelectWithIcons = {\n args: {\n hasGroupItems: true,\n items: [\n {\n id: \"item_1\",\n selected: false,\n icon: \"teacher\",\n },\n {\n id: \"item_2\",\n selected: false,\n icon: \"teacher\",\n },\n {\n id: \"item_3\",\n selected: false,\n disabled: true,\n icon: \"teacher\",\n },\n ] as SelectItem[],\n },\n render: (args) => html`\n <z-select\n items=${JSON.stringify(args.items)}\n label=${args.label}\n aria-label=${args.ariaLabel}\n placeholder=${args.placeholder}\n name=${args.name}\n status=${args.status}\n message=${args.message}\n autocomplete=${args.autocomplete}\n noresultslabel=${args.noresultslabel}\n disabled=${args.disabled}\n readonly=${args.readonly}\n htmlid=${args.htmlid}\n htmltitle=${args.htmltitle}\n reset-item=${args.resetItem}\n isfixed=${args.isfixed}\n size=${args.size}\n ></z-select>\n `,\n} satisfies Story;\n"]}

package/dist/collection/components/z-skip-to-content/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { h, Host } from "@stencil/core";
-import { getElementTree, handleKeyboardSubmit } from "../../utils/utils";
+import { Host, h } from "@stencil/core";
 import { ThemeVariant } from "../../beans";
+import { getElementTree, handleKeyboardSubmit } from "../../utils/utils";
 /**
  * Component short description.
  */
@@ -45,7 +45,7 @@ export class ZSkipToContent {
         this.visible = false;
     }
     render() {
-        return (h(Host, { key: '4c268f1358c2b8d099b43c8ca3800d460ddb3127', class: {
+        return (h(Host, { key: 'ae03554e1bb63eebca8f51d3cae23b885ee79428', class: {
                 [this.variant]: true,
                 "skip-to-content-visible": this.visible,
             } }, this.links.map((link, i) => {

package/dist/collection/components/z-skip-to-content/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["~~../../../~~src/components/z-skip-to-content/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,~~CAAC~~,EAAE,IAAI,EAAE,~~OAAO,EAAE,~~MAAM,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AAC/E,OAAO,~~EAAC~~,~~cAAc~~,~~EAAE,oBAAoB,~~EAAC,MAAM,~~mBAAmB~~,CAAC;~~AACvE~~,OAAO,EAAC,~~YAAY~~,~~EAAoB~~,MAAM,~~aAAa~~,CAAC;~~AAE5D~~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","sourcesContent":["import {Component, h, Host, ~~Element,~~ Listen, Prop, State} from \"@stencil/core\";\nimport {~~getElementTree~~, ~~handleKeyboardSubmit~~} from \"../../~~utils/utils~~\";\nimport {~~ThemeVariant~~, ~~SkipToContentLink~~} from \"../../~~beans~~\";\n\n/*\n Component short description.\n /\n@Component({\n tag: \"z-skip-to-content\",\n styleUrl: \"styles.css\",\n shadow: false,\n scoped: true,\n})\nexport class ZSkipToContent {\n /* Graphical variant: `dark`, `light`. /\n @Prop({reflect: true})\n variant?: ThemeVariant;\n\n /* Array to fill link into skip-content */\n @Prop({mutable: true})\n links: string \| SkipToContentLink[] = [];\n\n @State()\n visible = false;\n\n @State()\n visibleLink = \"\";\n\n @Element() hostElement: HTMLZSkipToContentElement;\n\n @Listen(\"focusout\", {target: \"document\"})\n handleFocusOutSkipToContent(e: FocusEvent): void {\n if (this.isInSkipToContent(e.target)) {\n this.visible = false;\n }\n }\n\n @Listen(\"focusin\", {target: \"document\"})\n handleFocusSkipToContent(e: FocusEvent): void {\n if (this.isInSkipToContent(e.target)) {\n this.visible = true;\n }\n }\n\n componentDidLoad(): void {\n this.showFirstChild();\n }\n\n componentWillRender(): void {\n if (this.links) {\n this.links = typeof this.links === \"string\" ? JSON.parse(this.links) : this.links;\n }\n }\n\n private isInSkipToContent(elem): boolean {\n const tree = getElementTree(elem);\n const menuParent = tree.find((elem: Element) => elem.nodeName.toLowerCase() === \"z-skip-to-content\");\n\n return !!menuParent;\n }\n\n private showFirstChild(): void {\n const firstChild = this.hostElement.children?.[0];\n if (firstChild) {\n this.visibleLink = firstChild.id;\n }\n }\n\n private handleLinkClick(): void {\n this.visible = false;\n }\n\n render(): HTMLZSkipToContentElement {\n return (\n <Host\n class={{\n [this.variant]: true,\n \"skip-to-content-visible\": this.visible,\n }}\n >\n {(this.links as SkipToContentLink[]).map((link, i) => {\n const id = `skip-to-content-${i}`;\n\n return (\n <div class=\"link-container\">\n <a\n id={id}\n class={{\n \"body-1-sb\": true,\n \"z-link\": true,\n \"z-link-underline\": true,\n \"z-link-white\": this.variant === ThemeVariant.DARK,\n \"z-link-black\": this.variant !== ThemeVariant.DARK,\n \"link-visible\": id == this.visibleLink,\n \"link-invisible\": id != this.visibleLink,\n }}\n aria-label={link.ariaLabel \|\| link.label}\n href={link.href}\n onFocus={() => (this.visibleLink = id)}\n onClick={() => this.handleLinkClick()}\n onKeyUp={(e) => handleKeyboardSubmit(e, this.handleLinkClick.bind(this))}\n >\n {link.label}\n </a>\n </div>\n );\n })}\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/z-skip-to-content/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Host, Listen, Prop, State, h} from \"@stencil/core\";\nimport {SkipToContentLink, ThemeVariant} from \"../../beans\";\nimport {getElementTree, handleKeyboardSubmit} from \"../../utils/utils\";\n\n/*\n Component short description.\n /\n@Component({\n tag: \"z-skip-to-content\",\n styleUrl: \"styles.css\",\n shadow: false,\n scoped: true,\n})\nexport class ZSkipToContent {\n /* Graphical variant: `dark`, `light`. /\n @Prop({reflect: true})\n variant?: ThemeVariant;\n\n /* Array to fill link into skip-content */\n @Prop({mutable: true})\n links: string \| SkipToContentLink[] = [];\n\n @State()\n visible = false;\n\n @State()\n visibleLink = \"\";\n\n @Element() hostElement: HTMLZSkipToContentElement;\n\n @Listen(\"focusout\", {target: \"document\"})\n handleFocusOutSkipToContent(e: FocusEvent): void {\n if (this.isInSkipToContent(e.target)) {\n this.visible = false;\n }\n }\n\n @Listen(\"focusin\", {target: \"document\"})\n handleFocusSkipToContent(e: FocusEvent): void {\n if (this.isInSkipToContent(e.target)) {\n this.visible = true;\n }\n }\n\n componentDidLoad(): void {\n this.showFirstChild();\n }\n\n componentWillRender(): void {\n if (this.links) {\n this.links = typeof this.links === \"string\" ? JSON.parse(this.links) : this.links;\n }\n }\n\n private isInSkipToContent(elem): boolean {\n const tree = getElementTree(elem);\n const menuParent = tree.find((elem: Element) => elem.nodeName.toLowerCase() === \"z-skip-to-content\");\n\n return !!menuParent;\n }\n\n private showFirstChild(): void {\n const firstChild = this.hostElement.children?.[0];\n if (firstChild) {\n this.visibleLink = firstChild.id;\n }\n }\n\n private handleLinkClick(): void {\n this.visible = false;\n }\n\n render(): HTMLZSkipToContentElement {\n return (\n <Host\n class={{\n [this.variant]: true,\n \"skip-to-content-visible\": this.visible,\n }}\n >\n {(this.links as SkipToContentLink[]).map((link, i) => {\n const id = `skip-to-content-${i}`;\n\n return (\n <div class=\"link-container\">\n <a\n id={id}\n class={{\n \"body-1-sb\": true,\n \"z-link\": true,\n \"z-link-underline\": true,\n \"z-link-white\": this.variant === ThemeVariant.DARK,\n \"z-link-black\": this.variant !== ThemeVariant.DARK,\n \"link-visible\": id == this.visibleLink,\n \"link-invisible\": id != this.visibleLink,\n }}\n aria-label={link.ariaLabel \|\| link.label}\n href={link.href}\n onFocus={() => (this.visibleLink = id)}\n onClick={() => this.handleLinkClick()}\n onKeyUp={(e) => handleKeyboardSubmit(e, this.handleLinkClick.bind(this))}\n >\n {link.label}\n </a>\n </div>\n );\n })}\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/z-skip-to-content/index.spec.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.spec.js","sourceRoot":"","sources":["~~../../../~~src/components/z-skip-to-content/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAEvC,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACzC,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,iDAAiD;SACxD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;KAE7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;QACjE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,yIAAyI;SAChJ,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;KAO7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\nimport {ZSkipToContent} from \"./index\";\n\ndescribe(\"Suite test ZSkipToContent\", () => {\n it(\"Test render ZSkipToContent empty\", async () => {\n const page = await newSpecPage({\n components: [ZSkipToContent],\n html: `<z-skip-to-content variant></z-skip-to-content>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-skip-to-content variant=\"\"></z-skip-to-content>\n `);\n });\n\n it(\"Test render ZSkipToContent with variant and links\", async () => {\n const page = await newSpecPage({\n components: [ZSkipToContent],\n html: `<z-skip-to-content variant=\"dark\" links='[{\"ariaLabel\": \"vai al link1\", \"label\":\"vai al link1\", \"href\":\"#link1\"}]'></z-skip-to-content>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-skip-to-content class=\"dark\" links=\"[{"ariaLabel": "vai al link1", "label":"vai al link1", "href":"#link1"}]\" variant=\"dark\">\n <div class=\"link-container\">\n <a aria-label=\"vai al link1\" class=\"body-1-sb link-invisible z-link z-link-underline z-link-white\" href=\"#link1\" id=\"skip-to-content-0\">\n vai al link1\n </a>\n </z-skip-to-content>\n `);\n });\n});\n"]}
1	+ {"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/z-skip-to-content/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAEvC,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACzC,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,iDAAiD;SACxD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;KAE7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;QACjE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,yIAAyI;SAChJ,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;KAO7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\nimport {ZSkipToContent} from \"./index\";\n\ndescribe(\"Suite test ZSkipToContent\", () => {\n it(\"Test render ZSkipToContent empty\", async () => {\n const page = await newSpecPage({\n components: [ZSkipToContent],\n html: `<z-skip-to-content variant></z-skip-to-content>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-skip-to-content variant=\"\"></z-skip-to-content>\n `);\n });\n\n it(\"Test render ZSkipToContent with variant and links\", async () => {\n const page = await newSpecPage({\n components: [ZSkipToContent],\n html: `<z-skip-to-content variant=\"dark\" links='[{\"ariaLabel\": \"vai al link1\", \"label\":\"vai al link1\", \"href\":\"#link1\"}]'></z-skip-to-content>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-skip-to-content class=\"dark\" links=\"[{"ariaLabel": "vai al link1", "label":"vai al link1", "href":"#link1"}]\" variant=\"dark\">\n <div class=\"link-container\">\n <a aria-label=\"vai al link1\" class=\"body-1-sb link-invisible z-link z-link-underline z-link-white\" href=\"#link1\" id=\"skip-to-content-0\">\n vai al link1\n </a>\n </z-skip-to-content>\n `);\n });\n});\n"]}

package/dist/collection/components/z-skip-to-content/index.stories.js ADDED Viewed

@@ -0,0 +1,41 @@
+import { html } from "lit";
+import { ThemeVariant } from "../../beans";
+import "./index";
+const StoryMeta = {
+    title: "ZSkipToContent",
+    component: "z-skip-to-content",
+    argTypes: {
+        variant: {
+            options: Object.values(ThemeVariant),
+            control: {
+                type: "inline-radio",
+            },
+        },
+    },
+};
+export default StoryMeta;
+export const Default = {
+    args: {
+        variant: ThemeVariant.LIGHT,
+        links: [
+            {
+                ariaLabel: "prova",
+                label: "vai al link1",
+                href: "#link1",
+            },
+            {
+                label: "vai al link2",
+                href: "#link2",
+            },
+            {
+                label: "vai al link3",
+                href: "#link3",
+            },
+        ],
+    },
+    render: (args) => html `<z-skip-to-content
+      variant=${args.variant}
+      links=${JSON.stringify(args.links)}
+    ></z-skip-to-content>`,
+};
+//# sourceMappingURL=index.stories.js.map

package/dist/collection/components/z-skip-to-content/index.stories.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../src/components/z-skip-to-content/index.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AAEzB,OAAO,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AACzC,OAAO,SAAS,CAAC;AAEjB,MAAM,SAAS,GAAG;IAChB,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,mBAAmB;IAC9B,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC;YACpC,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;aACrB;SACF;KACF;CAC6B,CAAC;AAEjC,eAAe,SAAS,CAAC;AAEzB,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,OAAO,EAAE,YAAY,CAAC,KAAK;QAC3B,KAAK,EAAE;YACL;gBACE,SAAS,EAAE,OAAO;gBAClB,KAAK,EAAE,cAAc;gBACrB,IAAI,EAAE,QAAQ;aACf;YACD;gBACE,KAAK,EAAE,cAAc;gBACrB,IAAI,EAAE,QAAQ;aACf;YACD;gBACE,KAAK,EAAE,cAAc;gBACrB,IAAI,EAAE,QAAQ;aACf;SACF;KACF;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CACf,IAAI,CAAA;gBACQ,IAAI,CAAC,OAAO;cACd,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;0BACd;CACU,CAAC","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {type ZSkipToContent} from \".\";\nimport {ThemeVariant} from \"../../beans\";\nimport \"./index\";\n\nconst StoryMeta = {\n title: \"ZSkipToContent\",\n component: \"z-skip-to-content\",\n argTypes: {\n variant: {\n options: Object.values(ThemeVariant),\n control: {\n type: \"inline-radio\",\n },\n },\n },\n} satisfies Meta<ZSkipToContent>;\n\nexport default StoryMeta;\n\nexport const Default = {\n args: {\n variant: ThemeVariant.LIGHT,\n links: [\n {\n ariaLabel: \"prova\",\n label: \"vai al link1\",\n href: \"#link1\",\n },\n {\n label: \"vai al link2\",\n href: \"#link2\",\n },\n {\n label: \"vai al link3\",\n href: \"#link3\",\n },\n ],\n },\n render: (args) =>\n html`<z-skip-to-content\n variant=${args.variant}\n links=${JSON.stringify(args.links)}\n ></z-skip-to-content>`,\n} satisfies StoryObj<ZSkipToContent>;\n"]}

package/dist/collection/components/z-stepper/index.js ADDED Viewed

@@ -0,0 +1,22 @@
+import { Host, h } from "@stencil/core";
+/**
+ * @slot - slot for `z-stepper-item`s
+ */
+export class ZStepper {
+    render() {
+        return (h(Host, { key: 'c1069a6d199240aa1e8eb9fe30be9a75b2dabecb', role: "list" }, h("slot", { key: '283f1f42d5f73259b7c04e965bf592e4ba543fc8' })));
+    }
+    static get is() { return "z-stepper"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["styles.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["styles.css"]
+        };
+    }
+}
+//# sourceMappingURL=index.js.map

package/dist/collection/components/z-stepper/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/z-stepper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAEjD;;GAEG;AAMH,MAAM,OAAO,QAAQ;IACnB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,MAAM;YACf,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import {Component, Host, h} from \"@stencil/core\";\n\n/**\n * @slot - slot for `z-stepper-item`s\n */\n@Component({\n tag: \"z-stepper\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZStepper {\n render(): HTMLSlotElement {\n return (\n <Host role=\"list\">\n <slot />\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/z-stepper/index.spec.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/z-stepper/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC1C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE,yBAAyB;SAChC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE;;;;mBAIO;SACd,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;KAS7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZStepper} from \"./index\";\n\ndescribe(\"Suite test ZStepper\", () => {\n it(\"Test render empty ZStepper\", async () => {\n const page = await newSpecPage({\n components: [ZStepper],\n html: `<z-stepper></z-stepper>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-stepper role=\"list\">\n <mock:shadow-root>\n <slot></slot>\n </mock:shadow-root>\n </z-stepper>\n `);\n });\n\n it(\"Test render ZStepper with items\", async () => {\n const page = await newSpecPage({\n components: [ZStepper],\n html: `<z-stepper>\n <z-stepper-item index=\"0\">First step</z-stepper-item>\n <z-stepper-item index=\"1\">Second step</z-stepper-item>\n <z-stepper-item index=\"2\">Third step</z-stepper-item>\n </z-stepper>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-stepper role=\"list\">\n <mock:shadow-root>\n <slot></slot>\n </mock:shadow-root>\n <z-stepper-item index=\"0\">First step</z-stepper-item>\n <z-stepper-item index=\"1\">Second step</z-stepper-item>\n <z-stepper-item index=\"2\">Third step</z-stepper-item>\n </z-stepper>\n `);\n });\n});\n"]}

package/dist/collection/components/z-stepper/index.stories.js ADDED Viewed

@@ -0,0 +1,38 @@
+import { html } from "lit";
+import "../z-stepper-item/index";
+import "./index";
+export default {
+    title: "ZStepper/ZStepper",
+    component: "z-stepper",
+    subcomponents: {
+        ZStepperItem: "z-stepper-item",
+    },
+};
+export const Default = {
+    render: () => html `<z-stepper>
+      <z-stepper-item
+        index="1"
+        pressed
+      ></z-stepper-item>
+      <z-stepper-item
+        index="2"
+        disabled
+      ></z-stepper-item>
+      <z-stepper-item
+        index="3"
+        disabled
+      ></z-stepper-item>
+    </z-stepper>`,
+};
+export const Completed = {
+    render: () => html `<z-stepper>
+      <z-stepper-item index="1">I tuoi dati</z-stepper-item>
+      <z-stepper-item index="2">Le tue credenziali</z-stepper-item>
+      <z-stepper-item
+        index="3"
+        pressed
+        >Conferma</z-stepper-item
+      >
+    </z-stepper>`,
+};
+//# sourceMappingURL=index.stories.js.map

package/dist/collection/components/z-stepper/index.stories.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../src/components/z-stepper/index.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AAEzB,OAAO,yBAAyB,CAAC;AACjC,OAAO,SAAS,CAAC;AAEjB,eAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,WAAW;IACtB,aAAa,EAAE;QACb,YAAY,EAAE,gBAAgB;KAC/B;CACuB,CAAC;AAI3B,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,GAAG,EAAE,CACX,IAAI,CAAA;;;;;;;;;;;;;iBAaS;CACA,CAAC;AAElB,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,MAAM,EAAE,GAAG,EAAE,CACX,IAAI,CAAA;;;;;;;;iBAQS;CACA,CAAC","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {type ZStepper} from \".\";\nimport \"../z-stepper-item/index\";\nimport \"./index\";\n\nexport default {\n title: \"ZStepper/ZStepper\",\n component: \"z-stepper\",\n subcomponents: {\n ZStepperItem: \"z-stepper-item\",\n },\n} satisfies Meta<ZStepper>;\n\ntype Story = StoryObj<ZStepper>;\n\nexport const Default = {\n render: () =>\n html`<z-stepper>\n <z-stepper-item\n index=\"1\"\n pressed\n ></z-stepper-item>\n <z-stepper-item\n index=\"2\"\n disabled\n ></z-stepper-item>\n <z-stepper-item\n index=\"3\"\n disabled\n ></z-stepper-item>\n </z-stepper>`,\n} satisfies Story;\n\nexport const Completed = {\n render: () =>\n html`<z-stepper>\n <z-stepper-item index=\"1\">I tuoi dati</z-stepper-item>\n <z-stepper-item index=\"2\">Le tue credenziali</z-stepper-item>\n <z-stepper-item\n index=\"3\"\n pressed\n >Conferma</z-stepper-item\n >\n </z-stepper>`,\n} satisfies Story;\n"]}