npm - @zanichelli/albe-web-components - Versions diffs - 14.5.1 → 14.5.2-rc-anchor-navigation - Mend

@zanichelli/albe-web-components 14.5.1 → 14.5.2-rc-anchor-navigation

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1744) hide show

package/dist/collection/snowflakes/myz/card/z-myz-card-footer/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["~~../../../../../~~src/snowflakes/myz/card/z-myz-card-footer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,~~OAAO~~,EAAE,~~SAAS~~,EAAE,~~IAAI~~,EAAE,~~CAAC~~,EAAE,KAAK,EAAE,~~MAAM~~,EAAC,MAAM,eAAe,CAAC;AAEzE,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAEpD;;;GAGG;AAMH,MAAM,OAAO,cAAc;;;;;;;sBAyBN,KAAK;6BAIR,KAAK;sBAGZ,KAAK;mCAGQ,KAAK;;IAK3B,YAAY;QACV,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;QAC3B,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,MAAM,SAAS,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC1C,IAAI,SAAS,EAAE,CAAC;gBACd,qBAAqB,CAAC,GAAG,EAAE;oBACzB,SAAS,CAAC,KAAK,EAAE,CAAC;gBACpB,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC;IACH,CAAC;IAEO,eAAe;QACrB,OAAO,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrD,CAAC;IAED,iBAAiB;QACf,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACrB,CAAC;IACH,CAAC;IAEO,gBAAgB;QACtB,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,yBAAyB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAC7E,CAAC;IAEO,yBAAyB;QAC/B,OAAO,IAAI,CAAC,eAAe,CAAC,WAAW,GAAG,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC;IAC7E,CAAC;IAEO,aAAa;QACnB,OAAO;YACL,QAAQ,EAAE,IAAI,CAAC,MAAM;YACrB,MAAM,EAAE,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,IAAI;YAC1C,OAAO,EAAE,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,KAAK;YAC5C,MAAM,EAAE,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,IAAI;YAC1C,gBAAgB,EAAE,IAAI,CAAC,aAAa;SACrC,CAAC;IACJ,CAAC;IAEO,uBAAuB,CAAC,CAAkB;QAChD,IAAI,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC;YACtD,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;IAEO,gBAAgB;QACtB,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;IACvD,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,kCAAO,IAAI,CAAC,aAAa,EAA8B,KAAE,OAAO,EAAE,IAAI;YAC9E,+DACE,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,EAC3B,eAAe,EAAE,CAAC,CAAkB,EAAE,EAAE,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC;gBAExE,6DAAM,KAAK,EAAC,QAAQ;oBAClB,6DAAM,IAAI,EAAC,QAAQ,GAAG,CACjB;gBACN,IAAI,CAAC,MAAM,IAAI,~~SAAG~~,KAAK,EAAE,EAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAC,IAAG,IAAI,CAAC,MAAM,CAAK;gBACnF,4DAAK,KAAK,EAAE,EAAC,SAAS,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAC;oBACjE;wBACE,0DACE,KAAK,EAAC,SAAS,EACf,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,GAAG,EAAiB,CAAC;4BAEvD,6DAAM,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE;gCACjC,iFACmB,QAAQ,EACzB,KAAK,EAAC,MAAM,IAEX,IAAI,CAAC,MAAM,CACP,CACF,CACL;wBACJ,0DAAG,KAAK,EAAC,WAAW;4BAClB,6DAAM,KAAK,EAAC,MAAM;gCAChB;oCACE,iFACmB,wBAAwB,EACzC,KAAK,EAAC,MAAM,IAEX,IAAI,CAAC,IAAI,CACL;oCAAC,GAAG;qDAEN,CACF,CACL,CACA;oBACN,4DAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE;wBAC9D,6DAAM,IAAI,EAAC,MAAM,GAAG,CAChB,CACF,CACC;YACR,IAAI,CAAC,aAAa,IAAI,~~YAAM~~,IAAI,EAAC,SAAS,GAAG,CAC1C,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Element, ~~Component~~, Prop, h, State, ~~Listen~~} from \"@stencil/core\";\nimport {JSXBase} from \"@stencil/core/internal\";\nimport {LicenseType} from \"../../../../beans/index\";\n\n/*\n @slot toggle - toggle button slot\n * @slot list - card resources list slot\n /\n@Component({\n tag: \"z-myz-card-footer\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMyzCardFooter {\n @Element() host: HTMLZMyzCardFooterElement;\n\n /* volume title /\n @Prop()\n titolo: string;\n\n /* authors name text /\n @Prop()\n autori: string;\n\n /* volume isbn /\n @Prop()\n isbn: string;\n\n /* faded status /\n @Prop()\n faded: boolean;\n\n /* card graphic variant (optional) /\n @Prop()\n cardtype?: LicenseType;\n\n /* footer opened by default (optional) /\n @Prop()\n opened?: boolean = false;\n\n /* display footer custom slotted content */\n @Prop()\n customContent = false;\n\n @State()\n isOpen = false;\n\n @State()\n allowTooltipAuthors = false;\n\n private ellipsisAuthors?: HTMLElement;\n\n @Listen(\"toggleClick\")\n handleToggle(): void {\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\n private getTitleAuthors(): string {\n return this.allowTooltipAuthors ? this.autori : \"\";\n }\n\n componentWillLoad(): void {\n if (this.opened) {\n this.isOpen = true;\n }\n }\n\n private elementsEllipsis(): void {\n this.allowTooltipAuthors = this.elementAuthorsHasEllipsis() ? true : false;\n }\n\n private elementAuthorsHasEllipsis(): boolean {\n return this.ellipsisAuthors.offsetWidth < this.ellipsisAuthors.scrollWidth;\n }\n\n private retrieveClass(): JSXBase.HTMLAttributes[\"class\"] {\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\n private footerTransitionHandler(e: TransitionEvent): void {\n if ([\"visibility\", \"height\"].includes(e.propertyName)) {\n this.elementsEllipsis();\n }\n }\n\n private getFirstListItem(): HTMLElement {\n return this.host.querySelector(\"[slot=list] > li a\");\n }\n\n render(): HTMLDivElement {\n return (\n <div class={{...(this.retrieveClass() as Record<string, boolean>), wrapper: true}}>\n <footer\n class={this.retrieveClass()}\n onTransitionEnd={(e: TransitionEvent) => this.footerTransitionHandler(e)}\n >\n <span class=\"toggle\">\n <slot name=\"toggle\" />\n </span>\n {this.titolo && <p class={{\"custom-content\": this.customContent}}>{this.titolo}</p>}\n <div class={{\"content\": true, \"custom-content\": this.customContent}}>\n <div>\n <p\n class=\"authors\"\n ref={(el) => (this.ellipsisAuthors = el as HTMLElement)}\n >\n <span title={this.getTitleAuthors()}>\n <span\n aria-description=\"Autori\"\n class=\"bold\"\n >\n {this.autori}\n </span>\n </span>\n </p>\n <p class=\"year-isbn\">\n <span class=\"isbn\">\n <span>\n <span\n aria-description=\"ISBN edizione cartacea\"\n class=\"bold\"\n >\n {this.isbn}\n </span>{\" \"}\n (ed. cartacea)\n </span>\n </span>\n </p>\n </div>\n <div class={`slot-handler ${this.isOpen ? \"visible\" : \"hidden\"}`}>\n <slot name=\"list\" />\n </div>\n </div>\n </footer>\n {this.customContent && <slot name=\"content\" />}\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card-footer/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Listen, Prop, State, h} from \"@stencil/core\";\nimport {JSXBase} from \"@stencil/core/internal\";\nimport {LicenseType} from \"../../../../beans/index\";\n\n/*\n @slot toggle - toggle button slot\n * @slot list - card resources list slot\n /\n@Component({\n tag: \"z-myz-card-footer\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMyzCardFooter {\n @Element() host: HTMLZMyzCardFooterElement;\n\n /* volume title /\n @Prop()\n titolo: string;\n\n /* authors name text /\n @Prop()\n autori: string;\n\n /* volume isbn /\n @Prop()\n isbn: string;\n\n /* faded status /\n @Prop()\n faded: boolean;\n\n /* card graphic variant (optional) /\n @Prop()\n cardtype?: LicenseType;\n\n /* footer opened by default (optional) /\n @Prop()\n opened?: boolean = false;\n\n /* display footer custom slotted content */\n @Prop()\n customContent = false;\n\n @State()\n isOpen = false;\n\n @State()\n allowTooltipAuthors = false;\n\n private ellipsisAuthors?: HTMLElement;\n\n @Listen(\"toggleClick\")\n handleToggle(): void {\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\n private getTitleAuthors(): string {\n return this.allowTooltipAuthors ? this.autori : \"\";\n }\n\n componentWillLoad(): void {\n if (this.opened) {\n this.isOpen = true;\n }\n }\n\n private elementsEllipsis(): void {\n this.allowTooltipAuthors = this.elementAuthorsHasEllipsis() ? true : false;\n }\n\n private elementAuthorsHasEllipsis(): boolean {\n return this.ellipsisAuthors.offsetWidth < this.ellipsisAuthors.scrollWidth;\n }\n\n private retrieveClass(): JSXBase.HTMLAttributes[\"class\"] {\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\n private footerTransitionHandler(e: TransitionEvent): void {\n if ([\"visibility\", \"height\"].includes(e.propertyName)) {\n this.elementsEllipsis();\n }\n }\n\n private getFirstListItem(): HTMLElement {\n return this.host.querySelector(\"[slot=list] > li a\");\n }\n\n render(): HTMLDivElement {\n return (\n <div class={{...(this.retrieveClass() as Record<string, boolean>), wrapper: true}}>\n <footer\n class={this.retrieveClass()}\n onTransitionEnd={(e: TransitionEvent) => this.footerTransitionHandler(e)}\n >\n <span class=\"toggle\">\n <slot name=\"toggle\" />\n </span>\n {this.titolo && <p class={{\"custom-content\": this.customContent}}>{this.titolo}</p>}\n <div class={{\"content\": true, \"custom-content\": this.customContent}}>\n <div>\n <p\n class=\"authors\"\n ref={(el) => (this.ellipsisAuthors = el as HTMLElement)}\n >\n <span title={this.getTitleAuthors()}>\n <span\n aria-description=\"Autori\"\n class=\"bold\"\n >\n {this.autori}\n </span>\n </span>\n </p>\n <p class=\"year-isbn\">\n <span class=\"isbn\">\n <span>\n <span\n aria-description=\"ISBN edizione cartacea\"\n class=\"bold\"\n >\n {this.isbn}\n </span>{\" \"}\n (ed. cartacea)\n </span>\n </span>\n </p>\n </div>\n <div class={`slot-handler ${this.isOpen ? \"visible\" : \"hidden\"}`}>\n <slot name=\"list\" />\n </div>\n </div>\n </footer>\n {this.customContent && <slot name=\"content\" />}\n </div>\n );\n }\n}\n"]}

