npm - @zanichelli/albe-web-components - Versions diffs - 17.0.0-RC3 → 17.0.0 - Mend

@zanichelli/albe-web-components 17.0.0-RC3 → 17.0.0

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 (374) hide show

package/dist/cjs/z-thead.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-47d0257d.js');
+const index = require('./index-4b1d6599.js');
 require('./index-96af6326.js');

package/dist/cjs/z-tr.cjs.entry.js CHANGED Viewed

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-15cb0816.js');
+const index = require('./index-e2718c94.js');
 require('./index-96af6326.js');
 require('./utils-d08d4b80.js');
 require('./index-f5ebcaa2.js');
 require('./breakpoints-8a1e87e0.js');
 require('./index-a42ab7c9.js');
-require('./index-0b5e5c05.js');
+require('./index-141d598e.js');

package/dist/collection/components/book-card/z-book-card/index.js CHANGED Viewed

@@ -100,7 +100,7 @@ export class ZBookCard {
     render() {
         return (h("article", { key: '995a31329fdf85453bb26cbb42be924fba6c28bb', class: {
                 [this.variant]: true,
-            } }, h("div", { key: 'd3bd68272b601c8e40e82da7f676900ff695b0ce', class: "main-content" }, this.renderCover(), h("div", { key: '7912fe6ec4b4b5b5bdf7594c6458841d5162c21d', class: "card-info" }, h("div", { key: '06bd27cc9a9a570232fa2e57b6a0616f82e072ac', class: "book-data" }, h("div", { key: '86042f5bc869d7da2bbc85ddf6b5ae8ec5392f94', class: "authors-title-cta-section" }, h("div", { key: 'e24123d9ef8631156c08b61c39729cc2fddfa44e', class: "authors body-4", "aria-description": "autori" }, this.authors), this.renderOperaTitle(), h("slot", { key: 'a441440afe2f15ffd43dcd7ac9dc307c54565f3f', name: "cta" })), h("div", { key: 'fb61ed950c98f1a8c76fe93f1ead60a2e6ecc6ad', class: "isbn-tags-link-section" }, h("div", { key: '5039b8f43161542692ed6004516159ebf36b31ef', class: "isbn-tags-section" }, h("div", { key: 'd8a79f00867e0eff27677accee806d0c14063fc4', class: "volume-title body-4" }, this.volumeTitle), h("div", { key: 'e28692cc30512b64fa6f7a4aebc38d26f84fb4de', class: "isbn body-4-sb", "aria-description": `isbn ${this.isbnLabel}` }, this.isbn, " ", this.renderIsbnLabel()), h("div", { key: '0bba463af67af4e6f45188a89673cf57a4ca84db', class: "tags" }, this.renderTags())), h("div", { key: 'a62fdf6c196fa5d658c1c71046297251b43a9cce', class: "link-section" }, h("div", { key: '62c16d7975cc5f99aaaf8f188bcbce7cd15fd34f', class: "catalog-link" }, this.catalogUrl && (h("a", { key: '6a3f2a1e182845d3cdc2b41b3d5dc20b8b9cdf54', href: this.catalogUrl, class: "z-link z-link-icon body-4-sb", onClick: () => this.emitCatalogClick() }, "Scheda catalogo", h("z-icon", { key: '8ad4e0dd77e4d235b396fea9206524c8d127f76b', name: "arrow-quad-north-east", height: 16, width: 16, fill: "color-primary01-icon" })))), this.adoption && h("div", { key: 'f7def1a20ab2d47a5d85b0b173d4c05487f8fbed', class: "adoption-tag body-5-sb" }, "adottato")))), h("div", { key: '4fce381b66f578306c2184534880f999a3097572', class: "ebook-container" }, h("slot", { key: '3f72c174065cf36dfa2b018bf627546fe967763b', name: "ebook" }, this.ebookUrl && (h("div", { key: '1e0c0023ae52ce0af12841013550a326f463c528', class: "ebook" }, h("div", { key: '63008c797124ed845645b526ce6a48867a224aa1' }, h("div", { key: 'e2d9f599396567aa63695c180c26faf0b53fdc1c', class: "app-name" }, h("img", { key: 'e69ade1d7da98a9a0dfc6510ca4ece7ca7f6796b', class: "ebook-logo", "aria-hidden": "true" }), h("div", { key: 'c3627df0e9099af547d09031562437ab873e91c1', class: "body-4-sb" }, h("span", { key: '7982aa998ac01cf4a1447f288ae47fe90aafaa33', class: "laz" }, "laZ"), " Ebook")), this.variant === BookCardVariant.LANDSCAPE && (h("div", { key: 'd91f78c3d210249a8dc06921eeb02d32e560c6d9', class: "body-5" }, "Anche nella versione libro liquido con", " ", h("button", { key: 'd4720dd21bcac20b81ced73df04e0c1bf85a3055', class: "body-5-sb immersive-reader z-link", onClick: () => this.emitImmersiveReaderClick(), tabIndex: 0 }, "strumento di lettura immersiva")))), h("z-button", { key: '6b4f6446f6485aa3207f738a3f2c87f405295834', size: ControlSize.X_SMALL, href: this.ebookUrl, onClick: () => this.emitEbookClick(), role: "link", "aria-description": `leggi l'ebook ${this.operaTitle} su laZ Ebook` }, "leggi ebook"))))))), h("slot", { key: 'f7937c2c825d850a82da5ce12383d9ef4ce6cf2b', name: "apps" })));
+            } }, h("div", { key: 'd3bd68272b601c8e40e82da7f676900ff695b0ce', class: "main-content" }, this.renderCover(), h("div", { key: '7912fe6ec4b4b5b5bdf7594c6458841d5162c21d', class: "card-info" }, h("div", { key: '06bd27cc9a9a570232fa2e57b6a0616f82e072ac', class: "book-data" }, h("div", { key: '86042f5bc869d7da2bbc85ddf6b5ae8ec5392f94', class: "authors-title-cta-section" }, h("div", { key: 'e24123d9ef8631156c08b61c39729cc2fddfa44e', class: "authors body-4", "aria-description": "autori" }, this.authors), this.renderOperaTitle(), h("slot", { key: 'a441440afe2f15ffd43dcd7ac9dc307c54565f3f', name: "cta" })), h("div", { key: 'fb61ed950c98f1a8c76fe93f1ead60a2e6ecc6ad', class: "isbn-tags-link-section" }, h("div", { key: '5039b8f43161542692ed6004516159ebf36b31ef', class: "isbn-tags-section" }, h("div", { key: 'd8a79f00867e0eff27677accee806d0c14063fc4', class: "volume-title body-4" }, this.volumeTitle), h("div", { key: 'e28692cc30512b64fa6f7a4aebc38d26f84fb4de', class: "isbn body-4-sb", "aria-description": `isbn ${this.isbnLabel}` }, this.isbn, " ", this.renderIsbnLabel()), h("div", { key: '0bba463af67af4e6f45188a89673cf57a4ca84db', class: "tags" }, this.renderTags())), h("div", { key: 'a62fdf6c196fa5d658c1c71046297251b43a9cce', class: "link-section" }, h("div", { key: '62c16d7975cc5f99aaaf8f188bcbce7cd15fd34f', class: "catalog-link" }, this.catalogUrl && (h("a", { key: '51f9b145b1fcab1f68626bbd00202a1d897631d6', href: this.catalogUrl, target: "_blank", class: "z-link z-link-icon body-4-sb", onClick: () => this.emitCatalogClick() }, "Scheda catalogo", h("z-icon", { key: 'a1335bf42f6cc13014605679229f6c8702152562', name: "arrow-quad-north-east", height: 16, width: 16, fill: "color-primary01-icon" })))), this.adoption && h("div", { key: '51fbbef3b775af8920708c39d2389c05524fe550', class: "adoption-tag body-5-sb" }, "adottato")))), h("div", { key: 'fd73faa9f38d4a6642884bf04ae9f8e1c076e8b2', class: "ebook-container" }, h("slot", { key: 'dd6f6234eb44670fd33d8f4d4791beca5c58ba9d', name: "ebook" }, this.ebookUrl && (h("div", { key: '355d4c5ad17493694f7b7f28391919aa5534f2a6', class: "ebook" }, h("div", { key: 'd8309fa1e2ca8d75ae09956c911e09b6afec0b9a' }, h("div", { key: '31bfc193df2a7f54618db398a505b031aca2ba69', class: "app-name" }, h("img", { key: 'a76eafe70da54bb4b98c9933595174d1cac5ead8', class: "ebook-logo", "aria-hidden": "true" }), h("div", { key: '9eb1125a6dfd19ed330bb42a22ea0339c339dff8', class: "body-4-sb" }, h("span", { key: '2a5ee331b79a69bbbaa2e900954535dace718c8a', class: "laz" }, "laZ"), " Ebook")), this.variant === BookCardVariant.LANDSCAPE && (h("div", { key: '188812b860af28a7f3cc3dbb98e38c5d8c1c93e2', class: "body-5" }, "Anche nella versione libro liquido con", " ", h("button", { key: 'ccd26e5735e8ca5d201b2c790aa4e91372552644', class: "body-5-sb immersive-reader z-link", onClick: () => this.emitImmersiveReaderClick(), tabIndex: 0 }, "strumento di lettura immersiva")))), h("z-button", { key: 'fc84714fb404ec40f98a340ec2689d054f325bdb', size: ControlSize.X_SMALL, href: this.ebookUrl, target: "_blank", onClick: () => this.emitEbookClick(), role: "link", "aria-description": `leggi l'ebook ${this.operaTitle} su laZ Ebook` }, "leggi ebook"))))))), h("slot", { key: '213b1e5f32fe308b29f307815e8b9eb597182c45', name: "apps" })));
     }
     static get is() { return "z-book-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/book-card/z-book-card/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/book-card/z-book-card/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, Prop, State, Watch, h} from \"@stencil/core\";\nimport {BookCardTag, BookCardTagEvent, BookCardTagStatus, BookCardVariant, ControlSize} from \"../../../beans\";\n\n/*\n @slot cta - to the right of authors and title (e.g. bookmark icon)\n * @slot ebook - main action slot on the card (as default, it shows laZ ebook link)\n * @slot apps - list of card-related apps\n /\n@Component({\n tag: \"z-book-card\",\n styleUrls: [\"styles.css\", \"../../css-components/z-link/styles.css\", \"../../../tokens/typography.css\"],\n shadow: true,\n})\nexport class ZBookCard {\n @Element() hostElement: HTMLZBookCardElement;\n\n /* Card variant: landscape, portrait /\n @Prop()\n variant: BookCardVariant = BookCardVariant.PORTRAIT;\n\n /* Cover URL /\n @Prop()\n cover: string;\n\n /* [optional] Authors /\n @Prop()\n authors?: string;\n\n /* [optional] Opera title /\n @Prop()\n operaTitle?: string;\n\n /* [optional] Volume title /\n @Prop()\n volumeTitle?: string;\n\n /* [optional] Main ISBN /\n @Prop()\n isbn?: string;\n\n /* [optional] ISBN label /\n @Prop()\n isbnLabel = \"\";\n\n /* [optional] EDI tag /\n @Prop()\n edi?: BookCardTag \| string;\n\n /* [optional] Annotated tag /\n @Prop()\n annotated?: BookCardTag \| string;\n\n /* [optional] Teacher version tag /\n @Prop()\n teacherVersion?: BookCardTag \| string;\n\n /* [optional] Show adoption badge /\n @Prop()\n adoption?: boolean = false;\n\n /* [optional] Show catalog link to correspondent resource /\n @Prop()\n catalogUrl?: string;\n\n /* [optional] Show link to the ebook resource /\n @Prop()\n ebookUrl?: string;\n\n /* [optional] Fallback cover URL /\n @Prop()\n fallbackCover?: string;\n\n /* [optional] Set a specific h level as html tag for opera title /\n @Prop()\n operaTitleHtmlTag?: string;\n\n @State()\n ediTag;\n\n @State()\n annotatedTag;\n\n @State()\n teacherVersionTag;\n\n /* click on tag /\n @Event()\n tagClick: EventEmitter;\n\n /* click on catalog link /\n @Event()\n catalogClick: EventEmitter;\n\n /* click on ebook link /\n @Event()\n ebookClick: EventEmitter;\n\n /* click on immersive reader */\n @Event()\n immersiveReaderClick: EventEmitter;\n\n @Watch(\"edi\")\n watchEdi(): void {\n this.ediTag = typeof this.edi === \"string\" ? JSON.parse(this.edi) : this.edi;\n }\n\n @Watch(\"annotated\")\n watchAnnotated(): void {\n this.annotatedTag = typeof this.annotated === \"string\" ? JSON.parse(this.annotated) : this.annotated;\n }\n\n @Watch(\"teacherVersion\")\n watchTeacherVersion(): void {\n this.teacherVersionTag =\n typeof this.teacherVersion === \"string\" ? JSON.parse(this.teacherVersion) : this.teacherVersion;\n }\n\n componentWillLoad(): void {\n this.watchEdi();\n this.watchAnnotated();\n this.watchTeacherVersion();\n }\n\n private emitTagClick(e: BookCardTagEvent): void {\n this.tagClick.emit(e);\n }\n\n private emitCatalogClick(): void {\n this.catalogClick.emit();\n }\n\n private emitEbookClick(): void {\n this.ebookClick.emit();\n }\n\n private emitImmersiveReaderClick(): void {\n this.immersiveReaderClick.emit();\n }\n\n private renderOperaTitle(): HTMLDivElement {\n const title = this.operaTitleHtmlTag\n ? `<${this.operaTitleHtmlTag}>${this.operaTitle}</${this.operaTitleHtmlTag}>`\n : this.operaTitle;\n\n return (\n <div\n class=\"opera-title body-2-sb\"\n innerHTML={title}\n />\n );\n }\n\n private renderIsbnLabel(): HTMLDivElement \| null {\n return this.isbnLabel ? <span class=\"body-4\">{this.isbnLabel}</span> : null;\n }\n\n private renderTag(label: string, tag: BookCardTag, id: string): HTMLDivElement {\n return (\n <z-tag\n class={{[tag.status]: true, interactive: tag.interactive}}\n role={tag.interactive ? \"button\" : undefined}\n tabIndex={tag.interactive ? 0 : undefined}\n onClick={() =>\n tag.interactive &&\n this.emitTagClick({\n tag: id,\n state: tag.status,\n })\n }\n onKeyUp={(e: KeyboardEvent) =>\n tag.interactive &&\n e.key === \"Enter\" &&\n this.emitTagClick({\n tag: id,\n state: tag.status,\n })\n }\n >\n {label}\n </z-tag>\n );\n }\n\n private renderTags(): HTMLDivElement[] \| null {\n const tags = [];\n\n if (this.edi && Object.values(BookCardTagStatus).includes(this.ediTag.status)) {\n tags.push(this.renderTag(\"edi\", this.ediTag, \"edi\"));\n }\n\n if (this.annotated && Object.values(BookCardTagStatus).includes(this.annotatedTag.status)) {\n tags.push(this.renderTag(\"annotata\", this.annotatedTag, \"annotated\"));\n }\n\n if (this.teacherVersion && Object.values(BookCardTagStatus).includes(this.teacherVersionTag.status)) {\n tags.push(this.renderTag(\"versione insegnante\", this.teacherVersionTag, \"teacherVersion\"));\n }\n\n if (tags.length > 0) {\n return tags;\n }\n\n return null;\n }\n\n private renderCover(): HTMLDivElement {\n return (\n <div class=\"cover\">\n <img\n src={this.cover}\n onError={() => {\n if (this.fallbackCover) {\n this.cover = this.fallbackCover;\n }\n }}\n aria-hidden=\"true\"\n />\n </div>\n );\n }\n\n render(): HTMLZBookCardElement {\n return (\n <article\n class={{\n [this.variant]: true,\n }}\n >\n <div class=\"main-content\">\n {this.renderCover()}\n <div class=\"card-info\">\n <div class=\"book-data\">\n <div class=\"authors-title-cta-section\">\n <div\n class=\"authors body-4\"\n aria-description=\"autori\"\n >\n {this.authors}\n </div>\n {this.renderOperaTitle()}\n <slot name=\"cta\"></slot>\n </div>\n <div class=\"isbn-tags-link-section\">\n <div class=\"isbn-tags-section\">\n <div class=\"volume-title body-4\">{this.volumeTitle}</div>\n <div\n class=\"isbn body-4-sb\"\n aria-description={`isbn ${this.isbnLabel}`}\n >\n {this.isbn} {this.renderIsbnLabel()}\n </div>\n <div class=\"tags\">{this.renderTags()}</div>\n </div>\n <div class=\"link-section\">\n <div class=\"catalog-link\">\n {this.catalogUrl && (\n <a\n href={this.catalogUrl}\n class=\"z-link z-link-icon body-4-sb\"\n onClick={() => this.emitCatalogClick()}\n >\n Scheda catalogo\n <z-icon\n name=\"arrow-quad-north-east\"\n height={16}\n width={16}\n fill=\"color-primary01-icon\"\n ></z-icon>\n </a>\n )}\n </div>\n {this.adoption && <div class=\"adoption-tag body-5-sb\">adottato</div>}\n </div>\n </div>\n </div>\n <div class=\"ebook-container\">\n <slot name=\"ebook\">\n {this.ebookUrl && (\n <div class=\"ebook\">\n <div>\n <div class=\"app-name\">\n <img\n class=\"ebook-logo\"\n aria-hidden=\"true\"\n />\n <div class=\"body-4-sb\">\n <span class=\"laz\">laZ</span> Ebook\n </div>\n </div>\n {this.variant === BookCardVariant.LANDSCAPE && (\n <div class=\"body-5\">\n Anche nella versione libro liquido con{\" \"}\n <button\n class=\"body-5-sb immersive-reader z-link\"\n onClick={() => this.emitImmersiveReaderClick()}\n tabIndex={0}\n >\n strumento di lettura immersiva\n </button>\n </div>\n )}\n </div>\n <z-button\n size={ControlSize.X_SMALL}\n href={this.ebookUrl}\n onClick={() => this.emitEbookClick()}\n role=\"link\"\n aria-description={`leggi l'ebook ${this.operaTitle} su laZ Ebook`}\n >\n leggi ebook\n </z-button>\n </div>\n )}\n </slot>\n </div>\n </div>\n </div>\n <slot name=\"apps\"></slot>\n </article>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/book-card/z-book-card/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, Prop, State, Watch, h} from \"@stencil/core\";\nimport {BookCardTag, BookCardTagEvent, BookCardTagStatus, BookCardVariant, ControlSize} from \"../../../beans\";\n\n/*\n @slot cta - to the right of authors and title (e.g. bookmark icon)\n * @slot ebook - main action slot on the card (as default, it shows laZ ebook link)\n * @slot apps - list of card-related apps\n /\n@Component({\n tag: \"z-book-card\",\n styleUrls: [\"styles.css\", \"../../css-components/z-link/styles.css\", \"../../../tokens/typography.css\"],\n shadow: true,\n})\nexport class ZBookCard {\n @Element() hostElement: HTMLZBookCardElement;\n\n /* Card variant: landscape, portrait /\n @Prop()\n variant: BookCardVariant = BookCardVariant.PORTRAIT;\n\n /* Cover URL /\n @Prop()\n cover: string;\n\n /* [optional] Authors /\n @Prop()\n authors?: string;\n\n /* [optional] Opera title /\n @Prop()\n operaTitle?: string;\n\n /* [optional] Volume title /\n @Prop()\n volumeTitle?: string;\n\n /* [optional] Main ISBN /\n @Prop()\n isbn?: string;\n\n /* [optional] ISBN label /\n @Prop()\n isbnLabel = \"\";\n\n /* [optional] EDI tag /\n @Prop()\n edi?: BookCardTag \| string;\n\n /* [optional] Annotated tag /\n @Prop()\n annotated?: BookCardTag \| string;\n\n /* [optional] Teacher version tag /\n @Prop()\n teacherVersion?: BookCardTag \| string;\n\n /* [optional] Show adoption badge /\n @Prop()\n adoption?: boolean = false;\n\n /* [optional] Show catalog link to correspondent resource /\n @Prop()\n catalogUrl?: string;\n\n /* [optional] Show link to the ebook resource /\n @Prop()\n ebookUrl?: string;\n\n /* [optional] Fallback cover URL /\n @Prop()\n fallbackCover?: string;\n\n /* [optional] Set a specific h level as html tag for opera title /\n @Prop()\n operaTitleHtmlTag?: string;\n\n @State()\n ediTag;\n\n @State()\n annotatedTag;\n\n @State()\n teacherVersionTag;\n\n /* click on tag /\n @Event()\n tagClick: EventEmitter;\n\n /* click on catalog link /\n @Event()\n catalogClick: EventEmitter;\n\n /* click on ebook link /\n @Event()\n ebookClick: EventEmitter;\n\n /* click on immersive reader */\n @Event()\n immersiveReaderClick: EventEmitter;\n\n @Watch(\"edi\")\n watchEdi(): void {\n this.ediTag = typeof this.edi === \"string\" ? JSON.parse(this.edi) : this.edi;\n }\n\n @Watch(\"annotated\")\n watchAnnotated(): void {\n this.annotatedTag = typeof this.annotated === \"string\" ? JSON.parse(this.annotated) : this.annotated;\n }\n\n @Watch(\"teacherVersion\")\n watchTeacherVersion(): void {\n this.teacherVersionTag =\n typeof this.teacherVersion === \"string\" ? JSON.parse(this.teacherVersion) : this.teacherVersion;\n }\n\n componentWillLoad(): void {\n this.watchEdi();\n this.watchAnnotated();\n this.watchTeacherVersion();\n }\n\n private emitTagClick(e: BookCardTagEvent): void {\n this.tagClick.emit(e);\n }\n\n private emitCatalogClick(): void {\n this.catalogClick.emit();\n }\n\n private emitEbookClick(): void {\n this.ebookClick.emit();\n }\n\n private emitImmersiveReaderClick(): void {\n this.immersiveReaderClick.emit();\n }\n\n private renderOperaTitle(): HTMLDivElement {\n const title = this.operaTitleHtmlTag\n ? `<${this.operaTitleHtmlTag}>${this.operaTitle}</${this.operaTitleHtmlTag}>`\n : this.operaTitle;\n\n return (\n <div\n class=\"opera-title body-2-sb\"\n innerHTML={title}\n />\n );\n }\n\n private renderIsbnLabel(): HTMLDivElement \| null {\n return this.isbnLabel ? <span class=\"body-4\">{this.isbnLabel}</span> : null;\n }\n\n private renderTag(label: string, tag: BookCardTag, id: string): HTMLDivElement {\n return (\n <z-tag\n class={{[tag.status]: true, interactive: tag.interactive}}\n role={tag.interactive ? \"button\" : undefined}\n tabIndex={tag.interactive ? 0 : undefined}\n onClick={() =>\n tag.interactive &&\n this.emitTagClick({\n tag: id,\n state: tag.status,\n })\n }\n onKeyUp={(e: KeyboardEvent) =>\n tag.interactive &&\n e.key === \"Enter\" &&\n this.emitTagClick({\n tag: id,\n state: tag.status,\n })\n }\n >\n {label}\n </z-tag>\n );\n }\n\n private renderTags(): HTMLDivElement[] \| null {\n const tags = [];\n\n if (this.edi && Object.values(BookCardTagStatus).includes(this.ediTag.status)) {\n tags.push(this.renderTag(\"edi\", this.ediTag, \"edi\"));\n }\n\n if (this.annotated && Object.values(BookCardTagStatus).includes(this.annotatedTag.status)) {\n tags.push(this.renderTag(\"annotata\", this.annotatedTag, \"annotated\"));\n }\n\n if (this.teacherVersion && Object.values(BookCardTagStatus).includes(this.teacherVersionTag.status)) {\n tags.push(this.renderTag(\"versione insegnante\", this.teacherVersionTag, \"teacherVersion\"));\n }\n\n if (tags.length > 0) {\n return tags;\n }\n\n return null;\n }\n\n private renderCover(): HTMLDivElement {\n return (\n <div class=\"cover\">\n <img\n src={this.cover}\n onError={() => {\n if (this.fallbackCover) {\n this.cover = this.fallbackCover;\n }\n }}\n aria-hidden=\"true\"\n />\n </div>\n );\n }\n\n render(): HTMLZBookCardElement {\n return (\n <article\n class={{\n [this.variant]: true,\n }}\n >\n <div class=\"main-content\">\n {this.renderCover()}\n <div class=\"card-info\">\n <div class=\"book-data\">\n <div class=\"authors-title-cta-section\">\n <div\n class=\"authors body-4\"\n aria-description=\"autori\"\n >\n {this.authors}\n </div>\n {this.renderOperaTitle()}\n <slot name=\"cta\"></slot>\n </div>\n <div class=\"isbn-tags-link-section\">\n <div class=\"isbn-tags-section\">\n <div class=\"volume-title body-4\">{this.volumeTitle}</div>\n <div\n class=\"isbn body-4-sb\"\n aria-description={`isbn ${this.isbnLabel}`}\n >\n {this.isbn} {this.renderIsbnLabel()}\n </div>\n <div class=\"tags\">{this.renderTags()}</div>\n </div>\n <div class=\"link-section\">\n <div class=\"catalog-link\">\n {this.catalogUrl && (\n <a\n href={this.catalogUrl}\n target=\"_blank\"\n class=\"z-link z-link-icon body-4-sb\"\n onClick={() => this.emitCatalogClick()}\n >\n Scheda catalogo\n <z-icon\n name=\"arrow-quad-north-east\"\n height={16}\n width={16}\n fill=\"color-primary01-icon\"\n ></z-icon>\n </a>\n )}\n </div>\n {this.adoption && <div class=\"adoption-tag body-5-sb\">adottato</div>}\n </div>\n </div>\n </div>\n <div class=\"ebook-container\">\n <slot name=\"ebook\">\n {this.ebookUrl && (\n <div class=\"ebook\">\n <div>\n <div class=\"app-name\">\n <img\n class=\"ebook-logo\"\n aria-hidden=\"true\"\n />\n <div class=\"body-4-sb\">\n <span class=\"laz\">laZ</span> Ebook\n </div>\n </div>\n {this.variant === BookCardVariant.LANDSCAPE && (\n <div class=\"body-5\">\n Anche nella versione libro liquido con{\" \"}\n <button\n class=\"body-5-sb immersive-reader z-link\"\n onClick={() => this.emitImmersiveReaderClick()}\n tabIndex={0}\n >\n strumento di lettura immersiva\n </button>\n </div>\n )}\n </div>\n <z-button\n size={ControlSize.X_SMALL}\n href={this.ebookUrl}\n target=\"_blank\"\n onClick={() => this.emitEbookClick()}\n role=\"link\"\n aria-description={`leggi l'ebook ${this.operaTitle} su laZ Ebook`}\n >\n leggi ebook\n </z-button>\n </div>\n )}\n </slot>\n </div>\n </div>\n </div>\n <slot name=\"apps\"></slot>\n </article>\n );\n }\n}\n"]}

