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

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

@@ -0,0 +1,50 @@
+import { p as proxyCustomElement, H, h } from './p-Dxu5saXC.js';
+import { d as defineCustomElement$2 } from './p-DexdQ2O9.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 ZMyzCardIcon$1 = /*@__PURE__*/ proxyCustomElement(class ZMyzCardIcon extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.icon = undefined;
+        this.isdisabled = false;
+        this.ariaLabel = "";
+    }
+    render() {
+        return (h("button", { key: '0efbf0213b8e591fecb8a5faaa78ca5a52ebe90a', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: 'a434839ab6a15dece16b4183917d18bc4fa2c928' }, h("z-icon", { key: '7d94c5a200f839b0a1e1f0e9d110c757bd6c9903', name: this.icon, width: 16, height: 16 }))));
+    }
+    static get style() { return stylesCss; }
+}, [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;
+    } });
+}
+defineCustomElement$1();
+
+const ZMyzCardIcon = ZMyzCardIcon$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZMyzCardIcon, defineCustomElement };
+//# sourceMappingURL=z-myz-card-icon.js.map
+
+//# sourceMappingURL=z-myz-card-icon.js.map

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

@@ -0,0 +1 @@
+{"file":"z-myz-card-icon.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,mmCAAmmC;;MCCxmCA,cAAY,iBAAAC,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AACrB,IAAA,WAAA,GAAA;;;;AACI,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;AACrB,QAAA,IAAI,CAAC,UAAU,GAAG,KAAK;AACvB,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;AACtB;IACD,MAAM,GAAA;AACF,QAAA,QAAQ,CAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAE,YAAY,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ZMyzCardIcon","__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-icon/styles.css?tag=z-myz-card-icon&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-icon/index.js"],"sourcesContent":["button {\n  display: flex;\n  width: 42px;\n  width: calc(var(--space-unit) * 6);\n  height: calc(var(--space-unit) * 5);\n  height: calc(var(--space-unit) * 6);\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  border-left: var(--border-size-medium) solid var(--color-surface03);\n  margin: 0;\n  background: none;\n  border-radius: 0 var(--border-radius) 0 0;\n  color: var(--color-primary01);\n  cursor: pointer;\n  fill: var(--color-primary01);\n  outline: none;\n}\n\nbutton:active,\nbutton:focus {\n  color: var(--blue700);\n  fill: var(--blue700);\n}\n\nbutton > span {\n  display: flex;\n  width: 28px;\n  height: 28px;\n  align-items: center;\n  justify-content: center;\n  border: 0;\n  border-radius: var(--border-radius);\n}\n\nbutton:hover > span {\n  background: var(--color-primary03);\n}\n\nbutton:focus > span {\n  background: var(--color-surface01);\n  border-radius: var(--border-radius);\n  box-shadow: var(--shadow-focus-primary);\n}\n\nbutton:active > span {\n  background: var(--color-surface01);\n  border-radius: var(--border-radius);\n  box-shadow: var(--shadow-2);\n}\n\nbutton:disabled {\n  cursor: not-allowed;\n}\n\nbutton:disabled > span {\n  background: none;\n  box-shadow: var(--shadow-0);\n  pointer-events: none;\n}\n\nbutton:disabled > span > z-icon {\n  fill: var(--color-surface03);\n}\n\nbutton::-moz-focus-inner {\n  border: 0;\n}\n","import { h } from \"@stencil/core\";\nexport class ZMyzCardIcon {\n    constructor() {\n        this.icon = undefined;\n        this.isdisabled = false;\n        this.ariaLabel = \"\";\n    }\n    render() {\n        return (h(\"button\", { key: '0efbf0213b8e591fecb8a5faaa78ca5a52ebe90a', disabled: this.isdisabled, \"aria-label\": this.ariaLabel }, h(\"span\", { key: 'a434839ab6a15dece16b4183917d18bc4fa2c928' }, h(\"z-icon\", { key: '7d94c5a200f839b0a1e1f0e9d110c757bd6c9903', name: this.icon, width: 16, height: 16 }))));\n    }\n    static get is() { return \"z-myz-card-icon\"; }\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            \"icon\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"icon name\"\n                },\n                \"attribute\": \"icon\",\n                \"reflect\": false\n            },\n            \"isdisabled\": {\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\": \"disabled status flag\"\n                },\n                \"attribute\": \"isdisabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"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\": \"description of the icon\"\n                },\n                \"attribute\": \"aria-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            }\n        };\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

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

@@ -0,0 +1,163 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-Dxu5saXC.js';
+import { P as PopoverPosition } from './p-Bla2iV_L.js';
+import { h as handleKeyboardSubmit } from './p-D6oPathC.js';
+import { d as defineCustomElement$3 } from './p-DexdQ2O9.js';
+import { d as defineCustomElement$2 } from './p-wdrm-LLt.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 ZMyzCardInfo$1 = /*@__PURE__*/ proxyCustomElement(class ZMyzCardInfo extends H {
+    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: '89638672dffdef5f267c60755e21856a6ef029ae' }, this.renderCloseIcon(), h("div", { key: '71b4b4b5df37b0d6868fd2db22b680ca295ec97e', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: '25c47bf4f49051e96dcf192e62670fc758ca4b6d', class: "cta-wrapper" }, h("slot", { key: 'fcd0703d4b9517196e26d46630c10195931c13ae' }))));
+    }
+    static get style() { return stylesCss; }
+}, [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;
+    } });
+}
+defineCustomElement$1();
+
+const ZMyzCardInfo = ZMyzCardInfo$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZMyzCardInfo, defineCustomElement };
+//# sourceMappingURL=z-myz-card-info.js.map
+
+//# sourceMappingURL=z-myz-card-info.js.map

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