package/dist/collection/snowflakes/myz/card/z-myz-card-footer/index.spec.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.spec.js","sourceRoot":"","sources":["~~../../../../../~~src/snowflakes/myz/card/z-myz-card-footer/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAEvC,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACzC,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,uHAAuH;SAC9H,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkC7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,yGAAyG;SAChH,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgC7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,yCAAyC;SAChD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2B7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,yGAAyG;SAChH,CAAC,CAAC;QACH,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,IAAI,CAAC;QAChC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgC7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;QAC9D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,qHAAqH;SAC5H,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgC7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZMyzCardFooter} from \"./index\";\n\ndescribe(\"Suite test ZMyzCardFooter\", () => {\n it(\"Test render ZMyzCardFooter con props\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardFooter],\n html: `<z-myz-card-footer titolo=\"titolo\" autori=\"Mario Rossi, Paolo Bianchi\" anno=\"2019\" isbn=\"123456\"></z-myz-card-footer>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-card-footer anno=\"2019\" autori=\"Mario Rossi, Paolo Bianchi\" isbn=\"123456\" titolo=\"titolo\">\n <mock:shadow-root>\n <div class=\"wrapper\">\n <footer>\n <span class=\"toggle\">\n <slot name=\"toggle\"></slot>\n </span>\n <p>\n titolo\n </p>\n <div class=\"content\">\n <div>\n <p class=\"authors\">\n <span><span aria-description=\"Autori\" class=\"bold\">\n Mario Rossi, Paolo Bianchi\n </span></span>\n </p>\n <p class=\"year-isbn\">\n <span class=\"isbn\">\n <span><span aria-description=\"ISBN edizione cartacea\" class=\"bold\">\n 123456\n </span> (ed. cartacea)</span>\n </span>\n </p>\n </div>\n <div class=\"hidden slot-handler\">\n <slot name=\"list\"></slot>\n </div>\n </div>\n </footer>\n </div>\n </mock:shadow-root>\n </z-myz-card-footer>\n `);\n });\n\n it(\"Test render ZMyzCardFooter senza bottone\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardFooter],\n html: `<z-myz-card-footer titolo=\"titolo\" autori=\"Mario Rossi, Paolo Bianchi\" anno=\"2019\"></z-myz-card-footer>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-card-footer anno=\"2019\" autori=\"Mario Rossi, Paolo Bianchi\" titolo=\"titolo\">\n <mock:shadow-root>\n <div class=\"wrapper\">\n <footer>\n <span class=\"toggle\">\n <slot name=\"toggle\"></slot>\n </span>\n <p>\n titolo\n </p>\n <div class=\"content\">\n <div>\n <p class=\"authors\">\n <span><span aria-description=\"Autori\" class=\"bold\">\n Mario Rossi, Paolo Bianchi\n </span></span>\n </p>\n <p class=\"year-isbn\">\n <span class=\"isbn\">\n <span><span aria-description=\"ISBN edizione cartacea\" class=\"bold\"></span> (ed. cartacea)</span>\n </span>\n </p>\n </div>\n <div class=\"hidden slot-handler\">\n <slot name=\"list\"></slot>\n </div>\n </div>\n </footer>\n </div>\n </mock:shadow-root>\n </z-myz-card-footer>\n `);\n });\n\n it(\"Test render ZMyzCardFooter senza dati\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardFooter],\n html: `<z-myz-card-footer></z-myz-card-footer>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-card-footer>\n <mock:shadow-root>\n <div class=\"wrapper\">\n <footer>\n <span class=\"toggle\">\n <slot name=\"toggle\"></slot>\n </span>\n <div class=\"content\">\n <div>\n <p class=\"authors\">\n <span><span aria-description=\"Autori\" class=\"bold\"></span></span>\n </p>\n <p class=\"year-isbn\">\n <span class=\"isbn\">\n <span><span aria-description=\"ISBN edizione cartacea\" class=\"bold\"></span> (ed. cartacea)</span>\n </span>\n </p>\n </div>\n <div class=\"hidden slot-handler\">\n <slot name=\"list\"></slot>\n </div>\n </div>\n </footer>\n </div>\n </mock:shadow-root>\n </z-myz-card-footer>\n `);\n });\n\n it(\"Test render ZMyzCardFooter aperto\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardFooter],\n html: `<z-myz-card-footer titolo=\"titolo\" autori=\"Mario Rossi, Paolo Bianchi\" anno=\"2019\"></z-myz-card-footer>`,\n });\n page.rootInstance.isOpen = true;\n await page.waitForChanges();\n expect(page.root).toEqualHtml(`\n <z-myz-card-footer anno=\"2019\" autori=\"Mario Rossi, Paolo Bianchi\" titolo=\"titolo\">\n <mock:shadow-root>\n <div class=\"isopen wrapper\">\n <footer class=\"isopen\">\n <span class=\"toggle\">\n <slot name=\"toggle\"></slot>\n </span>\n <p>\n titolo\n </p>\n <div class=\"content\">\n <div>\n <p class=\"authors\">\n <span><span aria-description=\"Autori\" class=\"bold\">\n Mario Rossi, Paolo Bianchi\n </span></span>\n </p>\n <p class=\"year-isbn\">\n <span class=\"isbn\">\n <span><span aria-description=\"ISBN edizione cartacea\" class=\"bold\"></span> (ed. cartacea)</span>\n </span>\n </p>\n </div>\n <div class=\"slot-handler visible\">\n <slot name=\"list\"></slot>\n </div>\n </div>\n </footer>\n </div>\n </mock:shadow-root>\n </z-card-footer>\n `);\n });\n\n it(\"Test render ZMyzCardFooter aperto tramite prop\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardFooter],\n html: `<z-myz-card-footer titolo=\"titolo\" autori=\"Mario Rossi, Paolo Bianchi\" anno=\"2019\" opened=true></z-myz-card-footer>`,\n });\n expect(page.root).toEqualHtml(`\n <z-myz-card-footer anno=\"2019\" autori=\"Mario Rossi, Paolo Bianchi\" titolo=\"titolo\" opened=true>\n <mock:shadow-root>\n <div class=\"isopen wrapper\">\n <footer class=\"isopen\">\n <span class=\"toggle\">\n <slot name=\"toggle\"></slot>\n </span>\n <p>\n titolo\n </p>\n <div class=\"content\">\n <div>\n <p class=\"authors\">\n <span><span aria-description=\"Autori\" class=\"bold\">\n Mario Rossi, Paolo Bianchi\n </span></span>\n </p>\n <p class=\"year-isbn\">\n <span class=\"isbn\">\n <span><span aria-description=\"ISBN edizione cartacea\" class=\"bold\"></span> (ed. cartacea)</span>\n </span>\n </p>\n </div>\n <div class=\"slot-handler visible\">\n <slot name=\"list\"></slot>\n </div>\n </div>\n </footer>\n </div>\n </mock:shadow-root>\n </z-myz-card-footer>\n `);\n });\n});\n"]}
1	+ {"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card-footer/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAEvC,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACzC,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,uHAAuH;SAC9H,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkC7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,yGAAyG;SAChH,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgC7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,yCAAyC;SAChD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2B7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,yGAAyG;SAChH,CAAC,CAAC;QACH,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,IAAI,CAAC;QAChC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgC7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;QAC9D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,qHAAqH;SAC5H,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgC7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZMyzCardFooter} from \"./index\";\n\ndescribe(\"Suite test ZMyzCardFooter\", () => {\n it(\"Test render ZMyzCardFooter con props\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardFooter],\n html: `<z-myz-card-footer titolo=\"titolo\" autori=\"Mario Rossi, Paolo Bianchi\" anno=\"2019\" isbn=\"123456\"></z-myz-card-footer>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-card-footer anno=\"2019\" autori=\"Mario Rossi, Paolo Bianchi\" isbn=\"123456\" titolo=\"titolo\">\n <mock:shadow-root>\n <div class=\"wrapper\">\n <footer>\n <span class=\"toggle\">\n <slot name=\"toggle\"></slot>\n </span>\n <p>\n titolo\n </p>\n <div class=\"content\">\n <div>\n <p class=\"authors\">\n <span><span aria-description=\"Autori\" class=\"bold\">\n Mario Rossi, Paolo Bianchi\n </span></span>\n </p>\n <p class=\"year-isbn\">\n <span class=\"isbn\">\n <span><span aria-description=\"ISBN edizione cartacea\" class=\"bold\">\n 123456\n </span> (ed. cartacea)</span>\n </span>\n </p>\n </div>\n <div class=\"hidden slot-handler\">\n <slot name=\"list\"></slot>\n </div>\n </div>\n </footer>\n </div>\n </mock:shadow-root>\n </z-myz-card-footer>\n `);\n });\n\n it(\"Test render ZMyzCardFooter senza bottone\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardFooter],\n html: `<z-myz-card-footer titolo=\"titolo\" autori=\"Mario Rossi, Paolo Bianchi\" anno=\"2019\"></z-myz-card-footer>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-card-footer anno=\"2019\" autori=\"Mario Rossi, Paolo Bianchi\" titolo=\"titolo\">\n <mock:shadow-root>\n <div class=\"wrapper\">\n <footer>\n <span class=\"toggle\">\n <slot name=\"toggle\"></slot>\n </span>\n <p>\n titolo\n </p>\n <div class=\"content\">\n <div>\n <p class=\"authors\">\n <span><span aria-description=\"Autori\" class=\"bold\">\n Mario Rossi, Paolo Bianchi\n </span></span>\n </p>\n <p class=\"year-isbn\">\n <span class=\"isbn\">\n <span><span aria-description=\"ISBN edizione cartacea\" class=\"bold\"></span> (ed. cartacea)</span>\n </span>\n </p>\n </div>\n <div class=\"hidden slot-handler\">\n <slot name=\"list\"></slot>\n </div>\n </div>\n </footer>\n </div>\n </mock:shadow-root>\n </z-myz-card-footer>\n `);\n });\n\n it(\"Test render ZMyzCardFooter senza dati\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardFooter],\n html: `<z-myz-card-footer></z-myz-card-footer>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-card-footer>\n <mock:shadow-root>\n <div class=\"wrapper\">\n <footer>\n <span class=\"toggle\">\n <slot name=\"toggle\"></slot>\n </span>\n <div class=\"content\">\n <div>\n <p class=\"authors\">\n <span><span aria-description=\"Autori\" class=\"bold\"></span></span>\n </p>\n <p class=\"year-isbn\">\n <span class=\"isbn\">\n <span><span aria-description=\"ISBN edizione cartacea\" class=\"bold\"></span> (ed. cartacea)</span>\n </span>\n </p>\n </div>\n <div class=\"hidden slot-handler\">\n <slot name=\"list\"></slot>\n </div>\n </div>\n </footer>\n </div>\n </mock:shadow-root>\n </z-myz-card-footer>\n `);\n });\n\n it(\"Test render ZMyzCardFooter aperto\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardFooter],\n html: `<z-myz-card-footer titolo=\"titolo\" autori=\"Mario Rossi, Paolo Bianchi\" anno=\"2019\"></z-myz-card-footer>`,\n });\n page.rootInstance.isOpen = true;\n await page.waitForChanges();\n expect(page.root).toEqualHtml(`\n <z-myz-card-footer anno=\"2019\" autori=\"Mario Rossi, Paolo Bianchi\" titolo=\"titolo\">\n <mock:shadow-root>\n <div class=\"isopen wrapper\">\n <footer class=\"isopen\">\n <span class=\"toggle\">\n <slot name=\"toggle\"></slot>\n </span>\n <p>\n titolo\n </p>\n <div class=\"content\">\n <div>\n <p class=\"authors\">\n <span><span aria-description=\"Autori\" class=\"bold\">\n Mario Rossi, Paolo Bianchi\n </span></span>\n </p>\n <p class=\"year-isbn\">\n <span class=\"isbn\">\n <span><span aria-description=\"ISBN edizione cartacea\" class=\"bold\"></span> (ed. cartacea)</span>\n </span>\n </p>\n </div>\n <div class=\"slot-handler visible\">\n <slot name=\"list\"></slot>\n </div>\n </div>\n </footer>\n </div>\n </mock:shadow-root>\n </z-card-footer>\n `);\n });\n\n it(\"Test render ZMyzCardFooter aperto tramite prop\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardFooter],\n html: `<z-myz-card-footer titolo=\"titolo\" autori=\"Mario Rossi, Paolo Bianchi\" anno=\"2019\" opened=true></z-myz-card-footer>`,\n });\n expect(page.root).toEqualHtml(`\n <z-myz-card-footer anno=\"2019\" autori=\"Mario Rossi, Paolo Bianchi\" titolo=\"titolo\" opened=true>\n <mock:shadow-root>\n <div class=\"isopen wrapper\">\n <footer class=\"isopen\">\n <span class=\"toggle\">\n <slot name=\"toggle\"></slot>\n </span>\n <p>\n titolo\n </p>\n <div class=\"content\">\n <div>\n <p class=\"authors\">\n <span><span aria-description=\"Autori\" class=\"bold\">\n Mario Rossi, Paolo Bianchi\n </span></span>\n </p>\n <p class=\"year-isbn\">\n <span class=\"isbn\">\n <span><span aria-description=\"ISBN edizione cartacea\" class=\"bold\"></span> (ed. cartacea)</span>\n </span>\n </p>\n </div>\n <div class=\"slot-handler visible\">\n <slot name=\"list\"></slot>\n </div>\n </div>\n </footer>\n </div>\n </mock:shadow-root>\n </z-myz-card-footer>\n `);\n });\n});\n"]}

