@zanichelli/delta_share 3.0.2 → 3.2.0

package/dist/wc/cjs/index-05a1b9dc.js

@@ -0,0 +1,70 @@
+'use strict';
+
+const index = require('./index-9ca7d5e5.js');
+const index$1 = require('./index-c0af2262.js');
+
+const stylesCss = ":host{position:relative;display:flex;min-width:128px;box-sizing:border-box;align-items:center;padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2));background-color:var(--color-surface01);gap:calc(var(--space-unit) * 2) var(--space-unit)}:host([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}:host([show-menu])::after{display:inline-block;height:100%;margin-right:calc(var(--space-unit) * 4);background:transparent;content:\"\";user-select:none}.cell--menu-container{position:absolute;z-index:1;top:var(--space-unit);right:var(--space-unit)}:host(:not([show-menu])) .cell--menu-container{opacity:0;pointer-events:none}:host(:is([show-menu],[menu-open])) .cell--menu-container,:host([show-menu]) .cell--menu-container:focus-within{opacity:1;pointer-events:all}@media (min-width: 768px) and (hover: hover){:host([show-menu=\"hover\"]) .cell--menu-container{opacity:0;pointer-events:none}:host([show-menu=\"hover\"]:hover) .cell--menu-container{opacity:1;pointer-events:all}}:host{background-color:var(--color-surface02);font-weight:var(--font-sb)}:host([sortable]){cursor:pointer}.z-th--sort-button{display:flex;align-items:center;justify-content:center;padding:0;border:none;margin-top:auto;background-color:transparent;cursor:pointer}.z-th--sort-button:focus{box-shadow:var(--shadow-focus-primary);outline:none}";
+
+const ZTh = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.sort = index.createEvent(this, "sort", 7);
+    /**
+     * Enables the contextual menu.
+     * Can be set to "hover" or "always" to show the button only on cell hover or always.
+     * Set a nullish value to hide the menu button.
+     */
+    this.showMenu = null;
+    /**
+     * Whether the cell should stick.
+     */
+    this.sticky = false;
+    /**
+     * Store the open state of the menu.
+     */
+    this.isMenuOpen = false;
+  }
+  /**
+   * Get the value to set to the `aria-sort` attribute based on the current sort direction.
+   */
+  get ariaSortDirection() {
+    if (!this.sortDirection) {
+      return null;
+    }
+    return this.sortDirection === index$1.SortDirection.ASC ? "ascending" : "descending";
+  }
+  /**
+   * Handle the click on the sort button.
+   * @fires sort
+   */
+  handleSort() {
+    if (!this.sortDirection) {
+      return;
+    }
+    this.sortDirection = this.sortDirection === index$1.SortDirection.ASC ? index$1.SortDirection.DESC : index$1.SortDirection.ASC;
+    this.sort.emit({
+      sortDirection: this.sortDirection,
+    });
+  }
+  updateColspan() {
+    if (this.colspan) {
+      this.host.style.gridColumn = `span ${this.colspan}`;
+    }
+    else {
+      this.host.style.removeProperty("grid-column");
+    }
+  }
+  componentWillLoad() {
+    this.updateColspan();
+  }
+  render() {
+    return (index.h(index.Host, { role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection }, index.h("slot", null), this.sortDirection && (index.h("button", { class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, index.h("z-icon", { name: this.sortDirection === index$1.SortDirection.ASC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (index.h("div", { class: "cell--menu-container" }, index.h("z-button", { 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", { ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open) }, index.h("slot", { name: "contextual-menu" }))))));
+  }
+  get host() { return index.getElement(this); }
+  static get watchers() { return {
+    "colspan": ["updateColspan"]
+  }; }
+};
+ZTh.style = stylesCss;
+
+exports.ZTh = ZTh;

package/dist/wc/cjs/index-18a2a552.js

@@ -0,0 +1,49 @@
+'use strict';
+
+const index = require('./index-9ca7d5e5.js');
+const index$1 = require('./index-c0af2262.js');
+
+const stylesCss = ":host{position:relative;display:flex;min-width:128px;box-sizing:border-box;align-items:center;padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2));background-color:var(--color-surface01);gap:calc(var(--space-unit) * 2) var(--space-unit)}:host([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}:host([show-menu])::after{display:inline-block;height:100%;margin-right:calc(var(--space-unit) * 4);background:transparent;content:\"\";user-select:none}.cell--menu-container{position:absolute;z-index:1;top:var(--space-unit);right:var(--space-unit)}:host(:not([show-menu])) .cell--menu-container{opacity:0;pointer-events:none}:host(:is([show-menu],[menu-open])) .cell--menu-container,:host([show-menu]) .cell--menu-container:focus-within{opacity:1;pointer-events:all}@media (min-width: 768px) and (hover: hover){:host([show-menu=\"hover\"]) .cell--menu-container{opacity:0;pointer-events:none}:host([show-menu=\"hover\"]:hover) .cell--menu-container{opacity:1;pointer-events:all}}";
+
+const ZTd = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.colspanChange = index.createEvent(this, "colspanChange", 6);
+    /**
+     * Whether the cell should stick.
+     */
+    this.sticky = false;
+    /**
+     * Enables the contextual menu.
+     * Can be set to "hover" or "always" to show the button only on cell hover or always.
+     * Set a nullish value to hide the menu button.
+     */
+    this.showMenu = null;
+    /**
+     * Store the open state of the menu.
+     */
+    this.isMenuOpen = false;
+  }
+  updateColspan() {
+    if (this.colspan) {
+      this.host.style.gridColumn = `span ${this.colspan}`;
+    }
+    else {
+      this.host.style.removeProperty("grid-column");
+    }
+    this.colspanChange.emit(this.colspan || 1);
+  }
+  componentWillLoad() {
+    this.updateColspan();
+  }
+  render() {
+    return (index.h(index.Host, { role: "cell", "menu-open": this.isMenuOpen }, index.h("slot", null), this.showMenu && (index.h("div", { class: "cell--menu-container prevent-expand" }, index.h("z-button", { 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", { ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open) }, index.h("slot", { name: "contextual-menu" }))))));
+  }
+  get host() { return index.getElement(this); }
+  static get watchers() { return {
+    "colspan": ["updateColspan"]
+  }; }
+};
+ZTd.style = stylesCss;
+
+exports.ZTd = ZTd;

package/dist/wc/cjs/index-47449986.js

@@ -0,0 +1,41 @@
+'use strict';
+
+const index = require('./index-9ca7d5e5.js');
+const index$1 = require('./index-c0af2262.js');
+
+const stylesCss = "z-table-row{display:table-row;font-family:var(--font-family-sans)}z-table-row[expanded-type=\"expandable\"]:hover{cursor:pointer}z-table-row[expanded-type=\"expandable\"]>z-table-cell:first-child,z-table-row[expanded-type=\"padding\"]>z-table-cell:first-child{--z-icon-width:16px;--z-icon-height:16px;width:24px;box-sizing:border-box;padding-right:0;padding-left:16px;fill:var(--gray800);text-align:center;user-select:none}.z-icon-placeholder{width:24px;padding-right:0}z-table-row[expanded-type=\"expandable\"]>z-table-cell:nth-child(2),z-table-row[expanded-type=\"padding\"]>z-table-cell:nth-child(2){padding-left:8px}z-table-row[expanded-type]:hover>z-table-cell:first-child{fill:var(--myz-blue-dark)}z-table-row[expanded]>z-table-cell{border-bottom:none;background-color:var(--gray50)}z-table-row[expanded]+z-table-expanded-row{display:table-row}";
+
+const ZTableRow = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.expand = index.createEvent(this, "expand", 7);
+    /** Table row expanded type */
+    this.expandedType = index$1.ZTableRowExpandedType.NONE;
+    this.expanded = false;
+  }
+  emitOnExpand() {
+    this.expand.emit({ expanded: this.expanded });
+  }
+  handleExpand() {
+    this.expanded = !this.expanded;
+    this.emitOnExpand();
+  }
+  renderExpandButton() {
+    if (this.expandedType == index$1.ZTableRowExpandedType.EXPANDABLE) {
+      return (index.h("z-table-cell", { style: { borderRight: "none" } }, index.h("z-icon", { name: this.expanded ? "minus-circled" : "plus-circled" })));
+    }
+    return (index.h("z-table-cell", { style: { borderRight: "none" } }, index.h("div", { class: "z-icon-placeholder" })));
+  }
+  render() {
+    return (index.h(index.Host, { role: "row", expanded: this.expanded, onClick: (event) => {
+        const preventExpand = event.target.classList.contains("prevent-expand");
+        const isExpandable = this.expandedType === index$1.ZTableRowExpandedType.EXPANDABLE;
+        if (isExpandable && !preventExpand) {
+          this.handleExpand();
+        }
+      } }, this.expandedType !== index$1.ZTableRowExpandedType.NONE && this.renderExpandButton(), index.h("slot", null)));
+  }
+};
+ZTableRow.style = stylesCss;
+
+exports.ZTableRow = ZTableRow;

package/dist/wc/cjs/index-4a04e2aa.js

@@ -0,0 +1,21 @@
+'use strict';
+
+const index = require('./index-9ca7d5e5.js');
+
+const stylesCss = ":host{display:block;box-sizing:border-box;border-top:1px solid var(--color-surface03);border-bottom:1px solid var(--color-surface03)}:host([sticky]){position:sticky;z-index:1;bottom:0;background-color:var(--color-surface01)}";
+
+const ZTfoot = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * If true, the footer will be stuck to the bottom of the table.
+     */
+    this.sticky = false;
+  }
+  render() {
+    return (index.h(index.Host, { role: "rowgroup" }, index.h("slot", null)));
+  }
+};
+ZTfoot.style = stylesCss;
+
+exports.ZTfoot = ZTfoot;

package/dist/wc/cjs/index-51009bcf.js

@@ -0,0 +1,29 @@
+'use strict';
+
+const index = require('./index-9ca7d5e5.js');
+
+const stylesCss = ".sc-z-table-empty-box-h{display:block;padding:calc(var(--space-unit)) calc(var(--space-unit) * 3) calc(var(--space-unit) * 3) calc(var(--space-unit) * 3);background-color:var(--bg-white)}.sc-z-table-empty-box-s>*{margin-top:var(--space-unit)}.cta.sc-z-table-empty-box{display:flex;flex-direction:row;margin-top:calc(var(--space-unit) / 2)}.cta.has-2-cta.sc-z-table-empty-box{flex-direction:column}@media only screen and (min-width: 768px){.sc-z-table-empty-box-h{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 7) calc(var(--space-unit) * 3)\n      calc(var(--space-unit) * 7)}.sc-z-table-empty-box-s>*{margin-right:calc(var(--space-unit) * 2)}.cta.sc-z-table-empty-box{margin-top:var(--space-unit)}.cta.has-2-cta.sc-z-table-empty-box{flex-direction:row}}";
+
+const ZTableEmptyBox = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /** Sets main title message*/
+    this.message = "Siamo spiacenti, al momento non sono presenti dati da visualizzare.";
+    /** Sets message */
+    this.subtitle = "";
+  }
+  componentWillLoad() {
+    this.hasCta1Slot = !!this.hostElement.querySelector('[slot="cta1"]');
+    this.hasCta2Slot = !!this.hostElement.querySelector('[slot="cta2"]');
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("span", { class: "body-3-sb" }, this.message), index.h("br", null), !!this.subtitle && index.h("span", { class: "body-4" }, this.subtitle), (!!this.hasCta1Slot || !!this.hasCta2Slot) && (index.h("div", { class: {
+        "cta": true,
+        "has-2-cta": !!this.hasCta1Slot && !!this.hasCta2Slot,
+      } }, index.h("slot", { name: "cta1" }), index.h("slot", { name: "cta2" })))));
+  }
+  get hostElement() { return index.getElement(this); }
+};
+ZTableEmptyBox.style = stylesCss;
+
+exports.ZTableEmptyBox = ZTableEmptyBox;

package/dist/wc/cjs/index-6d0848b5.js

@@ -0,0 +1,21 @@
+'use strict';
+
+const index = require('./index-9ca7d5e5.js');
+
+const stylesCss = ".sc-z-table-footer-h{display:table-footer-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}";
+
+const ZTableFooter = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentWillRender() {
+    this.host.setAttribute("role", "rowgroup");
+  }
+  render() {
+    return index.h("slot", null);
+  }
+  get host() { return index.getElement(this); }
+};
+ZTableFooter.style = stylesCss;
+
+exports.ZTableFooter = ZTableFooter;

package/dist/wc/cjs/index-732ae62f.js

@@ -0,0 +1,22 @@
+'use strict';
+
+const index = require('./index-9ca7d5e5.js');
+
+const stylesCss = ".sc-z-table-body-h{display:table-row-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}.sc-z-table-body-h>z-table-row[expanded].sc-z-table-body+z-table-expanded-row.sc-z-table-body{display:table-row}";
+
+const ZTableBody = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentWillRender() {
+    this.host.setAttribute("role", "rowgroup");
+    Array.from(this.host.children).forEach((child, index) => child.setAttribute("aria-rowindex", `${index}`));
+  }
+  render() {
+    return index.h("slot", null);
+  }
+  get host() { return index.getElement(this); }
+};
+ZTableBody.style = stylesCss;
+
+exports.ZTableBody = ZTableBody;

package/dist/wc/cjs/index-81603b4a.js

@@ -0,0 +1,17 @@
+'use strict';
+
+const index = require('./index-9ca7d5e5.js');
+
+const stylesCss = ".sc-z-table-sticky-footer-h{position:sticky;left:0;display:block;padding:var(--basex2);border-width:var(--border-size-small) 0 var(--border-base);border-style:solid;border-color:var(--gray200);background-color:var(--bg-white);font-weight:var(--font-rg)}";
+
+const ZTableStickyFooter = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return index.h("slot", null);
+  }
+};
+ZTableStickyFooter.style = stylesCss;
+
+exports.ZTableStickyFooter = ZTableStickyFooter;

package/dist/wc/cjs/index-8da01bc6.js

@@ -0,0 +1,34 @@
+'use strict';
+
+const index = require('./index-9ca7d5e5.js');
+const index$1 = require('./index-c0af2262.js');
+
+const stylesCss = ":host{display:table-cell;border-bottom:var(--border-size-small) solid var(--bg-grey-200);background-color:var(--color-white);font-family:var(--dashboard-font);font-weight:var(--font-rg)}:host>.button-container{display:none}:host:hover>.button-container{display:initial}.button-container{position:absolute;z-index:5;top:8px;right:8px}.button-content{position:relative}.contextual-menu-container{position:absolute;top:calc(100% - var(--space-unit));right:0;display:none}.button-container.visible,.contextual-menu-container.visible{display:initial}:host([padding=\"x-small\"]){padding:calc(var(--space-unit) * 0.5)}:host([padding=\"small\"]){padding:calc(var(--space-unit))}:host([padding=\"medium\"]){padding:calc(var(--space-unit) * 2)}:host([padding=\"large\"]){padding:calc(var(--space-unit) * 2.5)}:host([padding=\"special\"]){padding:0}";
+
+const ZTableCell = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /** Set padding size of cell, if special 0px padding will be set */
+    this.padding = "medium";
+    this.isMenuOpened = false;
+  }
+  handleMenu() {
+    this.isMenuOpened = !this.isMenuOpened;
+  }
+  componentWillRender() {
+    this.host.setAttribute("role", "cell");
+  }
+  render() {
+    return (index.h(index.Host, null, this.showButton && (index.h("div", { class: {
+        "button-container": true,
+        "visible": this.isMenuOpened,
+      } }, index.h("div", { class: "button-content" }, index.h("z-button", { icon: "contextual-menu", variant: index$1.ButtonVariant.TERTIARY, size: index$1.ButtonSize.X_SMALL, onClick: () => this.handleMenu() }), index.h("div", { class: {
+        "contextual-menu-container": true,
+        "visible": this.isMenuOpened,
+      } }, index.h("slot", { name: "contextual-menu" }))))), index.h("slot", null)));
+  }
+  get host() { return index.getElement(this); }
+};
+ZTableCell.style = stylesCss;
+
+exports.ZTableCell = ZTableCell;

