@zanichelli/albe-web-components 12.1.3-rc.0 → 12.1.3

package/dist/cjs/index-20f305f7.js

@@ -0,0 +1,17 @@
+'use strict';
+
+const index = require('./index-195ca522.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/cjs/index-23ca3837.js

@@ -0,0 +1,53 @@
+'use strict';
+
+const index = require('./index-195ca522.js');
+const index$1 = require('./index-cf9497bc.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);
+  }
+  onMenuButtonClick(ev) {
+    ev.stopPropagation();
+    this.popoverEl.open = !this.popoverEl.open;
+  }
+  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.onMenuButtonClick.bind(this) }), 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/cjs/index-270a4cf7.js

@@ -0,0 +1,22 @@
+'use strict';
+
+const index = require('./index-195ca522.js');
+
+const stylesCss = ".sc-z-table-body-h{display:table-row-group;font-family:var(--font-family-sans);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/cjs/index-2b0eb1f0.js

@@ -0,0 +1,34 @@
+'use strict';
+
+const index = require('./index-195ca522.js');
+const index$1 = require('./index-cf9497bc.js');
+
+const stylesCss = ":host{display:table-cell;border-bottom:var(--border-size-small) solid var(--color-surface03);background-color:var(--color-white);font-family:var(--font-family-sans);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/cjs/index-4e41767c.js