package/dist/collection/snowflakes/myz/card/z-myz-card-footer/index.stories.js ADDED Viewed

@@ -0,0 +1,28 @@
+import {html} from "lit";
+import "./index";
+export default {
+  title: "Snowflakes/MyzCard/ZMyzCardFooter",
+  component: "z-myz-card-footer",
+  args: {
+    autori: "Authors",
+    cardtype: "reale",
+    faded: false,
+    isbn: "97-88-80-8620-710",
+    titolo: "title",
+    opened: false,
+  },
+};
+export const ZMyzCardFooter = {
+  render: (args) =>
+    html`<z-myz-card-footer
+      autori="${args.autori}"
+      cardtype="${args.cardtype}"
+      faded="${args.faded}"
+      isbn="${args.isbn}"
+      titolo="${args.titolo}"
+      opened="${args.opened}"
+    />`,
+};

package/dist/collection/snowflakes/myz/card/z-myz-card-footer/styles.css CHANGED Viewed

@@ -12,7 +12,9 @@ footer {
   color: var(--color-surface05);
   font-family: var(--font-family-sans);
   font-weight: var(--font-rg);
-  transition: height 500ms ease-in-out, top 500ms ease-in-out;
+  transition:
+    height 500ms ease-in-out,
+    top 500ms ease-in-out;
 }
 footer.real,
@@ -116,7 +118,9 @@ footer.isopen > div.content > div > p.year-isbn > span.isbn {
 footer.isopen {
   top: -212px;
   height: 295px;
-  transition: height 500ms ease-in-out, top 500ms ease-in-out;
+  transition:
+    height 500ms ease-in-out,
+    top 500ms ease-in-out;
 }
 footer.isopen.custom-content {
@@ -125,7 +129,9 @@ footer.isopen.custom-content {
 footer.isopen > div.content {
   height: 280px;
-  transition: height 500ms ease-in-out, top 500ms ease-in-out;
+  transition:
+    height 500ms ease-in-out,
+    top 500ms ease-in-out;
 }
 footer.isopen.custom-content > div.content {

package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/index.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class ZMyzCardFooterSections {
     render() {
-        return (h("div", { key: 'e41dd2e7a9bed167d3901b276858c4dfc94c9a69' }, h("footer", { key: '522e3b1ea9c7ba56184a9140b6edbaefbf20a17d' }, h("div", { key: '5329ba46f5f04f20769781b0ed9400237d726952', class: "top" }, h("slot", { key: 'ea36f7398f980f255e396b3044d00ff77f42cad0', name: "top" })), h("div", { key: '726628df2d0df9c25c7103e7b56afe69a4ed8c2d', class: "bottom" }, h("slot", { key: '645f27ef4a5bfd15a021737512b8de2970f18b84', name: "bottom" })))));
+        return (h("div", { key: 'c293773e2f737912b63345f9524e03a374f0c536' }, h("footer", { key: '1a8148b580eef438c1a68d5a134bf3b224846946' }, h("div", { key: '49863a18b930dcd3edb2a049c9e77c858be1dc76', class: "top" }, h("slot", { key: '00bdadaa655b1018e42ed72fefd4d21b1a0529fb', name: "top" })), h("div", { key: '24e4dfb5e2eaac5ef6c61dd2303e9cd9e8832b68', class: "bottom" }, h("slot", { key: 'b8791e5c065a9ce4b4701444c137295123f99d3d', name: "bottom" })))));
     }
     static get is() { return "z-myz-card-footer-sections"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["~~../../../../../~~src/snowflakes/myz/card/z-myz-card-footer-sections/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAE3C;;;GAGG;AAMH,MAAM,OAAO,sBAAsB;IACjC,MAAM;QACJ,OAAO,CACL;YACE;gBACE,4DAAK,KAAK,EAAC,KAAK;oBACd,6DAAM,IAAI,EAAC,KAAK,GAAG,CACf;gBACN,4DAAK,KAAK,EAAC,QAAQ;oBACjB,6DAAM,IAAI,EAAC,QAAQ,GAAG,CAClB,CACC,CACL,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import {Component, h} from \"@stencil/core\";\n\n/*\n @slot top - footer top content\n * @slot bottom - footer bottom content\n */\n@Component({\n tag: \"z-myz-card-footer-sections\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMyzCardFooterSections {\n render(): HTMLDivElement {\n return (\n <div>\n <footer>\n <div class=\"top\">\n <slot name=\"top\" />\n </div>\n <div class=\"bottom\">\n <slot name=\"bottom\" />\n </div>\n </footer>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card-footer-sections/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAE3C;;;GAGG;AAMH,MAAM,OAAO,sBAAsB;IACjC,MAAM;QACJ,OAAO,CACL;YACE;gBACE,4DAAK,KAAK,EAAC,KAAK;oBACd,6DAAM,IAAI,EAAC,KAAK,GAAG,CACf;gBACN,4DAAK,KAAK,EAAC,QAAQ;oBACjB,6DAAM,IAAI,EAAC,QAAQ,GAAG,CAClB,CACC,CACL,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import {Component, h} from \"@stencil/core\";\n\n/*\n @slot top - footer top content\n * @slot bottom - footer bottom content\n */\n@Component({\n tag: \"z-myz-card-footer-sections\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMyzCardFooterSections {\n render(): HTMLDivElement {\n return (\n <div>\n <footer>\n <div class=\"top\">\n <slot name=\"top\" />\n </div>\n <div class=\"bottom\">\n <slot name=\"bottom\" />\n </div>\n </footer>\n </div>\n );\n }\n}\n"]}

package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/index.spec.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.spec.js","sourceRoot":"","sources":["~~../../../../../~~src/snowflakes/myz/card/z-myz-card-footer-sections/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAE/C,QAAQ,CAAC,mCAAmC,EAAE,GAAG,EAAE;IACjD,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,sBAAsB,CAAC;YACpC,IAAI,EAAE,2DAA2D;SAClE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;KAe7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;QAC/D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,sBAAsB,CAAC;YACpC,IAAI,EAAE;;;oCAGwB;SAC/B,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;KAiB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZMyzCardFooterSections} from \"./index\";\n\ndescribe(\"Suite test ZMyzCardFooterSections\", () => {\n it(\"Test render ZMyzCardFooterSections - empty\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardFooterSections],\n html: `<z-myz-card-footer-sections></z-myz-card-footer-sections>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-card-footer-sections>\n <mock:shadow-root>\n <div>\n <footer>\n <div class=\"top\">\n <slot name=\"top\"></slot>\n </div>\n <div class=\"bottom\">\n <slot name=\"bottom\"></slot>\n </div>\n </footer>\n </div>\n </mock:shadow-root>\n </z-myz-card-footer-sections>\n `);\n });\n\n it(\"Test render ZMyzCardFooterSections - with slots\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardFooterSections],\n html: `<z-myz-card-footer-sections>\n <p slot=\"top\">top footer content</p>\n <p slot=\"bottom\">bottom footer content</p>\n </z-myz-card-footer-sections>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-card-footer-sections>\n <mock:shadow-root>\n <div>\n <footer>\n <div class=\"top\">\n <slot name=\"top\"></slot>\n </div>\n <div class=\"bottom\">\n <slot name=\"bottom\"></slot>\n </div>\n </footer>\n </div>\n </mock:shadow-root>\n <p slot=\"top\">top footer content</p>\n <p slot=\"bottom\">bottom footer content</p>\n </z-myz-card-footer-sections>\n `);\n });\n});\n"]}
1	+ {"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card-footer-sections/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAE/C,QAAQ,CAAC,mCAAmC,EAAE,GAAG,EAAE;IACjD,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,sBAAsB,CAAC;YACpC,IAAI,EAAE,2DAA2D;SAClE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;KAe7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;QAC/D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,sBAAsB,CAAC;YACpC,IAAI,EAAE;;;oCAGwB;SAC/B,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;KAiB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZMyzCardFooterSections} from \"./index\";\n\ndescribe(\"Suite test ZMyzCardFooterSections\", () => {\n it(\"Test render ZMyzCardFooterSections - empty\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardFooterSections],\n html: `<z-myz-card-footer-sections></z-myz-card-footer-sections>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-card-footer-sections>\n <mock:shadow-root>\n <div>\n <footer>\n <div class=\"top\">\n <slot name=\"top\"></slot>\n </div>\n <div class=\"bottom\">\n <slot name=\"bottom\"></slot>\n </div>\n </footer>\n </div>\n </mock:shadow-root>\n </z-myz-card-footer-sections>\n `);\n });\n\n it(\"Test render ZMyzCardFooterSections - with slots\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardFooterSections],\n html: `<z-myz-card-footer-sections>\n <p slot=\"top\">top footer content</p>\n <p slot=\"bottom\">bottom footer content</p>\n </z-myz-card-footer-sections>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-card-footer-sections>\n <mock:shadow-root>\n <div>\n <footer>\n <div class=\"top\">\n <slot name=\"top\"></slot>\n </div>\n <div class=\"bottom\">\n <slot name=\"bottom\"></slot>\n </div>\n </footer>\n </div>\n </mock:shadow-root>\n <p slot=\"top\">top footer content</p>\n <p slot=\"bottom\">bottom footer content</p>\n </z-myz-card-footer-sections>\n `);\n });\n});\n"]}

package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/index.stories.js ADDED Viewed

@@ -0,0 +1,16 @@
+import {html} from "lit";
+import "./index";
+export default {
+  title: "Snowflakes/MyzCard/ZMyzCardFooterSections",
+  component: "z-myz-card-footer-sections",
+};
+export const ZMyzCardFooterSections = {
+  render: () => html`
+    <z-myz-card-footer-sections>
+      <span slot="top">Top footer content</span>
+      <span slot="bottom">Bottom footer content</span>
+    </z-myz-card-footer-sections>
+  `,
+};

package/dist/collection/snowflakes/myz/card/z-myz-card-header/index.js CHANGED Viewed

@@ -30,7 +30,7 @@ export class ZMyzCardHeader {
         };
     }
     render() {
-        return (h("header", { key: '2899cd14120a644cd410c8e3ecbf5dc8057741aa', class: this.retrieveClass() }, h("slot", { key: '9fc6922f5caae746f28dd045662791755a12e531', name: "aria-heading" }), h("span", { key: 'c9e10b400ec78bbecb3c2f4620e3a4934dfed3f4', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: '71828a2ea10c63e807951f1a5e71725a8779cd9e', name: "icon" })));
+        return (h("header", { key: '5d2f8e09c654cc0b51b0adf3619e8e85dbc81ff5', class: this.retrieveClass() }, h("slot", { key: '884987f3e799018b57de5a6ab48a2534cbd5dec1', name: "aria-heading" }), h("span", { key: 'c64c93f31d58655a0e17a3141cd9baf17bcf3122', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: 'f28cc800f9632ed16e4a53a6753a2173a19460f4', name: "icon" })));
     }
     static get is() { return "z-myz-card-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-header/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["~~../../../../../~~src/snowflakes/myz/card/z-myz-card-header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAExD,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAEpD;;GAEG;AAMH,MAAM,OAAO,cAAc;;;;;4BAcV,KAAK;;IAIZ,QAAQ;QACd,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9C,CAAC;IAED,gBAAgB;QACd,IAAI,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC;YAC9B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QAC3B,CAAC;IACH,CAAC;IAEO,kBAAkB;QACxB,OAAO,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC;IAC/D,CAAC;IAEO,aAAa;QACnB,OAAO;YACL,IAAI,EAAE,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,IAAI;YACxC,KAAK,EAAE,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,KAAK;YAC1C,IAAI,EAAE,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,IAAI;YACxC,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,+DAAQ,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE;YACjC,6DAAM,IAAI,EAAC,cAAc,GAAG;YAC5B,6DACE,KAAK,EAAC,YAAY,EAClB,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAiB,CAAC,EAChD,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,IAErB,IAAI,CAAC,MAAM,CACP;YACP,6DAAM,IAAI,EAAC,MAAM,GAAG,CACb,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, State, h} from \"@stencil/core\";\nimport {JSXBase} from \"@stencil/core/internal\";\nimport {LicenseType} from \"../../../../beans/index\";\n\n/*\n @slot icon - card header icon slot\n /\n@Component({\n tag: \"z-myz-card-header\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMyzCardHeader {\n /* volume title /\n @Prop()\n titolo: string;\n\n /* faded status /\n @Prop()\n faded: boolean;\n\n /* card graphic variant (optional) */\n @Prop()\n cardtype?: LicenseType;\n\n @State()\n allowTooltip = false;\n\n private ellipsis?: HTMLElement;\n\n private getTitle(): string {\n return this.allowTooltip ? this.titolo : \"\";\n }\n\n componentDidLoad(): void {\n if (this.elementHasEllipsis()) {\n this.allowTooltip = true;\n }\n }\n\n private elementHasEllipsis(): boolean {\n return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;\n }\n\n private retrieveClass(): JSXBase.HTMLAttributes[\"class\"] {\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\n render(): HTMLElement {\n return (\n <header class={this.retrieveClass()}>\n <slot name=\"aria-heading\" />\n <span\n class=\"card-title\"\n ref={(el) => (this.ellipsis = el as HTMLElement)}\n title={this.getTitle()}\n >\n {this.titolo}\n </span>\n <slot name=\"icon\" />\n </header>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card-header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAExD,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAEpD;;GAEG;AAMH,MAAM,OAAO,cAAc;;;;;4BAcV,KAAK;;IAIZ,QAAQ;QACd,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9C,CAAC;IAED,gBAAgB;QACd,IAAI,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC;YAC9B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QAC3B,CAAC;IACH,CAAC;IAEO,kBAAkB;QACxB,OAAO,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC;IAC/D,CAAC;IAEO,aAAa;QACnB,OAAO;YACL,IAAI,EAAE,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,IAAI;YACxC,KAAK,EAAE,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,KAAK;YAC1C,IAAI,EAAE,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,IAAI;YACxC,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,+DAAQ,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE;YACjC,6DAAM,IAAI,EAAC,cAAc,GAAG;YAC5B,6DACE,KAAK,EAAC,YAAY,EAClB,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAiB,CAAC,EAChD,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,IAErB,IAAI,CAAC,MAAM,CACP;YACP,6DAAM,IAAI,EAAC,MAAM,GAAG,CACb,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, State, h} from \"@stencil/core\";\nimport {JSXBase} from \"@stencil/core/internal\";\nimport {LicenseType} from \"../../../../beans/index\";\n\n/*\n @slot icon - card header icon slot\n /\n@Component({\n tag: \"z-myz-card-header\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMyzCardHeader {\n /* volume title /\n @Prop()\n titolo: string;\n\n /* faded status /\n @Prop()\n faded: boolean;\n\n /* card graphic variant (optional) */\n @Prop()\n cardtype?: LicenseType;\n\n @State()\n allowTooltip = false;\n\n private ellipsis?: HTMLElement;\n\n private getTitle(): string {\n return this.allowTooltip ? this.titolo : \"\";\n }\n\n componentDidLoad(): void {\n if (this.elementHasEllipsis()) {\n this.allowTooltip = true;\n }\n }\n\n private elementHasEllipsis(): boolean {\n return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;\n }\n\n private retrieveClass(): JSXBase.HTMLAttributes[\"class\"] {\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\n render(): HTMLElement {\n return (\n <header class={this.retrieveClass()}>\n <slot name=\"aria-heading\" />\n <span\n class=\"card-title\"\n ref={(el) => (this.ellipsis = el as HTMLElement)}\n title={this.getTitle()}\n >\n {this.titolo}\n </span>\n <slot name=\"icon\" />\n </header>\n );\n }\n}\n"]}

