@zanichelli/albe-web-components 19.3.0-RC4 → 19.3.0-rc1

package/dist/components/z-myz-card-footer-sections.js

@@ -1,36 +1 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div>footer{height:128px;box-sizing:border-box;padding:var(--space-unit) calc(var(--space-unit) * 2) 0;border-top:var(--border-size-medium) solid var(--color-surface03);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-size:16px;line-height:24px}:host>div>footer>div.top,:host>div>footer>div.bottom{height:60px}";
-const ZMyzCardFooterSectionsStyle0 = stylesCss;
-
-const ZMyzCardFooterSections$1 = /*@__PURE__*/ proxyCustomElement(class ZMyzCardFooterSections extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    render() {
-        return (h("div", { key: 'ecab1780cee45e44e63448b463b6a7c4ba23e5ae' }, h("footer", { key: '2d99b9654fc18a3ca45ea9b016c29b5f8c1ed997' }, h("div", { key: '908d31fc4595aa9b4ca69dad77e38dbdac7f5756', class: "top" }, h("slot", { key: 'c14af373c3ac35b26b2afd803bad3273d65e195d', name: "top" })), h("div", { key: '2eba1ad852360d325ea70d98bc31505c4728eb9b', class: "bottom" }, h("slot", { key: '23cdc79b4f721ee266f317973a9e7e0ef79e6fd6', name: "bottom" })))));
-    }
-    static get style() { return ZMyzCardFooterSectionsStyle0; }
-}, [1, "z-myz-card-footer-sections"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-myz-card-footer-sections"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-myz-card-footer-sections":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZMyzCardFooterSections$1);
-            }
-            break;
-    } });
-}
-
-const ZMyzCardFooterSections = ZMyzCardFooterSections$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZMyzCardFooterSections, defineCustomElement };
-
-//# sourceMappingURL=z-myz-card-footer-sections.js.map
+import{proxyCustomElement as e,HTMLElement as o,h as t,transformTag as r}from"@stencil/core/internal/client";const a=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return t("div",{key:"e03532734334f374789a31da73f15e32ee8c1679"},t("footer",{key:"36bbfc8363d00503545aa9a1dd4de0e8b036c0e2"},t("div",{key:"159b35a78ec38d541d6016fa4724effa00a66dd6",class:"top"},t("slot",{key:"25c311436a817abf5d0d961a6e2f699fcea6f331",name:"top"})),t("div",{key:"248485fc69ef0c7c76ca086a86a5971ae3e3876f",class:"bottom"},t("slot",{key:"fe1b0f89936780d822328e13ce94564838f3c0d7",name:"bottom"}))))}static get style(){return":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div>footer{height:128px;box-sizing:border-box;padding:var(--space-unit) calc(var(--space-unit) * 2) 0;border-top:var(--border-size-medium) solid var(--color-surface03);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-size:16px;line-height:24px}:host>div>footer>div.top,:host>div>footer>div.bottom{height:60px}"}},[257,"z-myz-card-footer-sections"]),s=a,c=function(){"undefined"!=typeof customElements&&["z-myz-card-footer-sections"].forEach((e=>{"z-myz-card-footer-sections"===e&&(customElements.get(r(e))||customElements.define(r(e),a))}))};export{s as ZMyzCardFooterSections,c as defineCustomElement}

package/dist/components/z-myz-card-footer.js

