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

package/dist/cjs/z-myz-card-footer.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"z-myz-card-footer.entry.cjs.js","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-footer/styles.css?tag=z-myz-card-footer&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-footer/index.js"],"sourcesContent":["footer {\n  position: relative;\n  z-index: 5;\n  top: 0;\n  width: auto;\n  height: calc(var(--space-unit) * 6);\n  padding: 0;\n  border-top: var(--border-size-medium) solid var(--color-surface03);\n  margin: 0;\n  background-color: var(--color-surface01);\n  border-radius: 0 0 var(--border-radius) var(--border-radius);\n  color: var(--color-surface05);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  transition:\n    height 500ms ease-in-out,\n    top 500ms ease-in-out;\n}\n\nfooter.real,\nfooter.trial,\nfooter.temp {\n  border-top: var(--border-size-medium) solid var(--blue100);\n}\n\nfooter .bold {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-sb);\n}\n\nfooter > p {\n  overflow: hidden;\n  height: 40px;\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);\n  margin: 0;\n  background-color: var(--color-surface01);\n  font-family: var(--font-family-sans);\n  font-size: 16px;\n  font-weight: var(--font-rg);\n  line-height: 22px;\n  transition: all 200ms linear;\n}\n\nfooter.isopen > p {\n  background-color: var(--gray200);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  transition: all 200ms linear;\n}\n\nfooter.isopen.real > p,\nfooter.isopen.trial > p,\nfooter.isopen.temp > p {\n  background-color: var(--blue100);\n}\n\nfooter .visible {\n  display: block;\n}\n\nfooter .hidden {\n  display: none;\n}\n\nfooter > div.content {\n  overflow: hidden;\n  height: 60px;\n}\n\nfooter > div.content > div:not(.slot-handler) {\n  padding: var(--space-unit) calc(var(--space-unit) * 2);\n}\n\nfooter > div.content > div > p {\n  overflow: hidden;\n  height: 20px;\n  padding: 0;\n  margin: 0;\n  font-size: 14px;\n  line-height: 20px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\nfooter > div.content > div > p.year-isbn {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding-top: var(--space-unit);\n}\n\nfooter > div.content > div > p.year-isbn > span.isbn {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\nfooter.isopen > div.content > div:not(.slot-handler) {\n  height: 68px;\n}\n\nfooter.isopen > div.content > div > p.authors {\n  height: 40px;\n  text-overflow: initial;\n  white-space: initial;\n}\n\nfooter.isopen > div.content > div > p.year-isbn {\n  height: 50px;\n  flex-direction: column;\n  padding-left: 0;\n}\n\nfooter.isopen > div.content > div > p.year-isbn > span.isbn {\n  display: inline-grid;\n  padding-left: 0;\n}\n\nfooter.isopen {\n  top: -212px;\n  height: 295px;\n  transition:\n    height 500ms ease-in-out,\n    top 500ms ease-in-out;\n}\n\nfooter.isopen.custom-content {\n  top: -292px;\n}\n\nfooter.isopen > div.content {\n  height: 280px;\n  transition:\n    height 500ms ease-in-out,\n    top 500ms ease-in-out;\n}\n\nfooter.isopen.custom-content > div.content {\n  height: 230px;\n}\n\n.toggle {\n  position: absolute;\n  z-index: 10;\n  top: -24px;\n  left: 16px;\n}\n\n.faded {\n  opacity: 0.3;\n  pointer-events: none;\n}\n\nfooter > p.custom-content,\nfooter .content.custom-content {\n  display: none;\n}\n\nfooter.isopen > p.custom-content,\nfooter.isopen .content.custom-content {\n  display: block;\n}\n\ndiv.wrapper {\n  position: relative;\n  height: 100%;\n}\n\ndiv.wrapper ::slotted([slot=\"content\"]) {\n  position: absolute;\n  z-index: 10;\n  top: calc(var(--space-unit) * 2);\n  display: block;\n  width: 100%;\n  height: 112px;\n  box-sizing: border-box;\n  padding: 0 calc(var(--space-unit) * 2);\n  border-top: var(--border-size-medium) solid transparent;\n  background: var(--color-white);\n}\n\ndiv.wrapper.isopen ::slotted([slot=\"content\"]) {\n  top: 0;\n  bottom: 0;\n  height: 128px;\n  padding: calc(var(--space-unit) * 2);\n  border-color: var(--blue100);\n}\n","import { h } from \"@stencil/core\";\nimport { LicenseType } from \"../../../../beans/index\";\n/**\n * @slot toggle - toggle button slot\n * @slot list - card resources list slot\n */\nexport class ZMyzCardFooter {\n    constructor() {\n        this.titolo = undefined;\n        this.autori = undefined;\n        this.isbn = undefined;\n        this.faded = undefined;\n        this.cardtype = undefined;\n        this.opened = false;\n        this.customContent = false;\n        this.isOpen = false;\n        this.allowTooltipAuthors = false;\n    }\n    handleToggle() {\n        this.isOpen = !this.isOpen;\n        if (this.isOpen) {\n            const firstElem = this.getFirstListItem();\n            if (firstElem) {\n                requestAnimationFrame(() => {\n                    firstElem.focus();\n                });\n            }\n        }\n    }\n    getTitleAuthors() {\n        return this.allowTooltipAuthors ? this.autori : \"\";\n    }\n    componentWillLoad() {\n        if (this.opened) {\n            this.isOpen = true;\n        }\n    }\n    elementsEllipsis() {\n        this.allowTooltipAuthors = this.elementAuthorsHasEllipsis() ? true : false;\n    }\n    elementAuthorsHasEllipsis() {\n        return this.ellipsisAuthors.offsetWidth < this.ellipsisAuthors.scrollWidth;\n    }\n    retrieveClass() {\n        return {\n            \"isopen\": this.isOpen,\n            \"real\": this.cardtype === LicenseType.REAL,\n            \"trial\": this.cardtype === LicenseType.TRIAL,\n            \"temp\": this.cardtype === LicenseType.TEMP,\n            \"custom-content\": this.customContent,\n        };\n    }\n    footerTransitionHandler(e) {\n        if ([\"visibility\", \"height\"].includes(e.propertyName)) {\n            this.elementsEllipsis();\n        }\n    }\n    getFirstListItem() {\n        return this.host.querySelector(\"[slot=list] > li a\");\n    }\n    render() {\n        return (h(\"div\", { key: '58fabd595ae35d893caecf2b2a837b2f8fe8cb66', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h(\"footer\", { key: '01cbdda1b4df55c36d82ce7beb65ed51aafa8332', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h(\"span\", { key: 'e9d6792d6d334829b4b56dc76009053fb22cece9', class: \"toggle\" }, h(\"slot\", { key: '14b97a21c07c601dc5c615a0f1a787cd7415ce90', name: \"toggle\" })), this.titolo && h(\"p\", { key: 'f3bb1bd7f70f2c617770f06bbda3def23a03d250', class: { \"custom-content\": this.customContent } }, this.titolo), h(\"div\", { key: '87cbe48593f61d5b558363d5d9f3f21f1f073bb9', class: { \"content\": true, \"custom-content\": this.customContent } }, h(\"div\", { key: '989eff96cb42b74dc643dfdc4990eaaf651010b9' }, h(\"p\", { key: '55ac0fc8cbafb967818b3f49260f487af26760ba', class: \"authors\", ref: (el) => (this.ellipsisAuthors = el) }, h(\"span\", { key: '3b82124a5c190c4cf8946af92ac0b9dd3c32e09a', title: this.getTitleAuthors() }, h(\"span\", { key: '6f8745b25048b2767e8cddfe92b52976e57af94b', \"aria-description\": \"Autori\", class: \"bold\" }, this.autori))), h(\"p\", { key: 'e02258f1ec6ea014fa30f492d4b4d169c172a9fd', class: \"year-isbn\" }, h(\"span\", { key: '987fb1871704ff9fc9531e763d4186f723fc4bd1', class: \"isbn\" }, h(\"span\", { key: 'd73efc4f8aa67a1181b406207dc58d3315ed7fbc' }, h(\"span\", { key: '25b5994255092fe987956183715525464509a52a', \"aria-description\": \"ISBN edizione cartacea\", class: \"bold\" }, this.isbn), \" \", \"(ed. cartacea)\")))), h(\"div\", { key: 'c5c348f2c850e6021eef03adefa7c69d76dd300e', class: `slot-handler ${this.isOpen ? \"visible\" : \"hidden\"}` }, h(\"slot\", { key: '026cbeab2649c2f8657d0d0e602bb52da05084d2', name: \"list\" })))), this.customContent && h(\"slot\", { key: 'f436487035647e79473b4df81239c67542960586', name: \"content\" })));\n    }\n    static get is() { return \"z-myz-card-footer\"; }\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            \"titolo\": {\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\": \"volume title\"\n                },\n                \"attribute\": \"titolo\",\n                \"reflect\": false\n            },\n            \"autori\": {\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\": \"authors name text\"\n                },\n                \"attribute\": \"autori\",\n                \"reflect\": false\n            },\n            \"isbn\": {\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\": \"volume isbn\"\n                },\n                \"attribute\": \"isbn\",\n                \"reflect\": false\n            },\n            \"faded\": {\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\": \"faded status\"\n                },\n                \"attribute\": \"faded\",\n                \"reflect\": false\n            },\n            \"cardtype\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"LicenseType\",\n                    \"resolved\": \"LicenseType.REAL | LicenseType.TEMP | LicenseType.TRIAL | LicenseType.VIRTUAL\",\n                    \"references\": {\n                        \"LicenseType\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../../beans/index\",\n                            \"id\": \"src/beans/index.tsx::LicenseType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"card graphic variant (optional)\"\n                },\n                \"attribute\": \"cardtype\",\n                \"reflect\": false\n            },\n            \"opened\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"footer opened by default (optional)\"\n                },\n                \"attribute\": \"opened\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"customContent\": {\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\": \"display footer custom slotted content\"\n                },\n                \"attribute\": \"custom-content\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"isOpen\": {},\n            \"allowTooltipAuthors\": {}\n        };\n    }\n    static get elementRef() { return \"host\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"toggleClick\",\n                \"method\": \"handleToggle\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"names":["LicenseType","h"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/cjs/z-myz-card-icon.cjs.entry.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var index = require('./index-B_IQfJ7S.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 = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.icon = undefined;
+        this.isdisabled = false;
+        this.ariaLabel = "";
+    }
+    render() {
+        return (index.h("button", { key: '0efbf0213b8e591fecb8a5faaa78ca5a52ebe90a', disabled: this.isdisabled, "aria-label": this.ariaLabel }, index.h("span", { key: 'a434839ab6a15dece16b4183917d18bc4fa2c928' }, index.h("z-icon", { key: '7d94c5a200f839b0a1e1f0e9d110c757bd6c9903', name: this.icon, width: 16, height: 16 }))));
+    }
+};
+ZMyzCardIcon.style = stylesCss;
+
+exports.z_myz_card_icon = ZMyzCardIcon;
+//# sourceMappingURL=z-myz-card-icon.entry.cjs.js.map
+
+//# sourceMappingURL=z-myz-card-icon.cjs.entry.js.map