package/dist/collection/snowflakes/myz/card/z-myz-card-header/index.spec.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.spec.js","sourceRoot":"","sources":["~~../../../../../~~src/snowflakes/myz/card/z-myz-card-header/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAEvC,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACzC,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,yDAAyD;SAChE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;KAU7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZMyzCardHeader} from \"./index\";\n\ndescribe(\"Suite test ZMyzCardHeader\", () => {\n it(\"Test render ZMyzCardHeader con titolo\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardHeader],\n html: `<z-myz-card-header titolo=\"titolo\"></z-myz-card-header>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-card-header titolo=\"titolo\">\n <mock:shadow-root>\n <header>\n <slot name=\"aria-heading\"></slot>\n <span class=\"card-title\">titolo</span>\n <slot name=\"icon\" />\n </header>\n </mock:shadow-root>\n </z-myz-card-header>\n `);\n });\n});\n"]}
1	+ {"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card-header/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAEvC,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACzC,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,yDAAyD;SAChE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;KAU7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZMyzCardHeader} from \"./index\";\n\ndescribe(\"Suite test ZMyzCardHeader\", () => {\n it(\"Test render ZMyzCardHeader con titolo\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardHeader],\n html: `<z-myz-card-header titolo=\"titolo\"></z-myz-card-header>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-card-header titolo=\"titolo\">\n <mock:shadow-root>\n <header>\n <slot name=\"aria-heading\"></slot>\n <span class=\"card-title\">titolo</span>\n <slot name=\"icon\" />\n </header>\n </mock:shadow-root>\n </z-myz-card-header>\n `);\n });\n});\n"]}

package/dist/collection/snowflakes/myz/card/z-myz-card-header/index.stories.js ADDED Viewed

@@ -0,0 +1,22 @@
+import {html} from "lit";
+import "./index";
+export default {
+  title: "Snowflakes/MyzCard/ZMyzCardHeader",
+  component: "z-myz-card-header",
+  args: {
+    cardtype: "reale",
+    faded: false,
+    titolo: "Card Header",
+  },
+};
+export const ZMyzCardHeader = {
+  render: (args) =>
+    html` <z-myz-card-header
+      cardtype="${args.cardtype}"
+      faded="${args.faded}"
+      titolo="${args.titolo}"
+    />`,
+};

package/dist/collection/snowflakes/myz/card/z-myz-card-icon/index.js CHANGED Viewed

@@ -6,7 +6,7 @@ export class ZMyzCardIcon {
         this.ariaLabel = "";
     }
     render() {
-        return (h("button", { key: 'ad617a342a7d7ae30067dc750b17453d66db9ffa', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: '67079cabf8a0b3213ca75a04e7570d984fe9286f' }, h("z-icon", { key: '1e0a2ebcac6652f6c720da6c74a2d8f718ec825f', name: this.icon, width: 16, height: 16 }))));
+        return (h("button", { key: 'd07c0ca573477aa1045a68da5f4fe528243ce36f', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: 'd4fbc76e9d771efc6fba0f0f311e30261c4bb070' }, h("z-icon", { key: '7a27b69214edf71caff54e1b0619f1b8ce7f1003', name: this.icon, width: 16, height: 16 }))));
     }
     static get is() { return "z-myz-card-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-icon/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["~~../../../../../~~src/snowflakes/myz/card/z-myz-card-icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAOjD,MAAM,OAAO,YAAY;;;0BAOV,KAAK;yBAIN,EAAE;;IAEd,MAAM;QACJ,OAAO,CACL,+DACE,QAAQ,EAAE,IAAI,CAAC,UAAU,gBACb,IAAI,CAAC,SAAS;YAE1B;gBACE,+DACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,CACG,CACA,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h} from \"@stencil/core\";\n\n@Component({\n tag: \"z-myz-card-icon\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMyzCardIcon {\n /** icon name /\n @Prop()\n icon: string;\n\n /* disabled status flag /\n @Prop()\n isdisabled = false;\n\n /* description of the icon*/\n @Prop()\n ariaLabel = \"\";\n\n render(): HTMLButtonElement {\n return (\n <button\n disabled={this.isdisabled}\n aria-label={this.ariaLabel}\n >\n <span>\n <z-icon\n name={this.icon}\n width={16}\n height={16}\n />\n </span>\n </button>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card-icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAOjD,MAAM,OAAO,YAAY;;;0BAOV,KAAK;yBAIN,EAAE;;IAEd,MAAM;QACJ,OAAO,CACL,+DACE,QAAQ,EAAE,IAAI,CAAC,UAAU,gBACb,IAAI,CAAC,SAAS;YAE1B;gBACE,+DACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,CACG,CACA,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h} from \"@stencil/core\";\n\n@Component({\n tag: \"z-myz-card-icon\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMyzCardIcon {\n /** icon name /\n @Prop()\n icon: string;\n\n /* disabled status flag /\n @Prop()\n isdisabled = false;\n\n /* description of the icon*/\n @Prop()\n ariaLabel = \"\";\n\n render(): HTMLButtonElement {\n return (\n <button\n disabled={this.isdisabled}\n aria-label={this.ariaLabel}\n >\n <span>\n <z-icon\n name={this.icon}\n width={16}\n height={16}\n />\n </span>\n </button>\n );\n }\n}\n"]}

package/dist/collection/snowflakes/myz/card/z-myz-card-icon/index.spec.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.spec.js","sourceRoot":"","sources":["~~../../../../../~~src/snowflakes/myz/card/z-myz-card-icon/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAErC,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACvC,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,iDAAiD;SACxD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;KAU7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,yEAAyE;SAChF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;KAU7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,4DAA4D;SACnE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;KAU7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZMyzCardIcon} from \"./index\";\n\ndescribe(\"Suite test ZMyzCardIcon\", () => {\n it(\"Test render ZMyzCardIcon vuoto\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardIcon],\n html: `<z-myz-card-icon icon=\"icon\"></z-myz-card-icon>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-card-icon icon=\"icon\">\n <mock:shadow-root>\n <button aria-label=\"\">\n <span>\n <z-icon height=\"16\" name=\"icon\" width=\"16\"></z-icon>\n </span>\n </button>\n </mock:shadow-root>\n </z-myz-card-icon>\n `);\n });\n it(\"Test render ZMyzCardIcon with aria-label\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardIcon],\n html: `<z-myz-card-icon icon=\"icon\" aria-label=\"test label\"></z-myz-card-icon>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-card-icon icon=\"icon\" aria-label=\"test label\">\n <mock:shadow-root>\n <button aria-label=\"test label\">\n <span>\n <z-icon height=\"16\" name=\"icon\" width=\"16\"></z-icon>\n </span>\n </button>\n </mock:shadow-root>\n </z-myz-card-icon>\n `);\n });\n it(\"Test render ZMyzCardIcon disabled\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardIcon],\n html: `<z-myz-card-icon icon=\"icon\" isdisabled></z-myz-card-icon>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-card-icon icon=\"icon\" isdisabled>\n <mock:shadow-root>\n <button aria-label=\"\" disabled>\n <span>\n <z-icon height=\"16\" name=\"icon\" width=\"16\"></z-icon>\n </span>\n </button>\n </mock:shadow-root>\n </z-myz-card-icon>\n `);\n });\n});\n"]}
1	+ {"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card-icon/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAErC,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACvC,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,iDAAiD;SACxD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;KAU7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,yEAAyE;SAChF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;KAU7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,4DAA4D;SACnE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;KAU7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZMyzCardIcon} from \"./index\";\n\ndescribe(\"Suite test ZMyzCardIcon\", () => {\n it(\"Test render ZMyzCardIcon vuoto\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardIcon],\n html: `<z-myz-card-icon icon=\"icon\"></z-myz-card-icon>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-card-icon icon=\"icon\">\n <mock:shadow-root>\n <button aria-label=\"\">\n <span>\n <z-icon height=\"16\" name=\"icon\" width=\"16\"></z-icon>\n </span>\n </button>\n </mock:shadow-root>\n </z-myz-card-icon>\n `);\n });\n it(\"Test render ZMyzCardIcon with aria-label\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardIcon],\n html: `<z-myz-card-icon icon=\"icon\" aria-label=\"test label\"></z-myz-card-icon>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-card-icon icon=\"icon\" aria-label=\"test label\">\n <mock:shadow-root>\n <button aria-label=\"test label\">\n <span>\n <z-icon height=\"16\" name=\"icon\" width=\"16\"></z-icon>\n </span>\n </button>\n </mock:shadow-root>\n </z-myz-card-icon>\n `);\n });\n it(\"Test render ZMyzCardIcon disabled\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardIcon],\n html: `<z-myz-card-icon icon=\"icon\" isdisabled></z-myz-card-icon>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-card-icon icon=\"icon\" isdisabled>\n <mock:shadow-root>\n <button aria-label=\"\" disabled>\n <span>\n <z-icon height=\"16\" name=\"icon\" width=\"16\"></z-icon>\n </span>\n </button>\n </mock:shadow-root>\n </z-myz-card-icon>\n `);\n });\n});\n"]}

