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/www/build/p-4fb10c24.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","ZPagination","constructor","hostRef","this","label","undefined","navArrows","totalPages","skip","edges","split","visiblePages","currentPage","goToPage","_visiblePages","isMobile","goToPageValue","setPagesContainerWidth","host","style","setProperty","pagesContainerStyle","window","getComputedStyle","pageButtonWidth","getPropertyValue","setVisiblePages","Math","min","onPageChanged","pageChanged","emit","scrollToPage","onSplitChanged","onResize","setMobile","mobileMediaQuery","matchMedia","matches","getPagesChunks","pages","Array","from","length","_","i","chunks","chunksCount","ceil","index","push","slice","pageBtn","querySelector","scrollIntoView","behavior","block","inline","selectPage","page","max","renderPage","h","class","type","title","onClick","renderEllipsisButton","renderPages","pagesChunks","map","chunk","renderSplitPages","renderBackButton","disabled","name","renderForwardButton","renderMobile","role","tabIndex","onSubmit","ev","preventDefault","InputType","NUMBER","message","onInput","target","value","placeholder","toString","hasclearicon","componentDidLoad","componentDidRender","render","Host","onKeyDown","key"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-pagination/styles.css?tag=z-pagination","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-pagination/index.js"],"sourcesContent":["z-pagination {\n --z-pagination--page-button-width: 64px;\n --z-pagination--pages-container-max-width: 100%;\n\n display: flex;\n max-width: 100%;\n flex-flow: column wrap;\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n gap: calc(var(--space-unit) * 2) calc(var(--space-unit) * 4);\n}\n\nz-pagination,\nz-pagination * {\n box-sizing: border-box;\n}\n\nz-pagination button {\n height: 100%;\n}\n\nz-pagination z-icon {\n fill: var(--color-primary01-icon);\n}\n\nz-pagination *:disabled z-icon {\n fill: var(--color-disabled03);\n}\n\nz-pagination .page-label {\n margin-right: calc(var(--space-unit) * 3);\n color: var(--color-default-text);\n}\n\nz-pagination .pagination-bar {\n display: flex;\n max-width: 100%;\n height: 48px;\n align-items: center;\n}\n\nz-pagination .pagination-bar button {\n display: flex;\n align-items: center;\n justify-content: center;\n border: none;\n margin: 0;\n background-color: var(--color-background);\n color: var(--color-primary01);\n cursor: pointer;\n font-family: inherit;\n font-weight: inherit;\n transition:\n background-color 0.15s ease-out,\n color 0.15s ease-out,\n border-bottom-color 0.15s ease-out,\n font-size 0.15s ease-in-out,\n font-weight 0.15s ease-in-out;\n}\n\nz-pagination .pagination-bar button:focus-visible {\n background-color: var(--color-surface01);\n outline: none;\n}\n\nz-pagination .pagination-bar .pagination-button {\n padding: calc(var(--space-unit) * 2);\n font-weight: var(--font-sb);\n text-transform: uppercase;\n white-space: nowrap;\n}\n\nz-pagination .pagination-bar .navigation-button {\n padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 1.5);\n}\n\nz-pagination .pagination-bar .pagination-button:disabled,\nz-pagination .pagination-bar .navigation-button:disabled {\n color: var(--color-disabled03);\n cursor: default;\n fill: var(--color-disabled03);\n pointer-events: none;\n}\n\nz-pagination .pagination-bar .page-button,\nz-pagination .pagination-bar .ellipsis-button {\n width: var(--z-pagination--page-button-width);\n}\n\nz-pagination .pages-container {\n position: relative;\n display: inline-flex;\n max-width: 100%;\n height: 100%;\n overflow-x: auto;\n scroll-behavior: smooth;\n scroll-snap-align: center;\n\n /* hide scrollbar in Firefox */\n scrollbar-width: none;\n}\n\nz-pagination .pages-container::-webkit-scrollbar {\n display: none;\n}\n\nz-pagination .pages-chunk {\n display: flex;\n scroll-snap-align: center;\n}\n\nz-pagination .pagination-bar .page-button {\n padding-top: var(--border-size-large) solid transparent;\n border-bottom: var(--border-size-large) solid transparent;\n font-size: var(--font-size-2);\n font-weight: var(--font-sb);\n}\n\nz-pagination .pagination-bar .page-button[data-current] {\n border-bottom-color: var(--color-primary01);\n font-size: var(--font-size-7);\n}\n\nz-pagination .go-to-page {\n display: flex;\n flex-direction: column;\n row-gap: var(--space-unit);\n}\n\nz-pagination .go-to-page .label {\n color: var(--color-default-text);\n text-transform: uppercase;\n}\n\nz-pagination .go-to-page .inputs {\n display: flex;\n column-gap: var(--space-unit);\n}\n\nz-pagination .go-to-page .inputs z-input {\n width: calc(var(--space-unit) * 11);\n}\n\nz-pagination .go-to-page .inputs z-input input,\nz-pagination .mobile-go-to-page z-input input {\n padding: 0 calc(var(--space-unit) * 1.5) !important;\n appearance: none;\n}\n\nz-pagination .mobile-go-to-page {\n display: flex;\n height: 100%;\n flex: 1 auto;\n align-items: center;\n justify-content: center;\n background-color: var(--color-surface02);\n}\n\nz-pagination .mobile-go-to-page z-input {\n width: var(--z-pagination--page-button-width);\n margin-right: var(--space-unit);\n}\n\nz-pagination .mobile-go-to-page z-input input {\n text-align: center;\n}\n\nz-pagination .mobile-go-to-page z-input input::-webkit-outer-spin-button,\nz-pagination .mobile-go-to-page z-input input::-webkit-inner-spin-button {\n appearance: none;\n}\n\nz-pagination .mobile-go-to-page > span {\n font-size: var(--font-size-2);\n}\n\n@media (hover: hover) {\n z-pagination .pagination-bar button:hover {\n background-color: var(--color-surface01);\n }\n\n z-pagination .pagination-bar .page-button:hover {\n border-bottom-color: var(--color-hover-primary);\n color: var(--color-hover-primary);\n }\n}\n\n@media (min-width: 768px) {\n z-pagination {\n --z-pagination--page-button-width: 88px;\n\n flex-direction: row;\n align-items: flex-end;\n }\n\n z-pagination .pages-container {\n max-width: var(--z-pagination--pages-container-max-width);\n }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { InputType } from \"../../beans\";\n/**\n * Pagination bar component.\n */\nexport class ZPagination {\n constructor() {\n this.label = undefined;\n this.navArrows = true;\n this.totalPages = undefined;\n this.skip = 0;\n this.edges = false;\n this.split = undefined;\n this.visiblePages = undefined;\n this.currentPage = 1;\n this.goToPage = undefined;\n this._visiblePages = this.visiblePages;\n this.isMobile = false;\n this.goToPageValue = null;\n }\n /**\n * Set the max width of the pages container.\n */\n setPagesContainerWidth() {\n if (!this._visiblePages || this.split) {\n this.host.style.setProperty(\"--z-pagination--pages-container-max-width\", \"100%\");\n return;\n }\n const pagesContainerStyle = window.getComputedStyle(this.host);\n const pageButtonWidth = pagesContainerStyle.getPropertyValue(\"--z-pagination--page-button-width\");\n this.host.style.setProperty(\"--z-pagination--pages-container-max-width\", `calc(${pageButtonWidth} * ${this._visiblePages})`);\n }\n /**\n * Set visible pages.\n * Ensure that the visible pages are always <= the total pages.\n * If `visiblePages` isn't set, fallback to the total pages.\n */\n setVisiblePages() {\n this._visiblePages = Math.min(this.visiblePages || this.totalPages, this.totalPages);\n }\n /**\n * On page changed.\n * @emits pageChanged\n */\n onPageChanged() {\n this.pageChanged.emit(this.currentPage);\n this.scrollToPage();\n }\n /**\n * On split changed.\n * Empty `edges` value. The split feature wins over the pages chunks and edges.\n */\n onSplitChanged() {\n if (this.split) {\n this.edges = false;\n }\n }\n /**\n * Hide stuff on mobile.\n */\n onResize() {\n this.setMobile();\n }\n /**\n * Set functionalities according to screen size.\n */\n setMobile() {\n const mobileMediaQuery = \"screen and (max-width: 767px)\";\n this.isMobile = window.matchMedia(mobileMediaQuery).matches;\n }\n /**\n * Get a list of pages chunks, each of `visiblePages` length.\n * @returns {number[][]}\n */\n getPagesChunks() {\n // array of numbers from 1 to `totalPages`\n const pages = Array.from({ length: this.totalPages }, (_, i) => i + 1);\n const chunks = [];\n const chunksCount = Math.ceil(pages.length / this._visiblePages);\n for (let index = 0; index < chunksCount; index++) {\n chunks.push(pages.slice(index * this._visiblePages, (index + 1) * this._visiblePages));\n }\n return chunks;\n }\n /**\n * Scroll to the left the chunk of pages containing the current page.\n */\n scrollToPage() {\n const pageBtn = this.host.querySelector(`[data-page=\"${this.currentPage}\"]`);\n if (!pageBtn) {\n return;\n }\n pageBtn.scrollIntoView({\n behavior: \"smooth\",\n block: \"nearest\",\n inline: \"center\",\n });\n }\n /**\n * Select a page.\n * Do validations on the passed value before assigning it to `currentPage`.\n * @param {number} page Page number to set\n */\n selectPage(page) {\n this.currentPage = Math.min(Math.max(page, 1), this.totalPages);\n }\n /**\n * Render page number button.\n * @param {number} page Page number to render\n * @returns {HTMLButtonElement}\n */\n renderPage(page) {\n return (h(\"button\", { class: \"page-button\", type: \"button\", \"aria-current\": this.currentPage === page ? \"page\" : \"false\", title: `Vai alla pagina ${page}`, \"data-page\": page, \"data-current\": this.currentPage === page, onClick: () => this.selectPage(page) }, page));\n }\n /**\n * Render split button.\n * @param {number} page Page to select on click.\n * @returns {HTMLButtonElement}\n */\n renderEllipsisButton(page) {\n return (h(\"button\", { class: \"ellipsis-button\", type: \"button\", title: `Vai alla pagina ${page}`, onClick: () => this.selectPage(page) }, \"\\u2026\"));\n }\n /**\n * Render chunked page buttons.\n * @returns {HTMLDivElement[]}\n */\n renderPages() {\n const pagesChunks = this.getPagesChunks();\n if (pagesChunks.length <= 0) {\n return;\n }\n return pagesChunks.map((chunk) => h(\"div\", { class: \"pages-chunk\" }, chunk.map((page) => this.renderPage(page))));\n }\n /**\n * Render page buttons when split feature is enabled.\n * @returns {HTMLButtonElement[]}\n */\n renderSplitPages() {\n // left and right split pages, current page, first and last page, left and right ellipsis button\n if (this.totalPages <= this.split * 2 + 5) {\n // Too few pages: ellipsis will never be rendered, so let's just render all pages and that's it.\n return Array.from({ length: this.totalPages }, (_, i) => this.renderPage(i + 1));\n }\n if (this.currentPage <= this.split * 2 + 2) {\n // Render first (2 * split + 3) pages, ellipsis, then last page.\n return [\n ...Array.from({ length: this.split * 2 + 3 }, (_, i) => this.renderPage(i + 1)),\n this.renderEllipsisButton(this.split * 2 + 4),\n this.renderPage(this.totalPages),\n ];\n }\n if (this.currentPage > this.split * 2 + 2 && this.currentPage < this.totalPages - this.split * 2 - 1) {\n // Render first page, ellipsis, current page surrounded by (split) pages both before and after, another ellipsis, then last page.\n return [\n this.renderPage(1),\n this.renderEllipsisButton(this.currentPage - this.split - 1),\n ...Array.from({ length: this.split * 2 + 1 }, (_, i) => this.renderPage(this.currentPage - this.split + i)),\n this.renderEllipsisButton(this.currentPage + this.split + 1),\n this.renderPage(this.totalPages),\n ];\n }\n // Render first page, ellipsis, then last (2 * split + 3) pages.\n return [\n this.renderPage(1),\n this.renderEllipsisButton(this.totalPages - this.split * 2 - 3),\n ...Array.from({ length: this.split * 2 + 3 }, (_, i) => this.renderPage(this.totalPages - this.split * 2 - 2 + i)),\n ];\n }\n renderBackButton() {\n return (h(\"button\", { class: \"navigation-button\", type: \"button\", title: \"Vai alla pagina precedente\", disabled: this.currentPage === 1, onClick: () => this.selectPage(this.currentPage - 1) }, h(\"z-icon\", { name: \"chevron-left\" })));\n }\n renderForwardButton() {\n return (h(\"button\", { class: \"navigation-button\", type: \"button\", title: \"Vai alla prossima pagina\", disabled: this.currentPage === this.totalPages, onClick: () => this.selectPage(this.currentPage + 1) }, h(\"z-icon\", { name: \"chevron-right\" })));\n }\n renderMobile() {\n const pagesChunks = this.getPagesChunks();\n return [\n this.label && h(\"span\", { class: \"page-label body-1-sb\" }, this.label),\n h(\"div\", { class: \"pagination-bar\" }, this.renderBackButton(), !this.goToPage && (h(\"div\", { class: \"pages-container\", role: \"navigation\", tabIndex: -1 }, pagesChunks.length > 0 &&\n pagesChunks.map((chunk) => h(\"div\", { class: \"pages-chunk\" }, chunk.map((page) => this.renderPage(page)))))), this.goToPage && (h(\"form\", { class: \"mobile-go-to-page\", onSubmit: (ev) => {\n ev.preventDefault();\n this.selectPage(this.goToPageValue);\n } }, h(\"z-input\", { class: \"go-to-page-input\", type: InputType.NUMBER, min: 1, max: this.totalPages, message: false, onInput: (ev) => {\n this.goToPageValue = ev.target.value;\n }, placeholder: this.currentPage.toString(), hasclearicon: false }), h(\"span\", null, `/${this.totalPages}`))), this.renderForwardButton()),\n ];\n }\n componentDidLoad() {\n this.setVisiblePages();\n }\n componentDidRender() {\n if (this.split) {\n this.edges = false;\n }\n this.setPagesContainerWidth();\n this.setMobile();\n }\n render() {\n if (this.isMobile) {\n return h(Host, null, this.renderMobile());\n }\n return (h(Host, null, h(\"div\", { class: \"pagination-bar\" }, this.label && h(\"span\", { class: \"page-label body-1-sb\" }, this.label), this.edges && (h(\"button\", { class: \"pagination-button\", type: \"button\", title: \"Vai alla pagina 1\", disabled: this.currentPage === 1, onClick: () => this.selectPage(1) }, \"Pagina 1\")), this.skip < this.totalPages && this.skip > 1 && (h(\"button\", { class: \"pagination-button\", type: \"button\", title: `Vai alla pagina ${this.currentPage - this.skip}`, disabled: this.currentPage <= this.skip, onClick: () => this.selectPage(this.currentPage - this.skip) }, \"-\", this.skip)), this.navArrows && this.renderBackButton(), h(\"div\", { class: \"pages-container\", role: \"navigation\", tabIndex: -1 }, this.split ? this.renderSplitPages() : this.renderPages()), this.navArrows && this.renderForwardButton(), this.skip < this.totalPages && this.skip > 1 && (h(\"button\", { class: \"pagination-button\", type: \"button\", title: `Vai alla pagina ${this.currentPage + this.skip}`, disabled: this.currentPage > this.totalPages - this.skip, onClick: () => this.selectPage(this.currentPage + this.skip) }, \"+\", this.skip)), this.edges && (h(\"button\", { class: \"pagination-button\", type: \"button\", title: `Vai alla pagina ${this.totalPages}`, disabled: this.currentPage === this.totalPages, onClick: () => this.selectPage(this.totalPages) }, \"Pagina \", this.totalPages))), this.goToPage && (h(\"div\", { class: \"go-to-page\" }, h(\"span\", { class: \"label body-5-sb\" }, \"Vai a pagina:\"), h(\"div\", { class: \"inputs\" }, h(\"z-input\", { class: \"go-to-page-input\", type: InputType.NUMBER, min: 1, max: this.totalPages, message: false, placeholder: \"2\", hasclearicon: false, onInput: (ev) => {\n this.goToPageValue = ev.target.value;\n }, onKeyDown: (ev) => ev.key === \"Enter\" && this.selectPage(this.goToPageValue) }), h(\"z-button\", { disabled: !this.goToPageValue, title: \"Vai alla pagina inserita\", onClick: () => this.selectPage(this.goToPageValue) }, \"vai\"))))));\n }\n static get is() { return \"z-pagination\"; }\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 \"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\": \"Pagination label placed before the bar.\"\n },\n \"attribute\": \"label\",\n \"reflect\": false\n },\n \"navArrows\": {\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\": \"Enable navigation arrows.\"\n },\n \"attribute\": \"nav-arrows\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"totalPages\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Total number of pages. Required.\"\n },\n \"attribute\": \"total-pages\",\n \"reflect\": false\n },\n \"skip\": {\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\": \"Number of pages to skip.\"\n },\n \"attribute\": \"skip\",\n \"reflect\": false,\n \"defaultValue\": \"0\"\n },\n \"edges\": {\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\": \"Enable buttons to go to the first and last pages.\"\n },\n \"attribute\": \"edges\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"split\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Number of pages to show left/right of the current, before showing \\\"load more\\\" symbol (\\u2026).\"\n },\n \"attribute\": \"split\",\n \"reflect\": false\n },\n \"visiblePages\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Number of pages to show at a time. If not set, all pages will be shown.\"\n },\n \"attribute\": \"visible-pages\",\n \"reflect\": false\n },\n \"currentPage\": {\n \"type\": \"number\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Current page.\"\n },\n \"attribute\": \"current-page\",\n \"reflect\": false,\n \"defaultValue\": \"1\"\n },\n \"goToPage\": {\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\": \"Whether to show \\\"go to page\\\" feature.\"\n },\n \"attribute\": \"go-to-page\",\n \"reflect\": false\n }\n };\n }\n static get states() {\n return {\n \"_visiblePages\": {},\n \"isMobile\": {},\n \"goToPageValue\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"pageChanged\",\n \"name\": \"pageChanged\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Event emitted when the current page has changed.\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }];\n }\n static get elementRef() { return \"host\"; }\n static get watchers() {\n return [{\n \"propName\": \"_visiblePages\",\n \"methodName\": \"setPagesContainerWidth\"\n }, {\n \"propName\": \"visiblePages\",\n \"methodName\": \"setVisiblePages\"\n }, {\n \"propName\": \"currentPage\",\n \"methodName\": \"onPageChanged\"\n }, {\n \"propName\": \"split\",\n \"methodName\": \"onSplitChanged\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"resize\",\n \"method\": \"onResize\",\n \"target\": \"window\",\n \"capture\": false,\n \"passive\": true\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-52d05436.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,c as i,h as e,H as s,g as o}from"./p-Cam6wBSi.js";import{K as n}from"./p-B2-dCTD2.js";import{c as a}from"./p-C46tSaXG.js";import"./p-Q-tWjk7P.js";const r=':host,::slotted(),{box-sizing:border-box;outline:none}:host{position:relative;display:inline-flex;height:fit-content;flex-direction:column}::slotted(a){text-decoration:none}::slotted(){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.menu-label{position:relative;display:flex;width:100%;align-items:center;padding:0;border:0;border-bottom:var(--border-size-large) solid transparent;margin:0;background:transparent;border-radius:0;color:inherit;text-align:left}button.menu-label{cursor:pointer}.menu-label:focus-visible,div.menu-label:focus-within{box-shadow:var(--shadow-focus-primary)}:host(:is([active],[open])) .menu-label ::slotted(),.menu-label:focus-visible ::slotted(),div.menu-label:focus-within ::slotted(){color:var(--color-primary01);font-weight:var(--font-bd)}:host([vertical-context]) .menu-label{padding:var(--space-unit) 0;border-width:var(--border-size-small);border-color:var(--color-surface03)}:host(:is([active],[open])) .menu-label,.menu-label:hover,.menu-label:focus-visible,div.menu-label:focus-within{border-color:var(--color-primary01)}:host([vertical-context]:is([active],[open])) .menu-label::after,:host([vertical-context]) .menu-label:hover::after,:host([vertical-context]) .menu-label:focus-visible::after,:host([vertical-context]) div.menu-label:focus-within::after{position:absolute;bottom:calc(var(--border-size-small) * -1);left:0;width:100%;height:var(--border-size-large);background-color:var(--color-primary01);content:""}:host([vertical-context]) .menu-label ::slotted(){padding:0}.menu-label ::slotted(){display:inline-flex;width:100%;min-width:fit-content;padding-bottom:2px;margin:0;appearance:none;color:var(--z-menu-label-color, var(--color-default-text));font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:inherit;line-height:1.5;white-space:nowrap}.menu-label z-icon{margin-left:calc(var(--space-unit) * 1.5);fill:var(--color-default-icon)}::slotted([data-text]:not([slot]))::after{height:0;content:attr(data-text);content:attr(data-text) / "";font-weight:var(--font-bd);letter-spacing:normal;pointer-events:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text]:not([slot]))::after{display:none}}::slotted([data-text]:not([slot])){display:inline-flex;flex-direction:column}.content{background:var(--color-surface01)}:host(:not([open])) .content{display:none}:host([floating]:not([vertical-context])) .content{position:absolute;top:100%;left:0;width:375px;min-width:100%;max-width:100vw;padding:0 calc(var(--space-unit) * 2);box-shadow:var(--shadow-2)}:host(:not([floating])) .content{width:100%}.header{display:flex;align-items:center;padding:var(--space-unit) 0 calc(var(--space-unit) * 2)}.header ::slotted(img[slot="header"]){width:calc(var(--space-unit) * 11.25);height:auto;object-fit:contain}.header ::slotted([slot="header"]:not(:first-child)){margin:auto 0;margin-left:calc(var(--space-unit) * 2.5);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5}.items{display:flex;flex-direction:column;align-items:flex-start;background:inherit}.items>::slotted([slot="item"]){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.5}.items>::slotted([slot="item"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}.items>::slotted([slot="item"]:not(z-menu-section)){padding:var(--space-unit) 0;border-bottom:var(--border-size-small) solid var(--color-surface03)}:host(:not([vertical-context])) .items>::slotted([slot="item"]:last-child){border-bottom:0}.items>::slotted([slot="item"]:hover),.items>::slotted([slot="item"]:focus:focus-visible),.items>::slotted([slot="item"]:active),.items>::slotted([slot="item"][active]),.items>::slotted([slot="item"][data-active]){border-color:var(--color-primary01);font-weight:var(--font-bd)}';const h=t=>(t===null\|\|t===void 0?void 0:t.tagName)==="Z-MENU-SECTION";const l=class{get focusableItem(){return this.items.find((t=>h(t)?t.htmlTabindex===0:t.tabIndex===0))}toggle(){if(!this.hasContent){return}this.open=!this.open}onLabelSlotChange(t){const i=t.target.assignedElements()[0];i.dataset.text=i===null\|\|i===void 0?void 0:i.textContent;this.setLabelA11yAttrs()}reflow(t=false){if(!this.floating){return}if(this.content&&this.hasContent){const{style:t}=this.content;const{left:i}=this.host.getBoundingClientRect();const e=getComputedStyle(this.content).width;const s=e?parseFloat(e.replace("px","")):375;const o=30;t.left=`${Math.min(window.innerWidth-i-s-o,0)}px`}if(t){this.raf=requestAnimationFrame(this.reflow.bind(this,t))}}checkContent(){this.hasHeader=!!this.host.querySelectorAll("[slot=header]").length;this.hasContent=!!this.host.querySelectorAll("[slot=item]").length\|\|this.hasHeader}setItemTabindex(t,i){if(h(t)){t.htmlTabindex=i}else{t.tabIndex=i}}setItemsA11yAttrs(){this.items.forEach(((t,i)=>{const e=i===0?0:-1;this.setItemTabindex(t,e);if(!h(t)){t.setAttribute("role","menuitem")}}))}onItemsChange(){this.checkContent();this.items=Array.from(this.host.children).filter((({slot:t})=>t==="item"));this.setItemsA11yAttrs();this.items.forEach((t=>{if(!h(t)){t.dataset.text=t.textContent}}))}moveFocus(t,i){if(h(t)){t.setFocus()}else{t.tabIndex=0;setTimeout((()=>{t.focus()}),100)}if(!i){return}this.setItemTabindex(i,-1)}onLabelClick(){this.toggle();this.setFocus()}onLabelKeydown(t){if(t.key===n.ENTER\|\|t.key===n.SPACE){t.preventDefault();t.stopPropagation();this.toggle();if(this.open){this.moveFocus(this.items[0])}return}if(!this.verticalContext){return}if(t.key===n.ARROW_RIGHT&&!this.open){t.preventDefault();t.stopPropagation();this.open=true;this.moveFocus(this.items[0])}}async setFocus(){this.htmlTabindex=0;const t=this.hasContent?this.labelButton:this.host.firstElementChild;t.focus()}async focusLastItem(){const t=this.items[this.items.length-1];if(h(t)&&t.open){t.focusLastItem();return}this.moveFocus(t)}onOpenChanged(){if(!this.open){cancelAnimationFrame(this.raf);this.closed.emit();this.items.forEach((t=>{if(h(t)&&t.open){t.open=false}}));return}this.setItemsA11yAttrs();this.opened.emit();if(this.floating){this.reflow(true)}}setLabelA11yAttrs(){if(this.hasContent&&this.labelButton){this.labelButton.tabIndex=this.htmlTabindex;return}const t=this.host.firstElementChild;t.role="menuitem";t.tabIndex=this.htmlTabindex}onItemClick(t){const i=this.items.find((i=>a(i,t.target)));if(i){this.items.forEach((t=>{if(t===i){return}if(h(t)){t.htmlTabindex=-1}else{t.tabIndex=-1}}))}}onKeyDown(t){var i;if(!this.hasContent){return}switch(t.key){case n.ESC:if(!this.open){break}t.stopPropagation();t.preventDefault();this.open=false;this.setFocus();break;case n.ARROW_DOWN:{if(document.activeElement===this.host){if(this.verticalContext&&!this.open){break}t.stopPropagation();t.preventDefault();if(!this.open){this.open=true}this.moveFocus(this.items[0]);break}const i=this.items.indexOf(this.focusableItem);if(this.verticalContext&&i===this.items.length-1){this.setItemTabindex(this.items[i],-1);this.htmlTabindex=0;break}t.stopPropagation();t.preventDefault();const e=this.items[i+1];this.moveFocus(e!==null&&e!==void 0?e:this.items[0],this.focusableItem);break}case n.ARROW_UP:{if(document.activeElement===this.host){if(this.verticalContext){break}t.stopPropagation();t.preventDefault();if(!this.open){this.open=true}this.moveFocus(this.items[this.items.length-1],this.focusableItem);break}t.stopPropagation();t.preventDefault();const e=this.items.indexOf(this.focusableItem);if(e===0&&this.verticalContext){this.setItemTabindex(this.focusableItem,-1);this.setFocus();break}const s=(i=this.items[e-1])!==null&&i!==void 0?i:this.items[this.items.length-1];if(h(s)&&s.open){this.setItemTabindex(this.focusableItem,-1);s.focusLastItem();break}this.moveFocus(s,this.focusableItem);break}case n.ARROW_LEFT:if(!this.open\|\|!this.verticalContext){break}t.preventDefault();t.stopPropagation();this.open=false;this.setFocus()}}constructor(e){t(this,e);this.opened=i(this,"opened",7);this.closed=i(this,"closed",7);this.items=[];this.active=undefined;this.floating=true;this.open=false;this.verticalContext=false;this.htmlTabindex=-1;this.hasHeader=undefined;this.hasContent=undefined;this.toggle=this.toggle.bind(this);this.checkContent=this.checkContent.bind(this);this.onLabelSlotChange=this.onLabelSlotChange.bind(this);this.onLabelClick=this.onLabelClick.bind(this);this.onItemsChange=this.onItemsChange.bind(this);this.onLabelKeydown=this.onLabelKeydown.bind(this)}componentWillLoad(){this.setLabelA11yAttrs();this.onItemsChange()}render(){if(!this.hasContent){return e("div",{class:"menu-label"},e("slot",{onSlotchange:this.onLabelSlotChange}))}return e(s,null,e("button",{ref:t=>this.labelButton=t,class:"menu-label","aria-expanded":`${!!this.open}`,"aria-haspopup":`${this.hasContent}`,"aria-label":this.open?"Chiudi menù":"Apri menù",role:"menuitem",tabIndex:this.htmlTabindex,onClick:this.onLabelClick,onKeyDown:this.onLabelKeydown},e("slot",{onSlotchange:this.onLabelSlotChange}),e("z-icon",{name:this.open?"chevron-up":"chevron-down"})),e("div",{class:"content",ref:t=>this.content=t},this.hasHeader&&e("header",{class:"header"},e("slot",{name:"header",onSlotchange:this.checkContent})),e("div",{class:"items",role:"menu"},e("slot",{name:"item",onSlotchange:this.onItemsChange}))))}get host(){return o(this)}static get watchers(){return{open:["onOpenChanged"],htmlTabindex:["setLabelA11yAttrs"]}}};l.style=r;export{l as z_menu};
2	+ //# sourceMappingURL=p-52d05436.entry.js.map

package/www/build/p-52d05436.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","isZMenuSection","el","tagName","ZMenu","focusableItem","this","items","find","item","htmlTabindex","tabIndex","toggle","hasContent","open","onLabelSlotChange","ev","labelElement","target","assignedElements","dataset","text","textContent","setLabelA11yAttrs","reflow","live","floating","content","style","left","host","getBoundingClientRect","widthPx","getComputedStyle","width","parseFloat","replace","safeScrollbarSpace","Math","min","window","innerWidth","raf","requestAnimationFrame","bind","checkContent","hasHeader","querySelectorAll","length","setItemTabindex","setItemsA11yAttrs","forEach","index","tabindex","setAttribute","onItemsChange","Array","from","children","filter","slot","moveFocus","receiver","current","setFocus","setTimeout","focus","onLabelClick","onLabelKeydown","key","KeyboardCode","ENTER","SPACE","preventDefault","stopPropagation","verticalContext","ARROW_RIGHT","label","labelButton","firstElementChild","focusLastItem","lastItem","onOpenChanged","cancelAnimationFrame","closed","emit","opened","slottedLabel","role","onItemClick","clickedItem","containsElement","onKeyDown","_a","ESC","ARROW_DOWN","document","activeElement","currentIndex","indexOf","ARROW_UP","ARROW_LEFT","constructor","hostRef","active","undefined","componentWillLoad","render","h","class","onSlotchange","Host","ref","onClick","name"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-menu/styles.css?tag=z-menu&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-menu/index.js"],"sourcesContent":[":host,\n::slotted(*),\n* {\n box-sizing: border-box;\n outline: none;\n}\n\n:host {\n --z-menu-label-color: ;\n\n position: relative;\n display: inline-flex;\n height: fit-content;\n flex-direction: column;\n}\n\n::slotted(a) {\n text-decoration: none;\n}\n\n::slotted(*) {\n color: var(--color-default-text);\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\n.menu-label {\n position: relative;\n display: flex;\n width: 100%;\n align-items: center;\n padding: 0;\n border: 0;\n border-bottom: var(--border-size-large) solid transparent;\n margin: 0;\n background: transparent;\n border-radius: 0;\n color: inherit;\n text-align: left;\n}\n\nbutton.menu-label {\n cursor: pointer;\n}\n\n.menu-label:focus-visible,\ndiv.menu-label:focus-within {\n box-shadow: var(--shadow-focus-primary);\n}\n\n:host(:is([active], [open])) .menu-label ::slotted(*),\n.menu-label:focus-visible ::slotted(*),\ndiv.menu-label:focus-within ::slotted(*) {\n color: var(--color-primary01);\n font-weight: var(--font-bd);\n}\n\n:host([vertical-context]) .menu-label {\n padding: var(--space-unit) 0;\n border-width: var(--border-size-small);\n border-color: var(--color-surface03);\n}\n\n:host(:is([active], [open])) .menu-label,\n.menu-label:hover,\n.menu-label:focus-visible,\ndiv.menu-label:focus-within {\n border-color: var(--color-primary01);\n}\n\n:host([vertical-context]:is([active], [open])) .menu-label::after,\n:host([vertical-context]) .menu-label:hover::after,\n:host([vertical-context]) .menu-label:focus-visible::after,\n:host([vertical-context]) div.menu-label:focus-within::after {\n position: absolute;\n bottom: calc(var(--border-size-small) * -1);\n left: 0;\n width: 100%;\n height: var(--border-size-large);\n background-color: var(--color-primary01);\n content: \"\";\n}\n\n:host([vertical-context]) .menu-label ::slotted(*) {\n padding: 0;\n}\n\n.menu-label ::slotted(*) {\n display: inline-flex;\n width: 100%;\n min-width: fit-content;\n padding-bottom: 2px;\n margin: 0;\n appearance: none;\n color: var(--z-menu-label-color, var(--color-default-text));\n font-family: var(--font-family-sans);\n font-size: var(--font-size-3);\n font-weight: inherit;\n line-height: 1.5;\n white-space: nowrap;\n}\n\n.menu-label z-icon {\n margin-left: calc(var(--space-unit) * 1.5);\n fill: var(--color-default-icon);\n}\n\n/* Prevents layout shifts on font-weight changes.\nThe trick is to put an hidden copy of the text already set to bold,\nso the needed space is correctly calculated before any hover/active state changes the\nfont-weight of the real text.\nThe hidden text has an height of 0px so it can expand the width without changing the height\nwhen placed below the real text using `flex-direction: column`. */\n::slotted([data-text]:not([slot]))::after {\n height: 0;\n content: attr(data-text);\n content: attr(data-text) / \"\";\n font-weight: var(--font-bd);\n letter-spacing: normal;\n pointer-events: none;\n user-select: none;\n visibility: hidden;\n}\n\n@media speech {\n ::slotted([data-text]:not([slot]))::after {\n display: none;\n }\n}\n\n::slotted([data-text]:not([slot])) {\n display: inline-flex;\n flex-direction: column;\n}\n\n.content {\n background: var(--color-surface01);\n}\n\n:host(:not([open])) .content {\n display: none;\n}\n\n:host([floating]:not([vertical-context])) .content {\n position: absolute;\n top: 100%;\n left: 0;\n width: 375px;\n min-width: 100%;\n max-width: 100vw;\n padding: 0 calc(var(--space-unit) * 2);\n box-shadow: var(--shadow-2);\n}\n\n:host(:not([floating])) .content {\n width: 100%;\n}\n\n.header {\n display: flex;\n align-items: center;\n padding: var(--space-unit) 0 calc(var(--space-unit) * 2);\n}\n\n.header ::slotted(img[slot=\"header\"]) {\n width: calc(var(--space-unit) * 11.25);\n height: auto;\n object-fit: contain;\n}\n\n.header ::slotted([slot=\"header\"]:not(:first-child)) {\n margin: auto 0;\n margin-left: calc(var(--space-unit) * 2.5);\n font-size: var(--font-size-3);\n font-weight: var(--font-sb);\n line-height: 1.5;\n}\n\n.items {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n background: inherit;\n}\n\n.items > ::slotted([slot=\"item\"]) {\n width: 100%;\n margin: 0;\n font-size: var(--font-size-3);\n line-height: 1.5;\n}\n\n.items > ::slotted([slot=\"item\"]:focus:focus-visible) {\n box-shadow: var(--shadow-focus-primary);\n}\n\n.items > ::slotted([slot=\"item\"]:not(z-menu-section)) {\n padding: var(--space-unit) 0;\n border-bottom: var(--border-size-small) solid var(--color-surface03);\n}\n\n:host(:not([vertical-context])) .items > ::slotted([slot=\"item\"]:last-child) {\n border-bottom: 0;\n}\n\n.items > ::slotted([slot=\"item\"]:hover),\n.items > ::slotted([slot=\"item\"]:focus:focus-visible),\n.items > ::slotted([slot=\"item\"]:active),\n.items > ::slotted([slot=\"item\"][active]),\n.items > ::slotted([slot=\"item\"][data-active]) {\n border-color: var(--color-primary01);\n font-weight: var(--font-bd);\n}\n","import { Host, h } from \"@stencil/core\";\nimport { KeyboardCode } from \"../../beans\";\nimport { containsElement } from \"../../utils/utils\";\nconst isZMenuSection = (el) => (el === null || el === void 0 ? void 0 : el.tagName) === \"Z-MENU-SECTION\";\n/**\n * @slot - Menu label\n * @slot header - Header to display as the first entry of the open menu.\n * @slot item - Single entry of the section. Can be slotted multiple times to insert items onto the menu. Set the `data-active` HTML attribute on the element to highlight it (`active` also works but `data-active` is preferable). Use `z-menu-section` for submenus.\n * @cssprop --z-menu-label-color - Color of the label's text.\n */\nexport class ZMenu {\n get focusableItem() {\n return this.items.find((item) => (isZMenuSection(item) ? item.htmlTabindex === 0 : item.tabIndex === 0));\n }\n toggle() {\n if (!this.hasContent) {\n return;\n }\n this.open = !this.open;\n }\n /**\n * Sets slotted item text as `data-text` attribute value, to let CSS use it through `attr()`.\n * @param ev Slotchange event\n */\n onLabelSlotChange(ev) {\n const labelElement = ev.target.assignedElements()[0];\n labelElement.dataset.text = labelElement === null || labelElement === void 0 ? void 0 : labelElement.textContent;\n this.setLabelA11yAttrs();\n }\n /**\n * Correctly set position of the floating menu in order to prevent overflow.\n * @param live Should run the method on every refresh frame.\n */\n reflow(live = false) {\n if (!this.floating) {\n return;\n }\n if (this.content && this.hasContent) {\n const { style } = this.content;\n const { left } = this.host.getBoundingClientRect();\n const widthPx = getComputedStyle(this.content).width;\n const width = widthPx ? parseFloat(widthPx.replace(\"px\", \"\")) : 375;\n const safeScrollbarSpace = 30;\n style.left = `${Math.min(window.innerWidth - left - width - safeScrollbarSpace, 0)}px`;\n }\n if (live) {\n this.raf = requestAnimationFrame(this.reflow.bind(this, live));\n }\n }\n /**\n * Check if some content slot is set.\n */\n checkContent() {\n this.hasHeader = !!this.host.querySelectorAll(\"[slot=header]\").length;\n this.hasContent = !!this.host.querySelectorAll(\"[slot=item]\").length || this.hasHeader;\n }\n setItemTabindex(item, tabIndex) {\n if (isZMenuSection(item)) {\n item.htmlTabindex = tabIndex;\n }\n else {\n item.tabIndex = tabIndex;\n }\n }\n /**\n * Set `menuitem` role to all menu items (ZMenuSection items already have it).\n * Set -1 to the tabindex of the items and 0 to the first one.\n */\n setItemsA11yAttrs() {\n this.items.forEach((item, index) => {\n const tabindex = index === 0 ? 0 : -1;\n this.setItemTabindex(item, tabindex);\n if (!isZMenuSection(item)) {\n item.setAttribute(\"role\", \"menuitem\");\n }\n });\n }\n onItemsChange() {\n this.checkContent();\n this.items = Array.from(this.host.children).filter(({ slot }) => slot === \"item\");\n this.setItemsA11yAttrs();\n this.items.forEach((item) => {\n if (!isZMenuSection(item)) {\n item.dataset.text = item.textContent;\n }\n });\n }\n /**\n * Move focus and adjust the tabindex value of `receiver` and `current` elements,\n * setting -1 to the `current` and 0 to the `receiver`, then focus the `receiver` element.\n * If the receiver is a ZMenuSection and it's open, focus its first focusable item.\n */\n moveFocus(receiver, current) {\n if (isZMenuSection(receiver)) {\n receiver.setFocus();\n }\n else {\n receiver.tabIndex = 0;\n setTimeout(() => {\n receiver.focus();\n }, 100);\n }\n if (!current) {\n return;\n }\n this.setItemTabindex(current, -1);\n }\n onLabelClick() {\n this.toggle();\n this.setFocus();\n }\n onLabelKeydown(ev) {\n if (ev.key === KeyboardCode.ENTER || ev.key === KeyboardCode.SPACE) {\n ev.preventDefault();\n ev.stopPropagation();\n this.toggle();\n if (this.open) {\n this.moveFocus(this.items[0]);\n }\n return;\n }\n if (!this.verticalContext) {\n return;\n }\n if (ev.key === KeyboardCode.ARROW_RIGHT && !this.open) {\n ev.preventDefault();\n ev.stopPropagation();\n this.open = true;\n this.moveFocus(this.items[0]);\n }\n }\n /** Set tabindex of the label to 0, then focus it. */\n async setFocus() {\n this.htmlTabindex = 0;\n const label = this.hasContent ? this.labelButton : this.host.firstElementChild;\n label.focus();\n }\n /**\n * Focus the last item.\n */\n async focusLastItem() {\n const lastItem = this.items[this.items.length - 1];\n if (isZMenuSection(lastItem) && lastItem.open) {\n lastItem.focusLastItem();\n return;\n }\n this.moveFocus(lastItem);\n }\n onOpenChanged() {\n if (!this.open) {\n cancelAnimationFrame(this.raf);\n this.closed.emit();\n this.items.forEach((item) => {\n if (isZMenuSection(item) && item.open) {\n item.open = false;\n }\n });\n return;\n }\n this.setItemsA11yAttrs();\n this.opened.emit();\n if (this.floating) {\n this.reflow(true);\n }\n }\n setLabelA11yAttrs() {\n if (this.hasContent && this.labelButton) {\n this.labelButton.tabIndex = this.htmlTabindex;\n return;\n }\n const slottedLabel = this.host.firstElementChild;\n slottedLabel.role = \"menuitem\";\n slottedLabel.tabIndex = this.htmlTabindex;\n }\n /**\n * Set tabindex to -1 to all siblings of the clicked item.\n */\n onItemClick(ev) {\n const clickedItem = this.items.find((item) => containsElement(item, ev.target));\n if (clickedItem) {\n this.items.forEach((item) => {\n if (item === clickedItem) {\n return;\n }\n if (isZMenuSection(item)) {\n item.htmlTabindex = -1;\n }\n else {\n item.tabIndex = -1;\n }\n });\n }\n }\n onKeyDown(ev) {\n var _a;\n if (!this.hasContent) {\n return;\n }\n switch (ev.key) {\n case KeyboardCode.ESC:\n if (!this.open) {\n break;\n }\n ev.stopPropagation();\n ev.preventDefault();\n this.open = false;\n this.setFocus();\n break;\n case KeyboardCode.ARROW_DOWN: {\n if (document.activeElement === this.host) {\n if (this.verticalContext && !this.open) {\n break;\n }\n ev.stopPropagation();\n ev.preventDefault();\n if (!this.open) {\n this.open = true;\n }\n this.moveFocus(this.items[0]);\n break;\n }\n const currentIndex = this.items.indexOf(this.focusableItem);\n if (this.verticalContext && currentIndex === this.items.length - 1) {\n // navigation is going to leave this menu. restore tabindex to the label and let the parent handle it\n this.setItemTabindex(this.items[currentIndex], -1);\n this.htmlTabindex = 0;\n break;\n }\n ev.stopPropagation();\n ev.preventDefault();\n const receiver = this.items[currentIndex + 1];\n // if the last item is already focused, navigate to the first one\n this.moveFocus(receiver !== null && receiver !== void 0 ? receiver : this.items[0], this.focusableItem);\n break;\n }\n case KeyboardCode.ARROW_UP: {\n if (document.activeElement === this.host) {\n if (this.verticalContext) {\n break;\n }\n ev.stopPropagation();\n ev.preventDefault();\n // open the menu and focus the last item\n if (!this.open) {\n this.open = true;\n }\n this.moveFocus(this.items[this.items.length - 1], this.focusableItem);\n break;\n }\n ev.stopPropagation();\n ev.preventDefault();\n const currentIndex = this.items.indexOf(this.focusableItem);\n if (currentIndex === 0 && this.verticalContext) {\n this.setItemTabindex(this.focusableItem, -1);\n this.setFocus();\n break;\n }\n const receiver = (_a = this.items[currentIndex - 1]) !== null && _a !== void 0 ? _a : this.items[this.items.length - 1];\n // if the receiver is a ZMenuSection and it's open, focus its last item\n if (isZMenuSection(receiver) && receiver.open) {\n this.setItemTabindex(this.focusableItem, -1);\n receiver.focusLastItem();\n break;\n }\n this.moveFocus(receiver, this.focusableItem);\n break;\n }\n case KeyboardCode.ARROW_LEFT:\n if (!this.open || !this.verticalContext) {\n break;\n }\n // close the menu and focus the label\n ev.preventDefault();\n ev.stopPropagation();\n this.open = false;\n this.setFocus();\n }\n }\n constructor() {\n this.items = [];\n this.active = undefined;\n this.floating = true;\n this.open = false;\n this.verticalContext = false;\n this.htmlTabindex = -1;\n this.hasHeader = undefined;\n this.hasContent = undefined;\n this.toggle = this.toggle.bind(this);\n this.checkContent = this.checkContent.bind(this);\n this.onLabelSlotChange = this.onLabelSlotChange.bind(this);\n this.onLabelClick = this.onLabelClick.bind(this);\n this.onItemsChange = this.onItemsChange.bind(this);\n this.onLabelKeydown = this.onLabelKeydown.bind(this);\n }\n componentWillLoad() {\n this.setLabelA11yAttrs();\n this.onItemsChange();\n }\n render() {\n if (!this.hasContent) {\n return (h(\"div\", { class: \"menu-label\" }, h(\"slot\", { onSlotchange: this.onLabelSlotChange })));\n }\n return (h(Host, null, h(\"button\", { ref: (el) => (this.labelButton = el), class: \"menu-label\", \"aria-expanded\": `${!!this.open}`, \"aria-haspopup\": `${this.hasContent}`, \"aria-label\": this.open ? \"Chiudi menù\" : \"Apri menù\", role: \"menuitem\", tabIndex: this.htmlTabindex, onClick: this.onLabelClick, onKeyDown: this.onLabelKeydown }, h(\"slot\", { onSlotchange: this.onLabelSlotChange }), h(\"z-icon\", { name: this.open ? \"chevron-up\" : \"chevron-down\" })), h(\"div\", { class: \"content\", ref: (el) => (this.content = el) }, this.hasHeader && (h(\"header\", { class: \"header\" }, h(\"slot\", { name: \"header\", onSlotchange: this.checkContent }))), h(\"div\", { class: \"items\", role: \"menu\" }, h(\"slot\", { name: \"item\", onSlotchange: this.onItemsChange })))));\n }\n static get is() { return \"z-menu\"; }\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 \"active\": {\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\": \"Flag to set the active status of the menu.\"\n },\n \"attribute\": \"active\",\n \"reflect\": true\n },\n \"floating\": {\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\": \"Flag to set the display mode of the list.\\nIf true, the list will be absolutely positioned under the menu label,\\nstacked beneath it otherwise.\"\n },\n \"attribute\": \"floating\",\n \"reflect\": true,\n \"defaultValue\": \"true\"\n },\n \"open\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The opening state of the menu.\"\n },\n \"attribute\": \"open\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"verticalContext\": {\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\": \"Tells the component that it's placed in a vertical context with other `ZMenu`s (usually in the ZAppHeader's offcanvas).\\nA small border is placed under it as a separator from other elements.\"\n },\n \"attribute\": \"vertical-context\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"htmlTabindex\": {\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\": \"Tabindex value to set on the menu label.\\nUseful to manage keyboard navigation focus with roving tabindex handled by this component's parent (usually ZAppHeader).\"\n },\n \"attribute\": \"html-tabindex\",\n \"reflect\": false,\n \"defaultValue\": \"-1\"\n }\n };\n }\n static get states() {\n return {\n \"hasHeader\": {},\n \"hasContent\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"opened\",\n \"name\": \"opened\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The menu has been opened.\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }, {\n \"method\": \"closed\",\n \"name\": \"closed\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The menu has been closed.\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }];\n }\n static get methods() {\n return {\n \"setFocus\": {\n \"complexType\": {\n \"signature\": \"() => Promise<void>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"HTMLElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLElement\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Set tabindex of the label to 0, then focus it.\",\n \"tags\": []\n }\n },\n \"focusLastItem\": {\n \"complexType\": {\n \"signature\": \"() => Promise<void>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Focus the last item.\",\n \"tags\": []\n }\n }\n };\n }\n static get elementRef() { return \"host\"; }\n static get watchers() {\n return [{\n \"propName\": \"open\",\n \"methodName\": \"onOpenChanged\"\n }, {\n \"propName\": \"htmlTabindex\",\n \"methodName\": \"setLabelA11yAttrs\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"click\",\n \"method\": \"onItemClick\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"keydown\",\n \"method\": \"onKeyDown\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-53c4cea5.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r,h as o}from"./p-Cam6wBSi.js";const s=":host{display:block;box-sizing:border-box;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-rg);line-height:calc(var(--space-unit) * 2)}:host>div{padding:calc(var(--space-unit) * 2)}:host>.success{background:var(--color-inverse-success);fill:var(--color-default-success)}:host>.warning{background:var(--color-inverse-warning);fill:var(--color-default-warning)}:host>.error{background:var(--color-inverse-error);fill:var(--color-default-error)}";const a=class{constructor(o){r(this,o);this.type=undefined}render(){return o("div",{key:"7b5c63664284517f067c7216166e1d132a25c294",class:this.type},o("slot",{key:"24ec7b94ade69283dcb0719c01f5812e5e63d243"}))}};a.style=s;export{a as z_alert};
2	+ //# sourceMappingURL=p-53c4cea5.entry.js.map