package/dist/cjs/z-myz-card-icon.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"z-myz-card-icon.entry.cjs.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,mmCAAmmC;;MCCxmC,YAAY,GAAA,MAAA;AACrB,IAAA,WAAA,CAAA,OAAA,EAAA;;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,QAAQA,OAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAE,YAAY,EAAE,IAAI,CAAC,SAAS,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAEA,OAAC,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":["h"],"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/cjs/z-myz-card-icon.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"z-myz-card-icon.entry.cjs.js","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"],"names":["h"],"mappings":";;;;AAAA,MAAM,SAAS,GAAG,mmCAAmmC;;MCCxmC,YAAY,GAAA,MAAA;AACrB,IAAA,WAAA,CAAA,OAAA,EAAA;;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,QAAQA,OAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAE,YAAY,EAAE,IAAI,CAAC,SAAS,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAEA,OAAC,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;;;;;;;","x_google_ignoreList":[0,1]}

package/dist/cjs/z-myz-card-info.cjs.entry.js

@@ -0,0 +1,130 @@
+'use strict';
+
+var index = require('./index-B_IQfJ7S.js');
+var index$1 = require('./index-GMHChntS.js');
+var utils = require('./utils-KpWnWsPi.js');
+require('./breakpoints-B7vFm-3T.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 = class {
+    emitFlipCard(showBack = false) {
+        this.flipCard.emit(showBack);
+    }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.flipCard = index.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 (index.h("z-icon", { name: "multiply-circled-filled", height: 18, width: 18, onClick: () => this.emitFlipCard(false), tabindex: this.htmltabindex, onKeyUp: (e) => {
+                utils.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 (index.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, index.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 (index.h("span", null, "Autore: ", index.h("b", null, author), index.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 (index.h("span", null, "Anno: ", index.h("b", null, year), index.h("br", null)));
+    }
+    renderTooltip() {
+        if (!this.tooltip) {
+            return;
+        }
+        if (!this.cardData) {
+            return;
+        }
+        const { title, year, author, description } = this.cardData;
+        return (index.h("z-popover", { position: index$1.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 index.h("span", { class: "expired" }, "SCADUTA");
+        }
+        if ((type === "online" && this.cardData.onlineLicense.expiring) ||
+            (type === "offline" && this.cardData.offlineLicense.expiring)) {
+            return index.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 (index.h("section", { ref: (el) => (this.onlineLicenseWrapper = el) }, index.h("span", { class: "license-heading" }, index.h("span", null, "Licenza online"), this.setExpirationLicenseMessage("online")), "Scadenza il ", index.h("b", null, this.cardData.onlineLicense.expiration), index.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 (index.h("section", { ref: (el) => (this.offlineLicenseWrapper = el) }, index.h("span", { class: "license-heading" }, index.h("span", null, "Licenza offline"), this.setExpirationLicenseMessage("offline")), "Scadenza il ", index.h("b", null, this.cardData.offlineLicense.expiration), index.h("br", null), "Installazioni disponibili: ", index.h("b", null, this.cardData.offlineLicense.installations)));
+    }
+    render() {
+        return (index.h("div", { key: '89638672dffdef5f267c60755e21856a6ef029ae' }, this.renderCloseIcon(), index.h("div", { key: '71b4b4b5df37b0d6868fd2db22b680ca295ec97e', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), index.h("div", { key: '25c47bf4f49051e96dcf192e62670fc758ca4b6d', class: "cta-wrapper" }, index.h("slot", { key: 'fcd0703d4b9517196e26d46630c10195931c13ae' }))));
+    }
+};
+ZMyzCardInfo.style = stylesCss;
+
+exports.z_myz_card_info = ZMyzCardInfo;
+//# sourceMappingURL=z-myz-card-info.entry.cjs.js.map
+
+//# sourceMappingURL=z-myz-card-info.cjs.entry.js.map

package/dist/cjs/z-myz-card-info.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"z-myz-card-info.entry.cjs.js","mappings":"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","names":["h","handleKeyboardSubmit","PopoverPosition"],"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/cjs/z-myz-card-info.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"z-myz-card-info.entry.cjs.js","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"],"names":["h","handleKeyboardSubmit","PopoverPosition"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/cjs/z-myz-card-list.cjs.entry.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var index = require('./index-B_IQfJ7S.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 = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        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 index.h("span", null, value);
+        }
+        return (index.h("a", { role: "button", onKeyPress: (e) => this.handleSpaceKeyPress(e, url), href: url, target: "_blank" }, value));
+    }
+    renderList(dataArray) {
+        return dataArray.map((data) => {
+            return index.h("li", null, this.formatListContent(data));
+        });
+    }
+    render() {
+        return index.h("ul", { key: '3566e9f9ffc6455e59d82e26d44bb5a2cb396956' }, this.renderList(JSON.parse(this.listdata)));
+    }
+};
+ZMyzCardList.style = stylesCss;
+
+exports.z_myz_card_list = ZMyzCardList;
+//# sourceMappingURL=z-myz-card-list.entry.cjs.js.map
+
+//# sourceMappingURL=z-myz-card-list.cjs.entry.js.map

package/dist/cjs/z-myz-card-list.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"z-myz-card-list.entry.cjs.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,svBAAsvB;;MCC3vB,YAAY,GAAA,MAAA;AACrB,IAAA,WAAA,CAAA,OAAA,EAAA;;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,OAAOA,OAAC,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC;;AAEjC,QAAA,QAAQA,OAAC,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,OAAOA,OAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;AACtD,SAAC,CAAC;;IAEN,MAAM,GAAA;QACF,OAAOA,OAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;;;;;;;","names":["h"],"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/cjs/z-myz-card-list.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"z-myz-card-list.entry.cjs.js","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"],"names":["h"],"mappings":";;;;AAAA,MAAM,SAAS,GAAG,svBAAsvB;;MCC3vB,YAAY,GAAA,MAAA;AACrB,IAAA,WAAA,CAAA,OAAA,EAAA;;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,OAAOA,OAAC,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC;;AAEjC,QAAA,QAAQA,OAAC,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,OAAOA,OAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;AACtD,SAAC,CAAC;;IAEN,MAAM,GAAA;QACF,OAAOA,OAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;;;;;;;","x_google_ignoreList":[0,1]}

package/dist/cjs/z-myz-card.z-myz-card-body.z-myz-card-cover.z-myz-card-header.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"z-myz-card.z-myz-card-body.z-myz-card-cover.z-myz-card-header.entry.cjs.js","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/styles.css?tag=z-myz-card&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/index.js","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-body/styles.css?tag=z-myz-card-body&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-body/index.js","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-cover/styles.css?tag=z-myz-card-cover&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-cover/index.js","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-header/styles.css?tag=z-myz-card-header&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-header/index.js"],"sourcesContent":[":host {\n  --card-overflow: hidden;\n}\n\ndiv {\n  display: flex;\n  overflow: var(--card-overflow);\n  width: auto;\n  width: 256px; /* TODO: width must be 100% - must be handled in dashboard */\n  height: 522px;\n  box-sizing: border-box;\n  flex-direction: column;\n  border: var(--border-size-medium) solid var(--color-surface03);\n  background-color: var(--color-surface01);\n  border-radius: var(--border-radius);\n}\n\ndiv.real,\ndiv.trial,\ndiv.temp {\n  border-color: var(--blue100);\n}\n\n/* HIDDEN status */\ndiv.faded {\n  border: var(--border-size-medium) solid var(--color-background);\n}\n\n/* HIGHLIGHTED status */\ndiv.highlighted {\n  box-shadow: var(--shadow-4);\n  outline: none;\n}\n\n/* PRESSED status */\ndiv.pressed {\n  box-shadow: var(--shadow-8);\n  outline: none;\n}\n\ndiv:focus {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n","import { h } from \"@stencil/core\";\nimport { LicenseType } from \"../../../../beans/index\";\n/**\n * @slot  - generic card slot\n */\nexport class ZMyzCardComponent {\n    constructor() {\n        this.faded = undefined;\n        this.cardtype = undefined;\n        this.ispressed = false;\n        this.ishighlighted = false;\n    }\n    retrieveClass() {\n        let elemClasses = \"\";\n        if (this.cardtype === LicenseType.REAL) {\n            elemClasses += \"real\";\n        }\n        else if (this.cardtype === LicenseType.TRIAL) {\n            elemClasses += \"trial\";\n        }\n        else if (this.cardtype === LicenseType.TEMP) {\n            elemClasses += \"temp\";\n        }\n        if (this.faded) {\n            elemClasses += \" faded\";\n        }\n        else if (this.ispressed) {\n            elemClasses += \" pressed\";\n        }\n        else if (this.ishighlighted) {\n            elemClasses += \" highlighted\";\n        }\n        return elemClasses;\n    }\n    render() {\n        return (h(\"div\", { key: '7fa05ad00eb7302c724301812810f284b9e74d60', class: this.retrieveClass(), tabindex: \"0\" }, h(\"slot\", { key: '5833956ac7c7439cd166001c9545c2cf7631f2be' })));\n    }\n    static get is() { return \"z-myz-card\"; }\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            \"faded\": {\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\": \"faded status\"\n                },\n                \"attribute\": \"faded\",\n                \"reflect\": false\n            },\n            \"cardtype\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"LicenseType\",\n                    \"resolved\": \"LicenseType.REAL | LicenseType.TEMP | LicenseType.TRIAL | LicenseType.VIRTUAL\",\n                    \"references\": {\n                        \"LicenseType\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../../beans/index\",\n                            \"id\": \"src/beans/index.tsx::LicenseType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"graphic variant (optional)\"\n                },\n                \"attribute\": \"cardtype\",\n                \"reflect\": false\n            },\n            \"ispressed\": {\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\": \"pressed status\"\n                },\n                \"attribute\": \"ispressed\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"ishighlighted\": {\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\": \"highlighted status\"\n                },\n                \"attribute\": \"ishighlighted\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n}\n//# sourceMappingURL=index.js.map\n",":host {\n  width: auto;\n  height: 340px;\n}\n\n:host > div {\n  position: relative;\n  display: flex;\n  width: auto;\n  height: 340px;\n  align-items: center;\n  justify-content: center;\n}\n","import { h } from \"@stencil/core\";\n/**\n * @slot alert - card alert slot\n * @slot cover - book cover slot\n */\nexport class ZMyzCardBody {\n    render() {\n        return (h(\"div\", { key: '72856e9d304244851cea6b90e21dd3d261bd0d76' }, h(\"slot\", { key: '0064834899002115811d8f53cf8144f8ac9c0e08', name: \"alert\" }), h(\"slot\", { key: '9eac95d82313fed0561b9d715c318de8547ed704', name: \"cover\" })));\n    }\n    static get is() { return \"z-myz-card-body\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n}\n//# sourceMappingURL=index.js.map\n","img {\n  display: block;\n  max-width: 100%;\n  height: 340px;\n  margin: auto;\n  object-fit: cover;\n}\n\nimg.faded {\n  opacity: 0.3;\n}\n","import { h } from \"@stencil/core\";\nexport class ZMyzCardCover {\n    constructor() {\n        this.img = undefined;\n        this.titolo = undefined;\n        this.faded = undefined;\n        this.defaultimg = undefined;\n    }\n    hadleOnImageError() {\n        this.img = this.defaultimg;\n    }\n    render() {\n        return (h(\"img\", { key: '36e99a04af42af23727a4683842d832986518393', class: this.faded && \"faded\", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));\n    }\n    static get is() { return \"z-myz-card-cover\"; }\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            \"img\": {\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\": \"image source\"\n                },\n                \"attribute\": \"img\",\n                \"reflect\": false\n            },\n            \"titolo\": {\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\": \"cover alt title\"\n                },\n                \"attribute\": \"titolo\",\n                \"reflect\": false\n            },\n            \"faded\": {\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\": \"faded status\"\n                },\n                \"attribute\": \"faded\",\n                \"reflect\": false\n            },\n            \"defaultimg\": {\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\": \"default error image source\"\n                },\n                \"attribute\": \"defaultimg\",\n                \"reflect\": false\n            }\n        };\n    }\n}\n//# sourceMappingURL=index.js.map\n","header {\n  position: relative;\n  display: flex;\n  width: auto;\n  height: calc(var(--space-unit) * 6);\n  flex-direction: row;\n  align-items: flex-start;\n  justify-content: space-between;\n  border-bottom: var(--border-size-medium) solid var(--color-surface03);\n  background-color: var(--color-surface01);\n  border-radius: var(--border-radius) var(--border-radius) var(--border-no-radius) var(--border-no-radius);\n}\n\nslot[name=\"aria-heading\"]::slotted(*) {\n  position: absolute;\n  overflow: hidden !important;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  border: 0 none !important;\n  margin: -1px !important;\n  clip: rect(0, 0, 0, 0) !important;\n  white-space: nowrap !important;\n}\n\nheader.real,\nheader.trial,\nheader.temp {\n  border-bottom: var(--border-size-medium) solid var(--blue100);\n  background-color: var(--color-primary03);\n}\n\n.card-title {\n  overflow: hidden;\n  height: calc(var(--space-unit) * 2);\n  padding: calc(var(--space-unit) * 2);\n  margin: 0;\n  color: var(--color-surface05);\n  font-family: var(--font-family-sans);\n  font-size: 12px;\n  font-weight: var(--font-sb);\n  letter-spacing: 0.22px;\n  line-height: calc(var(--space-unit) * 2);\n  text-overflow: ellipsis;\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n\n.faded {\n  border-bottom: var(--border-size-medium) solid var(--color-background);\n}\n\n.faded.real,\n.faded.trial,\n.faded.temp {\n  border-top: var(--border-size-medium) solid var(--blue100);\n  border-right: var(--border-size-medium) solid var(--blue100);\n  border-left: var(--border-size-medium) solid var(--blue100);\n}\n","import { h } from \"@stencil/core\";\nimport { LicenseType } from \"../../../../beans/index\";\n/**\n * @slot icon - card header icon slot\n */\nexport class ZMyzCardHeader {\n    constructor() {\n        this.titolo = undefined;\n        this.faded = undefined;\n        this.cardtype = undefined;\n        this.allowTooltip = false;\n    }\n    getTitle() {\n        return this.allowTooltip ? this.titolo : \"\";\n    }\n    componentDidLoad() {\n        if (this.elementHasEllipsis()) {\n            this.allowTooltip = true;\n        }\n    }\n    elementHasEllipsis() {\n        return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;\n    }\n    retrieveClass() {\n        return {\n            real: this.cardtype === LicenseType.REAL,\n            trial: this.cardtype === LicenseType.TRIAL,\n            temp: this.cardtype === LicenseType.TEMP,\n            faded: this.faded,\n        };\n    }\n    render() {\n        return (h(\"header\", { key: 'c9f6600a2cf1240414d51f5b596996dce9f37280', class: this.retrieveClass() }, h(\"slot\", { key: 'd14702e679aae6c107103e161524fcc5199689de', name: \"aria-heading\" }), h(\"span\", { key: 'f7d8779e6e39cde037b09779594628054f128826', class: \"card-title\", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h(\"slot\", { key: '5879bc608ee2a5003058f8615ab965661495b887', name: \"icon\" })));\n    }\n    static get is() { return \"z-myz-card-header\"; }\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            \"titolo\": {\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\": \"volume title\"\n                },\n                \"attribute\": \"titolo\",\n                \"reflect\": false\n            },\n            \"faded\": {\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\": \"faded status\"\n                },\n                \"attribute\": \"faded\",\n                \"reflect\": false\n            },\n            \"cardtype\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"LicenseType\",\n                    \"resolved\": \"LicenseType.REAL | LicenseType.TEMP | LicenseType.TRIAL | LicenseType.VIRTUAL\",\n                    \"references\": {\n                        \"LicenseType\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../../beans/index\",\n                            \"id\": \"src/beans/index.tsx::LicenseType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"card graphic variant (optional)\"\n                },\n                \"attribute\": \"cardtype\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"allowTooltip\": {}\n        };\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"names":["stylesCss","LicenseType","h"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7]}

package/dist/cjs/z-myz-card_4.cjs.entry.js

@@ -0,0 +1,116 @@
+'use strict';
+
+var index = require('./index-B_IQfJ7S.js');
+var index$1 = require('./index-GMHChntS.js');
+
+const stylesCss$3 = ":host{--card-overflow:hidden}div{display:flex;overflow:var(--card-overflow);width:auto;width:256px;height:522px;box-sizing:border-box;flex-direction:column;border:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius)}div.real,div.trial,div.temp{border-color:var(--blue100)}div.faded{border:var(--border-size-medium) solid var(--color-background)}div.highlighted{box-shadow:var(--shadow-4);outline:none}div.pressed{box-shadow:var(--shadow-8);outline:none}div:focus{box-shadow:var(--shadow-focus-primary);outline:none}";
+
+const ZMyzCardComponent = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.faded = undefined;
+        this.cardtype = undefined;
+        this.ispressed = false;
+        this.ishighlighted = false;
+    }
+    retrieveClass() {
+        let elemClasses = "";
+        if (this.cardtype === index$1.LicenseType.REAL) {
+            elemClasses += "real";
+        }
+        else if (this.cardtype === index$1.LicenseType.TRIAL) {
+            elemClasses += "trial";
+        }
+        else if (this.cardtype === index$1.LicenseType.TEMP) {
+            elemClasses += "temp";
+        }
+        if (this.faded) {
+            elemClasses += " faded";
+        }
+        else if (this.ispressed) {
+            elemClasses += " pressed";
+        }
+        else if (this.ishighlighted) {
+            elemClasses += " highlighted";
+        }
+        return elemClasses;
+    }
+    render() {
+        return (index.h("div", { key: '7fa05ad00eb7302c724301812810f284b9e74d60', class: this.retrieveClass(), tabindex: "0" }, index.h("slot", { key: '5833956ac7c7439cd166001c9545c2cf7631f2be' })));
+    }
+};
+ZMyzCardComponent.style = stylesCss$3;
+
+const stylesCss$2 = ":host{width:auto;height:340px}:host>div{position:relative;display:flex;width:auto;height:340px;align-items:center;justify-content:center}";
+
+const ZMyzCardBody = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h("div", { key: '72856e9d304244851cea6b90e21dd3d261bd0d76' }, index.h("slot", { key: '0064834899002115811d8f53cf8144f8ac9c0e08', name: "alert" }), index.h("slot", { key: '9eac95d82313fed0561b9d715c318de8547ed704', name: "cover" })));
+    }
+};
+ZMyzCardBody.style = stylesCss$2;
+
+const stylesCss$1 = "img{display:block;max-width:100%;height:340px;margin:auto;object-fit:cover}img.faded{opacity:0.3}";
+
+const ZMyzCardCover = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.img = undefined;
+        this.titolo = undefined;
+        this.faded = undefined;
+        this.defaultimg = undefined;
+    }
+    hadleOnImageError() {
+        this.img = this.defaultimg;
+    }
+    render() {
+        return (index.h("img", { key: '36e99a04af42af23727a4683842d832986518393', class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
+    }
+};
+ZMyzCardCover.style = stylesCss$1;
+
+const stylesCss = "header{position:relative;display:flex;width:auto;height:calc(var(--space-unit) * 6);flex-direction:row;align-items:flex-start;justify-content:space-between;border-bottom:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius) var(--border-radius) var(--border-no-radius) var(--border-no-radius)}slot[name=\"aria-heading\"]::slotted(*){position:absolute;overflow:hidden !important;width:1px !important;height:1px !important;padding:0 !important;border:0 none !important;margin:-1px !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important}header.real,header.trial,header.temp{border-bottom:var(--border-size-medium) solid var(--blue100);background-color:var(--color-primary03)}.card-title{overflow:hidden;height:calc(var(--space-unit) * 2);padding:calc(var(--space-unit) * 2);margin:0;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:12px;font-weight:var(--font-sb);letter-spacing:0.22px;line-height:calc(var(--space-unit) * 2);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.faded{border-bottom:var(--border-size-medium) solid var(--color-background)}.faded.real,.faded.trial,.faded.temp{border-top:var(--border-size-medium) solid var(--blue100);border-right:var(--border-size-medium) solid var(--blue100);border-left:var(--border-size-medium) solid var(--blue100)}";
+
+const ZMyzCardHeader = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.titolo = undefined;
+        this.faded = undefined;
+        this.cardtype = undefined;
+        this.allowTooltip = false;
+    }
+    getTitle() {
+        return this.allowTooltip ? this.titolo : "";
+    }
+    componentDidLoad() {
+        if (this.elementHasEllipsis()) {
+            this.allowTooltip = true;
+        }
+    }
+    elementHasEllipsis() {
+        return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
+    }
+    retrieveClass() {
+        return {
+            real: this.cardtype === index$1.LicenseType.REAL,
+            trial: this.cardtype === index$1.LicenseType.TRIAL,
+            temp: this.cardtype === index$1.LicenseType.TEMP,
+            faded: this.faded,
+        };
+    }
+    render() {
+        return (index.h("header", { key: 'c9f6600a2cf1240414d51f5b596996dce9f37280', class: this.retrieveClass() }, index.h("slot", { key: 'd14702e679aae6c107103e161524fcc5199689de', name: "aria-heading" }), index.h("span", { key: 'f7d8779e6e39cde037b09779594628054f128826', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), index.h("slot", { key: '5879bc608ee2a5003058f8615ab965661495b887', name: "icon" })));
+    }
+};
+ZMyzCardHeader.style = stylesCss;
+
+exports.z_myz_card = ZMyzCardComponent;
+exports.z_myz_card_body = ZMyzCardBody;
+exports.z_myz_card_cover = ZMyzCardCover;
+exports.z_myz_card_header = ZMyzCardHeader;
+//# sourceMappingURL=z-myz-card.z-myz-card-body.z-myz-card-cover.z-myz-card-header.entry.cjs.js.map
+
+//# sourceMappingURL=z-myz-card_4.cjs.entry.js.map