@@ -1,99 +1 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { L as LicenseType } from './index2.js';
-
-const stylesCss = "footer{position:relative;z-index:5;top:0;width:auto;height:calc(var(--space-unit) * 6);padding:0;border-top:var(--border-size-medium) solid var(--color-surface03);margin:0;background-color:var(--color-surface01);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-family:var(--font-family-sans);font-weight:var(--font-rg);transition:height 500ms ease-in-out,\n    top 500ms ease-in-out}footer.real,footer.trial,footer.temp{border-top:var(--border-size-medium) solid var(--blue100)}footer .bold{font-family:var(--font-family-sans);font-weight:var(--font-sb)}footer>p{overflow:hidden;height:40px;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);margin:0;background-color:var(--color-surface01);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);line-height:22px;transition:all 200ms linear}footer.isopen>p{background-color:var(--gray200);font-size:14px;font-weight:var(--font-sb);transition:all 200ms linear}footer.isopen.real>p,footer.isopen.trial>p,footer.isopen.temp>p{background-color:var(--blue100)}footer .visible{display:block}footer .hidden{display:none}footer>div.content{overflow:hidden;height:60px}footer>div.content>div:not(.slot-handler){padding:var(--space-unit) calc(var(--space-unit) * 2)}footer>div.content>div>p{overflow:hidden;height:20px;padding:0;margin:0;font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}footer>div.content>div>p.year-isbn{display:flex;flex-direction:row;justify-content:space-between;padding-top:var(--space-unit)}footer>div.content>div>p.year-isbn>span.isbn{overflow:hidden;text-overflow:ellipsis}footer.isopen>div.content>div:not(.slot-handler){height:68px}footer.isopen>div.content>div>p.authors{height:40px;text-overflow:initial;white-space:initial}footer.isopen>div.content>div>p.year-isbn{height:50px;flex-direction:column;padding-left:0}footer.isopen>div.content>div>p.year-isbn>span.isbn{display:inline-grid;padding-left:0}footer.isopen{top:-212px;height:295px;transition:height 500ms ease-in-out,\n    top 500ms ease-in-out}footer.isopen.custom-content{top:-292px}footer.isopen>div.content{height:280px;transition:height 500ms ease-in-out,\n    top 500ms ease-in-out}footer.isopen.custom-content>div.content{height:230px}.toggle{position:absolute;z-index:10;top:-24px;left:16px}.faded{opacity:0.3;pointer-events:none}footer>p.custom-content,footer .content.custom-content{display:none}footer.isopen>p.custom-content,footer.isopen .content.custom-content{display:block}div.wrapper{position:relative;height:100%}div.wrapper ::slotted([slot=\"content\"]){position:absolute;z-index:10;top:calc(var(--space-unit) * 2);display:block;width:100%;height:112px;box-sizing:border-box;padding:0 calc(var(--space-unit) * 2);border-top:var(--border-size-medium) solid transparent;background:var(--color-white)}div.wrapper.isopen ::slotted([slot=\"content\"]){top:0;bottom:0;height:128px;padding:calc(var(--space-unit) * 2);border-color:var(--blue100)}";
-const ZMyzCardFooterStyle0 = stylesCss;
-
-const ZMyzCardFooter$1 = /*@__PURE__*/ proxyCustomElement(class ZMyzCardFooter extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.titolo = undefined;
-        this.autori = undefined;
-        this.isbn = undefined;
-        this.faded = undefined;
-        this.cardtype = undefined;
-        this.opened = false;
-        this.customContent = false;
-        this.isOpen = false;
-        this.allowTooltipAuthors = false;
-    }
-    handleToggle() {
-        this.isOpen = !this.isOpen;
-        if (this.isOpen) {
-            const firstElem = this.getFirstListItem();
-            if (firstElem) {
-                requestAnimationFrame(() => {
-                    firstElem.focus();
-                });
-            }
-        }
-    }
-    getTitleAuthors() {
-        return this.allowTooltipAuthors ? this.autori : "";
-    }
-    componentWillLoad() {
-        if (this.opened) {
-            this.isOpen = true;
-        }
-    }
-    elementsEllipsis() {
-        this.allowTooltipAuthors = this.elementAuthorsHasEllipsis() ? true : false;
-    }
-    elementAuthorsHasEllipsis() {
-        return this.ellipsisAuthors.offsetWidth < this.ellipsisAuthors.scrollWidth;
-    }
-    retrieveClass() {
-        return {
-            "isopen": this.isOpen,
-            "real": this.cardtype === LicenseType.REAL,
-            "trial": this.cardtype === LicenseType.TRIAL,
-            "temp": this.cardtype === LicenseType.TEMP,
-            "custom-content": this.customContent,
-        };
-    }
-    footerTransitionHandler(e) {
-        if (["visibility", "height"].includes(e.propertyName)) {
-            this.elementsEllipsis();
-        }
-    }
-    getFirstListItem() {
-        return this.host.querySelector("[slot=list] > li a");
-    }
-    render() {
-        return (h("div", { key: '35da87d8b6c298e1d275dfd560e188392f6b4240', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: '19cb5c6be1332e1368a95e9f1c9fd75eab180537', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: '6c60c797a38297dae9bd0d20de05d1b1fc56eabe', class: "toggle" }, h("slot", { key: 'b8f05dfa48ac55abe1973edc1362c058cd6229ae', name: "toggle" })), this.titolo && h("p", { key: '2351683832e396830b209cd79f4e1dfda4ea0a06', class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: 'a9c3fa81d7782a6435a25ff11cc441387dd5d2f5', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: 'db438000b8945a0e475f4d87210d434a9ed89291' }, h("p", { key: 'fcded55527c89607c612f3bf5df8930d8f5f4f03', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: '293942b64d7bd650a9da699d1af2352ce655b3a6', title: this.getTitleAuthors() }, h("span", { key: '8a160dd2f564a8b13aaf1851e0f816ddd6f76900', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: 'f229c0892190257e3b3c524d18287025b00d9935', class: "year-isbn" }, h("span", { key: '696be9c4b7d1241631984dcd03843ead0797bb49', class: "isbn" }, h("span", { key: '61b3408ac1241e71fead90968d4fca0ee431a524' }, h("span", { key: 'b849e83f4a918865903eb11fe2a5419ab23f6d2a', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: '855603b8a51aeee7d473dc3db00e26a298be7220', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: '020d4cd75c9f90ec3f61f287dd92e8d36f1bf4a2', name: "list" })))), this.customContent && h("slot", { key: '0777c84a347b457b6f92c19100ac12d452356bb6', name: "content" })));
-    }
-    get host() { return this; }
-    static get style() { return ZMyzCardFooterStyle0; }
-}, [1, "z-myz-card-footer", {
-        "titolo": [1],
-        "autori": [1],
-        "isbn": [1],
-        "faded": [4],
-        "cardtype": [1],
-        "opened": [4],
-        "customContent": [4, "custom-content"],
-        "isOpen": [32],
-        "allowTooltipAuthors": [32]
-    }, [[0, "toggleClick", "handleToggle"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-myz-card-footer"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-myz-card-footer":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZMyzCardFooter$1);
-            }
-            break;
-    } });
-}
-
-const ZMyzCardFooter = ZMyzCardFooter$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZMyzCardFooter, defineCustomElement };
-
-//# sourceMappingURL=z-myz-card-footer.js.map
+import{proxyCustomElement as e,HTMLElement as t,h as o,transformTag as i}from"@stencil/core/internal/client";import{L as n}from"./index2.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.opened=!1,this.customContent=!1,this.isOpen=!1,this.allowTooltipAuthors=!1}handleToggle(){if(this.isOpen=!this.isOpen,this.isOpen){const e=this.getFirstListItem();e&&requestAnimationFrame((()=>{e.focus()}))}}getTitleAuthors(){return this.allowTooltipAuthors?this.autori:""}componentWillLoad(){this.opened&&(this.isOpen=!0)}elementsEllipsis(){this.allowTooltipAuthors=!!this.elementAuthorsHasEllipsis()}elementAuthorsHasEllipsis(){return this.ellipsisAuthors.offsetWidth<this.ellipsisAuthors.scrollWidth}retrieveClass(){return{isopen:this.isOpen,real:this.cardtype===n.REAL,trial:this.cardtype===n.TRIAL,temp:this.cardtype===n.TEMP,"custom-content":this.customContent}}footerTransitionHandler(e){["visibility","height"].includes(e.propertyName)&&this.elementsEllipsis()}getFirstListItem(){return this.host.querySelector("[slot=list] > li a")}render(){return o("div",{key:"0836e7e0d6c360721019bc7674466345e3eaab74",class:Object.assign(Object.assign({},this.retrieveClass()),{wrapper:!0})},o("footer",{key:"0771eca0b6c8267a612f95800fc807096efd19eb",class:this.retrieveClass(),onTransitionEnd:e=>this.footerTransitionHandler(e)},o("span",{key:"e9ca8f43d386ae14914d192a428698ecd9ee1082",class:"toggle"},o("slot",{key:"4ffe0ee9635d343821a20d572217fd7f971a781f",name:"toggle"})),this.titolo&&o("p",{key:"352cff28af1654d0676dcf0c184f42a5158bbbbe",class:{"custom-content":this.customContent}},this.titolo),o("div",{key:"a76925042afd579c30fc82faf96146718dd497c9",class:{content:!0,"custom-content":this.customContent}},o("div",{key:"a3f2391f91e996b06d00a725a1b010f0df352551"},o("p",{key:"4dfcf2de83492dd502eb69cc2525769c04430744",class:"authors",ref:e=>this.ellipsisAuthors=e},o("span",{key:"b0f06c214c88f38e477a0aacc824441160bf38fb",title:this.getTitleAuthors()},o("span",{key:"6343877f00355d614d4a263d3615b5d6222ba795","aria-description":"Autori",class:"bold"},this.autori))),o("p",{key:"b1f88556f9e2493e9070e71c72cc760f2f52738d",class:"year-isbn"},o("span",{key:"a934207b2ae734db3deca9d5a2544d86cb011117",class:"isbn"},o("span",{key:"4a2d0fa9a603e63aa3443934d58f5df9350fbdf3"},o("span",{key:"2668d24fe56de6eb660fc56a540347070ade4d92","aria-description":"ISBN edizione cartacea",class:"bold"},this.isbn)," ","(ed. cartacea)")))),o("div",{key:"6310cdec45297752f3035d975c3073acce3e2076",class:"slot-handler "+(this.isOpen?"visible":"hidden")},o("slot",{key:"f949fe923fa112d79c6cf4fa7490dd03e7f9c772",name:"list"})))),this.customContent&&o("slot",{key:"b0479a7f0e890c03dfbdced57aa6162d38981eb9",name:"content"}))}get host(){return this}static get style(){return'footer{position:relative;z-index:5;top:0;width:auto;height:calc(var(--space-unit) * 6);padding:0;border-top:var(--border-size-medium) solid var(--color-surface03);margin:0;background-color:var(--color-surface01);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-family:var(--font-family-sans);font-weight:var(--font-rg);transition:height 500ms ease-in-out,     top 500ms ease-in-out}footer.real,footer.trial,footer.temp{border-top:var(--border-size-medium) solid var(--blue100)}footer .bold{font-family:var(--font-family-sans);font-weight:var(--font-sb)}footer>p{overflow:hidden;height:40px;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);margin:0;background-color:var(--color-surface01);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);line-height:22px;transition:all 200ms linear}footer.isopen>p{background-color:var(--gray200);font-size:14px;font-weight:var(--font-sb);transition:all 200ms linear}footer.isopen.real>p,footer.isopen.trial>p,footer.isopen.temp>p{background-color:var(--blue100)}footer .visible{display:block}footer .hidden{display:none}footer>div.content{overflow:hidden;height:60px}footer>div.content>div:not(.slot-handler){padding:var(--space-unit) calc(var(--space-unit) * 2)}footer>div.content>div>p{overflow:hidden;height:20px;padding:0;margin:0;font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}footer>div.content>div>p.year-isbn{display:flex;flex-direction:row;justify-content:space-between;padding-top:var(--space-unit)}footer>div.content>div>p.year-isbn>span.isbn{overflow:hidden;text-overflow:ellipsis}footer.isopen>div.content>div:not(.slot-handler){height:68px}footer.isopen>div.content>div>p.authors{height:40px;text-overflow:initial;white-space:initial}footer.isopen>div.content>div>p.year-isbn{height:50px;flex-direction:column;padding-left:0}footer.isopen>div.content>div>p.year-isbn>span.isbn{display:inline-grid;padding-left:0}footer.isopen{top:-212px;height:295px;transition:height 500ms ease-in-out,     top 500ms ease-in-out}footer.isopen.custom-content{top:-292px}footer.isopen>div.content{height:280px;transition:height 500ms ease-in-out,     top 500ms ease-in-out}footer.isopen.custom-content>div.content{height:230px}.toggle{position:absolute;z-index:10;top:-24px;left:16px}.faded{opacity:0.3;pointer-events:none}footer>p.custom-content,footer .content.custom-content{display:none}footer.isopen>p.custom-content,footer.isopen .content.custom-content{display:block}div.wrapper{position:relative;height:100%}div.wrapper ::slotted([slot="content"]){position:absolute;z-index:10;top:calc(var(--space-unit) * 2);display:block;width:100%;height:112px;box-sizing:border-box;padding:0 calc(var(--space-unit) * 2);border-top:var(--border-size-medium) solid transparent;background:var(--color-white)}div.wrapper.isopen ::slotted([slot="content"]){top:0;bottom:0;height:128px;padding:calc(var(--space-unit) * 2);border-color:var(--blue100)}'}},[257,"z-myz-card-footer",{titolo:[1],autori:[1],isbn:[1],faded:[4],cardtype:[1],opened:[4],customContent:[4,"custom-content"],isOpen:[32],allowTooltipAuthors:[32]},[[0,"toggleClick","handleToggle"]]]),a=s,r=function(){"undefined"!=typeof customElements&&["z-myz-card-footer"].forEach((e=>{"z-myz-card-footer"===e&&(customElements.get(i(e))||customElements.define(i(e),s))}))};export{a as ZMyzCardFooter,r as defineCustomElement}