package/www/build/p-53c4cea5.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","ZAlert","constructor","hostRef","this","type","undefined","render","h","key","class"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/z-alert/styles.css?tag=z-alert&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/z-alert/index.js"],"sourcesContent":[":host {\n display: block;\n box-sizing: border-box;\n color: var(--color-surface05);\n font-family: var(--font-family-sans);\n font-size: 14px;\n font-weight: var(--font-rg);\n line-height: calc(var(--space-unit) * 2);\n}\n\n:host > div {\n padding: calc(var(--space-unit) * 2);\n}\n\n:host > .success {\n background: var(--color-inverse-success);\n fill: var(--color-default-success);\n}\n\n:host > .warning {\n background: var(--color-inverse-warning);\n fill: var(--color-default-warning);\n}\n\n:host > .error {\n background: var(--color-inverse-error);\n fill: var(--color-default-error);\n}\n","import { h } from \"@stencil/core\";\n/**\n * @slot - alert content\n */\nexport class ZAlert {\n constructor() {\n this.type = undefined;\n }\n render() {\n return (h(\"div\", { key: '7b5c63664284517f067c7216166e1d132a25c294', class: this.type }, h(\"slot\", { key: '24ec7b94ade69283dcb0719c01f5812e5e63d243' })));\n }\n static get is() { return \"z-alert\"; }\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 \"type\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"AlertType\",\n \"resolved\": \"AlertType.ERROR | AlertType.SUCCESS | AlertType.WARNING\",\n \"references\": {\n \"AlertType\": {\n \"location\": \"import\",\n \"path\": \"../../../beans/index\",\n \"id\": \"src/beans/index.tsx::AlertType\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"alert variant type\"\n },\n \"attribute\": \"type\",\n \"reflect\": false\n }\n };\n }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"sCAAA,MAAMA,EAAY,mf,MCILC,EAAM,MACf,WAAAC,CAAAC,G,UACIC,KAAKC,KAAOC,SACf,CACD,MAAAC,GACI,OAAQC,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAON,KAAKC,MAAQG,EAAE,OAAQ,CAAEC,IAAK,6C","ignoreList":[]}

package/www/build/p-545cf652.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,c as t,h as r}from"./p-Cam6wBSi.js";import{m as a}from"./p-B2-dCTD2.js";const i=":host{position:absolute;z-index:2;top:0;left:0;width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>z-alert{height:calc(var(--space-unit) * 6)}.relative-container{position:relative;display:grid;align-items:center;padding:0;grid-column-gap:var(--space-unit);grid-template-columns:18px auto 46px;grid-template-rows:1fr;outline:none}.relative-container::-moz-focus-inner{border:0}.alert-external-wrapper.remove-alert{border:var(--border-size-medium) solid var(--color-background);border-top:none}:host div.add-alert{background:var(--color-inverse-success)}:host div.remove-alert{background:var(--color-inverse-warning)}:host div>.content-text{color:var(--color-surface05);font-size:14px;letter-spacing:0.16px;line-height:20px}:host div>.content-action{height:20px;color:var(--color-primary01);cursor:pointer;font-size:12px;font-weight:var(--font-sb);letter-spacing:0.32px;line-height:20px}:host div>z-icon{justify-self:center}";const n=class{constructor(r){e(this,r);this.undoAction=t(this,"undoAction",7);this.iconname=undefined;this.contenttext=undefined;this.actiontext=undefined;this.type=undefined}emitUndoAction(){this.undoAction.emit({actionType:this.type})}handleSpaceKeyPress(e){if(e.keyCode==32\|\|e.keyCode==13){e.preventDefault();this.emitUndoAction()}}handleActionButtonClick(e){e.preventDefault();this.emitUndoAction()}retrieveClass(){let e="";switch(this.type){case"add":e="add-alert";break;case"remove":e="remove-alert";break;default:e="";break}return e}getAlertType(){switch(this.type){case"add":return a.SUCCESS;case"remove":return a.WARNING;default:return null}}render(){return r("div",{key:"0a19998aa8afdf605445ca6fff06226dda90bebd",class:"alert-external-wrapper "+this.retrieveClass()},r("z-alert",{key:"580f27b42700aaaab04425d3c8bc60e3ecbdbc8e",type:this.getAlertType()},r("div",{key:"6e8c1366ddd95e0a3ffd3048bf5915d1ca5991c8",class:"relative-container"},r("z-icon",{key:"e50f2727f14417662f9296dc52b69ab3bb7abefc",name:this.iconname,width:18,height:18,class:this.retrieveClass()}),r("span",{key:"4973c8f1184ff49f1c6267e7fff3d97aec1d871f",class:"content-text"},this.contenttext),this.actiontext&&!!this.actiontext.trim().length&&r("span",{key:"758357b1a5f29db6fe2c20216059ef3f086f4f15",role:"button",tabindex:"0",class:"content-action",onClick:e=>{this.handleActionButtonClick(e)},onKeyPress:e=>{this.handleSpaceKeyPress(e)}},this.actiontext))))}};n.style=i;export{n as z_myz_card_alert};
2	+ //# sourceMappingURL=p-545cf652.entry.js.map