package/dist/wc/cjs/index-9886a665.js

@@ -0,0 +1,21 @@
+'use strict';
+
+const index = require('./index-9ca7d5e5.js');
+
+const stylesCss = ".sc-z-table-head-h{display:table-header-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}";
+
+const ZTableHead = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentWillRender() {
+    this.host.setAttribute("role", "rowgroup");
+  }
+  render() {
+    return index.h("slot", null);
+  }
+  get host() { return index.getElement(this); }
+};
+ZTableHead.style = stylesCss;
+
+exports.ZTableHead = ZTableHead;

package/dist/wc/cjs/index-a9a1f262.js

@@ -0,0 +1,79 @@
+'use strict';
+
+const index = require('./index-9ca7d5e5.js');
+const index$1 = require('./index-c0af2262.js');
+const utils = require('./utils-8fd01df0.js');
+
+const stylesCss = ":host{position:relative;display:table-cell;border-bottom:var(--border-size-medium) solid var(--gray200);background-color:var(--gray50);font-family:var(--dashboard-font);font-weight:var(--font-sb);text-align:start}.container{display:flex;align-items:flex-end}:host(.sortable){cursor:pointer}:host([padding=\"x-small\"]){padding:calc(var(--space-unit) * 0.5)}:host([padding=\"small\"]){padding:calc(var(--space-unit))}:host([padding=\"medium\"]){padding:calc(var(--space-unit) * 2)}:host([padding=\"large\"]){padding:calc(var(--space-unit) * 2.5)}:host([padding=\"special\"]){padding:0}.arrow{padding-left:var(--space-unit);opacity:1}.popover-container{position:absolute;top:var(--space-unit);right:var(--space-unit);display:none}.popover-container z-popover{--z-popover-theme--surface:var(--gray200);position:relative;z-index:1}.popover-container.visible{display:block}:host(:hover) .popover-container{display:block}";
+
+const ZTableHeader = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.sort = index.createEvent(this, "sort", 7);
+    /** Set padding size of cell, if special 0px padding will be set */
+    this.padding = "medium";
+    /** [Optional] Default sort order */
+    this.defaultSortDirection = "asc";
+    /** Sort direction */
+    this.sortDirection = "none";
+    this.emitOnSort = this.emitOnSort.bind(this);
+  }
+  emitOnSort() {
+    this.sort.emit({
+      columnId: this.columnId,
+      sortDirection: this.sortDirection,
+    });
+  }
+  handleSort() {
+    if (!this.sortable) {
+      return;
+    }
+    this.sortDirection = (() => {
+      switch (this.sortDirection) {
+        case "asc":
+          return "desc";
+        case "desc":
+          return "asc";
+        case "none":
+          return this.defaultSortDirection;
+        default:
+          return "none";
+      }
+    })();
+    this.emitOnSort();
+  }
+  handleMenuClick() {
+    this.popover.open = !this.popover.open;
+  }
+  handleOutsideClick(e) {
+    const tree = utils.getElementTree(e.target);
+    const parent = tree.find((elem) => elem.nodeName.toLowerCase() === "z-popover");
+    if (!parent && this.popover) {
+      this.popover.open = false;
+    }
+  }
+  handleClickHeaders(e) {
+    const target = e.target;
+    const parent = utils.getElementTree(target).find((elem) => elem.nodeName.toLowerCase() === "z-table-header");
+    if (!this.sortable || !parent) {
+      return;
+    }
+    const parentColumnId = parent.attributes.getNamedItem("column-id").value;
+    const isSortable = target.parentNode.sortable || target.sortable;
+    if (parentColumnId !== this.columnId && isSortable) {
+      this.sortDirection = "none";
+    }
+  }
+  componentWillRender() {
+    this.host.setAttribute("role", "columnheader");
+  }
+  render() {
+    return (index.h(index.Host, { class: {
+        sortable: this.sortable,
+      }, onClick: () => this.handleSort() }, index.h("div", { class: "container" }, index.h("slot", null), this.sortable && this.sortDirection !== "none" && (index.h("z-icon", { name: this.sortDirection === "asc" ? "arrow-up" : "arrow-down", class: "arrow" }))), this.showButton && (index.h("div", { class: "popover-container" }, index.h("z-button", { ref: (el) => (this.triggerButton = el), class: "contextual-popover-button", icon: "contextual-menu", variant: index$1.ButtonVariant.TERTIARY, size: index$1.ButtonSize.X_SMALL, onClick: () => this.handleMenuClick() }), index.h("z-popover", { ref: (el) => (this.popover = el), position: index$1.PopoverPosition.BOTTOM, center: true, bindTo: this.triggerButton }, index.h("div", null, index.h("slot", { name: "contextual-menu" })))))));
+  }
+  get host() { return index.getElement(this); }
+};
+ZTableHeader.style = stylesCss;
+
+exports.ZTableHeader = ZTableHeader;

