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

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

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","isStringArray","data","Array","isArray","every","datum","ZSlideshow","constructor","hostRef","this","slideshowid","undefined","device","currentSlide","watchData","parseLinks","componentWillLoad","setDevice","window","addEventListener","handleResize","bind","componentDidRender","setStyle","_a","parsed","convertJson","Error","links","refSlides","el","shadowRoot","querySelector","allImages","querySelectorAll","width","offsetWidth","fullwidth","length","style","transform","forEach","item","img","getDevice","setCurrentSlide","index","getBulletDimension","Device","MOBILE","TABLET","renderSlides","items","h","id","map","i","class","src","renderScroll","direction","disabled","nextSlide","height","name","onClick","onKeyUp","e","handleKeyboardSubmit","tabindex","role","renderSlideshowMain","renderBullet","renderSlideshowFooter","Object","keys","parseInt","render"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/z-slideshow/styles.css?tag=z-slideshow&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/z-slideshow/index.js"],"sourcesContent":[":host {\n  display: block;\n  width: inherit;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > div {\n  display: flex;\n  width: inherit;\n  flex-direction: column;\n}\n\nmain {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n}\n\nmain z-icon.scroll {\n  position: absolute;\n  z-index: 10;\n  top: 50%;\n  width: auto;\n  margin: 0 var(--space-unit);\n  cursor: pointer;\n  fill: var(--color-primary01);\n  transition: 0.6s ease;\n}\n\nmain .scroll.disabled {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\nmain .scroll.right {\n  right: 0;\n}\n\n#slides {\n  display: flex;\n  flex-wrap: wrap;\n  line-height: 0px;\n  overflow-y: hidden;\n  transition: all 300ms;\n}\n\nfooter {\n  display: grid;\n  width: 100%;\n  height: 56px;\n  align-items: center;\n  border-top: var(--border-size-medium) solid var(--color-background);\n  grid-template: 2 / 2;\n  grid-template-areas: \"center center\" \"left right\";\n}\n\nfooter > div {\n  width: 100%;\n  align-items: center;\n}\n\nfooter .footer-center {\n  grid-area: center;\n}\n\nfooter .footer-left {\n  grid-area: left;\n}\n\nfooter .footer-right {\n  grid-area: right;\n}\n\nfooter .bullet-container {\n  display: flex;\n  min-height: 60px;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto;\n}\n\nfooter .bullet-container .bullet {\n  width: 8px;\n  height: 8px;\n  margin: var(--space-unit) 2px;\n  background-color: var(--gray200);\n  border-radius: 50%;\n  pointer-events: none;\n}\n\nfooter .bullet-container .bullet.selected {\n  background-color: var(--gray400);\n}\n\nmain z-icon:focus,\nfooter .bullet-container .bullet:focus {\n  border-radius: 50%;\n  box-shadow: var(--shadow-focus-primary);\n  outline: none !important;\n}\n\n/* Tablet breakpoint */\n\n@media only screen and (min-width: 768px) {\n  footer {\n    height: 76px;\n    border-top: var(--border-size-medium) solid var(--color-background);\n    grid-template: 1 / 1fr 2fr 1fr;\n    grid-template-areas: \"left center right\";\n  }\n\n  footer .bullet-container .bullet {\n    width: 10px;\n    height: 10px;\n    margin: var(--space-unit) 3px;\n  }\n}\n\n/* Desktop breakpoint */\n\n@media only screen and (min-width: 1025px) {\n  main z-icon.scroll {\n    margin: 0 10px;\n  }\n\n  footer .bullet-container .bullet {\n    width: 16px;\n    height: 16px;\n    margin: var(--space-unit) calc(var(--space-unit) * 0.5);\n    cursor: pointer;\n    pointer-events: auto;\n  }\n}\n","import { h } from \"@stencil/core\";\nimport { Device } from \"../../../beans\";\nimport { convertJson, getDevice, handleKeyboardSubmit } from \"../../../utils/utils\";\n/**\n * Check if data is an array of strings.\n * @param {unknown} data Data to check\n * @returns {boolean}\n */\nfunction isStringArray(data) {\n    return Array.isArray(data) && data.every((datum) => typeof datum === \"string\");\n}\n/**\n * @slot footer-right - right content slot in footer\n * @slot footer-left - left content slot in footer\n */\nexport class ZSlideshow {\n    constructor() {\n        this.slideshowid = undefined;\n        this.data = undefined;\n        this.device = undefined;\n        this.currentSlide = 0;\n    }\n    watchData() {\n        this.parseLinks();\n    }\n    componentWillLoad() {\n        this.parseLinks();\n        this.setDevice();\n        window.addEventListener(\"resize\", this.handleResize.bind(this));\n    }\n    componentDidRender() {\n        this.setStyle();\n    }\n    handleResize() {\n        this.setDevice();\n        this.setStyle();\n    }\n    parseLinks() {\n        var _a;\n        switch (typeof this.data) {\n            case \"string\": {\n                const parsed = (_a = convertJson(this.data)) !== null && _a !== void 0 ? _a : [];\n                if (!isStringArray(parsed)) {\n                    throw new Error(\"Passed data is invalid\");\n                }\n                this.links = parsed;\n                break;\n            }\n            default:\n                this.links = this.data;\n                break;\n        }\n    }\n    setStyle() {\n        const refSlides = this.el.shadowRoot.querySelector(\"#slides\");\n        if (!refSlides) {\n            return;\n        }\n        const allImages = this.el.shadowRoot.querySelectorAll(\".slide\");\n        const width = this.el.offsetWidth;\n        const fullwidth = width * this.links.length;\n        refSlides.style.width = `${fullwidth}px`;\n        refSlides.style.transform = `translate(-${width * this.currentSlide}px)`;\n        allImages.forEach((item) => {\n            const img = item.querySelector(\"img\");\n            img.style.width = `${width}px`;\n        });\n    }\n    setDevice() {\n        this.device = getDevice();\n    }\n    setCurrentSlide(index) {\n        this.currentSlide = index;\n    }\n    getBulletDimension() {\n        switch (this.device) {\n            case Device.MOBILE:\n                return 24;\n            case Device.TABLET:\n                return 32;\n            default:\n                return 40;\n        }\n    }\n    renderSlides(items) {\n        return (h(\"div\", { id: \"slides\" }, items.map((item, i) => (h(\"div\", { id: \"slide\" + i, class: `slide ${this.currentSlide !== i && \"hide\"}` }, h(\"img\", { src: item }))))));\n    }\n    renderScroll(direction) {\n        let disabled = false, nextSlide = this.currentSlide;\n        if (direction === \"left\") {\n            disabled = this.currentSlide === 0;\n            nextSlide--;\n        }\n        else if (direction === \"right\") {\n            disabled = this.currentSlide === this.links.length - 1;\n            nextSlide++;\n        }\n        return (h(\"z-icon\", { class: `scroll ${direction} ${disabled && \"disabled\"}`, width: this.getBulletDimension(), height: this.getBulletDimension(), name: `chevron-${direction}-circle`, onClick: () => {\n                !disabled && this.setCurrentSlide(nextSlide);\n            }, onKeyUp: (e) => !disabled &&\n                handleKeyboardSubmit(e, () => {\n                    this.setCurrentSlide(nextSlide);\n                }), tabindex: 0, role: \"button\" }));\n    }\n    renderSlideshowMain() {\n        return (h(\"main\", null, this.renderScroll(\"left\"), this.renderSlides(this.links), this.renderScroll(\"right\")));\n    }\n    renderBullet(i) {\n        return (h(\"a\", { class: `bullet ${this.currentSlide === i && \"selected\"}`, onClick: () => this.setCurrentSlide(i), onKeyUp: (e) => handleKeyboardSubmit(e, () => this.setCurrentSlide(i)), tabindex: 0, role: \"button\" }));\n    }\n    renderSlideshowFooter() {\n        return (h(\"footer\", null, h(\"div\", { class: \"footer-left\" }, h(\"slot\", { name: \"footer-left\" })), h(\"div\", { class: \"footer-center\" }, h(\"div\", { class: \"bullet-container\" }, Object.keys(this.links).map((i) => this.renderBullet(parseInt(i))))), h(\"div\", { class: \"footer-right\" }, h(\"slot\", { name: \"footer-right\" }))));\n    }\n    render() {\n        if (!this.links || !this.links.length) {\n            return h(\"div\", null);\n        }\n        return (h(\"div\", { id: this.slideshowid }, this.renderSlideshowMain(), this.renderSlideshowFooter()));\n    }\n    static get is() { return \"z-slideshow\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"slideshowid\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"slideshow id\"\n                },\n                \"attribute\": \"slideshowid\",\n                \"reflect\": false\n            },\n            \"data\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string[] | string\",\n                    \"resolved\": \"string | string[]\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"array or JSON stringified images urls\"\n                },\n                \"attribute\": \"data\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"device\": {},\n            \"currentSlide\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"data\",\n                \"methodName\": \"watchData\"\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"gKAAA,MAAMA,EAAY,+0DCQlB,SAASC,EAAcC,GACnB,OAAOC,MAAMC,QAAQF,IAASA,EAAKG,OAAOC,UAAiBA,IAAU,UACzE,C,MAKaC,EAAU,MACnB,WAAAC,CAAAC,G,UACIC,KAAKC,YAAcC,UACnBF,KAAKR,KAAOU,UACZF,KAAKG,OAASD,UACdF,KAAKI,aAAe,CACvB,CACD,SAAAC,GACIL,KAAKM,Y,CAET,iBAAAC,GACIP,KAAKM,aACLN,KAAKQ,YACLC,OAAOC,iBAAiB,SAAUV,KAAKW,aAAaC,KAAKZ,M,CAE7D,kBAAAa,GACIb,KAAKc,U,CAET,YAAAH,GACIX,KAAKQ,YACLR,KAAKc,U,CAET,UAAAR,GACI,IAAIS,EACJ,cAAef,KAAKR,MAChB,IAAK,SAAU,CACX,MAAMwB,GAAUD,EAAKE,EAAYjB,KAAKR,SAAW,MAAQuB,SAAO,EAASA,EAAK,GAC9E,IAAKxB,EAAcyB,GAAS,CACxB,MAAM,IAAIE,MAAM,yB,CAEpBlB,KAAKmB,MAAQH,EACb,K,CAEJ,QACIhB,KAAKmB,MAAQnB,KAAKR,KAClB,M,CAGZ,QAAAsB,GACI,MAAMM,EAAYpB,KAAKqB,GAAGC,WAAWC,cAAc,WACnD,IAAKH,EAAW,CACZ,M,CAEJ,MAAMI,EAAYxB,KAAKqB,GAAGC,WAAWG,iBAAiB,UACtD,MAAMC,EAAQ1B,KAAKqB,GAAGM,YACtB,MAAMC,EAAYF,EAAQ1B,KAAKmB,MAAMU,OACrCT,EAAUU,MAAMJ,MAAQ,GAAGE,MAC3BR,EAAUU,MAAMC,UAAY,cAAcL,EAAQ1B,KAAKI,kBACvDoB,EAAUQ,SAASC,IACf,MAAMC,EAAMD,EAAKV,cAAc,OAC/BW,EAAIJ,MAAMJ,MAAQ,GAAGA,KAAS,G,CAGtC,SAAAlB,GACIR,KAAKG,OAASgC,G,CAElB,eAAAC,CAAgBC,GACZrC,KAAKI,aAAeiC,C,CAExB,kBAAAC,GACI,OAAQtC,KAAKG,QACT,KAAKoC,EAAOC,OACR,OAAO,GACX,KAAKD,EAAOE,OACR,OAAO,GACX,QACI,OAAO,G,CAGnB,YAAAC,CAAaC,GACT,OAAQC,EAAE,MAAO,CAAEC,GAAI,UAAYF,EAAMG,KAAI,CAACb,EAAMc,IAAOH,EAAE,MAAO,CAAEC,GAAI,QAAUE,EAAGC,MAAO,SAAShD,KAAKI,eAAiB2C,GAAK,UAAYH,EAAE,MAAO,CAAEK,IAAKhB,O,CAElK,YAAAiB,CAAaC,GACT,IAAIC,EAAW,MAAOC,EAAYrD,KAAKI,aACvC,GAAI+C,IAAc,OAAQ,CACtBC,EAAWpD,KAAKI,eAAiB,EACjCiD,G,MAEC,GAAIF,IAAc,QAAS,CAC5BC,EAAWpD,KAAKI,eAAiBJ,KAAKmB,MAAMU,OAAS,EACrDwB,G,CAEJ,OAAQT,EAAE,SAAU,CAAEI,MAAO,UAAUG,KAAaC,GAAY,aAAc1B,MAAO1B,KAAKsC,qBAAsBgB,OAAQtD,KAAKsC,qBAAsBiB,KAAM,WAAWJ,WAAoBK,QAAS,MACxLJ,GAAYpD,KAAKoC,gBAAgBiB,EAAU,EAC7CI,QAAUC,IAAON,GAChBO,EAAqBD,GAAG,KACpB1D,KAAKoC,gBAAgBiB,EAAU,IAC/BO,SAAU,EAAGC,KAAM,U,CAEnC,mBAAAC,GACI,OAAQlB,EAAE,OAAQ,KAAM5C,KAAKkD,aAAa,QAASlD,KAAK0C,aAAa1C,KAAKmB,OAAQnB,KAAKkD,aAAa,S,CAExG,YAAAa,CAAahB,GACT,OAAQH,EAAE,IAAK,CAAEI,MAAO,UAAUhD,KAAKI,eAAiB2C,GAAK,aAAcS,QAAS,IAAMxD,KAAKoC,gBAAgBW,GAAIU,QAAUC,GAAMC,EAAqBD,GAAG,IAAM1D,KAAKoC,gBAAgBW,KAAKa,SAAU,EAAGC,KAAM,U,CAElN,qBAAAG,GACI,OAAQpB,EAAE,SAAU,KAAMA,EAAE,MAAO,CAAEI,MAAO,eAAiBJ,EAAE,OAAQ,CAAEW,KAAM,iBAAmBX,EAAE,MAAO,CAAEI,MAAO,iBAAmBJ,EAAE,MAAO,CAAEI,MAAO,oBAAsBiB,OAAOC,KAAKlE,KAAKmB,OAAO2B,KAAKC,GAAM/C,KAAK+D,aAAaI,SAASpB,QAAQH,EAAE,MAAO,CAAEI,MAAO,gBAAkBJ,EAAE,OAAQ,CAAEW,KAAM,kB,CAE/S,MAAAa,GACI,IAAKpE,KAAKmB,QAAUnB,KAAKmB,MAAMU,OAAQ,CACnC,OAAOe,EAAE,MAAO,K,CAEpB,OAAQA,EAAE,MAAO,CAAEC,GAAI7C,KAAKC,aAAeD,KAAK8D,sBAAuB9D,KAAKgE,wB","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as s,g as i}from"./p-Cam6wBSi.js";import{C as l,K as c,L as r,h as n}from"./p-B2-dCTD2.js";import{r as o,b as a,a as h,d,h as z}from"./p-C46tSaXG.js";import"./p-Q-tWjk7P.js";const p='.sc-z-select-h{display:inline-block;width:inherit;color:var(--color-form-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg)}[size="small"].sc-z-select-h,[size="x-small"].sc-z-select-h{font-size:var(--font-size-2)}.select-wrapper.sc-z-select>z-input.sc-z-select{width:100%}.select-wrapper.sc-z-select>z-input.sc-z-select .input-icon.sc-z-select{cursor:pointer}.select-wrapper.sc-z-select>div.sc-z-select{position:relative}.select-wrapper.sc-z-select>div.closed.sc-z-select{overflow:hidden;height:0}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select{position:absolute;width:100%;box-sizing:border-box;border-top:none;background:var(--color-form-background);box-shadow:var(--shadow-2);outline:none}.select-wrapper.sc-z-select .closed.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:10}.select-wrapper.sc-z-select .open.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:20}.select-wrapper.sc-z-select .ul-scroll-wrapper.fixed.sc-z-select{position:static}.select-wrapper.sc-z-select z-list.sc-z-select{--background-color-list-element:var(--color-form-background);--background-hover-color-list-element:var(--color-form-surface03);--background-active-color-list-element:var(--color-form-surface03)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select{position:relative;overflow:auto;max-height:240px;padding:0 calc(var(--space-unit) * 1.5);outline:none}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element[disabled].sc-z-select{color:var(--color-form-disabled03)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select{display:flex;align-items:center;padding:calc(var(--space-unit) / 2) var(--space-unit);column-gap:var(--space-unit)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.sc-z-select{margin-right:auto}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select+.list-element-content.sc-z-select{padding:calc(var(--space-unit) * 0.5) var(--space-unit)}[size="x-small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.sc-z-select{padding:0}[size="small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select{--z-icon-width:16px;--z-icon-height:16px}[size="x-small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select{--z-icon-width:14px;--z-icon-height:14px}[size="x-small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select+.list-element-content.sc-z-select{padding:0 var(--space-unit)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.selected.sc-z-select{font-weight:var(--font-sb)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select .no-results.sc-z-select z-icon.sc-z-select{margin-right:var(--space-unit)}.z-list-group-title.sc-z-select{color:var(--color-form-default-text)}.reset-item.sc-z-select{color:var(--color-form-active-primary);fill:var(--color-form-active-primary)}.reset-item-content.sc-z-select{display:flex;align-items:center}.reset-item.reset-item-margin.sc-z-select .reset-item-content.sc-z-select{margin-left:var(--space-unit)}.reset-item.sc-z-select .reset-item-content.sc-z-select>z-icon.sc-z-select{margin-right:var(--space-unit)}.reset-item.hide.sc-z-select{display:none}.tree-list-reset-item.sc-z-select{padding:var(--space-unit) 0}z-list-element.sc-z-select{position:relative;display:block}z-list.sc-z-select z-list-element.sc-z-select::before{position:absolute;z-index:100;top:3px;left:-15px;width:8px;height:1em;border-bottom:1px solid var(--color-form-disabled01-icon);border-left:1px solid var(--color-form-disabled01-icon);content:"";cursor:pointer}z-list.sc-z-select z-list-element.sc-z-select::after{position:absolute;z-index:100;top:5px;left:-15px;width:8px;height:100%;border-left:1px solid var(--color-form-disabled01-icon);content:"";cursor:pointer}z-list.sc-z-select z-list-element.sc-z-select:last-child::after{display:none}z-list.sc-z-select>z-list-element.sc-z-select::before,z-list.sc-z-select>z-list-element.sc-z-select::after,z-list.sc-z-select>z-list-group.sc-z-select>z-list-element.sc-z-select::before,z-list.sc-z-select>z-list-group.sc-z-select>z-list-element.sc-z-select::after{display:none}z-list.sc-z-select>div.children-node.sc-z-select{padding-left:calc(var(--space-unit) * 2)}z-list-element.grouped-tree-parent-node.sc-z-select{padding-top:0;padding-left:calc(var(--space-unit) * 2)}z-list-element.sc-z-select>.list-element.sc-z-select{display:flex;justify-content:space-between;padding:calc(var(--space-unit) * 1.25) 0;cursor:pointer}z-list-element.sc-z-select>.list-element.sc-z-select:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}z-list-element.sc-z-select>.list-element.sc-z-select .item.ellipsis.sc-z-select{overflow:hidden}z-list-element.sc-z-select .list-element.sc-z-select::after{position:absolute;top:0;right:-1px;display:block;width:100%;height:40px;content:"";transform:translateX(-100%)}z-list-element.tree-search-item.sc-z-select{padding-top:0}z-list-element.tree-search-item.sc-z-select .list-element.sc-z-select::after{position:absolute;top:8px;right:-25px;display:block;width:100%;height:40px;content:"";transform:translateX(-100%)}z-list-element.grouped-tree-parent-node.sc-z-select .list-element.sc-z-select::after{position:absolute;top:8px;right:-25px;display:block;width:100%;height:40px;content:"";transform:translateX(-100%)}z-list-element.sc-z-select:not([disabled])>.list-element.sc-z-select:hover,z-list-element.sc-z-select:not([disabled])>.list-element.sc-z-select:hover::after{z-index:-1;background-color:var(--color-form-surface03);cursor:pointer}.item-label.selected.sc-z-select{font-weight:bold}z-list-element.sc-z-select:focus{box-shadow:var(--shadow-focus-primary);outline:none}.item.ellipsis.sc-z-select{display:inline-block;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}z-list.sc-z-select>z-list-element.grouped-tree-parent-node.sc-z-select>.list-element.sc-z-select:hover::after,z-list-element.tree-search-item.sc-z-select .list-element.sc-z-select:hover::after,z-list.sc-z-select>z-list-group.sc-z-select>z-list-element.grouped-tree-parent-node.sc-z-select>.list-element.sc-z-select:hover::after{position:absolute;z-index:-1;top:8px;right:-18px;display:block;width:100%;height:40px;content:"";transform:translateX(-100%)}z-list-element.sc-z-select>.list-element.sc-z-select:hover::after{position:absolute;z-index:-1;top:0;right:0;display:block;width:100%;height:40px;content:"";transform:translateX(-100%)}.children-node.sc-z-select z-list-element.sc-z-select::before,.children-node.sc-z-select z-list-element.sc-z-select::after{left:-15px}.children-node.sc-z-select .children-node.sc-z-select z-list-element.sc-z-select::before,.children-node.sc-z-select .children-node.sc-z-select z-list-element.sc-z-select::after{left:-15px}.children-node.sc-z-select>z-list-element.sc-z-select{padding:0}';const u=class{constructor(s){e(this,s);this.optionSelect=t(this,"optionSelect",7);this.resetSelect=t(this,"resetSelect",7);this.itemsList=[];this.itemIdKeyMap={};this.resetKey=-1;this.htmlid=`id-${o()}`;this.items=undefined;this.name=undefined;this.label=undefined;this.ariaLabel="";this.disabled=false;this.readonly=false;this.placeholder=undefined;this.htmltitle=undefined;this.status=undefined;this.message=true;this.autocomplete=false;this.noresultslabel="Nessun risultato";this.hasGroupItems=undefined;this.hasTreeItems=undefined;this.isfixed=false;this.resetItem=undefined;this.size=l.BIG;this.isOpen=false;this.selectedItem=null;this.focusedItemId=undefined;this.searchString=undefined;this.flattenedList=[];this.toggleSelectUl=this.toggleSelectUl.bind(this);this.handleSelectFocus=this.handleSelectFocus.bind(this)}watchItems(){this.itemsList=this.getInitialItemsArray();this.selectedItem=this.findSelectedItem(this.itemsList);this.flattenedList=this.flattenTreeItems(this.itemsList);this.itemIdKeyMap={};this.flattenedList.forEach((({item:e,key:t})=>{this.itemIdKeyMap[e.id]=t}))}getFocusedItemHandler(e){this.focusedItemId=e.target.id}async getSelectedItem(){return this.selectedItem}async getValue(){return this.getSelectedValue()}async setValue(e){let t=[];if(typeof e==="string"){t.push(e)}else{t=e}this.itemsList=this.getInitialItemsArray();if(t.length){this.updateSelection(this.itemsList,t[0])}this.selectedItem=this.findSelectedItem(this.itemsList)}emitOptionSelect(){this.optionSelect.emit({id:this.htmlid,selected:this.getSelectedValue()})}emitResetSelect(){this.resetSelect.emit({id:this.htmlid})}componentWillLoad(){this.watchItems()}componentWillRender(){this.filterItems(this.searchString)}getInitialItemsArray(){return typeof this.items==="string"?JSON.parse(this.items):this.items}mapSelectedItemToItemsArray(){const e=this.getInitialItemsArray();return e.map((e=>{var t;e.selected=e.id===((t=this.selectedItem)===null||t===void 0?void 0:t.id);return e}))}getSelectedValue(){var e;return(e=this.selectedItem)===null||e===void 0?void 0:e.id}filterItems(e){const t=this.mapSelectedItemToItemsArray();if(!(e===null||e===void 0?void 0:e.length)){this.itemsList=t;return}if(this.hasTreeItems){this.itemsList=this.filterTree(t,e)}else{this.itemsList=t.filter((t=>t.name.toUpperCase().includes(e.toUpperCase()))).map((t=>{t.name=this.getHighlightedText(t.name,e);return t}))}this.flattenedList=this.flattenTreeItems(this.itemsList);this.itemIdKeyMap={};this.flattenedList.forEach((({item:e,key:t})=>{this.itemIdKeyMap[e.id]=t}))}filterTree(e,t){if(!e){return[]}return e.map((e=>{const s=e.name.toUpperCase().includes(t.toUpperCase());const i=Object.assign({},e);if(i.children&&i.children.length>0){i.children=this.filterTree(i.children,t)}if(s){i.name=this.getHighlightedText(i.name,t)}if(s||i.children&&i.children.length>0){return i}return null})).filter((e=>e!==null))}getHighlightedText(e,t){const s=e.toUpperCase();const i=t.toUpperCase();const l=s.indexOf(i);if(l===-1){return e}const c=l+t.length;return e.substring(0,l)+`<strong>${e.substring(l,c)}</strong>`+e.substring(c)}hasAutocomplete(){return a(this.autocomplete)===true}handleInputChange(e){this.searchString=e.detail.value;if(!this.isOpen){this.toggleSelectUl()}}updateSelection(e,t){if(e){e.forEach((e=>{e.selected=e.id===t;if(e.children&&e.children.length>0){this.updateSelection(e.children,t)}}))}}findSelectedItem(e){if(e){for(const t of e){if(t.selected){return t}if(t.children&&t.children.length>0){const e=this.findSelectedItem(t.children);if(e){return e}}}}return null}selectItem(e){if(e===null||e===void 0?void 0:e.disabled){return}this.itemsList=this.getInitialItemsArray();if(e){this.updateSelection(this.itemsList,e.id)}this.selectedItem=this.findSelectedItem(this.itemsList);this.emitOptionSelect();this.toggleSelectUl(true);if(this.searchString){this.searchString=null}}flattenTreeItems(e){const t=[];let s=0;function i(e){e.forEach((e=>{t.push({item:e,key:s++});if(e.children&&e.children.length>0){i(e.children)}}))}i(e);return t}arrowsSelectNav(e,t){const s=this.resetItem&&!!this.selectedItem;const i=[c.ARROW_DOWN,c.ARROW_UP];if(!i.includes(e.key)){return}e.preventDefault();e.stopPropagation();const l=[...this.flattenedList].filter((e=>!e.item.disabled));if(this.resetItem&&s){l.unshift({item:{id:"__RESET_ITEM__"},key:this.resetKey})}let r;if(typeof t==="number"){r=l.findIndex((e=>e.key===t))}else{const e=this.itemIdKeyMap[t];r=l.findIndex((t=>t.key===e))}if(!this.isOpen){this.toggleSelectUl();if(r===-1){r=-1}}const n=l.length-1;let o=r;if(e.key===c.ARROW_DOWN){do{o=o===n?0:o+1}while(l[o].item.disabled)}else{do{o=o<=0?n:o-1}while(l[o].item.disabled)}this.focusSelectItem(l[o].key)}focusSelectItem(e){var t;(t=this.host.querySelector(`#${this.htmlid}_key_${e}`))===null||t===void 0?void 0:t.focus()}toggleSelectUl(e=false){var t;if(this.disabled||this.readonly){return}if(!this.isOpen){document.addEventListener("click",this.handleSelectFocus);document.addEventListener("keyup",this.handleSelectFocus)}else{document.removeEventListener("click",this.handleSelectFocus);document.removeEventListener("keyup",this.handleSelectFocus);if(e){(t=this.host.querySelector(`#${this.htmlid}_input`))===null||t===void 0?void 0:t.focus()}}this.focusedItemId="";this.isOpen=!this.isOpen}handleInputClick(e){if(e.target.closest(".reset-icon")){e.stopPropagation();return}this.toggleSelectUl()}handleSelectFocus(e){const t=h();if(t===null||t===void 0?void 0:t.hasAttribute("disabled")){return}if(e instanceof KeyboardEvent&&e.key===c.ESC){e.stopPropagation();return this.toggleSelectUl(true)}if(e instanceof KeyboardEvent&&(e.key===c.ENTER||e.key!==c.TAB)){return}if(!d(t).find((e=>e.nodeName.toLowerCase()==="z-input"&&e.id===`${this.htmlid}_input`))){this.toggleSelectUl(e instanceof MouseEvent)}}scrollToLetter(e){const t=this.itemsList.findIndex((t=>t.name.charAt(0)===e));if(t>-1){this.focusSelectItem(this.itemIdKeyMap[this.itemsList[t].id])}}renderInput(){return s("z-input",{class:{"active-select":this.isOpen,"cursor-select":!this.autocomplete},id:`${this.htmlid}_input`,htmlid:`${this.htmlid}_select_input`,placeholder:this.placeholder,value:!this.isOpen&&this.selectedItem?this.selectedItem.name.replace(/<[^>]+>/g,""):null,label:this.label,"aria-expanded":this.isOpen?"true":"false","aria-label":this.ariaLabel,"aria-controls":`${this.htmlid}_list`,"aria-autocomplete":this.hasAutocomplete()?"list":"none","aria-activedescendant":this.isOpen?this.focusedItemId:"",icon:this.isOpen?"caret-up":"caret-down",hasclearicon:this.hasAutocomplete(),message:false,disabled:this.disabled,readonly:this.readonly||!this.hasAutocomplete()&&this.isOpen,status:this.isOpen?undefined:this.status,role:"combobox",size:this.size,onClick:e=>{this.handleInputClick(e)},onKeyUp:e=>{if(e.key!==c.ENTER){e.preventDefault()}z(e,this.toggleSelectUl)},onKeyDown:e=>{const t=this.selectedItem?this.itemIdKeyMap[this.selectedItem.id]:this.resetItem?this.resetKey:"";return this.arrowsSelectNav(e,t)},onInputChange:e=>{this.handleInputChange(e)},onKeyPress:e=>{if(!this.hasAutocomplete()){e.preventDefault();this.scrollToLetter(String.fromCharCode(e.keyCode))}}})}renderSelectUl(){return s("div",{class:this.isOpen?"open":"closed"},s("div",{class:{"ul-scroll-wrapper":true,fixed:this.isfixed}},s("z-list",{role:"listbox","aria-label":this.ariaLabel||this.label,tabindex:this.disabled||this.readonly||!this.isOpen?-1:0,id:`${this.htmlid}_list`,"aria-multiselectable":false,size:this.listSizeType(),class:{disabled:this.disabled,readonly:this.readonly,[`input-${this.status}`]:!this.isOpen&&!!this.status,"z-scrollbar":true}},this.resetItem&&this.renderResetItem(),this.renderSelectUlItems())))}renderResetItem(){return s("z-list-element",{class:{hide:!this.selectedItem||!this.resetItem,"reset-item":true,"reset-item-margin":!this.hasGroupItems},clickable:true,disabled:false,dividerType:n.ELEMENT,role:"option",tabindex:"0","aria-selected":"false",id:`${this.htmlid}_key_${this.resetKey}`,size:this.hasTreeItems?r.MEDIUM:this.listSizeType(),onClickItem:()=>{this.selectedItem=null;this.searchString=null;this.emitResetSelect()},onKeyDown:e=>this.arrowsSelectNav(e,this.resetKey)},s("div",{class:{"reset-item-content":true,"tree-list-reset-item":this.hasTreeItems}},s("z-icon",{name:"multiply-circled"}),s("span",null,this.resetItem)))}renderItem(e,t){const i=this.itemIdKeyMap[e.id];return s("z-list-element",{clickable:!e.disabled,disabled:e.disabled,dividerType:t?n.HEADER:n.ELEMENT,role:"option",tabindex:e.disabled||!this.isOpen?-1:0,"aria-selected":e.selected?"true":"false",id:`${this.htmlid}_key_${i}`,size:this.listSizeType(),onClickItem:()=>this.selectItem(e),onKeyDown:e=>this.arrowsSelectNav(e,i)},s("div",{class:"list-element-container"},s("div",{class:{selected:!!e.selected,"list-element-content":true},innerHTML:e.name}),e.icon&&s("z-tag",{icon:e.icon})))}listSizeType(){if(this.hasTreeItems){return r.NONE}if(this.size===l.SMALL||this.size===l.X_SMALL){return r.SMALL}return r.MEDIUM}renderSelectUlItems(){if(!this.itemsList.length){return this.renderNoSearchResults()}if(this.hasGroupItems&&!this.hasTreeItems){return this.renderSelectGroupItems()}else if(this.hasGroupItems&&this.hasTreeItems){return this.renderGroupedTree()}return this.itemsList.map(((e,t,s)=>{const i=t===s.length-1;const l=s.length>1;if(this.hasTreeItems){return this.renderTreeItems(e,i,l,true)}return this.renderItem(e,i)}))}renderTreeItems(e,t,i,l){var r,o;const a=this.itemIdKeyMap[e.id];const h=this.hasGroupItems?undefined:this.hasGroupItems?t&&!i?n.ELEMENT:undefined:l&&i&&!t?n.ELEMENT:undefined;return s("z-list-element",{clickable:!e.disabled,disabled:e.disabled,class:{"grouped-tree-parent-node":this.hasGroupItems&&!!((r=e.children)===null||r===void 0?void 0:r.length),"tree-search-item":this.hasGroupItems&&l&&!((o=e.children)===null||o===void 0?void 0:o.length)&&!!this.searchString},size:this.listSizeType(),dividerType:h,hasTreeItems:this.hasTreeItems},s("div",{id:`${this.htmlid}_key_${a}`,role:"option",class:"list-element",tabIndex:0,onClick:()=>this.selectItem(e),onKeyDown:t=>{this.arrowsSelectNav(t,a);if(t.key===c.ENTER){this.selectItem(e)}}},s("span",{class:"item ellipsis"},s("span",{class:{"item-label":true,selected:!!e.selected},title:e.name,innerHTML:e.selected?`<strong>${e.name}</strong>`:e.name})),e.icon&&s("z-tag",{icon:e.icon})),e.children&&e.children.length>0?s("z-list",null,s("div",{class:"children-node"},e.children.map(((e,t,s)=>this.renderTreeItems(e,t===s.length-1,s.length>1,false))))):null)}renderGroupedTree(){const e=this.itemsList.reduce(((e,t)=>{const s=t.category||"Altra categoria";e[s]=e[s]||[];e[s].push(t);return e}),{});return Object.entries(e).map((([t,i],l,c)=>{const r=Object.values(e).some((e=>e.length>1));return s("z-list-group",{"divider-type":l===c.length-1?undefined:n.ELEMENT,hasTreeItems:true},s("span",{class:"body-3-sb z-list-group-title",slot:"header-title"},t),s("z-list",null,i.map(((e,t,i)=>[this.renderTreeItems(e,t===i.length-1,r,true),t<i.length-1?s("z-divider",{key:`divider-${t}`,style:{zIndex:"100",height:"var(--border-size-small)"}}):null]))),l!==c.length-1&&s("z-divider",{style:{zIndex:"100",height:"var(--border-size-small)"}}))}))}renderSelectGroupItems(){const e=this.itemsList.reduce(((e,t,s,i)=>{var l;const{category:c}=t;const r=i.length===s+1;const n=this.renderItem(t,r);e[c]=(l=e[c])!==null&&l!==void 0?l:[];e[c].push(n);return e}),{});return Object.entries(e).map((([e,t])=>s("z-list-group",{"divider-type":n.ELEMENT},s("span",{class:"body-3-sb z-list-group-title",slot:"header-title"},e),t.map((e=>e)))))}renderNoSearchResults(){return s("z-list-element",{color:"color-primary01",class:"no-results",size:this.hasTreeItems?r.MEDIUM:this.listSizeType()},s("z-icon",{name:"multiply-circle",fill:"color-primary01-icon"}),this.noresultslabel)}renderMessage(){if(a(this.message)===false){return}return s("z-input-message",{message:a(this.message)===true?undefined:this.message,status:this.status,class:this.size,disabled:this.disabled})}render(){return s("div",{key:"50d85283f13af94f07e960f17e2f8126c7f2469e",class:"select-wrapper"},this.renderInput(),this.renderSelectUl(),this.renderMessage())}get host(){return i(this)}static get watchers(){return{items:["watchItems"]}}};u.style=p;export{u as z_select};
+//# sourceMappingURL=p-d404ce2d.entry.js.map

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

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

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