package/dist/components/z-myz-card-header.js

@@ -1,8 +1 @@
-import { Z as ZMyzCardHeader$1, d as defineCustomElement$1 } from './index21.js';
-
-const ZMyzCardHeader = ZMyzCardHeader$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZMyzCardHeader, defineCustomElement };
-
-//# sourceMappingURL=z-myz-card-header.js.map
+import{Z as o,d as s}from"./index25.js";const r=o,t=s;export{r as ZMyzCardHeader,t as defineCustomElement}

package/dist/components/z-myz-card-icon.js

@@ -1,49 +1 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './index10.js';
-
-const stylesCss = "button{display:flex;width:42px;width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 5);height:calc(var(--space-unit) * 6);align-items:center;justify-content:center;padding:0;border:none;border-left:var(--border-size-medium) solid var(--color-surface03);margin:0;background:none;border-radius:0 var(--border-radius) 0 0;color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);outline:none}button:active,button:focus{color:var(--blue700);fill:var(--blue700)}button>span{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border:0;border-radius:var(--border-radius)}button:hover>span{background:var(--color-primary03)}button:focus>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-focus-primary)}button:active>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-2)}button:disabled{cursor:not-allowed}button:disabled>span{background:none;box-shadow:var(--shadow-0);pointer-events:none}button:disabled>span>z-icon{fill:var(--color-surface03)}button::-moz-focus-inner{border:0}";
-const ZMyzCardIconStyle0 = stylesCss;
-
-const ZMyzCardIcon$1 = /*@__PURE__*/ proxyCustomElement(class ZMyzCardIcon extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.icon = undefined;
-        this.isdisabled = false;
-        this.ariaLabel = "";
-    }
-    render() {
-        return (h("button", { key: '8cf0706cb512e898631d0be8c684f71fdabae5ad', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: '60d66f1cd2ce59f2fda0b2c0c3be76464aafee42' }, h("z-icon", { key: '32fdcb582bb5be5e2fe65218c878b598a562aa90', name: this.icon, width: 16, height: 16 }))));
-    }
-    static get style() { return ZMyzCardIconStyle0; }
-}, [1, "z-myz-card-icon", {
-        "icon": [1],
-        "isdisabled": [4],
-        "ariaLabel": [1, "aria-label"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-myz-card-icon", "z-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-myz-card-icon":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZMyzCardIcon$1);
-            }
-            break;
-        case "z-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const ZMyzCardIcon = ZMyzCardIcon$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZMyzCardIcon, defineCustomElement };
-
-//# sourceMappingURL=z-myz-card-icon.js.map
+import{proxyCustomElement as r,HTMLElement as e,h as a,transformTag as o}from"@stencil/core/internal/client";import{d as t}from"./index3.js";const n=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.isdisabled=!1,this.ariaLabel=""}render(){return a("button",{key:"07cb991da26a22d55fb6cca776a5ef0208d53311",disabled:this.isdisabled,"aria-label":this.ariaLabel},a("span",{key:"6f71110aba5937ec76b6916cb4fdec52856af097"},a("z-icon",{key:"b01cbee366497b8b3d27f997e884f8be5a14e6fb",name:this.icon,width:16,height:16})))}static get style(){return"button{display:flex;width:42px;width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 5);height:calc(var(--space-unit) * 6);align-items:center;justify-content:center;padding:0;border:none;border-left:var(--border-size-medium) solid var(--color-surface03);margin:0;background:none;border-radius:0 var(--border-radius) 0 0;color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);outline:none}button:active,button:focus{color:var(--blue700);fill:var(--blue700)}button>span{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border:0;border-radius:var(--border-radius)}button:hover>span{background:var(--color-primary03)}button:focus>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-focus-primary)}button:active>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-2)}button:disabled{cursor:not-allowed}button:disabled>span{background:none;box-shadow:var(--shadow-0);pointer-events:none}button:disabled>span>z-icon{fill:var(--color-surface03)}button::-moz-focus-inner{border:0}"}},[1,"z-myz-card-icon",{icon:[1],isdisabled:[4],ariaLabel:[1,"aria-label"]}]),i=n,s=function(){"undefined"!=typeof customElements&&["z-myz-card-icon","z-icon"].forEach((r=>{switch(r){case"z-myz-card-icon":customElements.get(o(r))||customElements.define(o(r),n);break;case"z-icon":customElements.get(o(r))||t()}}))};export{i as ZMyzCardIcon,s as defineCustomElement}