package/dist/collection/snowflakes/myz/card/z-myz-card-icon/index.stories.js ADDED Viewed

@@ -0,0 +1,22 @@
+import {html} from "lit";
+import "./index";
+export default {
+  title: "Snowflakes/MyzCard/ZMyzCardIcon",
+  component: "z-myz-card-icon",
+  args: {
+    icon: "book-minus",
+    isdisabled: true,
+    ariaLabel: "test label",
+  },
+};
+export const ZMyzCardIcon = {
+  render: (args) =>
+    html`<z-myz-card-icon
+      icon=${args.icon}
+      isdisabled=${args.isdisabled}
+      .ariaLabel=${args.ariaLabel}
+    />`,
+};

package/dist/collection/snowflakes/myz/card/z-myz-card-info/index.js CHANGED Viewed

@@ -114,7 +114,7 @@ export class ZMyzCardInfo {
         return (h("section", { ref: (el) => (this.offlineLicenseWrapper = el) }, h("span", { class: "license-heading" }, h("span", null, "Licenza offline"), this.setExpirationLicenseMessage("offline")), "Scadenza il ", h("b", null, this.cardData.offlineLicense.expiration), h("br", null), "Installazioni disponibili: ", h("b", null, this.cardData.offlineLicense.installations)));
     }
     render() {
-        return (h("div", { key: 'b10008febb3778b8848fed3b1754743277ccefeb' }, this.renderCloseIcon(), h("div", { key: '6e32bc325cb8bae2428387dbd113f413b49d99ef', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: '61cba0d7f9745f488f710c87d873674b0095c3bd', class: "cta-wrapper" }, h("slot", { key: '8fa3eccdcca0bb7edf4c48dfc6ac6c5faad04ed3' }))));
+        return (h("div", { key: '086c4df611ed65fc3929e9d607b4043a6ef33f06' }, this.renderCloseIcon(), h("div", { key: 'c3dbdc2e386d06269e79109fc29ae6e0b5826ad5', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: '5e79d55d2e1673de4e40d03d6e3ad385af65152f', class: "cta-wrapper" }, h("slot", { key: 'aa7141484bdbaf50856f31285dc2fef49f84abe1' }))));
     }
     static get is() { return "z-myz-card-info"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-info/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/card/z-myz-card-info/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAgB,KAAK,EAAC,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAiB,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClE,OAAO,EAAC,oBAAoB,EAAC,MAAM,yBAAyB,CAAC;AAE7D;;GAEG;AAMH,MAAM,OAAO,YAAY;IA6Bf,YAAY,CAAC,QAAQ,GAAG,KAAK;QACnC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC;IAED;;4BA1BwB,CAAC;6BAGT,KAAK;uBAGX,KAAK;QAqBb,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAClD;IAED,iBAAiB;QACf,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAED,mBAAmB;QACjB,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAEO,mBAAmB;QACzB,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YAC9C,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAE3B,OAAO;QACT,CAAC;QAED,IACE,IAAI,CAAC,cAAc,CAAC,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY;YACnE,IAAI,CAAC,WAAW,CAAC,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC,YAAY,EAC7D,CAAC;YACD,MAAM,MAAM,GACV,IAAI,CAAC,cAAc,CAAC,YAAY;gBAChC,IAAI,CAAC,oBAAoB,CAAC,YAAY;gBACtC,IAAI,CAAC,qBAAqB,CAAC,YAAY,CAAC;YAC1C,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC;YAC9C,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAE1B,OAAO;QACT,CAAC;QAED,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC7B,CAAC;IAEO,gBAAgB;QACtB,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAClC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACxC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;QAC5B,CAAC;IACH,CAAC;IAEO,eAAe;QACrB,OAAO,CACL,cACE,IAAI,EAAC,yBAAyB,EAC9B,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,EACT,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EACvC,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,OAAO,EAAE,CAAC,CAAgB,EAAE,EAAE;gBAC5B,oBAAoB,CAAC,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;YACpD,CAAC,GACD,CACH,CAAC;IACJ,CAAC;IAEO,oBAAoB;;QAC1B,MAAM,KAAK,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,0CAAE,KAAK,CAAC;QACpC,MAAM,WAAW,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,0CAAE,WAAW,CAAC;QAEhD,OAAO,CACL,eACE,KAAK,EAAE,gBAAgB,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EAC3D,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;oBACvB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;gBAC/B,CAAC;YACH,CAAC,EACD,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;YAEnC,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,UAAU,EAAE;YACjB,KAAK;YACN,aAAM;YACL,WAAW,CACJ,CACX,CAAC;IACJ,CAAC;IAEO,YAAY;;QAClB,MAAM,MAAM,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,0CAAE,MAAM,CAAC;QACtC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL;;YACU,aAAI,MAAM,CAAK;YACvB,aAAM,CACD,CACR,CAAC;IACJ,CAAC;IAEO,UAAU;;QAChB,MAAM,IAAI,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,0CAAE,IAAI,CAAC;QAClC,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL;;YACQ,aAAI,IAAI,CAAK;YACnB,aAAM,CACD,CACR,CAAC;IACJ,CAAC;IAEO,aAAa;QACnB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QACD,MAAM,EAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAC,GAAG,IAAI,CAAC,QAAQ,CAAC;QAEzD,OAAO,CACL,iBACE,QAAQ,EAAE,eAAe,CAAC,KAAK,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,IAEpC,GAAG,KAAK,IAAI,IAAI,IAAI,MAAM,IAAI,WAAW,EAAE,CAClC,CACb,CAAC;IACJ,CAAC;IAEO,2BAA2B,CAAC,IAAY;QAC9C,IACE,CAAC,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;YAC1D,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,EAC5D,CAAC;YACD,OAAO,YAAM,KAAK,EAAC,SAAS,cAAe,CAAC;QAC9C,CAAC;QAED,IACE,CAAC,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;YAC3D,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,EAC7D,CAAC;YACD,OAAO,YAAM,KAAK,EAAC,UAAU,kBAAmB,CAAC;QACnD,CAAC;IACH,CAAC;IAEO,0BAA0B;;QAChC,IAAI,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,0CAAE,aAAa,CAAA,EAAE,CAAC;YACnC,OAAO;QACT,CAAC;QAED,OAAO,CACL,eAAS,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,oBAAoB,GAAG,EAAE,CAAC;YACpD,YAAM,KAAK,EAAC,iBAAiB;gBAC3B,iCAA2B;gBAC1B,IAAI,CAAC,2BAA2B,CAAC,QAAQ,CAAC,CACtC;;YACK,aAAI,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAK;YAC3D,aAAM,CACE,CACX,CAAC;IACJ,CAAC;IAEO,2BAA2B;;QACjC,IAAI,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,0CAAE,cAAc,CAAA,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QAED,OAAO,CACL,eAAS,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,qBAAqB,GAAG,EAAE,CAAC;YACrD,YAAM,KAAK,EAAC,iBAAiB;gBAC3B,kCAA4B;gBAC3B,IAAI,CAAC,2BAA2B,CAAC,SAAS,CAAC,CACvC;;YACK,aAAI,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAK;YAC5D,aAAM;;YACqB,aAAI,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAK,CACtE,CACX,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL;YACG,IAAI,CAAC,eAAe,EAAE;YACvB,4DACE,KAAK,EAAC,iBAAiB,EACvB,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;gBAEtC,IAAI,CAAC,oBAAoB,EAAE;gBAC3B,IAAI,CAAC,aAAa,EAAE;gBACpB,IAAI,CAAC,0BAA0B,EAAE;gBACjC,IAAI,CAAC,2BAA2B,EAAE,CAC/B;YACN,4DAAK,KAAK,EAAC,aAAa;gBACtB,8DAAQ,CACJ,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, Event, EventEmitter, State} from \"@stencil/core\";\nimport {DictionaryData, PopoverPosition} from \"../../../../beans\";\nimport {handleKeyboardSubmit} from \"../../../../utils/utils\";\n\n/*\n @slot - content\n /\n@Component({\n tag: \"z-myz-card-info\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMyzCardInfo {\n /* dictionary info /\n @Prop()\n data: string \| DictionaryData;\n\n /* tabindex link attribute (optional) /\n @Prop()\n htmltabindex?: number = 0;\n\n @State()\n hiddenContent = false;\n\n @State()\n tooltip = false;\n\n private cardData: DictionaryData;\n\n private contentWrapper: HTMLElement;\n\n private infoWrapper: HTMLElement;\n\n private onlineLicenseWrapper: HTMLElement;\n\n private offlineLicenseWrapper: HTMLElement;\n\n /* flip card to front */\n @Event()\n flipCard: EventEmitter;\n\n private emitFlipCard(showBack = false): void {\n this.flipCard.emit(showBack);\n }\n\n constructor() {\n this.emitFlipCard = this.emitFlipCard.bind(this);\n }\n\n componentWillLoad(): void {\n this.setStringOrArray();\n }\n\n componentWillUpdate(): void {\n this.setStringOrArray();\n }\n\n componentDidRender(): void {\n this.handleContentHeight();\n }\n\n private handleContentHeight(): void {\n if (!this.contentWrapper && !this.infoWrapper) {\n this.hiddenContent = false;\n\n return;\n }\n\n if (\n this.contentWrapper.scrollHeight > this.contentWrapper.offsetHeight \|\|\n this.infoWrapper.scrollHeight > this.infoWrapper.offsetHeight\n ) {\n const height =\n this.contentWrapper.offsetHeight -\n this.onlineLicenseWrapper.offsetHeight -\n this.offlineLicenseWrapper.offsetHeight;\n this.infoWrapper.style.height = `${height}px`;\n this.hiddenContent = true;\n\n return;\n }\n\n this.hiddenContent = false;\n }\n\n private setStringOrArray(): void {\n if (typeof this.data === \"string\") {\n this.cardData = JSON.parse(this.data);\n } else {\n this.cardData = this.data;\n }\n }\n\n private renderCloseIcon(): HTMLZIconElement {\n return (\n <z-icon\n name=\"multiply-circled-filled\"\n height={18}\n width={18}\n onClick={() => this.emitFlipCard(false)}\n tabindex={this.htmltabindex}\n onKeyUp={(e: KeyboardEvent) => {\n handleKeyboardSubmit(e, this.emitFlipCard, false);\n }}\n />\n );\n }\n\n private renderGeneralSection(): HTMLElement {\n const title = this?.cardData?.title;\n const description = this?.cardData?.description;\n\n return (\n <section\n class={`info-wrapper ${this.hiddenContent ? \"hidden\" : \"\"}`}\n onClick={() => {\n if (this.hiddenContent) {\n this.tooltip = !this.tooltip;\n }\n }}\n ref={(el) => (this.infoWrapper = el)}\n >\n {this.renderAuthor()}\n {this.renderYear()}\n {title}\n <br />\n {description}\n </section>\n );\n }\n\n private renderAuthor(): HTMLSpanElement {\n const author = this?.cardData?.author;\n if (!author) {\n return null;\n }\n\n return (\n <span>\n Autore: <b>{author}</b>\n <br />\n </span>\n );\n }\n\n private renderYear(): HTMLSpanElement {\n const year = this?.cardData?.year;\n if (!year) {\n return null;\n }\n\n return (\n <span>\n Anno: <b>{year}</b>\n <br />\n </span>\n );\n }\n\n private renderTooltip(): HTMLZPopoverElement {\n if (!this.tooltip) {\n return;\n }\n\n if (!this.cardData) {\n return;\n }\n const {title, year, author, description} = this.cardData;\n\n return (\n <z-popover\n position={PopoverPosition.RIGHT}\n onClick={() => (this.tooltip = false)}\n >\n {`${title} ${year} ${author} ${description}`}\n </z-popover>\n );\n }\n\n private setExpirationLicenseMessage(type: string): HTMLSpanElement {\n if (\n (type === \"online\" && this.cardData.onlineLicense.expired) \|\|\n (type === \"offline\" && this.cardData.offlineLicense.expired)\n ) {\n return <span class=\"expired\">SCADUTA</span>;\n }\n\n if (\n (type === \"online\" && this.cardData.onlineLicense.expiring) \|\|\n (type === \"offline\" && this.cardData.offlineLicense.expiring)\n ) {\n return <span class=\"expiring\">IN SCADENZA</span>;\n }\n }\n\n private renderOnlineLicenseSection(): HTMLElement {\n if (!this?.cardData?.onlineLicense) {\n return;\n }\n\n return (\n <section ref={(el) => (this.onlineLicenseWrapper = el)}>\n <span class=\"license-heading\">\n <span>Licenza online</span>\n {this.setExpirationLicenseMessage(\"online\")}\n </span>\n Scadenza il <b>{this.cardData.onlineLicense.expiration}</b>\n <br />\n </section>\n );\n }\n\n private renderOfflineLicenseSection(): HTMLElement {\n if (!this?.cardData?.offlineLicense) {\n return;\n }\n\n return (\n <section ref={(el) => (this.offlineLicenseWrapper = el)}>\n <span class=\"license-heading\">\n <span>Licenza offline</span>\n {this.setExpirationLicenseMessage(\"offline\")}\n </span>\n Scadenza il <b>{this.cardData.offlineLicense.expiration}</b>\n <br />\n Installazioni disponibili: <b>{this.cardData.offlineLicense.installations}</b>\n </section>\n );\n }\n\n render(): HTMLDivElement {\n return (\n <div>\n {this.renderCloseIcon()}\n <div\n class=\"content-wrapper\"\n ref={(el) => (this.contentWrapper = el)}\n >\n {this.renderGeneralSection()}\n {this.renderTooltip()}\n {this.renderOnlineLicenseSection()}\n {this.renderOfflineLicenseSection()}\n </div>\n <div class=\"cta-wrapper\">\n <slot />\n </div>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card-info/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Event, EventEmitter, Prop, State, h} from \"@stencil/core\";\nimport {DictionaryData, PopoverPosition} from \"../../../../beans\";\nimport {handleKeyboardSubmit} from \"../../../../utils/utils\";\n\n/*\n @slot - content\n /\n@Component({\n tag: \"z-myz-card-info\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMyzCardInfo {\n /* dictionary info /\n @Prop()\n data: string \| DictionaryData;\n\n /* tabindex link attribute (optional) /\n @Prop()\n htmltabindex?: number = 0;\n\n @State()\n hiddenContent = false;\n\n @State()\n tooltip = false;\n\n private cardData: DictionaryData;\n\n private contentWrapper: HTMLElement;\n\n private infoWrapper: HTMLElement;\n\n private onlineLicenseWrapper: HTMLElement;\n\n private offlineLicenseWrapper: HTMLElement;\n\n /* flip card to front */\n @Event()\n flipCard: EventEmitter;\n\n private emitFlipCard(showBack = false): void {\n this.flipCard.emit(showBack);\n }\n\n constructor() {\n this.emitFlipCard = this.emitFlipCard.bind(this);\n }\n\n componentWillLoad(): void {\n this.setStringOrArray();\n }\n\n componentWillUpdate(): void {\n this.setStringOrArray();\n }\n\n componentDidRender(): void {\n this.handleContentHeight();\n }\n\n private handleContentHeight(): void {\n if (!this.contentWrapper && !this.infoWrapper) {\n this.hiddenContent = false;\n\n return;\n }\n\n if (\n this.contentWrapper.scrollHeight > this.contentWrapper.offsetHeight \|\|\n this.infoWrapper.scrollHeight > this.infoWrapper.offsetHeight\n ) {\n const height =\n this.contentWrapper.offsetHeight -\n this.onlineLicenseWrapper.offsetHeight -\n this.offlineLicenseWrapper.offsetHeight;\n this.infoWrapper.style.height = `${height}px`;\n this.hiddenContent = true;\n\n return;\n }\n\n this.hiddenContent = false;\n }\n\n private setStringOrArray(): void {\n if (typeof this.data === \"string\") {\n this.cardData = JSON.parse(this.data);\n } else {\n this.cardData = this.data;\n }\n }\n\n private renderCloseIcon(): HTMLZIconElement {\n return (\n <z-icon\n name=\"multiply-circled-filled\"\n height={18}\n width={18}\n onClick={() => this.emitFlipCard(false)}\n tabindex={this.htmltabindex}\n onKeyUp={(e: KeyboardEvent) => {\n handleKeyboardSubmit(e, this.emitFlipCard, false);\n }}\n />\n );\n }\n\n private renderGeneralSection(): HTMLElement {\n const title = this?.cardData?.title;\n const description = this?.cardData?.description;\n\n return (\n <section\n class={`info-wrapper ${this.hiddenContent ? \"hidden\" : \"\"}`}\n onClick={() => {\n if (this.hiddenContent) {\n this.tooltip = !this.tooltip;\n }\n }}\n ref={(el) => (this.infoWrapper = el)}\n >\n {this.renderAuthor()}\n {this.renderYear()}\n {title}\n <br />\n {description}\n </section>\n );\n }\n\n private renderAuthor(): HTMLSpanElement {\n const author = this?.cardData?.author;\n if (!author) {\n return null;\n }\n\n return (\n <span>\n Autore: <b>{author}</b>\n <br />\n </span>\n );\n }\n\n private renderYear(): HTMLSpanElement {\n const year = this?.cardData?.year;\n if (!year) {\n return null;\n }\n\n return (\n <span>\n Anno: <b>{year}</b>\n <br />\n </span>\n );\n }\n\n private renderTooltip(): HTMLZPopoverElement {\n if (!this.tooltip) {\n return;\n }\n\n if (!this.cardData) {\n return;\n }\n const {title, year, author, description} = this.cardData;\n\n return (\n <z-popover\n position={PopoverPosition.RIGHT}\n onClick={() => (this.tooltip = false)}\n >\n {`${title} ${year} ${author} ${description}`}\n </z-popover>\n );\n }\n\n private setExpirationLicenseMessage(type: string): HTMLSpanElement {\n if (\n (type === \"online\" && this.cardData.onlineLicense.expired) \|\|\n (type === \"offline\" && this.cardData.offlineLicense.expired)\n ) {\n return <span class=\"expired\">SCADUTA</span>;\n }\n\n if (\n (type === \"online\" && this.cardData.onlineLicense.expiring) \|\|\n (type === \"offline\" && this.cardData.offlineLicense.expiring)\n ) {\n return <span class=\"expiring\">IN SCADENZA</span>;\n }\n }\n\n private renderOnlineLicenseSection(): HTMLElement {\n if (!this?.cardData?.onlineLicense) {\n return;\n }\n\n return (\n <section ref={(el) => (this.onlineLicenseWrapper = el)}>\n <span class=\"license-heading\">\n <span>Licenza online</span>\n {this.setExpirationLicenseMessage(\"online\")}\n </span>\n Scadenza il <b>{this.cardData.onlineLicense.expiration}</b>\n <br />\n </section>\n );\n }\n\n private renderOfflineLicenseSection(): HTMLElement {\n if (!this?.cardData?.offlineLicense) {\n return;\n }\n\n return (\n <section ref={(el) => (this.offlineLicenseWrapper = el)}>\n <span class=\"license-heading\">\n <span>Licenza offline</span>\n {this.setExpirationLicenseMessage(\"offline\")}\n </span>\n Scadenza il <b>{this.cardData.offlineLicense.expiration}</b>\n <br />\n Installazioni disponibili: <b>{this.cardData.offlineLicense.installations}</b>\n </section>\n );\n }\n\n render(): HTMLDivElement {\n return (\n <div>\n {this.renderCloseIcon()}\n <div\n class=\"content-wrapper\"\n ref={(el) => (this.contentWrapper = el)}\n >\n {this.renderGeneralSection()}\n {this.renderTooltip()}\n {this.renderOnlineLicenseSection()}\n {this.renderOfflineLicenseSection()}\n </div>\n <div class=\"cta-wrapper\">\n <slot />\n </div>\n </div>\n );\n }\n}\n"]}