@@ -0,0 +1,2 @@
+import{r as e,c as i,h as s,H as t,g as o}from"./p-Cam6wBSi.js";import{k as a,P as n}from"./p-B2-dCTD2.js";import{B as l}from"./p-Q-tWjk7P.js";const r=".sc-z-file-h{position:relative;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.sc-z-file-h>z-popover.sc-z-file{z-index:10}.sc-z-file-h>z-popover.sc-z-file>.tooltip-content.sc-z-file{white-space:nowrap}.sc-z-file-h>z-chip.sc-z-file span.sc-z-file{display:block;overflow:hidden;max-width:250px;letter-spacing:0.32px;line-height:1.33;text-overflow:ellipsis;white-space:nowrap}";const c=class{constructor(s){e(this,s);this.removeFile=i(this,"removeFile",7);this.fileNumber=undefined;this.fileName=undefined;this.allowPopover=false;this.popoverVisible=false}removeFileHandler(){this.removeFile.emit({fileName:this.fileName});this.el.remove()}onMouseOver(){this.popoverVisible=true}onMouseLeave(){this.popoverVisible=false}onInteractiveIconClick(){this.removeFileHandler()}componentDidLoad(){var e,i;if(this.elementHasEllipsis()&&window.innerWidth>l.TABLET){this.allowPopover=true}(i=(e=this.icon)===null||e===void 0?void 0:e.focus)===null||i===void 0?void 0:i.call(e)}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}render(){return s(t,{key:"b7c1c1769e8ad69c813738b1ad1ed614a42e196e"},this.allowPopover&&s("z-popover",{key:"eaad804518f26a1a839bc8ff14896207ee90bad8",open:this.popoverVisible,position:n.AUTO,bindTo:this.chip},s("span",{key:"eb9671344deee0deafdff01be57cd5dbf948a614",class:"body-5 tooltip-content"},this.ellipsis.innerText)),s("z-chip",{key:"7c890fb667a33cd00290d02e42313be683e2215e",ref:e=>this.chip=e,id:`chip-${this.fileNumber}`,interactiveIcon:"multiply-circled",type:a.DEFAULT},s("span",{key:"f0a0464a0b8a3f98e94de5a4673589518f24c2a0",ref:e=>this.ellipsis=e,tabIndex:-1},this.fileName)))}get el(){return o(this)}};c.style=r;export{c as z_file};
+//# sourceMappingURL=p-d767c93a.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZFile","constructor","hostRef","this","fileNumber","undefined","fileName","allowPopover","popoverVisible","removeFileHandler","removeFile","emit","el","remove","onMouseOver","onMouseLeave","onInteractiveIconClick","componentDidLoad","_a","_b","elementHasEllipsis","window","innerWidth","Breakpoints","TABLET","icon","focus","call","ellipsis","offsetWidth","scrollWidth","render","h","Host","key","open","position","PopoverPosition","AUTO","bindTo","chip","class","innerText","ref","id","interactiveIcon","type","ZChipType","DEFAULT","tabIndex"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/file-upload/z-file/styles.css?tag=z-file&encapsulation=scoped","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/file-upload/z-file/index.js"],"sourcesContent":[":host {\n  position: relative;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > z-popover {\n  z-index: 10;\n}\n\n:host > z-popover > .tooltip-content {\n  white-space: nowrap;\n}\n\n:host > z-chip span {\n  display: block;\n  overflow: hidden;\n  max-width: 250px;\n  letter-spacing: 0.32px;\n  line-height: 1.33;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","import { Host, h } from \"@stencil/core\";\nimport { PopoverPosition, ZChipType } from \"../../../beans\";\nimport { Breakpoints } from \"../../../constants/breakpoints\";\nexport class ZFile {\n    constructor() {\n        this.fileNumber = undefined;\n        this.fileName = undefined;\n        this.allowPopover = false;\n        this.popoverVisible = false;\n    }\n    removeFileHandler() {\n        this.removeFile.emit({ fileName: this.fileName });\n        this.el.remove();\n    }\n    onMouseOver() {\n        this.popoverVisible = true;\n    }\n    onMouseLeave() {\n        this.popoverVisible = false;\n    }\n    onInteractiveIconClick() {\n        this.removeFileHandler();\n    }\n    componentDidLoad() {\n        var _a, _b;\n        if (this.elementHasEllipsis() && window.innerWidth > Breakpoints.TABLET) {\n            this.allowPopover = true;\n        }\n        (_b = (_a = this.icon) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);\n    }\n    elementHasEllipsis() {\n        return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;\n    }\n    render() {\n        return (h(Host, { key: 'b7c1c1769e8ad69c813738b1ad1ed614a42e196e' }, this.allowPopover && (h(\"z-popover\", { key: 'eaad804518f26a1a839bc8ff14896207ee90bad8', open: this.popoverVisible, position: PopoverPosition.AUTO, bindTo: this.chip }, h(\"span\", { key: 'eb9671344deee0deafdff01be57cd5dbf948a614', class: \"body-5 tooltip-content\" }, this.ellipsis.innerText))), h(\"z-chip\", { key: '7c890fb667a33cd00290d02e42313be683e2215e', ref: (el) => (this.chip = el), id: `chip-${this.fileNumber}`, interactiveIcon: \"multiply-circled\", type: ZChipType.DEFAULT }, h(\"span\", { key: 'f0a0464a0b8a3f98e94de5a4673589518f24c2a0', ref: (el) => (this.ellipsis = el), tabIndex: -1 }, this.fileName))));\n    }\n    static get is() { return \"z-file\"; }\n    static get encapsulation() { return \"scoped\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"fileNumber\": {\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\": \"File chip id\"\n                },\n                \"attribute\": \"file-number\",\n                \"reflect\": false\n            },\n            \"fileName\": {\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\": \"File name\"\n                },\n                \"attribute\": \"file-name\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"allowPopover\": {},\n            \"popoverVisible\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"removeFile\",\n                \"name\": \"removeFile\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when a z-file component is removed from the DOM\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"mouseover\",\n                \"method\": \"onMouseOver\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": true\n            }, {\n                \"name\": \"mouseleave\",\n                \"method\": \"onMouseLeave\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": true\n            }, {\n                \"name\": \"interactiveIconClick\",\n                \"method\": \"onInteractiveIconClick\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"+IAAA,MAAMA,EAAY,wY,MCGLC,EAAK,MACd,WAAAC,CAAAC,G,iDACIC,KAAKC,WAAaC,UAClBF,KAAKG,SAAWD,UAChBF,KAAKI,aAAe,MACpBJ,KAAKK,eAAiB,KACzB,CACD,iBAAAC,GACIN,KAAKO,WAAWC,KAAK,CAAEL,SAAUH,KAAKG,WACtCH,KAAKS,GAAGC,Q,CAEZ,WAAAC,GACIX,KAAKK,eAAiB,I,CAE1B,YAAAO,GACIZ,KAAKK,eAAiB,K,CAE1B,sBAAAQ,GACIb,KAAKM,mB,CAET,gBAAAQ,GACI,IAAIC,EAAIC,EACR,GAAIhB,KAAKiB,sBAAwBC,OAAOC,WAAaC,EAAYC,OAAQ,CACrErB,KAAKI,aAAe,I,EAEvBY,GAAMD,EAAKf,KAAKsB,QAAU,MAAQP,SAAO,OAAS,EAASA,EAAGQ,SAAW,MAAQP,SAAO,OAAS,EAASA,EAAGQ,KAAKT,E,CAEvH,kBAAAE,GACI,OAAOjB,KAAKyB,SAASC,YAAc1B,KAAKyB,SAASE,W,CAErD,MAAAC,GACI,OAAQC,EAAEC,EAAM,CAAEC,IAAK,4CAA8C/B,KAAKI,cAAiByB,EAAE,YAAa,CAAEE,IAAK,2CAA4CC,KAAMhC,KAAKK,eAAgB4B,SAAUC,EAAgBC,KAAMC,OAAQpC,KAAKqC,MAAQR,EAAE,OAAQ,CAAEE,IAAK,2CAA4CO,MAAO,0BAA4BtC,KAAKyB,SAASc,YAAcV,EAAE,SAAU,CAAEE,IAAK,2CAA4CS,IAAM/B,GAAQT,KAAKqC,KAAO5B,EAAKgC,GAAI,QAAQzC,KAAKC,aAAcyC,gBAAiB,mBAAoBC,KAAMC,EAAUC,SAAWhB,EAAE,OAAQ,CAAEE,IAAK,2CAA4CS,IAAM/B,GAAQT,KAAKyB,SAAWhB,EAAKqC,UAAU,GAAM9C,KAAKG,W","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as a,g as i}from"./p-Cam6wBSi.js";import{L as s,J as r,h as o,v as n}from"./p-B2-dCTD2.js";const d=":host{display:flex;flex-direction:column;font-family:var(--font-family-sans);font-weight:var(--font-rg)}";const h=class{constructor(e){t(this,e);this.size=s.MEDIUM;this.listType=r.NONE;this.role="list"}setChildrenSizeType(){const t=this.host.children;for(let e=0;e<t.length;e++){t[e].setAttribute("size",this.size);t[e].setAttribute("list-type",this.listType);t[e].setAttribute("list-element-position",(e+1).toString())}}componentDidLoad(){this.setChildrenSizeType()}render(){return e(a,{key:"f178d7e0463f0e0495aa3029dd8a14b3947770ad"},e("slot",{key:"9f177d9529829d8eb48329cfc969c739c24c5a52"}))}get host(){return i(this)}};h.style=d;const c=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.z-list-group-header-container{color:var(--gray700);font-size:var(--font-size-2);font-weight:var(--font-sb) !important;letter-spacing:0.16px;line-height:1.4}:host>.z-list-group-header-container.has-header{padding-top:var(--space-unit);padding-bottom:var(--space-unit)}:host>.z-list-group-header-container.has-header>z-divider{margin-top:var(--space-unit)}:host>.grouped-tree-list-header{padding-top:var(--space-unit);padding-bottom:0}";const l=class{constructor(e){t(this,e);this.size=s.MEDIUM;this.dividerType=o.NONE;this.dividerSize=n.SMALL;this.dividerColor="gray200";this.listType=r.NONE;this.hasTreeItems=undefined}componentDidLoad(){const t=this.host.children;for(let e=0;e<t.length;e++){if(t.length-1>e){t[e].setAttribute("divider-type",this.dividerType);t[e].setAttribute("divider-size",this.dividerSize);t[e].setAttribute("divider-color",this.dividerColor)}t[e].setAttribute("size",this.size);t[e].setAttribute("list-type",this.listType);t[e].setAttribute("list-element-position",e.toString())}}componentWillLoad(){this.hasHeader=!!this.host.querySelector('[slot="header-title"]')}render(){return e(a,{key:"1e3229205e55482b92dc8d0a972d9f9e1805ba56",role:"group"},e("div",{key:"ede88ef3d1845e0c432b7a00b8f9dc959ce258e6",class:{"z-list-group-header-container":true,"has-header":this.hasHeader&&!this.hasTreeItems,"grouped-tree-list-header":this.hasTreeItems}},e("slot",{key:"d6c2cef7568424ebab1ae5d3dc572d4bc2aba61c",name:"header-title"}),this.dividerType===o.HEADER&&e("z-divider",{key:"5e45b81c54db4f623d366e62817f2a60ede8fa19",color:this.dividerColor,size:this.dividerSize})),e("slot",{key:"2a1a7ad0e3f8b56dd4880b8215ab79bd27981804"}))}get host(){return i(this)}};l.style=c;const f=".sc-z-tag-h{--z-icon-width:14px;--z-icon-height:14px;display:flex;width:fit-content;max-width:inherit;height:fit-content;max-height:inherit;align-items:flex-start;padding:calc(var(--space-unit) / 2);background-color:var(--z-tag-bg, var(--color-hover-primary));border-radius:var(--border-radius);color:var(--z-tag-text-color, var(--color-text-inverse));fill:currentcolor;font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);letter-spacing:0.32px;line-height:14px;text-transform:uppercase}.expandable.sc-z-tag-h>z-icon.sc-z-tag{transition:margin-right 0.3s ease-out}.sc-z-tag-h:not(.expandable)>z-icon.sc-z-tag,.expandable.sc-z-tag-h:hover>z-icon.sc-z-tag{margin-right:var(--space-unit);transition:margin-right 0.3s ease-out 0s}.sc-z-tag-h>z-icon.sc-z-tag:has(+div.sc-z-tag:empty){margin-right:0}.expandable.sc-z-tag-h>div.sc-z-tag{overflow:hidden;max-width:0;max-height:0}.expandable.sc-z-tag-h:hover>div.sc-z-tag{max-width:100%;max-height:100%}";const g=class{constructor(e){t(this,e);this.icon=undefined;this.expandable=undefined}render(){return e(a,{key:"b1b99d8aa0ded75daaed090aa8fa490899e3b04e",class:{expandable:this.expandable&&!!this.icon}},this.icon&&e("z-icon",{key:"b3f8b50efc5f7132515416a428ab3d10cf1329b9",name:this.icon}),e("div",{key:"edf761fbadd249b2d50ad420a60bdec3ab296840"},e("slot",{key:"932dd3ed45783430641d41f319482f27b9db2907"})))}};g.style=f;export{h as z_list,l as z_list_group,g as z_tag};
+//# sourceMappingURL=p-d854a0fb.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZList","constructor","hostRef","this","size","ListSize","MEDIUM","listType","ListType","NONE","role","setChildrenSizeType","children","host","i","length","setAttribute","toString","componentDidLoad","render","h","Host","key","ZListGroup","dividerType","ListDividerType","dividerSize","DividerSize","SMALL","dividerColor","hasTreeItems","undefined","componentWillLoad","hasHeader","querySelector","class","name","HEADER","color","ZTag","icon","expandable"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/list/z-list/styles.css?tag=z-list&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/list/z-list/index.js","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/list/z-list-group/styles.css?tag=z-list-group&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/list/z-list-group/index.js","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-tag/styles.css?tag=z-tag&encapsulation=scoped","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-tag/index.js"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n","import { Host, h } from \"@stencil/core\";\nimport { ListSize, ListType } from \"../../../beans\";\nexport class ZList {\n    constructor() {\n        this.size = ListSize.MEDIUM;\n        this.listType = ListType.NONE;\n        this.role = \"list\";\n    }\n    setChildrenSizeType() {\n        const children = this.host.children;\n        for (let i = 0; i < children.length; i++) {\n            children[i].setAttribute(\"size\", this.size);\n            children[i].setAttribute(\"list-type\", this.listType);\n            children[i].setAttribute(\"list-element-position\", (i + 1).toString());\n        }\n    }\n    componentDidLoad() {\n        this.setChildrenSizeType();\n    }\n    render() {\n        return (h(Host, { key: 'f178d7e0463f0e0495aa3029dd8a14b3947770ad' }, h(\"slot\", { key: '9f177d9529829d8eb48329cfc969c739c24c5a52' })));\n    }\n    static get is() { return \"z-list\"; }\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            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ListSize\",\n                    \"resolved\": \"ListSize.LARGE | ListSize.MEDIUM | ListSize.NONE | ListSize.SMALL | ListSize.X_LARGE\",\n                    \"references\": {\n                        \"ListSize\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../beans\",\n                            \"id\": \"src/beans/index.tsx::ListSize\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] Sets size of inside elements.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": true,\n                \"defaultValue\": \"ListSize.MEDIUM\"\n            },\n            \"listType\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ListType\",\n                    \"resolved\": \"ListType.NONE | ListType.ORDERED | ListType.UNORDERED\",\n                    \"references\": {\n                        \"ListType\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../beans\",\n                            \"id\": \"src/beans/index.tsx::ListType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] type of the list marker for each element\"\n                },\n                \"attribute\": \"list-type\",\n                \"reflect\": true,\n                \"defaultValue\": \"ListType.NONE\"\n            },\n            \"role\": {\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\": \"Sets role of the element.\"\n                },\n                \"attribute\": \"role\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"list\\\"\"\n            }\n        };\n    }\n    static get elementRef() { return \"host\"; }\n}\n//# sourceMappingURL=index.js.map\n",":host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > .z-list-group-header-container {\n  color: var(--gray700);\n  font-size: var(--font-size-2);\n  font-weight: var(--font-sb) !important;\n  letter-spacing: 0.16px;\n  line-height: 1.4;\n}\n\n:host > .z-list-group-header-container.has-header {\n  padding-top: var(--space-unit);\n  padding-bottom: var(--space-unit);\n}\n\n:host > .z-list-group-header-container.has-header > z-divider {\n  margin-top: var(--space-unit);\n}\n\n:host > .grouped-tree-list-header {\n  padding-top: var(--space-unit);\n  padding-bottom: 0;\n}\n","import { h, Host } from \"@stencil/core\";\nimport { DividerSize, ListDividerType, ListSize, ListType } from \"../../../beans\";\nexport class ZListGroup {\n    constructor() {\n        this.size = ListSize.MEDIUM;\n        this.dividerType = ListDividerType.NONE;\n        this.dividerSize = DividerSize.SMALL;\n        this.dividerColor = \"gray200\";\n        this.listType = ListType.NONE;\n        this.hasTreeItems = undefined;\n    }\n    componentDidLoad() {\n        const children = this.host.children;\n        for (let i = 0; i < children.length; i++) {\n            if (children.length - 1 > i) {\n                children[i].setAttribute(\"divider-type\", this.dividerType);\n                children[i].setAttribute(\"divider-size\", this.dividerSize);\n                children[i].setAttribute(\"divider-color\", this.dividerColor);\n            }\n            children[i].setAttribute(\"size\", this.size);\n            children[i].setAttribute(\"list-type\", this.listType);\n            children[i].setAttribute(\"list-element-position\", i.toString());\n        }\n    }\n    componentWillLoad() {\n        this.hasHeader = !!this.host.querySelector('[slot=\"header-title\"]');\n    }\n    render() {\n        return (h(Host, { key: '1e3229205e55482b92dc8d0a972d9f9e1805ba56', role: \"group\" }, h(\"div\", { key: 'ede88ef3d1845e0c432b7a00b8f9dc959ce258e6', class: {\n                \"z-list-group-header-container\": true,\n                \"has-header\": this.hasHeader && !this.hasTreeItems,\n                \"grouped-tree-list-header\": this.hasTreeItems,\n            } }, h(\"slot\", { key: 'd6c2cef7568424ebab1ae5d3dc572d4bc2aba61c', name: \"header-title\" }), this.dividerType === ListDividerType.HEADER && (h(\"z-divider\", { key: '5e45b81c54db4f623d366e62817f2a60ede8fa19', color: this.dividerColor, size: this.dividerSize }))), h(\"slot\", { key: '2a1a7ad0e3f8b56dd4880b8215ab79bd27981804' })));\n    }\n    static get is() { return \"z-list-group\"; }\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            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ListSize\",\n                    \"resolved\": \"ListSize.LARGE | ListSize.MEDIUM | ListSize.NONE | ListSize.SMALL | ListSize.X_LARGE\",\n                    \"references\": {\n                        \"ListSize\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../beans\",\n                            \"id\": \"src/beans/index.tsx::ListSize\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] Sets size of inside elements.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": true,\n                \"defaultValue\": \"ListSize.MEDIUM\"\n            },\n            \"dividerType\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ListDividerType\",\n                    \"resolved\": \"ListDividerType.ELEMENT | ListDividerType.HEADER | ListDividerType.NONE\",\n                    \"references\": {\n                        \"ListDividerType\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../beans\",\n                            \"id\": \"src/beans/index.tsx::ListDividerType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] Sets the position where to insert the divider.\"\n                },\n                \"attribute\": \"divider-type\",\n                \"reflect\": true,\n                \"defaultValue\": \"ListDividerType.NONE\"\n            },\n            \"dividerSize\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"DividerSize\",\n                    \"resolved\": \"DividerSize.LARGE | DividerSize.MEDIUM | DividerSize.SMALL\",\n                    \"references\": {\n                        \"DividerSize\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../beans\",\n                            \"id\": \"src/beans/index.tsx::DividerSize\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] Sets the divider size.\"\n                },\n                \"attribute\": \"divider-size\",\n                \"reflect\": true,\n                \"defaultValue\": \"DividerSize.SMALL\"\n            },\n            \"dividerColor\": {\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\": \"[optional] Sets the divider color.\"\n                },\n                \"attribute\": \"divider-color\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"gray200\\\"\"\n            },\n            \"listType\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ListType\",\n                    \"resolved\": \"ListType.NONE | ListType.ORDERED | ListType.UNORDERED\",\n                    \"references\": {\n                        \"ListType\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../beans\",\n                            \"id\": \"src/beans/index.tsx::ListType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] type of the list marker for each element\"\n                },\n                \"attribute\": \"list-type\",\n                \"reflect\": true,\n                \"defaultValue\": \"ListType.NONE\"\n            },\n            \"hasTreeItems\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] check for tree items in grouped lists\"\n                },\n                \"attribute\": \"has-tree-items\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get elementRef() { return \"host\"; }\n}\n//# sourceMappingURL=index.js.map\n",":host {\n  --z-icon-width: 14px;\n  --z-icon-height: 14px;\n\n  display: flex;\n  width: fit-content;\n  max-width: inherit;\n  height: fit-content;\n  max-height: inherit;\n  align-items: flex-start;\n  padding: calc(var(--space-unit) / 2);\n  background-color: var(--z-tag-bg, var(--color-hover-primary));\n  border-radius: var(--border-radius);\n  color: var(--z-tag-text-color, var(--color-text-inverse));\n  fill: currentcolor;\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-1);\n  font-weight: var(--font-sb);\n  letter-spacing: 0.32px;\n  line-height: 14px;\n  text-transform: uppercase;\n}\n\n:host(.expandable) > z-icon {\n  transition: margin-right 0.3s ease-out;\n}\n\n:host(:not(.expandable)) > z-icon,\n:host(.expandable:hover) > z-icon {\n  margin-right: var(--space-unit);\n  transition: margin-right 0.3s ease-out 0s;\n}\n\n:host > z-icon:has(+ div:empty) {\n  margin-right: 0;\n}\n\n:host(.expandable) > div {\n  overflow: hidden;\n  max-width: 0;\n  max-height: 0;\n}\n\n:host(.expandable:hover) > div {\n  max-width: 100%;\n  max-height: 100%;\n}\n","import { Host, h } from \"@stencil/core\";\n/**\n * Ztag component.\n * @slot - The text of the z-tag.\n * @cssprop --z-tag-text-color - text and icon color using tokens.\n * @cssprop --z-tag-bg - background color of the z-tag.\n */\nexport class ZTag {\n    constructor() {\n        this.icon = undefined;\n        this.expandable = undefined;\n    }\n    render() {\n        return (h(Host, { key: 'b1b99d8aa0ded75daaed090aa8fa490899e3b04e', class: {\n                expandable: this.expandable && !!this.icon,\n            } }, this.icon && h(\"z-icon\", { key: 'b3f8b50efc5f7132515416a428ab3d10cf1329b9', name: this.icon }), h(\"div\", { key: 'edf761fbadd249b2d50ad420a60bdec3ab296840' }, h(\"slot\", { key: '932dd3ed45783430641d41f319482f27b9db2907' }))));\n    }\n    static get is() { return \"z-tag\"; }\n    static get encapsulation() { return \"scoped\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"icon\": {\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\": \"[optional] Tag icon\"\n                },\n                \"attribute\": \"icon\",\n                \"reflect\": false\n            },\n            \"expandable\": {\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] Hide the text and show it on hover\"\n                },\n                \"attribute\": \"expandable\",\n                \"reflect\": false\n            }\n        };\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"kHAAA,MAAMA,EAAY,2G,MCELC,EAAK,MACd,WAAAC,CAAAC,G,UACIC,KAAKC,KAAOC,EAASC,OACrBH,KAAKI,SAAWC,EAASC,KACzBN,KAAKO,KAAO,MACf,CACD,mBAAAC,GACI,MAAMC,EAAWT,KAAKU,KAAKD,SAC3B,IAAK,IAAIE,EAAI,EAAGA,EAAIF,EAASG,OAAQD,IAAK,CACtCF,EAASE,GAAGE,aAAa,OAAQb,KAAKC,MACtCQ,EAASE,GAAGE,aAAa,YAAab,KAAKI,UAC3CK,EAASE,GAAGE,aAAa,yBAA0BF,EAAI,GAAGG,W,EAGlE,gBAAAC,GACIf,KAAKQ,qB,CAET,MAAAQ,GACI,OAAQC,EAAEC,EAAM,CAAEC,IAAK,4CAA8CF,EAAE,OAAQ,CAAEE,IAAK,6C,uCCpB9F,MAAMvB,EAAY,ggB,MCELwB,EAAU,MACnB,WAAAtB,CAAAC,G,UACIC,KAAKC,KAAOC,EAASC,OACrBH,KAAKqB,YAAcC,EAAgBhB,KACnCN,KAAKuB,YAAcC,EAAYC,MAC/BzB,KAAK0B,aAAe,UACpB1B,KAAKI,SAAWC,EAASC,KACzBN,KAAK2B,aAAeC,SACvB,CACD,gBAAAb,GACI,MAAMN,EAAWT,KAAKU,KAAKD,SAC3B,IAAK,IAAIE,EAAI,EAAGA,EAAIF,EAASG,OAAQD,IAAK,CACtC,GAAIF,EAASG,OAAS,EAAID,EAAG,CACzBF,EAASE,GAAGE,aAAa,eAAgBb,KAAKqB,aAC9CZ,EAASE,GAAGE,aAAa,eAAgBb,KAAKuB,aAC9Cd,EAASE,GAAGE,aAAa,gBAAiBb,KAAK0B,a,CAEnDjB,EAASE,GAAGE,aAAa,OAAQb,KAAKC,MACtCQ,EAASE,GAAGE,aAAa,YAAab,KAAKI,UAC3CK,EAASE,GAAGE,aAAa,wBAAyBF,EAAEG,W,EAG5D,iBAAAe,GACI7B,KAAK8B,YAAc9B,KAAKU,KAAKqB,cAAc,wB,CAE/C,MAAAf,GACI,OAAQC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CZ,KAAM,SAAWU,EAAE,MAAO,CAAEE,IAAK,2CAA4Ca,MAAO,CAC/I,gCAAiC,KACjC,aAAchC,KAAK8B,YAAc9B,KAAK2B,aACtC,2BAA4B3B,KAAK2B,eAChCV,EAAE,OAAQ,CAAEE,IAAK,2CAA4Cc,KAAM,iBAAmBjC,KAAKqB,cAAgBC,EAAgBY,QAAWjB,EAAE,YAAa,CAAEE,IAAK,2CAA4CgB,MAAOnC,KAAK0B,aAAczB,KAAMD,KAAKuB,eAAkBN,EAAE,OAAQ,CAAEE,IAAK,6C,uCChCjS,MAAMvB,EAAY,09B,MCOLwC,EAAI,MACb,WAAAtC,CAAAC,G,UACIC,KAAKqC,KAAOT,UACZ5B,KAAKsC,WAAaV,SACrB,CACD,MAAAZ,GACI,OAAQC,EAAEC,EAAM,CAAEC,IAAK,2CAA4Ca,MAAO,CAClEM,WAAYtC,KAAKsC,cAAgBtC,KAAKqC,OACrCrC,KAAKqC,MAAQpB,EAAE,SAAU,CAAEE,IAAK,2CAA4Cc,KAAMjC,KAAKqC,OAASpB,EAAE,MAAO,CAAEE,IAAK,4CAA8CF,EAAE,OAAQ,CAAEE,IAAK,8C","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as i,g as o}from"./p-Cam6wBSi.js";import{u as s,v as r}from"./p-B2-dCTD2.js";const a=':host{--z-section-title--divider-color:var(--red500);display:flex;width:fit-content;flex-direction:column;align-items:flex-start;font-family:var(--font-family-sans)}:host,:host ::slotted(*){box-sizing:border-box}::slotted(*){margin:0}::slotted([slot="secondary-title"]){padding-bottom:calc(var(--space-unit) / 2);border-bottom:var(--border-size-large) solid var(--z-section-title--divider-color);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5rem;text-transform:uppercase}::slotted([slot="primary-title"]){font-size:var(--font-size-6);font-weight:var(--font-sb);line-height:2rem}:host([uppercase]:not([uppercase="false"])) ::slotted([slot="primary-title"]){text-transform:uppercase}@media (min-width: 1152px){::slotted([slot="primary-title"]){font-size:var(--font-size-7);line-height:2.25rem}}';const l=class{constructor(e){t(this,e);this.dividerPosition=s.BEFORE;this.uppercase=true}componentWillRender(){this.hasSecondaryTitle=!!this.host.querySelector("[slot=secondary-title]")}render(){return e(i,{key:"461f6c104cfc920716e772e582fcd194f5e29dc3"},e("slot",{key:"320b69756d8c3a9ce18a48e04947cc4547bd94a9",name:"secondary-title"}),!this.hasSecondaryTitle&&this.dividerPosition===s.BEFORE&&e("z-divider",{key:"94c5b68ec254d01fc66517f3a7ec0867cb29ac45",size:r.LARGE,color:"z-section-title--divider-color"}),e("slot",{key:"058143cf64d7660d5172c265d97ea0ed412a9173",name:"primary-title"}),!this.hasSecondaryTitle&&this.dividerPosition===s.AFTER&&e("z-divider",{key:"98fa18966e3ae3338939b1b2b8882f12a31de76a",size:r.LARGE,color:"z-section-title--divider-color"}))}get host(){return o(this)}};l.style=a;export{l as z_section_title};
+//# sourceMappingURL=p-da27116e.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZSectionTitle","constructor","hostRef","this","dividerPosition","ZSectionTitleDividerPosition","BEFORE","uppercase","componentWillRender","hasSecondaryTitle","host","querySelector","render","h","Host","key","name","size","DividerSize","LARGE","color","AFTER"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/deprecated/z-section-title/styles.css?tag=z-section-title&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/deprecated/z-section-title/index.js"],"sourcesContent":[":host {\n  --z-section-title--divider-color: var(--red500);\n\n  display: flex;\n  width: fit-content;\n  flex-direction: column;\n  align-items: flex-start;\n  font-family: var(--font-family-sans);\n}\n\n:host,\n:host ::slotted(*) {\n  box-sizing: border-box;\n}\n\n::slotted(*) {\n  margin: 0;\n}\n\n::slotted([slot=\"secondary-title\"]) {\n  padding-bottom: calc(var(--space-unit) / 2);\n  border-bottom: var(--border-size-large) solid var(--z-section-title--divider-color);\n  font-size: var(--font-size-3);\n  font-weight: var(--font-sb);\n  line-height: 1.5rem;\n  text-transform: uppercase;\n}\n\n::slotted([slot=\"primary-title\"]) {\n  font-size: var(--font-size-6);\n  font-weight: var(--font-sb);\n  line-height: 2rem;\n}\n\n:host([uppercase]:not([uppercase=\"false\"])) ::slotted([slot=\"primary-title\"]) {\n  text-transform: uppercase;\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n  ::slotted([slot=\"primary-title\"]) {\n    font-size: var(--font-size-7);\n    line-height: 2.25rem;\n  }\n}\n","import { h, Host } from \"@stencil/core\";\nimport { DividerSize, ZSectionTitleDividerPosition } from \"../../../beans\";\n/**\n * Section title component.\n * An optional secondary title can be put over the primary one.\n *\n * @slot secondary-title - Slot for the secondary title. When present, the divider is always displayed under it,\n * following its width and removing the one for the primary title.\n * @slot primary-title - Slot for the primary title.\n * @cssprop --z-section-title--divider-color - Color of the divider. Use a CSS prop string like `\"--red500\"`. Default is `\"--red500\"`.\n */\nexport class ZSectionTitle {\n    constructor() {\n        this.dividerPosition = ZSectionTitleDividerPosition.BEFORE;\n        this.uppercase = true;\n    }\n    componentWillRender() {\n        this.hasSecondaryTitle = !!this.host.querySelector(\"[slot=secondary-title]\");\n    }\n    render() {\n        return (h(Host, { key: '461f6c104cfc920716e772e582fcd194f5e29dc3' }, h(\"slot\", { key: '320b69756d8c3a9ce18a48e04947cc4547bd94a9', name: \"secondary-title\" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.BEFORE && (h(\"z-divider\", { key: '94c5b68ec254d01fc66517f3a7ec0867cb29ac45', size: DividerSize.LARGE, color: \"z-section-title--divider-color\" })), h(\"slot\", { key: '058143cf64d7660d5172c265d97ea0ed412a9173', name: \"primary-title\" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.AFTER && (h(\"z-divider\", { key: '98fa18966e3ae3338939b1b2b8882f12a31de76a', size: DividerSize.LARGE, color: \"z-section-title--divider-color\" }))));\n    }\n    static get is() { return \"z-section-title\"; }\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            \"dividerPosition\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ZSectionTitleDividerPosition\",\n                    \"resolved\": \"ZSectionTitleDividerPosition.AFTER | ZSectionTitleDividerPosition.BEFORE\",\n                    \"references\": {\n                        \"ZSectionTitleDividerPosition\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../beans\",\n                            \"id\": \"src/beans/index.tsx::ZSectionTitleDividerPosition\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Divider position for the primary title.\\nThis prop only works if the secondary title is not set.\"\n                },\n                \"attribute\": \"divider-position\",\n                \"reflect\": false,\n                \"defaultValue\": \"ZSectionTitleDividerPosition.BEFORE\"\n            },\n            \"uppercase\": {\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 the primary title text is uppercase.\"\n                },\n                \"attribute\": \"uppercase\",\n                \"reflect\": true,\n                \"defaultValue\": \"true\"\n            }\n        };\n    }\n    static get elementRef() { return \"host\"; }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"oGAAA,MAAMA,EAAY,ozB,MCWLC,EAAa,MACtB,WAAAC,CAAAC,G,UACIC,KAAKC,gBAAkBC,EAA6BC,OACpDH,KAAKI,UAAY,IACpB,CACD,mBAAAC,GACIL,KAAKM,oBAAsBN,KAAKO,KAAKC,cAAc,yB,CAEvD,MAAAC,GACI,OAAQC,EAAEC,EAAM,CAAEC,IAAK,4CAA8CF,EAAE,OAAQ,CAAEE,IAAK,2CAA4CC,KAAM,qBAAuBb,KAAKM,mBAAqBN,KAAKC,kBAAoBC,EAA6BC,QAAWO,EAAE,YAAa,CAAEE,IAAK,2CAA4CE,KAAMC,EAAYC,MAAOC,MAAO,mCAAsCP,EAAE,OAAQ,CAAEE,IAAK,2CAA4CC,KAAM,mBAAqBb,KAAKM,mBAAqBN,KAAKC,kBAAoBC,EAA6BgB,OAAUR,EAAE,YAAa,CAAEE,IAAK,2CAA4CE,KAAMC,EAAYC,MAAOC,MAAO,mC","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,H as o,g as n}from"./p-Cam6wBSi.js";import{K as a}from"./p-B2-dCTD2.js";const r=":host{position:relative;display:flex;width:100%;height:232px;flex-direction:column;align-items:center;padding:calc(var(--space-unit) * 3);background-color:var(--color-surface02);background-image:repeating-linear-gradient(\n      0deg,\n      var(--color-surface03),\n      var(--color-surface03) 12px,\n      transparent 12px,\n      transparent 20px\n    ),\n    repeating-linear-gradient(\n      90deg,\n      var(--color-surface03),\n      var(--color-surface03) 12px,\n      transparent 12px,\n      transparent 20px\n    ),\n    repeating-linear-gradient(\n      180deg,\n      var(--color-surface03),\n      var(--color-surface03) 12px,\n      transparent 12px,\n      transparent 20px\n    ),\n    repeating-linear-gradient(\n      270deg,\n      var(--color-surface03),\n      var(--color-surface03) 12px,\n      transparent 12px,\n      transparent 20px\n    );background-position:0 0,\n    0 0,\n    100% 0,\n    0 100%;background-repeat:no-repeat;background-size:2px 100%,\n    100% 2px,\n    2px 100%,\n    100% 2px;border-radius:var(--border-radius-small);color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host,*{box-sizing:border-box}:host(.dragover) *{pointer-events:none}.dragover-container{position:absolute;z-index:1;top:0;left:0;display:none;width:100%;height:100%;background-color:var(--color-primary03);box-shadow:var(--shadow-focus-primary)}:host(.dragover) .dragover-container{display:flex;align-items:center;justify-content:center}";const s=class{constructor(i){t(this,i);this.fileDropped=e(this,"fileDropped",7);this.dragAndDropLabel=undefined;this.dragging=false}onDrop(t){t.preventDefault();this.dragging=false;if(t.dataTransfer.files.length){this.fileDropped.emit(t.dataTransfer.files)}}render(){return i(o,{key:"190dcbcc79e4443895774274715076523f618cf2",class:{dragover:this.dragging},onDragOver:t=>{t.preventDefault();this.dragging=true},onDragLeave:()=>{this.dragging=false},onDrop:this.onDrop.bind(this)},i("div",{key:"4d80939d13543b91165c7fdb14f5ec8037464ffe",class:"dragover-container"},i("z-button",{key:"0957633378fc64a9efa91e6cf3748480572f05b8"},this.dragAndDropLabel)),i("slot",{key:"128c06ec19a231080cafc23108f5a82398626fc5"}))}};s.style=r;var d=window.CustomEvent;if(!d||typeof d==="object"){d=function t(e,i){i=i||{};var o=document.createEvent("CustomEvent");o.initCustomEvent(e,!!i.bubbles,!!i.cancelable,i.detail||null);return o};d.prototype=window.Event.prototype}function l(t,e){var i="on"+e.type.toLowerCase();if(typeof t[i]==="function"){t[i](e)}return t.dispatchEvent(e)}function c(t){while(t&&t!==document.body){var e=window.getComputedStyle(t);var i=function(t,i){return!(e[t]===undefined||e[t]===i)};if(e.opacity<1||i("zIndex","auto")||i("transform","none")||i("mixBlendMode","normal")||i("filter","none")||i("perspective","none")||e["isolation"]==="isolate"||e.position==="fixed"||e.webkitOverflowScrolling==="touch"){return true}t=t.parentElement}return false}function h(t){while(t){if(t.localName==="dialog"){return t}if(t.parentElement){t=t.parentElement}else if(t.parentNode){t=t.parentNode.host}else{t=null}}return null}function u(t){while(t&&t.shadowRoot&&t.shadowRoot.activeElement){t=t.shadowRoot.activeElement}if(t&&t.blur&&t!==document.body){t.blur()}}function f(t,e){for(var i=0;i<t.length;++i){if(t[i]===e){return true}}return false}function m(t){if(!t||!t.hasAttribute("method")){return false}return t.getAttribute("method").toLowerCase()==="dialog"}function v(t){var e=["button","input","keygen","select","textarea"];var i=e.map((function(t){return t+":not([disabled])"}));i.push('[tabindex]:not([disabled]):not([tabindex=""])');var o=t.querySelector(i.join(", "));if(!o&&"attachShadow"in Element.prototype){var n=t.querySelectorAll("*");for(var a=0;a<n.length;a++){if(n[a].tagName&&n[a].shadowRoot){o=v(n[a].shadowRoot);if(o){break}}}}return o}function p(t){return t.isConnected||document.body.contains(t)}function b(t){if(t.submitter){return t.submitter}var e=t.target;if(!(e instanceof HTMLFormElement)){return null}var i=y.formSubmitter;if(!i){var o=t.target;var n="getRootNode"in o&&o.getRootNode()||document;i=n.activeElement}if(!i||i.form!==e){return null}return i}function g(t){if(t.defaultPrevented){return}var e=t.target;var i=y.imagemapUseValue;var o=b(t);if(i===null&&o){i=o.value}var n=h(e);if(!n){return}var a=o&&o.getAttribute("formmethod")||e.getAttribute("method");if(a!=="dialog"){return}t.preventDefault();if(i!=null){n.close(i)}else{n.close()}}function w(t){this.dialog_=t;this.replacedStyleTop_=false;this.openAsModal_=false;if(!t.hasAttribute("role")){t.setAttribute("role","dialog")}t.show=this.show.bind(this);t.showModal=this.showModal.bind(this);t.close=this.close.bind(this);t.addEventListener("submit",g,false);if(!("returnValue"in t)){t.returnValue=""}if("MutationObserver"in window){var e=new MutationObserver(this.maybeHideModal.bind(this));e.observe(t,{attributes:true,attributeFilter:["open"]})}else{var i=false;var o=function(){i?this.downgradeModal():this.maybeHideModal();i=false}.bind(this);var n;var a=function(e){if(e.target!==t){return}var a="DOMNodeRemoved";i|=e.type.substr(0,a.length)===a;window.clearTimeout(n);n=window.setTimeout(o,0)};["DOMAttrModified","DOMNodeRemoved","DOMNodeRemovedFromDocument"].forEach((function(e){t.addEventListener(e,a)}))}Object.defineProperty(t,"open",{set:this.setOpen.bind(this),get:t.hasAttribute.bind(t,"open")});this.backdrop_=document.createElement("div");this.backdrop_.className="backdrop";this.backdrop_.addEventListener("mouseup",this.backdropMouseEvent_.bind(this));this.backdrop_.addEventListener("mousedown",this.backdropMouseEvent_.bind(this));this.backdrop_.addEventListener("click",this.backdropMouseEvent_.bind(this))}w.prototype={get dialog(){return this.dialog_},maybeHideModal:function(){if(this.dialog_.hasAttribute("open")&&p(this.dialog_)){return}this.downgradeModal()},downgradeModal:function(){if(!this.openAsModal_){return}this.openAsModal_=false;this.dialog_.style.zIndex="";if(this.replacedStyleTop_){this.dialog_.style.top="";this.replacedStyleTop_=false}this.backdrop_.parentNode&&this.backdrop_.parentNode.removeChild(this.backdrop_);y.dm.removeDialog(this)},setOpen:function(t){if(t){this.dialog_.hasAttribute("open")||this.dialog_.setAttribute("open","")}else{this.dialog_.removeAttribute("open");this.maybeHideModal()}},backdropMouseEvent_:function(t){if(!this.dialog_.hasAttribute("tabindex")){var e=document.createElement("div");this.dialog_.insertBefore(e,this.dialog_.firstChild);e.tabIndex=-1;e.focus();this.dialog_.removeChild(e)}else{this.dialog_.focus()}var i=document.createEvent("MouseEvents");i.initMouseEvent(t.type,t.bubbles,t.cancelable,window,t.detail,t.screenX,t.screenY,t.clientX,t.clientY,t.ctrlKey,t.altKey,t.shiftKey,t.metaKey,t.button,t.relatedTarget);this.dialog_.dispatchEvent(i);t.stopPropagation()},focus_:function(){var t=this.dialog_.querySelector("[autofocus]:not([disabled])");if(!t&&this.dialog_.tabIndex>=0){t=this.dialog_}if(!t){t=v(this.dialog_)}u(document.activeElement);t&&t.focus()},updateZIndex:function(t,e){if(t<e){throw new Error("dialogZ should never be < backdropZ")}this.dialog_.style.zIndex=t;this.backdrop_.style.zIndex=e},show:function(){if(!this.dialog_.open){this.setOpen(true);this.focus_()}},showModal:function(){if(this.dialog_.hasAttribute("open")){throw new Error("Failed to execute 'showModal' on dialog: The element is already open, and therefore cannot be opened modally.")}if(!p(this.dialog_)){throw new Error("Failed to execute 'showModal' on dialog: The element is not in a Document.")}if(!y.dm.pushDialog(this)){throw new Error("Failed to execute 'showModal' on dialog: There are too many open modal dialogs.")}if(c(this.dialog_.parentElement)){console.warn("A dialog is being shown inside a stacking context. "+"This may cause it to be unusable. For more information, see this link: "+"https://github.com/GoogleChrome/dialog-polyfill/#stacking-context")}this.setOpen(true);this.openAsModal_=true;if(y.needsCentering(this.dialog_)){y.reposition(this.dialog_);this.replacedStyleTop_=true}else{this.replacedStyleTop_=false}this.dialog_.parentNode.insertBefore(this.backdrop_,this.dialog_.nextSibling);this.focus_()},close:function(t){if(!this.dialog_.hasAttribute("open")){throw new Error("Failed to execute 'close' on dialog: The element does not have an 'open' attribute, and therefore cannot be closed.")}this.setOpen(false);if(t!==undefined){this.dialog_.returnValue=t}var e=new d("close",{bubbles:false,cancelable:false});l(this.dialog_,e)}};var y={};y.reposition=function(t){var e=document.body.scrollTop||document.documentElement.scrollTop;var i=e+(window.innerHeight-t.offsetHeight)/2;t.style.top=Math.max(e,i)+"px"};y.isInlinePositionSetByStylesheet=function(t){for(var e=0;e<document.styleSheets.length;++e){var i=document.styleSheets[e];var o=null;try{o=i.cssRules}catch(t){}if(!o){continue}for(var n=0;n<o.length;++n){var a=o[n];var r=null;try{r=document.querySelectorAll(a.selectorText)}catch(t){}if(!r||!f(r,t)){continue}var s=a.style.getPropertyValue("top");var d=a.style.getPropertyValue("bottom");if(s&&s!=="auto"||d&&d!=="auto"){return true}}}return false};y.needsCentering=function(t){var e=window.getComputedStyle(t);if(e.position!=="absolute"){return false}if(t.style.top!=="auto"&&t.style.top!==""||t.style.bottom!=="auto"&&t.style.bottom!==""){return false}return!y.isInlinePositionSetByStylesheet(t)};y.forceRegisterDialog=function(t){if(window.HTMLDialogElement||t.showModal){console.warn("This browser already supports <dialog>, the polyfill "+"may not work correctly",t)}if(t.localName!=="dialog"){throw new Error("Failed to register dialog: The element is not a dialog.")}new w(t)};y.registerDialog=function(t){if(!t.showModal){y.forceRegisterDialog(t)}};y.DialogManager=function(){this.pendingDialogStack=[];var t=this.checkDOM_.bind(this);this.overlay=document.createElement("div");this.overlay.className="_dialog_overlay";this.overlay.addEventListener("click",function(e){this.forwardTab_=undefined;e.stopPropagation();t([])}.bind(this));this.handleKey_=this.handleKey_.bind(this);this.handleFocus_=this.handleFocus_.bind(this);this.zIndexLow_=1e5;this.zIndexHigh_=1e5+150;this.forwardTab_=undefined;if("MutationObserver"in window){this.mo_=new MutationObserver((function(e){var i=[];e.forEach((function(t){for(var e=0,o;o=t.removedNodes[e];++e){if(!(o instanceof Element)){continue}else if(o.localName==="dialog"){i.push(o)}i=i.concat(o.querySelectorAll("dialog"))}}));i.length&&t(i)}))}};y.DialogManager.prototype.blockDocument=function(){document.documentElement.addEventListener("focus",this.handleFocus_,true);document.addEventListener("keydown",this.handleKey_);this.mo_&&this.mo_.observe(document,{childList:true,subtree:true})};y.DialogManager.prototype.unblockDocument=function(){document.documentElement.removeEventListener("focus",this.handleFocus_,true);document.removeEventListener("keydown",this.handleKey_);this.mo_&&this.mo_.disconnect()};y.DialogManager.prototype.updateStacking=function(){var t=this.zIndexHigh_;for(var e=0,i;i=this.pendingDialogStack[e];++e){i.updateZIndex(--t,--t);if(e===0){this.overlay.style.zIndex=--t}}var o=this.pendingDialogStack[0];if(o){var n=o.dialog.parentNode||document.body;n.appendChild(this.overlay)}else if(this.overlay.parentNode){this.overlay.parentNode.removeChild(this.overlay)}};y.DialogManager.prototype.containedByTopDialog_=function(t){while(t=h(t)){for(var e=0,i;i=this.pendingDialogStack[e];++e){if(i.dialog===t){return e===0}}t=t.parentElement}return false};y.DialogManager.prototype.handleFocus_=function(t){var e=t.composedPath?t.composedPath()[0]:t.target;if(this.containedByTopDialog_(e)){return}if(document.activeElement===document.documentElement){return}t.preventDefault();t.stopPropagation();u(e);if(this.forwardTab_===undefined){return}var i=this.pendingDialogStack[0];var o=i.dialog;var n=o.compareDocumentPosition(e);if(n&Node.DOCUMENT_POSITION_PRECEDING){if(this.forwardTab_){i.focus_()}else if(e!==document.documentElement){document.documentElement.focus()}}return false};y.DialogManager.prototype.handleKey_=function(t){this.forwardTab_=undefined;if(t.keyCode===27){t.preventDefault();t.stopPropagation();var e=new d("cancel",{bubbles:false,cancelable:true});var i=this.pendingDialogStack[0];if(i&&l(i.dialog,e)){i.dialog.close()}}else if(t.keyCode===9){this.forwardTab_=!t.shiftKey}};y.DialogManager.prototype.checkDOM_=function(t){var e=this.pendingDialogStack.slice();e.forEach((function(e){if(t.indexOf(e.dialog)!==-1){e.downgradeModal()}else{e.maybeHideModal()}}))};y.DialogManager.prototype.pushDialog=function(t){var e=(this.zIndexHigh_-this.zIndexLow_)/2-1;if(this.pendingDialogStack.length>=e){return false}if(this.pendingDialogStack.unshift(t)===1){this.blockDocument()}this.updateStacking();return true};y.DialogManager.prototype.removeDialog=function(t){var e=this.pendingDialogStack.indexOf(t);if(e===-1){return}this.pendingDialogStack.splice(e,1);if(this.pendingDialogStack.length===0){this.unblockDocument()}this.updateStacking()};y.dm=new y.DialogManager;y.formSubmitter=null;y.imagemapUseValue=null;if(window.HTMLDialogElement===undefined){var k=document.createElement("form");k.setAttribute("method","dialog");if(k.method!=="dialog"){var x=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"method");if(x){var M=x.get;x.get=function(){if(m(this)){return"dialog"}return M.call(this)};var z=x.set;x.set=function(t){if(typeof t==="string"&&t.toLowerCase()==="dialog"){return this.setAttribute("method",t)}return z.call(this,t)};Object.defineProperty(HTMLFormElement.prototype,"method",x)}}document.addEventListener("click",(function(t){y.formSubmitter=null;y.imagemapUseValue=null;if(t.defaultPrevented){return}var e=t.target;if("composedPath"in t){var i=t.composedPath();e=i.shift()||e}if(!e||!m(e.form)){return}var o=e.type==="submit"&&["button","input"].indexOf(e.localName)>-1;if(!o){if(!(e.localName==="input"&&e.type==="image")){return}y.imagemapUseValue=t.offsetX+","+t.offsetY}var n=h(e);if(!n){return}y.formSubmitter=e}),false);document.addEventListener("submit",(function(t){var e=t.target;var i=h(e);if(i){return}var o=b(t);var n=o&&o.getAttribute("formmethod")||e.getAttribute("method");if(n==="dialog"){t.preventDefault()}}));var C=HTMLFormElement.prototype.submit;var E=function(){if(!m(this)){return C.call(this)}var t=h(this);t&&t.close()};HTMLFormElement.prototype.submit=E}const D=':host{font-family:var(--font-family-sans);font-weight:var(--font-rg);}:host>dialog{padding:0;border:none;margin:0;background-color:transparent}:host>dialog:modal{width:100%;max-width:100%;max-height:100%}:host>dialog::backdrop{display:none}:host>dialog+.backdrop{display:none}:host>dialog:not([open]){display:none}:host>dialog[open]{display:block}::slotted([slot="modalContent"]){padding:var(--z-modal-content-padding, calc(var(--space-unit) * 2))}.modal-container{z-index:1010;display:flex;overflow:-moz-scrollbars-none;width:100%;height:100vh;flex-direction:column}.modal-container>.modal-content-scroll-outside{overflow:auto;background:var(--color-surface01)}.modal-container>header{padding:calc(var(--space-unit) * 1.75) calc(var(--space-unit) * 2);background:var(--color-background)}.modal-container>header button{padding:0;border:none;margin:0;margin-left:auto;background:transparent;cursor:pointer}.modal-container>header button:focus-visible{border-radius:50%;box-shadow:var(--shadow-focus-primary);outline:none !important}.modal-container>header button::after{position:absolute;top:6px;right:4px;display:block;width:40px;height:40px;background-color:transparent;content:""}.modal-container>header z-icon{--z-icon-width:calc(var(--space-unit) * 2.25);--z-icon-height:calc(var(--space-unit) * 2.25);display:flex;fill:var(--color-primary01-icon)}.modal-container>header>div{display:flex;width:100%;align-items:baseline;margin-right:calc(var(--space-unit) * 2)}.modal-container>header h1,.modal-container>header .subtitle{padding:0;margin:0;color:var(--color-default-text);font-weight:var(--font-sb)}.modal-container>header h1{font-size:var(--font-size-5);letter-spacing:0;line-height:1.4}.modal-container>header .subtitle{font-size:var(--font-size-3);font-weight:var(--font-rg);letter-spacing:0;line-height:1.5}.modal-container>header>div>h1 *:empty{display:none}.modal-container>header h1+.subtitle{margin-top:calc(var(--space-unit) * 0.5)}.modal-container-scroll-inside>.modal-content-scroll-inside{overflow:hidden auto;flex:1 auto;background:var(--color-surface01)}.modal-container-scroll-inside>.modal-content-scroll-inside::-webkit-scrollbar,.modal-container-scroll-outside>.modal-content-scroll-outside::-webkit-scrollbar{width:6px;background:linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px)}.modal-container-scroll-inside>.modal-content-scroll-inside::-webkit-scrollbar-thumb,.modal-container-scroll-outside>.modal-content-scroll-outside::-webkit-scrollbar-thumb{background-color:var(--color-primary01)}.modal-container-scroll-inside>.modal-content-scroll-inside::-webkit-scrollbar-thumb:hover,.modal-container-scroll-outside>.modal-content-scroll-outside::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}@supports not selector(::-webkit-scrollbar-track){.modal-container-scroll-inside .modal-content-scroll-inside,.modal-container-scroll-outside .modal-content-scroll-outside{scrollbar-color:var(--color-primary01) transparent}}@media only screen and (min-width: 768px){.modal-background{position:fixed;top:0;left:0;overflow:hidden;width:100vw;height:100vh;background-color:var(--gray900);opacity:0.7}.modal-background.modal-background-scroll-outside{position:sticky}.modal-container-scroll-inside{position:fixed;top:calc(var(--space-unit) * 6);left:50%;overflow:hidden;width:auto;min-width:calc(var(--space-unit) * 40);height:auto;min-height:calc(var(--space-unit) * 40);max-height:calc(100vh - calc(var(--space-unit) * 6 * 2));border-radius:var(--border-radius);transform:translateX(-50%)}.modal-container-scroll-outside{position:absolute;top:calc(var(--space-unit) * 6);left:50%;display:block;overflow:initial;width:auto;min-width:calc(var(--space-unit) * 40);height:auto;min-height:calc(var(--space-unit) * 40);max-height:calc(100vh - calc(var(--space-unit) * 6 * 2));transform:translateX(-50%)}.modal-container>.modal-content-scroll-outside{overflow:initial}.modal-container-scroll-outside>header,.modal-container-scroll-inside>header{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.modal-container-scroll-outside::after{display:block;height:calc(var(--space-unit) * 6);content:" "}.modal-dialog{position:fixed;top:0;left:0;height:auto;overflow-x:hidden;overflow-y:auto}.modal-content-scroll-outside{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.modal-dialog::-webkit-scrollbar{display:none}}@media (min-width: 1152px){.modal-container>header{padding-top:calc(var(--space-unit) * 1.5);padding-bottom:calc(var(--space-unit) * 1.5)}.modal-container>header h1{font-size:var(--font-size-6);font-weight:var(--font-sb);letter-spacing:0;line-height:1.333}.modal-container>header .subtitle{font-size:var(--font-size-4);font-weight:var(--font-rg);letter-spacing:0;line-height:1.5}.modal-container>header h1+.subtitle{margin-top:0}}';const F=':is(button, input, select, textarea, [contenteditable=""], [contenteditable="true"], a[href], [tabindex], summary):not([disabled], [disabled=""], [tabindex="-1"], [aria-hidden="true"], [hidden])';const O=class{constructor(i){t(this,i);this.modalClose=e(this,"modalClose",7);this.modalHeaderActive=e(this,"modalHeaderActive",7);this.modalBackgroundClick=e(this,"modalBackgroundClick",7);this.modalid=undefined;this.modaltitle=undefined;this.modalsubtitle=undefined;this.closeButtonLabel="chiudi modale";this.alertdialog=false;this.closable=true;this.scrollInside=true;this.lockPageScroll=true}emitModalClose(){if(this.closable){this.modalClose.emit({modalid:this.modalid});this.resetPageScroll()}}emitModalHeaderActive(){this.modalHeaderActive.emit({modalid:this.modalid})}emitBackgroundClick(){if(this.closable){this.modalBackgroundClick.emit({modalid:this.modalid});this.resetPageScroll()}}resetPageScroll(){if(this.lockPageScroll&&document.body.style.overflowY==="hidden"){document.body.style.overflowY=""}}componentDidLoad(){if(typeof window.HTMLDialogElement!=="function"){if(!this.dialog.localName){Object.defineProperty(this.dialog,"localName",{value:"dialog"})}y.registerDialog(this.dialog);this.dialog.setAttribute("open","true")}else{this.open()}if(this.lockPageScroll){requestAnimationFrame((()=>document.body.style.overflowY="hidden"))}}disconnectedCallback(){this.resetPageScroll()}async open(){var t;(t=this.dialog)===null||t===void 0?void 0:t.showModal();if(this.lockPageScroll){document.body.style.overflowY="hidden"}}async close(){var t;if(this.closable){(t=this.dialog)===null||t===void 0?void 0:t.close();this.resetPageScroll()}}get focusableElements(){return[...Array.from(this.host.shadowRoot.querySelectorAll(F)),...Array.from(this.host.querySelectorAll(F))].filter((t=>getComputedStyle(t).display!=="none"))}handleKeyDown(t){if(t.code===a.ESC&&!this.closable){t.preventDefault()}if(t.code!==a.TAB){return}const e=this.focusableElements;const i=this.host.shadowRoot.activeElement;const o=this.host.ownerDocument.activeElement;const n=e[0];const r=e[e.length-1];if(t.shiftKey&&(i==n||o==n)){t.preventDefault();r.focus()}else if(!t.shiftKey&&(i==r||o==r)){t.preventDefault();n.focus()}}closeButtonSlot(){if(this.closable){return i("slot",{name:"modalCloseButton"},i("button",{"aria-label":this.closeButtonLabel,onClick:()=>this.close()},i("z-icon",{name:"multiply-circle-filled"})))}}handleEscape(t){if(this.closable){return}t.preventDefault()}render(){return i("dialog",{key:"8b921668da4604e386536b7aad9f29aa79f8c070",class:{"modal-dialog":!this.scrollInside},"aria-labelledby":"modal-title","aria-describedby":"modal-content",role:this.alertdialog?"alertdialog":undefined,ref:t=>this.dialog=t,onClose:()=>this.emitModalClose(),onCancel:t=>this.handleEscape(t)},i("div",{key:"ff7c0a54c27501f0de55fa051f4181dbb67b45f8",class:{"modal-container":true,"modal-container-scroll-inside":this.scrollInside,"modal-container-scroll-outside":!this.scrollInside},id:this.modalid},i("header",{key:"bc3fb5a42fc5b9b7a4a0772edc128b3b2cdb4145",onClick:this.emitModalHeaderActive.bind(this)},i("div",{key:"0dbf87678b992d60df083e61f301ac43df103dbb"},this.modaltitle&&i("h1",{key:"7e61c3c9efc52d5b8d9a457907af76f9e10365a7",id:"modal-title"},this.modaltitle),this.closeButtonSlot()),this.modalsubtitle&&i("div",{key:"594aedcd430c5f132973c59dfdba288b657243ba",class:"subtitle",id:"modal-subtitle"},this.modalsubtitle)),i("div",{key:"ac5d89b074eb7ab21acd3a5ae0846f96f2a9df66",class:{"modal-content-scroll-inside":this.scrollInside,"modal-content-scroll-outside":!this.scrollInside},id:"modal-content"},i("slot",{key:"f6810e73b2dc2fc698bebed654698d267b113f11",name:"modalContent"}))),i("div",{key:"65bd11b7941467700592d45edd0ec078cde6f145",class:{"modal-background":true,"modal-background-scroll-outside":!this.scrollInside},"data-action":"modalBackground","data-modal":this.modalid,onClick:()=>{this.emitBackgroundClick();this.close()}}))}get host(){return n(this)}};O.style=D;export{s as z_dragdrop_area,O as z_modal};
+//# sourceMappingURL=p-da73a0e0.entry.js.map