npm - @zanichelli/zanichelli-it-frontend-kit - Versions diffs - 0.0.1-rc.0 - Mend

@zanichelli/zanichelli-it-frontend-kit 0.0.1-rc.0

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 (1219) hide show

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

@@ -0,0 +1 @@

+ {"file":"z-select.js","mappings":"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","names":["ZSelect","__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-select/styles.css?tag=z-select&encapsulation=scoped","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-select/index.js"],"sourcesContent":[":host {\n display: inline-block;\n width: inherit;\n color: var(--color-form-default-text);\n font-family: var(--font-family-sans);\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n}\n\n:host([size=\"small\"]),\n:host([size=\"x-small\"]) {\n font-size: var(--font-size-2);\n}\n\n.select-wrapper > z-input {\n width: 100%;\n}\n\n.select-wrapper > z-input .input-icon {\n cursor: pointer;\n}\n\n.select-wrapper > div {\n position: relative;\n}\n\n.select-wrapper > div.closed {\n overflow: hidden;\n height: 0;\n}\n\n.select-wrapper .ul-scroll-wrapper {\n position: absolute;\n width: 100%;\n box-sizing: border-box;\n border-top: none;\n background: var(--color-form-background);\n box-shadow: var(--shadow-2);\n outline: none;\n}\n\n.select-wrapper .closed .ul-scroll-wrapper {\n z-index: 10;\n}\n\n.select-wrapper .open .ul-scroll-wrapper {\n z-index: 20;\n}\n\n.select-wrapper .ul-scroll-wrapper.fixed {\n position: static;\n}\n\n.select-wrapper z-list {\n --background-color-list-element: var(--color-form-background);\n --background-hover-color-list-element: var(--color-form-surface03);\n --background-active-color-list-element: var(--color-form-surface03);\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-form-default-text);\n}\n\n.reset-item {\n color: var(--color-form-active-primary);\n fill: var(--color-form-active-primary);\n}\n\n.reset-item-content {\n display: flex;\n align-items: center;\n}\n\n.reset-item.reset-item-margin .reset-item-content {\n margin-left: var(--space-unit);\n}\n\n.reset-item .reset-item-content > z-icon {\n margin-right: var(--space-unit);\n}\n\n.reset-item.hide {\n display: none;\n}\n\n.tree-list-reset-item {\n padding: var(--space-unit) 0;\n}\n\nz-list-element {\n position: relative;\n display: block;\n}\n\nz-list z-list-element::before {\n position: absolute;\n z-index: 100;\n top: 3px;\n left: -15px;\n width: 8px;\n height: 1em;\n border-bottom: 1px solid var(--color-form-disabled01-icon);\n border-left: 1px solid var(--color-form-disabled01-icon);\n content: \"\";\n cursor: pointer;\n}\n\nz-list z-list-element::after {\n position: absolute;\n z-index: 100;\n top: 5px;\n left: -15px;\n width: 8px;\n height: 100%;\n border-left: 1px solid var(--color-form-disabled01-icon);\n content: \"\";\n cursor: pointer;\n}\n\nz-list z-list-element:last-child::after {\n display: none;\n}\n\nz-list > z-list-element::before,\nz-list > z-list-element::after,\nz-list > z-list-group > z-list-element::before,\nz-list > z-list-group > z-list-element::after {\n display: none;\n}\n\nz-list > div.children-node {\n padding-left: calc(var(--space-unit) * 2);\n}\n\nz-list-element.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-form-surface03);\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 { h } from \"@stencil/core\";\nimport { ControlSize, KeyboardCode, ListDividerType, ListSize } from \"../../beans\";\nimport { boolean, getClickedElement, getElementTree, handleKeyboardSubmit, randomId } from \"../../utils/utils\";\nexport class ZSelect {\n constructor() {\n this.itemsList = [];\n this.itemIdKeyMap = {};\n this.resetKey = -1;\n this.htmlid = `id-${randomId()}`;\n this.items = undefined;\n this.name = undefined;\n this.label = undefined;\n this.ariaLabel = \"\";\n this.disabled = false;\n this.readonly = false;\n this.placeholder = undefined;\n this.htmltitle = undefined;\n this.status = undefined;\n this.message = true;\n this.autocomplete = false;\n this.noresultslabel = \"Nessun risultato\";\n this.hasGroupItems = undefined;\n this.hasTreeItems = undefined;\n this.isfixed = false;\n this.resetItem = undefined;\n this.size = ControlSize.BIG;\n this.isOpen = false;\n this.selectedItem = null;\n this.focusedItemId = undefined;\n this.searchString = undefined;\n this.flattenedList = [];\n this.toggleSelectUl = this.toggleSelectUl.bind(this);\n this.handleSelectFocus = this.handleSelectFocus.bind(this);\n }\n watchItems() {\n this.itemsList = this.getInitialItemsArray();\n this.selectedItem = this.findSelectedItem(this.itemsList);\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 getFocusedItemHandler(e) {\n this.focusedItemId = e.target.id;\n }\n /** get the input selected options */\n async getSelectedItem() {\n return this.selectedItem;\n }\n /** get the input value */\n async getValue() {\n return this.getSelectedValue();\n }\n /** set the input value */\n async setValue(value) {\n let values = [];\n if (typeof value === \"string\") {\n values.push(value);\n }\n else {\n values = value;\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 emitOptionSelect() {\n this.optionSelect.emit({\n id: this.htmlid,\n selected: this.getSelectedValue(),\n });\n }\n emitResetSelect() {\n this.resetSelect.emit({\n id: this.htmlid,\n });\n }\n componentWillLoad() {\n this.watchItems();\n }\n componentWillRender() {\n this.filterItems(this.searchString);\n }\n getInitialItemsArray() {\n return typeof this.items === \"string\" ? JSON.parse(this.items) : this.items;\n }\n mapSelectedItemToItemsArray() {\n const initialItemsList = this.getInitialItemsArray();\n return initialItemsList.map((item) => {\n var _a;\n item.selected = item.id === ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.id);\n return item;\n });\n }\n getSelectedValue() {\n var _a;\n return (_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.id;\n }\n filterItems(searchString) {\n const prevList = this.mapSelectedItemToItemsArray();\n if (!(searchString === null || searchString === void 0 ? void 0 : searchString.length)) {\n this.itemsList = prevList;\n return;\n }\n if (this.hasTreeItems) {\n this.itemsList = this.filterTree(prevList, searchString);\n }\n else {\n this.itemsList = prevList\n .filter((item) => item.name.toUpperCase().includes(searchString.toUpperCase()))\n .map((item) => {\n item.name = this.getHighlightedText(item.name, searchString);\n return item;\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 filterTree(items, searchString) {\n if (!items) {\n return [];\n }\n return items\n .map((item) => {\n const match = item.name.toUpperCase().includes(searchString.toUpperCase());\n const newItem = Object.assign({}, item);\n if (newItem.children && newItem.children.length > 0) {\n newItem.children = this.filterTree(newItem.children, searchString);\n }\n if (match) {\n newItem.name = this.getHighlightedText(newItem.name, searchString);\n }\n if (match || (newItem.children && newItem.children.length > 0)) {\n return newItem;\n }\n return null;\n })\n .filter((item) => item !== null);\n }\n getHighlightedText(text, search) {\n const upperText = text.toUpperCase();\n const upperSearch = search.toUpperCase();\n const start = upperText.indexOf(upperSearch);\n if (start === -1) {\n return text;\n }\n const end = start + search.length;\n return text.substring(0, start) + `<strong>${text.substring(start, end)}</strong>` + text.substring(end);\n }\n hasAutocomplete() {\n return boolean(this.autocomplete) === true;\n }\n handleInputChange(e) {\n this.searchString = e.detail.value;\n if (!this.isOpen) {\n this.toggleSelectUl();\n }\n }\n updateSelection(items, selectedId) {\n if (items) {\n items.forEach((item) => {\n item.selected = item.id === selectedId;\n if (item.children && item.children.length > 0) {\n this.updateSelection(item.children, selectedId);\n }\n });\n }\n }\n findSelectedItem(items) {\n if (items) {\n for (const item of items) {\n if (item.selected) {\n return item;\n }\n if (item.children && item.children.length > 0) {\n const found = this.findSelectedItem(item.children);\n if (found) {\n return found;\n }\n }\n }\n }\n return null;\n }\n selectItem(selected) {\n if (selected === null || selected === void 0 ? void 0 : selected.disabled) {\n return;\n }\n this.itemsList = this.getInitialItemsArray();\n if (selected) {\n this.updateSelection(this.itemsList, selected.id);\n }\n this.selectedItem = this.findSelectedItem(this.itemsList);\n this.emitOptionSelect();\n this.toggleSelectUl(true);\n if (this.searchString) {\n this.searchString = null;\n }\n }\n flattenTreeItems(items) {\n const flatItems = [];\n let index = 0;\n function flatten(subItems) {\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 flatten(items);\n return flatItems;\n }\n arrowsSelectNav(e, idOrReset) {\n const showResetIcon = this.resetItem && !!this.selectedItem;\n const arrows = [KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP];\n if (!arrows.includes(e.key)) {\n return;\n }\n e.preventDefault();\n e.stopPropagation();\n const flatItems = [...this.flattenedList].filter((f) => !f.item.disabled);\n if (this.resetItem && showResetIcon) {\n flatItems.unshift({\n item: { id: \"__RESET_ITEM__\" },\n key: this.resetKey,\n });\n }\n let currentIndex;\n if (typeof idOrReset === \"number\") {\n currentIndex = flatItems.findIndex((f) => f.key === idOrReset);\n }\n else {\n const k = this.itemIdKeyMap[idOrReset];\n currentIndex = flatItems.findIndex((f) => f.key === k);\n }\n if (!this.isOpen) {\n this.toggleSelectUl();\n if (currentIndex === -1) {\n currentIndex = -1;\n }\n }\n const lastIndex = flatItems.length - 1;\n let newIndex = currentIndex;\n if (e.key === KeyboardCode.ARROW_DOWN) {\n do {\n newIndex = newIndex === lastIndex ? 0 : newIndex + 1;\n } while (flatItems[newIndex].item.disabled);\n }\n else {\n do {\n newIndex = newIndex <= 0 ? lastIndex : newIndex - 1;\n } while (flatItems[newIndex].item.disabled);\n }\n this.focusSelectItem(flatItems[newIndex].key);\n }\n focusSelectItem(key) {\n var _a;\n (_a = this.host.querySelector(`#${this.htmlid}_key_${key}`)) === null || _a === void 0 ? void 0 : _a.focus();\n }\n toggleSelectUl(selfFocusOnClose = false) {\n var _a;\n if (this.disabled || this.readonly) {\n return;\n }\n if (!this.isOpen) {\n document.addEventListener(\"click\", this.handleSelectFocus);\n document.addEventListener(\"keyup\", this.handleSelectFocus);\n }\n else {\n document.removeEventListener(\"click\", this.handleSelectFocus);\n document.removeEventListener(\"keyup\", this.handleSelectFocus);\n if (selfFocusOnClose) {\n (_a = this.host.querySelector(`#${this.htmlid}_input`)) === null || _a === void 0 ? void 0 : _a.focus();\n }\n }\n this.focusedItemId = \"\";\n this.isOpen = !this.isOpen;\n }\n handleInputClick(e) {\n if (e.target.closest(\".reset-icon\")) {\n e.stopPropagation();\n return;\n }\n this.toggleSelectUl();\n }\n handleSelectFocus(e) {\n const clickedElement = getClickedElement();\n if (clickedElement === null || clickedElement === void 0 ? void 0 : clickedElement.hasAttribute(\"disabled\")) {\n return;\n }\n if (e instanceof KeyboardEvent && e.key === KeyboardCode.ESC) {\n e.stopPropagation();\n return this.toggleSelectUl(true);\n }\n if (e instanceof KeyboardEvent && (e.key === KeyboardCode.ENTER || e.key !== KeyboardCode.TAB)) {\n return;\n }\n if (!getElementTree(clickedElement).find((elem) => elem.nodeName.toLowerCase() === \"z-input\" && elem.id === `${this.htmlid}_input`)) {\n this.toggleSelectUl(e instanceof MouseEvent);\n }\n }\n scrollToLetter(letter) {\n const foundItem = this.itemsList.findIndex((item) => item.name.charAt(0) === letter);\n if (foundItem > -1) {\n this.focusSelectItem(this.itemIdKeyMap[this.itemsList[foundItem].id]);\n }\n }\n renderInput() {\n return (h(\"z-input\", { class: {\n \"active-select\": this.isOpen,\n \"cursor-select\": !this.autocomplete,\n }, id: `${this.htmlid}_input`, htmlid: `${this.htmlid}_select_input`, placeholder: this.placeholder, value: !this.isOpen && this.selectedItem ? this.selectedItem.name.replace(/<[^>]+>/g, \"\") : null, label: this.label, \"aria-expanded\": this.isOpen ? \"true\" : \"false\", \"aria-label\": this.ariaLabel, \"aria-controls\": `${this.htmlid}_list`, \"aria-autocomplete\": this.hasAutocomplete() ? \"list\" : \"none\", \"aria-activedescendant\": this.isOpen ? this.focusedItemId : \"\", icon: this.isOpen ? \"caret-up\" : \"caret-down\", hasclearicon: this.hasAutocomplete(), message: false, disabled: this.disabled, readonly: this.readonly || (!this.hasAutocomplete() && this.isOpen), status: this.isOpen ? undefined : this.status, role: \"combobox\", size: this.size, onClick: (e) => {\n this.handleInputClick(e);\n }, onKeyUp: (e) => {\n if (e.key !== KeyboardCode.ENTER) {\n e.preventDefault();\n }\n handleKeyboardSubmit(e, this.toggleSelectUl);\n }, onKeyDown: (e) => {\n const current = this.selectedItem\n ? this.itemIdKeyMap[this.selectedItem.id]\n : this.resetItem\n ? this.resetKey\n : \"\";\n return this.arrowsSelectNav(e, current);\n }, onInputChange: (e) => {\n this.handleInputChange(e);\n }, onKeyPress: (e) => {\n if (!this.hasAutocomplete()) {\n e.preventDefault();\n this.scrollToLetter(String.fromCharCode(e.keyCode));\n }\n } }));\n }\n renderSelectUl() {\n return (h(\"div\", { class: this.isOpen ? \"open\" : \"closed\" }, h(\"div\", { class: {\n \"ul-scroll-wrapper\": true,\n \"fixed\": this.isfixed,\n } }, h(\"z-list\", { role: \"listbox\", \"aria-label\": this.ariaLabel || this.label, tabindex: this.disabled || this.readonly || !this.isOpen ? -1 : 0, id: `${this.htmlid}_list`, \"aria-multiselectable\": false, size: this.listSizeType(), class: {\n \"disabled\": this.disabled,\n \"readonly\": this.readonly,\n [`input-${this.status}`]: !this.isOpen && !!this.status,\n \"z-scrollbar\": true,\n } }, this.resetItem && this.renderResetItem(), this.renderSelectUlItems()))));\n }\n renderResetItem() {\n return (h(\"z-list-element\", { class: {\n \"hide\": !this.selectedItem || !this.resetItem,\n \"reset-item\": true,\n \"reset-item-margin\": !this.hasGroupItems,\n }, clickable: true, disabled: false, dividerType: ListDividerType.ELEMENT, role: \"option\", tabindex: \"0\", \"aria-selected\": \"false\", id: `${this.htmlid}_key_${this.resetKey}`, size: this.hasTreeItems ? ListSize.MEDIUM : this.listSizeType(), onClickItem: () => {\n this.selectedItem = null;\n this.searchString = null;\n this.emitResetSelect();\n }, onKeyDown: (e) => this.arrowsSelectNav(e, this.resetKey) }, h(\"div\", { class: {\n \"reset-item-content\": true,\n \"tree-list-reset-item\": this.hasTreeItems,\n } }, h(\"z-icon\", { name: \"multiply-circled\" }), h(\"span\", null, this.resetItem))));\n }\n renderItem(item, lastItem) {\n const thisItemKey = this.itemIdKeyMap[item.id];\n return (h(\"z-list-element\", { clickable: !item.disabled, disabled: item.disabled, dividerType: lastItem ? ListDividerType.HEADER : ListDividerType.ELEMENT, role: \"option\", tabindex: item.disabled || !this.isOpen ? -1 : 0, \"aria-selected\": item.selected ? \"true\" : \"false\", id: `${this.htmlid}_key_${thisItemKey}`, size: this.listSizeType(), onClickItem: () => this.selectItem(item), onKeyDown: (e) => this.arrowsSelectNav(e, thisItemKey) }, h(\"div\", { class: \"list-element-container\" }, h(\"div\", { class: {\n \"selected\": !!item.selected,\n \"list-element-content\": true,\n }, innerHTML: item.name }), item.icon && h(\"z-tag\", { icon: item.icon }))));\n }\n listSizeType() {\n if (this.hasTreeItems) {\n return ListSize.NONE;\n }\n if (this.size === ControlSize.SMALL || this.size === ControlSize.X_SMALL) {\n return ListSize.SMALL;\n }\n return ListSize.MEDIUM;\n }\n //eslint-disable-next-line\n renderSelectUlItems() {\n if (!this.itemsList.length) {\n return this.renderNoSearchResults();\n }\n if (this.hasGroupItems && !this.hasTreeItems) {\n return this.renderSelectGroupItems();\n }\n else if (this.hasGroupItems && this.hasTreeItems) {\n return this.renderGroupedTree();\n }\n return this.itemsList.map((item, index, array) => {\n const isLastItem = index === array.length - 1;\n const parentHasSiblings = array.length > 1;\n if (this.hasTreeItems) {\n return this.renderTreeItems(item, isLastItem, parentHasSiblings, true);\n }\n return this.renderItem(item, isLastItem);\n });\n }\n renderTreeItems(item, isLastChild, parentHasSiblings, isTopLevel) {\n var _a, _b;\n const thisItemKey = this.itemIdKeyMap[item.id];\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 return (h(\"z-list-element\", { clickable: !item.disabled, disabled: item.disabled, class: {\n \"grouped-tree-parent-node\": this.hasGroupItems && !!((_a = item.children) === null || _a === void 0 ? void 0 : _a.length),\n \"tree-search-item\": this.hasGroupItems && isTopLevel && !((_b = item.children) === null || _b === void 0 ? void 0 : _b.length) && !!this.searchString,\n }, size: this.listSizeType(), dividerType: hasDivider, hasTreeItems: this.hasTreeItems }, h(\"div\", { id: `${this.htmlid}_key_${thisItemKey}`, role: \"option\", class: \"list-element\", tabIndex: 0, onClick: () => this.selectItem(item), onKeyDown: (e) => {\n this.arrowsSelectNav(e, thisItemKey);\n if (e.key === KeyboardCode.ENTER) {\n this.selectItem(item);\n }\n } }, h(\"span\", { class: \"item ellipsis\" }, h(\"span\", { class: {\n \"item-label\": true,\n \"selected\": !!item.selected,\n }, title: item.name, innerHTML: item.selected ? `<strong>${item.name}</strong>` : item.name })), item.icon && h(\"z-tag\", { icon: item.icon })), item.children && item.children.length > 0 ? (h(\"z-list\", null, h(\"div\", { class: \"children-node\" }, item.children.map((child, index, arr) => this.renderTreeItems(child, index === arr.length - 1, arr.length > 1, false // isTopLevel = false for children\n ))))) : null));\n }\n renderGroupedTree() {\n const grouped = this.itemsList.reduce((acc, item) => {\n const category = item.category || \"Altra categoria\";\n acc[category] = acc[category] || [];\n acc[category].push(item);\n return acc;\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 return (h(\"z-list-group\", { \"divider-type\": index === entries.length - 1 ? undefined : ListDividerType.ELEMENT, hasTreeItems: true }, h(\"span\", { class: \"body-3-sb z-list-group-title\", slot: \"header-title\" }, category), h(\"z-list\", null, items.map((item, i, arr) => [\n this.renderTreeItems(item, i === arr.length - 1, parentHasSiblings, true),\n i < arr.length - 1 ? (h(\"z-divider\", { key: `divider-${i}`, style: { zIndex: \"100\", height: \"var(--border-size-small)\" } })) : null,\n ])), index !== entries.length - 1 && h(\"z-divider\", { style: { zIndex: \"100\", height: \"var(--border-size-small)\" } })));\n });\n }\n renderSelectGroupItems() {\n const newData = this.itemsList.reduce((group, item, index, array) => {\n var _a;\n const { category } = item;\n const lastItem = array.length === index + 1;\n const zListItem = this.renderItem(item, lastItem);\n group[category] = (_a = group[category]) !== null && _a !== void 0 ? _a : [];\n group[category].push(zListItem);\n return group;\n }, {});\n return Object.entries(newData).map(([key, value]) => {\n return (h(\"z-list-group\", { \"divider-type\": ListDividerType.ELEMENT }, h(\"span\", { class: \"body-3-sb z-list-group-title\", slot: \"header-title\" }, key), value.map((item) => item)));\n });\n }\n renderNoSearchResults() {\n return (h(\"z-list-element\", { color: \"color-primary01\", class: \"no-results\", size: this.hasTreeItems ? ListSize.MEDIUM : this.listSizeType() }, h(\"z-icon\", { name: \"multiply-circle\", fill: \"color-primary01-icon\" }), this.noresultslabel));\n }\n renderMessage() {\n if (boolean(this.message) === false) {\n return;\n }\n return (h(\"z-input-message\", { message: boolean(this.message) === true ? undefined : this.message, status: this.status, class: this.size, disabled: this.disabled }));\n }\n render() {\n return (h(\"div\", { key: '50d85283f13af94f07e960f17e2f8126c7f2469e', class: \"select-wrapper\" }, this.renderInput(), this.renderSelectUl(), this.renderMessage()));\n }\n static get is() { return \"z-select\"; }\n static get encapsulation() { return \"scoped\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get properties() {\n return {\n \"htmlid\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the id of the input element\"\n },\n \"attribute\": \"htmlid\",\n \"reflect\": false,\n \"defaultValue\": \"`id-${randomId()}`\"\n },\n \"items\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"SelectItem[] | string\",\n \"resolved\": \"SelectItem[] | string\",\n \"references\": {\n \"SelectItem\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::SelectItem\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input select options\"\n },\n \"attribute\": \"items\",\n \"reflect\": false\n },\n \"name\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input name\"\n },\n \"attribute\": \"name\",\n \"reflect\": false\n },\n \"label\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input label\"\n },\n \"attribute\": \"label\",\n \"reflect\": false\n },\n \"ariaLabel\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input aria-label\"\n },\n \"attribute\": \"aria-label\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input is disabled\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"readonly\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input is readonly\"\n },\n \"attribute\": \"readonly\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"placeholder\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input placeholder (optional)\"\n },\n \"attribute\": \"placeholder\",\n \"reflect\": false\n },\n \"htmltitle\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input html title (optional)\"\n },\n \"attribute\": \"htmltitle\",\n \"reflect\": false\n },\n \"status\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"InputStatus\",\n \"resolved\": \"InputStatus.ERROR | InputStatus.SUCCESS | InputStatus.WARNING\",\n \"references\": {\n \"InputStatus\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::InputStatus\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input status (optional)\"\n },\n \"attribute\": \"status\",\n \"reflect\": false\n },\n \"message\": {\n \"type\": \"any\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string | boolean\",\n \"resolved\": \"boolean | string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"input helper message (optional) - if set to `false` message won't be displayed\"\n },\n \"attribute\": \"message\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"autocomplete\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"the input has autocomplete option\"\n },\n \"attribute\": \"autocomplete\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"noresultslabel\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"no result text message\"\n },\n \"attribute\": \"noresultslabel\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"Nessun risultato\\\"\"\n },\n \"hasGroupItems\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"attribute\": \"has-group-items\",\n \"reflect\": false\n },\n \"hasTreeItems\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"attribute\": \"has-tree-items\",\n \"reflect\": false\n },\n \"isfixed\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"When fixed, it occupies space and pushes down next elements.\"\n },\n \"attribute\": \"isfixed\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"resetItem\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"attribute\": \"reset-item\",\n \"reflect\": false\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"ControlSize\",\n \"resolved\": \"ControlSize.BIG | ControlSize.SMALL | ControlSize.X_SMALL\",\n \"references\": {\n \"ControlSize\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::ControlSize\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Available sizes: `big`, `small` and `x-small`. Defaults to `big`.\"\n },\n \"attribute\": \"size\",\n \"reflect\": false,\n \"defaultValue\": \"ControlSize.BIG\"\n }\n };\n }\n static get states() {\n return {\n \"isOpen\": {},\n \"selectedItem\": {},\n \"focusedItemId\": {},\n \"searchString\": {},\n \"flattenedList\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"optionSelect\",\n \"name\": \"optionSelect\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted on select option selection, returns select id, selected item id\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }, {\n \"method\": \"resetSelect\",\n \"name\": \"resetSelect\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted on reset selected item, returns select id, selected item id\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }];\n }\n static get methods() {\n return {\n \"getSelectedItem\": {\n \"complexType\": {\n \"signature\": \"() => Promise<SelectItem>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"SelectItem\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::SelectItem\"\n }\n },\n \"return\": \"Promise<SelectItem>\"\n },\n \"docs\": {\n \"text\": \"get the input selected options\",\n \"tags\": []\n }\n },\n \"getValue\": {\n \"complexType\": {\n \"signature\": \"() => Promise<string>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<string>\"\n },\n \"docs\": {\n \"text\": \"get the input value\",\n \"tags\": []\n }\n },\n \"setValue\": {\n \"complexType\": {\n \"signature\": \"(value: string | string[]) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"value\",\n \"type\": \"string | string[]\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"set the input value\",\n \"tags\": []\n }\n }\n };\n }\n static get elementRef() { return \"host\"; }\n static get watchers() {\n return [{\n \"propName\": \"items\",\n \"methodName\": \"watchItems\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"ariaDescendantFocus\",\n \"method\": \"getFocusedItemHandler\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

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

@@ -0,0 +1,94 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-Dxu5saXC.js';
+import { Q as ThemeVariant } from './p-Bla2iV_L.js';
+import { e as getElementTree, h as handleKeyboardSubmit } from './p-D6oPathC.js';
+const stylesCss = ".sc-z-skip-to-content-h{position:absolute;left:-100%;height:60px;box-sizing:border-box;padding:calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 3);background-color:#24f4ff;font-family:var(--font-family-sans);font-weight:var(--font-rg);text-align:center}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{display:inline-flex;height:100%;align-items:center}.skip-to-content-visible.sc-z-skip-to-content-h,.sc-z-skip-to-content-h:focus{position:static;display:block}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-invisible.sc-z-skip-to-content{overflow:hidden;width:0;height:0}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-visible.sc-z-skip-to-content{width:initial;height:initial}.dark.sc-z-skip-to-content-h{background-color:var(--color-surface05);color:var(--color-surface01)}.light.sc-z-skip-to-content-h{border:var(--border-size-medium) solid var(--color-surface05);background-color:var(--color-surface01);color:var(--color-default-text)}@media (min-width: 768px){.sc-z-skip-to-content-h{text-align:start}}@media (min-width: 1152px){.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{padding:0 calc(var(--space-unit) * 3);border-right:var(--border-size-small) solid var(--color-surface05)}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-invisible.sc-z-skip-to-content{overflow:initial;width:initial;height:initial}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:first-child{padding-left:0}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child,.dark.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child,.light.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child{padding-right:0;border-right:none}.dark.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{border-right:var(--border-size-small) solid var(--color-surface01)}}";
+const ZSkipToContent$1 = /*@__PURE__*/ proxyCustomElement(class ZSkipToContent extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.variant = undefined;
+        this.links = [];
+        this.visible = false;
+        this.visibleLink = "";
+    }
+    handleFocusOutSkipToContent(e) {
+        if (this.isInSkipToContent(e.target)) {
+            this.visible = false;
+        }
+    }
+    handleFocusSkipToContent(e) {
+        if (this.isInSkipToContent(e.target)) {
+            this.visible = true;
+        }
+    }
+    componentDidLoad() {
+        this.showFirstChild();
+    }
+    componentWillRender() {
+        if (this.links) {
+            this.links = typeof this.links === "string" ? JSON.parse(this.links) : this.links;
+        }
+    }
+    isInSkipToContent(elem) {
+        const tree = getElementTree(elem);
+        const menuParent = tree.find((elem) => elem.nodeName.toLowerCase() === "z-skip-to-content");
+        return !!menuParent;
+    }
+    showFirstChild() {
+        var _a;
+        const firstChild = (_a = this.hostElement.children) === null || _a === void 0 ? void 0 : _a[0];
+        if (firstChild) {
+            this.visibleLink = firstChild.id;
+        }
+    }
+    handleLinkClick() {
+        this.visible = false;
+    }
+    render() {
+        return (h(Host, { key: '0d7f1db9f36fdb279d5fb77861adb0f3168d7037', class: {
+                [this.variant]: true,
+                "skip-to-content-visible": this.visible,
+            } }, this.links.map((link, i) => {
+            const id = `skip-to-content-${i}`;
+            return (h("div", { class: "link-container" }, h("a", { id: id, class: {
+                    "body-1-sb": true,
+                    "z-link": true,
+                    "z-link-underline": true,
+                    "z-link-inverse": this.variant === ThemeVariant.DARK,
+                    "link-visible": id == this.visibleLink,
+                    "link-invisible": id != this.visibleLink,
+                }, "aria-label": link.ariaLabel || link.label, href: link.href, onFocus: () => (this.visibleLink = id), onClick: () => this.handleLinkClick(), onKeyUp: (e) => handleKeyboardSubmit(e, this.handleLinkClick.bind(this)) }, link.label)));
+        })));
+    }
+    get hostElement() { return this; }
+    static get style() { return stylesCss; }
+}, [2, "z-skip-to-content", {
+        "variant": [513],
+        "links": [1025],
+        "visible": [32],
+        "visibleLink": [32]
+    }, [[4, "focusout", "handleFocusOutSkipToContent"], [4, "focusin", "handleFocusSkipToContent"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["z-skip-to-content"];
+    components.forEach(tagName => { switch (tagName) {
+        case "z-skip-to-content":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZSkipToContent$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+const ZSkipToContent = ZSkipToContent$1;
+const defineCustomElement = defineCustomElement$1;
+export { ZSkipToContent, defineCustomElement };
+//# sourceMappingURL=z-skip-to-content.js.map
+//# sourceMappingURL=z-skip-to-content.js.map

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

@@ -0,0 +1 @@

+ {"file":"z-skip-to-content.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,w3DAAw3D;;MCM73DA,gBAAc,iBAAAC,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;AACvB,IAAA,WAAA,GAAA;;;AACI,QAAA,IAAI,CAAC,OAAO,GAAG,SAAS;AACxB,QAAA,IAAI,CAAC,KAAK,GAAG,EAAE;AACf,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,QAAA,IAAI,CAAC,WAAW,GAAG,EAAE;AACxB;AACD,IAAA,2BAA2B,CAAC,CAAC,EAAA;QACzB,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;AAClC,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;;;AAG5B,IAAA,wBAAwB,CAAC,CAAC,EAAA;QACtB,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;AAClC,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;;;IAG3B,gBAAgB,GAAA;QACZ,IAAI,CAAC,cAAc,EAAE;;IAEzB,mBAAmB,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;YACZ,IAAI,CAAC,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK;;;AAGzF,IAAA,iBAAiB,CAAC,IAAI,EAAA;AAClB,QAAA,MAAM,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC;QACjC,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,mBAAmB,CAAC;QAC3F,OAAO,CAAC,CAAC,UAAU;;IAEvB,cAAc,GAAA;AACV,QAAA,IAAI,EAAE;AACN,QAAA,MAAM,UAAU,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,MAAM,IAAI,IAAI,EAAE,KAAK,MAAM,GAAG,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC;QAC9F,IAAI,UAAU,EAAE;AACZ,YAAA,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,EAAE;;;IAGxC,eAAe,GAAA;AACX,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;;IAExB,MAAM,GAAA;QACF,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE;AAClE,gBAAA,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI;gBACpB,yBAAyB,EAAE,IAAI,CAAC,OAAO;AAC1C,aAAA,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAI;AAChC,YAAA,MAAM,EAAE,GAAG,CAAmB,gBAAA,EAAA,CAAC,EAAE;YACjC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE;AAC9D,oBAAA,WAAW,EAAE,IAAI;AACjB,oBAAA,QAAQ,EAAE,IAAI;AACd,oBAAA,kBAAkB,EAAE,IAAI;AACxB,oBAAA,gBAAgB,EAAE,IAAI,CAAC,OAAO,KAAK,YAAY,CAAC,IAAI;AACpD,oBAAA,cAAc,EAAE,EAAE,IAAI,IAAI,CAAC,WAAW;AACtC,oBAAA,gBAAgB,EAAE,EAAE,IAAI,IAAI,CAAC,WAAW;AAC3C,iBAAA,EAAE,YAAY,EAAE,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,oBAAoB,CAAC,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;SAC9O,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ZSkipToContent","__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-skip-to-content/styles.css?tag=z-skip-to-content&encapsulation=scoped","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-skip-to-content/index.js"],"sourcesContent":[":host {\n position: absolute;\n left: -100%;\n height: 60px;\n box-sizing: border-box;\n padding: calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 3);\n background-color: #24f4ff;\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n text-align: center;\n}\n\n:host > .link-container {\n display: inline-flex;\n height: 100%;\n align-items: center;\n}\n\n:host.skip-to-content-visible,\n:host:focus {\n position: static;\n display: block;\n}\n\n:host > .link-container > a.z-link.link-invisible {\n overflow: hidden;\n width: 0;\n height: 0;\n}\n\n:host > .link-container > a.z-link.link-visible {\n width: initial;\n height: initial;\n}\n\n:host.dark {\n background-color: var(--color-surface05);\n color: var(--color-surface01);\n}\n\n:host.light {\n border: var(--border-size-medium) solid var(--color-surface05);\n background-color: var(--color-surface01);\n color: var(--color-default-text);\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n :host {\n text-align: start;\n }\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n :host > .link-container {\n padding: 0 calc(var(--space-unit) * 3);\n border-right: var(--border-size-small) solid var(--color-surface05);\n }\n\n :host > .link-container > a.z-link.link-invisible {\n overflow: initial;\n width: initial;\n height: initial;\n }\n\n :host > .link-container:first-child {\n padding-left: 0;\n }\n\n :host > .link-container:last-child,\n :host.dark > .link-container:last-child,\n :host.light > .link-container:last-child {\n padding-right: 0;\n border-right: none;\n }\n\n :host.dark > .link-container {\n border-right: var(--border-size-small) solid var(--color-surface01);\n }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { ThemeVariant } from \"../../beans\";\nimport { getElementTree, handleKeyboardSubmit } from \"../../utils/utils\";\n/**\n * Component short description.\n */\nexport class ZSkipToContent {\n constructor() {\n this.variant = undefined;\n this.links = [];\n this.visible = false;\n this.visibleLink = \"\";\n }\n handleFocusOutSkipToContent(e) {\n if (this.isInSkipToContent(e.target)) {\n this.visible = false;\n }\n }\n handleFocusSkipToContent(e) {\n if (this.isInSkipToContent(e.target)) {\n this.visible = true;\n }\n }\n componentDidLoad() {\n this.showFirstChild();\n }\n componentWillRender() {\n if (this.links) {\n this.links = typeof this.links === \"string\" ? JSON.parse(this.links) : this.links;\n }\n }\n isInSkipToContent(elem) {\n const tree = getElementTree(elem);\n const menuParent = tree.find((elem) => elem.nodeName.toLowerCase() === \"z-skip-to-content\");\n return !!menuParent;\n }\n showFirstChild() {\n var _a;\n const firstChild = (_a = this.hostElement.children) === null || _a === void 0 ? void 0 : _a[0];\n if (firstChild) {\n this.visibleLink = firstChild.id;\n }\n }\n handleLinkClick() {\n this.visible = false;\n }\n render() {\n return (h(Host, { key: '0d7f1db9f36fdb279d5fb77861adb0f3168d7037', class: {\n [this.variant]: true,\n \"skip-to-content-visible\": this.visible,\n } }, this.links.map((link, i) => {\n const id = `skip-to-content-${i}`;\n return (h(\"div\", { class: \"link-container\" }, h(\"a\", { id: id, class: {\n \"body-1-sb\": true,\n \"z-link\": true,\n \"z-link-underline\": true,\n \"z-link-inverse\": this.variant === ThemeVariant.DARK,\n \"link-visible\": id == this.visibleLink,\n \"link-invisible\": id != this.visibleLink,\n }, \"aria-label\": link.ariaLabel || link.label, href: link.href, onFocus: () => (this.visibleLink = id), onClick: () => this.handleLinkClick(), onKeyUp: (e) => handleKeyboardSubmit(e, this.handleLinkClick.bind(this)) }, link.label)));\n })));\n }\n static get is() { return \"z-skip-to-content\"; }\n static get encapsulation() { return \"scoped\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get properties() {\n return {\n \"variant\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"ThemeVariant\",\n \"resolved\": \"ThemeVariant.DARK | ThemeVariant.LIGHT\",\n \"references\": {\n \"ThemeVariant\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::ThemeVariant\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Graphical variant: `dark`, `light`.\"\n },\n \"attribute\": \"variant\",\n \"reflect\": true\n },\n \"links\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"string | SkipToContentLink[]\",\n \"resolved\": \"SkipToContentLink[] | string\",\n \"references\": {\n \"SkipToContentLink\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::SkipToContentLink\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Array to fill link into skip-content\"\n },\n \"attribute\": \"links\",\n \"reflect\": false,\n \"defaultValue\": \"[]\"\n }\n };\n }\n static get states() {\n return {\n \"visible\": {},\n \"visibleLink\": {}\n };\n }\n static get elementRef() { return \"hostElement\"; }\n static get listeners() {\n return [{\n \"name\": \"focusout\",\n \"method\": \"handleFocusOutSkipToContent\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"focusin\",\n \"method\": \"handleFocusSkipToContent\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/components/z-slideshow.js ADDED Viewed

@@ -0,0 +1,162 @@
+import { p as proxyCustomElement, H, h } from './p-Dxu5saXC.js';
+import { D as Device } from './p-Bla2iV_L.js';
+import { f as convertJson, g as getDevice, h as handleKeyboardSubmit } from './p-D6oPathC.js';
+import { d as defineCustomElement$2 } from './p-DexdQ2O9.js';
+const stylesCss = ":host{display:block;width:inherit;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:flex;width:inherit;flex-direction:column}main{position:relative;overflow:hidden;width:100%}main z-icon.scroll{position:absolute;z-index:10;top:50%;width:auto;margin:0 var(--space-unit);cursor:pointer;fill:var(--color-primary01);transition:0.6s ease}main .scroll.disabled{opacity:0.5;pointer-events:none}main .scroll.right{right:0}#slides{display:flex;flex-wrap:wrap;line-height:0px;overflow-y:hidden;transition:all 300ms}footer{display:grid;width:100%;height:56px;align-items:center;border-top:var(--border-size-medium) solid var(--color-background);grid-template:2 / 2;grid-template-areas:\"center center\" \"left right\"}footer>div{width:100%;align-items:center}footer .footer-center{grid-area:center}footer .footer-left{grid-area:left}footer .footer-right{grid-area:right}footer .bullet-container{display:flex;min-height:60px;align-items:center;justify-content:center;margin:0 auto}footer .bullet-container .bullet{width:8px;height:8px;margin:var(--space-unit) 2px;background-color:var(--gray200);border-radius:50%;pointer-events:none}footer .bullet-container .bullet.selected{background-color:var(--gray400)}main z-icon:focus,footer .bullet-container .bullet:focus{border-radius:50%;box-shadow:var(--shadow-focus-primary);outline:none !important}@media only screen and (min-width: 768px){footer{height:76px;border-top:var(--border-size-medium) solid var(--color-background);grid-template:1 / 1fr 2fr 1fr;grid-template-areas:\"left center right\"}footer .bullet-container .bullet{width:10px;height:10px;margin:var(--space-unit) 3px}}@media only screen and (min-width: 1025px){main z-icon.scroll{margin:0 10px}footer .bullet-container .bullet{width:16px;height:16px;margin:var(--space-unit) calc(var(--space-unit) * 0.5);cursor:pointer;pointer-events:auto}}";
+/**
+ * Check if data is an array of strings.
+ * @param {unknown} data Data to check
+ * @returns {boolean}
+ */
+function isStringArray(data) {
+    return Array.isArray(data) && data.every((datum) => typeof datum === "string");
+}
+const ZSlideshow$1 = /*@__PURE__*/ proxyCustomElement(class ZSlideshow extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.slideshowid = undefined;
+        this.data = undefined;
+        this.device = undefined;
+        this.currentSlide = 0;
+    }
+    watchData() {
+        this.parseLinks();
+    }
+    componentWillLoad() {
+        this.parseLinks();
+        this.setDevice();
+        window.addEventListener("resize", this.handleResize.bind(this));
+    }
+    componentDidRender() {
+        this.setStyle();
+    }
+    handleResize() {
+        this.setDevice();
+        this.setStyle();
+    }
+    parseLinks() {
+        var _a;
+        switch (typeof this.data) {
+            case "string": {
+                const parsed = (_a = convertJson(this.data)) !== null && _a !== void 0 ? _a : [];
+                if (!isStringArray(parsed)) {
+                    throw new Error("Passed data is invalid");
+                }
+                this.links = parsed;
+                break;
+            }
+            default:
+                this.links = this.data;
+                break;
+        }
+    }
+    setStyle() {
+        const refSlides = this.el.shadowRoot.querySelector("#slides");
+        if (!refSlides) {
+            return;
+        }
+        const allImages = this.el.shadowRoot.querySelectorAll(".slide");
+        const width = this.el.offsetWidth;
+        const fullwidth = width * this.links.length;
+        refSlides.style.width = `${fullwidth}px`;
+        refSlides.style.transform = `translate(-${width * this.currentSlide}px)`;
+        allImages.forEach((item) => {
+            const img = item.querySelector("img");
+            img.style.width = `${width}px`;
+        });
+    }
+    setDevice() {
+        this.device = getDevice();
+    }
+    setCurrentSlide(index) {
+        this.currentSlide = index;
+    }
+    getBulletDimension() {
+        switch (this.device) {
+            case Device.MOBILE:
+                return 24;
+            case Device.TABLET:
+                return 32;
+            default:
+                return 40;
+        }
+    }
+    renderSlides(items) {
+        return (h("div", { id: "slides" }, items.map((item, i) => (h("div", { id: "slide" + i, class: `slide ${this.currentSlide !== i && "hide"}` }, h("img", { src: item }))))));
+    }
+    renderScroll(direction) {
+        let disabled = false, nextSlide = this.currentSlide;
+        if (direction === "left") {
+            disabled = this.currentSlide === 0;
+            nextSlide--;
+        }
+        else if (direction === "right") {
+            disabled = this.currentSlide === this.links.length - 1;
+            nextSlide++;
+        }
+        return (h("z-icon", { class: `scroll ${direction} ${disabled && "disabled"}`, width: this.getBulletDimension(), height: this.getBulletDimension(), name: `chevron-${direction}-circle`, onClick: () => {
+                !disabled && this.setCurrentSlide(nextSlide);
+            }, onKeyUp: (e) => !disabled &&
+                handleKeyboardSubmit(e, () => {
+                    this.setCurrentSlide(nextSlide);
+                }), tabindex: 0, role: "button" }));
+    }
+    renderSlideshowMain() {
+        return (h("main", null, this.renderScroll("left"), this.renderSlides(this.links), this.renderScroll("right")));
+    }
+    renderBullet(i) {
+        return (h("a", { class: `bullet ${this.currentSlide === i && "selected"}`, onClick: () => this.setCurrentSlide(i), onKeyUp: (e) => handleKeyboardSubmit(e, () => this.setCurrentSlide(i)), tabindex: 0, role: "button" }));
+    }
+    renderSlideshowFooter() {
+        return (h("footer", null, h("div", { class: "footer-left" }, h("slot", { name: "footer-left" })), h("div", { class: "footer-center" }, h("div", { class: "bullet-container" }, Object.keys(this.links).map((i) => this.renderBullet(parseInt(i))))), h("div", { class: "footer-right" }, h("slot", { name: "footer-right" }))));
+    }
+    render() {
+        if (!this.links || !this.links.length) {
+            return h("div", null);
+        }
+        return (h("div", { id: this.slideshowid }, this.renderSlideshowMain(), this.renderSlideshowFooter()));
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "data": ["watchData"]
+    }; }
+    static get style() { return stylesCss; }
+}, [1, "z-slideshow", {
+        "slideshowid": [1],
+        "data": [1],
+        "device": [32],
+        "currentSlide": [32]
+    }, undefined, {
+        "data": ["watchData"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["z-slideshow", "z-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "z-slideshow":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZSlideshow$1);
+            }
+            break;
+        case "z-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+const ZSlideshow = ZSlideshow$1;
+const defineCustomElement = defineCustomElement$1;
+export { ZSlideshow, defineCustomElement };
+//# sourceMappingURL=z-slideshow.js.map
+//# sourceMappingURL=z-slideshow.js.map

package/dist/components/z-slideshow.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"z-slideshow.js","mappings":";;;;;AAAA,MAAM,SAAS,GAAG,o1DAAo1D;;ACGt2D;;;;AAIG;AACH,SAAS,aAAa,CAAC,IAAI,EAAA;IACvB,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,CAAC;AAClF;MAKaA,YAAU,iBAAAC,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;AACnB,IAAA,WAAA,GAAA;;;;AACI,QAAA,IAAI,CAAC,WAAW,GAAG,SAAS;AAC5B,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;AACrB,QAAA,IAAI,CAAC,MAAM,GAAG,SAAS;AACvB,QAAA,IAAI,CAAC,YAAY,GAAG,CAAC;AACxB;IACD,SAAS,GAAA;QACL,IAAI,CAAC,UAAU,EAAE;;IAErB,iBAAiB,GAAA;QACb,IAAI,CAAC,UAAU,EAAE;QACjB,IAAI,CAAC,SAAS,EAAE;AAChB,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;IAEnE,kBAAkB,GAAA;QACd,IAAI,CAAC,QAAQ,EAAE;;IAEnB,YAAY,GAAA;QACR,IAAI,CAAC,SAAS,EAAE;QAChB,IAAI,CAAC,QAAQ,EAAE;;IAEnB,UAAU,GAAA;AACN,QAAA,IAAI,EAAE;AACN,QAAA,QAAQ,OAAO,IAAI,CAAC,IAAI;YACpB,KAAK,QAAQ,EAAE;gBACX,MAAM,MAAM,GAAG,CAAC,EAAE,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,EAAE,KAAK,MAAM,GAAG,EAAE,GAAG,EAAE;AAChF,gBAAA,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE;AACxB,oBAAA,MAAM,IAAI,KAAK,CAAC,wBAAwB,CAAC;;AAE7C,gBAAA,IAAI,CAAC,KAAK,GAAG,MAAM;gBACnB;;AAEJ,YAAA;AACI,gBAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI;gBACtB;;;IAGZ,QAAQ,GAAA;AACJ,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAC;QAC7D,IAAI,CAAC,SAAS,EAAE;YACZ;;AAEJ,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC;AAC/D,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,WAAW;QACjC,MAAM,SAAS,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM;QAC3C,SAAS,CAAC,KAAK,CAAC,KAAK,GAAG,CAAG,EAAA,SAAS,IAAI;AACxC,QAAA,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,CAAA,WAAA,EAAc,KAAK,GAAG,IAAI,CAAC,YAAY,CAAA,GAAA,CAAK;AACxE,QAAA,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;YACvB,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;YACrC,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,CAAG,EAAA,KAAK,IAAI;AAClC,SAAC,CAAC;;IAEN,SAAS,GAAA;AACL,QAAA,IAAI,CAAC,MAAM,GAAG,SAAS,EAAE;;AAE7B,IAAA,eAAe,CAAC,KAAK,EAAA;AACjB,QAAA,IAAI,CAAC,YAAY,GAAG,KAAK;;IAE7B,kBAAkB,GAAA;AACd,QAAA,QAAQ,IAAI,CAAC,MAAM;YACf,KAAK,MAAM,CAAC,MAAM;AACd,gBAAA,OAAO,EAAE;YACb,KAAK,MAAM,CAAC,MAAM;AACd,gBAAA,OAAO,EAAE;AACb,YAAA;AACI,gBAAA,OAAO,EAAE;;;AAGrB,IAAA,YAAY,CAAC,KAAK,EAAA;AACd,QAAA,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,CAAA,MAAA,EAAS,IAAI,CAAC,YAAY,KAAK,CAAC,IAAI,MAAM,CAAA,CAAE,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;;AAE7K,IAAA,YAAY,CAAC,SAAS,EAAA;QAClB,IAAI,QAAQ,GAAG,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC,YAAY;AACnD,QAAA,IAAI,SAAS,KAAK,MAAM,EAAE;AACtB,YAAA,QAAQ,GAAG,IAAI,CAAC,YAAY,KAAK,CAAC;AAClC,YAAA,SAAS,EAAE;;AAEV,aAAA,IAAI,SAAS,KAAK,OAAO,EAAE;AAC5B,YAAA,QAAQ,GAAG,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;AACtD,YAAA,SAAS,EAAE;;AAEf,QAAA,QAAQ,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAU,OAAA,EAAA,SAAS,IAAI,QAAQ,IAAI,UAAU,CAAE,CAAA,EAAE,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,kBAAkB,EAAE,EAAE,IAAI,EAAE,WAAW,SAAS,CAAA,OAAA,CAAS,EAAE,OAAO,EAAE,MAAK;gBAC9L,CAAC,QAAQ,IAAI,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC;aAC/C,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ;AACxB,gBAAA,oBAAoB,CAAC,CAAC,EAAE,MAAK;AACzB,oBAAA,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC;AACnC,iBAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;;IAE9C,mBAAmB,GAAA;AACf,QAAA,QAAQ,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;;AAEjH,IAAA,YAAY,CAAC,CAAC,EAAA;AACV,QAAA,QAAQ,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,CAAU,OAAA,EAAA,IAAI,CAAC,YAAY,KAAK,CAAC,IAAI,UAAU,CAAE,CAAA,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,oBAAoB,CAAC,CAAC,EAAE,MAAM,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;;IAE7N,qBAAqB,GAAA;QACjB,QAAQ,CAAC,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC;;IAElU,MAAM,GAAA;AACF,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;AACnC,YAAA,OAAO,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC;;QAEzB,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,CAAC,mBAAmB,EAAE,EAAE,IAAI,CAAC,qBAAqB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ZSlideshow","__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/z-slideshow/styles.css?tag=z-slideshow&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/z-slideshow/index.js"],"sourcesContent":[":host {\n display: block;\n width: inherit;\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\n:host > div {\n display: flex;\n width: inherit;\n flex-direction: column;\n}\n\nmain {\n position: relative;\n overflow: hidden;\n width: 100%;\n}\n\nmain z-icon.scroll {\n position: absolute;\n z-index: 10;\n top: 50%;\n width: auto;\n margin: 0 var(--space-unit);\n cursor: pointer;\n fill: var(--color-primary01);\n transition: 0.6s ease;\n}\n\nmain .scroll.disabled {\n opacity: 0.5;\n pointer-events: none;\n}\n\nmain .scroll.right {\n right: 0;\n}\n\n#slides {\n display: flex;\n flex-wrap: wrap;\n line-height: 0px;\n overflow-y: hidden;\n transition: all 300ms;\n}\n\nfooter {\n display: grid;\n width: 100%;\n height: 56px;\n align-items: center;\n border-top: var(--border-size-medium) solid var(--color-background);\n grid-template: 2 / 2;\n grid-template-areas: \"center center\" \"left right\";\n}\n\nfooter > div {\n width: 100%;\n align-items: center;\n}\n\nfooter .footer-center {\n grid-area: center;\n}\n\nfooter .footer-left {\n grid-area: left;\n}\n\nfooter .footer-right {\n grid-area: right;\n}\n\nfooter .bullet-container {\n display: flex;\n min-height: 60px;\n align-items: center;\n justify-content: center;\n margin: 0 auto;\n}\n\nfooter .bullet-container .bullet {\n width: 8px;\n height: 8px;\n margin: var(--space-unit) 2px;\n background-color: var(--gray200);\n border-radius: 50%;\n pointer-events: none;\n}\n\nfooter .bullet-container .bullet.selected {\n background-color: var(--gray400);\n}\n\nmain z-icon:focus,\nfooter .bullet-container .bullet:focus {\n border-radius: 50%;\n box-shadow: var(--shadow-focus-primary);\n outline: none !important;\n}\n\n/* Tablet breakpoint */\n\n@media only screen and (min-width: 768px) {\n footer {\n height: 76px;\n border-top: var(--border-size-medium) solid var(--color-background);\n grid-template: 1 / 1fr 2fr 1fr;\n grid-template-areas: \"left center right\";\n }\n\n footer .bullet-container .bullet {\n width: 10px;\n height: 10px;\n margin: var(--space-unit) 3px;\n }\n}\n\n/* Desktop breakpoint */\n\n@media only screen and (min-width: 1025px) {\n main z-icon.scroll {\n margin: 0 10px;\n }\n\n footer .bullet-container .bullet {\n width: 16px;\n height: 16px;\n margin: var(--space-unit) calc(var(--space-unit) * 0.5);\n cursor: pointer;\n pointer-events: auto;\n }\n}\n","import { h } from \"@stencil/core\";\nimport { Device } from \"../../../beans\";\nimport { convertJson, getDevice, handleKeyboardSubmit } from \"../../../utils/utils\";\n/**\n * Check if data is an array of strings.\n * @param {unknown} data Data to check\n * @returns {boolean}\n */\nfunction isStringArray(data) {\n return Array.isArray(data) && data.every((datum) => typeof datum === \"string\");\n}\n/**\n * @slot footer-right - right content slot in footer\n * @slot footer-left - left content slot in footer\n */\nexport class ZSlideshow {\n constructor() {\n this.slideshowid = undefined;\n this.data = undefined;\n this.device = undefined;\n this.currentSlide = 0;\n }\n watchData() {\n this.parseLinks();\n }\n componentWillLoad() {\n this.parseLinks();\n this.setDevice();\n window.addEventListener(\"resize\", this.handleResize.bind(this));\n }\n componentDidRender() {\n this.setStyle();\n }\n handleResize() {\n this.setDevice();\n this.setStyle();\n }\n parseLinks() {\n var _a;\n switch (typeof this.data) {\n case \"string\": {\n const parsed = (_a = convertJson(this.data)) !== null && _a !== void 0 ? _a : [];\n if (!isStringArray(parsed)) {\n throw new Error(\"Passed data is invalid\");\n }\n this.links = parsed;\n break;\n }\n default:\n this.links = this.data;\n break;\n }\n }\n setStyle() {\n const refSlides = this.el.shadowRoot.querySelector(\"#slides\");\n if (!refSlides) {\n return;\n }\n const allImages = this.el.shadowRoot.querySelectorAll(\".slide\");\n const width = this.el.offsetWidth;\n const fullwidth = width * this.links.length;\n refSlides.style.width = `${fullwidth}px`;\n refSlides.style.transform = `translate(-${width * this.currentSlide}px)`;\n allImages.forEach((item) => {\n const img = item.querySelector(\"img\");\n img.style.width = `${width}px`;\n });\n }\n setDevice() {\n this.device = getDevice();\n }\n setCurrentSlide(index) {\n this.currentSlide = index;\n }\n getBulletDimension() {\n switch (this.device) {\n case Device.MOBILE:\n return 24;\n case Device.TABLET:\n return 32;\n default:\n return 40;\n }\n }\n renderSlides(items) {\n return (h(\"div\", { id: \"slides\" }, items.map((item, i) => (h(\"div\", { id: \"slide\" + i, class: `slide ${this.currentSlide !== i && \"hide\"}` }, h(\"img\", { src: item }))))));\n }\n renderScroll(direction) {\n let disabled = false, nextSlide = this.currentSlide;\n if (direction === \"left\") {\n disabled = this.currentSlide === 0;\n nextSlide--;\n }\n else if (direction === \"right\") {\n disabled = this.currentSlide === this.links.length - 1;\n nextSlide++;\n }\n return (h(\"z-icon\", { class: `scroll ${direction} ${disabled && \"disabled\"}`, width: this.getBulletDimension(), height: this.getBulletDimension(), name: `chevron-${direction}-circle`, onClick: () => {\n !disabled && this.setCurrentSlide(nextSlide);\n }, onKeyUp: (e) => !disabled &&\n handleKeyboardSubmit(e, () => {\n this.setCurrentSlide(nextSlide);\n }), tabindex: 0, role: \"button\" }));\n }\n renderSlideshowMain() {\n return (h(\"main\", null, this.renderScroll(\"left\"), this.renderSlides(this.links), this.renderScroll(\"right\")));\n }\n renderBullet(i) {\n return (h(\"a\", { class: `bullet ${this.currentSlide === i && \"selected\"}`, onClick: () => this.setCurrentSlide(i), onKeyUp: (e) => handleKeyboardSubmit(e, () => this.setCurrentSlide(i)), tabindex: 0, role: \"button\" }));\n }\n renderSlideshowFooter() {\n return (h(\"footer\", null, h(\"div\", { class: \"footer-left\" }, h(\"slot\", { name: \"footer-left\" })), h(\"div\", { class: \"footer-center\" }, h(\"div\", { class: \"bullet-container\" }, Object.keys(this.links).map((i) => this.renderBullet(parseInt(i))))), h(\"div\", { class: \"footer-right\" }, h(\"slot\", { name: \"footer-right\" }))));\n }\n render() {\n if (!this.links || !this.links.length) {\n return h(\"div\", null);\n }\n return (h(\"div\", { id: this.slideshowid }, this.renderSlideshowMain(), this.renderSlideshowFooter()));\n }\n static get is() { return \"z-slideshow\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get properties() {\n return {\n \"slideshowid\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"slideshow id\"\n },\n \"attribute\": \"slideshowid\",\n \"reflect\": false\n },\n \"data\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string[] | string\",\n \"resolved\": \"string | string[]\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"array or JSON stringified images urls\"\n },\n \"attribute\": \"data\",\n \"reflect\": false\n }\n };\n }\n static get states() {\n return {\n \"device\": {},\n \"currentSlide\": {}\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"data\",\n \"methodName\": \"watchData\"\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/components/z-stepper-item.js ADDED Viewed

@@ -0,0 +1,61 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-Dxu5saXC.js';
+import { d as defineCustomElement$2 } from './p-DexdQ2O9.js';
+const stylesCss = ":host{position:relative;width:calc(var(--space-unit) * 5);font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-icon-width:20px;--z-icon-height:20px}:host(:not(:last-child)){flex:1}:host(:not(:last-child))::after{position:absolute;z-index:1;top:calc(var(--space-unit) * 4 - var(--border-size-medium) / 2);right:calc(var(--space-unit) * 2);left:calc(var(--space-unit) * 3);display:block;width:auto;border-bottom:var(--border-size-medium) solid var(--color-disabled03);margin:0 calc(var(--space-unit) * -2) 0 calc(var(--space-unit) * 2);content:\"\"}.stepper-item{display:flex;width:calc(var(--space-unit) * 5);flex-direction:column;align-items:center;padding:0;border:0;appearance:none;background:transparent;color:inherit;font-family:inherit;font-size:12px;line-height:16px;outline:0;text-decoration:none}.stepper-item span{display:none;width:calc(100% + calc(var(--space-unit) * 4));color:var(--color-default-text);text-align:center}:host([href]:not([disabled],[pressed])) .stepper-item{cursor:pointer}:host([disabled]) .stepper-item{pointer-events:none}:host([pressed]),:host([pressed]) .stepper-item{pointer-events:none}.indicator{display:flex;width:calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;justify-content:center;border:var(--border-size-medium) solid var(--color-primary01);margin:calc(var(--space-unit) * 2);background:var(--color-surface01);border-radius:50%;color:var(--color-primary01);content:counter(stepper);font-size:14px;font-weight:var(--font-sb);line-height:1}:host([pressed]:not([disabled])) .indicator{border-color:var(--color-hover-primary);background:var(--color-hover-primary);color:var(--color-text-inverse)}:host([href]:not([disabled]):focus-within) .indicator{box-shadow:var(--shadow-focus-primary)}:host([href]:not([disabled],[pressed],[checked])) .indicator:hover{border-color:var(--color-hover-primary);color:var(--color-hover-primary)}:host([disabled]) .indicator{border-color:var(--color-disabled02);background:var(--color-disabled01);color:var(--color-disabled03)}:host([checked]:not([disabled])) .indicator{border-color:var(--color-default-success);color:var(--color-default-success)}:host([checked]:not([disabled])) .indicator z-icon{fill:var(--color-default-success)}:host([checked]) .indicator z-icon>svg{width:24px;height:24px}@media (min-width: 768px){.stepper-item span{display:block}}@media (min-width: 1152px){:host{width:calc(var(--space-unit) * 10);--z-icon-width:24px;--z-icon-height:24px}:host(:not(:last-child))::after{top:calc(var(--space-unit) * 5 - var(--border-size-medium) / 2);left:calc(var(--space-unit) * 8)}.stepper-item{width:calc(var(--space-unit) * 10);font-size:18px;line-height:28px}.indicator{width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 6);font-size:16px}}";
+const ZStepperItem$1 = /*@__PURE__*/ proxyCustomElement(class ZStepperItem extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.index = undefined;
+        this.href = undefined;
+        this.pressed = undefined;
+        this.checked = undefined;
+        this.disabled = undefined;
+    }
+    getAttributes() {
+        const href = this.href && !this.pressed && !this.disabled ? { onClick: () => (location.href = this.href) } : undefined;
+        const role = href ? { role: "link" } : undefined;
+        const current = this.pressed && !this.disabled ? { ariaCurrent: "step" } : undefined;
+        const tabindex = this.pressed || this.href === "" ? { tabindex: -1 } : undefined;
+        return Object.assign(Object.assign(Object.assign(Object.assign({}, href), role), current), tabindex);
+    }
+    render() {
+        return (h(Host, { key: 'b2019e12066ce3284dde477c420b879ebca11b04', role: "listitem" }, h("button", Object.assign({ key: '0857223230bc66509eada8024b6e8c718320aa94', class: "stepper-item", disabled: this.disabled }, this.getAttributes()), h("div", { key: '625bf1cbdfe6a2ee0814b579b8755c7c91cb0480', class: "indicator" }, this.checked ? h("z-icon", { name: "checkmark" }) : this.index), h("span", { key: '4c5828f99ca1d08c9169fa0729fe31f1035acd0e' }, h("slot", { key: 'e7b48f471f37b8a8a40fcb043df6fe9464a0bf3b' })))));
+    }
+    static get style() { return stylesCss; }
+}, [1, "z-stepper-item", {
+        "index": [2],
+        "href": [1],
+        "pressed": [4],
+        "checked": [4],
+        "disabled": [4]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["z-stepper-item", "z-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "z-stepper-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZStepperItem$1);
+            }
+            break;
+        case "z-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+const ZStepperItem = ZStepperItem$1;
+const defineCustomElement = defineCustomElement$1;
+export { ZStepperItem, defineCustomElement };
+//# sourceMappingURL=z-stepper-item.js.map
+//# sourceMappingURL=z-stepper-item.js.map

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

@@ -0,0 +1 @@

+ {"file":"z-stepper-item.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,+vFAA+vF;;MCCpwFA,cAAY,iBAAAC,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AACrB,IAAA,WAAA,GAAA;;;;AACI,QAAA,IAAI,CAAC,KAAK,GAAG,SAAS;AACtB,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;AACrB,QAAA,IAAI,CAAC,OAAO,GAAG,SAAS;AACxB,QAAA,IAAI,CAAC,OAAO,GAAG,SAAS;AACxB,QAAA,IAAI,CAAC,QAAQ,GAAG,SAAS;AAC5B;IACD,aAAa,GAAA;AACT,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAE,OAAO,EAAE,OAAO,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,SAAS;AACtH,QAAA,MAAM,IAAI,GAAG,IAAI,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,SAAS;QAChD,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,SAAS;QACpF,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,SAAS;AAChF,QAAA,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,EAAE,QAAQ,CAAC;;IAExG,MAAM,GAAA;QACF,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ZStepperItem","__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-stepper-item/styles.css?tag=z-stepper-item&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-stepper-item/index.js"],"sourcesContent":[":host {\n position: relative;\n width: calc(var(--space-unit) * 5);\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n\n --z-icon-width: 20px;\n --z-icon-height: 20px;\n}\n\n:host(:not(:last-child)) {\n flex: 1;\n}\n\n:host(:not(:last-child))::after {\n position: absolute;\n z-index: 1;\n top: calc(var(--space-unit) * 4 - var(--border-size-medium) / 2);\n right: calc(var(--space-unit) * 2);\n left: calc(var(--space-unit) * 3);\n display: block;\n width: auto;\n border-bottom: var(--border-size-medium) solid var(--color-disabled03);\n margin: 0 calc(var(--space-unit) * -2) 0 calc(var(--space-unit) * 2);\n content: \"\";\n}\n\n.stepper-item {\n display: flex;\n width: calc(var(--space-unit) * 5);\n flex-direction: column;\n align-items: center;\n padding: 0;\n border: 0;\n appearance: none;\n background: transparent;\n color: inherit;\n font-family: inherit;\n font-size: 12px;\n line-height: 16px;\n outline: 0;\n text-decoration: none;\n}\n\n.stepper-item span {\n display: none;\n width: calc(100% + calc(var(--space-unit) * 4));\n color: var(--color-default-text);\n text-align: center;\n}\n\n:host([href]:not([disabled], [pressed])) .stepper-item {\n cursor: pointer;\n}\n\n:host([disabled]) .stepper-item {\n pointer-events: none;\n}\n\n:host([pressed]),\n:host([pressed]) .stepper-item {\n pointer-events: none;\n}\n\n.indicator {\n display: flex;\n width: calc(var(--space-unit) * 4);\n height: calc(var(--space-unit) * 4);\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n border: var(--border-size-medium) solid var(--color-primary01);\n margin: calc(var(--space-unit) * 2);\n background: var(--color-surface01);\n border-radius: 50%;\n color: var(--color-primary01);\n content: counter(stepper);\n font-size: 14px;\n font-weight: var(--font-sb);\n line-height: 1;\n}\n\n:host([pressed]:not([disabled])) .indicator {\n border-color: var(--color-hover-primary);\n background: var(--color-hover-primary);\n color: var(--color-text-inverse);\n}\n\n:host([href]:not([disabled]):focus-within) .indicator {\n box-shadow: var(--shadow-focus-primary);\n}\n\n:host([href]:not([disabled], [pressed], [checked])) .indicator:hover {\n border-color: var(--color-hover-primary);\n color: var(--color-hover-primary);\n}\n\n:host([disabled]) .indicator {\n border-color: var(--color-disabled02);\n background: var(--color-disabled01);\n color: var(--color-disabled03);\n}\n\n:host([checked]:not([disabled])) .indicator {\n border-color: var(--color-default-success);\n color: var(--color-default-success);\n}\n\n:host([checked]:not([disabled])) .indicator z-icon {\n fill: var(--color-default-success);\n}\n\n:host([checked]) .indicator z-icon > svg {\n width: 24px;\n height: 24px;\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n .stepper-item span {\n display: block;\n }\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n :host {\n width: calc(var(--space-unit) * 10);\n\n --z-icon-width: 24px;\n --z-icon-height: 24px;\n }\n\n :host(:not(:last-child))::after {\n top: calc(var(--space-unit) * 5 - var(--border-size-medium) / 2);\n left: calc(var(--space-unit) * 8);\n }\n\n .stepper-item {\n width: calc(var(--space-unit) * 10);\n font-size: 18px;\n line-height: 28px;\n }\n\n .indicator {\n width: calc(var(--space-unit) * 6);\n height: calc(var(--space-unit) * 6);\n font-size: 16px;\n }\n}\n","import { Host, h } from \"@stencil/core\";\nexport class ZStepperItem {\n constructor() {\n this.index = undefined;\n this.href = undefined;\n this.pressed = undefined;\n this.checked = undefined;\n this.disabled = undefined;\n }\n getAttributes() {\n const href = 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 return Object.assign(Object.assign(Object.assign(Object.assign({}, href), role), current), tabindex);\n }\n render() {\n return (h(Host, { key: 'b2019e12066ce3284dde477c420b879ebca11b04', role: \"listitem\" }, h(\"button\", Object.assign({ key: '0857223230bc66509eada8024b6e8c718320aa94', class: \"stepper-item\", disabled: this.disabled }, this.getAttributes()), h(\"div\", { key: '625bf1cbdfe6a2ee0814b579b8755c7c91cb0480', class: \"indicator\" }, this.checked ? h(\"z-icon\", { name: \"checkmark\" }) : this.index), h(\"span\", { key: '4c5828f99ca1d08c9169fa0729fe31f1035acd0e' }, h(\"slot\", { key: 'e7b48f471f37b8a8a40fcb043df6fe9464a0bf3b' })))));\n }\n static get is() { return \"z-stepper-item\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get properties() {\n return {\n \"index\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The number of the step item.\"\n },\n \"attribute\": \"index\",\n \"reflect\": false\n },\n \"href\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The href to navigate on click.\"\n },\n \"attribute\": \"href\",\n \"reflect\": false\n },\n \"pressed\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The pressed state of the item.\"\n },\n \"attribute\": \"pressed\",\n \"reflect\": false\n },\n \"checked\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The checked state of the item.\"\n },\n \"attribute\": \"checked\",\n \"reflect\": false\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The disabled state of the item.\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": false\n }\n };\n }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

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

@@ -0,0 +1,37 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-Dxu5saXC.js';
+const stylesCss = ":host{position:relative;display:flex;width:100%;max-width:100%;box-sizing:border-box;flex-direction:row;padding:0;margin:0;font-family:var(--font-family-sans);font-weight:var(--font-rg);list-style:none}@media (min-width: 768px){:host{padding:0 calc(var(--space-unit) * 2)}}";
+const ZStepper$1 = /*@__PURE__*/ proxyCustomElement(class ZStepper extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h(Host, { key: 'b4d76cddb405ccc4db532cc4d544898424b290fa', role: "list" }, h("slot", { key: '9b7d842263cf062b5f3b8a27b72d7a66142bc341' })));
+    }
+    static get style() { return stylesCss; }
+}, [1, "z-stepper"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["z-stepper"];
+    components.forEach(tagName => { switch (tagName) {
+        case "z-stepper":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZStepper$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+const ZStepper = ZStepper$1;
+const defineCustomElement = defineCustomElement$1;
+export { ZStepper, defineCustomElement };
+//# sourceMappingURL=z-stepper.js.map
+//# sourceMappingURL=z-stepper.js.map