package/dist/collection/snowflakes/myz/card/z-myz-card-info/index.spec.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.spec.js","sourceRoot":"","sources":["~~../../../../../~~src/snowflakes/myz/card/z-myz-card-info/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAErC,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACvC,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,iCAAiC;SACxC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;KAgB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,uUAAuU;SAC9U,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+C/B,CAAC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;QACvD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,yVAAyV;SAChW,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+C/B,CAAC,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZMyzCardInfo} from \"./index\";\n\ndescribe(\"Suite test ZMyzCardInfo\", () => {\n it(\"Test render ZMyzCardInfo - empty\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardInfo],\n html: `<z-myz-card-info></z-card-info>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-card-info>\n <mock:shadow-root>\n <div>\n <z-icon name=\"multiply-circled-filled\" height=\"18\" width=\"18\" tabindex=\"0\"></z-icon>\n <div class=\"content-wrapper\">\n <section class=\"info-wrapper\">\n <br />\n </section>\n </div>\n <div class=\"cta-wrapper\">\n <slot></slot>\n </div>\n </div>\n </mock:shadow-root>\n </z-card-info>\n `);\n });\n\n it(\"Test render ZMyzCardInfo - with data\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardInfo],\n html: `<z-myz-card-info data='{\"author\":\"Nicola Zingarelli\",\"year\":\"2021\",\"title\":\"Vocabolario della lingua italiana\",\"description\":\"A cura di Mario Cannella, Beata Lazzarini\",\"onlineLicense\":{\"expiration\":\"31/12/2021\",\"expired\":true},\"offlineLicense\":{\"expiration\":\"30/06/2021\",\"installations\":\"2\",\"expired\":false}}'></z-card-info>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-card-info data='{\"author\":\"Nicola Zingarelli\",\"year\":\"2021\",\"title\":\"Vocabolario della lingua italiana\",\"description\":\"A cura di Mario Cannella, Beata Lazzarini\",\"onlineLicense\":{\"expiration\":\"31/12/2021\",\"expired\":true},\"offlineLicense\":{\"expiration\":\"30/06/2021\",\"installations\":\"2\",\"expired\":false}}'>\n <mock:shadow-root>\n <div>\n <z-icon name=\"multiply-circled-filled\" height=\"18\" width=\"18\" tabindex=\"0\"></z-icon>\n <div class=\"content-wrapper\">\n\n <section class=\"info-wrapper\">\n <span>\n Autore: <b>Nicola Zingarelli</b>\n <br />\n </span>\n <span>\n Anno: <b>2021</b>\n <br />\n </span>\n Vocabolario della lingua italiana\n <br />\n A cura di Mario Cannella, Beata Lazzarini\n </section>\n\n <section>\n <span class=\"license-heading\">\n <span>Licenza online</span>\n <span class=\"expired\">SCADUTA</span>\n </span>\n Scadenza il <b>31/12/2021</b>\n <br />\n </section>\n\n <section>\n <span class=\"license-heading\">\n <span>Licenza offline</span>\n </span>\n Scadenza il <b>30/06/2021</b>\n <br />\n Installazioni disponibili: <b>2</b>\n </section>\n\n </div>\n\n <div class=\"cta-wrapper\">\n <slot></slot>\n </div>\n </div>\n </mock:shadow-root>\n </z-card-info>\n `);\n });\n\n it(\"Test render ZMyzCardInfo - htmltabindex\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardInfo],\n html: `<z-myz-card-info htmltabindex='-1' data='{\"author\":\"Nicola Zingarelli\",\"year\":\"2021\",\"title\":\"Vocabolario della lingua italiana\",\"description\":\"A cura di Mario Cannella, Beata Lazzarini\",\"onlineLicense\":{\"expiration\":\"31/12/2021\",\"expired\":true},\"offlineLicense\":{\"expiration\":\"30/06/2021\",\"installations\":\"2\",\"expired\":false}}'></z-card-info>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-card-info htmltabindex='-1' data='{\"author\":\"Nicola Zingarelli\",\"year\":\"2021\",\"title\":\"Vocabolario della lingua italiana\",\"description\":\"A cura di Mario Cannella, Beata Lazzarini\",\"onlineLicense\":{\"expiration\":\"31/12/2021\",\"expired\":true},\"offlineLicense\":{\"expiration\":\"30/06/2021\",\"installations\":\"2\",\"expired\":false}}'>\n <mock:shadow-root>\n <div>\n <z-icon name=\"multiply-circled-filled\" height=\"18\" width=\"18\" tabindex=\"-1\"></z-icon>\n <div class=\"content-wrapper\">\n\n <section class=\"info-wrapper\">\n <span>\n Autore: <b>Nicola Zingarelli</b>\n <br />\n </span>\n <span>\n Anno: <b>2021</b>\n <br />\n </span>\n Vocabolario della lingua italiana\n <br />\n A cura di Mario Cannella, Beata Lazzarini\n </section>\n\n <section>\n <span class=\"license-heading\">\n <span>Licenza online</span>\n <span class=\"expired\">SCADUTA</span>\n </span>\n Scadenza il <b>31/12/2021</b>\n <br />\n </section>\n\n <section>\n <span class=\"license-heading\">\n <span>Licenza offline</span>\n </span>\n Scadenza il <b>30/06/2021</b>\n <br />\n Installazioni disponibili: <b>2</b>\n </section>\n\n </div>\n\n <div class=\"cta-wrapper\">\n <slot></slot>\n </div>\n </div>\n </mock:shadow-root>\n </z-card-info>\n `);\n });\n});\n"]}
1	+ {"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card-info/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAErC,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACvC,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,iCAAiC;SACxC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;KAgB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,uUAAuU;SAC9U,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+C/B,CAAC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;QACvD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,yVAAyV;SAChW,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+C/B,CAAC,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZMyzCardInfo} from \"./index\";\n\ndescribe(\"Suite test ZMyzCardInfo\", () => {\n it(\"Test render ZMyzCardInfo - empty\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardInfo],\n html: `<z-myz-card-info></z-card-info>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-card-info>\n <mock:shadow-root>\n <div>\n <z-icon name=\"multiply-circled-filled\" height=\"18\" width=\"18\" tabindex=\"0\"></z-icon>\n <div class=\"content-wrapper\">\n <section class=\"info-wrapper\">\n <br />\n </section>\n </div>\n <div class=\"cta-wrapper\">\n <slot></slot>\n </div>\n </div>\n </mock:shadow-root>\n </z-card-info>\n `);\n });\n\n it(\"Test render ZMyzCardInfo - with data\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardInfo],\n html: `<z-myz-card-info data='{\"author\":\"Nicola Zingarelli\",\"year\":\"2021\",\"title\":\"Vocabolario della lingua italiana\",\"description\":\"A cura di Mario Cannella, Beata Lazzarini\",\"onlineLicense\":{\"expiration\":\"31/12/2021\",\"expired\":true},\"offlineLicense\":{\"expiration\":\"30/06/2021\",\"installations\":\"2\",\"expired\":false}}'></z-card-info>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-card-info data='{\"author\":\"Nicola Zingarelli\",\"year\":\"2021\",\"title\":\"Vocabolario della lingua italiana\",\"description\":\"A cura di Mario Cannella, Beata Lazzarini\",\"onlineLicense\":{\"expiration\":\"31/12/2021\",\"expired\":true},\"offlineLicense\":{\"expiration\":\"30/06/2021\",\"installations\":\"2\",\"expired\":false}}'>\n <mock:shadow-root>\n <div>\n <z-icon name=\"multiply-circled-filled\" height=\"18\" width=\"18\" tabindex=\"0\"></z-icon>\n <div class=\"content-wrapper\">\n\n <section class=\"info-wrapper\">\n <span>\n Autore: <b>Nicola Zingarelli</b>\n <br />\n </span>\n <span>\n Anno: <b>2021</b>\n <br />\n </span>\n Vocabolario della lingua italiana\n <br />\n A cura di Mario Cannella, Beata Lazzarini\n </section>\n\n <section>\n <span class=\"license-heading\">\n <span>Licenza online</span>\n <span class=\"expired\">SCADUTA</span>\n </span>\n Scadenza il <b>31/12/2021</b>\n <br />\n </section>\n\n <section>\n <span class=\"license-heading\">\n <span>Licenza offline</span>\n </span>\n Scadenza il <b>30/06/2021</b>\n <br />\n Installazioni disponibili: <b>2</b>\n </section>\n\n </div>\n\n <div class=\"cta-wrapper\">\n <slot></slot>\n </div>\n </div>\n </mock:shadow-root>\n </z-card-info>\n `);\n });\n\n it(\"Test render ZMyzCardInfo - htmltabindex\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardInfo],\n html: `<z-myz-card-info htmltabindex='-1' data='{\"author\":\"Nicola Zingarelli\",\"year\":\"2021\",\"title\":\"Vocabolario della lingua italiana\",\"description\":\"A cura di Mario Cannella, Beata Lazzarini\",\"onlineLicense\":{\"expiration\":\"31/12/2021\",\"expired\":true},\"offlineLicense\":{\"expiration\":\"30/06/2021\",\"installations\":\"2\",\"expired\":false}}'></z-card-info>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-card-info htmltabindex='-1' data='{\"author\":\"Nicola Zingarelli\",\"year\":\"2021\",\"title\":\"Vocabolario della lingua italiana\",\"description\":\"A cura di Mario Cannella, Beata Lazzarini\",\"onlineLicense\":{\"expiration\":\"31/12/2021\",\"expired\":true},\"offlineLicense\":{\"expiration\":\"30/06/2021\",\"installations\":\"2\",\"expired\":false}}'>\n <mock:shadow-root>\n <div>\n <z-icon name=\"multiply-circled-filled\" height=\"18\" width=\"18\" tabindex=\"-1\"></z-icon>\n <div class=\"content-wrapper\">\n\n <section class=\"info-wrapper\">\n <span>\n Autore: <b>Nicola Zingarelli</b>\n <br />\n </span>\n <span>\n Anno: <b>2021</b>\n <br />\n </span>\n Vocabolario della lingua italiana\n <br />\n A cura di Mario Cannella, Beata Lazzarini\n </section>\n\n <section>\n <span class=\"license-heading\">\n <span>Licenza online</span>\n <span class=\"expired\">SCADUTA</span>\n </span>\n Scadenza il <b>31/12/2021</b>\n <br />\n </section>\n\n <section>\n <span class=\"license-heading\">\n <span>Licenza offline</span>\n </span>\n Scadenza il <b>30/06/2021</b>\n <br />\n Installazioni disponibili: <b>2</b>\n </section>\n\n </div>\n\n <div class=\"cta-wrapper\">\n <slot></slot>\n </div>\n </div>\n </mock:shadow-root>\n </z-card-info>\n `);\n });\n});\n"]}

