npm - @zanichelli/albe-web-components - Versions diffs - 20.0.2-RC → 20.0.3 - Mend

@zanichelli/albe-web-components 20.0.2-RC → 20.0.3

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

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

@@ -70,7 +70,7 @@ const ZTr = class {
         this.updateColumns();
     }
     render() {
-        return (index.h(index.Host, { key: '158f25d1746e340981e4facebe0f7dfd2106222a', role: "row", tabIndex: this.expandable ? 0 : undefined, expanded: this.expanded, onClick: this.onRowClick.bind(this), onKeyDown: this.onKeyDown.bind(this) }, index.h("div", { key: '140ddc0aac009e9e254b5ee281e292dc19326527', class: "z-tr--focus-overlay", "aria-hidden": "true" }), index.h("div", { key: '8e5b3d3e72cfe09c1ee4f54ffab8805e0e83021c', class: "z-tr--expand-button-container" }, this.expandable && (index.h("button", { key: 'bd724740ff19d508d33527dbc657b932f73f4421', tabIndex: -1, "aria-expanded": this.expanded ? "true" : "false", "aria-label": this.expanded ? "Comprimi riga" : "Espandi riga", "aria-controls": this.expandableContentId, type: "button" }, index.h("z-icon", { key: 'd88a988e00c240b85806e9d0ea8d090cb404fab4', name: this.expanded ? "minus-circled" : "plus-circled" })))), index.h("slot", { key: '83cada789cfd416d9c2062ede5c10b49ac56ae56', onSlotchange: this.updateColumns.bind(this) })));
+        return (index.h(index.Host, { key: '80423ab104796d4bc50e3dbeafd26a417a41594e', role: "row", tabIndex: this.expandable ? 0 : undefined, expanded: this.expanded, onClick: this.onRowClick.bind(this), onKeyDown: this.onKeyDown.bind(this) }, index.h("div", { key: 'd0ec5fa359865b1eb486d21a478f82b61a10bf18', class: "z-tr--focus-overlay", "aria-hidden": "true" }), index.h("div", { key: 'e1f4114f91e1ff59c0ff4b4880b74bceb1702cba', class: "z-tr--expand-button-container" }, this.expandable && (index.h("button", { key: 'bef3c43e06a20de50f2aacf88b6c80fc4822403a', tabIndex: -1, "aria-expanded": this.expanded ? "true" : "false", "aria-label": this.expanded ? "Comprimi riga" : "Espandi riga", "aria-controls": this.expandableContentId, type: "button" }, index.h("z-icon", { key: '803c8640aacbd34ba3de287f519d934cb9d974ca', name: this.expanded ? "minus-circled" : "plus-circled" })))), index.h("slot", { key: 'bf8e10753f600ad984a06a710d19680e52507ab2', onSlotchange: this.updateColumns.bind(this) })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/z-tree-list.cjs.entry.js CHANGED Viewed

@@ -100,7 +100,7 @@ const ZTreeList = class {
     }
     render() {
         const hasClickableItems = this.parsedItems.some((item) => !!item.url);
-        return (index.h(index.Host, { key: 'd4f93f20f84ac193c4b291b0cc16d4a0e6838d49', class: "tree-list", role: hasClickableItems ? "navigation" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-labelledby": this.htmlAriaLabelledby }, index.h("div", { key: '4d0f11bb82855843beabb2eb0ddaa30ca39d8524', tabIndex: -1, role: hasClickableItems ? "tree" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-label": this.htmlSectionTitle }, this.parsedItems.map((item, key) => this.renderTreeList(item, `${key}`)))));
+        return (index.h(index.Host, { key: '8bc473fe54ef8e0cea9e2deeb85cc798a9201482', class: "tree-list", role: hasClickableItems ? "navigation" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-labelledby": this.htmlAriaLabelledby }, index.h("div", { key: 'da18ff5c34d384aa37ef1edbdb242a3f572f471b', tabIndex: -1, role: hasClickableItems ? "tree" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-label": this.htmlSectionTitle }, this.parsedItems.map((item, key) => this.renderTreeList(item, `${key}`)))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/z-visually-hidden.cjs.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ const ZVisuallyHidden = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h("slot", { key: '3378671bfdbab0bf278c0e8aeb3f8ea9bd555422' });
+        return index.h("slot", { key: 'e5b7767ebb02bdbed941d12f89f1be1ca715eb8c' });
     }
 };
 ZVisuallyHidden.style = stylesCss();

package/dist/collection/collection-manifest.json CHANGED Viewed

@@ -54,8 +54,8 @@
     "components/z-searchbar/index.js",
     "components/z-select/index.js",
     "components/z-skip-to-content/index.js",
-    "components/z-stepper/index.js",
     "components/z-stepper-item/index.js",
+    "components/z-stepper/index.js",
     "components/z-tag/index.js",
     "components/z-toast-notification/index.js",
     "components/z-toast-notification-list/index.js",

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

@@ -53,14 +53,17 @@ export class ZBookCard {
         if (!this.authors) {
             return null;
         }
-        return (h("div", { class: "cta-wrapper" }, h("div", { class: "authors ellipsis body-4", "aria-description": "autori" }, this.authors), this.variant === BookCardVariant.LANDSCAPE ? this.renderCtaSlot() : null));
+        return (h("div", { class: "authors ellipsis body-4", "aria-description": "autori" }, this.authors));
     }
     renderOperaTitle() {
         const title = this.titleHtmlTag
             ? `<${this.titleHtmlTag}>${this.operaTitle}</${this.titleHtmlTag}>`
             : this.operaTitle;
         const operaTitle = (h("div", { class: "opera-title ellipsis body-2-sb", innerHTML: title }));
-        return (h("div", { class: "cta-wrapper" }, this.ebookUrl ? (h("a", { class: "z-link", href: this.ebookUrl, onClick: () => this.emitTitleClick(), target: this.linkTarget }, operaTitle)) : (operaTitle), this.variant === BookCardVariant.PORTRAIT ? this.renderCtaSlot() : null));
+        if (this.ebookUrl) {
+            return (h("a", { class: "z-link", href: this.ebookUrl, onClick: () => this.emitTitleClick(), target: this.linkTarget }, operaTitle));
+        }
+        return operaTitle;
     }
     renderVolumeTitle() {
         if (!this.volumeTitle) {
@@ -80,11 +83,8 @@ export class ZBookCard {
         }
         return (h("div", { class: "ebook" }, h("div", { class: "app-name" }, h("img", { class: "ebook-logo", "aria-hidden": "true" }), h("div", { class: "body-4-sb" }, "laZ Ebook")), h("z-button", { size: ControlSize.X_SMALL, href: this.ebookUrl, target: this.linkTarget, onClick: () => this.emitEbookClick(), htmlRole: "link", "aria-description": `leggi l'ebook ${this.operaTitle} su laZ Ebook` }, "leggi ebook")));
     }
-    renderCtaSlot() {
-        return h("slot", { name: "cta" });
-    }
     render() {
-        return (h(Host, { key: '5573698f16b8cbaa66e384f15295d3cf002691ad' }, h("div", { key: '9a4feacc4096179f39a28ba9ceeae0b8b70abfd9', class: "main-content" }, this.renderCover(), h("div", { key: '4a1717324377feae50f008f9d3e223a52924b0c2', class: "card-info" }, h("div", { key: '9fad9cdd4bca79ba03391cde396f3a9d635b65cc', class: "top" }, h("div", { key: 'dc4a9d24505230b467a4ffac482d118ec2e796e2' }, this.renderYear(), this.renderAuthors(), this.renderOperaTitle(), this.renderVolumeTitle(), this.renderIsbn()), h("slot", { key: 'd94d220dc51d3b89b3284f8f100d6fd32d82a7b6', name: "tags" }), h("slot", { key: '5b7f9e2e1aadb10dbc97b16aa2dd4501b1007e16', name: "data" })), h("slot", { key: 'a5619600c90bfb3fba040674a280ec4f5395437a', name: "ebook" }, this.renderEbook()))), h("slot", { key: '9a70dad88fa621eec9b3902f5893cdc0ac8fcd1a', name: "apps" })));
+        return (h(Host, { key: '391178b85e493465cb9804798e86d521d084b332' }, h("div", { key: '8b02be97182892375849f06bdb7c9f236cd4f948', class: "main-content" }, this.renderCover(), h("div", { key: 'c6e17c02fa0a0c734bfce5b46213e9a71bd94a32', class: "card-info" }, h("div", { key: 'ac5928ab7e841711079005c3d5493307794a7d78', class: "top" }, h("div", { key: '13eb36fef124a2ceb844750428a40158ce6fa99f' }, this.renderYear(), this.renderAuthors(), this.renderOperaTitle(), this.renderVolumeTitle(), this.renderIsbn(), h("div", { key: 'a5b6258a4b4b971866da61a3e89990fc1d3398ae', class: "cta-slot" }, h("slot", { key: 'ded0f03e6260f0214b22d1b0772ab68c6619e427', name: "cta" }))), h("slot", { key: '6993d539bbc14fecf710c39ad64300cc0f670c7d', name: "tags" }), h("slot", { key: 'cb8f5042550f977610ecd0a6163f659f6c59adb8', name: "data" })), h("slot", { key: '61e08af7dc7ef3599dc29cb19365bf1aab1f220d', name: "ebook" }, this.renderEbook()))), h("slot", { key: '4c096d7f0c06812981cd2405b984f0a76f457d74', 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":"AAAA,OAAO,EAAC,SAAS,EAAsB,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AACzG,OAAO,EAAC,eAAe,EAAE,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAE5D;;;;;;;GAOG;AAMH,MAAM,OAAO,SAAS;IALtB;QAQE,wCAAwC;QAExC,YAAO,GAAoB,eAAe,CAAC,QAAQ,CAAC;QAsBpD,4BAA4B;QAE5B,cAAS,GAAG,EAAE,CAAC;QAUf,2FAA2F;QAE3F,eAAU,GAAG,QAAQ,CAAC;QAMtB;;;;WAIG;QAEH,sBAAiB,GAAG,KAAK,CAAC;KA0M3B;IAxLS,cAAc;QACpB,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;IACzB,CAAC;IAEO,cAAc;QACpB,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;IACzB,CAAC;IAEO,cAAc;QACpB,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;IACzB,CAAC;IAEO,WAAW;QACjB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;QAC7C,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ;YAC9B,CAAC,CAAC;gBACE,IAAI,EAAE,IAAI,CAAC,QAAQ;gBACnB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE;gBACpC,MAAM,EAAE,IAAI,CAAC,UAAU;aACxB;YACH,CAAC,CAAC,EAAE,CAAC;QAEP,OAAO,CACL,EAAC,QAAQ,kBACP,KAAK,EAAC,OAAO,IACT,UAAU;YAEd,oBACE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,OAAO,KAAK,eAAe,CAAC,QAAQ;gBAE7E,YACE,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,cAAc,GACb,CACK,CACN,CACZ,CAAC;IACJ,CAAC;IAEO,UAAU;QAChB,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL,WACE,KAAK,EAAC,sBAAsB,sBACX,MAAM,IAEtB,IAAI,CAAC,IAAI,CACN,CACP,CAAC;IACJ,CAAC;IAEO,aAAa;QACnB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL,WAAK,KAAK,EAAC,aAAa;YACtB,WACE,KAAK,EAAC,yBAAyB,sBACd,QAAQ,IAExB,IAAI,CAAC,OAAO,CACT;YACL,IAAI,CAAC,OAAO,KAAK,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,IAAI,CACrE,CACP,CAAC;IACJ,CAAC;IAEO,gBAAgB;QACtB,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY;YAC7B,CAAC,CAAC,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,CAAC,YAAY,GAAG;YACnE,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;QAEpB,MAAM,UAAU,GAAG,CACjB,WACE,KAAK,EAAC,gCAAgC,EACtC,SAAS,EAAE,KAAK,GAChB,CACH,CAAC;QAEF,OAAO,CACL,WAAK,KAAK,EAAC,aAAa;YACrB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACf,SACE,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,EACpC,MAAM,EAAE,IAAI,CAAC,UAAU,IAEtB,UAAU,CACT,CACL,CAAC,CAAC,CAAC,CACF,UAAU,CACX;YACA,IAAI,CAAC,OAAO,KAAK,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,IAAI,CACpE,CACP,CAAC;IACJ,CAAC;IAEO,iBAAiB;QACvB,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACtB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,WAAK,KAAK,EAAC,8BAA8B,IAAE,IAAI,CAAC,WAAW,CAAO,CAAC;IAC5E,CAAC;IAEO,UAAU;QAChB,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL,WACE,KAAK,EAAC,yBAAyB,sBACb,QAAQ,IAAI,CAAC,SAAS,EAAE;YAEzC,IAAI,CAAC,IAAI;;YAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,YAAM,KAAK,EAAC,QAAQ,IAAE,IAAI,CAAC,SAAS,CAAQ,CAAC,CAAC,CAAC,IAAI,CAC7E,CACP,CAAC;IACJ,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL,WAAK,KAAK,EAAC,OAAO;YAChB,WAAK,KAAK,EAAC,UAAU;gBACnB,WACE,KAAK,EAAC,YAAY,iBACN,MAAM,GAClB;gBACF,WAAK,KAAK,EAAC,WAAW,gBAAgB,CAClC;YACN,gBACE,IAAI,EAAE,WAAW,CAAC,OAAO,EACzB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,EACpC,QAAQ,EAAC,MAAM,sBACG,iBAAiB,IAAI,CAAC,UAAU,eAAe,kBAGxD,CACP,CACP,CAAC;IACJ,CAAC;IAEO,aAAa;QACnB,OAAO,YAAM,IAAI,EAAC,KAAK,GAAQ,CAAC;IAClC,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,cAAc;gBACtB,IAAI,CAAC,WAAW,EAAE;gBACnB,4DAAK,KAAK,EAAC,WAAW;oBACpB,4DAAK,KAAK,EAAC,KAAK;wBACd;4BACG,IAAI,CAAC,UAAU,EAAE;4BACjB,IAAI,CAAC,aAAa,EAAE;4BACpB,IAAI,CAAC,gBAAgB,EAAE;4BACvB,IAAI,CAAC,iBAAiB,EAAE;4BACxB,IAAI,CAAC,UAAU,EAAE,CACd;wBACN,6DAAM,IAAI,EAAC,MAAM,GAAQ;wBACzB,6DAAM,IAAI,EAAC,MAAM,GAAQ,CACrB;oBACN,6DAAM,IAAI,EAAC,OAAO,IAAE,IAAI,CAAC,WAAW,EAAE,CAAQ,CAC1C,CACF;YACN,6DAAM,IAAI,EAAC,MAAM,GAAQ,CACpB,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, ComponentInterface, Element, Event, EventEmitter, Host, Prop, h} from \"@stencil/core\";\nimport {BookCardVariant, ControlSize} from \"../../../beans\";\n\n/*\n @slot cta - Top right cta (e.g. bookmark icon)\n * @slot ebook - As default, it shows laZ ebook link\n * @slot tags - Tags section, default empty\n * @slot data - External link and pill, default empty\n * @slot apps - List of card-related apps, default empty\n * @slot coverOverlay - Content to be displayed in the `z-book-cover` component slot\n /\n@Component({\n tag: \"z-book-card\",\n styleUrls: [\"styles.css\", \"../../../tokens/typography.css\", \"../../css-components/z-link/styles.css\"],\n shadow: true,\n})\nexport class ZBookCard implements ComponentInterface {\n @Element() hostElement: HTMLZBookCardElement;\n\n /* Card variant: landscape, portrait /\n @Prop({reflect: true})\n variant: BookCardVariant = BookCardVariant.PORTRAIT;\n\n /* Cover URL /\n @Prop()\n cover: string;\n\n /* Opera title (card title) /\n @Prop()\n operaTitle: string;\n\n /* [optional] Volume title (card subvolume) /\n @Prop()\n volumeTitle?: string;\n\n /* [optional] Authors /\n @Prop()\n authors?: string;\n\n /* [optional] Main ISBN /\n @Prop()\n isbn?: string;\n\n /* [optional] ISBN label /\n @Prop()\n isbnLabel = \"\";\n\n /* [optional] year /\n @Prop()\n year?: string;\n\n /* [optional] Link to the ebook resource. Creates a link also around the cover and title. /\n @Prop()\n ebookUrl?: string;\n\n /* [optional] Value for the `target` attribute of the links created by `ebookUrl` prop. /\n @Prop()\n linkTarget = \"_blank\";\n\n /* [optional] Fallback cover URL. /\n @Prop()\n fallbackCover?: string;\n\n /\n Whether to show a stack of covers to represent multiple books.\n * Only takes effect when `variant` is `portrait`: in `landscape` it is silently ignored and no\n * cover stack is rendered, regardless of its value.\n /\n @Prop()\n hasMultipleCovers = false;\n\n /* [optional] Set a specific heading level as html tag for the title. /\n @Prop()\n titleHtmlTag?: string;\n\n /* click on ebook link /\n @Event()\n ebookClick: EventEmitter;\n\n /* click on cover link /\n @Event()\n coverClick: EventEmitter;\n\n /* click on title link */\n @Event()\n titleClick: EventEmitter;\n\n private emitEbookClick(): void {\n this.ebookClick.emit();\n }\n\n private emitCoverClick(): void {\n this.coverClick.emit();\n }\n\n private emitTitleClick(): void {\n this.titleClick.emit();\n }\n\n private renderCover(): HTMLDivElement {\n const CoverTag = this.ebookUrl ? \"a\" : \"div\";\n const coverAttrs = this.ebookUrl\n ? {\n href: this.ebookUrl,\n onClick: () => this.emitCoverClick(),\n target: this.linkTarget,\n }\n : {};\n\n return (\n <CoverTag\n class=\"cover\"\n {...coverAttrs}\n >\n <z-book-cover\n cover={this.cover}\n fallbackCover={this.fallbackCover}\n multiple={this.hasMultipleCovers && this.variant === BookCardVariant.PORTRAIT}\n >\n <slot\n name=\"coverOverlay\"\n slot=\"coverOverlay\"\n ></slot>\n </z-book-cover>\n </CoverTag>\n );\n }\n\n private renderYear(): null \| HTMLDivElement {\n if (!this.year) {\n return null;\n }\n\n return (\n <div\n class=\"year ellipsis body-4\"\n aria-description=\"anno\"\n >\n {this.year}\n </div>\n );\n }\n\n private renderAuthors(): null \| HTMLDivElement {\n if (!this.authors) {\n return null;\n }\n\n return (\n <div class=\"cta-wrapper\">\n <div\n class=\"authors ellipsis body-4\"\n aria-description=\"autori\"\n >\n {this.authors}\n </div>\n {this.variant === BookCardVariant.LANDSCAPE ? this.renderCtaSlot() : null}\n </div>\n );\n }\n\n private renderOperaTitle(): HTMLDivElement {\n const title = this.titleHtmlTag\n ? `<${this.titleHtmlTag}>${this.operaTitle}</${this.titleHtmlTag}>`\n : this.operaTitle;\n\n const operaTitle = (\n <div\n class=\"opera-title ellipsis body-2-sb\"\n innerHTML={title}\n />\n );\n\n return (\n <div class=\"cta-wrapper\">\n {this.ebookUrl ? (\n <a\n class=\"z-link\"\n href={this.ebookUrl}\n onClick={() => this.emitTitleClick()}\n target={this.linkTarget}\n >\n {operaTitle}\n </a>\n ) : (\n operaTitle\n )}\n {this.variant === BookCardVariant.PORTRAIT ? this.renderCtaSlot() : null}\n </div>\n );\n }\n\n private renderVolumeTitle(): null \| HTMLDivElement {\n if (!this.volumeTitle) {\n return null;\n }\n\n return <div class=\"volume-title ellipsis body-4\">{this.volumeTitle}</div>;\n }\n\n private renderIsbn(): null \| HTMLDivElement {\n if (!this.isbn) {\n return null;\n }\n\n return (\n <div\n class=\"isbn ellipsis body-4-sb\"\n aria-description={`isbn ${this.isbnLabel}`}\n >\n {this.isbn} {this.isbnLabel ? <span class=\"body-4\">{this.isbnLabel}</span> : null}\n </div>\n );\n }\n\n private renderEbook(): null \| HTMLDivElement {\n if (!this.ebookUrl) {\n return null;\n }\n\n return (\n <div class=\"ebook\">\n <div class=\"app-name\">\n <img\n class=\"ebook-logo\"\n aria-hidden=\"true\"\n />\n <div class=\"body-4-sb\">laZ Ebook</div>\n </div>\n <z-button\n size={ControlSize.X_SMALL}\n href={this.ebookUrl}\n target={this.linkTarget}\n onClick={() => this.emitEbookClick()}\n htmlRole=\"link\"\n aria-description={`leggi l'ebook ${this.operaTitle} su laZ Ebook`}\n >\n leggi ebook\n </z-button>\n </div>\n );\n }\n\n private renderCtaSlot(): HTMLSlotElement {\n return <slot name=\"cta\"></slot>;\n }\n\n render(): HTMLZBookCardElement {\n return (\n <Host>\n <div class=\"main-content\">\n {this.renderCover()}\n <div class=\"card-info\">\n <div class=\"top\">\n <div>\n {this.renderYear()}\n {this.renderAuthors()}\n {this.renderOperaTitle()}\n {this.renderVolumeTitle()}\n {this.renderIsbn()}\n </div>\n <slot name=\"tags\"></slot>\n <slot name=\"data\"></slot>\n </div>\n <slot name=\"ebook\">{this.renderEbook()}</slot>\n </div>\n </div>\n <slot name=\"apps\"></slot>\n </Host>\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, ComponentInterface, Element, Event, EventEmitter, Host, Prop, h} from \"@stencil/core\";\nimport {BookCardVariant, ControlSize} from \"../../../beans\";\n\n/*\n @slot cta - Top right cta (e.g. bookmark icon)\n * @slot ebook - As default, it shows laZ ebook link\n * @slot tags - Tags section, default empty\n * @slot data - External link and pill, default empty\n * @slot apps - List of card-related apps, default empty\n * @slot coverOverlay - Content to be displayed in the `z-book-cover` component slot\n /\n@Component({\n tag: \"z-book-card\",\n styleUrls: [\"styles.css\", \"../../../tokens/typography.css\", \"../../css-components/z-link/styles.css\"],\n shadow: true,\n})\nexport class ZBookCard implements ComponentInterface {\n @Element() hostElement: HTMLZBookCardElement;\n\n /* Card variant: landscape, portrait /\n @Prop({reflect: true})\n variant: BookCardVariant = BookCardVariant.PORTRAIT;\n\n /* Cover URL /\n @Prop()\n cover: string;\n\n /* Opera title (card title) /\n @Prop()\n operaTitle: string;\n\n /* [optional] Volume title (card subvolume) /\n @Prop()\n volumeTitle?: string;\n\n /* [optional] Authors /\n @Prop()\n authors?: string;\n\n /* [optional] Main ISBN /\n @Prop()\n isbn?: string;\n\n /* [optional] ISBN label /\n @Prop()\n isbnLabel = \"\";\n\n /* [optional] year /\n @Prop()\n year?: string;\n\n /* [optional] Link to the ebook resource. Creates a link also around the cover and title. /\n @Prop()\n ebookUrl?: string;\n\n /* [optional] Value for the `target` attribute of the links created by `ebookUrl` prop. /\n @Prop()\n linkTarget = \"_blank\";\n\n /* [optional] Fallback cover URL. /\n @Prop()\n fallbackCover?: string;\n\n /\n Whether to show a stack of covers to represent multiple books.\n * Only takes effect when `variant` is `portrait`: in `landscape` it is silently ignored and no\n * cover stack is rendered, regardless of its value.\n /\n @Prop()\n hasMultipleCovers = false;\n\n /* [optional] Set a specific heading level as html tag for the title. /\n @Prop()\n titleHtmlTag?: string;\n\n /* click on ebook link /\n @Event()\n ebookClick: EventEmitter;\n\n /* click on cover link /\n @Event()\n coverClick: EventEmitter;\n\n /* click on title link */\n @Event()\n titleClick: EventEmitter;\n\n private emitEbookClick(): void {\n this.ebookClick.emit();\n }\n\n private emitCoverClick(): void {\n this.coverClick.emit();\n }\n\n private emitTitleClick(): void {\n this.titleClick.emit();\n }\n\n private renderCover(): HTMLDivElement {\n const CoverTag = this.ebookUrl ? \"a\" : \"div\";\n const coverAttrs = this.ebookUrl\n ? {\n href: this.ebookUrl,\n onClick: () => this.emitCoverClick(),\n target: this.linkTarget,\n }\n : {};\n\n return (\n <CoverTag\n class=\"cover\"\n {...coverAttrs}\n >\n <z-book-cover\n cover={this.cover}\n fallbackCover={this.fallbackCover}\n multiple={this.hasMultipleCovers && this.variant === BookCardVariant.PORTRAIT}\n >\n <slot\n name=\"coverOverlay\"\n slot=\"coverOverlay\"\n ></slot>\n </z-book-cover>\n </CoverTag>\n );\n }\n\n private renderYear(): null \| HTMLDivElement {\n if (!this.year) {\n return null;\n }\n\n return (\n <div\n class=\"year ellipsis body-4\"\n aria-description=\"anno\"\n >\n {this.year}\n </div>\n );\n }\n\n private renderAuthors(): null \| HTMLDivElement {\n if (!this.authors) {\n return null;\n }\n\n return (\n <div\n class=\"authors ellipsis body-4\"\n aria-description=\"autori\"\n >\n {this.authors}\n </div>\n );\n }\n\n private renderOperaTitle(): HTMLDivElement {\n const title = this.titleHtmlTag\n ? `<${this.titleHtmlTag}>${this.operaTitle}</${this.titleHtmlTag}>`\n : this.operaTitle;\n\n const operaTitle = (\n <div\n class=\"opera-title ellipsis body-2-sb\"\n innerHTML={title}\n />\n );\n\n if (this.ebookUrl) {\n return (\n <a\n class=\"z-link\"\n href={this.ebookUrl}\n onClick={() => this.emitTitleClick()}\n target={this.linkTarget}\n >\n {operaTitle}\n </a>\n );\n }\n\n return operaTitle;\n }\n\n private renderVolumeTitle(): null \| HTMLDivElement {\n if (!this.volumeTitle) {\n return null;\n }\n\n return <div class=\"volume-title ellipsis body-4\">{this.volumeTitle}</div>;\n }\n\n private renderIsbn(): null \| HTMLDivElement {\n if (!this.isbn) {\n return null;\n }\n\n return (\n <div\n class=\"isbn ellipsis body-4-sb\"\n aria-description={`isbn ${this.isbnLabel}`}\n >\n {this.isbn} {this.isbnLabel ? <span class=\"body-4\">{this.isbnLabel}</span> : null}\n </div>\n );\n }\n\n private renderEbook(): null \| HTMLDivElement {\n if (!this.ebookUrl) {\n return null;\n }\n\n return (\n <div class=\"ebook\">\n <div class=\"app-name\">\n <img\n class=\"ebook-logo\"\n aria-hidden=\"true\"\n />\n <div class=\"body-4-sb\">laZ Ebook</div>\n </div>\n <z-button\n size={ControlSize.X_SMALL}\n href={this.ebookUrl}\n target={this.linkTarget}\n onClick={() => this.emitEbookClick()}\n htmlRole=\"link\"\n aria-description={`leggi l'ebook ${this.operaTitle} su laZ Ebook`}\n >\n leggi ebook\n </z-button>\n </div>\n );\n }\n\n render(): HTMLZBookCardElement {\n return (\n <Host>\n <div class=\"main-content\">\n {this.renderCover()}\n <div class=\"card-info\">\n <div class=\"top\">\n <div>\n {this.renderYear()}\n {this.renderAuthors()}\n {this.renderOperaTitle()}\n {this.renderVolumeTitle()}\n {this.renderIsbn()}\n <div class=\"cta-slot\">\n <slot name=\"cta\"></slot>\n </div>\n </div>\n <slot name=\"tags\"></slot>\n <slot name=\"data\"></slot>\n </div>\n <slot name=\"ebook\">{this.renderEbook()}</slot>\n </div>\n </div>\n <slot name=\"apps\"></slot>\n </Host>\n );\n }\n}\n"]}

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

@@ -126,12 +126,6 @@
   all: unset;
 }
-.main-content .cta-wrapper {
-  display: flex;
-  justify-content: space-between;
-  gap: calc(var(--space-unit) / 2);
-}
 .main-content .card-info .top .link-chip-wrapper {
   display: flex;
   justify-content: space-between;
@@ -158,6 +152,25 @@
   content: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22 fill=%22none%22 aria-hidden=%22true%22%3E%3Cg clip-path=%22url(%23clip0_11996_224)%22%3E%3Cpath d=%22M14.6644 0.469604H5.00141C2.33305 0.469604 0.169922 2.63274 0.169922 5.3011V14.9641C0.169922 17.6324 2.33305 19.7956 5.00141 19.7956H14.6644C17.3328 19.7956 19.4959 17.6324 19.4959 14.9641V5.3011C19.4959 2.63274 17.3328 0.469604 14.6644 0.469604Z%22 fill=%22%23E2011A%22/%3E%3Cpath d=%22M15.9523 13.3536H12.7313C11.6861 13.3536 10.6683 13.6934 9.83241 14.3199C8.99657 13.6934 7.97873 13.3536 6.93352 13.3536H3.71252V5.30115H6.93352C7.97873 5.30115 8.99657 5.64096 9.83241 6.26745C10.6683 5.64096 11.6861 5.30115 12.7313 5.30115H15.9523V13.3536Z%22 fill=%22white%22/%3E%3Cpath d=%22M15.9523 14.3201H3.71252V14.9643H15.9523V14.3201Z%22 fill=%22black%22/%3E%3Cpath d=%22M8.22229 10.732V8.24543C8.22229 7.97165 8.51057 7.79449 8.75375 7.91689L11.2404 9.16019C11.5109 9.29548 11.5109 9.682 11.2404 9.81728L8.75375 11.0606C8.50896 11.183 8.22229 11.0058 8.22229 10.732Z%22 fill=%22black%22/%3E%3Cpath d=%22M4.35704 7.87826C5.42438 7.87826 6.28963 7.013 6.28963 5.94566C6.28963 4.87831 5.42438 4.01306 4.35704 4.01306C3.28969 4.01306 2.42444 4.87831 2.42444 5.94566C2.42444 7.013 3.28969 7.87826 4.35704 7.87826Z%22 fill=%22black%22/%3E%3Cpath d=%22M5.6454 5.62354H3.0686V6.26773H5.6454V5.62354Z%22 fill=%22white%22/%3E%3Cpath d=%22M4.67917 4.65723H4.03497V7.23402H4.67917V4.65723Z%22 fill=%22white%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%22clip0_11996_224%22%3E%3Crect width=%2219.326%22 height=%2219.326%22 fill=%22white%22 transform=%22translate(0.169922 0.469604)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
 }
+/* The CTA slot comes after all book metadata in the DOM so screen readers announce
+   author, title, volume and ISBN before the action, while the grid keeps the CTA in
+   its visual position: top-right for landscape, beside the title for portrait. */
+.main-content .card-info .top > div {
+  display: grid;
+  column-gap: calc(var(--space-unit) / 2);
+  grid-template-columns: 1fr auto;
+}
+.main-content .card-info .top > div > * {
+  grid-column: 1;
+}
+.main-content .card-info .top > div > .cta-slot {
+  align-self: start;
+  grid-column: 2;
+  grid-row: 1;
+}
 :host([variant="landscape"]) {
   width: 635px;
   min-height: max(332px, 20.75rem);
@@ -180,6 +193,17 @@
   gap: calc(var(--space-unit) / 2);
 }
+/* In portrait the CTA sits beside the title, whose grid row shifts down when the
+   optional year and authors rows are rendered before it. */
+:host([variant="portrait"]) .main-content .card-info .top > div > .year ~ .cta-slot,
+:host([variant="portrait"]) .main-content .card-info .top > div > .authors ~ .cta-slot {
+  grid-row: 2;
+}
+:host([variant="portrait"]) .main-content .card-info .top > div > .year ~ .authors ~ .cta-slot {
+  grid-row: 3;
+}
 @media (max-width: 767px) {
   :host([variant="portrait"]) {
     width: 100%;

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

@@ -20,7 +20,7 @@ export class ZBookCardApp {
         return null;
     }
     render() {
-        return (h("div", { key: 'fce744f158319d3fb1564c75410098d042490579' }, h("a", { key: '9120ac9d00ffb3e4a638511ceb4ab4548ffeb556', 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: '9040bf4ba19a5f7627b7e5a317c814487bde3680', src: this.logo, alt: "" })), h("div", { key: 'aca3d44fb28ac31619357bcea89b36622f83cfc7', class: "name body-4-sb" }, this.renderLaz(), this.name)), this.info && (h("z-info-reveal", { key: 'b2f680fa53efcf6d2c44c4e4c273fb1f5bcffbec', icon: "info", size: ControlSize.X_SMALL, position: InfoRevealPosition.TOP_RIGHT, class: "info body-5" }, h("div", { key: '3171a9a277d1e7c09940f7dcb07e6ff3780a8071' }, this.info))), h("a", { key: '2b8b5e66b9184a075c7e6184ef48d63fe52f487c', 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: '19ee937a556f68ad1276eab43e4a35c46f4e87bd', name: "chevron-right", fill: "color-primary01-icon" }))));
+        return (h("div", { key: 'df6e36ce560d19caa7909a140c155626ba3b075c' }, h("a", { key: '43a40f7e69352ce0599ade0fb2385876c6d67fb8', 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: '42ecf20e3054786b1de8eb89fae35f9a0381a6cd', src: this.logo, alt: "" })), h("div", { key: '880f4dbfa603f437da2f6d8ff6c6f2c4651d5e35', class: "name body-4-sb" }, this.renderLaz(), this.name)), this.info && (h("z-info-reveal", { key: '1ba30f89e8b53ca4c58d91e2d717d2bf0c17a897', icon: "info", size: ControlSize.X_SMALL, position: InfoRevealPosition.TOP_RIGHT, class: "info body-5" }, h("div", { key: '8934cd2b015dc745028a388a60508120a0beeb7a' }, this.info))), h("a", { key: '4a1c5b0f3c595ae28a22fde9556965d287ea1f9c', 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: 'ca0eb78d1f7cb4a07cce7d8aa3a3c46dde19e00b', name: "chevron-right", fill: "color-primary01-icon" }))));
     }
     static get is() { return "z-book-card-app"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/date-picker/z-date-picker/index.js CHANGED Viewed

@@ -170,7 +170,7 @@ export class ZDatePicker {
             } })));
     }
     render() {
-        return (h("div", { key: 'a9e009476e255e0b7d08713e13f05f344d38b82b', class: {
+        return (h("div", { key: '9f272154dbb8e08907d661ec99ba232a8903818f', class: {
                 "flatpickr-toggle-container": true,
                 [this.flatpickrPosition]: true,
                 [this.mode]: true,

package/dist/collection/components/date-picker/z-range-picker/index.js CHANGED Viewed

@@ -337,14 +337,14 @@ export class ZRangePicker {
             onStopTyping: this.onStopTyping.bind(this),
             value: "",
         };
-        return (h("div", { key: '4523d5064162ea6984b0c64dd4035f81b6908e7c', class: {
+        return (h("div", { key: 'fa7241109320cb88fa79df02971637766dba8e49', class: {
                 ["range-pickers-container"]: true,
                 [this.mode]: true,
                 [this.activeInput]: true,
                 [this.flatpickrPosition]: true,
-            } }, h("div", { key: 'f7072a89e4cca123a3b89a01f2b45c06477241c2', class: `${this.rangePickerId}-1-wrapper` }, h("div", { key: 'd9e2e55356671cfd1b266b14a054d15fbb0af64c', class: `${this.rangePickerId}-1-container` }, h("z-input", Object.assign({ key: 'acfca5557a45a205f7c6835c6d51faf43f926153' }, zInputProps, { placeholder: this.firstPickerPlaceholder, readonly: this.firstPickerReadOnly, "data-input": "data-input", class: `start-input ${this.rangePickerId}-1`, ariaLabel: this.firstAriaLabel, label: this.firstLabel, status: this.firstInputError && InputStatus.ERROR, onStartTyping: () => {
+            } }, h("div", { key: '3d8d7990ea5da6a605383a66ad70e29f5cc7dda2', class: `${this.rangePickerId}-1-wrapper` }, h("div", { key: 'd2a16543b850c6d8ad83c229157cf86e006192bd', class: `${this.rangePickerId}-1-container` }, h("z-input", Object.assign({ key: '9b130929755ff282cecc69a1809965c06e374de3' }, zInputProps, { placeholder: this.firstPickerPlaceholder, readonly: this.firstPickerReadOnly, "data-input": "data-input", class: `start-input ${this.rangePickerId}-1`, ariaLabel: this.firstAriaLabel, label: this.firstLabel, status: this.firstInputError && InputStatus.ERROR, onStartTyping: () => {
                 this.firstInputError = false;
-            } })))), h("div", { key: 'd416470bfc3792ed75819358bc2e184afb2f513e', class: `${this.rangePickerId}-2-wrapper` }, h("div", { key: '7479622363768dc67c8d21ed1671938bb8595274', class: `${this.rangePickerId}-2-container` }, h("z-input", Object.assign({ key: '2cb2232b8abf95ba126034956ef3d183d7b193aa' }, zInputProps, { placeholder: this.lastPickerPlaceholder, readonly: this.lastPickerReadOnly, "data-input": "data-input", class: `end-input ${this.rangePickerId}-2`, ariaLabel: this.secondAriaLabel, label: this.secondLabel, status: this.lastInputError && InputStatus.ERROR, onStartTyping: () => {
+            } })))), h("div", { key: 'cc4aba8fccc21bf025d45df37c50952efb69406e', class: `${this.rangePickerId}-2-wrapper` }, h("div", { key: '2536ab861e8322ee43f0a94b7cb2a7fb45069249', class: `${this.rangePickerId}-2-container` }, h("z-input", Object.assign({ key: 'c9d5df59beb159efd5036d1e4f65f4791ff78809' }, zInputProps, { placeholder: this.lastPickerPlaceholder, readonly: this.lastPickerReadOnly, "data-input": "data-input", class: `end-input ${this.rangePickerId}-2`, ariaLabel: this.secondAriaLabel, label: this.secondLabel, status: this.lastInputError && InputStatus.ERROR, onStartTyping: () => {
                 this.lastInputError = false;
             } }))))));
     }

package/dist/collection/components/deprecated/table/cells/z-td/index.js CHANGED Viewed

@@ -42,7 +42,7 @@ export class ZTd {
         this.updateColspan();
     }
     render() {
-        return (h(Host, { key: '4ea61b4c4d2e924b925e7b8f579e6827e0ee22c8', role: "cell", "menu-open": this.isMenuOpen }, h("div", { key: '98db4baee9fbf028c36f201b1fca8959bf955eb8', class: "cell--content" }, h("slot", { key: '633725c94623d66b2e4c2820bfb0453d500b6ac6' }), this.showMenu && (h("div", { key: '61f2fb0cc589bc32acd0e51b7ddae92be78d18f0', class: "cell--menu-container prevent-expand" }, h("z-button", { key: '86132a5a7762b97d0646071d54339930269d1ce3', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), h("z-popover", { key: 'bf2d2b8f0114562d49cd4a88b895b2b9dca22389', class: "cell-popover", ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: 'f3512195bf82945f0fca0ca3c3c389d04b5d98c0', name: "contextual-menu" })))))));
+        return (h(Host, { key: '6f49c2168c28a2acd1eb77401b6664a909770330', role: "cell", "menu-open": this.isMenuOpen }, h("div", { key: 'dca80731605efa309f88f6c4e5b3e05fc1b6f2d8', class: "cell--content" }, h("slot", { key: '980d81d5d5296f41f535488dcad732e5d5eb58ce' }), this.showMenu && (h("div", { key: 'f58e65a67d7a897be2bcbec22b50b8efb4d82995', class: "cell--menu-container prevent-expand" }, h("z-button", { key: '3d701ae5ba5af6372fad70bc0582a46ac48b75c2', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), h("z-popover", { key: '5d5f94967a72ffdb7384c071d965e90abfb8ea0b', class: "cell-popover", ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: 'fef55973f37e93062c6e3229fdbdd5311d0f2920', name: "contextual-menu" })))))));
     }
     static get is() { return "z-td"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/table/cells/z-th/index.js CHANGED Viewed

@@ -70,7 +70,7 @@ export class ZTh {
         this.updateColspan();
     }
     render() {
-        return (h(Host, { key: 'd677564cf6d2351a9188098d58b98e4bf9ffbf9e', role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection, sortable: this.showSorting }, h("div", { key: '267fd4a41682a6a1475ba74739ff148957dc6626', class: "cell--content" }, h("slot", { key: 'a77588e6dd5645f6b384a7564a06cffae72bed4e' }), this.showSorting && (h("button", { key: '8a565667e7bdbd223d38efe7be5128c69947577c', class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, h("z-icon", { key: 'a527e6e217f5cbabf1baac1c292111ab406aa792', name: this.sortDirection === SortDirection.DESC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (h("div", { key: '396eb46a6aa10d47419cd437412ce69d797f2047', class: "cell--menu-container" }, h("z-button", { key: '6e014d9922c15041950772ee0c377b9f31d4d743', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), h("z-popover", { key: '11a7861d3151f616c9d9761709611bac37a02ec6', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: '99545a1fb846906941ce882d6f21676de1fa7fb2', name: "contextual-menu" })))))));
+        return (h(Host, { key: 'db3a788009481e7bf625db4787850ddfc9b65203', role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection, sortable: this.showSorting }, h("div", { key: 'b9e3d66c8b74bd054257deccf64575bad12166b4', class: "cell--content" }, h("slot", { key: 'b9297277121a0798491644ca9e7fd86e99766975' }), this.showSorting && (h("button", { key: 'e2fa7f525d8138c95540ce5216e7d0df9fecdfd4', class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, h("z-icon", { key: '3c8b5d576386da794abdbc4ea48e9d9bab2ad1c9', name: this.sortDirection === SortDirection.DESC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (h("div", { key: '38a8b3f1cd7dd75c90953179c8527484f2c17fc7', class: "cell--menu-container" }, h("z-button", { key: 'f5ce6e168efba6c456a6fedad8a0103e37130d13', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), h("z-popover", { key: 'c989b847fa08f6b9f7a87a645c52a1163191b406', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: 'aac102b6bbc90923ce404a1b6499cf58c7277a00', name: "contextual-menu" })))))));
     }
     static get is() { return "z-th"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/table/z-table/index.js CHANGED Viewed

@@ -41,7 +41,7 @@ export class ZTable {
         (_a = this.expandableMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (h(Host, { key: '07719fd45b5b0cc2e5d5798f397048b4e233ce88', expandable: this.expandable }, h("div", { key: 'f333241ac885ebdaeed659b2aeb1f6af811fa0ec', class: "table", role: "table" }, h("slot", { key: 'e9072d50375eb35757b393ec5a843459dafd4cc2' }))));
+        return (h(Host, { key: '2accba3d35c252853a9b19b15528855070165077', expandable: this.expandable }, h("div", { key: 'bdd3382b246e669c8600d116cda8a6ebc11f530d', class: "table", role: "table" }, h("slot", { key: 'c3cbdb04a91f0cd4301d8ba73578878864e0c3a1' }))));
     }
     static get is() { return "z-table"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/table/z-tbody/index.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { Host, h } from "@stencil/core";
  */
 export class ZTbody {
     render() {
-        return (h(Host, { key: '5dab686ef543637640d464ad532250d642f73508', role: "rowgroup" }, h("slot", { key: '36c4272ae7ba5eee71ffc682ca0d086c1a6cdc07' })));
+        return (h(Host, { key: '9cae384882eb06e5e0ec93393ac6849e22da48c5', role: "rowgroup" }, h("slot", { key: '64c4e7e784638e3f7319783429b29f1e2a38b584' })));
     }
     static get is() { return "z-tbody"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/table/z-tfoot/index.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class ZTfoot {
         this.sticky = false;
     }
     render() {
-        return (h(Host, { key: 'a5e96868b6f2f28cd25fe134b8346f0f9d800de1', role: "rowgroup", tabIndex: -1 }, h("slot", { key: 'bbb1478d0fdd700bf4e9601eb7d008f54ff02cb3' })));
+        return (h(Host, { key: '760c32f2385aff5e84785bc1415b5cf29fd063da', role: "rowgroup", tabIndex: -1 }, h("slot", { key: 'c36cf634b18c1216cfc6f31abe07b53600305737' })));
     }
     static get is() { return "z-tfoot"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/table/z-thead/index.js CHANGED Viewed

@@ -15,7 +15,7 @@ export class ZThead {
         this.isFocusable = false;
     }
     render() {
-        return (h(Host, { key: '7344ed54861bf06e14d98898db49edb576668e9b', role: "rowgroup", tabIndex: this.isFocusable ? 0 : -1 }, h("slot", { key: '72be057fd58c9da5280dee692324cb5192865dba' })));
+        return (h(Host, { key: 'daa59cf6627acea2cbd48f1b56910a22146f90f3', role: "rowgroup", tabIndex: this.isFocusable ? 0 : -1 }, h("slot", { key: 'ba7897a89465398dff471d7eb9d7a0d276599269' })));
     }
     static get is() { return "z-thead"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/table/z-tr/index.js CHANGED Viewed

@@ -65,7 +65,7 @@ export class ZTr {
         this.updateColumns();
     }
     render() {
-        return (h(Host, { key: '158f25d1746e340981e4facebe0f7dfd2106222a', role: "row", tabIndex: this.expandable ? 0 : undefined, expanded: this.expanded, onClick: this.onRowClick.bind(this), onKeyDown: this.onKeyDown.bind(this) }, h("div", { key: '140ddc0aac009e9e254b5ee281e292dc19326527', class: "z-tr--focus-overlay", "aria-hidden": "true" }), h("div", { key: '8e5b3d3e72cfe09c1ee4f54ffab8805e0e83021c', class: "z-tr--expand-button-container" }, this.expandable && (h("button", { key: 'bd724740ff19d508d33527dbc657b932f73f4421', tabIndex: -1, "aria-expanded": this.expanded ? "true" : "false", "aria-label": this.expanded ? "Comprimi riga" : "Espandi riga", "aria-controls": this.expandableContentId, type: "button" }, h("z-icon", { key: 'd88a988e00c240b85806e9d0ea8d090cb404fab4', name: this.expanded ? "minus-circled" : "plus-circled" })))), h("slot", { key: '83cada789cfd416d9c2062ede5c10b49ac56ae56', onSlotchange: this.updateColumns.bind(this) })));
+        return (h(Host, { key: '80423ab104796d4bc50e3dbeafd26a417a41594e', role: "row", tabIndex: this.expandable ? 0 : undefined, expanded: this.expanded, onClick: this.onRowClick.bind(this), onKeyDown: this.onKeyDown.bind(this) }, h("div", { key: 'd0ec5fa359865b1eb486d21a478f82b61a10bf18', class: "z-tr--focus-overlay", "aria-hidden": "true" }), h("div", { key: 'e1f4114f91e1ff59c0ff4b4880b74bceb1702cba', class: "z-tr--expand-button-container" }, this.expandable && (h("button", { key: 'bef3c43e06a20de50f2aacf88b6c80fc4822403a', tabIndex: -1, "aria-expanded": this.expanded ? "true" : "false", "aria-label": this.expanded ? "Comprimi riga" : "Espandi riga", "aria-controls": this.expandableContentId, type: "button" }, h("z-icon", { key: '803c8640aacbd34ba3de287f519d934cb9d974ca', name: this.expanded ? "minus-circled" : "plus-circled" })))), h("slot", { key: 'bf8e10753f600ad984a06a710d19680e52507ab2', onSlotchange: this.updateColumns.bind(this) })));
     }
     static get is() { return "z-tr"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/file-upload/z-dragdrop-area/index.js CHANGED Viewed

@@ -12,12 +12,12 @@ export class ZDragdropArea {
         }
     }
     render() {
-        return (h(Host, { key: '66f5fb3bcc31650e3d290af5ab076988238c4a4d', class: { dragover: this.dragging }, onDragOver: (e) => {
+        return (h(Host, { key: '82abca2596010f327e84e26f467f97335530bf6a', class: { dragover: this.dragging }, onDragOver: (e) => {
                 e.preventDefault();
                 this.dragging = true;
             }, onDragLeave: () => {
                 this.dragging = false;
-            }, onDrop: this.onDrop.bind(this) }, h("div", { key: 'e5cdaacb8a2083d4b20203b5722a99e0fd8abd5b', class: "dragover-container" }, h("z-button", { key: '59c8a32ac1df38991840b53cbf5dcaf0ca687e9c' }, this.dragAndDropLabel)), h("slot", { key: 'f9e8745147fdd87c620c3ad5037b401abdf42e2d' })));
+            }, onDrop: this.onDrop.bind(this) }, h("div", { key: '4cbbe1e986341df2960c366019a0d952fdcf011f', class: "dragover-container" }, h("z-button", { key: 'e5dfdbc943876a9f618083594d1f4f148a084052' }, this.dragAndDropLabel)), h("slot", { key: '87b3bbaa60996d169f7e220da1c3306de5237357' })));
     }
     static get is() { return "z-dragdrop-area"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/file-upload/z-file/index.js CHANGED Viewed

@@ -30,7 +30,7 @@ export class ZFile {
         return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
     }
     render() {
-        return (h(Host, { key: '28f55431def45d56efe917e949de7dedc05a7989' }, this.allowPopover && (h("z-popover", { key: '80116f0fa1b80d746fe957ab3aa88495684c6592', open: this.popoverVisible, position: PopoverPosition.AUTO, bindTo: this.chip }, h("span", { key: 'aefa6fcad0a69e109e5215154b839b0e07d34f99', class: "body-5 tooltip-content" }, this.ellipsis.innerText))), h("z-chip", { key: 'd29cda7f421bd066b5082a1ff7999a6eae3a09f2', ref: (el) => (this.chip = el), id: `chip-${this.fileNumber}`, interactiveIcon: "multiply-circled", type: ZChipType.DEFAULT }, h("span", { key: '8a57b7285f555807923aee45b9651965bae4254d', ref: (el) => (this.ellipsis = el), tabIndex: -1 }, this.fileName))));
+        return (h(Host, { key: '0ea8fc72fc1e2bb96439e4a3d3074f140fafbdca' }, this.allowPopover && (h("z-popover", { key: '3c1408c93d61d6afaf69ef5b10294beaea3a572f', open: this.popoverVisible, position: PopoverPosition.AUTO, bindTo: this.chip }, h("span", { key: '8a13796d5fdd792fa8da51b81363fd4c11072edd', class: "body-5 tooltip-content" }, this.ellipsis.innerText))), h("z-chip", { key: '76a5d9cdc0932dbf9269e83d6f94950f5a459397', ref: (el) => (this.chip = el), id: `chip-${this.fileNumber}`, interactiveIcon: "multiply-circled", type: ZChipType.DEFAULT }, h("span", { key: '75a118f774dbca2867629be4b437e18c1ebad1ba', ref: (el) => (this.ellipsis = el), tabIndex: -1 }, this.fileName))));
     }
     static get is() { return "z-file"; }
     static get encapsulation() { return "scoped"; }

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

@@ -26,7 +26,7 @@ export class ZList {
         });
     }
     render() {
-        return (h(Host, { key: 'aeaf7ef699223b8f5da68f49d8eb6ea5ea5cebb1', role: this.htmlRole }, h("slot", { key: '942882c5e4f03ef9dd64ec255b4cd8b8c5c2c107' })));
+        return (h(Host, { key: '98a78ca75d510f3a1d804bbb2e2fc33d815b74b1', role: this.htmlRole }, h("slot", { key: '6bfc24a0ed5dfc13cffc47eb20ad4475ba598c20' })));
     }
     static get is() { return "z-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/list/z-list-element/index.js CHANGED Viewed

@@ -153,7 +153,7 @@ export class ZListElement {
         }
     }
     render() {
-        return (h(Host, { key: '08ed403eb2e275906b9cce38cd09d8ad26683efc', "aria-expanded": this.expandable ? this.showInnerContent : null, onClick: this.handleClick, onFocus: () => this.ariaDescendantFocus.emit(this.listElementId), onKeyDown: this.handleKeyDown, clickable: this.clickable && !this.disabled, tabIndex: this.hasTreeItems ? undefined : this.htmlTabindex, role: this.hasTreeItems ? "none" : this.htmlRole }, h("div", { key: '64c3b6826652d98b557f32098ab87b3eccabed93', class: this.hasTreeItems ? "tree-element-container" : "container", style: !this.disabled && { color: `var(--${this.color})` }, tabindex: "-1", id: `z-list-element-id-${this.listElementId}`, part: "list-item-container" }, h("div", { key: '222187f25d69dd2fb6128ce6a0c5c81dd6a05b31', class: "z-list-element-container" }, this.renderExpandableButton(), this.renderContent()), this.renderExpandedContent()), this.dividerType === ListDividerType.ELEMENT && (h("z-divider", { key: '1ff298c5fc086f1e303194b69de2324e5448508f', class: { "z-tree-list-divider": this.hasTreeItems }, color: this.dividerColor, size: this.dividerSize }))));
+        return (h(Host, { key: '6309a4608286747636c1bc81a1783e31224b0ce7', "aria-expanded": this.expandable ? this.showInnerContent : null, onClick: this.handleClick, onFocus: () => this.ariaDescendantFocus.emit(this.listElementId), onKeyDown: this.handleKeyDown, clickable: this.clickable && !this.disabled, tabIndex: this.hasTreeItems ? undefined : this.htmlTabindex, role: this.hasTreeItems ? "none" : this.htmlRole }, h("div", { key: '362e834bcc4b561e9a90c74bb41a3dcd3bf4c3ad', class: this.hasTreeItems ? "tree-element-container" : "container", style: !this.disabled && { color: `var(--${this.color})` }, tabindex: "-1", id: `z-list-element-id-${this.listElementId}`, part: "list-item-container" }, h("div", { key: '9b4bc30d2200b4eb3c9da3030acef0222c690734', class: "z-list-element-container" }, this.renderExpandableButton(), this.renderContent()), this.renderExpandedContent()), this.dividerType === ListDividerType.ELEMENT && (h("z-divider", { key: '09a6e380faaefce03873bc1976bec917c60fd9b9', class: { "z-tree-list-divider": this.hasTreeItems }, color: this.dividerColor, size: this.dividerSize }))));
     }
     static get is() { return "z-list-element"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/list/z-list-group/index.js CHANGED Viewed

@@ -45,11 +45,11 @@ export class ZListGroup {
         this.hasHeader = !!this.host.querySelector('[slot="header-title"]');
     }
     render() {
-        return (h(Host, { key: '6c87868fe2ef8cb8cba06bea94d4eaca25c3f0e7', role: this.htmlRole }, h("div", { key: 'bf277438554dd56b141040c8af5e2171eeedfdb7', class: {
+        return (h(Host, { key: '2c550cf5604ca7c80621970c7b9046b81aee0826', role: this.htmlRole }, h("div", { key: '7042a6519c28bfa39a1914ddadb811a1e8469fcf', class: {
                 "z-list-group-header-container": true,
                 "has-header": this.hasHeader && !this.hasTreeItems,
                 "grouped-tree-list-header": this.hasTreeItems,
-            } }, h("slot", { key: 'c3bf82239b5f0418e10bffbc4e1e26e4c3172dab', name: "header-title" }), this.dividerType === ListDividerType.HEADER && (h("z-divider", { key: '7127f3a0d6f501f305431d57068da428ccf8b90b', color: this.dividerColor, size: this.dividerSize }))), h("slot", { key: '7dfc72c7992c5f28fce1a204ebabfa2a012b7708' })));
+            } }, h("slot", { key: 'fe5be90d287663bcdf69a6763012d9a364a7ff50', name: "header-title" }), this.dividerType === ListDividerType.HEADER && (h("z-divider", { key: '0717918b0003188cfef8e35de12ba54f79b43bc3', color: this.dividerColor, size: this.dividerSize }))), h("slot", { key: 'd4362b569458fad45835fae90d29f294baea0f75' })));
     }
     static get is() { return "z-list-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/list/z-tree-list/index.js CHANGED Viewed

@@ -93,7 +93,7 @@ export class ZTreeList {
     }
     render() {
         const hasClickableItems = this.parsedItems.some((item) => !!item.url);
-        return (h(Host, { key: 'd4f93f20f84ac193c4b291b0cc16d4a0e6838d49', class: "tree-list", role: hasClickableItems ? "navigation" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-labelledby": this.htmlAriaLabelledby }, h("div", { key: '4d0f11bb82855843beabb2eb0ddaa30ca39d8524', tabIndex: -1, role: hasClickableItems ? "tree" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-label": this.htmlSectionTitle }, this.parsedItems.map((item, key) => this.renderTreeList(item, `${key}`)))));
+        return (h(Host, { key: '8bc473fe54ef8e0cea9e2deeb85cc798a9201482', class: "tree-list", role: hasClickableItems ? "navigation" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-labelledby": this.htmlAriaLabelledby }, h("div", { key: 'da18ff5c34d384aa37ef1edbdb242a3f572f471b', tabIndex: -1, role: hasClickableItems ? "tree" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-label": this.htmlSectionTitle }, this.parsedItems.map((item, key) => this.renderTreeList(item, `${key}`)))));
     }
     static get is() { return "z-tree-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -63,7 +63,7 @@ export class ZAccordion {
         this.checkSlottedTags();
     }
     render() {
-        return (h("details", { key: '9dbc24c1558cb8dd8278224d4721a173dc6050f3', ref: (elm) => (this.detailsElm = elm), onToggle: this.onDetailsToggle.bind(this), open: this.open }, h("summary", { key: '191e306e811898c6e199664af41746a7f7fc6885', tabIndex: this.isDisabled ? -1 : null, part: "summary" }, this.icon && (h("z-icon", { key: '8562f6af8717ec125a8be1def19816c67437a3d0', class: "z-accordion-label-icon", name: this.icon })), h("span", { key: '0a863e554c09d43fe7c778fb15266232c45e5c8c', class: "z-accordion-label" }, this.label), this.hasSlottedTags && (h("span", { key: 'ec62cf2331385b745e9abde47b763c4f76291cc7', class: "z-accordion-tags" }, h("slot", { key: 'f4e709e2eeb465595e96fe24b4a0bda02f6eaa84', name: "tag", onSlotchange: () => this.checkSlottedTags() }))), h("z-icon", { key: 'dec4e49f0d1fee8f59d38b9d97f98aad3affd8aa', class: "z-accordion-chevron", name: this.open ? "chevron-up" : "chevron-down" })), !this.isDisabled && (h("div", { key: '21a60ab43db780e601d886f6d7ab3a63e2e102a8', class: "z-accordion-content", part: "content" }, h("slot", { key: '8a43604d836c04288661b83fc479cec799143cfc' })))));
+        return (h("details", { key: '343e80da7b2d5d3e0a8928eac232c7fe74978c70', ref: (elm) => (this.detailsElm = elm), onToggle: this.onDetailsToggle.bind(this), open: this.open }, h("summary", { key: '405a4cbf6bc51db034ee78af9441f4e5b4702441', tabIndex: this.isDisabled ? -1 : null, part: "summary" }, this.icon && (h("z-icon", { key: '65cc760624c249b2bb1edb3a717f055c0c1580c8', class: "z-accordion-label-icon", name: this.icon })), h("span", { key: '0f6e2bbf5a34de3b926896b5ab3a876c436a8b8b', class: "z-accordion-label" }, this.label), this.hasSlottedTags && (h("span", { key: '54e5c4cad8217cbe41c4869af2b6ae7f973ec8ba', class: "z-accordion-tags" }, h("slot", { key: '8460e87ed7cc4fc77149b024be0d74b7f744e042', name: "tag", onSlotchange: () => this.checkSlottedTags() }))), h("z-icon", { key: '472e3ade3c1931ebc8ccf08c2be93d4159580c82', class: "z-accordion-chevron", name: this.open ? "chevron-up" : "chevron-down" })), !this.isDisabled && (h("div", { key: '9324498fbfc6c99841580e9f504c3a825438849b', class: "z-accordion-content", part: "content" }, h("slot", { key: 'c276b70da9ea8692479b3eda272aa0cd36edafec' })))));
     }
     static get is() { return "z-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/z-anchor-navigation/index.js CHANGED Viewed

@@ -71,7 +71,7 @@ export class ZAnchorNavigation {
         window.removeEventListener("hashchange", this.setCurrent);
     }
     render() {
-        return (h(Host, { key: '89751109cccb5d8bef38667bbfdfdc28e1a1febf', collapsed: this.collapsed, class: "z-scrollbar" }, h("z-button", { key: '2b5cbb4358af217a87d52c52a24326c316dbc56b', class: "toggle", size: ControlSize.SMALL, variant: ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, this.collapsedLabel), h("nav", { key: '3f5560712a71aaa112b1258b2177efcbb260487d', ref: (el) => (this.nav = el) }, h("slot", { key: 'da9a478eb5667533ffc14e3ea7f4c28aba30218a' }))));
+        return (h(Host, { key: '011b87db007cf01c52321e35439e10331efbc792', collapsed: this.collapsed, class: "z-scrollbar" }, h("z-button", { key: '29af3c3ba5b6706aebb7ac269a4004a98d3f0dd9', class: "toggle", size: ControlSize.SMALL, variant: ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, this.collapsedLabel), h("nav", { key: 'a6f0dd31673d81f822cd65ad024434f58a1e1fa3', ref: (el) => (this.nav = el) }, h("slot", { key: '8488115014b8e3d1a81930c9dedf8dce1d08975e' }))));
     }
     static get is() { return "z-anchor-navigation"; }
     static get originalStyleUrls() {

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

@@ -192,7 +192,12 @@ export class ZAppHeader {
         if (this.searchPageUrl && (this.isMobile || this.isTablet)) {
             return (h("z-button", { class: "search-page-button", variant: ButtonVariant.SECONDARY, href: this.searchPageUrl, icon: "search", size: ControlSize.X_SMALL }));
         }
-        return (h("z-searchbar", { class: { "has-label": !!this.searchLabel }, value: this.searchString, placeholder: this.searchPlaceholder, label: this.searchLabel, showSearchButton: true, searchButtonIconOnly: this.isMobile || this.isTablet, searchButtonLabel: this.isMobile || this.isTablet ? undefined : this.searchButtonLabel, size: ControlSize.X_SMALL, variant: ButtonVariant.SECONDARY, preventSubmit: this.searchString.length < 3, onSearchTyping: (e) => (this.searchString = e.detail) }));
+        return (h("z-searchbar", { value: this.searchString, placeholder: this.searchPlaceholder, htmlAriaLabel: this.searchLabel, showSearchButton: true, searchButtonIconOnly: this.isMobile || this.isTablet, searchButtonLabel: this.isMobile || this.isTablet ? undefined : this.searchButtonLabel, size: ControlSize.X_SMALL, variant: ButtonVariant.SECONDARY, preventSubmit: this.searchString.length < 3, onSearchTyping: (e) => (this.searchString = e.detail) }));
+    }
+    renderSearchLabel() {
+        if (this.searchLabel && !this.isMobile && !this.isTablet && !this.enableOffcanvas) {
+            return h("label", { class: "z-label" }, this.searchLabel);
+        }
     }
     renderProductLogos() {
         return (h(Fragment, null, this.enableZLogo && (h("span", { class: "z-logo" }, h("img", { alt: "Logo Zanichelli" }))), this.hostElement.querySelector("[slot='product-logo']") && (h("span", { class: "product-logo" }, h("slot", { name: "product-logo" })))));
@@ -272,9 +277,15 @@ export class ZAppHeader {
         var _a;
         (_a = this.menuResizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
+    renderTopSubtitle() {
+        if (!this.hasSlot("top-subtitle") || (this.enableSearch && this.isMobile)) {
+            return;
+        }
+        return (h("div", { class: { "top-subtitle": true, "has-product-logo": this.hasSlot("product-logo") } }, h("slot", { name: "top-subtitle" })));
+    }
     render() {
         const hasTopSubtitle = this.hasSlot("top-subtitle");
-        return (h(Host, { key: 'a464234ec0ce538282727aa83c43d30b5ea23ffa', "menu-length": this.menuLength }, h("div", { key: '0f41b7571c5e1acf4298910ab415ca986616a40e', class: { "heading-panel": true, "has-menubar": this.menuLength > 0 && !this.enableOffcanvas }, ref: (el) => (this.container = el) }, h("div", { key: '9b9d45789be83c2db23e035a72b60cd4910b68b2', class: { "heading-container": true, "has-top-subtitle": hasTopSubtitle } }, ((!this.enableSearch && this.isMobile) || !this.isMobile) && (h("div", { key: 'bd1196659bc19936603de3994011b82ea7649147', class: { "top-subtitle": true, "has-product-logo": hasTopSubtitle && this.hasSlot("product-logo") } }, h("slot", { key: '5d50957c5b91c138ad21efb849fdd371e93057ae', name: "top-subtitle" }))), h("div", { key: '47a21fe5a5b508fe23cf4e185813743e8dce0fab', class: "heading-title" }, h("slot", { key: '1c027312231d68cb2ebc625b6aeed177d2e22cf4', name: "menu-button" }, this.renderMenuButton()), !this._stuck && this.renderProductLogos(), h("slot", { key: '6917fa59229dc3d80b5c3ca472bd14b671be9e27', name: "title" }), this.enableSearch && !this.isMobile && this.renderSeachbar()), this.enableSearch && this.isMobile && this.renderSeachbar()), h("nav", { key: 'e3ac84ff0933a8955fa7433f8ea0ae94e5eec080', class: "menu-container", "aria-label": this.title || undefined }, this.canShowMenu && (h("div", { key: '1f3461f8b2b99d8515774265c07ddcb850ed7757', role: "menubar", "aria-label": this.title || undefined }, h("slot", { key: 'eda425c16602287225554fcca0c65661b46e0366', name: "menu", onSlotchange: this.collectMenuElements }))))), this.renderOffcanvas(), this._stuck && this.renderStuck()));
+        return (h(Host, { key: 'b2b9e7ca77504392b37f3d77b1266df7818cb0cf', "menu-length": this.menuLength }, h("div", { key: '9e6b112e27f30445a34f1adbe4287ab226421de0', class: { "heading-panel": true, "has-menubar": this.menuLength > 0 && !this.enableOffcanvas }, ref: (el) => (this.container = el) }, h("div", { key: '44c38afdf95c506ba2d1241b88f86fe9ed2113b7', class: { "heading-container": true, "has-top-subtitle": hasTopSubtitle } }, h("div", { key: 'c061f870b799b52b089be972709793ab471a3d98', class: "heading-block" }, h("div", { key: '77b4f385458a41751e6d2363d9c07aa19e3888fc', class: "heading-title" }, h("slot", { key: 'eff35b8f35ee97e91dbcc24acc87a28f0b3268d9', name: "menu-button" }, this.renderMenuButton()), !this._stuck && this.renderProductLogos(), h("div", { key: '9db36b58de99fe7e08d50e81c6483705108f2975', class: "title-container" }, !this.isMobile && this.renderTopSubtitle(), h("slot", { key: 'c6b537b48e4486a1ddc5f5dae27639f91d71ac0b', name: "title" })), h("div", { key: '416324b5ea6f9a6a3f27212d02710a70953ff0d7', class: "search-slot" }, this.renderSearchLabel(), this.enableSearch && !this.isMobile && this.renderSeachbar())), this.isMobile && this.renderTopSubtitle()), this.enableSearch && this.isMobile && this.renderSeachbar()), h("nav", { key: 'c7019897ca741018b24fa29bb9bd2e01c20f3de5', class: "menu-container", "aria-label": this.title || undefined }, this.canShowMenu && (h("div", { key: '77c54b43e038bc4f79d213934303801be87ff0ff', role: "menubar", "aria-label": this.title || undefined }, h("slot", { key: 'bde1fc4c59b536c7cee2acd2177c8f8f3615ffe0', name: "menu", onSlotchange: this.collectMenuElements }))))), this.renderOffcanvas(), this._stuck && this.renderStuck()));
     }
     static get is() { return "z-app-header"; }
     static get encapsulation() { return "shadow"; }