package/www/build/p-545cf652.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","ZMyzCardAlert","constructor","hostRef","this","iconname","undefined","contenttext","actiontext","type","emitUndoAction","undoAction","emit","actionType","handleSpaceKeyPress","e","keyCode","preventDefault","handleActionButtonClick","retrieveClass","className","getAlertType","AlertType","SUCCESS","WARNING","render","h","key","class","name","width","height","trim","length","role","tabindex","onClick","onKeyPress"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-alert/styles.css?tag=z-myz-card-alert&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-alert/index.js"],"sourcesContent":[":host {\n position: absolute;\n z-index: 2;\n top: 0;\n left: 0;\n width: 100%;\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\n:host > z-alert {\n height: calc(var(--space-unit) * 6);\n}\n\n.relative-container {\n position: relative;\n display: grid;\n align-items: center;\n padding: 0;\n grid-column-gap: var(--space-unit);\n grid-template-columns: 18px auto 46px;\n grid-template-rows: 1fr;\n outline: none;\n}\n\n.relative-container::-moz-focus-inner {\n border: 0;\n}\n\n.alert-external-wrapper.remove-alert {\n border: var(--border-size-medium) solid var(--color-background);\n border-top: none;\n}\n\n:host div.add-alert {\n background: var(--color-inverse-success);\n}\n\n:host div.remove-alert {\n background: var(--color-inverse-warning);\n}\n\n:host div > .content-text {\n color: var(--color-surface05);\n font-size: 14px;\n letter-spacing: 0.16px;\n line-height: 20px;\n}\n\n:host div > .content-action {\n height: 20px;\n color: var(--color-primary01);\n cursor: pointer;\n font-size: 12px;\n font-weight: var(--font-sb);\n letter-spacing: 0.32px;\n line-height: 20px;\n}\n\n:host div > z-icon {\n justify-self: center;\n}\n","import { h } from \"@stencil/core\";\nimport { AlertType } from \"../../../../beans\";\nexport class ZMyzCardAlert {\n constructor() {\n this.iconname = undefined;\n this.contenttext = undefined;\n this.actiontext = undefined;\n this.type = undefined;\n }\n emitUndoAction() {\n this.undoAction.emit({ actionType: this.type });\n }\n handleSpaceKeyPress(e) {\n if (e.keyCode == 32 || e.keyCode == 13) {\n e.preventDefault();\n this.emitUndoAction();\n }\n }\n handleActionButtonClick(e) {\n e.preventDefault();\n this.emitUndoAction();\n }\n retrieveClass() {\n let className = \"\";\n switch (this.type) {\n case \"add\":\n className = \"add-alert\";\n break;\n case \"remove\":\n className = \"remove-alert\";\n break;\n default:\n className = \"\";\n break;\n }\n return className;\n }\n getAlertType() {\n switch (this.type) {\n case \"add\":\n return AlertType.SUCCESS;\n case \"remove\":\n return AlertType.WARNING;\n default:\n return null;\n }\n }\n render() {\n return (h(\"div\", { key: '0a19998aa8afdf605445ca6fff06226dda90bebd', class: \"alert-external-wrapper \" + this.retrieveClass() }, h(\"z-alert\", { key: '580f27b42700aaaab04425d3c8bc60e3ecbdbc8e', type: this.getAlertType() }, h(\"div\", { key: '6e8c1366ddd95e0a3ffd3048bf5915d1ca5991c8', class: \"relative-container\" }, h(\"z-icon\", { key: 'e50f2727f14417662f9296dc52b69ab3bb7abefc', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h(\"span\", { key: '4973c8f1184ff49f1c6267e7fff3d97aec1d871f', class: \"content-text\" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h(\"span\", { key: '758357b1a5f29db6fe2c20216059ef3f086f4f15', role: \"button\", tabindex: \"0\", class: \"content-action\", onClick: (e) => {\n this.handleActionButtonClick(e);\n }, onKeyPress: (e) => {\n this.handleSpaceKeyPress(e);\n } }, this.actiontext))))));\n }\n static get is() { return \"z-myz-card-alert\"; }\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 \"iconname\": {\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\": \"icon name\"\n },\n \"attribute\": \"iconname\",\n \"reflect\": false\n },\n \"contenttext\": {\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\": \"content text\"\n },\n \"attribute\": \"contenttext\",\n \"reflect\": false\n },\n \"actiontext\": {\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\": \"action button text\"\n },\n \"attribute\": \"actiontext\",\n \"reflect\": false\n },\n \"type\": {\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\": \"alert variant type\"\n },\n \"attribute\": \"type\",\n \"reflect\": false\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"undoAction\",\n \"name\": \"undoAction\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"undo action click/keyboard event, returns actionType\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"sFAAA,MAAMA,EAAY,y7B,MCELC,EAAa,MACtB,WAAAC,CAAAC,G,iDACIC,KAAKC,SAAWC,UAChBF,KAAKG,YAAcD,UACnBF,KAAKI,WAAaF,UAClBF,KAAKK,KAAOH,SACf,CACD,cAAAI,GACIN,KAAKO,WAAWC,KAAK,CAAEC,WAAYT,KAAKK,M,CAE5C,mBAAAK,CAAoBC,GAChB,GAAIA,EAAEC,SAAW,IAAMD,EAAEC,SAAW,GAAI,CACpCD,EAAEE,iBACFb,KAAKM,gB,EAGb,uBAAAQ,CAAwBH,GACpBA,EAAEE,iBACFb,KAAKM,gB,CAET,aAAAS,GACI,IAAIC,EAAY,GAChB,OAAQhB,KAAKK,MACT,IAAK,MACDW,EAAY,YACZ,MACJ,IAAK,SACDA,EAAY,eACZ,MACJ,QACIA,EAAY,GACZ,MAER,OAAOA,C,CAEX,YAAAC,GACI,OAAQjB,KAAKK,MACT,IAAK,MACD,OAAOa,EAAUC,QACrB,IAAK,SACD,OAAOD,EAAUE,QACrB,QACI,OAAO,K,CAGnB,MAAAC,GACI,OAAQC,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,0BAA4BxB,KAAKe,iBAAmBO,EAAE,UAAW,CAAEC,IAAK,2CAA4ClB,KAAML,KAAKiB,gBAAkBK,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,sBAAwBF,EAAE,SAAU,CAAEC,IAAK,2CAA4CE,KAAMzB,KAAKC,SAAUyB,MAAO,GAAIC,OAAQ,GAAIH,MAAOxB,KAAKe,kBAAoBO,EAAE,OAAQ,CAAEC,IAAK,2CAA4CC,MAAO,gBAAkBxB,KAAKG,aAAcH,KAAKI,cAAgBJ,KAAKI,WAAWwB,OAAOC,QAAWP,EAAE,OAAQ,CAAEC,IAAK,2CAA4CO,KAAM,SAAUC,SAAU,IAAKP,MAAO,iBAAkBQ,QAAUrB,IACztBX,KAAKc,wBAAwBH,EAAE,EAChCsB,WAAatB,IACZX,KAAKU,oBAAoBC,EAAE,GAC1BX,KAAKI,c","ignoreList":[]}