package/dist/collection/snowflakes/myz/card/z-myz-card-info/index.stories.js ADDED Viewed

@@ -0,0 +1,18 @@
+import {html} from "lit";
+import "../../../../components/z-button/index";
+import "./index";
+export default {
+  title: "Snowflakes/MyzCard/ZMyzCardInfo",
+  component: "z-myz-card-info",
+};
+export const ZMyzCardInfo = {
+  render: () => html`
+    <z-myz-card-info
+      data='{"author":"Nicola Zingarelli","year":"2021","title":"Vocabolario della lingua italiana","description":"A cura di Mario Cannella, Beata Lazzarini","onlineLicense":{"expiration":"31/12/2021","installations":"1","expired":true},"offlineLicense":{"expiration":"30/06/2021","installations":"2","expired":false}}'
+    >
+      <z-button variant="secondary">CTA</z-button>
+    </z-myz-card-info>
+  `,
+};

package/dist/collection/snowflakes/myz/card/z-myz-card-list/index.js CHANGED Viewed

@@ -23,7 +23,7 @@ export class ZMyzCardList {
         });
     }
     render() {
-        return h("ul", { key: '8fa3ddd1500ab0fa34402944d13c147aa6467a3b' }, this.renderList(JSON.parse(this.listdata)));
+        return h("ul", { key: '04fd2a50aca23fe43cb8126e7325dda58393cb7b' }, this.renderList(JSON.parse(this.listdata)));
     }
     static get is() { return "z-myz-card-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-list/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["~~../../../../../~~src/snowflakes/myz/card/z-myz-card-list/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAQjD,MAAM,OAAO,YAAY;IAKvB;;QACE,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC9C;IAEO,mBAAmB,CAAC,CAAgB,EAAE,GAAW;QACvD,IAAI,CAAC,CAAC,OAAO,IAAI,EAAE,IAAI,CAAC,CAAC,OAAO,IAAI,EAAE,EAAE,CAAC;YACvC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC;IAEO,iBAAiB,CAAC,IAAY;QACpC,MAAM,EAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAC,GAAG,IAAI,CAAC;QAClC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,gBAAO,KAAK,CAAQ,CAAC;QAC9B,CAAC;QAED,OAAO,CACL,SACE,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,CAAC,CAAgB,EAAE,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,EAAE,GAAG,CAAC,EAClE,IAAI,EAAE,GAAG,EACT,MAAM,EAAC,QAAQ,IAEd,KAAK,CACJ,CACL,CAAC;IACJ,CAAC;IAEO,UAAU,CAAC,SAAmB;QACpC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,IAAY,EAAE,EAAE;YACpC,OAAO,cAAK,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAM,CAAC;QACjD,CAAC,CAAC,CAAC;IACL,CAAC;IAED,MAAM;QACJ,OAAO,6DAAK,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAM,CAAC;IAC/D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h} from \"@stencil/core\";\nimport {Action} from \"../../../../beans\";\n\n@Component({\n tag: \"z-myz-card-list\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMyzCardList {\n /** list data stringified array */\n @Prop()\n listdata: string;\n\n constructor() {\n this.renderList = this.renderList.bind(this);\n }\n\n private handleSpaceKeyPress(e: KeyboardEvent, url: string): void {\n if (e.keyCode == 32 \|\| e.keyCode == 13) {\n e.preventDefault();\n window.open(url, \"_blank\");\n }\n }\n\n private formatListContent(data: Action): HTMLAnchorElement {\n const {value, isLink, url} = data;\n if (!isLink) {\n return <span>{value}</span>;\n }\n\n return (\n <a\n role=\"button\"\n onKeyPress={(e: KeyboardEvent) => this.handleSpaceKeyPress(e, url)}\n href={url}\n target=\"_blank\"\n >\n {value}\n </a>\n );\n }\n\n private renderList(dataArray: Action[]): HTMLLIElement[] {\n return dataArray.map((data: Action) => {\n return <li>{this.formatListContent(data)}</li>;\n });\n }\n\n render(): HTMLUListElement {\n return <ul>{this.renderList(JSON.parse(this.listdata))}</ul>;\n }\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card-list/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAQjD,MAAM,OAAO,YAAY;IAKvB;;QACE,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC9C;IAEO,mBAAmB,CAAC,CAAgB,EAAE,GAAW;QACvD,IAAI,CAAC,CAAC,OAAO,IAAI,EAAE,IAAI,CAAC,CAAC,OAAO,IAAI,EAAE,EAAE,CAAC;YACvC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC;IAEO,iBAAiB,CAAC,IAAY;QACpC,MAAM,EAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAC,GAAG,IAAI,CAAC;QAClC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,gBAAO,KAAK,CAAQ,CAAC;QAC9B,CAAC;QAED,OAAO,CACL,SACE,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,CAAC,CAAgB,EAAE,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,EAAE,GAAG,CAAC,EAClE,IAAI,EAAE,GAAG,EACT,MAAM,EAAC,QAAQ,IAEd,KAAK,CACJ,CACL,CAAC;IACJ,CAAC;IAEO,UAAU,CAAC,SAAmB;QACpC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,IAAY,EAAE,EAAE;YACpC,OAAO,cAAK,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAM,CAAC;QACjD,CAAC,CAAC,CAAC;IACL,CAAC;IAED,MAAM;QACJ,OAAO,6DAAK,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAM,CAAC;IAC/D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h} from \"@stencil/core\";\nimport {Action} from \"../../../../beans\";\n\n@Component({\n tag: \"z-myz-card-list\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMyzCardList {\n /** list data stringified array */\n @Prop()\n listdata: string;\n\n constructor() {\n this.renderList = this.renderList.bind(this);\n }\n\n private handleSpaceKeyPress(e: KeyboardEvent, url: string): void {\n if (e.keyCode == 32 \|\| e.keyCode == 13) {\n e.preventDefault();\n window.open(url, \"_blank\");\n }\n }\n\n private formatListContent(data: Action): HTMLAnchorElement {\n const {value, isLink, url} = data;\n if (!isLink) {\n return <span>{value}</span>;\n }\n\n return (\n <a\n role=\"button\"\n onKeyPress={(e: KeyboardEvent) => this.handleSpaceKeyPress(e, url)}\n href={url}\n target=\"_blank\"\n >\n {value}\n </a>\n );\n }\n\n private renderList(dataArray: Action[]): HTMLLIElement[] {\n return dataArray.map((data: Action) => {\n return <li>{this.formatListContent(data)}</li>;\n });\n }\n\n render(): HTMLUListElement {\n return <ul>{this.renderList(JSON.parse(this.listdata))}</ul>;\n }\n}\n"]}