@@ -0,0 +1,21 @@
+'use strict';
+
+const index = require('./index-195ca522.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/cjs/index-53c72420.js

@@ -0,0 +1,79 @@
+'use strict';
+
+const index = require('./index-195ca522.js');
+const index$1 = require('./index-cf9497bc.js');
+const utils = require('./utils-ee86db4f.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(--font-family-sans);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/cjs/index-544902f0.js

@@ -0,0 +1,21 @@
+'use strict';
+
+const index = require('./index-195ca522.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/cjs/index-bb84dc1c.js

@@ -0,0 +1,21 @@
+'use strict';
+
+const index = require('./index-195ca522.js');
+
+const stylesCss = ".sc-z-table-footer-h{display:table-footer-group;font-family:var(--font-family-sans);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/cjs/index-cf9497bc.js

@@ -0,0 +1,344 @@
+'use strict';
+
+exports.LicenseType = void 0;
+(function (LicenseType) {
+  LicenseType["REAL"] = "reale";
+  LicenseType["VIRTUAL"] = "virtuale";
+  LicenseType["TRIAL"] = "saggio";
+  LicenseType["TEMP"] = "reale_temp";
+})(exports.LicenseType || (exports.LicenseType = {}));
+exports.CardVariant = void 0;
+(function (CardVariant) {
+  CardVariant["BORDER"] = "border";
+  CardVariant["SHADOW"] = "shadow";
+  CardVariant["OVERLAY"] = "overlay";
+  CardVariant["TEXT"] = "text";
+})(exports.CardVariant || (exports.CardVariant = {}));
+exports.NavigationTabsOrientation = void 0;
+(function (NavigationTabsOrientation) {
+  NavigationTabsOrientation["HORIZONTAL"] = "horizontal";
+  NavigationTabsOrientation["VERTICAL"] = "vertical";
+})(exports.NavigationTabsOrientation || (exports.NavigationTabsOrientation = {}));
+exports.NavigationTabsSize = void 0;
+(function (NavigationTabsSize) {
+  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";
+  ButtonVariant["SECONDARY"] = "secondary";
+  ButtonVariant["TERTIARY"] = "tertiary";
+})(exports.ButtonVariant || (exports.ButtonVariant = {}));
+exports.ButtonType = void 0;
+(function (ButtonType) {
+  ButtonType["SUBMIT"] = "submit";
+  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";
+  InputType["PASSWORD"] = "password";
+  InputType["NUMBER"] = "number";
+  InputType["EMAIL"] = "email";
+  InputType["TEXTAREA"] = "textarea";
+  InputType["CHECKBOX"] = "checkbox";
+  InputType["RADIO"] = "radio";
+  InputType["TEL"] = "tel";
+  InputType["URL"] = "url";
+  InputType["SEARCH"] = "search";
+})(exports.InputType || (exports.InputType = {}));
+exports.InputStatus = void 0;
+(function (InputStatus) {
+  InputStatus["SUCCESS"] = "success";
+  InputStatus["ERROR"] = "error";
+  InputStatus["WARNING"] = "warning";
+})(exports.InputStatus || (exports.InputStatus = {}));
+exports.PopoverPosition = void 0;
+(function (PopoverPosition) {
+  PopoverPosition["AUTO"] = "auto";
+  PopoverPosition["TOP"] = "top";
+  PopoverPosition["RIGHT"] = "right";
+  PopoverPosition["BOTTOM"] = "bottom";
+  PopoverPosition["LEFT"] = "left";
+  PopoverPosition["TOP_RIGHT"] = "top_right";
+  PopoverPosition["TOP_LEFT"] = "top_left";
+  PopoverPosition["BOTTOM_RIGHT"] = "bottom_right";
+  PopoverPosition["BOTTOM_LEFT"] = "bottom_left";
+  PopoverPosition["RIGHT_TOP"] = "right_top";
+  PopoverPosition["RIGHT_BOTTOM"] = "right_bottom";
+  PopoverPosition["LEFT_TOP"] = "left_top";
+  PopoverPosition["LEFT_BOTTOM"] = "left_bottom";
+})(exports.PopoverPosition || (exports.PopoverPosition = {}));
+exports.KeyboardKeyCode = void 0;
+(function (KeyboardKeyCode) {
+  KeyboardKeyCode[KeyboardKeyCode["TAB"] = 9] = "TAB";
+  KeyboardKeyCode[KeyboardKeyCode["SPACE"] = 32] = "SPACE";
+  KeyboardKeyCode[KeyboardKeyCode["ESC"] = 27] = "ESC";
+  KeyboardKeyCode[KeyboardKeyCode["ENTER"] = 13] = "ENTER";
+  KeyboardKeyCode[KeyboardKeyCode["ARROW_UP"] = 38] = "ARROW_UP";
+  KeyboardKeyCode[KeyboardKeyCode["ARROW_DOWN"] = 40] = "ARROW_DOWN";
+  KeyboardKeyCode[KeyboardKeyCode["BACKSPACE"] = 8] = "BACKSPACE";
+  KeyboardKeyCode[KeyboardKeyCode["DELETE"] = 46] = "DELETE";
+})(exports.KeyboardKeyCode || (exports.KeyboardKeyCode = {}));
+exports.KeyboardCode = void 0;
+(function (KeyboardCode) {
+  KeyboardCode["TAB"] = "Tab";
+  KeyboardCode["SPACE"] = "Space";
+  KeyboardCode["ESC"] = "Escape";
+  KeyboardCode["ENTER"] = "Enter";
+  KeyboardCode["ARROW_UP"] = "ArrowUp";
+  KeyboardCode["ARROW_DOWN"] = "ArrowDown";
+  KeyboardCode["BACKSPACE"] = "Backspace";
+  KeyboardCode["DELETE"] = "Delete";
+})(exports.KeyboardCode || (exports.KeyboardCode = {}));
+exports.ThemeVariant = void 0;
+(function (ThemeVariant) {
+  ThemeVariant["DARK"] = "dark";
+  ThemeVariant["LIGHT"] = "light";
+})(exports.ThemeVariant || (exports.ThemeVariant = {}));
+exports.DividerSize = void 0;
+(function (DividerSize) {
+  DividerSize["SMALL"] = "small";
+  DividerSize["MEDIUM"] = "medium";
+  DividerSize["LARGE"] = "large";
+})(exports.DividerSize || (exports.DividerSize = {}));
+exports.DividerOrientation = void 0;
+(function (DividerOrientation) {
+  DividerOrientation["HORIZONTAL"] = "horizontal";
+  DividerOrientation["VERTICAL"] = "vertical";
+})(exports.DividerOrientation || (exports.DividerOrientation = {}));
+exports.SortDirection = void 0;
+(function (SortDirection) {
+  SortDirection["ASC"] = "asc";
+  SortDirection["DESC"] = "desc";
+})(exports.SortDirection || (exports.SortDirection = {}));
+exports.AvatarSize = void 0;
+(function (AvatarSize) {
+  AvatarSize["SMALL"] = "small";
+  AvatarSize["MEDIUM"] = "medium";
+  AvatarSize["LARGE"] = "large";
+})(exports.AvatarSize || (exports.AvatarSize = {}));
+exports.ListSize = void 0;
+(function (ListSize) {
+  ListSize["SMALL"] = "small";
+  ListSize["MEDIUM"] = "medium";
+  ListSize["LARGE"] = "large";
+  ListSize["X_LARGE"] = "x-large";
+})(exports.ListSize || (exports.ListSize = {}));
+exports.ExpandableListStyle = void 0;
+(function (ExpandableListStyle) {
+  ExpandableListStyle["ACCORDION"] = "accordion";
+  ExpandableListStyle["MENU"] = "menu";
+})(exports.ExpandableListStyle || (exports.ExpandableListStyle = {}));
+exports.ExpandableListButtonAlign = void 0;
+(function (ExpandableListButtonAlign) {
+  ExpandableListButtonAlign["RIGHT"] = "right";
+  ExpandableListButtonAlign["LEFT"] = "left";
+})(exports.ExpandableListButtonAlign || (exports.ExpandableListButtonAlign = {}));
+exports.LabelPosition = void 0;
+(function (LabelPosition) {
+  LabelPosition["RIGHT"] = "right";
+  LabelPosition["LEFT"] = "left";
+})(exports.LabelPosition || (exports.LabelPosition = {}));
+exports.ListDividerType = void 0;
+(function (ListDividerType) {
+  ListDividerType["NONE"] = "none";
+  ListDividerType["HEADER"] = "header";
+  ListDividerType["ELEMENT"] = "element";
+})(exports.ListDividerType || (exports.ListDividerType = {}));
+exports.ListType = void 0;
+(function (ListType) {
+  ListType["NONE"] = "none";
+  ListType["ORDERED"] = "ordered";
+  ListType["UNORDERED"] = "unordered";
+})(exports.ListType || (exports.ListType = {}));
+exports.NotificationType = void 0;
+(function (NotificationType) {
+  NotificationType["SUCCESS"] = "success";
+  NotificationType["WARNING"] = "warning";
+  NotificationType["ERROR"] = "error";
+})(exports.NotificationType || (exports.NotificationType = {}));
+exports.AlertType = void 0;
+(function (AlertType) {
+  AlertType["SUCCESS"] = "success";
+  AlertType["WARNING"] = "warning";
+  AlertType["ERROR"] = "error";
+})(exports.AlertType || (exports.AlertType = {}));
+exports.Device = void 0;
+(function (Device) {
+  Device["MOBILE"] = "mobile";
+  Device["TABLET"] = "tablet";
+  Device["DESKTOP"] = "desktop";
+  Device["DESKTOP_WIDE"] = "desktop-wide";
+})(exports.Device || (exports.Device = {}));
+exports.PocketStatus = void 0;
+(function (PocketStatus) {
+  PocketStatus["PREVIEW"] = "preview";
+  PocketStatus["OPEN"] = "open";
+  PocketStatus["CLOSED"] = "closed";
+})(exports.PocketStatus || (exports.PocketStatus = {}));
+exports.ToastNotification = void 0;
+(function (ToastNotification) {
+  ToastNotification["DARK"] = "dark";
+  ToastNotification["LIGHT"] = "light";
+  ToastNotification["ACCENT"] = "accent";
+  ToastNotification["ERROR"] = "error";
+  ToastNotification["SUCCESS"] = "success";
+  ToastNotification["WARNING"] = "warning";
+})(exports.ToastNotification || (exports.ToastNotification = {}));
+exports.ToastNotificationTransition = void 0;
+(function (ToastNotificationTransition) {
+  ToastNotificationTransition["SLIDE_IN_LEFT"] = "slide-in-left";
+  ToastNotificationTransition["SLIDE_IN_RIGHT"] = "slide-in-right";
+  ToastNotificationTransition["SLIDE_IN_DOWN"] = "slide-in-down";
+  ToastNotificationTransition["SLIDE_IN_UP"] = "slide-in-up";
+  ToastNotificationTransition["SLIDE_OUT_LEFT"] = "slide-out-left";
+  ToastNotificationTransition["SLIDE_OUT_RIGHT"] = "slide-out-right";
+  ToastNotificationTransition["SLIDE_OUT_DOWN"] = "slide-out-down";
+  ToastNotificationTransition["SLIDE_OUT_UP"] = "slide-out-up";
+})(exports.ToastNotificationTransition || (exports.ToastNotificationTransition = {}));
+exports.ToastNotificationPosition = void 0;
+(function (ToastNotificationPosition) {
+  ToastNotificationPosition["TOP_RIGHT"] = "top-right";
+  ToastNotificationPosition["TOP_LEFT"] = "top-left";
+  ToastNotificationPosition["TOP_CENTRE"] = "top-centre";
+  ToastNotificationPosition["BOTTOM_RIGHT"] = "bottom-right";
+  ToastNotificationPosition["BOTTOM_LEFT"] = "bottom-left";
+  ToastNotificationPosition["BOTTOM_CENTRE"] = "bottom-centre";
+})(exports.ToastNotificationPosition || (exports.ToastNotificationPosition = {}));
+exports.ZTableRowExpandedType = void 0;
+(function (ZTableRowExpandedType) {
+  ZTableRowExpandedType["EXPANDABLE"] = "expandable";
+  ZTableRowExpandedType["PADDING"] = "padding";
+  ZTableRowExpandedType["NONE"] = "none";
+})(exports.ZTableRowExpandedType || (exports.ZTableRowExpandedType = {}));
+exports.ZAriaAlertMode = void 0;
+(function (ZAriaAlertMode) {
+  ZAriaAlertMode["POLITE"] = "polite";
+  ZAriaAlertMode["ASSERTIVE"] = "assertive";
+})(exports.ZAriaAlertMode || (exports.ZAriaAlertMode = {}));
+exports.TransitionDirection = void 0;
+(function (TransitionDirection) {
+  TransitionDirection["LEFT"] = "left";
+  TransitionDirection["RIGHT"] = "right";
+})(exports.TransitionDirection || (exports.TransitionDirection = {}));
+exports.OffCanvasVariant = void 0;
+(function (OffCanvasVariant) {
+  OffCanvasVariant["OVERLAY"] = "overlay";
+  OffCanvasVariant["PUSHCONTENT"] = "pushcontent";
+})(exports.OffCanvasVariant || (exports.OffCanvasVariant = {}));
+exports.ZFileUploadType = void 0;
+(function (ZFileUploadType) {
+  ZFileUploadType["DEFAULT"] = "default";
+  ZFileUploadType["DRAGDROP"] = "dragdrop";
+})(exports.ZFileUploadType || (exports.ZFileUploadType = {}));
+exports.ZChipType = void 0;
+(function (ZChipType) {
+  ZChipType["DEFAULT"] = "default";
+  ZChipType["MEDIUM"] = "medium";
+  ZChipType["SMALL"] = "small";
+})(exports.ZChipType || (exports.ZChipType = {}));
+exports.ZSectionTitleDividerPosition = void 0;
+(function (ZSectionTitleDividerPosition) {
+  ZSectionTitleDividerPosition["BEFORE"] = "before";
+  ZSectionTitleDividerPosition["AFTER"] = "after";
+})(exports.ZSectionTitleDividerPosition || (exports.ZSectionTitleDividerPosition = {}));
+exports.ZDatePickerMode = void 0;
+(function (ZDatePickerMode) {
+  ZDatePickerMode["DATE"] = "date";
+  ZDatePickerMode["DATE_TIME"] = "date-time";
+  ZDatePickerMode["MONTHS"] = "months";
+})(exports.ZDatePickerMode || (exports.ZDatePickerMode = {}));
+exports.ZDatePickerModeValue = void 0;
+(function (ZDatePickerModeValue) {
+  ZDatePickerModeValue[ZDatePickerModeValue["DATE"] = 401] = "DATE";
+  ZDatePickerModeValue[ZDatePickerModeValue["DATE_TIME"] = 523] = "DATE_TIME";
+  ZDatePickerModeValue[ZDatePickerModeValue["MONTHS"] = 288] = "MONTHS";
+})(exports.ZDatePickerModeValue || (exports.ZDatePickerModeValue = {}));
+exports.ZDatePickerPosition = void 0;
+(function (ZDatePickerPosition) {
+  ZDatePickerPosition["TOP"] = "top";
+  ZDatePickerPosition["BOTTOM"] = "bottom";
+})(exports.ZDatePickerPosition || (exports.ZDatePickerPosition = {}));
+exports.ZRangePickerMode = void 0;
+(function (ZRangePickerMode) {
+  ZRangePickerMode["DATE"] = "date";
+  ZRangePickerMode["DATE_TIME"] = "date-time";
+})(exports.ZRangePickerMode || (exports.ZRangePickerMode = {}));
+exports.InfoRevealPosition = void 0;
+(function (InfoRevealPosition) {
+  InfoRevealPosition["TOP_RIGHT"] = "top_right";
+  InfoRevealPosition["TOP_LEFT"] = "top_left";
+  InfoRevealPosition["BOTTOM_RIGHT"] = "bottom_right";
+  InfoRevealPosition["BOTTOM_LEFT"] = "bottom_left";
+})(exports.InfoRevealPosition || (exports.InfoRevealPosition = {}));
+exports.CoverHeroVariant = void 0;
+(function (CoverHeroVariant) {
+  CoverHeroVariant["OVERLAY"] = "overlay";
+  CoverHeroVariant["STACKED"] = "stacked";
+})(exports.CoverHeroVariant || (exports.CoverHeroVariant = {}));
+exports.CoverHeroContentPosition = void 0;
+(function (CoverHeroContentPosition) {
+  CoverHeroContentPosition["TOP"] = "top";
+  CoverHeroContentPosition["BOTTOM"] = "bottom";
+})(exports.CoverHeroContentPosition || (exports.CoverHeroContentPosition = {}));
+exports.CarouselArrowsPosition = void 0;
+(function (CarouselArrowsPosition) {
+  CarouselArrowsPosition["OVER"] = "over";
+  CarouselArrowsPosition["BOTTOM"] = "bottom";
+})(exports.CarouselArrowsPosition || (exports.CarouselArrowsPosition = {}));
+exports.CarouselProgressMode = void 0;
+(function (CarouselProgressMode) {
+  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 = {}));
+exports.VisibilityCondition = void 0;
+(function (VisibilityCondition) {
+  VisibilityCondition["HOVER"] = "hover";
+  VisibilityCondition["ALWAYS"] = "always";
+})(exports.VisibilityCondition || (exports.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 = {}));