package/dist/components/z-myz-card-info.js

@@ -1,162 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { P as PopoverPosition } from './index2.js';
-import { h as handleKeyboardSubmit } from './utils.js';
-import { d as defineCustomElement$3 } from './index10.js';
-import { d as defineCustomElement$2 } from './index24.js';
-
-const stylesCss = ":host{width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{position:relative;display:grid;width:calc(100% + calc(var(--space-unit) * 2));height:402px;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);border:var(--border-size-small) solid var(--color-primary01);margin-left:calc(-1 * var(--space-unit));background:var(--color-surface01);border-radius:0;box-shadow:0 2px 4px 0 rgb(66 69 72 / 35%)}:host>div>z-icon{position:absolute;top:var(--space-unit);right:var(--space-unit);cursor:pointer;fill:var(--color-primary01)}:host>div>div.cta-wrapper{display:flex;flex-flow:column nowrap;align-self:end;justify-content:space-between}:host>div>div.content-wrapper{position:relative;overflow:hidden;align-self:stretch}:host>div>div.content-wrapper>section{box-sizing:border-box;padding:var(--space-unit) 0;border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);font-size:14px;line-height:20px}:host>div>div.content-wrapper>section:last-child{border-bottom:none}:host>div>div.content-wrapper>section.info-wrapper{position:relative;overflow:hidden;box-sizing:border-box}:host>div>div.content-wrapper>section.info-wrapper.hidden::after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg, rgb(255 0 0 / 0%), rgb(255 0 0 / 0%) 60%, white);content:\"\";pointer-events:none}:host>div>div.content-wrapper>section>span.license-heading{display:flex;justify-content:space-between}:host>div>div.content-wrapper>section>span.license-heading>span.expired{color:var(--color-primary01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-hover-warning);font-size:12px;font-weight:600}:host>div>div.content-wrapper>z-popover{position:absolute;top:0;left:calc(var(--space-unit) * 4)}";
-const ZMyzCardInfoStyle0 = stylesCss;
-
-const ZMyzCardInfo$1 = /*@__PURE__*/ proxyCustomElement(class ZMyzCardInfo extends HTMLElement {
-    emitFlipCard(showBack = false) {
-        this.flipCard.emit(showBack);
-    }
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.flipCard = createEvent(this, "flipCard", 7);
-        this.data = undefined;
-        this.htmltabindex = 0;
-        this.hiddenContent = false;
-        this.tooltip = false;
-        this.emitFlipCard = this.emitFlipCard.bind(this);
-    }
-    componentWillLoad() {
-        this.setStringOrArray();
-    }
-    componentWillUpdate() {
-        this.setStringOrArray();
-    }
-    componentDidRender() {
-        this.handleContentHeight();
-    }
-    handleContentHeight() {
-        if (!this.contentWrapper && !this.infoWrapper) {
-            this.hiddenContent = false;
-            return;
-        }
-        if (this.contentWrapper.scrollHeight > this.contentWrapper.offsetHeight ||
-            this.infoWrapper.scrollHeight > this.infoWrapper.offsetHeight) {
-            const height = this.contentWrapper.offsetHeight -
-                this.onlineLicenseWrapper.offsetHeight -
-                this.offlineLicenseWrapper.offsetHeight;
-            this.infoWrapper.style.height = `${height}px`;
-            this.hiddenContent = true;
-            return;
-        }
-        this.hiddenContent = false;
-    }
-    setStringOrArray() {
-        if (typeof this.data === "string") {
-            this.cardData = JSON.parse(this.data);
-        }
-        else {
-            this.cardData = this.data;
-        }
-    }
-    renderCloseIcon() {
-        return (h("z-icon", { name: "multiply-circled-filled", height: 18, width: 18, onClick: () => this.emitFlipCard(false), tabindex: this.htmltabindex, onKeyUp: (e) => {
-                handleKeyboardSubmit(e, this.emitFlipCard, false);
-            } }));
-    }
-    renderGeneralSection() {
-        var _a, _b;
-        const title = (_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.title;
-        const description = (_b = this === null || this === void 0 ? void 0 : this.cardData) === null || _b === void 0 ? void 0 : _b.description;
-        return (h("section", { class: `info-wrapper ${this.hiddenContent ? "hidden" : ""}`, onClick: () => {
-                if (this.hiddenContent) {
-                    this.tooltip = !this.tooltip;
-                }
-            }, ref: (el) => (this.infoWrapper = el) }, this.renderAuthor(), this.renderYear(), title, h("br", null), description));
-    }
-    renderAuthor() {
-        var _a;
-        const author = (_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.author;
-        if (!author) {
-            return null;
-        }
-        return (h("span", null, "Autore: ", h("b", null, author), h("br", null)));
-    }
-    renderYear() {
-        var _a;
-        const year = (_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.year;
-        if (!year) {
-            return null;
-        }
-        return (h("span", null, "Anno: ", h("b", null, year), h("br", null)));
-    }
-    renderTooltip() {
-        if (!this.tooltip) {
-            return;
-        }
-        if (!this.cardData) {
-            return;
-        }
-        const { title, year, author, description } = this.cardData;
-        return (h("z-popover", { position: PopoverPosition.RIGHT, onClick: () => (this.tooltip = false) }, `${title} ${year} ${author} ${description}`));
-    }
-    setExpirationLicenseMessage(type) {
-        if ((type === "online" && this.cardData.onlineLicense.expired) ||
-            (type === "offline" && this.cardData.offlineLicense.expired)) {
-            return h("span", { class: "expired" }, "SCADUTA");
-        }
-        if ((type === "online" && this.cardData.onlineLicense.expiring) ||
-            (type === "offline" && this.cardData.offlineLicense.expiring)) {
-            return h("span", { class: "expiring" }, "IN SCADENZA");
-        }
-    }
-    renderOnlineLicenseSection() {
-        var _a;
-        if (!((_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.onlineLicense)) {
-            return;
-        }
-        return (h("section", { ref: (el) => (this.onlineLicenseWrapper = el) }, h("span", { class: "license-heading" }, h("span", null, "Licenza online"), this.setExpirationLicenseMessage("online")), "Scadenza il ", h("b", null, this.cardData.onlineLicense.expiration), h("br", null)));
-    }
-    renderOfflineLicenseSection() {
-        var _a;
-        if (!((_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.offlineLicense)) {
-            return;
-        }
-        return (h("section", { ref: (el) => (this.offlineLicenseWrapper = el) }, h("span", { class: "license-heading" }, h("span", null, "Licenza offline"), this.setExpirationLicenseMessage("offline")), "Scadenza il ", h("b", null, this.cardData.offlineLicense.expiration), h("br", null), "Installazioni disponibili: ", h("b", null, this.cardData.offlineLicense.installations)));
-    }
-    render() {
-        return (h("div", { key: '33d2316b245cb7639f3ffaddd9e3af836a893b43' }, this.renderCloseIcon(), h("div", { key: 'b9b5af413eabc3c3cfbc2c301764e17211d3be64', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: '7e0bc24301074fdc5541421fcb9ba0a58f65b306', class: "cta-wrapper" }, h("slot", { key: '4e573ed4019c8f24f92ca27d54b67ca4a80d766b' }))));
-    }
-    static get style() { return ZMyzCardInfoStyle0; }
-}, [1, "z-myz-card-info", {
-        "data": [1],
-        "htmltabindex": [2],
-        "hiddenContent": [32],
-        "tooltip": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-myz-card-info", "z-icon", "z-popover"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-myz-card-info":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZMyzCardInfo$1);
-            }
-            break;
-        case "z-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "z-popover":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const ZMyzCardInfo = ZMyzCardInfo$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZMyzCardInfo, defineCustomElement };
-
-//# sourceMappingURL=z-myz-card-info.js.map
+import{proxyCustomElement as i,HTMLElement as e,createEvent as t,h as n,transformTag as o}from"@stencil/core/internal/client";import{P as s}from"./index2.js";import{h as r}from"./utils.js";import{d as a}from"./index3.js";import{d as l}from"./index17.js";const c=i(class extends e{emitFlipCard(i=!1){this.flipCard.emit(i)}constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.flipCard=t(this,"flipCard",7),this.htmltabindex=0,this.hiddenContent=!1,this.tooltip=!1,this.emitFlipCard=this.emitFlipCard.bind(this)}componentWillLoad(){this.setStringOrArray()}componentWillUpdate(){this.setStringOrArray()}componentDidRender(){this.handleContentHeight()}handleContentHeight(){if(this.contentWrapper||this.infoWrapper){if(this.contentWrapper.scrollHeight>this.contentWrapper.offsetHeight||this.infoWrapper.scrollHeight>this.infoWrapper.offsetHeight)return this.infoWrapper.style.height=this.contentWrapper.offsetHeight-this.onlineLicenseWrapper.offsetHeight-this.offlineLicenseWrapper.offsetHeight+"px",void(this.hiddenContent=!0);this.hiddenContent=!1}else this.hiddenContent=!1}setStringOrArray(){this.cardData="string"==typeof this.data?JSON.parse(this.data):this.data}renderCloseIcon(){return n("z-icon",{name:"multiply-circled-filled",height:18,width:18,onClick:()=>this.emitFlipCard(!1),tabindex:this.htmltabindex,onKeyUp:i=>{r(i,this.emitFlipCard,!1)}})}renderGeneralSection(){var i,e;const t=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.title,o=null===(e=null==this?void 0:this.cardData)||void 0===e?void 0:e.description;return n("section",{class:"info-wrapper "+(this.hiddenContent?"hidden":""),onClick:()=>{this.hiddenContent&&(this.tooltip=!this.tooltip)},ref:i=>this.infoWrapper=i},this.renderAuthor(),this.renderYear(),t,n("br",null),o)}renderAuthor(){var i;const e=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.author;return e?n("span",null,"Autore: ",n("b",null,e),n("br",null)):null}renderYear(){var i;const e=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.year;return e?n("span",null,"Anno: ",n("b",null,e),n("br",null)):null}renderTooltip(){if(!this.tooltip)return;if(!this.cardData)return;const{title:i,year:e,author:t,description:o}=this.cardData;return n("z-popover",{position:s.RIGHT,onClick:()=>this.tooltip=!1},`${i} ${e} ${t} ${o}`)}setExpirationLicenseMessage(i){return"online"===i&&this.cardData.onlineLicense.expired||"offline"===i&&this.cardData.offlineLicense.expired?n("span",{class:"expired"},"SCADUTA"):"online"===i&&this.cardData.onlineLicense.expiring||"offline"===i&&this.cardData.offlineLicense.expiring?n("span",{class:"expiring"},"IN SCADENZA"):void 0}renderOnlineLicenseSection(){var i;if(null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.onlineLicense)return n("section",{ref:i=>this.onlineLicenseWrapper=i},n("span",{class:"license-heading"},n("span",null,"Licenza online"),this.setExpirationLicenseMessage("online")),"Scadenza il ",n("b",null,this.cardData.onlineLicense.expiration),n("br",null))}renderOfflineLicenseSection(){var i;if(null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.offlineLicense)return n("section",{ref:i=>this.offlineLicenseWrapper=i},n("span",{class:"license-heading"},n("span",null,"Licenza offline"),this.setExpirationLicenseMessage("offline")),"Scadenza il ",n("b",null,this.cardData.offlineLicense.expiration),n("br",null),"Installazioni disponibili: ",n("b",null,this.cardData.offlineLicense.installations))}render(){return n("div",{key:"2cf85a75758a40cfb8b3c9df21fecc74cbb04f58"},this.renderCloseIcon(),n("div",{key:"af5eb9bd6a0cc66c03731683794faf2b60686e40",class:"content-wrapper",ref:i=>this.contentWrapper=i},this.renderGeneralSection(),this.renderTooltip(),this.renderOnlineLicenseSection(),this.renderOfflineLicenseSection()),n("div",{key:"39225945aeaa95be7f2b30eb4a23c04f5a6246f2",class:"cta-wrapper"},n("slot",{key:"b1c650e3a43ee7d78530eaa52638cd3c4cf02a7f"})))}static get style(){return':host{width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{position:relative;display:grid;width:calc(100% + calc(var(--space-unit) * 2));height:402px;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);border:var(--border-size-small) solid var(--color-primary01);margin-left:calc(-1 * var(--space-unit));background:var(--color-surface01);border-radius:0;box-shadow:0 2px 4px 0 rgb(66 69 72 / 35%)}:host>div>z-icon{position:absolute;top:var(--space-unit);right:var(--space-unit);cursor:pointer;fill:var(--color-primary01)}:host>div>div.cta-wrapper{display:flex;flex-flow:column nowrap;align-self:end;justify-content:space-between}:host>div>div.content-wrapper{position:relative;overflow:hidden;align-self:stretch}:host>div>div.content-wrapper>section{box-sizing:border-box;padding:var(--space-unit) 0;border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);font-size:14px;line-height:20px}:host>div>div.content-wrapper>section:last-child{border-bottom:none}:host>div>div.content-wrapper>section.info-wrapper{position:relative;overflow:hidden;box-sizing:border-box}:host>div>div.content-wrapper>section.info-wrapper.hidden::after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg, rgb(255 0 0 / 0%), rgb(255 0 0 / 0%) 60%, white);content:"";pointer-events:none}:host>div>div.content-wrapper>section>span.license-heading{display:flex;justify-content:space-between}:host>div>div.content-wrapper>section>span.license-heading>span.expired{color:var(--color-primary01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-hover-warning);font-size:12px;font-weight:600}:host>div>div.content-wrapper>z-popover{position:absolute;top:0;left:calc(var(--space-unit) * 4)}'}},[257,"z-myz-card-info",{data:[1],htmltabindex:[2],hiddenContent:[32],tooltip:[32]}]),d=c,h=function(){"undefined"!=typeof customElements&&["z-myz-card-info","z-icon","z-popover"].forEach((i=>{switch(i){case"z-myz-card-info":customElements.get(o(i))||customElements.define(o(i),c);break;case"z-icon":customElements.get(o(i))||a();break;case"z-popover":customElements.get(o(i))||l()}}))};export{d as ZMyzCardInfo,h as defineCustomElement}

package/dist/components/z-myz-card-list.js

@@ -1,58 +1 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const stylesCss = "*:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}ul{overflow:hidden;width:auto;height:auto;padding:0;margin:0 calc(var(--space-unit) * 2);color:var(--color-primary01);font-family:var(--font-family-sans);list-style:none}ul>li{padding-left:10px;text-indent:-10px}ul>li>a{display:block;padding-top:calc(var(--space-unit) * 0.5);color:var(--color-primary01);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}ul>li>a::before{padding-right:5px;content:\"•\"}ul>li>span{padding:0 calc(var(--space-unit) * 2);color:var(--color-surface04);font-size:14px;font-weight:var(--font-rg);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}";
-const ZMyzCardListStyle0 = stylesCss;
-
-const ZMyzCardList$1 = /*@__PURE__*/ proxyCustomElement(class ZMyzCardList extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.listdata = undefined;
-        this.renderList = this.renderList.bind(this);
-    }
-    handleSpaceKeyPress(e, url) {
-        if (e.keyCode == 32 || e.keyCode == 13) {
-            e.preventDefault();
-            window.open(url, "_blank");
-        }
-    }
-    formatListContent(data) {
-        const { value, isLink, url } = data;
-        if (!isLink) {
-            return h("span", null, value);
-        }
-        return (h("a", { role: "button", onKeyPress: (e) => this.handleSpaceKeyPress(e, url), href: url, target: "_blank" }, value));
-    }
-    renderList(dataArray) {
-        return dataArray.map((data) => {
-            return h("li", null, this.formatListContent(data));
-        });
-    }
-    render() {
-        return h("ul", { key: 'cce7f1087e4ae9ebc4cc4f9fd3750a82762348ae' }, this.renderList(JSON.parse(this.listdata)));
-    }
-    static get style() { return ZMyzCardListStyle0; }
-}, [1, "z-myz-card-list", {
-        "listdata": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-myz-card-list"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-myz-card-list":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZMyzCardList$1);
-            }
-            break;
-    } });
-}
-
-const ZMyzCardList = ZMyzCardList$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZMyzCardList, defineCustomElement };
-
-//# sourceMappingURL=z-myz-card-list.js.map
+import{proxyCustomElement as t,HTMLElement as e,h as n,transformTag as a}from"@stencil/core/internal/client";const i=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.renderList=this.renderList.bind(this)}handleSpaceKeyPress(t,e){32!=t.keyCode&&13!=t.keyCode||(t.preventDefault(),window.open(e,"_blank"))}formatListContent(t){const{value:e,isLink:a,url:i}=t;return a?n("a",{role:"button",onKeyPress:t=>this.handleSpaceKeyPress(t,i),href:i,target:"_blank"},e):n("span",null,e)}renderList(t){return t.map((t=>n("li",null,this.formatListContent(t))))}render(){return n("ul",{key:"7ed6a040b79c3ea63fc94c941dcf31b8d220aea5"},this.renderList(JSON.parse(this.listdata)))}static get style(){return'*:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}ul{overflow:hidden;width:auto;height:auto;padding:0;margin:0 calc(var(--space-unit) * 2);color:var(--color-primary01);font-family:var(--font-family-sans);list-style:none}ul>li{padding-left:10px;text-indent:-10px}ul>li>a{display:block;padding-top:calc(var(--space-unit) * 0.5);color:var(--color-primary01);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}ul>li>a::before{padding-right:5px;content:"•"}ul>li>span{padding:0 calc(var(--space-unit) * 2);color:var(--color-surface04);font-size:14px;font-weight:var(--font-rg);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}'}},[1,"z-myz-card-list",{listdata:[1]}]),r=i,o=function(){"undefined"!=typeof customElements&&["z-myz-card-list"].forEach((t=>{"z-myz-card-list"===t&&(customElements.get(a(t))||customElements.define(a(t),i))}))};export{r as ZMyzCardList,o as defineCustomElement}

