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

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

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

package/dist/cjs/{index-c175c82a.js → index-0b5e5c05.js} RENAMED Viewed

@@ -53,7 +53,7 @@ const ZTh = class {
         this.updateColspan();
     }
     render() {
-        return (index.h(index.Host, { key: 'e7efcdcf5a92680808006b72248f02e35d00f50b', role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection, sortable: this.showSorting }, index.h("div", { key: '763042f42f58d8636337cc3cb958d3f68e24f934', class: "cell--content" }, index.h("slot", { key: 'b4b7068f6f3b345d335a84e8e322644cc817af90' }), this.showSorting && (index.h("button", { key: 'e4baac0a793d3626791b16e1868041b96a89d934', class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, index.h("z-icon", { key: '877e5d01cc8943f6cf034cb5d726ac9d97975e8d', name: this.sortDirection === index$1.SortDirection.DESC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (index.h("div", { key: '990ac8bc8c274b77c37fc56da0c25b6042aa1d53', class: "cell--menu-container" }, index.h("z-button", { key: '877468c31868c3dd8707b1d8a0004ed28db1872e', variant: index$1.ButtonVariant.TERTIARY, icon: "contextual-menu", size: index$1.ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), index.h("z-popover", { key: '255b3e47c770eb87aef8742c6ca3365aa5e6903c', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, index.h("slot", { key: '3aeec135bd29027346aeda2165e181e961b39d17', name: "contextual-menu" })))))));
+        return (index.h(index.Host, { key: '5ea086aa83da4bdc245d82f50ec7a186fcce54a7', role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection, sortable: this.showSorting }, index.h("div", { key: 'a08e8debed6426e8eafc004f1814138e380c5643', class: "cell--content" }, index.h("slot", { key: '11df8e88b9e461f4dc9f88c24f523f547a68915c' }), this.showSorting && (index.h("button", { key: '7f3d8359643bab1c059a91c560ad78da5ffb2ec4', class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, index.h("z-icon", { key: '0c64ba36dec7525af81baa06b86edf877e20d747', name: this.sortDirection === index$1.SortDirection.DESC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (index.h("div", { key: '88256cc6195d18f59b9b2bfb7272d1f95647c780', class: "cell--menu-container" }, index.h("z-button", { key: '9f69efcfabbc7e0324ae57d13b8c5efc33a61161', variant: index$1.ButtonVariant.TERTIARY, icon: "contextual-menu", size: index$1.ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), index.h("z-popover", { key: 'de589ec650b5c43f21722f010cdc2dc4ac2ac5b7', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, index.h("slot", { key: 'f840e0e36d3ea8f751c3c598e62ab4783422b51b', name: "contextual-menu" })))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -64,4 +64,4 @@ ZTh.style = ZThStyle0;
 exports.ZTh = ZTh;
-//# sourceMappingURL=index-c175c82a.js.map
+//# sourceMappingURL=index-0b5e5c05.js.map

package/dist/cjs/{index-c175c82a.js.map → index-0b5e5c05.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"index-~~c175c82a~~.js","mappings":";;;;;AAAA,MAAM,SAAS,GAAG,itEAAitE,CAAC;AACpuE,kBAAe,SAAS;;MCYX,GAAG;;;;;wBAekB,IAAI;2BAQD,IAAI;sBAM9B,KAAK;;sBAYW,KAAK;+BAMZA,uBAAe,CAAC,IAAI;0BAMzB,KAAK;;;;;IAiBlB,IAAY,iBAAiB;QAC3B,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACvB,OAAO,IAAI,CAAC;SACb;QAED,OAAO,IAAI,CAAC,aAAa,KAAKC,qBAAa,CAAC,GAAG,GAAG,WAAW,GAAG,YAAY,CAAC;KAC9E;;;;;IAMO,UAAU;QAChB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACvB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YAEpB,OAAO;SACR;QAED,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,KAAKA,qBAAa,CAAC,GAAG,GAAGA,qBAAa,CAAC,IAAI,GAAGA,qBAAa,CAAC,GAAG,CAAC;QACvG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QAEnB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAC,aAAa,EAAE,IAAI,CAAC,aAAa,EAAC,CAAC,CAAC;KACrD;IAGS,aAAa;QACrB,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;SACrD;aAAM;YACL,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;SAC/C;KACF;IAED,iBAAiB;QACf,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAED,MAAM;QACJ,QACEC,QAACC,UAAI,qDACH,IAAI,EAAC,cAAc,eACR,IAAI,CAAC,UAAU,eACf,IAAI,CAAC,iBAAiB,EACjC,QAAQ,EAAE,IAAI,CAAC,WAAW,IAE1BD,kEAAK,KAAK,EAAC,eAAe,IACxBA,oEAAa,EACZ,IAAI,CAAC,WAAW,KACfA,qEACE,KAAK,EAAC,mBAAmB,EACzB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAEnCA,qEACE,IAAI,EAAE,IAAI,CAAC,aAAa,KAAKD,qBAAa,CAAC,IAAI,GAAG,iBAAiB,GAAG,mBAAmB,EACzF,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,CACK,CACV,EACA,IAAI,CAAC,QAAQ,KACZC,kEAAK,KAAK,EAAC,sBAAsB,IAC/BA,uEACE,OAAO,EAAEE,qBAAa,CAAC,QAAQ,EAC/B,IAAI,EAAC,iBAAiB,EACtB,IAAI,EAAEC,mBAAW,CAAC,OAAO,EACzB,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,WAAW,GAAG,EAAiB,CAAC,EACnD,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAC3D,EACFH,wEACE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAyB,CAAC,EACzD,MAAM,EAAE,IAAI,CAAC,WAAW,EACxB,YAAY,EAAE,CAAC,KAAK,MAAM,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAC9D,QAAQ,EAAE,IAAI,CAAC,eAAe,IAE9BA,mEAAM,IAAI,EAAC,iBAAiB,GAAQ,CAC1B,CACR,CACP,CACG,CACD,EACP;KACH;;;;;;;;;;","names":["PopoverPosition","SortDirection","h","Host","ButtonVariant","ControlSize"],"sources":["src/components/table/cells/z-th/styles.css?tag=z-th&encapsulation=shadow","src/components/table/cells/z-th/index.tsx"],"sourcesContent":["@import \"../z-table-cells.css\";\n\n:host {\n z-index: 1;\n padding: 0;\n background-color: var(--color-surface02);\n font-weight: var(--font-sb);\n}\n\n.cell--content {\n padding: var(--z-table--cells-padding, calc(var(--space-unit) * 2));\n}\n\n:host([show-sorting]) .cell--content {\n column-gap: var(--space-unit);\n}\n\n.z-th--sort-button {\n padding: 0;\n border: none;\n background-color: transparent;\n cursor: pointer;\n outline: none;\n}\n\n@media (min-width: 768px) and (hover: hover) {\n :host([show-sorting=\"hover\"]) .z-th--sort-button {\n opacity: 0;\n pointer-events: none;\n }\n\n :host([show-sorting=\"hover\"]:hover) .z-th--sort-button,\n :host([show-sorting=\"hover\"]) .z-th--sort-button:focus:focus-visible,\n :host([show-sorting=\"always\"]) .z-th--sort-button,\n :host([sorted]) .z-th--sort-button {\n opacity: 1;\n pointer-events: all;\n }\n}\n\n:host([show-sorting=\"hover\"]:hover) .z-th--sort-button::after,\n:host([show-sorting=\"hover\"]) .z-th--sort-button:focus:focus-visible::after,\n:host([show-sorting=\"always\"]) .z-th--sort-button::after,\n:host([sorted]) .z-th--sort-button::after {\n position: absolute;\n top: 6px;\n left: 6px;\n width: calc(100% - 12px);\n height: calc(100% - 10px);\n background-color: transparent;\n content: \"\";\n}\n\n:host([sorted]) .z-th--sort-button::after,\n.z-th--sort-button:focus:focus-visible::after {\n box-shadow: var(--shadow-focus-primary);\n}\n","import {Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ButtonVariant, ControlSize, PopoverPosition, SortDirection, VisibilityCondition} from \"../../../../beans\";\n\n/*\n ZTh component.\n * @slot - ZTh content.\n * @slot contextual-menu - Contextual menu content. Only visible when `showMenu` is true.\n /\n@Component({\n tag: \"z-th\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZTh {\n @Element() host: HTMLZThElement;\n\n /\n Number of columns that the cell should span.\n /\n @Prop()\n colspan: number;\n\n /\n Enables the contextual menu.\n * Can be set to \"hover\" or \"always\" to show the button only on cell hover or always.\n * Set a nullish value to hide the menu button.\n /\n @Prop({reflect: true})\n showMenu: VisibilityCondition = null;\n\n /\n Enables the sorting button.\n * Can be set to \"hover\" or \"always\" to show the button only on cell hover or always.\n * Set a nullish value to hide the sort button.\n /\n @Prop({reflect: true})\n showSorting: VisibilityCondition = null;\n\n /\n Whether the cell should stick.\n /\n @Prop({reflect: true})\n sticky = false;\n\n /\n Current sorting direction.\n /\n @Prop({mutable: true})\n sortDirection?: SortDirection;\n\n /\n Sorted state of the column.\n /\n @Prop({reflect: true, mutable: true})\n sorted: boolean \| null = false;\n\n /\n Set popover position.\n /\n @Prop()\n popoverPosition = PopoverPosition.AUTO;\n\n /\n Store the open state of the menu.\n /\n @State()\n isMenuOpen = false;\n\n /\n Sort event fired when the user clicks on the sort button.\n * The sorting logic must be implemented by the app.\n * You can set an `id` on the `z-th` to easly identify the column in the event listener.\n /\n @Event()\n private sort: EventEmitter;\n\n private menuTrigger: HTMLElement;\n\n private popoverEl: HTMLZPopoverElement;\n\n /\n Get the value to set to the `aria-sort` attribute based on the current sort direction.\n /\n private get ariaSortDirection(): string {\n if (!this.sortDirection) {\n return null;\n }\n\n return this.sortDirection === SortDirection.ASC ? \"ascending\" : \"descending\";\n }\n\n /\n Handle the click on the sort button.\n * @fires sort\n */\n private handleSort(): void {\n if (!this.sortDirection) {\n this.sorted = false;\n\n return;\n }\n\n this.sortDirection = this.sortDirection === SortDirection.ASC ? SortDirection.DESC : SortDirection.ASC;\n this.sorted = true;\n\n this.sort.emit({sortDirection: this.sortDirection});\n }\n\n @Watch(\"colspan\")\n protected updateColspan(): void {\n if (this.colspan) {\n this.host.style.gridColumn = `span ${this.colspan}`;\n } else {\n this.host.style.removeProperty(\"grid-column\");\n }\n }\n\n componentWillLoad(): void {\n this.updateColspan();\n }\n\n render(): HTMLZThElement {\n return (\n <Host\n role=\"columnheader\"\n menu-open={this.isMenuOpen}\n aria-sort={this.ariaSortDirection}\n sortable={this.showSorting}\n >\n <div class=\"cell--content\">\n <slot></slot>\n {this.showSorting && (\n <button\n class=\"z-th--sort-button\"\n type=\"button\"\n onClick={this.handleSort.bind(this)}\n >\n <z-icon\n name={this.sortDirection === SortDirection.DESC ? \"arrow-simple-up\" : \"arrow-simple-down\"}\n width={14}\n height={14}\n />\n </button>\n )}\n {this.showMenu && (\n <div class=\"cell--menu-container\">\n <z-button\n variant={ButtonVariant.TERTIARY}\n icon=\"contextual-menu\"\n size={ControlSize.X_SMALL}\n ref={(el) => (this.menuTrigger = el as HTMLElement)}\n onClick={() => (this.popoverEl.open = !this.popoverEl.open)}\n />\n <z-popover\n ref={(el) => (this.popoverEl = el as HTMLZPopoverElement)}\n bindTo={this.menuTrigger}\n onOpenChange={(event) => (this.isMenuOpen = event.detail.open)}\n position={this.popoverPosition}\n >\n <slot name=\"contextual-menu\"></slot>\n </z-popover>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"index-0b5e5c05.js","mappings":";;;;;AAAA,MAAM,SAAS,GAAG,itEAAitE,CAAC;AACpuE,kBAAe,SAAS;;MCYX,GAAG;;;;;wBAekB,IAAI;2BAQD,IAAI;sBAM9B,KAAK;;sBAYW,KAAK;+BAMZA,uBAAe,CAAC,IAAI;0BAMzB,KAAK;;;;;IAiBlB,IAAY,iBAAiB;QAC3B,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACvB,OAAO,IAAI,CAAC;SACb;QAED,OAAO,IAAI,CAAC,aAAa,KAAKC,qBAAa,CAAC,GAAG,GAAG,WAAW,GAAG,YAAY,CAAC;KAC9E;;;;;IAMO,UAAU;QAChB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACvB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YAEpB,OAAO;SACR;QAED,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,KAAKA,qBAAa,CAAC,GAAG,GAAGA,qBAAa,CAAC,IAAI,GAAGA,qBAAa,CAAC,GAAG,CAAC;QACvG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QAEnB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAC,aAAa,EAAE,IAAI,CAAC,aAAa,EAAC,CAAC,CAAC;KACrD;IAGS,aAAa;QACrB,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;SACrD;aAAM;YACL,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;SAC/C;KACF;IAED,iBAAiB;QACf,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAED,MAAM;QACJ,QACEC,QAACC,UAAI,qDACH,IAAI,EAAC,cAAc,eACR,IAAI,CAAC,UAAU,eACf,IAAI,CAAC,iBAAiB,EACjC,QAAQ,EAAE,IAAI,CAAC,WAAW,IAE1BD,kEAAK,KAAK,EAAC,eAAe,IACxBA,oEAAa,EACZ,IAAI,CAAC,WAAW,KACfA,qEACE,KAAK,EAAC,mBAAmB,EACzB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAEnCA,qEACE,IAAI,EAAE,IAAI,CAAC,aAAa,KAAKD,qBAAa,CAAC,IAAI,GAAG,iBAAiB,GAAG,mBAAmB,EACzF,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,CACK,CACV,EACA,IAAI,CAAC,QAAQ,KACZC,kEAAK,KAAK,EAAC,sBAAsB,IAC/BA,uEACE,OAAO,EAAEE,qBAAa,CAAC,QAAQ,EAC/B,IAAI,EAAC,iBAAiB,EACtB,IAAI,EAAEC,mBAAW,CAAC,OAAO,EACzB,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,WAAW,GAAG,EAAiB,CAAC,EACnD,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAC3D,EACFH,wEACE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAyB,CAAC,EACzD,MAAM,EAAE,IAAI,CAAC,WAAW,EACxB,YAAY,EAAE,CAAC,KAAK,MAAM,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAC9D,QAAQ,EAAE,IAAI,CAAC,eAAe,IAE9BA,mEAAM,IAAI,EAAC,iBAAiB,GAAQ,CAC1B,CACR,CACP,CACG,CACD,EACP;KACH;;;;;;;;;;","names":["PopoverPosition","SortDirection","h","Host","ButtonVariant","ControlSize"],"sources":["src/components/table/cells/z-th/styles.css?tag=z-th&encapsulation=shadow","src/components/table/cells/z-th/index.tsx"],"sourcesContent":["@import \"../z-table-cells.css\";\n\n:host {\n z-index: 1;\n padding: 0;\n background-color: var(--color-surface02);\n font-weight: var(--font-sb);\n}\n\n.cell--content {\n padding: var(--z-table--cells-padding, calc(var(--space-unit) * 2));\n}\n\n:host([show-sorting]) .cell--content {\n column-gap: var(--space-unit);\n}\n\n.z-th--sort-button {\n padding: 0;\n border: none;\n background-color: transparent;\n cursor: pointer;\n outline: none;\n}\n\n@media (min-width: 768px) and (hover: hover) {\n :host([show-sorting=\"hover\"]) .z-th--sort-button {\n opacity: 0;\n pointer-events: none;\n }\n\n :host([show-sorting=\"hover\"]:hover) .z-th--sort-button,\n :host([show-sorting=\"hover\"]) .z-th--sort-button:focus:focus-visible,\n :host([show-sorting=\"always\"]) .z-th--sort-button,\n :host([sorted]) .z-th--sort-button {\n opacity: 1;\n pointer-events: all;\n }\n}\n\n:host([show-sorting=\"hover\"]:hover) .z-th--sort-button::after,\n:host([show-sorting=\"hover\"]) .z-th--sort-button:focus:focus-visible::after,\n:host([show-sorting=\"always\"]) .z-th--sort-button::after,\n:host([sorted]) .z-th--sort-button::after {\n position: absolute;\n top: 6px;\n left: 6px;\n width: calc(100% - 12px);\n height: calc(100% - 10px);\n background-color: transparent;\n content: \"\";\n}\n\n:host([sorted]) .z-th--sort-button::after,\n.z-th--sort-button:focus:focus-visible::after {\n box-shadow: var(--shadow-focus-primary);\n}\n","import {Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ButtonVariant, ControlSize, PopoverPosition, SortDirection, VisibilityCondition} from \"../../../../beans\";\n\n/*\n ZTh component.\n * @slot - ZTh content.\n * @slot contextual-menu - Contextual menu content. Only visible when `showMenu` is true.\n /\n@Component({\n tag: \"z-th\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZTh {\n @Element() host: HTMLZThElement;\n\n /\n Number of columns that the cell should span.\n /\n @Prop()\n colspan: number;\n\n /\n Enables the contextual menu.\n * Can be set to \"hover\" or \"always\" to show the button only on cell hover or always.\n * Set a nullish value to hide the menu button.\n /\n @Prop({reflect: true})\n showMenu: VisibilityCondition = null;\n\n /\n Enables the sorting button.\n * Can be set to \"hover\" or \"always\" to show the button only on cell hover or always.\n * Set a nullish value to hide the sort button.\n /\n @Prop({reflect: true})\n showSorting: VisibilityCondition = null;\n\n /\n Whether the cell should stick.\n /\n @Prop({reflect: true})\n sticky = false;\n\n /\n Current sorting direction.\n /\n @Prop({mutable: true})\n sortDirection?: SortDirection;\n\n /\n Sorted state of the column.\n /\n @Prop({reflect: true, mutable: true})\n sorted: boolean \| null = false;\n\n /\n Set popover position.\n /\n @Prop()\n popoverPosition = PopoverPosition.AUTO;\n\n /\n Store the open state of the menu.\n /\n @State()\n isMenuOpen = false;\n\n /\n Sort event fired when the user clicks on the sort button.\n * The sorting logic must be implemented by the app.\n * You can set an `id` on the `z-th` to easly identify the column in the event listener.\n /\n @Event()\n private sort: EventEmitter;\n\n private menuTrigger: HTMLElement;\n\n private popoverEl: HTMLZPopoverElement;\n\n /\n Get the value to set to the `aria-sort` attribute based on the current sort direction.\n /\n private get ariaSortDirection(): string {\n if (!this.sortDirection) {\n return null;\n }\n\n return this.sortDirection === SortDirection.ASC ? \"ascending\" : \"descending\";\n }\n\n /\n Handle the click on the sort button.\n * @fires sort\n */\n private handleSort(): void {\n if (!this.sortDirection) {\n this.sorted = false;\n\n return;\n }\n\n this.sortDirection = this.sortDirection === SortDirection.ASC ? SortDirection.DESC : SortDirection.ASC;\n this.sorted = true;\n\n this.sort.emit({sortDirection: this.sortDirection});\n }\n\n @Watch(\"colspan\")\n protected updateColspan(): void {\n if (this.colspan) {\n this.host.style.gridColumn = `span ${this.colspan}`;\n } else {\n this.host.style.removeProperty(\"grid-column\");\n }\n }\n\n componentWillLoad(): void {\n this.updateColspan();\n }\n\n render(): HTMLZThElement {\n return (\n <Host\n role=\"columnheader\"\n menu-open={this.isMenuOpen}\n aria-sort={this.ariaSortDirection}\n sortable={this.showSorting}\n >\n <div class=\"cell--content\">\n <slot></slot>\n {this.showSorting && (\n <button\n class=\"z-th--sort-button\"\n type=\"button\"\n onClick={this.handleSort.bind(this)}\n >\n <z-icon\n name={this.sortDirection === SortDirection.DESC ? \"arrow-simple-up\" : \"arrow-simple-down\"}\n width={14}\n height={14}\n />\n </button>\n )}\n {this.showMenu && (\n <div class=\"cell--menu-container\">\n <z-button\n variant={ButtonVariant.TERTIARY}\n icon=\"contextual-menu\"\n size={ControlSize.X_SMALL}\n ref={(el) => (this.menuTrigger = el as HTMLElement)}\n onClick={() => (this.popoverEl.open = !this.popoverEl.open)}\n />\n <z-popover\n ref={(el) => (this.popoverEl = el as HTMLZPopoverElement)}\n bindTo={this.menuTrigger}\n onOpenChange={(event) => (this.isMenuOpen = event.detail.open)}\n position={this.popoverPosition}\n >\n <slot name=\"contextual-menu\"></slot>\n </z-popover>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/{index-147da308.js → index-15cb0816.js} RENAMED Viewed

@@ -2,8 +2,8 @@
 const index = require('./index-96af6326.js');
 const utils = require('./utils-d08d4b80.js');
-require('./index-0753c66c.js');
-require('./index-c175c82a.js');
+require('./index-a42ab7c9.js');
+require('./index-0b5e5c05.js');
 const stylesCss = ":host{--columns:1;display:grid;box-sizing:border-box;grid-auto-flow:column;grid-template-columns:var(--z-table--expand-button-size, 0) repeat(var(--columns), minmax(128px, 1fr))}*{box-sizing:border-box}.z-tr--expand-button-container,::slotted(*){border-bottom:var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03)}::slotted(*:not(:last-child)){border-right:var(--z-table--cell-left-border, none)}:host([expandable]){--show-expandable-button:visible;cursor:pointer}:host([expandable]) ::slotted(*){grid-row:1}:host([expandable]) ::slotted(:nth-last-child(2)){border-right:none}:host([expandable]) ::slotted(*:last-child){border-left:0;grid-column:1 / span calc(var(--columns) + 1);grid-row:2}:host([expandable]:not([expanded])) ::slotted(*:last-child){display:none}:host([expanded]){margin-bottom:4px;box-shadow:0 4px 4px -2px var(--shadow-color-base)}:host([expanded]) .z-tr--expand-button-container,:host([expanded]) ::slotted(*){background-color:var(--color-surface02)}.z-tr--expand-button-container{display:flex;align-items:center;justify-content:center;background-color:var(--z-table--cells-background, var(--color-surface01))}.z-tr--expand-button-container button{display:flex;align-items:center;justify-content:center;padding:0;border:none;margin:auto;appearance:none;background:transparent;cursor:pointer;visibility:var(--show-expandable-button, hidden)}.z-tr--expand-button-container button:focus{box-shadow:var(--shadow-focus-primary);outline:none}.z-tr--expand-button-container button z-icon{--z-icon-width:16px;--z-icon-height:16px}";
 const ZTrStyle0 = stylesCss;
@@ -45,7 +45,7 @@ const ZTr = class {
         this.updateColumns();
     }
     render() {
-        return (index.h(index.Host, { key: '108f17d961307c112ccb6dd092870de5e71c4cdf', role: "row", onClick: this.onRowClick.bind(this), expanded: this.expanded }, index.h("div", { key: '09dda94d10d8ea2e5bb600337a6d26cb1709e39f', class: "z-tr--expand-button-container" }, this.expandable && (index.h("button", { key: 'f247194666828e2bc869e1eb95dd829422226d6a', "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: '7c7a94e6133752f3710c89fd2cebf039fea028ce', name: this.expanded ? "minus-circled" : "plus-circled" })))), index.h("slot", { key: '3a5488915119a0172ee74b3f2202ad9ac93c1186', onSlotchange: this.updateColumns.bind(this) })));
+        return (index.h(index.Host, { key: '05feb412d364f3867c154b3f128edf3ccb4dbd90', role: "row", onClick: this.onRowClick.bind(this), expanded: this.expanded }, index.h("div", { key: '48d1b43a7dcd498c19d6f810c3544a23a7015c83', class: "z-tr--expand-button-container" }, this.expandable && (index.h("button", { key: '2e5a9face06dfea67620ef006b1334fba6de1da3', "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: '2ba713fd43eda1b30443e32832694e4514b617d3', name: this.expanded ? "minus-circled" : "plus-circled" })))), index.h("slot", { key: 'c4d343123c734c1b65a96306d8b82079f264d43e', onSlotchange: this.updateColumns.bind(this) })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -56,4 +56,4 @@ ZTr.style = ZTrStyle0;
 exports.ZTr = ZTr;
-//# sourceMappingURL=index-147da308.js.map
+//# sourceMappingURL=index-15cb0816.js.map

package/dist/cjs/{index-147da308.js.map → index-15cb0816.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"index-~~147da308~~.js","mappings":";;;;;;;AAAA,MAAM,SAAS,GAAG,mjDAAmjD,CAAC;AACtkD,kBAAe,SAAS;;MCeX,GAAG;;;;0BAaD,KAAK;wBAMP,KAAK;;;IAeN,aAAa;QACrB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAkC,YAAY,CAAC,CAAC,CAAC;QACpG,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,KAAK,CAAC,GAAG,EAAE,CAAC;SACb;QAED,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;QAClF,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC;QAEvD,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,MAAM,iBAAiB,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;YACtC,iBAAiB,CAAC,EAAE,GAAG,iBAAiB,CAAC,EAAE,IAAI,2BAA2BA,cAAQ,EAAE,EAAE,CAAC;YACvF,IAAI,CAAC,mBAAmB,GAAG,iBAAiB,CAAC,EAAE,CAAC;SACjD;KACF;;;;;IAMO,UAAU,CAAC,KAAiB;QAClC,MAAM,aAAa,GAAI,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QAC/E,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,aAAa,EAAE;YACrC,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAC,CAAC,CAAC;KAC7C;IAED,iBAAiB;QACf,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAED,MAAM;QACJ,QACEC,QAACC,UAAI,qDACH,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EACnC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAEvBD,kEAAK,KAAK,EAAC,+BAA+B,IACvC,IAAI,CAAC,UAAU,KACdA,sFACiB,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,gBACnC,IAAI,CAAC,QAAQ,GAAG,eAAe,GAAG,cAAc,mBAC7C,IAAI,CAAC,mBAAmB,EACvC,IAAI,EAAC,QAAQ,IAEbA,qEAAQ,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAG,eAAe,GAAG,cAAc,GAAW,CAClE,CACV,CACG,EACNA,mEAAM,YAAY,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,GAAS,CACrD,EACP;KACH;;;;;;;;;;","names":["randomId","h","Host"],"sources":["src/components/table/z-tr/styles.css?tag=z-tr&encapsulation=shadow","src/components/table/z-tr/index.tsx"],"sourcesContent":[":host {\n /* number of columns of the row. will be set in component's ts code /\n --columns: 1;\n\n display: grid;\n box-sizing: border-box;\n grid-auto-flow: column;\n grid-template-columns: var(--z-table--expand-button-size, 0) repeat(var(--columns), minmax(128px, 1fr));\n}\n\n {\n box-sizing: border-box;\n}\n\n.z-tr--expand-button-container,\n::slotted() {\n border-bottom: var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03);\n}\n\n::slotted(:not(:last-child)) {\n border-right: var(--z-table--cell-left-border, none);\n}\n\n:host([expandable]) {\n --show-expandable-button: visible;\n\n cursor: pointer;\n}\n\n:host([expandable]) ::slotted() {\n grid-row: 1;\n}\n\n:host([expandable]) ::slotted(:nth-last-child(2)) {\n border-right: none;\n}\n\n:host([expandable]) ::slotted(:last-child) {\n border-left: 0;\n grid-column: 1 / span calc(var(--columns) + 1);\n grid-row: 2;\n}\n\n:host([expandable]:not([expanded])) ::slotted(:last-child) {\n display: none;\n}\n\n:host([expanded]) {\n margin-bottom: 4px; / prevents shadow to be cut by the next element /\n box-shadow: 0 4px 4px -2px var(--shadow-color-base);\n}\n\n:host([expanded]) .z-tr--expand-button-container,\n:host([expanded]) ::slotted() {\n background-color: var(--color-surface02);\n}\n\n.z-tr--expand-button-container {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--z-table--cells-background, var(--color-surface01));\n}\n\n.z-tr--expand-button-container button {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: none;\n margin: auto;\n appearance: none;\n background: transparent;\n cursor: pointer;\n visibility: var(--show-expandable-button, hidden);\n}\n\n.z-tr--expand-button-container button:focus {\n box-shadow: var(--shadow-focus-primary);\n outline: none;\n}\n\n.z-tr--expand-button-container button z-icon {\n --z-icon-width: 16px;\n --z-icon-height: 16px;\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\nimport {randomId} from \"../../../utils/utils\";\nimport \"../cells/z-td/index\";\nimport \"../cells/z-th/index\";\n\n/*\n ZTr component.\n * When the row is `expandable`, you can set the `prevent-expand` css class on an interactive element inside the row\n * to prevent the row from expanding.\n * @slot - ZTr content (`z-td` or `z-th`).\n /\n@Component({\n tag: \"z-tr\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZTr {\n @Element() host: HTMLZTrElement;\n\n /\n Whether the row is expandable.\n * Use a `z-td` as the last cell of the row for the additional content.\n * It will show a button to expand/collapse the row.\n * The last cell will be hidden until the button or row is clicked.\n \n If some element inside the expandable row contains the `prevent-expand` css class,\n * the row will not expand by clicking that element.\n /\n @Prop({reflect: true})\n expandable = false;\n\n /\n Whether the row is currently expanded.\n /\n @State()\n expanded = false;\n\n /\n HTML Id of the expandable content.\n * It is used to link the button to the content through the `aria-controls` attribute.\n /\n @State()\n expandableContentId: string;\n\n /* Row has been expanded /\n @Event()\n expand: EventEmitter;\n\n @Watch(\"expandable\")\n @Listen(\"colspanchange\")\n protected updateColumns(): void {\n const cells = Array.from(this.host.querySelectorAll<HTMLZTdElement \| HTMLZThElement>(\"z-td, z-th\"));\n if (this.expandable) {\n cells.pop();\n }\n\n const columns = cells.map((cell) => cell.colspan \|\| 1).reduce((a, b) => a + b, 0);\n this.host.style.setProperty(\"--columns\", `${columns}`);\n\n if (this.expandable) {\n const expandableContent = cells.pop();\n expandableContent.id = expandableContent.id \|\| `z-tr-expandable-content-${randomId()}`;\n this.expandableContentId = expandableContent.id;\n }\n }\n\n /\n Handle click on row.\n * Skip expansion if the click is on a element with `prevent-expand` css class.\n */\n private onRowClick(event: MouseEvent): void {\n const preventExpand = (event.target as HTMLElement).closest(\".prevent-expand\");\n if (!this.expandable \|\| preventExpand) {\n return;\n }\n\n this.expanded = !this.expanded;\n this.expand.emit({expanded: this.expanded});\n }\n\n componentWillLoad(): void {\n this.updateColumns();\n }\n\n render(): HTMLZTrElement {\n return (\n <Host\n role=\"row\"\n onClick={this.onRowClick.bind(this)}\n expanded={this.expanded}\n >\n <div class=\"z-tr--expand-button-container\">\n {this.expandable && (\n <button\n aria-expanded={this.expanded ? \"true\" : \"false\"}\n aria-label={this.expanded ? \"Comprimi riga\" : \"Espandi riga\"}\n aria-controls={this.expandableContentId}\n type=\"button\"\n >\n <z-icon name={this.expanded ? \"minus-circled\" : \"plus-circled\"}></z-icon>\n </button>\n )}\n </div>\n <slot onSlotchange={this.updateColumns.bind(this)}></slot>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"index-15cb0816.js","mappings":";;;;;;;AAAA,MAAM,SAAS,GAAG,mjDAAmjD,CAAC;AACtkD,kBAAe,SAAS;;MCeX,GAAG;;;;0BAaD,KAAK;wBAMP,KAAK;;;IAeN,aAAa;QACrB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAkC,YAAY,CAAC,CAAC,CAAC;QACpG,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,KAAK,CAAC,GAAG,EAAE,CAAC;SACb;QAED,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;QAClF,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC;QAEvD,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,MAAM,iBAAiB,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;YACtC,iBAAiB,CAAC,EAAE,GAAG,iBAAiB,CAAC,EAAE,IAAI,2BAA2BA,cAAQ,EAAE,EAAE,CAAC;YACvF,IAAI,CAAC,mBAAmB,GAAG,iBAAiB,CAAC,EAAE,CAAC;SACjD;KACF;;;;;IAMO,UAAU,CAAC,KAAiB;QAClC,MAAM,aAAa,GAAI,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QAC/E,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,aAAa,EAAE;YACrC,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAC,CAAC,CAAC;KAC7C;IAED,iBAAiB;QACf,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAED,MAAM;QACJ,QACEC,QAACC,UAAI,qDACH,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EACnC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAEvBD,kEAAK,KAAK,EAAC,+BAA+B,IACvC,IAAI,CAAC,UAAU,KACdA,sFACiB,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,gBACnC,IAAI,CAAC,QAAQ,GAAG,eAAe,GAAG,cAAc,mBAC7C,IAAI,CAAC,mBAAmB,EACvC,IAAI,EAAC,QAAQ,IAEbA,qEAAQ,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAG,eAAe,GAAG,cAAc,GAAW,CAClE,CACV,CACG,EACNA,mEAAM,YAAY,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,GAAS,CACrD,EACP;KACH;;;;;;;;;;","names":["randomId","h","Host"],"sources":["src/components/table/z-tr/styles.css?tag=z-tr&encapsulation=shadow","src/components/table/z-tr/index.tsx"],"sourcesContent":[":host {\n /* number of columns of the row. will be set in component's ts code /\n --columns: 1;\n\n display: grid;\n box-sizing: border-box;\n grid-auto-flow: column;\n grid-template-columns: var(--z-table--expand-button-size, 0) repeat(var(--columns), minmax(128px, 1fr));\n}\n\n {\n box-sizing: border-box;\n}\n\n.z-tr--expand-button-container,\n::slotted() {\n border-bottom: var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03);\n}\n\n::slotted(:not(:last-child)) {\n border-right: var(--z-table--cell-left-border, none);\n}\n\n:host([expandable]) {\n --show-expandable-button: visible;\n\n cursor: pointer;\n}\n\n:host([expandable]) ::slotted() {\n grid-row: 1;\n}\n\n:host([expandable]) ::slotted(:nth-last-child(2)) {\n border-right: none;\n}\n\n:host([expandable]) ::slotted(:last-child) {\n border-left: 0;\n grid-column: 1 / span calc(var(--columns) + 1);\n grid-row: 2;\n}\n\n:host([expandable]:not([expanded])) ::slotted(:last-child) {\n display: none;\n}\n\n:host([expanded]) {\n margin-bottom: 4px; / prevents shadow to be cut by the next element /\n box-shadow: 0 4px 4px -2px var(--shadow-color-base);\n}\n\n:host([expanded]) .z-tr--expand-button-container,\n:host([expanded]) ::slotted() {\n background-color: var(--color-surface02);\n}\n\n.z-tr--expand-button-container {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--z-table--cells-background, var(--color-surface01));\n}\n\n.z-tr--expand-button-container button {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: none;\n margin: auto;\n appearance: none;\n background: transparent;\n cursor: pointer;\n visibility: var(--show-expandable-button, hidden);\n}\n\n.z-tr--expand-button-container button:focus {\n box-shadow: var(--shadow-focus-primary);\n outline: none;\n}\n\n.z-tr--expand-button-container button z-icon {\n --z-icon-width: 16px;\n --z-icon-height: 16px;\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\nimport {randomId} from \"../../../utils/utils\";\nimport \"../cells/z-td/index\";\nimport \"../cells/z-th/index\";\n\n/*\n ZTr component.\n * When the row is `expandable`, you can set the `prevent-expand` css class on an interactive element inside the row\n * to prevent the row from expanding.\n * @slot - ZTr content (`z-td` or `z-th`).\n /\n@Component({\n tag: \"z-tr\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZTr {\n @Element() host: HTMLZTrElement;\n\n /\n Whether the row is expandable.\n * Use a `z-td` as the last cell of the row for the additional content.\n * It will show a button to expand/collapse the row.\n * The last cell will be hidden until the button or row is clicked.\n \n If some element inside the expandable row contains the `prevent-expand` css class,\n * the row will not expand by clicking that element.\n /\n @Prop({reflect: true})\n expandable = false;\n\n /\n Whether the row is currently expanded.\n /\n @State()\n expanded = false;\n\n /\n HTML Id of the expandable content.\n * It is used to link the button to the content through the `aria-controls` attribute.\n /\n @State()\n expandableContentId: string;\n\n /* Row has been expanded /\n @Event()\n expand: EventEmitter;\n\n @Watch(\"expandable\")\n @Listen(\"colspanchange\")\n protected updateColumns(): void {\n const cells = Array.from(this.host.querySelectorAll<HTMLZTdElement \| HTMLZThElement>(\"z-td, z-th\"));\n if (this.expandable) {\n cells.pop();\n }\n\n const columns = cells.map((cell) => cell.colspan \|\| 1).reduce((a, b) => a + b, 0);\n this.host.style.setProperty(\"--columns\", `${columns}`);\n\n if (this.expandable) {\n const expandableContent = cells.pop();\n expandableContent.id = expandableContent.id \|\| `z-tr-expandable-content-${randomId()}`;\n this.expandableContentId = expandableContent.id;\n }\n }\n\n /\n Handle click on row.\n * Skip expansion if the click is on a element with `prevent-expand` css class.\n */\n private onRowClick(event: MouseEvent): void {\n const preventExpand = (event.target as HTMLElement).closest(\".prevent-expand\");\n if (!this.expandable \|\| preventExpand) {\n return;\n }\n\n this.expanded = !this.expanded;\n this.expand.emit({expanded: this.expanded});\n }\n\n componentWillLoad(): void {\n this.updateColumns();\n }\n\n render(): HTMLZTrElement {\n return (\n <Host\n role=\"row\"\n onClick={this.onRowClick.bind(this)}\n expanded={this.expanded}\n >\n <div class=\"z-tr--expand-button-container\">\n {this.expandable && (\n <button\n aria-expanded={this.expanded ? \"true\" : \"false\"}\n aria-label={this.expanded ? \"Comprimi riga\" : \"Espandi riga\"}\n aria-controls={this.expandableContentId}\n type=\"button\"\n >\n <z-icon name={this.expanded ? \"minus-circled\" : \"plus-circled\"}></z-icon>\n </button>\n )}\n </div>\n <slot onSlotchange={this.updateColumns.bind(this)}></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/{index-2633ab47.js → index-3b95f98f.js} RENAMED Viewed

@@ -10,11 +10,11 @@ const ZTbody = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'e585e51ab73c509aa7ee84759946bb99964a3383', role: "rowgroup" }, index.h("slot", { key: 'de704bc4e5e8b8b67b74866f570616a9ef797b17' })));
+        return (index.h(index.Host, { key: 'a7208d0d031f76bfa40ffe4de23ea9041c6ea831', role: "rowgroup" }, index.h("slot", { key: '4b1a52cb57149602312c46ccf556105dd05dd6e5' })));
     }
 };
 ZTbody.style = ZTbodyStyle0;
 exports.ZTbody = ZTbody;
-//# sourceMappingURL=index-2633ab47.js.map
+//# sourceMappingURL=index-3b95f98f.js.map

package/dist/cjs/{index-2633ab47.js.map → index-3b95f98f.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"index-~~2633ab47~~.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,4CAA4C,CAAC;AAC/D,qBAAe,SAAS;;MCUX,MAAM;;;;IACjB,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,IAAI,EAAC,UAAU,IACnBD,oEAAa,CACR,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/table/z-tbody/styles.css?tag=z-tbody&encapsulation=shadow","src/components/table/z-tbody/index.tsx"],"sourcesContent":[":host {\n display: block;\n box-sizing: border-box;\n}\n","import {Component, Host, h} from \"@stencil/core\";\n\n/*\n ZTbody component.\n * @slot - ZTbody content (`z-tr`).\n */\n@Component({\n tag: \"z-tbody\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZTbody {\n render(): HTMLZTbodyElement {\n return (\n <Host role=\"rowgroup\">\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"index-3b95f98f.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,4CAA4C,CAAC;AAC/D,qBAAe,SAAS;;MCUX,MAAM;;;;IACjB,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,IAAI,EAAC,UAAU,IACnBD,oEAAa,CACR,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/table/z-tbody/styles.css?tag=z-tbody&encapsulation=shadow","src/components/table/z-tbody/index.tsx"],"sourcesContent":[":host {\n display: block;\n box-sizing: border-box;\n}\n","import {Component, Host, h} from \"@stencil/core\";\n\n/*\n ZTbody component.\n * @slot - ZTbody content (`z-tr`).\n */\n@Component({\n tag: \"z-tbody\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZTbody {\n render(): HTMLZTbodyElement {\n return (\n <Host role=\"rowgroup\">\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/{index-7c3bd0f4.js → index-47d0257d.js} RENAMED Viewed

@@ -11,11 +11,11 @@ const ZThead = class {
         this.sticky = false;
     }
     render() {
-        return (index.h(index.Host, { key: '2857b5a45be55f32bf10cb523d8f0035ed65e238', role: "rowgroup" }, index.h("slot", { key: '015a96ef6c0b72eff9dfde65cf96c6afdfaf6cd5' })));
+        return (index.h(index.Host, { key: '3d8fc0d5ebe1a7459f3af8773b6fed710521ddbb', role: "rowgroup" }, index.h("slot", { key: '7ac6ee2f4bd099f45f805a79471bf10f900665bb' })));
     }
 };
 ZThead.style = ZTheadStyle0;
 exports.ZThead = ZThead;
-//# sourceMappingURL=index-7c3bd0f4.js.map
+//# sourceMappingURL=index-47d0257d.js.map

package/dist/cjs/{index-7c3bd0f4.js.map → index-47d0257d.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"index-~~7c3bd0f4~~.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,oRAAoR,CAAC;AACvS,qBAAe,SAAS;;MCUX,MAAM;;;sBAKR,KAAK;;IAEd,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,IAAI,EAAC,UAAU,IACnBD,oEAAa,CACR,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/table/z-thead/styles.css?tag=z-thead&encapsulation=shadow","src/components/table/z-thead/index.tsx"],"sourcesContent":[":host {\n --z-table--cells-bottom-border-size: var(\n --border-size-medium\n ); /* Needed to handle the border of the expand button cell /\n\n --z-table--cells-background: var(\n --color-surface02\n ); / Needed to handle the background-color of the expand button cell /\n\n display: block;\n box-sizing: border-box;\n}\n\n:host([sticky]) {\n position: sticky;\n z-index: 2;\n top: 0;\n box-shadow: 0 2px 4px -2px var(--shadow-color-base);\n}\n","import {Component, Host, Prop, h} from \"@stencil/core\";\n\n/\n ZThead component.\n * @slot - ZThead content (`z-tr`).\n /\n@Component({\n tag: \"z-thead\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZThead {\n /\n If true, the header will be stuck to the top of the table.\n */\n @Prop({reflect: true})\n sticky = false;\n\n render(): HTMLZTheadElement {\n return (\n <Host role=\"rowgroup\">\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"index-47d0257d.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,oRAAoR,CAAC;AACvS,qBAAe,SAAS;;MCUX,MAAM;;;sBAKR,KAAK;;IAEd,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,IAAI,EAAC,UAAU,IACnBD,oEAAa,CACR,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/table/z-thead/styles.css?tag=z-thead&encapsulation=shadow","src/components/table/z-thead/index.tsx"],"sourcesContent":[":host {\n --z-table--cells-bottom-border-size: var(\n --border-size-medium\n ); /* Needed to handle the border of the expand button cell /\n\n --z-table--cells-background: var(\n --color-surface02\n ); / Needed to handle the background-color of the expand button cell /\n\n display: block;\n box-sizing: border-box;\n}\n\n:host([sticky]) {\n position: sticky;\n z-index: 2;\n top: 0;\n box-shadow: 0 2px 4px -2px var(--shadow-color-base);\n}\n","import {Component, Host, Prop, h} from \"@stencil/core\";\n\n/\n ZThead component.\n * @slot - ZThead content (`z-tr`).\n /\n@Component({\n tag: \"z-thead\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZThead {\n /\n If true, the header will be stuck to the top of the table.\n */\n @Prop({reflect: true})\n sticky = false;\n\n render(): HTMLZTheadElement {\n return (\n <Host role=\"rowgroup\">\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/{index-112405cf.js → index-816614ee.js} RENAMED Viewed

@@ -11,11 +11,11 @@ const ZTfoot = class {
         this.sticky = false;
     }
     render() {
-        return (index.h(index.Host, { key: '6df70d40572663b9e9ac24aaa1c46408b3ec72b7', role: "rowgroup" }, index.h("slot", { key: '6440f9b4a2c3241b33c3975bce5d37328b59e9f4' })));
+        return (index.h(index.Host, { key: '5fa9603626d56fd5d7fc85ab116f4951c0ab01a9', role: "rowgroup" }, index.h("slot", { key: 'd47ca57a00753b01cbfecbd1d562bb0c1b6e0124' })));
     }
 };
 ZTfoot.style = ZTfootStyle0;
 exports.ZTfoot = ZTfoot;
-//# sourceMappingURL=index-112405cf.js.map
+//# sourceMappingURL=index-816614ee.js.map

package/dist/cjs/{index-112405cf.js.map → index-816614ee.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"index-~~112405cf~~.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,kOAAkO,CAAC;AACrP,qBAAe,SAAS;;MCUX,MAAM;;;sBAKR,KAAK;;IAEd,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,IAAI,EAAC,UAAU,IACnBD,oEAAa,CACR,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/table/z-tfoot/styles.css?tag=z-tfoot&encapsulation=shadow","src/components/table/z-tfoot/index.tsx"],"sourcesContent":[":host {\n display: block;\n box-sizing: border-box;\n border-top: 1px solid var(--color-surface03);\n border-bottom: 1px solid var(--color-surface03);\n}\n\n:host([sticky]) {\n position: sticky;\n z-index: 1;\n bottom: 0;\n background-color: var(--color-surface01);\n}\n","import {Component, Host, Prop, h} from \"@stencil/core\";\n\n/*\n ZTFoot component.\n * @slot - ZTFoot content (`z-tr`).\n /\n@Component({\n tag: \"z-tfoot\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZTfoot {\n /\n If true, the footer will be stuck to the bottom of the table.\n */\n @Prop({reflect: true})\n sticky = false;\n\n render(): void {\n return (\n <Host role=\"rowgroup\">\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"index-816614ee.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,kOAAkO,CAAC;AACrP,qBAAe,SAAS;;MCUX,MAAM;;;sBAKR,KAAK;;IAEd,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,IAAI,EAAC,UAAU,IACnBD,oEAAa,CACR,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/table/z-tfoot/styles.css?tag=z-tfoot&encapsulation=shadow","src/components/table/z-tfoot/index.tsx"],"sourcesContent":[":host {\n display: block;\n box-sizing: border-box;\n border-top: 1px solid var(--color-surface03);\n border-bottom: 1px solid var(--color-surface03);\n}\n\n:host([sticky]) {\n position: sticky;\n z-index: 1;\n bottom: 0;\n background-color: var(--color-surface01);\n}\n","import {Component, Host, Prop, h} from \"@stencil/core\";\n\n/*\n ZTFoot component.\n * @slot - ZTFoot content (`z-tr`).\n /\n@Component({\n tag: \"z-tfoot\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZTfoot {\n /\n If true, the footer will be stuck to the bottom of the table.\n */\n @Prop({reflect: true})\n sticky = false;\n\n render(): void {\n return (\n <Host role=\"rowgroup\">\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/{index-0753c66c.js → index-a42ab7c9.js} RENAMED Viewed

@@ -33,7 +33,7 @@ const ZTd = class {
         this.updateColspan();
     }
     render() {
-        return (index.h(index.Host, { key: 'c23aff45c5f7c8be5725064c8b1e41880dc8a181', role: "cell", "menu-open": this.isMenuOpen }, index.h("div", { key: 'ac94183fe84827a9953c22e53769c5eb14bda38d', class: "cell--content" }, index.h("slot", { key: 'fe9247cefa14306bea82fdc0509f27d9b9bc9dc9' }), this.showMenu && (index.h("div", { key: 'b389e78768220495f19005c03e5e5ee2f6e5ceb0', class: "cell--menu-container prevent-expand" }, index.h("z-button", { key: 'e9340861d4ed7fca740edd61d496580d0351c606', variant: index$1.ButtonVariant.TERTIARY, icon: "contextual-menu", size: index$1.ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), index.h("z-popover", { key: '79626910b1f2fce99c70f462dab372c1a6c84983', class: "cell-popover", ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, index.h("slot", { key: '10973d34641dd975e0b450a80530f5398131166d', name: "contextual-menu" })))))));
+        return (index.h(index.Host, { key: 'c96cf294eb95aced8d590b86aab1ca5480f557b4', role: "cell", "menu-open": this.isMenuOpen }, index.h("div", { key: 'a11209b080873ab385f1dbd0d1e82c328483d4da', class: "cell--content" }, index.h("slot", { key: '15c2db2d84a1d164e849a4e4b0ab4074b465be2b' }), this.showMenu && (index.h("div", { key: 'e7b55b57dea2f10c0a00a1bfa1af205db14ca392', class: "cell--menu-container prevent-expand" }, index.h("z-button", { key: 'f22b017419929e9d3589a405f389715ccc549150', variant: index$1.ButtonVariant.TERTIARY, icon: "contextual-menu", size: index$1.ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), index.h("z-popover", { key: '03511331c070e5ccc6875e5483112c5a09a5b60f', class: "cell-popover", ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, index.h("slot", { key: '64e8b88b6c327df0a836028c16bd3249f8c906cb', name: "contextual-menu" })))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -44,4 +44,4 @@ ZTd.style = ZTdStyle0;
 exports.ZTd = ZTd;
-//# sourceMappingURL=index-0753c66c.js.map
+//# sourceMappingURL=index-a42ab7c9.js.map

package/dist/cjs/{index-0753c66c.js.map → index-a42ab7c9.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"index-~~0753c66c~~.js","mappings":";;;;;AAAA,MAAM,SAAS,GAAG,2hCAA2hC,CAAC;AAC9iC,kBAAe,SAAS;;MCWX,GAAG;;;;;sBAaL,KAAK;wBAQkB,IAAI;+BAMAA,uBAAe,CAAC,IAAI;0BAM3C,KAAK;;IAgBR,aAAa;QACrB,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;SACrD;aAAM;YACL,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;SAC/C;QAED,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC;KAC5C;IAEO,iBAAiB,CAAC,EAAc;QACtC,EAAE,CAAC,eAAe,EAAE,CAAC;QACrB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;KAC5C;IAED,iBAAiB;QACf,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAED,MAAM;QACJ,QACEC,QAACC,UAAI,qDACH,IAAI,EAAC,MAAM,eACA,IAAI,CAAC,UAAU,IAE1BD,kEAAK,KAAK,EAAC,eAAe,IACxBA,oEAAa,EACZ,IAAI,CAAC,QAAQ,KACZA,kEAAK,KAAK,EAAC,qCAAqC,IAC9CA,uEACE,OAAO,EAAEE,qBAAa,CAAC,QAAQ,EAC/B,IAAI,EAAC,iBAAiB,EACtB,IAAI,EAAEC,mBAAW,CAAC,OAAO,EACzB,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,WAAW,GAAG,EAAwB,CAAC,EAC1D,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,GAC1C,EACFH,wEACE,KAAK,EAAC,cAAc,EACpB,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAyB,CAAC,EACzD,MAAM,EAAE,IAAI,CAAC,WAA0B,EACvC,YAAY,EAAE,CAAC,KAAK,MAAM,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAC9D,QAAQ,EAAE,IAAI,CAAC,eAAe,IAE9BA,mEAAM,IAAI,EAAC,iBAAiB,GAAQ,CAC1B,CACR,CACP,CACG,CACD,EACP;KACH;;;;;;;;;;","names":["PopoverPosition","h","Host","ButtonVariant","ControlSize"],"sources":["src/components/table/cells/z-td/styles.css?tag=z-td&encapsulation=shadow","src/components/table/cells/z-td/index.tsx"],"sourcesContent":["@import \"../z-table-cells.css\";\n","import {Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ButtonVariant, ControlSize, PopoverPosition, VisibilityCondition} from \"../../../../beans\";\n\n/*\n ZTd component.\n * @slot - ZTd content.\n /\n@Component({\n tag: \"z-td\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZTd {\n @Element() host: HTMLZTdElement;\n\n /\n Number of columns that the cell should span.\n /\n @Prop()\n colspan: number;\n\n /\n Whether the cell should stick.\n /\n @Prop({reflect: true})\n sticky = false;\n\n /\n Enables the contextual menu.\n * Can be set to \"hover\" or \"always\" to show the button only on cell hover or always.\n * Set a nullish value to hide the menu button.\n /\n @Prop({reflect: true})\n showMenu: VisibilityCondition = null;\n\n /\n Set the popover position, the default is \"auto\".\n /\n @Prop()\n popoverPosition?: PopoverPosition = PopoverPosition.AUTO;\n\n /\n Store the open state of the menu.\n /\n @State()\n isMenuOpen = false;\n\n private menuTrigger: HTMLZButtonElement;\n\n private popoverEl: HTMLZPopoverElement;\n\n /\n Emitted when the value of the `colspan` changes.\n */\n @Event({\n bubbles: true,\n cancelable: false,\n })\n colspanChange: EventEmitter<number>;\n\n @Watch(\"colspan\")\n protected updateColspan(): void {\n if (this.colspan) {\n this.host.style.gridColumn = `span ${this.colspan}`;\n } else {\n this.host.style.removeProperty(\"grid-column\");\n }\n\n this.colspanChange.emit(this.colspan \|\| 1);\n }\n\n private onMenuButtonClick(ev: MouseEvent): void {\n ev.stopPropagation();\n this.popoverEl.open = !this.popoverEl.open;\n }\n\n componentWillLoad(): void {\n this.updateColspan();\n }\n\n render(): HTMLZTdElement {\n return (\n <Host\n role=\"cell\"\n menu-open={this.isMenuOpen}\n >\n <div class=\"cell--content\">\n <slot></slot>\n {this.showMenu && (\n <div class=\"cell--menu-container prevent-expand\">\n <z-button\n variant={ButtonVariant.TERTIARY}\n icon=\"contextual-menu\"\n size={ControlSize.X_SMALL}\n ref={(el) => (this.menuTrigger = el as HTMLZButtonElement)}\n onClick={this.onMenuButtonClick.bind(this)}\n />\n <z-popover\n class=\"cell-popover\"\n ref={(el) => (this.popoverEl = el as HTMLZPopoverElement)}\n bindTo={this.menuTrigger as HTMLElement}\n onOpenChange={(event) => (this.isMenuOpen = event.detail.open)}\n position={this.popoverPosition}\n >\n <slot name=\"contextual-menu\"></slot>\n </z-popover>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"index-a42ab7c9.js","mappings":";;;;;AAAA,MAAM,SAAS,GAAG,2hCAA2hC,CAAC;AAC9iC,kBAAe,SAAS;;MCWX,GAAG;;;;;sBAaL,KAAK;wBAQkB,IAAI;+BAMAA,uBAAe,CAAC,IAAI;0BAM3C,KAAK;;IAgBR,aAAa;QACrB,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;SACrD;aAAM;YACL,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;SAC/C;QAED,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC;KAC5C;IAEO,iBAAiB,CAAC,EAAc;QACtC,EAAE,CAAC,eAAe,EAAE,CAAC;QACrB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;KAC5C;IAED,iBAAiB;QACf,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAED,MAAM;QACJ,QACEC,QAACC,UAAI,qDACH,IAAI,EAAC,MAAM,eACA,IAAI,CAAC,UAAU,IAE1BD,kEAAK,KAAK,EAAC,eAAe,IACxBA,oEAAa,EACZ,IAAI,CAAC,QAAQ,KACZA,kEAAK,KAAK,EAAC,qCAAqC,IAC9CA,uEACE,OAAO,EAAEE,qBAAa,CAAC,QAAQ,EAC/B,IAAI,EAAC,iBAAiB,EACtB,IAAI,EAAEC,mBAAW,CAAC,OAAO,EACzB,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,WAAW,GAAG,EAAwB,CAAC,EAC1D,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,GAC1C,EACFH,wEACE,KAAK,EAAC,cAAc,EACpB,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAyB,CAAC,EACzD,MAAM,EAAE,IAAI,CAAC,WAA0B,EACvC,YAAY,EAAE,CAAC,KAAK,MAAM,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAC9D,QAAQ,EAAE,IAAI,CAAC,eAAe,IAE9BA,mEAAM,IAAI,EAAC,iBAAiB,GAAQ,CAC1B,CACR,CACP,CACG,CACD,EACP;KACH;;;;;;;;;;","names":["PopoverPosition","h","Host","ButtonVariant","ControlSize"],"sources":["src/components/table/cells/z-td/styles.css?tag=z-td&encapsulation=shadow","src/components/table/cells/z-td/index.tsx"],"sourcesContent":["@import \"../z-table-cells.css\";\n","import {Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ButtonVariant, ControlSize, PopoverPosition, VisibilityCondition} from \"../../../../beans\";\n\n/*\n ZTd component.\n * @slot - ZTd content.\n /\n@Component({\n tag: \"z-td\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZTd {\n @Element() host: HTMLZTdElement;\n\n /\n Number of columns that the cell should span.\n /\n @Prop()\n colspan: number;\n\n /\n Whether the cell should stick.\n /\n @Prop({reflect: true})\n sticky = false;\n\n /\n Enables the contextual menu.\n * Can be set to \"hover\" or \"always\" to show the button only on cell hover or always.\n * Set a nullish value to hide the menu button.\n /\n @Prop({reflect: true})\n showMenu: VisibilityCondition = null;\n\n /\n Set the popover position, the default is \"auto\".\n /\n @Prop()\n popoverPosition?: PopoverPosition = PopoverPosition.AUTO;\n\n /\n Store the open state of the menu.\n /\n @State()\n isMenuOpen = false;\n\n private menuTrigger: HTMLZButtonElement;\n\n private popoverEl: HTMLZPopoverElement;\n\n /\n Emitted when the value of the `colspan` changes.\n */\n @Event({\n bubbles: true,\n cancelable: false,\n })\n colspanChange: EventEmitter<number>;\n\n @Watch(\"colspan\")\n protected updateColspan(): void {\n if (this.colspan) {\n this.host.style.gridColumn = `span ${this.colspan}`;\n } else {\n this.host.style.removeProperty(\"grid-column\");\n }\n\n this.colspanChange.emit(this.colspan \|\| 1);\n }\n\n private onMenuButtonClick(ev: MouseEvent): void {\n ev.stopPropagation();\n this.popoverEl.open = !this.popoverEl.open;\n }\n\n componentWillLoad(): void {\n this.updateColspan();\n }\n\n render(): HTMLZTdElement {\n return (\n <Host\n role=\"cell\"\n menu-open={this.isMenuOpen}\n >\n <div class=\"cell--content\">\n <slot></slot>\n {this.showMenu && (\n <div class=\"cell--menu-container prevent-expand\">\n <z-button\n variant={ButtonVariant.TERTIARY}\n icon=\"contextual-menu\"\n size={ControlSize.X_SMALL}\n ref={(el) => (this.menuTrigger = el as HTMLZButtonElement)}\n onClick={this.onMenuButtonClick.bind(this)}\n />\n <z-popover\n class=\"cell-popover\"\n ref={(el) => (this.popoverEl = el as HTMLZPopoverElement)}\n bindTo={this.menuTrigger as HTMLElement}\n onOpenChange={(event) => (this.isMenuOpen = event.detail.open)}\n position={this.popoverPosition}\n >\n <slot name=\"contextual-menu\"></slot>\n </z-popover>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

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

@@ -41,7 +41,7 @@ const ZAccordion = class {
         this.toggled.emit(this.open);
     }
     render() {
-        return (index.h("details", { key: '553c092830aef8aeb00d68ff98bcde8432aca6b1', ref: (elm) => (this.detailsElm = elm), onToggle: this.onDetailsToggle.bind(this), open: this.open }, index.h("summary", { key: 'd9834ea9fc0ddf03e1988134a72885357c885761', tabIndex: this.isDisabled ? -1 : null, part: "summary" }, this.icon && (index.h("z-icon", { key: 'a36e67e30ca2239ee1ea95a1a50bbed3d34815ab', class: "z-accordion-label-icon", name: this.icon })), index.h("span", { key: 'd26597865876c38d5d23a24e39b1a2fb1ee83f31', class: "z-accordion-label" }, this.label), index.h("span", { key: 'd0c3a1691b7d0b2c8b4b789461864d1e40adbf53', class: "z-accordion-tags" }, index.h("slot", { key: '7a00b9f1df6db4b617026b3804a0183b8e5760fc', name: "tag" })), index.h("z-icon", { key: '44460b3f207965df5ad92386c00bb97c9ad14c20', class: "z-accordion-chevron", name: this.open ? "chevron-up" : "chevron-down" })), !this.isDisabled && (index.h("div", { key: 'c178a1ec6fadcdab1f612bbb465d68759fd11556', class: "z-accordion-content", part: "content" }, index.h("slot", { key: 'c472c1d459c4ac1c185caa7a143d2355a3811231' })))));
+        return (index.h("details", { key: 'bdb34b510290856b328024c34925a8e8a285e23b', ref: (elm) => (this.detailsElm = elm), onToggle: this.onDetailsToggle.bind(this), open: this.open }, index.h("summary", { key: 'd7862cd9cd5abf01183a92d32b55754a898e509c', tabIndex: this.isDisabled ? -1 : null, part: "summary" }, this.icon && (index.h("z-icon", { key: '0aa26079e890fa7d7f35a5ef72ea8a9e96106add', class: "z-accordion-label-icon", name: this.icon })), index.h("span", { key: 'dcb7dd37f3c48c3382dc9e406f94d21548b73a59', class: "z-accordion-label" }, this.label), index.h("span", { key: '844e5038b3e2f27e07da27ea127ea4489f054cd7', class: "z-accordion-tags" }, index.h("slot", { key: 'a707878a05c60a291bb0c6b98f8fb6e2764907ca', name: "tag" })), index.h("z-icon", { key: '87f9b836228e0c20609cb9bc66f611524607fa33', class: "z-accordion-chevron", name: this.open ? "chevron-up" : "chevron-down" })), !this.isDisabled && (index.h("div", { key: '447f38b44ded34136bbefbe6daf66e441474265b', class: "z-accordion-content", part: "content" }, index.h("slot", { key: '8ee4b2b66675d7e46af1ae6ac885fda7da5543da' })))));
     }
     static get watchers() { return {
         "isDisabled": ["onDisabledChange"]

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

@@ -13,7 +13,7 @@ const ZAlert = class {
         this.type = undefined;
     }
     render() {
-        return (index.h("div", { key: 'd8f517746b9ac440c806d98c652197938d0ffbe4', class: this.type }, index.h("slot", { key: 'fafc87f881633cc1167a2524dc68072f6f936700' })));
+        return (index.h("div", { key: '14cc56717ffbfb7d4e9fe140892a029dedc3277f', class: this.type }, index.h("slot", { key: '917ee29a8eda519e8f5a56687b2379e2463f3dc7' })));
     }
 };
 ZAlert.style = ZAlertStyle0;

package/dist/cjs/z-anchor-navigation.cjs.entry.js CHANGED Viewed

@@ -43,7 +43,7 @@ const ZAnchorNavigation = class {
         window.removeEventListener("hashchange", this.setCurrent);
     }
     render() {
-        return (index.h(index.Host, { key: '24a1293616740146069105e12e6e5e3285188c5c', collapsed: this.collapsed }, index.h("z-button", { key: 'd591dd0f7ad7756814264c68b99c4231056fc80e', class: "toggle", variant: index$1.ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, "salta a"), index.h("nav", { key: 'ce5d99d6235de3f09e94f603e25d9266e614dde4', ref: (el) => (this.nav = el) }, index.h("slot", { key: '6f9a769d7ba1b32504daf5a91deac3ab7431e411' }))));
+        return (index.h(index.Host, { key: '7022df46f8b97eef80971668910dc2624edd02df', collapsed: this.collapsed }, index.h("z-button", { key: 'acebe8662731ead75868d8f2589fa37ac26445b4', class: "toggle", variant: index$1.ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, "salta a"), index.h("nav", { key: '9d3150d70950eeba65f98dfff8a7f2d4d5783dc4', ref: (el) => (this.nav = el) }, index.h("slot", { key: '54a8897822b0cbe57440cf3c273540c7f7f6c7fb' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/z-app-header-deprecated.cjs.entry.js CHANGED Viewed

@@ -142,7 +142,7 @@ const ZAppHeaderDeprecated = class {
         this.evaluateViewport();
     }
     render() {
-        return (index.h(index.Host, { key: '477187211ee87000d28ab64cf1c29ea12a42d622', "menu-length": this.menuLength }, this.hasHero && (index.h("div", { key: '86bd441c735d7d20f64d583e14fab25bfbb30a7d', class: "hero-container" }, index.h("slot", { key: '05e3cc376d564c13dc76680c7b45489de02c984e', name: "hero" }, this.hero && (index.h("img", { key: 'abbdda0c747549748dfba602bfb6445a32ff81f3', alt: "", src: this.hero }))))), index.h("div", { key: '4e4a5e14a003e33b7354ac85117baf32087e1229', class: "heading-panel", ref: (el) => (this.container = el) }, index.h("div", { key: '2882046b8a0679046518eede697e9ff52ab3f66f', class: "heading-container" }, index.h("div", { key: 'd122b8f3c3fd85b81e573baf660c32f55dd6ead2', class: "heading-subtitle" }, index.h("slot", { key: '6aaf2a67a3f35d9d63a4a3aa0b5bd76a5dd082b7', name: "top-subtitle" })), index.h("div", { key: 'fd8c827fd52132e876800c4b204875824a266973', class: "heading-title" }, this.menuLength > 0 && (index.h("button", { key: 'd8a1b3c2234af320d9340d2bd24ef7ae3ab01ff2', class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, index.h("z-icon", { key: '8d1f1a42aca239d2093b7a8e000ba02d0b3b5d15', name: "burger-menu" }))), index.h("slot", { key: 'a29f125d6cf7b9e11fc7d9b5b021b990b353ced8', name: "title" }), this.renderSearchLinkButton()), index.h("div", { key: 'f064a968e6d02cb7f37166e8cf38a1918db5a996', class: "heading-subtitle" }, index.h("slot", { key: '6fcda7ff58c59fbf05487f290614898addd90cda', name: "subtitle" }))), (this.canShowMenu || this.canShowSearchbar) && (index.h("div", { key: '32b60b76563cbb06f62d54cc30e205079b5cc421', class: "menu-container" }, this.canShowMenu && (index.h("slot", { key: '54309061dfac83c6bfc943b4605702e0ec9c926a', name: "menu", onSlotchange: this.collectMenuElements })), this.canShowSearchbar && this.renderSeachbar(this.currentViewport !== "desktop")))), index.h("z-offcanvas", { key: '69129266cfd4333a9707be038c155e343dc32536', variant: index$1.OffCanvasVariant.OVERLAY, transitiondirection: index$1.TransitionDirection.RIGHT, open: this.drawerOpen, onCanvasOpenStatusChanged: (ev) => (this.drawerOpen = ev.detail) }, index.h("button", { key: 'c71cad9be2ef23508dfc35f487ad3cffe61255ac', class: "drawer-close", "aria-label": "Chiudi menu", onClick: this.closeDrawer, slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}`, disabled: !this.drawerOpen }, index.h("z-icon", { key: 'c6c9ea2ce3aabe34a89b25403ddfaadfd31d650e', name: "close" })), index.h("div", { key: 'b3f130f79517864594154fbe377be2cac4ad1d71', class: "drawer-content", slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}` }, index.h("slot", { key: '935dd4a19dcef258a6d63a2a346df95dc8d1b7ed', name: "menu", onSlotchange: this.collectMenuElements }))), this._stuck && (index.h("div", { key: '0421859e06a733813f02cd4010215aed0cf5ebf5', class: "heading-stuck" }, index.h("div", { key: '59e8970e4823bc25e709156d4685e71d1f7b5cd0', class: "heading-stuck-content" }, this.menuLength > 0 && (index.h("button", { key: '474f31f733a39fbc341fc15e5178ac8c4cc4652c', class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, index.h("z-icon", { key: 'd1afd403d688e910e1b5fbf36edacb988dd73795', name: "burger-menu" }))), index.h("div", { key: '7a866b8e0cc54d1dcab8a7e43d67dab1c1a8b08b', class: "heading-title" }, index.h("slot", { key: '4b7ca09bc08da45f015b087c779ac8cf35c53f3e', name: "stucked-title" }, this.title)), this.renderSearchLinkButton(), this.canShowSearchbar && this.currentViewport === "desktop" && this.renderSeachbar(false))))));
+        return (index.h(index.Host, { key: '048f0a2b8e7ec3c6c208d8dbfba716054d985c35', "menu-length": this.menuLength }, this.hasHero && (index.h("div", { key: '22b129e362391c6a97ecc8c5eaca22cbe7c8ba2a', class: "hero-container" }, index.h("slot", { key: '6324c3ddbae133c876d28cd31a6c9d4fcdd0a5ca', name: "hero" }, this.hero && (index.h("img", { key: '421c710a8d0d9067f652f412dc9ec3b5300577e4', alt: "", src: this.hero }))))), index.h("div", { key: 'f27e5ee2815e845a776ea4d7771163f2e347775d', class: "heading-panel", ref: (el) => (this.container = el) }, index.h("div", { key: '6e27bf65e911de7d4044a109ce2e3d54c19c55b9', class: "heading-container" }, index.h("div", { key: '0645b40288bde94d14120767efb20e643d1dd7d6', class: "heading-subtitle" }, index.h("slot", { key: '873b49535b8881edd8e99374e66a65dace599178', name: "top-subtitle" })), index.h("div", { key: 'c108bb393519761e3577efb97a2e94376a8f86e2', class: "heading-title" }, this.menuLength > 0 && (index.h("button", { key: '61ea59d5d799b8fe33b253680908e8341920388f', class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, index.h("z-icon", { key: 'b0116bbd7dd2e43a0acc6f64f424382141d39afe', name: "burger-menu" }))), index.h("slot", { key: '4c2ca7405eed50af8483a30e7805162d7cdfb473', name: "title" }), this.renderSearchLinkButton()), index.h("div", { key: '946155507a9da7dd8245f572110475a7535917a0', class: "heading-subtitle" }, index.h("slot", { key: 'aea8740f8bb85d585cad6efbdb1839c8209f645c', name: "subtitle" }))), (this.canShowMenu || this.canShowSearchbar) && (index.h("div", { key: 'f5e5a06396e0f2b007a8c62437ef59166197f0e6', class: "menu-container" }, this.canShowMenu && (index.h("slot", { key: '14972a9a7fcb377cc73bbeb3d03ebb5222ad62ae', name: "menu", onSlotchange: this.collectMenuElements })), this.canShowSearchbar && this.renderSeachbar(this.currentViewport !== "desktop")))), index.h("z-offcanvas", { key: '3f105502d0697252821b3bcc16f2b9a035e8bc0b', variant: index$1.OffCanvasVariant.OVERLAY, transitiondirection: index$1.TransitionDirection.RIGHT, open: this.drawerOpen, onCanvasOpenStatusChanged: (ev) => (this.drawerOpen = ev.detail) }, index.h("button", { key: '2ed85c125631f2da5774f108a75fe19466d93456', class: "drawer-close", "aria-label": "Chiudi menu", onClick: this.closeDrawer, slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}`, disabled: !this.drawerOpen }, index.h("z-icon", { key: 'b70a0c3864adfc0e86b17210f9c975f885cd2aeb', name: "close" })), index.h("div", { key: 'bf35efa556d834995682ad8e7200caeae2071743', class: "drawer-content", slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}` }, index.h("slot", { key: 'b613adb66ed1146260816ff3261c42e07c433ddc', name: "menu", onSlotchange: this.collectMenuElements }))), this._stuck && (index.h("div", { key: '26f58b77584adf8c846b107e8afee3e670569ce8', class: "heading-stuck" }, index.h("div", { key: 'a21a7cb4bf84e6c7d73fcad56ad470412b5348a8', class: "heading-stuck-content" }, this.menuLength > 0 && (index.h("button", { key: 'b9a972d74476857fd2f4d25e219145bb02abc101', class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, index.h("z-icon", { key: '739584d139e3aa74c9bf6a678dd69b6cd6a94c2b', name: "burger-menu" }))), index.h("div", { key: 'a8ecadb5216352e5719976430faf62260ad5bf3d', class: "heading-title" }, index.h("slot", { key: '651eead99c68f5925310749920e5aa834a3300f9', name: "stucked-title" }, this.title)), this.renderSearchLinkButton(), this.canShowSearchbar && this.currentViewport === "desktop" && this.renderSeachbar(false))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/z-app-header_12.cjs.entry.js CHANGED Viewed

@@ -254,7 +254,7 @@ const ZAppHeader = class {
     }
     render() {
         const hasTopSubtitle = this.hasSlot("top-subtitle");
-        return (index$1.h(index$1.Host, { key: '73660687ce18057a727a2248273d06726f4170ca', "menu-length": this.menuLength }, index$1.h("div", { key: 'd2373224c1aae86b4f4a98af8e1bf399b9e1d48a', class: { "heading-panel": true, "has-menubar": this.menuLength > 0 && !this.enableOffcanvas }, ref: (el) => (this.container = el) }, index$1.h("div", { key: 'd91ee4a3bdf657cad1b929c4a272c0f814e1e059', class: "heading-container" }, ((!this.enableSearch && this.isMobile) || !this.isMobile) && (index$1.h("div", { key: 'c6dad6a4c91ace00fbdcff67dcdd6c1098bd9ff7', class: "top-subtitle" }, index$1.h("slot", { key: 'de9b4e221235a883084ae737b8c3a0d1898421c2', name: "top-subtitle" }))), index$1.h("div", { key: 'afd063f688ba48c6376374d11492a613939aa55e', class: "heading-title" }, this.renderMenuButton(), !hasTopSubtitle && !this._stuck && this.renderProductLogos(), index$1.h("slot", { key: '3739c4b5afcf36254eb6447ab48762326ed5c5cc', name: "title" }), this.enableSearch && !this.isMobile && this.renderSeachbar()), this.enableSearch && this.isMobile && this.renderSeachbar()), index$1.h("nav", { key: '15ab27c813c14db5d4e4edf8625e03d6d0649aa7', class: "menu-container", "aria-label": this.title || undefined }, this.canShowMenu && (index$1.h("div", { key: '8b275fc910cc9a2a7edca5cb8d265a97b852d42d', role: "menubar", "aria-label": this.title || undefined }, index$1.h("slot", { key: 'c6c9e409dd5c0a90bd37aacc6e12242cdb59dc0e', name: "menu", onSlotchange: this.collectMenuElements }))))), this.renderOffcanvas(), this._stuck && this.renderStuck()));
+        return (index$1.h(index$1.Host, { key: 'c19943da97955f6e4e1b4a8c4a47cbf6d62d7dd6', "menu-length": this.menuLength }, index$1.h("div", { key: 'e080e096da6b08fdcf083ff33b0ed7be9bf8c83e', class: { "heading-panel": true, "has-menubar": this.menuLength > 0 && !this.enableOffcanvas }, ref: (el) => (this.container = el) }, index$1.h("div", { key: '8e2d6d90db4764386d766efa112774faea3d76f1', class: "heading-container" }, ((!this.enableSearch && this.isMobile) || !this.isMobile) && (index$1.h("div", { key: 'b4b93b27a1baec5aade00cc0c72cab5502443fc3', class: "top-subtitle" }, index$1.h("slot", { key: '22a97c618281366a9fdb862e05140f6c4a441e5c', name: "top-subtitle" }))), index$1.h("div", { key: '9857df2d3944570cafc79b22435d115f057399ce', class: "heading-title" }, this.renderMenuButton(), !hasTopSubtitle && !this._stuck && this.renderProductLogos(), index$1.h("slot", { key: '897395e322b582a570daf7c356800950bbb6c41f', name: "title" }), this.enableSearch && !this.isMobile && this.renderSeachbar()), this.enableSearch && this.isMobile && this.renderSeachbar()), index$1.h("nav", { key: '2081537e455662759e603252997d0385bbfb3597', class: "menu-container", "aria-label": this.title || undefined }, this.canShowMenu && (index$1.h("div", { key: '41f6ab1d91e9951e4ef82d84eb1d8a102fa73ecd', role: "menubar", "aria-label": this.title || undefined }, index$1.h("slot", { key: '62d610a6b00b79004b4f0879a2f2d680ad939e6f', name: "menu", onSlotchange: this.collectMenuElements }))))), this.renderOffcanvas(), this._stuck && this.renderStuck()));
     }
     get hostElement() { return index$1.getElement(this); }
     static get watchers() { return {
@@ -313,7 +313,7 @@ const ZDivider = class {
         this.orientation = index.DividerOrientation.HORIZONTAL;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '51d07c34bce26aee25166c180e8b7802686782aa', class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));
+        return (index$1.h(index$1.Host, { key: '59e2f811ae879f15bfacb97769a2d43cf68b40a5', class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));
     }
 };
 ZDivider.style = ZDividerStyle0;
@@ -1228,7 +1228,7 @@ const ZIcon = class {
         return index$1.h("polygon", { points: ICONS[this.name] });
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '87e20d411d3a0476f484ddf7929e463273f9f64a', "aria-hidden": "true" }, index$1.h("svg", { key: '3467f40fa08154f3e48c8346bbcc81a4e60e7c8d', viewBox: "0 0 1000 1000", width: this.width, height: this.height, id: this.iconid, fill: this.fill ? `var(--${this.fill})` : "" }, this.selectPathOrPolygon(ICONS[this.name]))));
+        return (index$1.h(index$1.Host, { key: 'ecf203cc477b9a08475f233b3ea8fcbf47e6da8f', "aria-hidden": "true" }, index$1.h("svg", { key: 'fac769701df8bb25a2f38d59474810543e97f81f', viewBox: "0 0 1000 1000", width: this.width, height: this.height, id: this.iconid, fill: this.fill ? `var(--${this.fill})` : "" }, this.selectPathOrPolygon(ICONS[this.name]))));
     }
 };
 ZIcon.style = ZIconStyle0;
@@ -1502,7 +1502,7 @@ const ZInput = class {
             default:
                 input = this.renderInputText(this.type);
         }
-        return index$1.h(index$1.Host, { key: 'a5f48d2f5870b944d081f2248427212e1876015c' }, input);
+        return index$1.h(index$1.Host, { key: '3071d77e175d625f43e10302e68fba9d9c684aed' }, input);
     }
     get hostElement() { return index$1.getElement(this); }
 };
@@ -1530,7 +1530,7 @@ const ZInputMessage = class {
         this.onMessageChange();
     }
     render() {
-        return (index$1.h(index$1.Host, Object.assign({ key: 'f8a0fc725c8e09f171076fdc58f0dec018a01112' }, this.statusRole, { "aria-label": this.message }), this.statusIcons[this.status] && this.message && index$1.h("z-icon", { key: 'ab887f18fcdee987b77a2b211a1c8cbe0d88f778', name: this.statusIcons[this.status] }), index$1.h("span", { key: '7bf90a5951acbc4a0e66a01e7daa15a1962e3ede', innerHTML: this.message })));
+        return (index$1.h(index$1.Host, Object.assign({ key: '13e95f0e0664ac1bbf7044aeb55aeeb4996736f9' }, this.statusRole, { "aria-label": this.message }), this.statusIcons[this.status] && this.message && index$1.h("z-icon", { key: '918e983717fb5ba82f16370b1c670e924701b95b', name: this.statusIcons[this.status] }), index$1.h("span", { key: 'a1f1f975d4deed250b659446e1b7a17327895377', innerHTML: this.message })));
     }
     static get watchers() { return {
         "message": ["onMessageChange"],
@@ -1561,7 +1561,7 @@ const ZList = class {
         this.setChildrenSizeType();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'c01e8c9e4b4f7afb0ca872d7ceab5cb6ddbb1489' }, index$1.h("slot", { key: '794584b339e6c16dd9286a7f64b86836fe43ad9a' })));
+        return (index$1.h(index$1.Host, { key: 'd86dda3805c91b702759474eddf037e5e6cce570' }, index$1.h("slot", { key: '10162e99e8c06b05fb33bea9a68d7ca5b5b711fa' })));
     }
     get host() { return index$1.getElement(this); }
 };
@@ -1687,7 +1687,7 @@ const ZListElement = class {
         }
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '5d91602e00c7da63a8697ba7fefb0358128806ea', "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.htmlTabindex }, index$1.h("div", { key: '862f8416c97f4843741566729e5a28105cb88d90', class: "container", style: { color: `var(--${this.color})` }, tabindex: "-1", id: `z-list-element-id-${this.listElementId}`, part: "list-item-container" }, index$1.h("div", { key: '17ff37f44019ebf4d92c4730b9535c0edf6e8ace', class: "z-list-element-container" }, this.renderExpandableButton(), this.renderContent()), this.renderExpandedContent()), this.dividerType === index.ListDividerType.ELEMENT && (index$1.h("z-divider", { key: '0a283eb65f2ca71d3d5c40d5e0c561ec95b3fcc9', color: this.dividerColor, size: this.dividerSize }))));
+        return (index$1.h(index$1.Host, { key: '629f94ca0b1a1433059770113493efdd5d95934b', "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.htmlTabindex }, index$1.h("div", { key: '9ada9980fca4dca5887463f045406ff3f1d6ae70', class: "container", style: { color: `var(--${this.color})` }, tabindex: "-1", id: `z-list-element-id-${this.listElementId}`, part: "list-item-container" }, index$1.h("div", { key: '6b3ae24d0d15e8820657bc3ff75415af64cfa13c', class: "z-list-element-container" }, this.renderExpandableButton(), this.renderContent()), this.renderExpandedContent()), this.dividerType === index.ListDividerType.ELEMENT && (index$1.h("z-divider", { key: 'b4f432cd071a2ade6267e6e7f21ee7a845f1b07f', color: this.dividerColor, size: this.dividerSize }))));
     }
     get host() { return index$1.getElement(this); }
 };
@@ -1722,10 +1722,10 @@ const ZListGroup = class {
         this.hasHeader = !!this.host.querySelector('[slot="header-title"]');
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '7dc5fbe5639f76dd3582024780546dd5f5eeacd9', role: "group" }, index$1.h("div", { key: '697940e26acd3c2a56e15d74ef3c7b4dd735a773', class: {
+        return (index$1.h(index$1.Host, { key: 'c3eafdcb7c37f753577b21edcaa2eff222e88a36', role: "group" }, index$1.h("div", { key: 'a2be88ed0eff401b1d17349a26255c7b6621d406', class: {
                 "z-list-group-header-container": true,
                 "has-header": this.hasHeader,
-            } }, index$1.h("slot", { key: 'bc95ab750467cd507c7a0c77b50364185d964e10', name: "header-title" }), this.dividerType === index.ListDividerType.HEADER && (index$1.h("z-divider", { key: '1f0fa574ba3ed9d71bd8c24718258c6a2b08b5b4', color: this.dividerColor, size: this.dividerSize }))), index$1.h("slot", { key: '33019310cb014686a44889d8333ba1dd48c4ede3' })));
+            } }, index$1.h("slot", { key: 'be997f1ade9f660b053f146c27e72ac748ac0c84', name: "header-title" }), this.dividerType === index.ListDividerType.HEADER && (index$1.h("z-divider", { key: '27594df46343bd33cf937d4842ba3cd8c4d1bee0', color: this.dividerColor, size: this.dividerSize }))), index$1.h("slot", { key: 'f1add18058f79d6f50ec5e78e2080e39bb4bc69c' })));
     }
     get host() { return index$1.getElement(this); }
 };
@@ -1796,7 +1796,7 @@ const ZOffcanvas = class {
         this.open = false;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '1e33dcee1ad8e36289e98efb41f899d6e7d3ef65', "skip-animation": this.skipAnimation, "aria-hidden": !this.open ? "true" : null }, index$1.h("div", { key: '6f97e9ce4dd928d0da4fb908393675369f10f510', class: "canvas-container", role: "presentation", ref: (el) => (this.canvasContainer = el) }, index$1.h("div", { key: '4346fe24097dd96a7e210b526ec25edc87aee75c', class: "canvas-content", role: "presentation" }, index$1.h("slot", { key: 'd19ccabacac91f39a4402f1a6015165fa03f5984', name: "canvasContent" }))), (this.variant == index.OffCanvasVariant.OVERLAY || this.transitiondirection === index.TransitionDirection.UP) && (index$1.h("div", { key: 'eaee11e9a44ab1a432dc49e5c0d03d26eb5cc869', class: "canvas-background", onClick: () => (this.open = false) }))));
+        return (index$1.h(index$1.Host, { key: 'f14ed87f494d40f9a7746168fa4411e814e41ab1', "skip-animation": this.skipAnimation, "aria-hidden": !this.open ? "true" : null }, index$1.h("div", { key: '8a0b6db716718829e71694ca1f6cc2a2585ab784', class: "canvas-container", role: "presentation", ref: (el) => (this.canvasContainer = el) }, index$1.h("div", { key: '67f4f2e4b93a97df84c01a3817e979542c4b3256', class: "canvas-content", role: "presentation" }, index$1.h("slot", { key: '1240ddd2337f3f9892dc8a64d7aaaea1b98ef23d', name: "canvasContent" }))), (this.variant == index.OffCanvasVariant.OVERLAY || this.transitiondirection === index.TransitionDirection.UP) && (index$1.h("div", { key: '0d4c22c979bbfc7736f39070b44cf780d8c57355', class: "canvas-background", onClick: () => (this.open = false) }))));
     }
     static get watchers() { return {
         "variant": ["handlePageOverflow"],
@@ -2092,7 +2092,7 @@ const ZSearchbar = class {
         return (index$1.h("z-list-element", { role: "option", tabindex: 0, clickable: true, id: `list-item-${this.htmlid}-show-all`, onClickItem: () => (this.currResultsCount = 0), color: "color-primary01" }, index$1.h("div", { class: "item-show-all" }, "Vedi tutti i risultati")));
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '85f2404f7c749aa64e580e3a3a1ce5db402d8efa', onFocus: () => (this.showResults = true), onClick: (e) => this.handleOutsideClick(e), class: { "has-submit": this.showSearchButton, "has-results": this.autocomplete } }, index$1.h("div", { key: 'ce50b674effe061ff27f17f05a1a97cbb6f847cb', class: "input-container" }, this.renderInput(), this.renderResults()), this.renderButton()));
+        return (index$1.h(index$1.Host, { key: 'dbe7f1048a93c65fa23d650523bd83a85c7be9fd', onFocus: () => (this.showResults = true), onClick: (e) => this.handleOutsideClick(e), class: { "has-submit": this.showSearchButton, "has-results": this.autocomplete } }, index$1.h("div", { key: 'c1fd476ce68e37acf3152fd01e5086b3a9bbd3dc', class: "input-container" }, this.renderInput(), this.renderResults()), this.renderButton()));
     }
     get element() { return index$1.getElement(this); }
     static get watchers() { return {
@@ -2115,9 +2115,9 @@ const ZTag = class {
         this.expandable = undefined;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '54afe8050d5dc914cbeb22de20abfa6c761e66ee', class: {
+        return (index$1.h(index$1.Host, { key: 'ffea47f2e9e844fc83b4a8063798fa0b96d6e2c2', class: {
                 expandable: this.expandable && !!this.icon,
-            } }, this.icon && index$1.h("z-icon", { key: 'bdf9d98d9d298c48bb381c36eb99fda474eb2a83', name: this.icon }), index$1.h("div", { key: '32835cdcc872c0e3d7f82bac292ebc2bc86b3ed7' }, index$1.h("slot", { key: 'f045beba02b121bb9faedbadcd4375e52c49aa56' }))));
+            } }, this.icon && index$1.h("z-icon", { key: 'f14e9ed73487caa2e21f3cfc45c99945910c9053', name: this.icon }), index$1.h("div", { key: '5c005ad1d82eb22cd2f846fc29446a5ca9334295' }, index$1.h("slot", { key: 'd509ee48f18de49b2c8c332a64bed1f85291b7e5' }))));
     }
 };
 ZTag.style = ZTagStyle0;

package/dist/cjs/z-aria-alert.cjs.entry.js CHANGED Viewed

@@ -11,7 +11,7 @@ const ZAriaAlert = class {
         this.mode = index$1.ZAriaAlertMode.POLITE;
     }
     render() {
-        return (index.h(index.Host, { key: 'e8ceca73857489585911705b8812ba975e9f0c13', "aria-live": this.mode, "aria-atomic": "true", "aria-relevant": "additions" }, index.h("slot", { key: '33318fdf8854824a83ee0273d26990ba6344778d' })));
+        return (index.h(index.Host, { key: 'd499971646bd67f039efe11fce7f6662de50006c', "aria-live": this.mode, "aria-atomic": "true", "aria-relevant": "additions" }, index.h("slot", { key: '009efbe303e1a5ab3434e6b0a98e7bef1705ccbe' })));
     }
 };

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

@@ -33,10 +33,10 @@ const ZAvatar = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'd5f252f18b2268372c5541072887e6c8d12bfb17', class: { [this.size]: true, [`body-${this.getTextSize()}-sb`]: true }, style: {
+        return (index.h(index.Host, { key: '8e88834e461e837323d45fa67043d8c34426cd83', class: { [this.size]: true, [`body-${this.getTextSize()}-sb`]: true }, style: {
                 color: `var(--${this.textColor})`,
                 backgroundColor: `var(--${this.backgroundColor})`,
-            } }, this.text && !this.image && index.h("span", { key: '5ef7c7096048ec680afc83a5d5f38116e86421f4' }, this.text.substring(0, 2)), this.image && (index.h("img", { key: 'cc4f580eed60c8f07e28e1cde52a3bad8dbb91ad', src: this.image, onError: () => (this.image = "") }))));
+            } }, this.text && !this.image && index.h("span", { key: '72e6843ab2f556bf7df177581155f447dae5d8db' }, this.text.substring(0, 2)), this.image && (index.h("img", { key: '7f8db000d814873364f4df585e1f6813e4373747', src: this.image, onError: () => (this.image = "") }))));
     }
 };
 ZAvatar.style = ZAvatarStyle0;

package/dist/cjs/z-book-card-app.cjs.entry.js CHANGED Viewed

@@ -34,7 +34,7 @@ const ZBookCardApp = class {
         return null;
     }
     render() {
-        return (index.h("div", { key: 'c9879394d9cde5cd439696358e5e9085538c9976' }, index.h("a", { key: '0cd25a95c95605890842c82e17496fd72204f7a7', class: "app z-link", href: this.link, "aria-label": `vai a ${this.laz ? "laz" : ""} ${this.name}`, onClick: () => this.emitAppClick() }, this.logo && (index.h("img", { key: '1dfec9f7120a2c3cec8a85fa6be9aa4effbf3615', src: this.logo, alt: "" })), index.h("div", { key: '5ec63eb9417eaf61362211d00d772f3eac1a2d08', class: "name body-4-sb" }, this.renderLaz(), this.name)), this.info && (index.h("z-info-reveal", { key: 'dbd288ec2a2029320766c619d44748b8b903e721', icon: "info", size: index$1.ControlSize.X_SMALL, position: index$1.InfoRevealPosition.TOP_RIGHT, class: "info body-5" }, index.h("div", { key: '06d04f968e1c7ca65ea0672618e6510fc3504b8f' }, this.info))), index.h("a", { key: '12eac3132b60412eb18589000a383c029a8294b7', class: "z-link z-link-icon", href: this.link, "aria-label": `vai a ${this.laz ? "laz" : ""} ${this.name}`, onClick: () => this.emitAppClick() }, index.h("z-icon", { key: '740aea7f8f978d4c7657ae94b63c0670b106f63b', name: "chevron-right", width: 16, height: 16, fill: "color-primary01-icon" }))));
+        return (index.h("div", { key: 'a69ca0314b904cb539a43bf1ce8d91a684524fa1' }, index.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 && (index.h("img", { key: 'ffd80dbecc4e49a7c3f4fc79c78b99b6b1e67c4e', src: this.logo, alt: "" })), index.h("div", { key: '6cd2a2063c78cce5df784e7e0caeee5638ad01a7', class: "name body-4-sb" }, this.renderLaz(), this.name)), this.info && (index.h("z-info-reveal", { key: '504f67881f639266d779e158b5e0876a68c5159e', icon: "info", size: index$1.ControlSize.X_SMALL, position: index$1.InfoRevealPosition.TOP_RIGHT, class: "info body-5" }, index.h("div", { key: 'fcefd2cfebe1d7adc62ba043efbfb4fa321ae71b' }, this.info))), index.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" }, index.h("z-icon", { key: '25a3856a53b3efd8bdde143db480750a499b3f7a', name: "chevron-right", width: 16, height: 16, fill: "color-primary01-icon" }))));
     }
     get hostElement() { return index.getElement(this); }
 };