package/dist/collection/components/book-card/z-book-card/index.stories.js CHANGED Viewed

@@ -113,35 +113,35 @@ export const WithSlottedContent = {
       </div>
       <div
         slot="apps"
-        style="display: flex; flex-wrap: wrap"
+        style="display: flex; flex-wrap: wrap; border-top: 1px solid #d6d6d6; --z-book-card-app-padding-x: 16px;"
       >
         <z-book-card-app
           icon="https://placehold.co/24"
           name="Tutor di matematica"
           info="test test"
           link="http://localhost"
-          style="width:315px; height:47px; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6"
+          style="width:315px; height:47px; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; --z-book-card-app-padding-x: 16px;"
         ></z-book-card-app
         ><z-book-card-app
           icon="https://placehold.co/24"
           name="Esercizi"
           info="test test"
           link="http://localhost"
-          style="width:315px; height:47px; border-bottom: 1px solid #d6d6d6"
+          style="width:315px; height:47px; border-bottom: 1px solid #d6d6d6; --z-book-card-app-padding-x: 16px;"
         ></z-book-card-app
         ><z-book-card-app
           icon="https://placehold.co/24"
-          name="Mappe"
+          name="Mappe Mappe Mappe Mappe Mappe"
           info="test test"
           link="http://localhost"
-          style="width:315px; height:47px; border-right: 1px solid #d6d6d6"
+          style="width:315px; height:47px; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; --z-book-card-app-padding-x: 16px;"
         ></z-book-card-app
         ><z-book-card-app
           icon="https://placehold.co/24"
           name="Scrittura"
           info="test test"
           link="http://localhost"
-          style="width:315px; height:47px;"
+          style="width:315px; height:47px;; --z-book-card-app-padding-x: 16px;"
         ></z-book-card-app>
       </div>
     </z-book-card>`,

package/dist/collection/components/book-card/z-book-card/index.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../../src/components/book-card/z-book-card/index.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {ZBookCard} from \".\";\nimport {BookCardTagStatus, BookCardVariant} from \"../../../beans\";\nimport \"../../z-button/index\";\nimport \"../../z-icon/index\";\nimport \"../../z-tag/index\";\nimport \"../z-book-card-app/index\";\nimport \"./index\";\n\ntype ZBookCardStoriesArgs = ZBookCard & {\n theme: \"theme-default\" \| \"theme-dark\" \| \"theme-black-yellow\";\n};\n\nconst StoryMeta = {\n title: \"ZBookCard/ZBookCard\",\n component: \"z-book-card\",\n argTypes: {\n variant: {\n control: {\n type: \"inline-radio\",\n },\n options: Object.values(BookCardVariant),\n },\n edi: {\n control: {\n type: \"object\",\n },\n },\n annotated: {\n control: {\n type: \"object\",\n },\n },\n teacherVersion: {\n control: {\n type: \"object\",\n },\n },\n theme: {\n control: {\n type: \"inline-radio\",\n },\n options: [\"theme-default\", \"theme-dark\", \"theme-black-yellow\"],\n },\n },\n args: {\n variant: BookCardVariant.LANDSCAPE,\n cover: \"https://staticmy.zanichelli.it/catalogo/assets/m40001.9788808490056.jpg\",\n operaTitle: \"Matematica.azzurro\",\n volumeTitle: \"Volume 3 con Tutor\",\n authors: \"Massimo Bergamini, Anna Trifone, Graziella Barozzi\",\n isbn: \"9788808930552\",\n isbnLabel: \"(ed. cartacea)\",\n adoption: true,\n edi: {status: BookCardTagStatus.ACTIVE, interactive: true},\n annotated: {status: BookCardTagStatus.DISABLED, interactive: true},\n teacherVersion: {status: BookCardTagStatus.ACTIVE, interactive: false},\n catalogUrl: \"https://www.zanichelli.it/ricerca/prodotti/matematica-multimediale-blu3ed?qid=9788808710932\",\n ebookUrl: \"https://www.zanichelli.it/ricerca\",\n fallbackCover: \"https://staticmy.zanichelli.it/copertine/dashboard/Dashboard_Book_Placeholder.jpg\",\n operaTitleHtmlTag: null,\n theme: \"theme-default\",\n },\n} satisfies Meta<ZBookCardStoriesArgs>;\n\nexport default StoryMeta;\n\ntype Story = StoryObj<ZBookCardStoriesArgs>;\n\nexport const Card = {\n render: (args) =>\n html`<z-book-card\n variant=${args.variant}\n cover=${args.cover}\n authors=${args.authors}\n opera-title=${args.operaTitle}\n volume-title=${args.volumeTitle}\n isbn=${args.isbn}\n isbn-label=${args.isbnLabel}\n edi=${JSON.stringify(args.edi)}\n annotated=${JSON.stringify(args.annotated)}\n teacher-version=${JSON.stringify(args.teacherVersion)}\n adoption=${args.adoption}\n catalog-url=${args.catalogUrl}\n ebook-url=${args.ebookUrl}\n fallback-cover=${args.fallbackCover}\n opera-title-html-tag=${args.operaTitleHtmlTag}\n class=${args.theme}\n ></z-book-card>`,\n} satisfies Story;\n\nexport const WithSlottedContent = {\n render: (args) =>\n html`<z-book-card\n variant=${args.variant}\n cover=${args.cover}\n authors=${args.authors}\n opera-title=${args.operaTitle}\n volume-title=${args.volumeTitle}\n isbn=${args.isbn}\n isbn-label=${args.isbnLabel}\n edi=${JSON.stringify(args.edi)}\n annotated=${JSON.stringify(args.annotated)}\n teacher-version=${JSON.stringify(args.teacherVersion)}\n adoption=${args.adoption}\n catalog-url=${args.catalogUrl}\n ebook-url=${args.ebookUrl}\n fallback-cover=${args.fallbackCover}\n opera-title-html-tag=${args.operaTitleHtmlTag}\n class=${args.theme}\n >\n <div slot=\"cta\">\n <z-icon\n style=\"padding: 4px; cursor: pointer;\"\n name=\"star-full\"\n width=\"20\"\n height=\"20\"\n ></z-icon>\n </div>\n <div slot=\"ebook\">\n <z-button\n variant=\"secondary\"\n size=\"x-small\"\n >custom ebook button</z-button\n >\n </div>\n <div\n slot=\"apps\"\n style=\"display: flex; flex-wrap: wrap\"\n >\n <z-book-card-app\n icon=\"https://placehold.co/24\"\n name=\"Tutor di matematica\"\n info=\"test test\"\n link=\"http://localhost\"\n style=\"width:315px; height:47px; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6\"\n ></z-book-card-app\n ><z-book-card-app\n icon=\"https://placehold.co/24\"\n name=\"Esercizi\"\n info=\"test test\"\n link=\"http://localhost\"\n style=\"width:315px; height:47px; border-bottom: 1px solid #d6d6d6\"\n ></z-book-card-app\n ><z-book-card-app\n icon=\"https://placehold.co/24\"\n name=\"Mappe\"\n info=\"test test\"\n link=\"http://localhost\"\n style=\"width:315px; height:47px; border-right: 1px solid #d6d6d6\"\n ></z-book-card-app\n ><z-book-card-app\n icon=\"https://placehold.co/24\"\n name=\"Scrittura\"\n info=\"test test\"\n link=\"http://localhost\"\n style=\"width:315px; height:47px;\"\n ></z-book-card-app>\n </div>\n </z-book-card>`,\n} satisfies Story;\n"]}
1	+ {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../../src/components/book-card/z-book-card/index.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AAEzB,OAAO,EAAC,iBAAiB,EAAE,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAClE,OAAO,sBAAsB,CAAC;AAC9B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,0BAA0B,CAAC;AAClC,OAAO,SAAS,CAAC;AAMjB,MAAM,SAAS,GAAG;IAChB,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;aACrB;YACD,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC;SACxC;QACD,GAAG,EAAE;YACH,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;QACD,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;QACD,cAAc,EAAE;YACd,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;aACrB;YACD,OAAO,EAAE,CAAC,eAAe,EAAE,YAAY,EAAE,oBAAoB,CAAC;SAC/D;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,eAAe,CAAC,SAAS;QAClC,KAAK,EAAE,yEAAyE;QAChF,UAAU,EAAE,oBAAoB;QAChC,WAAW,EAAE,oBAAoB;QACjC,OAAO,EAAE,oDAAoD;QAC7D,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,gBAAgB;QAC3B,QAAQ,EAAE,IAAI;QACd,GAAG,EAAE,EAAC,MAAM,EAAE,iBAAiB,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAC;QAC1D,SAAS,EAAE,EAAC,MAAM,EAAE,iBAAiB,CAAC,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAC;QAClE,cAAc,EAAE,EAAC,MAAM,EAAE,iBAAiB,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAC;QACtE,UAAU,EAAE,6FAA6F;QACzG,QAAQ,EAAE,mCAAmC;QAC7C,aAAa,EAAE,mFAAmF;QAClG,iBAAiB,EAAE,IAAI;QACvB,KAAK,EAAE,eAAe;KACvB;CACmC,CAAC;AAEvC,eAAe,SAAS,CAAC;AAIzB,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CACf,IAAI,CAAA;gBACQ,IAAI,CAAC,OAAO;cACd,IAAI,CAAC,KAAK;gBACR,IAAI,CAAC,OAAO;oBACR,IAAI,CAAC,UAAU;qBACd,IAAI,CAAC,WAAW;aACxB,IAAI,CAAC,IAAI;mBACH,IAAI,CAAC,SAAS;YACrB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;kBAClB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;wBACxB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC;iBAC1C,IAAI,CAAC,QAAQ;oBACV,IAAI,CAAC,UAAU;kBACjB,IAAI,CAAC,QAAQ;uBACR,IAAI,CAAC,aAAa;6BACZ,IAAI,CAAC,iBAAiB;cACrC,IAAI,CAAC,KAAK;oBACJ;CACH,CAAC;AAElB,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CACf,IAAI,CAAA;gBACQ,IAAI,CAAC,OAAO;cACd,IAAI,CAAC,KAAK;gBACR,IAAI,CAAC,OAAO;oBACR,IAAI,CAAC,UAAU;qBACd,IAAI,CAAC,WAAW;aACxB,IAAI,CAAC,IAAI;mBACH,IAAI,CAAC,SAAS;YACrB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;kBAClB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;wBACxB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC;iBAC1C,IAAI,CAAC,QAAQ;oBACV,IAAI,CAAC,UAAU;kBACjB,IAAI,CAAC,QAAQ;uBACR,IAAI,CAAC,aAAa;6BACZ,IAAI,CAAC,iBAAiB;cACrC,IAAI,CAAC,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAkDL;CACF,CAAC","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {ZBookCard} from \".\";\nimport {BookCardTagStatus, BookCardVariant} from \"../../../beans\";\nimport \"../../z-button/index\";\nimport \"../../z-icon/index\";\nimport \"../../z-tag/index\";\nimport \"../z-book-card-app/index\";\nimport \"./index\";\n\ntype ZBookCardStoriesArgs = ZBookCard & {\n theme: \"theme-default\" \| \"theme-dark\" \| \"theme-black-yellow\";\n};\n\nconst StoryMeta = {\n title: \"ZBookCard/ZBookCard\",\n component: \"z-book-card\",\n argTypes: {\n variant: {\n control: {\n type: \"inline-radio\",\n },\n options: Object.values(BookCardVariant),\n },\n edi: {\n control: {\n type: \"object\",\n },\n },\n annotated: {\n control: {\n type: \"object\",\n },\n },\n teacherVersion: {\n control: {\n type: \"object\",\n },\n },\n theme: {\n control: {\n type: \"inline-radio\",\n },\n options: [\"theme-default\", \"theme-dark\", \"theme-black-yellow\"],\n },\n },\n args: {\n variant: BookCardVariant.LANDSCAPE,\n cover: \"https://staticmy.zanichelli.it/catalogo/assets/m40001.9788808490056.jpg\",\n operaTitle: \"Matematica.azzurro\",\n volumeTitle: \"Volume 3 con Tutor\",\n authors: \"Massimo Bergamini, Anna Trifone, Graziella Barozzi\",\n isbn: \"9788808930552\",\n isbnLabel: \"(ed. cartacea)\",\n adoption: true,\n edi: {status: BookCardTagStatus.ACTIVE, interactive: true},\n annotated: {status: BookCardTagStatus.DISABLED, interactive: true},\n teacherVersion: {status: BookCardTagStatus.ACTIVE, interactive: false},\n catalogUrl: \"https://www.zanichelli.it/ricerca/prodotti/matematica-multimediale-blu3ed?qid=9788808710932\",\n ebookUrl: \"https://www.zanichelli.it/ricerca\",\n fallbackCover: \"https://staticmy.zanichelli.it/copertine/dashboard/Dashboard_Book_Placeholder.jpg\",\n operaTitleHtmlTag: null,\n theme: \"theme-default\",\n },\n} satisfies Meta<ZBookCardStoriesArgs>;\n\nexport default StoryMeta;\n\ntype Story = StoryObj<ZBookCardStoriesArgs>;\n\nexport const Card = {\n render: (args) =>\n html`<z-book-card\n variant=${args.variant}\n cover=${args.cover}\n authors=${args.authors}\n opera-title=${args.operaTitle}\n volume-title=${args.volumeTitle}\n isbn=${args.isbn}\n isbn-label=${args.isbnLabel}\n edi=${JSON.stringify(args.edi)}\n annotated=${JSON.stringify(args.annotated)}\n teacher-version=${JSON.stringify(args.teacherVersion)}\n adoption=${args.adoption}\n catalog-url=${args.catalogUrl}\n ebook-url=${args.ebookUrl}\n fallback-cover=${args.fallbackCover}\n opera-title-html-tag=${args.operaTitleHtmlTag}\n class=${args.theme}\n ></z-book-card>`,\n} satisfies Story;\n\nexport const WithSlottedContent = {\n render: (args) =>\n html`<z-book-card\n variant=${args.variant}\n cover=${args.cover}\n authors=${args.authors}\n opera-title=${args.operaTitle}\n volume-title=${args.volumeTitle}\n isbn=${args.isbn}\n isbn-label=${args.isbnLabel}\n edi=${JSON.stringify(args.edi)}\n annotated=${JSON.stringify(args.annotated)}\n teacher-version=${JSON.stringify(args.teacherVersion)}\n adoption=${args.adoption}\n catalog-url=${args.catalogUrl}\n ebook-url=${args.ebookUrl}\n fallback-cover=${args.fallbackCover}\n opera-title-html-tag=${args.operaTitleHtmlTag}\n class=${args.theme}\n >\n <div slot=\"cta\">\n <z-icon\n style=\"padding: 4px; cursor: pointer;\"\n name=\"star-full\"\n width=\"20\"\n height=\"20\"\n ></z-icon>\n </div>\n <div slot=\"ebook\">\n <z-button\n variant=\"secondary\"\n size=\"x-small\"\n >custom ebook button</z-button\n >\n </div>\n <div\n slot=\"apps\"\n style=\"display: flex; flex-wrap: wrap; border-top: 1px solid #d6d6d6; --z-book-card-app-padding-x: 16px;\"\n >\n <z-book-card-app\n icon=\"https://placehold.co/24\"\n name=\"Tutor di matematica\"\n info=\"test test\"\n link=\"http://localhost\"\n style=\"width:315px; height:47px; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; --z-book-card-app-padding-x: 16px;\"\n ></z-book-card-app\n ><z-book-card-app\n icon=\"https://placehold.co/24\"\n name=\"Esercizi\"\n info=\"test test\"\n link=\"http://localhost\"\n style=\"width:315px; height:47px; border-bottom: 1px solid #d6d6d6; --z-book-card-app-padding-x: 16px;\"\n ></z-book-card-app\n ><z-book-card-app\n icon=\"https://placehold.co/24\"\n name=\"Mappe Mappe Mappe Mappe Mappe\"\n info=\"test test\"\n link=\"http://localhost\"\n style=\"width:315px; height:47px; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; --z-book-card-app-padding-x: 16px;\"\n ></z-book-card-app\n ><z-book-card-app\n icon=\"https://placehold.co/24\"\n name=\"Scrittura\"\n info=\"test test\"\n link=\"http://localhost\"\n style=\"width:315px; height:47px;; --z-book-card-app-padding-x: 16px;\"\n ></z-book-card-app>\n </div>\n </z-book-card>`,\n} satisfies Story;\n"]}