package/dist/components/z-myz-card.js

@@ -1,8 +1 @@
-import { Z as ZMyzCardComponent, d as defineCustomElement$1 } from './index18.js';
-
-const ZMyzCard = ZMyzCardComponent;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZMyzCard, defineCustomElement };
-
-//# sourceMappingURL=z-myz-card.js.map
+import{Z as o,d as s}from"./index22.js";const r=o,t=s;export{r as ZMyzCard,t as defineCustomElement}

package/dist/components/z-myz-list-item.js

@@ -1,8 +1 @@
-import { Z as ZMyzListItem$1, d as defineCustomElement$1 } from './index22.js';
-
-const ZMyzListItem = ZMyzListItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZMyzListItem, defineCustomElement };
-
-//# sourceMappingURL=z-myz-list-item.js.map
+import{Z as o,d as s}from"./index26.js";const r=o,t=s;export{r as ZMyzListItem,t as defineCustomElement}

package/dist/components/z-myz-list.js

@@ -1,71 +1 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$3 } from './index10.js';
-import { d as defineCustomElement$2 } from './index22.js';
-
-const stylesCss = "ul{padding:0;margin:0}";
-const ZMyzListStyle0 = stylesCss;
-
-const ZMyzList$1 = /*@__PURE__*/ proxyCustomElement(class ZMyzList extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.inputrawdata = undefined;
-        this.list = undefined;
-    }
-    componentWillLoad() {
-        if (this.inputrawdata) {
-            this.parseinputrawdata(this.inputrawdata);
-        }
-    }
-    parseinputrawdata(inputrawdata) {
-        this.list = [...JSON.parse(inputrawdata)];
-    }
-    oninputrawdataChange(newValue) {
-        this.parseinputrawdata(newValue);
-    }
-    render() {
-        const lastElem = this.list ? this.list.length - 1 : -1;
-        return (h("ul", { key: '0d63299c1c3d2dfca39396e75703a1b2ed979d3f' }, this.list &&
-            this.list.map((bean, i) => (h("z-myz-list-item", { listitemid: bean.listitemid, text: bean.text, link: bean.link, linktarget: bean.linktarget, icon: bean.icon, underlined: lastElem != i })))));
-    }
-    static get watchers() { return {
-        "inputrawdata": ["oninputrawdataChange"]
-    }; }
-    static get style() { return ZMyzListStyle0; }
-}, [1, "z-myz-list", {
-        "inputrawdata": [1],
-        "list": [1040]
-    }, undefined, {
-        "inputrawdata": ["oninputrawdataChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-myz-list", "z-icon", "z-myz-list-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-myz-list":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZMyzList$1);
-            }
-            break;
-        case "z-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "z-myz-list-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const ZMyzList = ZMyzList$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZMyzList, defineCustomElement };
-
-//# sourceMappingURL=z-myz-list.js.map
+import{proxyCustomElement as t,HTMLElement as i,h as e,transformTag as s}from"@stencil/core/internal/client";import{d as n}from"./index3.js";import{d as a}from"./index26.js";const r=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}componentWillLoad(){this.inputrawdata&&this.parseinputrawdata(this.inputrawdata)}parseinputrawdata(t){this.list=[...JSON.parse(t)]}oninputrawdataChange(t){this.parseinputrawdata(t)}render(){const t=this.list?this.list.length-1:-1;return e("ul",{key:"8864b8d3a72f6feb8dd470c865bcbf20b922f31c"},this.list&&this.list.map(((i,s)=>e("z-myz-list-item",{listitemid:i.listitemid,text:i.text,link:i.link,linktarget:i.linktarget,icon:i.icon,underlined:t!=s}))))}static get watchers(){return{inputrawdata:[{oninputrawdataChange:0}]}}static get style(){return"ul{padding:0;margin:0}"}},[1,"z-myz-list",{inputrawdata:[1],list:[1040]},void 0,{inputrawdata:[{oninputrawdataChange:0}]}]),o=r,c=function(){"undefined"!=typeof customElements&&["z-myz-list","z-icon","z-myz-list-item"].forEach((t=>{switch(t){case"z-myz-list":customElements.get(s(t))||customElements.define(s(t),r);break;case"z-icon":customElements.get(s(t))||n();break;case"z-myz-list-item":customElements.get(s(t))||a()}}))};export{o as ZMyzList,c as defineCustomElement}