@@ -0,0 +1 @@
+{"file":"z-myz-card-info.js","mappings":"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","names":["ZMyzCardInfo","__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-info/styles.css?tag=z-myz-card-info&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-info/index.js"],"sourcesContent":[":host {\n  width: 100%;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > div {\n  position: relative;\n  display: grid;\n  width: calc(100% + calc(var(--space-unit) * 2));\n  height: 402px;\n  box-sizing: border-box;\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);\n  border: var(--border-size-small) solid var(--color-primary01);\n  margin-left: calc(-1 * var(--space-unit));\n  background: var(--color-surface01);\n  border-radius: 0;\n  box-shadow: 0 2px 4px 0 rgb(66 69 72 / 35%);\n}\n\n:host > div > z-icon {\n  position: absolute;\n  top: var(--space-unit);\n  right: var(--space-unit);\n  cursor: pointer;\n  fill: var(--color-primary01);\n}\n\n:host > div > div.cta-wrapper {\n  display: flex;\n  flex-flow: column nowrap;\n  align-self: end;\n  justify-content: space-between;\n}\n\n:host > div > div.content-wrapper {\n  position: relative;\n  overflow: hidden;\n  align-self: stretch;\n}\n\n:host > div > div.content-wrapper > section {\n  box-sizing: border-box;\n  padding: var(--space-unit) 0;\n  border-bottom: var(--border-size-small) solid var(--color-surface04);\n  color: var(--color-surface05);\n  font-size: 14px;\n  line-height: 20px;\n}\n\n:host > div > div.content-wrapper > section:last-child {\n  border-bottom: none;\n}\n\n:host > div > div.content-wrapper > section.info-wrapper {\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n:host > div > div.content-wrapper > section.info-wrapper.hidden::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: linear-gradient(180deg, rgb(255 0 0 / 0%), rgb(255 0 0 / 0%) 60%, white);\n  content: \"\";\n  pointer-events: none;\n}\n\n:host > div > div.content-wrapper > section > span.license-heading {\n  display: flex;\n  justify-content: space-between;\n}\n\n:host > div > div.content-wrapper > section > span.license-heading > span.expired {\n  color: var(--color-primary01);\n  font-size: 12px;\n  font-weight: 600;\n}\n\n:host > div > div.content-wrapper > section > span.license-heading > span.expiring {\n  color: var(--color-hover-warning);\n  font-size: 12px;\n  font-weight: 600;\n}\n\n:host > div > div.content-wrapper > z-popover {\n  position: absolute;\n  top: 0;\n  left: calc(var(--space-unit) * 4);\n}\n","import { h } from \"@stencil/core\";\nimport { PopoverPosition } from \"../../../../beans\";\nimport { handleKeyboardSubmit } from \"../../../../utils/utils\";\n/**\n * @slot  - content\n */\nexport class ZMyzCardInfo {\n    emitFlipCard(showBack = false) {\n        this.flipCard.emit(showBack);\n    }\n    constructor() {\n        this.data = undefined;\n        this.htmltabindex = 0;\n        this.hiddenContent = false;\n        this.tooltip = false;\n        this.emitFlipCard = this.emitFlipCard.bind(this);\n    }\n    componentWillLoad() {\n        this.setStringOrArray();\n    }\n    componentWillUpdate() {\n        this.setStringOrArray();\n    }\n    componentDidRender() {\n        this.handleContentHeight();\n    }\n    handleContentHeight() {\n        if (!this.contentWrapper && !this.infoWrapper) {\n            this.hiddenContent = false;\n            return;\n        }\n        if (this.contentWrapper.scrollHeight > this.contentWrapper.offsetHeight ||\n            this.infoWrapper.scrollHeight > this.infoWrapper.offsetHeight) {\n            const height = this.contentWrapper.offsetHeight -\n                this.onlineLicenseWrapper.offsetHeight -\n                this.offlineLicenseWrapper.offsetHeight;\n            this.infoWrapper.style.height = `${height}px`;\n            this.hiddenContent = true;\n            return;\n        }\n        this.hiddenContent = false;\n    }\n    setStringOrArray() {\n        if (typeof this.data === \"string\") {\n            this.cardData = JSON.parse(this.data);\n        }\n        else {\n            this.cardData = this.data;\n        }\n    }\n    renderCloseIcon() {\n        return (h(\"z-icon\", { name: \"multiply-circled-filled\", height: 18, width: 18, onClick: () => this.emitFlipCard(false), tabindex: this.htmltabindex, onKeyUp: (e) => {\n                handleKeyboardSubmit(e, this.emitFlipCard, false);\n            } }));\n    }\n    renderGeneralSection() {\n        var _a, _b;\n        const title = (_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.title;\n        const description = (_b = this === null || this === void 0 ? void 0 : this.cardData) === null || _b === void 0 ? void 0 : _b.description;\n        return (h(\"section\", { class: `info-wrapper ${this.hiddenContent ? \"hidden\" : \"\"}`, onClick: () => {\n                if (this.hiddenContent) {\n                    this.tooltip = !this.tooltip;\n                }\n            }, ref: (el) => (this.infoWrapper = el) }, this.renderAuthor(), this.renderYear(), title, h(\"br\", null), description));\n    }\n    renderAuthor() {\n        var _a;\n        const author = (_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.author;\n        if (!author) {\n            return null;\n        }\n        return (h(\"span\", null, \"Autore: \", h(\"b\", null, author), h(\"br\", null)));\n    }\n    renderYear() {\n        var _a;\n        const year = (_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.year;\n        if (!year) {\n            return null;\n        }\n        return (h(\"span\", null, \"Anno: \", h(\"b\", null, year), h(\"br\", null)));\n    }\n    renderTooltip() {\n        if (!this.tooltip) {\n            return;\n        }\n        if (!this.cardData) {\n            return;\n        }\n        const { title, year, author, description } = this.cardData;\n        return (h(\"z-popover\", { position: PopoverPosition.RIGHT, onClick: () => (this.tooltip = false) }, `${title} ${year} ${author} ${description}`));\n    }\n    setExpirationLicenseMessage(type) {\n        if ((type === \"online\" && this.cardData.onlineLicense.expired) ||\n            (type === \"offline\" && this.cardData.offlineLicense.expired)) {\n            return h(\"span\", { class: \"expired\" }, \"SCADUTA\");\n        }\n        if ((type === \"online\" && this.cardData.onlineLicense.expiring) ||\n            (type === \"offline\" && this.cardData.offlineLicense.expiring)) {\n            return h(\"span\", { class: \"expiring\" }, \"IN SCADENZA\");\n        }\n    }\n    renderOnlineLicenseSection() {\n        var _a;\n        if (!((_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.onlineLicense)) {\n            return;\n        }\n        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)));\n    }\n    renderOfflineLicenseSection() {\n        var _a;\n        if (!((_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.offlineLicense)) {\n            return;\n        }\n        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)));\n    }\n    render() {\n        return (h(\"div\", { key: '89638672dffdef5f267c60755e21856a6ef029ae' }, this.renderCloseIcon(), h(\"div\", { key: '71b4b4b5df37b0d6868fd2db22b680ca295ec97e', class: \"content-wrapper\", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h(\"div\", { key: '25c47bf4f49051e96dcf192e62670fc758ca4b6d', class: \"cta-wrapper\" }, h(\"slot\", { key: 'fcd0703d4b9517196e26d46630c10195931c13ae' }))));\n    }\n    static get is() { return \"z-myz-card-info\"; }\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            \"data\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | DictionaryData\",\n                    \"resolved\": \"string | { author: string; year: string; title: string; description: string; onlineLicense: DictionaryLicenseData; offlineLicense: DictionaryLicenseData; }\",\n                    \"references\": {\n                        \"DictionaryData\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../../beans\",\n                            \"id\": \"src/beans/index.tsx::DictionaryData\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"dictionary info\"\n                },\n                \"attribute\": \"data\",\n                \"reflect\": false\n            },\n            \"htmltabindex\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"tabindex link attribute (optional)\"\n                },\n                \"attribute\": \"htmltabindex\",\n                \"reflect\": false,\n                \"defaultValue\": \"0\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"hiddenContent\": {},\n            \"tooltip\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"flipCard\",\n                \"name\": \"flipCard\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"flip card to front\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

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

@@ -0,0 +1,59 @@
+import { p as proxyCustomElement, H, h } from './p-Dxu5saXC.js';
+
+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 ZMyzCardList$1 = /*@__PURE__*/ proxyCustomElement(class ZMyzCardList extends H {
+    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: '3566e9f9ffc6455e59d82e26d44bb5a2cb396956' }, this.renderList(JSON.parse(this.listdata)));
+    }
+    static get style() { return stylesCss; }
+}, [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;
+    } });
+}
+defineCustomElement$1();
+
+const ZMyzCardList = ZMyzCardList$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZMyzCardList, defineCustomElement };
+//# sourceMappingURL=z-myz-card-list.js.map
+
+//# sourceMappingURL=z-myz-card-list.js.map

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