package/dist/wc/cjs/{index-1112cdb1.js → index-c0af2262.js}

@@ -24,6 +24,13 @@ exports.NavigationTabsSize = void 0;
   NavigationTabsSize["BIG"] = "big";
   NavigationTabsSize["SMALL"] = "small";
 })(exports.NavigationTabsSize || (exports.NavigationTabsSize = {}));
+exports.NavigationTabsKeyboardEvents = void 0;
+(function (NavigationTabsKeyboardEvents) {
+  NavigationTabsKeyboardEvents["LEFT"] = "ArrowLeft";
+  NavigationTabsKeyboardEvents["RIGHT"] = "ArrowRight";
+  NavigationTabsKeyboardEvents["UP"] = "ArrowUp";
+  NavigationTabsKeyboardEvents["DOWN"] = "ArrowDown";
+})(exports.NavigationTabsKeyboardEvents || (exports.NavigationTabsKeyboardEvents = {}));
 exports.ButtonVariant = void 0;
 (function (ButtonVariant) {
   ButtonVariant["PRIMARY"] = "primary";
@@ -37,12 +44,21 @@ exports.ButtonType = void 0;
   ButtonType["RESET"] = "reset";
   ButtonType["BUTTON"] = "button";
 })(exports.ButtonType || (exports.ButtonType = {}));