package/dist/collection/components/book-card/z-book-card/styles.css CHANGED Viewed

@@ -1,6 +1,7 @@
 :host {
   display: block;
   max-width: fit-content;
+  border-radius: var(--border-radius);
 }
 :host > article {

package/dist/collection/components/book-card/z-book-card-app/index.js CHANGED Viewed

@@ -1,5 +1,10 @@
 import { h } from "@stencil/core";
 import { ControlSize, InfoRevealPosition } from "../../../beans";
+/**
+ * ZBookCardApp component
+ * @cssprop --z-book-card-app-padding-x - set left and right padding
+ * @cssprop --z-book-card-app-padding-y - set top and bottom padding
+ */
 export class ZBookCardApp {
     constructor() {
         this.logo = undefined;
@@ -18,7 +23,7 @@ export class ZBookCardApp {
         return null;
     }
     render() {
-        return (h("div", { key: 'a69ca0314b904cb539a43bf1ce8d91a684524fa1' }, h("a", { key: 'e2cd7346530f8c34bfa0393648ccdd4cc2128709', class: "app z-link", href: this.link, "aria-label": `vai a ${this.laz ? "laz" : ""} ${this.name}`, onClick: () => this.emitAppClick(), target: "_blank" }, this.logo && (h("img", { key: 'ffd80dbecc4e49a7c3f4fc79c78b99b6b1e67c4e', src: this.logo, alt: "" })), h("div", { key: '6cd2a2063c78cce5df784e7e0caeee5638ad01a7', class: "name body-4-sb" }, this.renderLaz(), this.name)), this.info && (h("z-info-reveal", { key: '504f67881f639266d779e158b5e0876a68c5159e', icon: "info", size: ControlSize.X_SMALL, position: InfoRevealPosition.TOP_RIGHT, class: "info body-5" }, h("div", { key: 'fcefd2cfebe1d7adc62ba043efbfb4fa321ae71b' }, this.info))), h("a", { key: 'c43d5fa1efc78d391cb81940585906f08c99d5c6', class: "z-link z-link-icon", href: this.link, "aria-label": `vai a ${this.laz ? "laz" : ""} ${this.name}`, onClick: () => this.emitAppClick(), target: "_blank" }, h("z-icon", { key: '25a3856a53b3efd8bdde143db480750a499b3f7a', name: "chevron-right", width: 16, height: 16, fill: "color-primary01-icon" }))));
+        return (h("div", { key: '2932c06edff0e6767d51ea6480755e3b941526da' }, h("a", { key: '380296133f99047ccf1053b88f5508514237bfaa', class: "app z-link", href: this.link, "aria-label": `vai a ${this.laz ? "laz" : ""} ${this.name}`, onClick: () => this.emitAppClick(), target: "_blank" }, this.logo && (h("img", { key: '7ead782842cd9973168c074ca7a20fe8f9643b48', src: this.logo, alt: "" })), h("div", { key: 'ad4a325334028920c65bb492f074d10db89c9fdb', class: "name body-4-sb" }, this.renderLaz(), this.name)), this.info && (h("z-info-reveal", { key: 'e515dd46bc1e27be5a7f31b982f5cda9d91c7279', icon: "info", size: ControlSize.X_SMALL, position: InfoRevealPosition.TOP_RIGHT, class: "info body-5" }, h("div", { key: '2eabbca7b2f80edd4145d65c7b3f4bc578c6a912' }, this.info))), h("a", { key: '0603c47f075a702c5bda91ce5136caf70e99e628', class: "z-link z-link-icon", href: this.link, "aria-label": `vai a ${this.laz ? "laz" : ""} ${this.name}`, onClick: () => this.emitAppClick(), target: "_blank" }, h("z-icon", { key: '107f9fbc8e3a5f53d319965e8cd1e6b3e3483d10', name: "chevron-right", width: 16, height: 16, fill: "color-primary01-icon" }))));
     }
     static get is() { return "z-book-card-app"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/book-card/z-book-card-app/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/book-card/z-book-card-app/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAC,WAAW,EAAE,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;~~AAO~~/D,MAAM,OAAO,YAAY;;;;;mBAyBhB,IAAI;;;IAYH,YAAY;QAClB,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;IACvB,CAAC;IAEO,SAAS;QACf,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;YACb,OAAO,YAAM,KAAK,EAAC,KAAK,WAAY,CAAC;QACvC,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM;QACJ,OAAO,CACL;YACE,0DACE,KAAK,EAAC,YAAY,EAClB,IAAI,EAAE,IAAI,CAAC,IAAI,gBACH,SAAS,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,EACzD,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,EAClC,MAAM,EAAC,QAAQ;gBAEd,IAAI,CAAC,IAAI,IAAI,CACZ,4DACE,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,GAAG,EAAC,EAAE,GACN,CACH;gBACD,4DAAK,KAAK,EAAC,gBAAgB;oBACxB,IAAI,CAAC,SAAS,EAAE;oBAChB,IAAI,CAAC,IAAI,CACN,CACJ;YACH,IAAI,CAAC,IAAI,IAAI,CACZ,sEACE,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,WAAW,CAAC,OAAO,EACzB,QAAQ,EAAE,kBAAkB,CAAC,SAAS,EACtC,KAAK,EAAC,aAAa;gBAEnB,8DAAM,IAAI,CAAC,IAAI,CAAO,CACR,CACjB;YACD,0DACE,KAAK,EAAC,oBAAoB,EAC1B,IAAI,EAAE,IAAI,CAAC,IAAI,gBACH,SAAS,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,EACzD,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,EAClC,MAAM,EAAC,QAAQ;gBAEf,+DACE,IAAI,EAAC,eAAe,EACpB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,sBAAsB,GACnB,CACR,CACA,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Element, Event, EventEmitter, Prop, h} from \"@stencil/core\";\nimport {ControlSize, InfoRevealPosition} from \"../../../beans\";\n\n@Component({\n tag: \"z-book-card-app\",\n styleUrls: [\"styles.css\", \"../../css-components/z-link/styles.css\", \"../../../tokens/typography.css\"],\n shadow: true,\n})\nexport class ZBookCardApp {\n @Element() hostElement: HTMLZBookCardAppElement;\n\n /*\n App logo url\n /\n @Prop()\n logo?: string;\n\n /\n App name\n /\n @Prop()\n name: string;\n\n /\n link to the app website\n /\n @Prop()\n link: string;\n\n /\n Show or hide laZ prefix before app name\n /\n @Prop()\n laz? = true;\n\n /\n Info text to show as inforeveal\n /\n @Prop()\n info?: string;\n\n /* click on app link */\n @Event()\n appClick: EventEmitter;\n\n private emitAppClick(): void {\n this.appClick.emit();\n }\n\n private renderLaz(): HTMLSpanElement \| null {\n if (this.laz) {\n return <span class=\"laz\">laZ </span>;\n }\n\n return null;\n }\n\n render(): HTMLZBookCardAppElement {\n return (\n <div>\n <a\n class=\"app z-link\"\n href={this.link}\n aria-label={`vai a ${this.laz ? \"laz\" : \"\"} ${this.name}`}\n onClick={() => this.emitAppClick()}\n target=\"_blank\"\n >\n {this.logo && (\n <img\n src={this.logo}\n alt=\"\"\n />\n )}\n <div class=\"name body-4-sb\">\n {this.renderLaz()}\n {this.name}\n </div>\n </a>\n {this.info && (\n <z-info-reveal\n icon=\"info\"\n size={ControlSize.X_SMALL}\n position={InfoRevealPosition.TOP_RIGHT}\n class=\"info body-5\"\n >\n <div>{this.info}</div>\n </z-info-reveal>\n )}\n <a\n class=\"z-link z-link-icon\"\n href={this.link}\n aria-label={`vai a ${this.laz ? \"laz\" : \"\"} ${this.name}`}\n onClick={() => this.emitAppClick()}\n target=\"_blank\"\n >\n <z-icon\n name=\"chevron-right\"\n width={16}\n height={16}\n fill=\"color-primary01-icon\"\n ></z-icon>\n </a>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/book-card/z-book-card-app/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAC,WAAW,EAAE,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAE/D;;;;GAIG;AAMH,MAAM,OAAO,YAAY;;;;;mBAyBhB,IAAI;;;IAYH,YAAY;QAClB,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;IACvB,CAAC;IAEO,SAAS;QACf,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;YACb,OAAO,YAAM,KAAK,EAAC,KAAK,WAAY,CAAC;QACvC,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM;QACJ,OAAO,CACL;YACE,0DACE,KAAK,EAAC,YAAY,EAClB,IAAI,EAAE,IAAI,CAAC,IAAI,gBACH,SAAS,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,EACzD,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,EAClC,MAAM,EAAC,QAAQ;gBAEd,IAAI,CAAC,IAAI,IAAI,CACZ,4DACE,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,GAAG,EAAC,EAAE,GACN,CACH;gBACD,4DAAK,KAAK,EAAC,gBAAgB;oBACxB,IAAI,CAAC,SAAS,EAAE;oBAChB,IAAI,CAAC,IAAI,CACN,CACJ;YACH,IAAI,CAAC,IAAI,IAAI,CACZ,sEACE,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,WAAW,CAAC,OAAO,EACzB,QAAQ,EAAE,kBAAkB,CAAC,SAAS,EACtC,KAAK,EAAC,aAAa;gBAEnB,8DAAM,IAAI,CAAC,IAAI,CAAO,CACR,CACjB;YACD,0DACE,KAAK,EAAC,oBAAoB,EAC1B,IAAI,EAAE,IAAI,CAAC,IAAI,gBACH,SAAS,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,EACzD,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,EAClC,MAAM,EAAC,QAAQ;gBAEf,+DACE,IAAI,EAAC,eAAe,EACpB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,sBAAsB,GACnB,CACR,CACA,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Element, Event, EventEmitter, Prop, h} from \"@stencil/core\";\nimport {ControlSize, InfoRevealPosition} from \"../../../beans\";\n\n/*\n ZBookCardApp component\n * @cssprop --z-book-card-app-padding-x - set left and right padding\n * @cssprop --z-book-card-app-padding-y - set top and bottom padding\n /\n@Component({\n tag: \"z-book-card-app\",\n styleUrls: [\"styles.css\", \"../../css-components/z-link/styles.css\", \"../../../tokens/typography.css\"],\n shadow: true,\n})\nexport class ZBookCardApp {\n @Element() hostElement: HTMLZBookCardAppElement;\n\n /\n App logo url\n /\n @Prop()\n logo?: string;\n\n /\n App name\n /\n @Prop()\n name: string;\n\n /\n link to the app website\n /\n @Prop()\n link: string;\n\n /\n Show or hide laZ prefix before app name\n /\n @Prop()\n laz? = true;\n\n /\n Info text to show as inforeveal\n /\n @Prop()\n info?: string;\n\n /* click on app link */\n @Event()\n appClick: EventEmitter;\n\n private emitAppClick(): void {\n this.appClick.emit();\n }\n\n private renderLaz(): HTMLSpanElement \| null {\n if (this.laz) {\n return <span class=\"laz\">laZ </span>;\n }\n\n return null;\n }\n\n render(): HTMLZBookCardAppElement {\n return (\n <div>\n <a\n class=\"app z-link\"\n href={this.link}\n aria-label={`vai a ${this.laz ? \"laz\" : \"\"} ${this.name}`}\n onClick={() => this.emitAppClick()}\n target=\"_blank\"\n >\n {this.logo && (\n <img\n src={this.logo}\n alt=\"\"\n />\n )}\n <div class=\"name body-4-sb\">\n {this.renderLaz()}\n {this.name}\n </div>\n </a>\n {this.info && (\n <z-info-reveal\n icon=\"info\"\n size={ControlSize.X_SMALL}\n position={InfoRevealPosition.TOP_RIGHT}\n class=\"info body-5\"\n >\n <div>{this.info}</div>\n </z-info-reveal>\n )}\n <a\n class=\"z-link z-link-icon\"\n href={this.link}\n aria-label={`vai a ${this.laz ? \"laz\" : \"\"} ${this.name}`}\n onClick={() => this.emitAppClick()}\n target=\"_blank\"\n >\n <z-icon\n name=\"chevron-right\"\n width={16}\n height={16}\n fill=\"color-primary01-icon\"\n ></z-icon>\n </a>\n </div>\n );\n }\n}\n"]}

package/dist/collection/components/book-card/z-book-card-app/index.stories.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import { html } from "lit";
+import { styleMap } from "lit/directives/style-map.js";
 import "../../z-button/index";
 import "../../z-icon/index";
 import "../../z-tag/index";
@@ -7,7 +8,10 @@ import "./index";
 const StoryMeta = {
     title: "ZBookCard/ZBookCardApp",
     component: "z-book-card-app",
-    argTypes: {},
+    argTypes: {
+        "--z-book-card-app-padding-x": { control: { type: "text" } },
+        "--z-book-card-app-padding-y": { control: { type: "text" } },
+    },
     args: {
         logo: "https://placehold.co/24",
         name: "Esercizi",
@@ -18,12 +22,20 @@ const StoryMeta = {
 };
 export default StoryMeta;
 export const CardApp = {
+    args: {
+        "--z-book-card-app-padding-x": null,
+        "--z-book-card-app-padding-y": null,
+    },
     render: (args) => html `<z-book-card-app
       logo=${args.logo}
       name=${args.name}
       laz=${args.laz}
       info=${args.info}
       link=${args.link}
+      style=${styleMap({
+        "--z-book-card-app-padding-x": args["--z-book-card-app-padding-x"],
+        "--z-book-card-app-padding-y": args["--z-book-card-app-padding-y"],
+    })}
     ></z-book-card-app>`,
 };
 //# sourceMappingURL=index.stories.js.map

package/dist/collection/components/book-card/z-book-card-app/index.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../../src/components/book-card/z-book-card-app/index.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;~~AAEzB~~,OAAO,sBAAsB,CAAC;AAC9B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,0BAA0B,CAAC;AAClC,OAAO,SAAS,CAAC;~~AAIjB~~,MAAM,SAAS,GAAG;IAChB,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,iBAAiB;IAC5B,QAAQ,EAAE,EAAE;~~IACZ~~,IAAI,EAAE;QACJ,IAAI,EAAE,yBAAyB;QAC/B,IAAI,EAAE,UAAU;QAChB,GAAG,EAAE,IAAI;QACT,IAAI,EAAE,yBAAyB;QAC/B,IAAI,EAAE,mBAAmB;KAC1B;CACsC,CAAC;AAE1C,eAAe,SAAS,CAAC;AAIzB,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CACf,IAAI,CAAA;aACK,IAAI,CAAC,IAAI;aACT,IAAI,CAAC,IAAI;YACV,IAAI,CAAC,GAAG;aACP,IAAI,CAAC,IAAI;aACT,IAAI,CAAC,IAAI;~~wBACE~~;CACP,CAAC","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {ZBookCardApp} from \".\";\nimport \"../../z-button/index\";\nimport \"../../z-icon/index\";\nimport \"../../z-tag/index\";\nimport \"../z-book-card-app/index\";\nimport \"./index\";\n\ntype ZBookCardAppStoriesArgs = ZBookCardApp;\n\nconst StoryMeta = {\n title: \"ZBookCard/ZBookCardApp\",\n component: \"z-book-card-app\",\n argTypes: {},\n args: {\n logo: \"https://placehold.co/24\",\n name: \"Esercizi\",\n laz: true,\n info: \"Cosa fa l'applicazione?\",\n link: \"link-applicazione\",\n },\n} satisfies Meta<ZBookCardAppStoriesArgs>;\n\nexport default StoryMeta;\n\ntype Story = StoryObj<ZBookCardAppStoriesArgs>;\n\nexport const CardApp = {\n render: (args) =>\n html`<z-book-card-app\n logo=${args.logo}\n name=${args.name}\n laz=${args.laz}\n info=${args.info}\n link=${args.link}\n ></z-book-card-app>`,\n} satisfies Story;\n"]}
1	+ {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../../src/components/book-card/z-book-card-app/index.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AACzB,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AAGrD,OAAO,sBAAsB,CAAC;AAC9B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,0BAA0B,CAAC;AAClC,OAAO,SAAS,CAAC;AAKjB,MAAM,SAAS,GAAG;IAChB,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,iBAAiB;IAC5B,QAAQ,EAAE;QACR,6BAA6B,EAAE,EAAC,OAAO,EAAE,EAAC,IAAI,EAAE,MAAM,EAAC,EAAC;QACxD,6BAA6B,EAAE,EAAC,OAAO,EAAE,EAAC,IAAI,EAAE,MAAM,EAAC,EAAC;KACzD;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,yBAAyB;QAC/B,IAAI,EAAE,UAAU;QAChB,GAAG,EAAE,IAAI;QACT,IAAI,EAAE,yBAAyB;QAC/B,IAAI,EAAE,mBAAmB;KAC1B;CACsC,CAAC;AAE1C,eAAe,SAAS,CAAC;AAIzB,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,6BAA6B,EAAE,IAAI;QACnC,6BAA6B,EAAE,IAAI;KACpC;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CACf,IAAI,CAAA;aACK,IAAI,CAAC,IAAI;aACT,IAAI,CAAC,IAAI;YACV,IAAI,CAAC,GAAG;aACP,IAAI,CAAC,IAAI;aACT,IAAI,CAAC,IAAI;cACR,QAAQ,CAAC;QACf,6BAA6B,EAAE,IAAI,CAAC,6BAA6B,CAAC;QAClE,6BAA6B,EAAE,IAAI,CAAC,6BAA6B,CAAC;KACnE,CAAC;wBACgB;CACP,CAAC","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {styleMap} from \"lit/directives/style-map.js\";\nimport {ZBookCardApp} from \".\";\nimport {CSSVarsArguments} from \"../../../utils/storybook-utils\";\nimport \"../../z-button/index\";\nimport \"../../z-icon/index\";\nimport \"../../z-tag/index\";\nimport \"../z-book-card-app/index\";\nimport \"./index\";\n\ntype ZBookCardAppStoriesArgs = ZBookCardApp &\n CSSVarsArguments<\"z-book-card-app-padding-x\" \| \"z-book-card-app-padding-y\">;\n\nconst StoryMeta = {\n title: \"ZBookCard/ZBookCardApp\",\n component: \"z-book-card-app\",\n argTypes: {\n \"--z-book-card-app-padding-x\": {control: {type: \"text\"}},\n \"--z-book-card-app-padding-y\": {control: {type: \"text\"}},\n },\n args: {\n logo: \"https://placehold.co/24\",\n name: \"Esercizi\",\n laz: true,\n info: \"Cosa fa l'applicazione?\",\n link: \"link-applicazione\",\n },\n} satisfies Meta<ZBookCardAppStoriesArgs>;\n\nexport default StoryMeta;\n\ntype Story = StoryObj<ZBookCardAppStoriesArgs>;\n\nexport const CardApp = {\n args: {\n \"--z-book-card-app-padding-x\": null,\n \"--z-book-card-app-padding-y\": null,\n },\n render: (args) =>\n html`<z-book-card-app\n logo=${args.logo}\n name=${args.name}\n laz=${args.laz}\n info=${args.info}\n link=${args.link}\n style=${styleMap({\n \"--z-book-card-app-padding-x\": args[\"--z-book-card-app-padding-x\"],\n \"--z-book-card-app-padding-y\": args[\"--z-book-card-app-padding-y\"],\n })}\n ></z-book-card-app>`,\n} satisfies Story;\n"]}