@@ -0,0 +1 @@
+{"file":"z-myz-card-list.js","mappings":";;AAAA,MAAM,SAAS,GAAG,svBAAsvB;;MCC3vBA,cAAY,iBAAAC,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AACrB,IAAA,WAAA,GAAA;;;;AACI,QAAA,IAAI,CAAC,QAAQ,GAAG,SAAS;QACzB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;AAC/C;IACD,mBAAmB,CAAC,CAAC,EAAE,GAAG,EAAA;AACtB,QAAA,IAAI,CAAC,CAAC,OAAO,IAAI,EAAE,IAAI,CAAC,CAAC,OAAO,IAAI,EAAE,EAAE;YACpC,CAAC,CAAC,cAAc,EAAE;AAClB,YAAA,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC;;;AAGlC,IAAA,iBAAiB,CAAC,IAAI,EAAA;QAClB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI;QACnC,IAAI,CAAC,MAAM,EAAE;YACT,OAAO,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC;;AAEjC,QAAA,QAAQ,CAAC,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,mBAAmB,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC;;AAE/H,IAAA,UAAU,CAAC,SAAS,EAAA;AAChB,QAAA,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,KAAI;AAC1B,YAAA,OAAO,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;AACtD,SAAC,CAAC;;IAEN,MAAM,GAAA;QACF,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ZMyzCardList","__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-list/styles.css?tag=z-myz-card-list&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-list/index.js"],"sourcesContent":["*:focus {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none !important;\n}\n\nul {\n  overflow: hidden;\n  width: auto;\n  height: auto;\n  padding: 0;\n  margin: 0 calc(var(--space-unit) * 2);\n  color: var(--color-primary01);\n  font-family: var(--font-family-sans);\n  list-style: none;\n}\n\nul > li {\n  padding-left: 10px;\n  text-indent: -10px;\n}\n\nul > li > a {\n  display: block;\n  padding-top: calc(var(--space-unit) * 0.5);\n  color: var(--color-primary01);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  letter-spacing: 0.16px;\n  line-height: calc(var(--space-unit) * 2.5);\n  text-decoration: none;\n}\n\nul > li > a::before {\n  padding-right: 5px;\n  content: \"•\";\n}\n\nul > li > span {\n  padding: 0 calc(var(--space-unit) * 2);\n  color: var(--color-surface04);\n  font-size: 14px;\n  font-weight: var(--font-rg);\n  letter-spacing: 0.16px;\n  line-height: calc(var(--space-unit) * 2.5);\n  text-decoration: none;\n}\n","import { h } from \"@stencil/core\";\nexport class ZMyzCardList {\n    constructor() {\n        this.listdata = undefined;\n        this.renderList = this.renderList.bind(this);\n    }\n    handleSpaceKeyPress(e, url) {\n        if (e.keyCode == 32 || e.keyCode == 13) {\n            e.preventDefault();\n            window.open(url, \"_blank\");\n        }\n    }\n    formatListContent(data) {\n        const { value, isLink, url } = data;\n        if (!isLink) {\n            return h(\"span\", null, value);\n        }\n        return (h(\"a\", { role: \"button\", onKeyPress: (e) => this.handleSpaceKeyPress(e, url), href: url, target: \"_blank\" }, value));\n    }\n    renderList(dataArray) {\n        return dataArray.map((data) => {\n            return h(\"li\", null, this.formatListContent(data));\n        });\n    }\n    render() {\n        return h(\"ul\", { key: '3566e9f9ffc6455e59d82e26d44bb5a2cb396956' }, this.renderList(JSON.parse(this.listdata)));\n    }\n    static get is() { return \"z-myz-card-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            \"listdata\": {\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\": \"list data stringified array\"\n                },\n                \"attribute\": \"listdata\",\n                \"reflect\": false\n            }\n        };\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

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

@@ -0,0 +1,9 @@
+import { Z as ZMyzCardComponent, d as defineCustomElement$1 } from './p-DFx72tO8.js';
+
+const ZMyzCard = ZMyzCardComponent;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZMyzCard, defineCustomElement };
+//# sourceMappingURL=z-myz-card.js.map
+
+//# sourceMappingURL=z-myz-card.js.map

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