package/www/build/p-5edcf0ee.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as i,c as t,h as e,H as s,g as o}from"./p-Cam6wBSi.js";import{c as n,d as a,D as r,K as l,P as h,L as p}from"./p-B2-dCTD2.js";import{g as c,h as d}from"./p-C46tSaXG.js";import"./p-Q-tWjk7P.js";const f=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--line-clamp-popover:0;--line-clamp-mobile:1}{box-sizing:border-box}button{padding:0;border:none;margin:0;background-color:transparent}nav{display:flex;align-items:center}ol{display:flex;align-items:center;padding:0;margin:0;column-gap:var(--space-unit);list-style:none}li{display:flex;align-items:center;justify-content:flex-start;column-gap:var(--space-unit)}ol li>a,ol li>button{font-size:var(--font-size-2);letter-spacing:0.16px;line-height:1.4}a:focus,button:focus{box-shadow:var(--shadow-focus-primary);outline:none}a{color:var(--color-text-link-blue);white-space:nowrap}a.missing-path{color:var(--color-default-text)}.text-ellipsis{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp-mobile);line-clamp:var(--line-clamp-mobile);text-overflow:ellipsis;white-space:initial}nav.semibold>ol>li>a:not(.missing-path),nav.semibold>ol>li>button{font-weight:var(--font-sb);text-decoration:none}nav.underlined a,nav.underlined button{text-decoration:underline}z-icon{--z-icon-width:16px;--z-icon-height:16px;display:block;fill:var(--color-text-link-blue)}z-icon.separator{--z-icon-width:10px;--z-icon-height:10px;fill:var(--gray500)}button.dots{display:inline-block;color:var(--color-text-link-blue);cursor:pointer}.hidden-paths-popover .popover-content{max-width:302px;padding:calc(var(--space-unit) / 2) var(--space-unit);text-align:left}.hidden-paths-popover .popover-content a{font-weight:var(--font-rg);text-decoration:none}.hidden-paths-popover{--z-popover-theme--surface:var(--color-background);--z-popover-padding:0;--background-color-list-element:var(--color-background)}.hidden-paths-popover::before,.full-path-tooltip::before{--arrow-edge-offset:calc(100% - (var(--space-unit) 2.55))}.full-path-tooltip{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse);--z-popover-padding:0}.tooltip-content{padding:0 var(--space-unit);font-size:var(--font-size-2)}@media (min-width: 768px){.text-ellipsis{-webkit-line-clamp:var(--line-clamp-popover);line-clamp:var(--line-clamp-popover)}}@media (max-width: 767px){li a{display:flex;align-items:center;column-gap:var(--space-unit)}}";const u=class{constructor(e){i(this,e);this.clickOnNode=t(this,"clickOnNode",7);this.collapsedElements=[];this.currentIndex=0;this.truncatePosition=null;this.pathStyle=n.UNDERLINED;this.homepageVariant=a.ICON;this.maxNodesToShow=5;this.preventFollowUrl=false;this.overflowMenuItemRows=0;this.truncateChar=30;this.viewPortWidth=undefined;this.hasOverflow=false;this.popoverEllipsisOpen=false}handleResize(){this.viewPortWidth=c();if(this.viewPortWidth!==r.MOBILE&&this.wrapElement&&this.wrapElement.scrollWidth>this.wrapElement.clientWidth){this.hasOverflow=true}}handlePropChange(){this.initializeBreadcrumb()}handleResizeUp(i,t){if(i===r.MOBILE\|\|t===r.MOBILE&&i===r.TABLET\|\|t===r.MOBILE&&i===r.DESKTOP\|\|t===r.MOBILE&&i===r.DESKTOP_WIDE\|\|t===r.TABLET&&i===r.DESKTOP\|\|t===r.TABLET&&i===r.DESKTOP_WIDE\|\|t===r.DESKTOP&&i===r.DESKTOP_WIDE){this.initializeBreadcrumb()}}componentWillLoad(){this.viewPortWidth=c();this.initializeBreadcrumb()}componentWillRender(){if(this.viewPortWidth!==r.MOBILE&&this.hasOverflow){this.checkEllipsisOrOverflowMenu();this.hasOverflow=false}}componentDidRender(){if(this.collapsedElementsRef){this.anchorElements=Array.from(this.hostElement.shadowRoot.querySelectorAll("z-list-group a"))}if(this.viewPortWidth!==r.MOBILE){requestAnimationFrame((()=>{if(this.wrapElement.scrollWidth>this.wrapElement.clientWidth){if(!this.hasOverflow){this.hasOverflow=true}}}))}}initializeBreadcrumb(){if(this.viewPortWidth===r.MOBILE){this.pathsList=this.getPathsItemsList().filter((i=>!!i.path))}else{this.pathsList=this.getPathsItemsList()}this.homepageNode=this.pathsList.shift();this.pathListCopy=[...this.pathsList];this.collapsedElements=[];if(this.pathsList.length>this.maxNodesToShow){this.collapsedElements=this.pathsList.splice(0,this.pathsList.length-2)}}checkEllipsisOrOverflowMenu(){for(let i=0;i<this.pathsList.length;i++){if(this.pathsList[i].text.length<=this.truncateChar){continue}if(this.truncatePosition>0){this.collapsedElements.push(...this.pathListCopy.splice(0,this.truncatePosition));this.pathsList.splice(0,this.truncatePosition);this.truncatePosition=0;return}else if(this.truncatePosition===0){this.collapsedElements.push(...this.pathListCopy.splice(0,this.truncatePosition+1));this.pathsList.splice(0,this.truncatePosition+1);this.truncatePosition=null;return}if(i!==this.pathsList.length-1){const t=this.truncateWithEllipsis(this.pathsList[i].text,this.truncateChar);this.currentEllipsisText=this.pathsList[i].text;this.pathsList[i].text=t;this.pathsList[i].hasTooltip=true;this.truncatePosition=i;return}}}truncateWithEllipsis(i,t){if(i.length<=t){return i}return i.substring(0,t-1)+"&mldr;"}getPathsItemsList(){return Array.from(this.hostElement.children).map((i=>({text:i.textContent,path:i.href,hasTooltip:false})))}renderHomepageNode(){return e("li",null,e("a",{class:{"homepage-text":this.homepageVariant===a.TEXT},href:this.homepageNode.path,onClick:i=>this.handlePreventFollowUrl(i,this.homepageNode),innerHTML:this.homepageVariant===a.ICON?`<z-icon name="home" />`:this.homepageNode.text\|\|"Home"}),this.pathsList.length>0&&e("z-icon",{class:"separator",name:"chevron-right"}))}togglePopover(){if(!this.collapsedElementsRef.open){this.collapsedElementsRef.open=true}}handlePreventFollowUrl(i,t){if(this.preventFollowUrl){i.preventDefault();this.clickOnNode.emit(t.path)}}handleOverflowMenuAccessibility(i){const t=this.anchorElements.length;if(i.key===l.TAB){i.preventDefault();return}i.stopPropagation();const e=[l.ARROW_DOWN,l.ARROW_UP];if(e.includes(i.key)){i.preventDefault();if(i.key===l.ARROW_DOWN){this.currentIndex=t===this.currentIndex+1?0:this.currentIndex+1}if(i.key===l.ARROW_UP){this.currentIndex=this.currentIndex<=0?t-1:this.currentIndex-1}this.anchorElements[this.currentIndex].focus()}if(i.key===l.ESC){this.triggerButton.focus()}}renderOverflowMenu(){return e("li",null,e("z-popover",{class:"hidden-paths-popover",ref:i=>this.collapsedElementsRef=i,bindTo:this.triggerButton,position:h.BOTTOM_RIGHT,closable:true,showArrow:true},e("div",{class:"popover-content"},e("z-list",null,e("z-list-group",{size:p.SMALL},this.collapsedElements.map(((i,t,s)=>e("div",null,e("z-list-element",{clickable:true},e("a",{class:"text-ellipsis",href:i.path,onClick:t=>this.handlePreventFollowUrl(t,i),onKeyDown:i=>this.handleOverflowMenuAccessibility(i),innerHTML:i.text})),t<s.length-1&&e("z-divider",{color:"color-surface03"})))))))),e("button",{class:"dots",ref:i=>this.triggerButton=i,"aria-label":"Mostra più breadcrumb","aria-haspopup":"true",onClick:()=>{this.togglePopover()},onKeyDown:i=>{d(i,this.togglePopover.bind(this));setTimeout((()=>{this.anchorElements[0].focus()}),100)},innerHTML:"&mldr;"}),this.pathsList.length>0&&e("z-icon",{class:"separator",name:"chevron-right"}))}renderMobileItems(){const i=this.pathsList[this.pathsList.length-1];if(!i){return}return e("li",null,e("a",{"aria-current":i.path?undefined:"page",href:i.path,onClick:t=>this.handlePreventFollowUrl(t,i)},e("z-icon",{name:"chevron-left"}),e("span",{class:{"missing-path":!i.path,"text-ellipsis":true}},i.text)))}renderItems(){let i;return[this.renderHomepageNode(),this.collapsedElements.length>0&&this.renderOverflowMenu(),...this.pathsList.map(((t,s)=>e("li",null,t.hasTooltip&&e("z-popover",{class:"full-path-tooltip",bindTo:i,open:this.popoverEllipsisOpen,position:h.BOTTOM_RIGHT,closable:false,showArrow:true},e("span",{class:"tooltip-content"},this.currentEllipsisText)),e("a",{class:{"missing-path":!t.path},ref:t=>i=t,"aria-current":t.path?undefined:"page",href:t.path,onClick:i=>this.handlePreventFollowUrl(i,t),onMouseOver:()=>{if(t.hasTooltip){this.popoverEllipsisOpen=true}},onMouseLeave:()=>{if(t.hasTooltip){this.popoverEllipsisOpen=false}},innerHTML:t.text}),s!==this.pathsList.length-1&&e("z-icon",{class:"separator",name:"chevron-right"}))))]}render(){return e(s,{key:"a92078ad9a4aa1ac4689c66c765afa5f113d16d7",style:{"--line-clamp-popover":`${this.overflowMenuItemRows}`}},e("nav",{key:"99259d02797aff8396f3a87af0ff40d1c97e40fd",ref:i=>this.wrapElement=i,"aria-label":"Breadcrumb",class:{semibold:this.pathStyle===n.SEMIBOLD,underlined:this.pathStyle===n.UNDERLINED}},e("ol",{key:"c232f64c88e3bff47af1250385589ecda393b4f3"},this.viewPortWidth===r.MOBILE?this.renderMobileItems():this.renderItems())))}get hostElement(){return o(this)}static get watchers(){return{maxNodesToShow:["handlePropChange"],viewPortWidth:["handleResizeUp"]}}};u.style=f;export{u as z_breadcrumb};
2	+ //# sourceMappingURL=p-5edcf0ee.entry.js.map