package/dist/collection/components/book-card/z-book-card-app/styles.css CHANGED Viewed

@@ -14,7 +14,8 @@
   box-sizing: border-box;
   align-items: center;
   justify-content: space-between;
-  padding: var(--space-unit) calc(var(--space-unit) * 1.5);
+  padding: var(--z-book-card-app-padding-y, calc(var(--space-unit) * 1.5))
+    var(--z-book-card-app-padding-x, var(--space-unit));
   gap: calc(var(--space-unit) * 2);
 }

package/dist/collection/components/css-components/z-link/index.stories.js CHANGED Viewed

@@ -7,7 +7,7 @@ export default {
     title: "ZLink",
     argTypes: {
         "colorVariant": {
-            options: ["default", "z-link-black", "z-link-white"],
+            options: ["z-link", "z-link-blue", "z-link-red", "z-link-inverse"],
             control: {
                 type: "inline-radio",
             },
@@ -29,11 +29,10 @@ export default {
         },
     },
     args: {
-        "colorVariant": "default",
+        "colorVariant": "z-link",
         "text": "Zanichelli.it",
         "icon": null,
         "z-link-active": false,
-        "z-link-inverse": false,
         "z-link-disabled": false,
         "z-link-underline": false,
         "z-link-icon": false,
@@ -42,10 +41,10 @@ export default {
 };
 const getClasses = (args) => ({
     "z-link": true,
-    "z-link-black": args.colorVariant === "z-link-black",
-    "z-link-white": args.colorVariant === "z-link-white",
+    "z-link-blue": args.colorVariant === "z-link-blue",
+    "z-link-red": args.colorVariant === "z-link-red",
+    "z-link-inverse": args.colorVariant === "z-link-inverse",
     "z-link-active": args["z-link-active"],
-    "z-link-inverse": args["z-link-inverse"],
     "z-link-disabled": args["z-link-disabled"],
     "z-link-underline": args["z-link-underline"],
     "z-link-icon": args["z-link-icon"],

package/dist/collection/components/css-components/z-link/index.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../../src/components/css-components/z-link/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AACzB,OAAO,EAAC,QAAQ,EAAiB,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAC;AACjD,OAAO,oBAAoB,CAAC;AAC5B,OAAO,qBAAqB,CAAC;AAE7B,eAAe;IACb,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE;QACR,cAAc,EAAE;YACd,OAAO,EAAE,CAAC,~~SAAS~~,EAAE,~~cAAc~~,EAAE,~~cAAc~~,CAAC;~~YACpD~~,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;aACrB;SACF;QACD,MAAM,EAAE;YACN,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACtC,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE;oBACN,IAAI,EAAE,SAAS;iBAChB;aACF;SACF;QACD,aAAa,EAAE;YACb,EAAE,EAAE;gBACF,GAAG,EAAE,MAAM;gBACX,MAAM,EAAE,IAAI;aACb;SACF;KACF;IACD,IAAI,EAAE;QACJ,cAAc,EAAE,~~SAAS~~;~~QACzB~~,MAAM,EAAE,eAAe;QACvB,MAAM,EAAE,IAAI;QACZ,eAAe,EAAE,KAAK;QACtB,~~gBAAgB,EAAE,KAAK;QACvB,~~iBAAiB,EAAE,KAAK;QACxB,kBAAkB,EAAE,KAAK;QACzB,aAAa,EAAE,KAAK;QACpB,WAAW,EAAE,KAAK;KACnB;CACF,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,IAAI,EAAa,EAAE,CAAC,CAAC;IACvC,QAAQ,EAAE,IAAI;IACd,~~cAAc~~,EAAE,IAAI,CAAC,YAAY,KAAK,~~cAAc~~;~~IACpD~~,~~cAAc~~,EAAE,IAAI,CAAC,YAAY,KAAK,~~cAAc~~;~~IACpD~~,~~eAAe~~,EAAE,IAAI,CAAC,~~eAAe~~,~~CAAC;IACtC~~,gBAAgB,EAAE,IAAI,CAAC,~~gBAAgB~~,CAAC;~~IACxC~~,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,CAAC;IAC1C,kBAAkB,EAAE,IAAI,CAAC,kBAAkB,CAAC;IAC5C,aAAa,EAAE,IAAI,CAAC,aAAa,CAAC;IAClC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC;CAC/B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;;;gBAIR,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;;UAEhC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,gBAAgB,IAAI,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI;;;GAG9E;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;sBAEF,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;UACtC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,gBAAgB,IAAI,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI;;;GAG9E;CACF,CAAC","sourcesContent":["import {html} from \"lit\";\nimport {classMap, type ClassInfo} from \"lit/directives/class-map.js\";\nimport {ICONS} from \"../../../constants/iconset\";\nimport \"../../z-icon/index\";\nimport \"./index.stories.css\";\n\nexport default {\n title: \"ZLink\",\n argTypes: {\n \"colorVariant\": {\n options: [\"~~default~~\", \"z-link-~~black~~\", \"z-link-~~white~~\"],\n control: {\n type: \"inline-radio\",\n },\n },\n \"icon\": {\n options: [null, ...Object.keys(ICONS)],\n control: {\n type: \"select\",\n labels: {\n null: \"No icon\",\n },\n },\n },\n \"z-link-icon\": {\n if: {\n arg: \"icon\",\n truthy: true,\n },\n },\n },\n args: {\n \"colorVariant\": \"~~default~~\",\n \"text\": \"Zanichelli.it\",\n \"icon\": null,\n \"z-link-active\": false,\n \"z-link-~~inverse\": false,\n \"z-link-~~disabled\": false,\n \"z-link-underline\": false,\n \"z-link-icon\": false,\n \"z-link-sb\": false,\n },\n};\n\nconst getClasses = (args): ClassInfo => ({\n \"z-link\": true,\n \"z-link-~~black~~\": args.colorVariant === \"z-link-~~black~~\",\n \"z-link-~~white~~\": args.colorVariant === \"z-link-~~white~~\",\n \"z-link-~~active~~\": args[\"z-link-~~active~~\"],\n \"z-link-~~inverse~~\": args[\"z-link-~~inverse~~\"],\n \"z-link-disabled\": args[\"z-link-disabled\"],\n \"z-link-underline\": args[\"z-link-underline\"],\n \"z-link-icon\": args[\"z-link-icon\"],\n \"z-link-sb\": args[\"z-link-sb\"],\n});\n\nexport const ZLink = {\n render: (args) => html`\n <div class=\"z-link-story\">\n <a\n href=\"zanichelli.it\"\n class=${classMap(getClasses(args))}\n >\n ${args.icon ? html`<z-icon name=${args.icon}></z-icon>` : \"\"} ${args.text}\n </a>\n </div>\n `,\n};\n\nexport const ZLinkButton = {\n render: (args) => html`\n <div class=\"z-link-story\">\n <button class=${classMap(getClasses(args))}>\n ${args.icon ? html`<z-icon name=${args.icon}></z-icon>` : \"\"} ${args.text}\n </button>\n </div>\n `,\n};\n"]}
1	+ {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../../src/components/css-components/z-link/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AACzB,OAAO,EAAC,QAAQ,EAAiB,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAC;AACjD,OAAO,oBAAoB,CAAC;AAC5B,OAAO,qBAAqB,CAAC;AAE7B,eAAe;IACb,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE;QACR,cAAc,EAAE;YACd,OAAO,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,gBAAgB,CAAC;YAClE,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;aACrB;SACF;QACD,MAAM,EAAE;YACN,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACtC,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE;oBACN,IAAI,EAAE,SAAS;iBAChB;aACF;SACF;QACD,aAAa,EAAE;YACb,EAAE,EAAE;gBACF,GAAG,EAAE,MAAM;gBACX,MAAM,EAAE,IAAI;aACb;SACF;KACF;IACD,IAAI,EAAE;QACJ,cAAc,EAAE,QAAQ;QACxB,MAAM,EAAE,eAAe;QACvB,MAAM,EAAE,IAAI;QACZ,eAAe,EAAE,KAAK;QACtB,iBAAiB,EAAE,KAAK;QACxB,kBAAkB,EAAE,KAAK;QACzB,aAAa,EAAE,KAAK;QACpB,WAAW,EAAE,KAAK;KACnB;CACF,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,IAAI,EAAa,EAAE,CAAC,CAAC;IACvC,QAAQ,EAAE,IAAI;IACd,aAAa,EAAE,IAAI,CAAC,YAAY,KAAK,aAAa;IAClD,YAAY,EAAE,IAAI,CAAC,YAAY,KAAK,YAAY;IAChD,gBAAgB,EAAE,IAAI,CAAC,YAAY,KAAK,gBAAgB;IACxD,eAAe,EAAE,IAAI,CAAC,eAAe,CAAC;IACtC,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,CAAC;IAC1C,kBAAkB,EAAE,IAAI,CAAC,kBAAkB,CAAC;IAC5C,aAAa,EAAE,IAAI,CAAC,aAAa,CAAC;IAClC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC;CAC/B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;;;gBAIR,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;;UAEhC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,gBAAgB,IAAI,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI;;;GAG9E;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;sBAEF,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;UACtC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,gBAAgB,IAAI,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI;;;GAG9E;CACF,CAAC","sourcesContent":["import {html} from \"lit\";\nimport {classMap, type ClassInfo} from \"lit/directives/class-map.js\";\nimport {ICONS} from \"../../../constants/iconset\";\nimport \"../../z-icon/index\";\nimport \"./index.stories.css\";\n\nexport default {\n title: \"ZLink\",\n argTypes: {\n \"colorVariant\": {\n options: [\"z-link\", \"z-link-blue\", \"z-link-red\", \"z-link-inverse\"],\n control: {\n type: \"inline-radio\",\n },\n },\n \"icon\": {\n options: [null, ...Object.keys(ICONS)],\n control: {\n type: \"select\",\n labels: {\n null: \"No icon\",\n },\n },\n },\n \"z-link-icon\": {\n if: {\n arg: \"icon\",\n truthy: true,\n },\n },\n },\n args: {\n \"colorVariant\": \"z-link\",\n \"text\": \"Zanichelli.it\",\n \"icon\": null,\n \"z-link-active\": false,\n \"z-link-disabled\": false,\n \"z-link-underline\": false,\n \"z-link-icon\": false,\n \"z-link-sb\": false,\n },\n};\n\nconst getClasses = (args): ClassInfo => ({\n \"z-link\": true,\n \"z-link-blue\": args.colorVariant === \"z-link-blue\",\n \"z-link-red\": args.colorVariant === \"z-link-red\",\n \"z-link-inverse\": args.colorVariant === \"z-link-inverse\",\n \"z-link-active\": args[\"z-link-active\"],\n \"z-link-disabled\": args[\"z-link-disabled\"],\n \"z-link-underline\": args[\"z-link-underline\"],\n \"z-link-icon\": args[\"z-link-icon\"],\n \"z-link-sb\": args[\"z-link-sb\"],\n});\n\nexport const ZLink = {\n render: (args) => html`\n <div class=\"z-link-story\">\n <a\n href=\"zanichelli.it\"\n class=${classMap(getClasses(args))}\n >\n ${args.icon ? html`<z-icon name=${args.icon}></z-icon>` : \"\"} ${args.text}\n </a>\n </div>\n `,\n};\n\nexport const ZLinkButton = {\n render: (args) => html`\n <div class=\"z-link-story\">\n <button class=${classMap(getClasses(args))}>\n ${args.icon ? html`<z-icon name=${args.icon}></z-icon>` : \"\"} ${args.text}\n </button>\n </div>\n `,\n};\n"]}