@@ -0,0 +1 @@
+{"file":"z-myz-card.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -0,0 +1,9 @@
+import { Z as ZMyzListItem$1, d as defineCustomElement$1 } from './p--0ruQjLj.js';
+
+const ZMyzListItem = ZMyzListItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZMyzListItem, defineCustomElement };
+//# sourceMappingURL=z-myz-list-item.js.map
+
+//# sourceMappingURL=z-myz-list-item.js.map

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

@@ -0,0 +1 @@
+{"file":"z-myz-list-item.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -0,0 +1,72 @@
+import { p as proxyCustomElement, H, h } from './p-Dxu5saXC.js';
+import { d as defineCustomElement$3 } from './p-DexdQ2O9.js';
+import { d as defineCustomElement$2 } from './p--0ruQjLj.js';
+
+const stylesCss = "ul{padding:0;margin:0}";
+
+const ZMyzList$1 = /*@__PURE__*/ proxyCustomElement(class ZMyzList extends H {
+    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: 'b5e6a660832a1ecb70a654a1019db5c2cc08f485' }, 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 stylesCss; }
+}, [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;
+    } });
+}
+defineCustomElement$1();
+
+const ZMyzList = ZMyzList$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZMyzList, defineCustomElement };
+//# sourceMappingURL=z-myz-list.js.map
+
+//# sourceMappingURL=z-myz-list.js.map

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