package/www/build/p-5edcf0ee.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","ZBreadcrumb","constructor","hostRef","this","collapsedElements","currentIndex","truncatePosition","pathStyle","BreadcrumbPathStyle","UNDERLINED","homepageVariant","BreadcrumbHomepageVariant","ICON","maxNodesToShow","preventFollowUrl","overflowMenuItemRows","truncateChar","viewPortWidth","undefined","hasOverflow","popoverEllipsisOpen","handleResize","getDevice","Device","MOBILE","wrapElement","scrollWidth","clientWidth","handlePropChange","initializeBreadcrumb","handleResizeUp","newValue","oldValue","TABLET","DESKTOP","DESKTOP_WIDE","componentWillLoad","componentWillRender","checkEllipsisOrOverflowMenu","componentDidRender","collapsedElementsRef","anchorElements","Array","from","hostElement","shadowRoot","querySelectorAll","requestAnimationFrame","pathsList","getPathsItemsList","filter","item","path","homepageNode","shift","pathListCopy","length","splice","i","text","push","truncatedString","truncateWithEllipsis","currentEllipsisText","hasTooltip","str","maxLength","substring","children","map","textContent","href","renderHomepageNode","h","class","TEXT","onClick","e","handlePreventFollowUrl","innerHTML","name","togglePopover","open","preventDefault","clickOnNode","emit","handleOverflowMenuAccessibility","anchorElementsLenght","key","KeyboardCode","TAB","stopPropagation","arrows","ARROW_DOWN","ARROW_UP","includes","focus","ESC","triggerButton","renderOverflowMenu","ref","val","bindTo","position","PopoverPosition","BOTTOM_RIGHT","closable","showArrow","size","ListSize","SMALL","index","array","clickable","onKeyDown","color","el","handleKeyboardSubmit","bind","setTimeout","renderMobileItems","secondToLastPath","renderItems","trigger","onMouseOver","onMouseLeave","render","Host","style","semibold","SEMIBOLD","underlined"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-breadcrumb/styles.css?tag=z-breadcrumb&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-breadcrumb/index.js"],"sourcesContent":[":host {\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n\n --line-clamp-popover: 0;\n --line-clamp-mobile: 1;\n}\n\n* {\n box-sizing: border-box;\n}\n\nbutton {\n padding: 0;\n border: none;\n margin: 0;\n background-color: transparent;\n}\n\nnav {\n display: flex;\n align-items: center;\n}\n\nol {\n display: flex;\n align-items: center;\n padding: 0;\n margin: 0;\n column-gap: var(--space-unit);\n list-style: none;\n}\n\nli {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n column-gap: var(--space-unit);\n}\n\nol li > a,\nol li > button {\n font-size: var(--font-size-2);\n letter-spacing: 0.16px;\n line-height: 1.4;\n}\n\na:focus,\nbutton:focus {\n box-shadow: var(--shadow-focus-primary);\n outline: none;\n}\n\na {\n color: var(--color-text-link-blue);\n white-space: nowrap;\n}\n\na.missing-path {\n color: var(--color-default-text);\n}\n\n.text-ellipsis {\n display: -webkit-box;\n overflow: hidden;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: var(--line-clamp-mobile);\n line-clamp: var(--line-clamp-mobile);\n text-overflow: ellipsis;\n white-space: initial;\n}\n\nnav.semibold > ol > li > a:not(.missing-path),\nnav.semibold > ol > li > button {\n font-weight: var(--font-sb);\n text-decoration: none;\n}\n\nnav.underlined a,\nnav.underlined button {\n text-decoration: underline;\n}\n\nz-icon {\n --z-icon-width: 16px;\n --z-icon-height: 16px;\n\n display: block;\n fill: var(--color-text-link-blue);\n}\n\nz-icon.separator {\n --z-icon-width: 10px;\n --z-icon-height: 10px;\n\n fill: var(--gray500);\n}\n\nbutton.dots {\n display: inline-block;\n color: var(--color-text-link-blue);\n cursor: pointer;\n}\n\n.hidden-paths-popover .popover-content {\n max-width: 302px;\n padding: calc(var(--space-unit) / 2) var(--space-unit);\n text-align: left;\n}\n\n.hidden-paths-popover .popover-content a {\n font-weight: var(--font-rg);\n text-decoration: none;\n}\n\n.hidden-paths-popover {\n --z-popover-theme--surface: var(--color-background);\n --z-popover-padding: 0;\n --background-color-list-element: var(--color-background);\n}\n\n.hidden-paths-popover::before,\n.full-path-tooltip::before {\n --arrow-edge-offset: calc(100% - (var(--space-unit) * 2.55));\n}\n\n.full-path-tooltip {\n --z-popover-theme--surface: var(--color-surface05);\n --z-popover-theme--text: var(--color-text-inverse);\n --z-popover-padding: 0;\n}\n\n.tooltip-content {\n padding: 0 var(--space-unit);\n font-size: var(--font-size-2);\n}\n\n@media (min-width: 768px) {\n .text-ellipsis {\n -webkit-line-clamp: var(--line-clamp-popover);\n line-clamp: var(--line-clamp-popover);\n }\n}\n\n@media (max-width: 767px) {\n li a {\n display: flex;\n align-items: center;\n column-gap: var(--space-unit);\n }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { BreadcrumbHomepageVariant, BreadcrumbPathStyle, Device, KeyboardCode, ListSize, PopoverPosition, } from \"../../beans\";\nimport { getDevice, handleKeyboardSubmit } from \"../../utils/utils\";\nexport class ZBreadcrumb {\n constructor() {\n this.collapsedElements = [];\n this.currentIndex = 0;\n this.truncatePosition = null;\n this.pathStyle = BreadcrumbPathStyle.UNDERLINED;\n this.homepageVariant = BreadcrumbHomepageVariant.ICON;\n this.maxNodesToShow = 5;\n this.preventFollowUrl = false;\n this.overflowMenuItemRows = 0;\n this.truncateChar = 30;\n this.viewPortWidth = undefined;\n this.hasOverflow = false;\n this.popoverEllipsisOpen = false;\n }\n handleResize() {\n this.viewPortWidth = getDevice();\n if (this.viewPortWidth !== Device.MOBILE &&\n this.wrapElement &&\n this.wrapElement.scrollWidth > this.wrapElement.clientWidth) {\n this.hasOverflow = true;\n }\n }\n // eslint-disable-next-line lines-between-class-members\n handlePropChange() {\n this.initializeBreadcrumb();\n }\n handleResizeUp(newValue, oldValue) {\n if (newValue === Device.MOBILE ||\n (oldValue === Device.MOBILE && newValue === Device.TABLET) ||\n (oldValue === Device.MOBILE && newValue === Device.DESKTOP) ||\n (oldValue === Device.MOBILE && newValue === Device.DESKTOP_WIDE) ||\n (oldValue === Device.TABLET && newValue === Device.DESKTOP) ||\n (oldValue === Device.TABLET && newValue === Device.DESKTOP_WIDE) ||\n (oldValue === Device.DESKTOP && newValue === Device.DESKTOP_WIDE)) {\n this.initializeBreadcrumb();\n }\n }\n componentWillLoad() {\n this.viewPortWidth = getDevice();\n this.initializeBreadcrumb();\n }\n componentWillRender() {\n if (this.viewPortWidth !== Device.MOBILE && this.hasOverflow) {\n this.checkEllipsisOrOverflowMenu();\n this.hasOverflow = false;\n }\n }\n componentDidRender() {\n if (this.collapsedElementsRef) {\n this.anchorElements = Array.from(this.hostElement.shadowRoot.querySelectorAll(\"z-list-group a\"));\n }\n if (this.viewPortWidth !== Device.MOBILE) {\n requestAnimationFrame(() => {\n if (this.wrapElement.scrollWidth > this.wrapElement.clientWidth) {\n if (!this.hasOverflow) {\n this.hasOverflow = true;\n }\n }\n });\n }\n }\n initializeBreadcrumb() {\n if (this.viewPortWidth === Device.MOBILE) {\n this.pathsList = this.getPathsItemsList().filter((item) => !!item.path);\n }\n else {\n this.pathsList = this.getPathsItemsList();\n }\n this.homepageNode = this.pathsList.shift();\n this.pathListCopy = [...this.pathsList];\n this.collapsedElements = [];\n if (this.pathsList.length > this.maxNodesToShow) {\n this.collapsedElements = this.pathsList.splice(0, this.pathsList.length - 2);\n }\n }\n checkEllipsisOrOverflowMenu() {\n for (let i = 0; i < this.pathsList.length; i++) {\n if (this.pathsList[i].text.length <= this.truncateChar) {\n continue;\n }\n if (this.truncatePosition > 0) {\n this.collapsedElements.push(...this.pathListCopy.splice(0, this.truncatePosition));\n this.pathsList.splice(0, this.truncatePosition);\n this.truncatePosition = 0;\n return;\n }\n else if (this.truncatePosition === 0) {\n this.collapsedElements.push(...this.pathListCopy.splice(0, this.truncatePosition + 1));\n this.pathsList.splice(0, this.truncatePosition + 1);\n this.truncatePosition = null;\n return;\n }\n if (i !== this.pathsList.length - 1) {\n const truncatedString = this.truncateWithEllipsis(this.pathsList[i].text, this.truncateChar);\n this.currentEllipsisText = this.pathsList[i].text;\n this.pathsList[i].text = truncatedString;\n this.pathsList[i].hasTooltip = true;\n this.truncatePosition = i;\n return;\n }\n }\n }\n truncateWithEllipsis(str, maxLength) {\n if (str.length <= maxLength) {\n return str;\n }\n return str.substring(0, maxLength - 1) + \"&mldr;\";\n }\n getPathsItemsList() {\n return Array.from(this.hostElement.children).map((item) => {\n return {\n text: item.textContent,\n path: item.href,\n hasTooltip: false,\n };\n });\n }\n renderHomepageNode() {\n return (h(\"li\", null, h(\"a\", { class: {\n \"homepage-text\": this.homepageVariant === BreadcrumbHomepageVariant.TEXT,\n }, href: this.homepageNode.path, onClick: (e) => this.handlePreventFollowUrl(e, this.homepageNode), innerHTML: this.homepageVariant === BreadcrumbHomepageVariant.ICON\n ? `<z-icon name=\"home\" />`\n : this.homepageNode.text || \"Home\" }), this.pathsList.length > 0 && (h(\"z-icon\", { class: \"separator\", name: \"chevron-right\" }))));\n }\n togglePopover() {\n if (!this.collapsedElementsRef.open) {\n this.collapsedElementsRef.open = true;\n }\n }\n handlePreventFollowUrl(e, item) {\n if (this.preventFollowUrl) {\n e.preventDefault();\n this.clickOnNode.emit(item.path);\n }\n }\n handleOverflowMenuAccessibility(e) {\n const anchorElementsLenght = this.anchorElements.length;\n if (e.key === KeyboardCode.TAB) {\n e.preventDefault();\n return;\n }\n e.stopPropagation();\n const arrows = [KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP];\n if (arrows.includes(e.key)) {\n e.preventDefault();\n if (e.key === KeyboardCode.ARROW_DOWN) {\n this.currentIndex = anchorElementsLenght === this.currentIndex + 1 ? 0 : this.currentIndex + 1;\n }\n if (e.key === KeyboardCode.ARROW_UP) {\n this.currentIndex = this.currentIndex <= 0 ? anchorElementsLenght - 1 : this.currentIndex - 1;\n }\n this.anchorElements[this.currentIndex].focus();\n }\n if (e.key === KeyboardCode.ESC) {\n this.triggerButton.focus();\n }\n }\n renderOverflowMenu() {\n return (h(\"li\", null, h(\"z-popover\", { class: \"hidden-paths-popover\", ref: (val) => (this.collapsedElementsRef = val), bindTo: this.triggerButton, position: PopoverPosition.BOTTOM_RIGHT, closable: true, showArrow: true }, h(\"div\", { class: \"popover-content\" }, h(\"z-list\", null, h(\"z-list-group\", { size: ListSize.SMALL }, this.collapsedElements.map((item, index, array) => {\n return (h(\"div\", null, h(\"z-list-element\", { clickable: true }, h(\"a\", { class: \"text-ellipsis\", href: item.path, onClick: (e) => this.handlePreventFollowUrl(e, item), onKeyDown: (e) => this.handleOverflowMenuAccessibility(e), innerHTML: item.text })), index < array.length - 1 && h(\"z-divider\", { color: \"color-surface03\" })));\n }))))), h(\"button\", { class: \"dots\", ref: (el) => (this.triggerButton = el), \"aria-label\": \"Mostra pi\\u00F9 breadcrumb\", \"aria-haspopup\": \"true\", onClick: () => {\n this.togglePopover();\n }, onKeyDown: (e) => {\n handleKeyboardSubmit(e, this.togglePopover.bind(this));\n setTimeout(() => {\n this.anchorElements[0].focus();\n }, 100);\n }, innerHTML: \"&mldr;\" }), this.pathsList.length > 0 && (h(\"z-icon\", { class: \"separator\", name: \"chevron-right\" }))));\n }\n renderMobileItems() {\n // show only the second to last element\n const secondToLastPath = this.pathsList[this.pathsList.length - 1];\n if (!secondToLastPath) {\n return;\n }\n return (h(\"li\", null, h(\"a\", { \"aria-current\": secondToLastPath.path ? undefined : \"page\", href: secondToLastPath.path, onClick: (e) => this.handlePreventFollowUrl(e, secondToLastPath) }, h(\"z-icon\", { name: \"chevron-left\" }), h(\"span\", { class: {\n \"missing-path\": !secondToLastPath.path,\n \"text-ellipsis\": true,\n } }, secondToLastPath.text))));\n }\n renderItems() {\n let trigger;\n return [\n this.renderHomepageNode(),\n this.collapsedElements.length > 0 && this.renderOverflowMenu(),\n ...this.pathsList.map((item, index) => (h(\"li\", null, item.hasTooltip && (h(\"z-popover\", { class: \"full-path-tooltip\", bindTo: trigger, open: this.popoverEllipsisOpen, position: PopoverPosition.BOTTOM_RIGHT, closable: false, showArrow: true }, h(\"span\", { class: \"tooltip-content\" }, this.currentEllipsisText))), h(\"a\", { class: { \"missing-path\": !item.path }, ref: (val) => (trigger = val), \"aria-current\": item.path ? undefined : \"page\", href: item.path, onClick: (e) => this.handlePreventFollowUrl(e, item), onMouseOver: () => {\n if (item.hasTooltip) {\n this.popoverEllipsisOpen = true;\n }\n }, onMouseLeave: () => {\n if (item.hasTooltip) {\n this.popoverEllipsisOpen = false;\n }\n }, innerHTML: item.text }), index !== this.pathsList.length - 1 && (h(\"z-icon\", { class: \"separator\", name: \"chevron-right\" }))))),\n ];\n }\n render() {\n return (h(Host, { key: 'a92078ad9a4aa1ac4689c66c765afa5f113d16d7', style: { \"--line-clamp-popover\": `${this.overflowMenuItemRows}` } }, h(\"nav\", { key: '99259d02797aff8396f3a87af0ff40d1c97e40fd', ref: (val) => (this.wrapElement = val), \"aria-label\": \"Breadcrumb\", class: {\n semibold: this.pathStyle === BreadcrumbPathStyle.SEMIBOLD,\n underlined: this.pathStyle === BreadcrumbPathStyle.UNDERLINED,\n } }, h(\"ol\", { key: 'c232f64c88e3bff47af1250385589ecda393b4f3' }, this.viewPortWidth === Device.MOBILE ? this.renderMobileItems() : this.renderItems()))));\n }\n static get is() { return \"z-breadcrumb\"; }\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 \"pathStyle\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"BreadcrumbPathStyle\",\n \"resolved\": \"BreadcrumbPathStyle.SEMIBOLD | BreadcrumbPathStyle.UNDERLINED\",\n \"references\": {\n \"BreadcrumbPathStyle\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::BreadcrumbPathStyle\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"[optional] Sets the path style\"\n },\n \"attribute\": \"path-style\",\n \"reflect\": true,\n \"defaultValue\": \"BreadcrumbPathStyle.UNDERLINED\"\n },\n \"homepageVariant\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"BreadcrumbHomepageVariant\",\n \"resolved\": \"BreadcrumbHomepageVariant.ICON | BreadcrumbHomepageVariant.TEXT\",\n \"references\": {\n \"BreadcrumbHomepageVariant\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::BreadcrumbHomepageVariant\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"[optional] Variant of first node\"\n },\n \"attribute\": \"homepage-variant\",\n \"reflect\": false,\n \"defaultValue\": \"BreadcrumbHomepageVariant.ICON\"\n },\n \"maxNodesToShow\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"[optional] Sets max number of element to show\"\n },\n \"attribute\": \"max-nodes-to-show\",\n \"reflect\": false,\n \"defaultValue\": \"5\"\n },\n \"preventFollowUrl\": {\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\": \"[optional] Controls the behaviour on <a> tag click/enter\"\n },\n \"attribute\": \"prevent-follow-url\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"overflowMenuItemRows\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"[optional] Sets max number of row for each path inside the popover. Zero equals unlimited\"\n },\n \"attribute\": \"overflow-menu-item-rows\",\n \"reflect\": false,\n \"defaultValue\": \"0\"\n },\n \"truncateChar\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"[optional] Sets the maximun number of chars per single node\"\n },\n \"attribute\": \"truncate-char\",\n \"reflect\": false,\n \"defaultValue\": \"30\"\n }\n };\n }\n static get states() {\n return {\n \"viewPortWidth\": {},\n \"hasOverflow\": {},\n \"popoverEllipsisOpen\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"clickOnNode\",\n \"name\": \"clickOnNode\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when preventFollowUrl=true to handle custom page transition\"\n },\n \"complexType\": {\n \"original\": \"BreadcrumbPath[\\\"path\\\"]\",\n \"resolved\": \"string\",\n \"references\": {\n \"BreadcrumbPath\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::BreadcrumbPath\"\n }\n }\n }\n }];\n }\n static get elementRef() { return \"hostElement\"; }\n static get watchers() {\n return [{\n \"propName\": \"maxNodesToShow\",\n \"methodName\": \"handlePropChange\"\n }, {\n \"propName\": \"viewPortWidth\",\n \"methodName\": \"handleResizeUp\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"resize\",\n \"method\": \"handleResize\",\n \"target\": \"window\",\n \"capture\": false,\n \"passive\": true\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-65f0a8cd.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,h as i,H as a}from"./p-Cam6wBSi.js";const o=":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 s=class{constructor(i){t(this,i)}render(){return i(a,{key:"b4d76cddb405ccc4db532cc4d544898424b290fa",role:"list"},i("slot",{key:"9b7d842263cf062b5f3b8a27b72d7a66142bc341"}))}};s.style=o;export{s as z_stepper};
2	+ //# sourceMappingURL=p-65f0a8cd.entry.js.map

package/www/build/p-65f0a8cd.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stylesCss","ZStepper","render","h","Host","key","role"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-stepper/styles.css?tag=z-stepper&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-stepper/index.js"],"sourcesContent":[":host {\n position: relative;\n display: flex;\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n flex-direction: row;\n padding: 0;\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n list-style: none;\n}\n\n@media (min-width: 768px) {\n :host {\n padding: 0 calc(var(--space-unit) * 2);\n }\n}\n","import { Host, h } from \"@stencil/core\";\n/**\n * @slot - slot for `z-stepper-item`\n */\nexport class ZStepper {\n render() {\n return (h(Host, { key: 'b4d76cddb405ccc4db532cc4d544898424b290fa', role: \"list\" }, h(\"slot\", { key: '9b7d842263cf062b5f3b8a27b72d7a66142bc341' })));\n }\n static get is() { return \"z-stepper\"; }\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}\n//# sourceMappingURL=index.js.map\n"],"mappings":"kDAAA,MAAMA,EAAY,oR,MCILC,EAAQ,M,yBACjB,MAAAC,GACI,OAAQC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,KAAM,QAAUH,EAAE,OAAQ,CAAEE,IAAK,6C","ignoreList":[]}