+/**
+ * @deprecated Use ControlSize instead
+ */
 exports.ButtonSize = void 0;
 (function (ButtonSize) {
   ButtonSize["BIG"] = "big";
   ButtonSize["SMALL"] = "small";
   ButtonSize["X_SMALL"] = "x-small";
 })(exports.ButtonSize || (exports.ButtonSize = {}));
+exports.ControlSize = void 0;
+(function (ControlSize) {
+  ControlSize["BIG"] = "big";
+  ControlSize["SMALL"] = "small";
+  ControlSize["X_SMALL"] = "x-small";
+})(exports.ControlSize || (exports.ControlSize = {}));
 exports.InputType = void 0;
 (function (InputType) {
   InputType["TEXT"] = "text";
@@ -120,7 +136,6 @@ exports.SortDirection = void 0;
 (function (SortDirection) {
   SortDirection["ASC"] = "asc";
   SortDirection["DESC"] = "desc";
-  SortDirection["NONE"] = "none";
 })(exports.SortDirection || (exports.SortDirection = {}));
 exports.AvatarSize = void 0;
 (function (AvatarSize) {
@@ -135,14 +150,6 @@ exports.ListSize = void 0;
   ListSize["LARGE"] = "large";
   ListSize["X_LARGE"] = "x-large";
 })(exports.ListSize || (exports.ListSize = {}));
-exports.Size = void 0;
-(function (Size) {
-  Size["X_SMALL"] = "x-small";
-  Size["SMALL"] = "small";
-  Size["MEDIUM"] = "medium";
-  Size["LARGE"] = "large";
-  Size["SPECIAL"] = "special";
-})(exports.Size || (exports.Size = {}));
 exports.ExpandableListStyle = void 0;
 (function (ExpandableListStyle) {
   ExpandableListStyle["ACCORDION"] = "accordion";
@@ -187,6 +194,7 @@ exports.Device = void 0;
   Device["MOBILE"] = "mobile";
   Device["TABLET"] = "tablet";
   Device["DESKTOP"] = "desktop";
+  Device["DESKTOP_WIDE"] = "desktop-wide";
 })(exports.Device || (exports.Device = {}));
 exports.PocketStatus = void 0;
 (function (PocketStatus) {
@@ -309,3 +317,29 @@ exports.CarouselProgressMode = void 0;
   CarouselProgressMode["DOTS"] = "dots";
   CarouselProgressMode["NUMBERS"] = "numbers";
 })(exports.CarouselProgressMode || (exports.CarouselProgressMode = {}));
+exports.BreadcrumbPathStyle = void 0;
+(function (BreadcrumbPathStyle) {
+  BreadcrumbPathStyle["SEMIBOLD"] = "semibold";
+  BreadcrumbPathStyle["UNDERLINED"] = "underlined";
+})(exports.BreadcrumbPathStyle || (exports.BreadcrumbPathStyle = {}));
+exports.BreadcrumbHomepageVariant = void 0;
+(function (BreadcrumbHomepageVariant) {
+  BreadcrumbHomepageVariant["TEXT"] = "text";
+  BreadcrumbHomepageVariant["ICON"] = "icon";
+})(exports.BreadcrumbHomepageVariant || (exports.BreadcrumbHomepageVariant = {}));
+var VisibilityCondition;
+(function (VisibilityCondition) {
+  VisibilityCondition["HOVER"] = "hover";
+  VisibilityCondition["ALWAYS"] = "always";
+})(VisibilityCondition || (VisibilityCondition = {}));
+exports.BookCardVariant = void 0;
+(function (BookCardVariant) {
+  BookCardVariant["EXPANDED"] = "expanded";
+  BookCardVariant["COMPACT"] = "compact";
+  BookCardVariant["SEARCH"] = "search";
+})(exports.BookCardVariant || (exports.BookCardVariant = {}));
+exports.AccordionVariant = void 0;
+(function (AccordionVariant) {
+  AccordionVariant["DEFAULT"] = "default";
+  AccordionVariant["BACKGROUND"] = "background";
+})(exports.AccordionVariant || (exports.AccordionVariant = {}));

package/dist/wc/cjs/index-db42857f.js

@@ -0,0 +1,17 @@
+'use strict';
+
+const index = require('./index-9ca7d5e5.js');
+
+const stylesCss = ":host{display:block;box-sizing:border-box}";
+
+const ZTbody = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h(index.Host, { role: "rowgroup" }, index.h("slot", null)));
+  }
+};
+ZTbody.style = stylesCss;
+
+exports.ZTbody = ZTbody;