@@ -0,0 +1 @@
+{"file":"z-myz-list.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,wBAAwB;;MCC7BA,UAAQ,iBAAAC,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;AACjB,IAAA,WAAA,GAAA;;;;AACI,QAAA,IAAI,CAAC,YAAY,GAAG,SAAS;AAC7B,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;AACxB;IACD,iBAAiB,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACnB,YAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,YAAY,CAAC;;;AAGjD,IAAA,iBAAiB,CAAC,YAAY,EAAA;AAC1B,QAAA,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;;AAE7C,IAAA,oBAAoB,CAAC,QAAQ,EAAA;AACzB,QAAA,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC;;IAEpC,MAAM,GAAA;QACF,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,EAAE;AACtD,QAAA,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,IAAI,CAAC,IAAI;YAC1E,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,iBAAiB,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ZMyzList","__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/list/z-myz-list/styles.css?tag=z-myz-list&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/list/z-myz-list/index.js"],"sourcesContent":["ul {\n  padding: 0;\n  margin: 0;\n}\n","import { h } from \"@stencil/core\";\nexport class ZMyzList {\n    constructor() {\n        this.inputrawdata = undefined;\n        this.list = undefined;\n    }\n    componentWillLoad() {\n        if (this.inputrawdata) {\n            this.parseinputrawdata(this.inputrawdata);\n        }\n    }\n    parseinputrawdata(inputrawdata) {\n        this.list = [...JSON.parse(inputrawdata)];\n    }\n    oninputrawdataChange(newValue) {\n        this.parseinputrawdata(newValue);\n    }\n    render() {\n        const lastElem = this.list ? this.list.length - 1 : -1;\n        return (h(\"ul\", { key: 'b5e6a660832a1ecb70a654a1019db5c2cc08f485' }, this.list &&\n            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 })))));\n    }\n    static get is() { return \"z-myz-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            \"inputrawdata\": {\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\": \"json stringified list data (mutable, optional)\"\n                },\n                \"attribute\": \"inputrawdata\",\n                \"reflect\": false\n            },\n            \"list\": {\n                \"type\": \"unknown\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"ListItem[]\",\n                    \"resolved\": \"ListItem[]\",\n                    \"references\": {\n                        \"ListItem\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../../beans/index.js\",\n                            \"id\": \"src/beans/index.tsx::ListItem\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"list item data (mutable, optional)\"\n                }\n            }\n        };\n    }\n    static get watchers() {\n        return [{\n                \"propName\": \"inputrawdata\",\n                \"methodName\": \"oninputrawdataChange\"\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}