package/www/build/p-673af8ea.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as i,c as t,h as s,F as e,H as r,g as n}from"./p-Cam6wBSi.js";import{y as c,C as a,I as o}from"./p-B2-dCTD2.js";import{r as p,b as u}from"./p-C46tSaXG.js";import"./p-Q-tWjk7P.js";const l='.sc-z-input-h{display:inline-block;width:inherit}.sc-z-input-h .sc-z-input{box-sizing:border-box}input.sc-z-input::-ms-clear,input.sc-z-input::-ms-reveal{display:none}.sc-z-input-h input.sc-z-input::-ms-clear,.sc-z-input-h input.sc-z-input::-ms-reveal{display:none}input.sc-z-input,textarea.sc-z-input{background:var(--color-form-background);fill:var(--color-form-default-icon);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg);outline:none}input.sc-z-input,.textarea-wrapper.sc-z-input{border:var(--border-size-small) solid var(--color-form-surface04);border-radius:var(--border-radius-small);color:var(--color-form-default-text)}[size="small"].sc-z-input-h input.sc-z-input,[size="small"].sc-z-input-h textarea.sc-z-input,[size="x-small"].sc-z-input-h input.sc-z-input,[size="x-small"].sc-z-input-h textarea.sc-z-input{font-size:var(--font-size-2)}.cursor-select.sc-z-input-h input.sc-z-input{cursor:pointer}input.sc-z-input:not([readonly]):hover,.textarea-wrapper.sc-z-input:not(.readonly):hover{outline:var(--border-size-medium) solid var(--color-surface04);outline-offset:-2px}.sc-z-input-h:not(.active-select) input.sc-z-input:focus:focus-visible,.sc-z-input-h:not([readonly="true"]) .textarea-wrapper.sc-z-input:focus-within{border-color:var(--color-form-active-primary);box-shadow:var(--shadow-focus-primary);color:var(--color-form-active-primary)}.sc-z-input-h input.sc-z-input:focus:focus-visible:hover,.textarea-wrapper.sc-z-input:not(.readonly):focus-within:hover{outline-color:var(--color-form-active-primary)}.sc-z-input-h input.sc-z-input:focus:focus-visible+.icons-wrapper.sc-z-input{fill:var(--color-form-active-primary)}.active-select.sc-z-input-h input.sc-z-input{border:var(--border-size-small) solid var(--color-form-active-primary)}.cursor-select.sc-z-input-h input.sc-z-input:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}.sc-z-input-h input[readonly].sc-z-input:focus:focus-visible{border-color:var(--color-form-surface03);box-shadow:none}.input-success.sc-z-input{border-color:var(--color-form-success01);background:var(--color-form-inverse-success)}.input-success.sc-z-input:focus:focus-visible+.icons-wrapper.sc-z-input,.input-success.sc-z-input+.icons-wrapper.sc-z-input{fill:var(--color-form-success01)}.input-error.sc-z-input{border-color:var(--color-form-hover-error);background:var(--color-form-inverse-error)}.input-error.sc-z-input:focus:focus-visible+.icons-wrapper.sc-z-input,.input-error.sc-z-input+.icons-wrapper.sc-z-input{fill:var(--color-form-hover-error)}.input-warning.sc-z-input{border-color:var(--color-form-hover-warning);background:var(--color-form-inverse-warning)}.input-warning.sc-z-input:focus:focus-visible+.icons-wrapper.sc-z-input,.input-warning.sc-z-input+.icons-wrapper.sc-z-input{fill:var(--color-form-hover-warning)}.sc-z-input:is(.input-success,.input-error.sc-z-input,.input-warning).sc-z-input:focus:focus-visible{color:var(--color-form-default-text)}.sc-z-input-h:not(.active-select) input[readonly].sc-z-input,.textarea-wrapper.readonly.sc-z-input{border-color:var(--color-form-surface03);fill:var(--color-form-disabled01-icon);pointer-events:none}[disabled].sc-z-input-h:not([disabled="false"]) input.sc-z-input,[disabled].sc-z-input-h:not([disabled="false"]) .textarea-wrapper.sc-z-input,[disabled].sc-z-input-h:not([disabled="false"]) z-icon.sc-z-input{border-color:var(--color-form-disabled03);box-shadow:none;color:var(--color-form-disabled-text);fill:var(--color-form-disabled01-icon);pointer-events:none}[disabled].sc-z-input-h:not([disabled="false"]) input.sc-z-input:hover{border-width:var(--border-size-small)}input.sc-z-input::placeholder,textarea.sc-z-input::placeholder{color:var(--color-form-placeholder-text)}.sc-z-input::-webkit-textarea-placeholder{color:var(--color-form-placeholder-text)}.sc-z-input:-ms-textarea-placeholder{color:var(--color-form-placeholder-text)}.sc-z-input::placeholder{color:var(--color-form-placeholder-text)}label.input-label.sc-z-input{display:block;padding-bottom:var(--space-unit);color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);text-align:left;text-transform:uppercase}[disabled].sc-z-input-h:not([disabled="false"]) label.input-label.sc-z-input{color:var(--color-disabled03)}.text-wrapper.sc-z-input>div.sc-z-input{position:relative;z-index:1;fill:var(--color-form-default-icon)}.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{width:100%;height:calc(var(--space-unit) 5.5);box-sizing:border-box;padding:0 calc(var(--space-unit) * 1.5);margin:0}[size="small"].sc-z-input-h .text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{height:calc(var(--space-unit) * 4.5)}[size="x-small"].sc-z-input-h .text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{height:calc(var(--space-unit) * 4)}.text-wrapper.sc-z-input>div.sc-z-input>input.has-icon.sc-z-input,.text-wrapper.sc-z-input>div.sc-z-input>input.has-clear-icon.sc-z-input{padding-right:calc(var(--space-unit) * 5.25)}.text-wrapper.sc-z-input>div.sc-z-input>input.has-icon.has-clear-icon.sc-z-input{padding-right:calc(var(--space-unit) * 8)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input{position:absolute;z-index:2;top:50%;right:calc(var(--space-unit) * 1.5);display:flex;pointer-events:none;transform:translateY(-50%)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.input-icon.sc-z-input{display:flex;padding:0;border:0;background:none;color:inherit;font:inherit;pointer-events:initial}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>.input-icon.sc-z-input+.input-icon.sc-z-input{margin-left:calc(var(--space-unit) * 0.5)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.input-icon.hidden.sc-z-input{display:none}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.reset-icon.sc-z-input,.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.toggle-password-icon.sc-z-input{cursor:pointer}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>.input-icon.sc-z-input{--z-icon-width:18px;--z-icon-height:18px;display:block}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>.input-icon.small.sc-z-input,.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>.input-icon.x-small.sc-z-input{--z-icon-width:16px;--z-icon-height:16px}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.input-icon.sc-z-input:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:currentcolor}.textarea-wrapper.sc-z-input{width:100%;height:100%;padding:calc(var(--space-unit) * 1.5)}.textarea-wrapper.sc-z-input:not(.input-error,.input-success.sc-z-input,.input-warning).sc-z-input{background-color:var(--color-form-background)}textarea.sc-z-input{width:100%;min-height:132px;padding:0;border:none;margin:0;color:currentcolor;resize:none}.radio-wrapper.sc-z-input,.checkbox-wrapper.sc-z-input{position:relative;display:inline-flex;flex-direction:row;align-items:center;color:var(--color-default-text);fill:var(--color-primary01);font-family:var(--font-family-sans)}.radio-wrapper.sc-z-input:hover,.checkbox-wrapper.sc-z-input:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary-icon)}.radio-wrapper.sc-z-input>input.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input{position:absolute;z-index:-1;opacity:0;pointer-events:none}.radio-wrapper.sc-z-input .radio-label.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{display:inline-flex;align-items:center;margin:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1;text-transform:inherit}.radio-wrapper.sc-z-input input.sc-z-input:not(:disabled)+.radio-label.sc-z-input,.checkbox-wrapper.sc-z-input input.sc-z-input:not(:disabled)+.checkbox-label.sc-z-input{cursor:pointer}.radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{cursor:pointer;fill:inherit}[size="small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,[size="small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{--z-icon-width:16px;--z-icon-height:16px}[size="small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input,[size="small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{font-size:var(--font-size-2)}[size="x-small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,[size="x-small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{--z-icon-width:14px;--z-icon-height:14px}[size="x-small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input,[size="x-small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{font-size:var(--font-size-1)}.radio-wrapper.sc-z-input .radio-label.after.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input{flex-direction:row}.radio-wrapper.sc-z-input .radio-label.before.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input{flex-direction:row-reverse}.radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input{margin-left:var(--space-unit)}.radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input{margin-right:var(--space-unit)}[size="small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,[size="small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input,[size="x-small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,[size="x-small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input{margin-left:calc(var(--space-unit) * 0.5)}[size="small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,[size="small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input,[size="x-small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,[size="x-small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input{margin-right:calc(var(--space-unit) * 0.5)}.radio-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.radio-label.sc-z-input>z-icon.sc-z-input{border-radius:50%}.checkbox-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.checkbox-label.sc-z-input>z-icon.sc-z-input{border-radius:var(--border-radius-small)}.radio-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.radio-label.sc-z-input>z-icon.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.checkbox-label.sc-z-input>z-icon.sc-z-input{box-shadow:var(--shadow-focus-primary)}.radio-wrapper.sc-z-input>input.sc-z-input:disabled+.radio-label.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:disabled+.checkbox-label.sc-z-input{color:var(--color-disabled03)}.radio-wrapper.sc-z-input>input.sc-z-input:disabled+.radio-label.sc-z-input>z-icon.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:disabled+.checkbox-label.sc-z-input>z-icon.sc-z-input{cursor:default;fill:var(--color-disabled01)}';const h=class{constructor(s){i(this,s);this.inputChange=t(this,"inputChange",7);this.startTyping=t(this,"startTyping",7);this.stopTyping=t(this,"stopTyping",7);this.inputCheck=t(this,"inputCheck",7);this.inputFocus=t(this,"inputFocus",7);this.inputBlur=t(this,"inputBlur",7);this.typingtimeout=300;this.htmlid=`id-${p()}`;this.type=undefined;this.name=undefined;this.label=undefined;this.ariaLabel="";this.ariaExpanded="";this.ariaControls=undefined;this.ariaAutocomplete=undefined;this.ariaActivedescendant=undefined;this.value=undefined;this.disabled=false;this.readonly=false;this.required=false;this.checked=false;this.placeholder=undefined;this.htmltitle=undefined;this.status=undefined;this.message=true;this.labelPosition=c.RIGHT;this.autocomplete=undefined;this.role="";this.hasclearicon=true;this.icon=undefined;this.min=undefined;this.minlength=undefined;this.max=undefined;this.maxlength=undefined;this.step=undefined;this.pattern=undefined;this.size=a.BIG;this.isTyping=false;this.passwordHidden=true}inputCheckListener(i){const t=i.detail;switch(this.type){case o.RADIO:if(t.type===o.RADIO&&t.name===this.name&&t.id!==this.htmlid){this.checked=false}break}}async isChecked(){switch(this.type){case o.CHECKBOX:case o.RADIO:return this.checked;default:console.warn("`isChecked` method is only available for type `checkbox` and `radio`");return false}}emitInputChange(i){if(!this.isTyping){this.emitStartTyping()}let t;if(this.type===o.TEXTAREA){t=this.getValidity("textarea")}else{t=this.getValidity("input")}this.value=i;this.inputChange.emit({value:i,validity:t});clearTimeout(this.timer);this.timer=setTimeout((()=>{this.emitStopTyping(this.value,t)}),this.typingtimeout)}emitStartTyping(){this.isTyping=true;this.startTyping.emit()}emitStopTyping(i,t){this.isTyping=false;this.stopTyping.emit({value:i,validity:t})}emitInputCheck(i){this.inputCheck.emit({id:this.htmlid,checked:i,type:this.type,name:this.name,value:this.value,validity:this.getValidity("input")})}emitInputFocus(){this.inputFocus.emit({id:this.htmlid})}emitInputBlur(){this.inputBlur.emit({id:this.htmlid})}getValidity(i){const t=this.hostElement.querySelector(i);return t.validity}getTextAttributes(){return{id:this.htmlid,name:this.name,placeholder:this.placeholder,value:this.value,disabled:this.disabled,readonly:this.readonly,required:this.required,title:this.htmltitle,minlength:this.minlength,maxlength:this.maxlength,class:{[`input-${this.status}`]:!!this.status},autocomplete:this.autocomplete,onInput:i=>this.emitInputChange(i.target.value)}}getNumberAttributes(i){if(i!=o.NUMBER){return}return{min:this.min,max:this.max,step:this.step}}getPatternAttribute(i){if(i!=o.PASSWORD&&i!=o.TEXT&&i!=o.TEL&&i!=o.SEARCH&&i!=o.URL&&i!=o.EMAIL){return}return{pattern:this.pattern}}getRoleAttribute(){return this.role?{role:this.role}:{}}getAriaAttrubutes(){const i=this.ariaExpanded?{"aria-expanded":this.ariaExpanded}:{};const t=this.ariaControls?{"aria-controls":this.ariaControls}:{};const s=this.ariaAutocomplete?{"aria-autocomplete":this.ariaAutocomplete}:{};const e=this.ariaActivedescendant?{"aria-activedescendant":this.ariaActivedescendant}:{};return Object.assign(Object.assign(Object.assign(Object.assign({},i),t),s),e)}getFocusBlurAttributes(){return{onFocus:()=>this.emitInputFocus(),onBlur:()=>this.emitInputBlur()}}renderInputText(i=o.TEXT){const t=this.ariaLabel?{"aria-label":this.ariaLabel}:{};const e=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.getTextAttributes()),this.getNumberAttributes(i)),this.getPatternAttribute(i)),t),this.getRoleAttribute()),this.getAriaAttrubutes()),this.getFocusBlurAttributes());if(this.icon\|\|i===o.PASSWORD){Object.assign(e.class,{"has-icon":true})}if(this.hasclearicon&&i!=o.NUMBER){Object.assign(e.class,{"has-clear-icon":true})}return s("div",{class:"text-wrapper"},this.renderLabel(),s("div",null,s("input",Object.assign({type:i===o.PASSWORD&&!this.passwordHidden?o.TEXT:i},e,{ref:i=>this.inputRef=i})),this.renderIcons()),this.renderMessage())}renderLabel(){if(!this.label){return}return s("label",{class:"input-label body-5-sb",id:`${this.htmlid}_label`,htmlFor:this.htmlid},this.label)}renderIcons(){return s("span",{class:"icons-wrapper"},this.renderResetIcon(),this.renderIcon())}renderIcon(){if(this.type===o.PASSWORD){return this.renderShowHidePassword()}if(!this.icon){return}return s("z-icon",{name:this.icon,class:{[this.size]:true,"input-icon":true}})}renderResetIcon(){let i=false;if(!this.hasclearicon\|\|!this.value\|\|this.disabled\|\|this.readonly\|\|this.type==o.NUMBER){i=true}return s("button",{type:"button",class:{"reset-icon":true,"input-icon":true,hidden:i},"aria-label":"cancella il contenuto dell'input",onClick:()=>{this.inputRef.value="";this.emitInputChange("")}},s("z-icon",{name:"multiply",class:this.size}))}renderShowHidePassword(){return s("button",{type:"button",class:"input-icon toggle-password-icon",disabled:this.disabled,"aria-label":this.passwordHidden?"mostra password":"nascondi password",onClick:()=>this.passwordHidden=!this.passwordHidden},s("z-icon",{name:this.passwordHidden?"view-filled":"view-off-filled",class:this.size}))}renderMessage(){if(u(this.message)===false){return}return s("z-input-message",{message:u(this.message)===true?undefined:this.message,status:this.status,class:this.size,disabled:this.disabled})}renderTextarea(){const i=this.getTextAttributes();return s(e,null,this.renderLabel(),s("div",{class:Object.assign(Object.assign({},i.class),{"textarea-wrapper":true,readonly:!!i.readonly})},s("textarea",Object.assign({},i,{class:Object.assign(Object.assign({},i.class),{"z-scrollbar":true}),"aria-label":this.ariaLabel\|\|undefined},this.getRoleAttribute()))),this.renderMessage())}handleCheck(i){this.checked=i.target.checked;this.emitInputCheck(this.checked)}renderCheckbox(){return s("div",{class:"checkbox-wrapper"},s("input",Object.assign({id:this.htmlid,type:"checkbox",name:this.name,checked:this.checked,disabled:this.disabled,readonly:this.readonly,required:this.required,onChange:this.handleCheck.bind(this),value:this.value},this.getRoleAttribute(),this.getFocusBlurAttributes())),s("label",{htmlFor:this.htmlid,class:{"checkbox-label":true,after:this.labelPosition===c.RIGHT,before:this.labelPosition===c.LEFT}},s("z-icon",{name:this.checked?"checkbox-checked":"checkbox",class:this.size}),this.label&&s("span",{innerHTML:this.label})))}renderRadio(){return s("div",{class:"radio-wrapper"},s("input",Object.assign({id:this.htmlid,type:"radio",name:this.name,checked:this.checked,disabled:this.disabled,readonly:this.readonly,onChange:this.handleCheck.bind(this),value:this.value},this.getRoleAttribute(),this.getFocusBlurAttributes())),s("label",{htmlFor:this.htmlid,class:{"radio-label":true,after:this.labelPosition===c.RIGHT,before:this.labelPosition===c.LEFT}},s("z-icon",{name:this.checked?"radio-button-checked":"radio-button",class:this.size}),this.label&&s("span",{innerHTML:this.label})))}render(){let i;switch(this.type){case o.TEXTAREA:i=this.renderTextarea();break;case o.CHECKBOX:i=this.renderCheckbox();break;case o.RADIO:i=this.renderRadio();break;default:i=this.renderInputText(this.type)}return s(r,{key:"716ee8b89dbfeffedfdbfa8785c3994a94c44f44"},i)}get hostElement(){return n(this)}};h.style=l;const z=':host{display:flex;min-height:calc(var(--space-unit) * 2.5);align-items:start;margin-top:var(--space-unit);color:var(--color-default-text);fill:currentcolor;font-family:var(--font-family-sans);font-size:var(--font-size-2);letter-spacing:0.16px}:host(.small),:host(.x-small){margin-top:calc(var(--space-unit) * 0.5);font-size:var(--font-size-1)}:host([status="success"]){color:var(--color-hover-success)}:host([status="error"]){color:var(--color-hover-error)}:host([status="warning"]){color:var(--color-hover-warning)}:host(:focus){outline:none}:host>z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);--z-icon-right-margin:var(--space-unit);margin-top:calc(var(--space-unit) * 0.25)}:host(.small)>z-icon,:host(.x-small)>z-icon{--z-icon-width:14px;--z-icon-height:14px;--z-icon-right-margin:calc(var(--space-unit) * 0.5)}:host([disabled]){color:var(--color-disabled03);fill:var(--color-disabled03)}';const d=class{constructor(t){i(this,t);this.statusIcons={success:"checkmark-circle",error:"multiply-circled",warning:"exclamation-circle"};this.message=undefined;this.status=undefined;this.disabled=undefined;this.statusRole={}}onMessageChange(){this.statusRole=this.message&&this.status?{role:"alert"}:{}}componentWillLoad(){this.onMessageChange()}render(){return s(r,Object.assign({key:"ef26c50e4e8f21bed23b6b530f34866bb9d746af"},this.statusRole,{"aria-label":this.message}),this.statusIcons[this.status]&&this.message&&s("z-icon",{key:"1c701e5f10e96e549fc3e799cbc16099f2032956",name:this.statusIcons[this.status]}),s("span",{key:"9a12b124d65a4b4ebcb9856ce6e9fa275d96ac64",innerHTML:this.message}))}static get watchers(){return{message:["onMessageChange"],status:["onMessageChange"]}}};d.style=z;export{h as z_input,d as z_input_message};
2	+ //# sourceMappingURL=p-673af8ea.entry.js.map