package/dist/wc/cjs/index-f4792a6f.js

@@ -0,0 +1,21 @@
+'use strict';
+
+const index = require('./index-9ca7d5e5.js');
+
+const stylesCss = ":host{--z-table--cells-bottom-border-size:var(\n    --border-size-medium\n  );--z-table--cells-background:var(\n    --color-surface02\n  );display:block;box-sizing:border-box}:host([sticky]){position:sticky;z-index:2;top:0;box-shadow:0 2px 4px -2px var(--shadow-color-base)}";
+
+const ZThead = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * If true, the header will be stuck to the top of the table.
+     */
+    this.sticky = false;
+  }
+  render() {
+    return (index.h(index.Host, { role: "rowgroup" }, index.h("slot", null)));
+  }
+};
+ZThead.style = stylesCss;
+
+exports.ZThead = ZThead;

package/dist/wc/cjs/index-f824355b.js

@@ -0,0 +1,17 @@
+'use strict';
+
+const index = require('./index-9ca7d5e5.js');
+
+const stylesCss = ":host{display:none;background-color:var(--gray50)}:host>td>div.content-container{margin-bottom:calc(var(--space-unit) / 2);box-shadow:var(--shadow-2)}";
+
+const ZTableExpandedRow = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h("td", { colSpan: this.colSpan }, index.h("div", { class: "content-container" }, index.h("slot", null))));
+  }
+};
+ZTableExpandedRow.style = stylesCss;
+
+exports.ZTableExpandedRow = ZTableExpandedRow;