package/dist/collection/snowflakes/myz/card/z-myz-card-list/index.spec.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.spec.js","sourceRoot":"","sources":["~~../../../../../~~src/snowflakes/myz/card/z-myz-card-list/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAErC,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACvC,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,uVAAuV;SAC9V,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2B7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZMyzCardList} from \"./index\";\n\ndescribe(\"Suite test ZMyzCardList\", () => {\n it(\"Test render ZMyzCardList vuoto\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardList],\n html: `<z-myz-card-list listdata='[{\"isLink\":true,\"value\":\"Leggi sul browser\",\"url\":\"https://booktab.it/\"},{\"isLink\":true,\"value\":\"Sito e risorse del libro\",\"url\":\"http://online.scuola.zanichelli.it/curtisinvitoblu/\"},{\"isLink\":false,\"value\":\"Prove di verifica\"},{\"isLink\":true,\"value\":\"ZTE\",\"url\":\"https://zte.zanichelli.it/\"}]'></z-myz-card-list>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-card-list listdata=\"[{"isLink":true,"value":"Leggi sul browser","url":"https://booktab.it/"},{"isLink":true,"value":"Sito e risorse del libro","url":"http://online.scuola.zanichelli.it/curtisinvitoblu/"},{"isLink":false,"value":"Prove di verifica"},{"isLink":true,"value":"ZTE","url":"https://zte.zanichelli.it/"}]\">\n <mock:shadow-root>\n <ul>\n <li>\n <a href=\"https://booktab.it/\" role=\"button\" target=\"_blank\">\n Leggi sul browser\n </a>\n </li>\n <li>\n <a href=\"http://online.scuola.zanichelli.it/curtisinvitoblu/\" role=\"button\" target=\"_blank\">\n Sito e risorse del libro\n </a>\n </li>\n <li>\n <span>\n Prove di verifica\n </span>\n </li>\n <li>\n <a href=\"https://zte.zanichelli.it/\" role=\"button\" target=\"_blank\">\n ZTE\n </a>\n </li>\n </ul>\n </mock:shadow-root>\n </z-myz-card-list>\n `);\n });\n});\n"]}
1	+ {"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card-list/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAErC,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACvC,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,uVAAuV;SAC9V,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2B7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZMyzCardList} from \"./index\";\n\ndescribe(\"Suite test ZMyzCardList\", () => {\n it(\"Test render ZMyzCardList vuoto\", async () => {\n const page = await newSpecPage({\n components: [ZMyzCardList],\n html: `<z-myz-card-list listdata='[{\"isLink\":true,\"value\":\"Leggi sul browser\",\"url\":\"https://booktab.it/\"},{\"isLink\":true,\"value\":\"Sito e risorse del libro\",\"url\":\"http://online.scuola.zanichelli.it/curtisinvitoblu/\"},{\"isLink\":false,\"value\":\"Prove di verifica\"},{\"isLink\":true,\"value\":\"ZTE\",\"url\":\"https://zte.zanichelli.it/\"}]'></z-myz-card-list>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-card-list listdata=\"[{"isLink":true,"value":"Leggi sul browser","url":"https://booktab.it/"},{"isLink":true,"value":"Sito e risorse del libro","url":"http://online.scuola.zanichelli.it/curtisinvitoblu/"},{"isLink":false,"value":"Prove di verifica"},{"isLink":true,"value":"ZTE","url":"https://zte.zanichelli.it/"}]\">\n <mock:shadow-root>\n <ul>\n <li>\n <a href=\"https://booktab.it/\" role=\"button\" target=\"_blank\">\n Leggi sul browser\n </a>\n </li>\n <li>\n <a href=\"http://online.scuola.zanichelli.it/curtisinvitoblu/\" role=\"button\" target=\"_blank\">\n Sito e risorse del libro\n </a>\n </li>\n <li>\n <span>\n Prove di verifica\n </span>\n </li>\n <li>\n <a href=\"https://zte.zanichelli.it/\" role=\"button\" target=\"_blank\">\n ZTE\n </a>\n </li>\n </ul>\n </mock:shadow-root>\n </z-myz-card-list>\n `);\n });\n});\n"]}

package/dist/collection/snowflakes/myz/card/z-myz-card-list/index.stories.js ADDED Viewed

@@ -0,0 +1,14 @@
+import {html} from "lit";
+import "./index";
+export default {
+  title: "Snowflakes/MyzCard/ZMyzCardList",
+  component: "z-myz-card-list",
+};
+export const ZMyzCardList = {
+  render: () =>
+    html` <z-myz-card-list
+      listdata='[{"isLink":true,"value":"Leggi sul browser","url":"https://booktab.it/"},{"isLink":true,"value":"Sito e risorse del libro","url":"http://online.scuola.zanichelli.it/curtisinvitoblu/"},{"isLink":false,"value":"Programmazione"},{"isLink":false,"value":"Prove di verifica"},{"isLink":true,"value":"ZTE","url":"https://zte.zanichelli.it/"}]'
+    />`,
+};

package/dist/collection/snowflakes/myz/list/z-myz-list/index.js CHANGED Viewed

@@ -17,7 +17,7 @@ export class ZMyzList {
     }
     render() {
         const lastElem = this.list ? this.list.length - 1 : -1;
-        return (h("ul", { key: 'beb3170f0894edf221d32e81e23fdf0967d5560b' }, this.list &&
+        return (h("ul", { key: '9cf1e909a4da9d319f437c1d5fcbc799a49e668b' }, this.list &&
             this.list.map((bean, i) => (h("z-myz-list-item", { listitemid: bean.listitemid, text: bean.text, link: bean.link, linktarget: bean.linktarget, icon: bean.icon, underlined: lastElem != i })))));
     }
     static get is() { return "z-myz-list"; }

package/dist/collection/snowflakes/myz/list/z-myz-list/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["~~../../../../../~~src/snowflakes/myz/list/z-myz-list/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,~~CAAC~~,EAAE,~~KAAK~~,EAAC,MAAM,eAAe,CAAC;AAQxD,MAAM,OAAO,QAAQ;;;;;IASnB,iBAAiB;QACf,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;IAEO,iBAAiB,CAAC,YAAoB;QAC5C,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IAC5C,CAAC;IAGD,oBAAoB,CAAC,QAAgB;QACnC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACnC,CAAC;IAED,MAAM;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAEvD,OAAO,CACL,6DACG,IAAI,CAAC,IAAI;YACR,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACzB,uBACE,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,UAAU,EAAE,QAAQ,IAAI,CAAC,GACzB,CACH,CAAC,CACD,CACN,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, ~~Watch~~} from \"@stencil/core\";\nimport {ListItem} from \"../../../../beans/index.js\";\n\n@Component({\n tag: \"z-myz-list\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMyzList {\n /** json stringified list data (mutable, optional) /\n @Prop()\n inputrawdata?: string;\n\n /* list item data (mutable, optional)*/\n @Prop({mutable: true})\n list?: ListItem[];\n\n componentWillLoad(): void {\n if (this.inputrawdata) {\n this.parseinputrawdata(this.inputrawdata);\n }\n }\n\n private parseinputrawdata(inputrawdata: string): void {\n this.list = [...JSON.parse(inputrawdata)];\n }\n\n @Watch(\"inputrawdata\")\n oninputrawdataChange(newValue: string): void {\n this.parseinputrawdata(newValue);\n }\n\n render(): HTMLUListElement {\n const lastElem = this.list ? this.list.length - 1 : -1;\n\n return (\n <ul>\n {this.list &&\n this.list.map((bean, i) => (\n <z-myz-list-item\n listitemid={bean.listitemid}\n text={bean.text}\n link={bean.link}\n linktarget={bean.linktarget}\n icon={bean.icon}\n underlined={lastElem != i}\n />\n ))}\n </ul>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/list/z-myz-list/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAQxD,MAAM,OAAO,QAAQ;;;;;IASnB,iBAAiB;QACf,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;IAEO,iBAAiB,CAAC,YAAoB;QAC5C,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IAC5C,CAAC;IAGD,oBAAoB,CAAC,QAAgB;QACnC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACnC,CAAC;IAED,MAAM;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAEvD,OAAO,CACL,6DACG,IAAI,CAAC,IAAI;YACR,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACzB,uBACE,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,UAAU,EAAE,QAAQ,IAAI,CAAC,GACzB,CACH,CAAC,CACD,CACN,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, Watch, h} from \"@stencil/core\";\nimport {ListItem} from \"../../../../beans/index.js\";\n\n@Component({\n tag: \"z-myz-list\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMyzList {\n /** json stringified list data (mutable, optional) /\n @Prop()\n inputrawdata?: string;\n\n /* list item data (mutable, optional)*/\n @Prop({mutable: true})\n list?: ListItem[];\n\n componentWillLoad(): void {\n if (this.inputrawdata) {\n this.parseinputrawdata(this.inputrawdata);\n }\n }\n\n private parseinputrawdata(inputrawdata: string): void {\n this.list = [...JSON.parse(inputrawdata)];\n }\n\n @Watch(\"inputrawdata\")\n oninputrawdataChange(newValue: string): void {\n this.parseinputrawdata(newValue);\n }\n\n render(): HTMLUListElement {\n const lastElem = this.list ? this.list.length - 1 : -1;\n\n return (\n <ul>\n {this.list &&\n this.list.map((bean, i) => (\n <z-myz-list-item\n listitemid={bean.listitemid}\n text={bean.text}\n link={bean.link}\n linktarget={bean.linktarget}\n icon={bean.icon}\n underlined={lastElem != i}\n />\n ))}\n </ul>\n );\n }\n}\n"]}