@zanichelli/albe-web-components 6.0.3 → 6.1.0-a1

package/dist/esm/z-otp.entry.js

@@ -1,5 +1,4 @@
 import { r as registerInstance, c as createEvent, h } from './index-a2ca4b97.js';
-import { d as InputStatus } from './index-9d028352.js';
 
 const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}.digits-container{display:flex;justify-content:flex-start}input{width:calc(var(--space-unit) * 5);height:72px;box-sizing:border-box;padding:0;caret-color:transparent;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:32px;font-weight:300;text-align:center}input.error{border:1px solid;border-color:var(--color-error01);background-color:var(--color-error-inverse);border-radius:4px}input:not(:last-of-type){margin-right:var(--space-unit)}@media only screen and (min-width: 768px){input:not(:last-of-type){margin-right:calc(var(--space-unit) * 2)}}@media only screen and (min-width: 1025px){input{width:calc(var(--space-unit) * 6)}}";
 
@@ -7,8 +6,9 @@ const ZOtp = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.otpChange = createEvent(this, "otpChange", 7);
-    /** Input number */
     this.inputNum = 6;
+    this.status = undefined;
+    this.message = undefined;
   }
   emitInputChange(value) {
     this.otpChange.emit({ value });
@@ -18,7 +18,7 @@ const ZOtp = class {
     this.otpRef = [...Array(this.inputNum)];
   }
   render() {
-    return (h("div", { class: "otp-container" }, h("div", { class: "digits-container" }, this.otp.map((_val, i) => (h("input", { class: this.status == InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
+    return (h("div", { class: "otp-container" }, h("div", { class: "digits-container" }, this.otp.map((_val, i) => (h("input", { class: this.status == "error" /* InputStatus.ERROR */ ? "error" : null, onKeyDown: (e) => {
         if (e.keyCode > 47) {
           this.otpRef[i].value = "";
         }

package/dist/esm/z-pagination-bar.entry.js

@@ -1,8 +1,7 @@
 import { r as registerInstance, c as createEvent, h } from './index-a2ca4b97.js';
 import { h as hammer } from './hammer-c3266b17.js';
-import { h as handleKeyboardSubmit } from './utils-39ca028c.js';
+import { h as handleKeyboardSubmit } from './utils-420e8552.js';
 import './_commonjsHelpers-9943807e.js';
-import './index-9d028352.js';
 import './breakpoints-c386984e.js';
 
 const stylesCss = ":host>div{display:flex;height:48px;flex-flow:row nowrap;align-content:center;align-items:center;justify-content:space-around}:host>div>z-icon{margin:calc(var(--space-unit) * 2) 0;color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01)}:host>div>z-icon.disabled{color:var(--color-disabled01);cursor:default;fill:var(--color-disabled01);pointer-events:none}";
@@ -13,14 +12,14 @@ const ZPaginationBar = class {
     this.goToPage = createEvent(this, "goToPage", 7);
     this.changeStartPage = createEvent(this, "changeStartPage", 7);
     this.addPageToHistory = createEvent(this, "addPageToHistory", 7);
-    /** current displayed page (mutable) */
+    this.velocityConstantMultiplier = 2;
+    this.pages = undefined;
+    this.visiblepages = undefined;
     this.currentpage = 1;
-    /** initial page (mutable) */
     this.startpage = 1;
-    /** array of history of visited pages (mutable, optional) */
+    this.historyraw = undefined;
     this.listhistoryrow = [];
     this.currentPages = [];
-    this.velocityConstantMultiplier = 2;
     this.navigateRight = this.navigateRight.bind(this);
     this.navigateLeft = this.navigateLeft.bind(this);
     this.emitGoToPage = this.emitGoToPage.bind(this);

package/dist/esm/z-pagination-page.entry.js

@@ -5,13 +5,11 @@ const stylesCss = ":host{display:inline-block;font-family:var(--font-family-sans
 const ZPaginationPage = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** selected status flag */
+    this.pageid = undefined;
+    this.value = undefined;
     this.isselected = false;
-    /** disabled status flag */
     this.isdisabled = false;
-    /** visited status flag */
     this.isvisited = false;
-    /** aria-label string */
     this.ariaLabel = "";
   }
   render() {

package/dist/esm/z-pagination.entry.js

@@ -1,5 +1,4 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a2ca4b97.js';
-import { I as InputType } from './index-9d028352.js';
 
 const stylesCss = "z-pagination{--z-pagination--page-button-width:64px;--z-pagination--pages-container-max-width:100%;display:flex;max-width:100%;flex-flow:column wrap;font-family:var(--font-family-sans);font-weight:var(--font-rg);gap:calc(var(--space-unit) * 2) calc(var(--space-unit) * 4)}z-pagination,z-pagination *{box-sizing:border-box}z-pagination button{height:100%}z-pagination z-icon{fill:var(--color-icon01)}z-pagination *:disabled z-icon{fill:var(--color-disabled02)}z-pagination .page-label{margin-right:calc(var(--space-unit) * 3);color:var(--color-text02)}z-pagination .pagination-bar{display:flex;max-width:100%;height:48px;align-items:center}z-pagination .pagination-bar button{display:flex;align-items:center;justify-content:center;border:none;margin:0;background-color:var(--color-surface03);color:var(--color-primary01);cursor:pointer;font-family:inherit;font-weight:inherit;transition:background-color 0.15s ease-out, color 0.15s ease-out, border-bottom-color 0.15s ease-out,\n    font-size 0.15s ease-in-out, font-weight 0.15s ease-in-out}z-pagination .pagination-bar button:focus-visible{background-color:var(--color-hover-surface);box-shadow:inset var(--shadow-focus-primary);outline:none}z-pagination .pagination-bar .pagination-button{padding:calc(var(--space-unit) * 2);font-weight:var(--font-sb);text-transform:uppercase;white-space:nowrap}z-pagination .pagination-bar .navigation-button{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 1.5)}z-pagination .pagination-bar .pagination-button:disabled,z-pagination .pagination-bar .navigation-button:disabled{background-color:var(--color-disabled01);color:var(--color-disabled02);cursor:default;pointer-events:none}z-pagination .pagination-bar .page-button,z-pagination .pagination-bar .ellipsis-button{width:var(--z-pagination--page-button-width)}z-pagination .pages-container{position:relative;display:inline-flex;max-width:100%;height:100%;overflow-x:auto;scroll-behavior:smooth;scroll-snap-align:center;scrollbar-width:none}z-pagination .pages-container::-webkit-scrollbar{display:none}z-pagination .pages-chunk{display:flex;scroll-snap-align:center}z-pagination .pagination-bar .page-button{padding-top:var(--border-size-large) solid transparent;border-bottom:var(--border-size-large) solid transparent;font-size:var(--font-size-2);font-weight:var(--font-sb)}z-pagination .pagination-bar .page-button:focus-visible{border-bottom-color:var(--color-hover-light)}z-pagination .pagination-bar .page-button[data-current]{border-bottom-color:var(--color-primary01);font-size:var(--font-size-7)}z-pagination .go-to-page{display:flex;flex-direction:column;row-gap:var(--space-unit)}z-pagination .go-to-page .label{color:var(--color-text02);text-transform:uppercase}z-pagination .go-to-page .inputs{display:flex;column-gap:var(--space-unit)}z-pagination .go-to-page .inputs z-input{width:calc(var(--space-unit) * 11)}z-pagination .go-to-page .inputs z-input input,z-pagination .mobile-go-to-page z-input input{padding:0 calc(var(--space-unit) * 1.5) !important;appearance:none}z-pagination .mobile-go-to-page{display:flex;height:100%;flex:1 auto;align-items:center;justify-content:center;background-color:var(--color-surface03)}z-pagination .mobile-go-to-page z-input{width:var(--z-pagination--page-button-width);margin-right:var(--space-unit)}z-pagination .mobile-go-to-page z-input input{text-align:center}z-pagination .mobile-go-to-page z-input input::-webkit-outer-spin-button,z-pagination .mobile-go-to-page z-input input::-webkit-inner-spin-button{appearance:none}z-pagination .mobile-go-to-page>span{font-size:var(--font-size-2)}@media (hover: hover){z-pagination .pagination-bar button:hover{background-color:var(--color-hover-surface)}z-pagination .pagination-bar .page-button:hover{border-bottom-color:var(--color-hover-light)}}@media (min-width: 768px){z-pagination{--z-pagination--page-button-width:88px;flex-direction:row;align-items:flex-end}z-pagination .pages-container{max-width:var(--z-pagination--pages-container-max-width)}}";
 
@@ -7,24 +6,17 @@ const ZPagination = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.pageChanged = createEvent(this, "pageChanged", 7);
-    /** Enable navigation arrows. */
+    this.label = undefined;
     this.navArrows = true;
-    /** Number of pages to skip. */
+    this.totalPages = undefined;
     this.skip = 0;
-    /** Enable buttons to go to the first and last pages. */
     this.edges = false;
-    /** Current page. */
+    this.split = undefined;
+    this.visiblePages = undefined;
     this.currentPage = 1;
-    /**
-     * Internal visible pages variable.
-     * Needed to better handle conflicting props like `visiblePages` and `split`.
-     * This state will change based on props values and validation,
-     * keeping original `visiblePages` value intact.
-     */
+    this.goToPage = undefined;
     this._visiblePages = this.visiblePages;
-    /** Used to hides/change some functionalities on smaller screen sizes */
     this.isMobile = false;
-    /** Value of the go to page input */
     this.goToPageValue = null;
   }
   /**
@@ -189,7 +181,7 @@ const ZPagination = class {
         pagesChunks.map((chunk) => h("div", { class: "pages-chunk" }, chunk.map((page) => this.renderPage(page)))))), this.goToPage && (h("form", { class: "mobile-go-to-page", onSubmit: (ev) => {
           ev.preventDefault();
           this.selectPage(this.goToPageValue);
-        } }, h("z-input", { class: "go-to-page-input", type: InputType.NUMBER, min: 1, max: this.totalPages, message: false, onInput: (ev) => {
+        } }, h("z-input", { class: "go-to-page-input", type: "number" /* InputType.NUMBER */, min: 1, max: this.totalPages, message: false, onInput: (ev) => {
           this.goToPageValue = ev.target.value;
         }, placeholder: this.currentPage.toString(), hasclearicon: false }), h("span", null, `/${this.totalPages}`))), this.renderForwardButton()),
     ];
@@ -208,7 +200,7 @@ const ZPagination = class {
     if (this.isMobile) {
       return h(Host, null, this.renderMobile());
     }
-    return (h(Host, null, h("div", { class: "pagination-bar" }, this.label && h("span", { class: "page-label body-1-sb" }, this.label), this.edges && (h("button", { class: "pagination-button", type: "button", title: "Vai alla pagina 1", disabled: this.currentPage === 1, onClick: () => this.selectPage(1) }, "Pagina 1")), this.skip < this.totalPages && this.skip > 1 && (h("button", { class: "pagination-button", type: "button", title: `Vai alla pagina ${this.currentPage - this.skip}`, disabled: this.currentPage <= this.skip, onClick: () => this.selectPage(this.currentPage - this.skip) }, "-", this.skip)), this.navArrows && this.renderBackButton(), h("div", { class: "pages-container", role: "navigation", tabIndex: -1 }, this.split ? this.renderSplitPages() : this.renderPages()), this.navArrows && this.renderForwardButton(), this.skip < this.totalPages && this.skip > 1 && (h("button", { class: "pagination-button", type: "button", title: `Vai alla pagina ${this.currentPage + this.skip}`, disabled: this.currentPage > this.totalPages - this.skip, onClick: () => this.selectPage(this.currentPage + this.skip) }, "+", this.skip)), this.edges && (h("button", { class: "pagination-button", type: "button", title: `Vai alla pagina ${this.totalPages}`, disabled: this.currentPage === this.totalPages, onClick: () => this.selectPage(this.totalPages) }, "Pagina ", this.totalPages))), this.goToPage && (h("div", { class: "go-to-page" }, h("span", { class: "label body-5-sb" }, "Vai a pagina:"), h("div", { class: "inputs" }, h("z-input", { class: "go-to-page-input", type: InputType.NUMBER, min: 1, max: this.totalPages, message: false, placeholder: "2", hasclearicon: false, onInput: (ev) => {
+    return (h(Host, null, h("div", { class: "pagination-bar" }, this.label && h("span", { class: "page-label body-1-sb" }, this.label), this.edges && (h("button", { class: "pagination-button", type: "button", title: "Vai alla pagina 1", disabled: this.currentPage === 1, onClick: () => this.selectPage(1) }, "Pagina 1")), this.skip < this.totalPages && this.skip > 1 && (h("button", { class: "pagination-button", type: "button", title: `Vai alla pagina ${this.currentPage - this.skip}`, disabled: this.currentPage <= this.skip, onClick: () => this.selectPage(this.currentPage - this.skip) }, "-", this.skip)), this.navArrows && this.renderBackButton(), h("div", { class: "pages-container", role: "navigation", tabIndex: -1 }, this.split ? this.renderSplitPages() : this.renderPages()), this.navArrows && this.renderForwardButton(), this.skip < this.totalPages && this.skip > 1 && (h("button", { class: "pagination-button", type: "button", title: `Vai alla pagina ${this.currentPage + this.skip}`, disabled: this.currentPage > this.totalPages - this.skip, onClick: () => this.selectPage(this.currentPage + this.skip) }, "+", this.skip)), this.edges && (h("button", { class: "pagination-button", type: "button", title: `Vai alla pagina ${this.totalPages}`, disabled: this.currentPage === this.totalPages, onClick: () => this.selectPage(this.totalPages) }, "Pagina ", this.totalPages))), this.goToPage && (h("div", { class: "go-to-page" }, h("span", { class: "label body-5-sb" }, "Vai a pagina:"), h("div", { class: "inputs" }, h("z-input", { class: "go-to-page-input", type: "number" /* InputType.NUMBER */, min: 1, max: this.totalPages, message: false, placeholder: "2", hasclearicon: false, onInput: (ev) => {
         this.goToPageValue = ev.target.value;
       }, onKeyDown: (ev) => ev.key === "Enter" && this.selectPage(this.goToPageValue) }), h("z-button", { disabled: !this.goToPageValue, title: "Vai alla pagina inserita", onClick: () => this.selectPage(this.goToPageValue) }, "vai"))))));
   }

package/dist/esm/z-panel-elem.entry.js

@@ -5,10 +5,15 @@ const stylesCss = ":host{width:inherit;font-family:var(--dashboard-font);font-we
 const ZPanelElem = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** link target (optional) */
+    this.elemid = undefined;
+    this.imgurl = undefined;
+    this.imgalt = undefined;
+    this.linkicon = undefined;
+    this.linklabel = undefined;
+    this.url = undefined;
     this.target = "_blank";
-    /** disabled status flag (optional) */
     this.isdisabled = false;
+    this.descrSlotName = undefined;
   }
   renderIcon() {
     if (this.isdisabled) {

package/dist/esm/z-pocket_3.entry.js

@@ -1,6 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a2ca4b97.js';
-import { r as PocketStatus } from './index-9d028352.js';
-import { h as handleKeyboardSubmit } from './utils-39ca028c.js';
+import { h as handleKeyboardSubmit } from './utils-420e8552.js';
 import { h as hammer } from './hammer-c3266b17.js';
 import './breakpoints-c386984e.js';
 import './_commonjsHelpers-9943807e.js';
@@ -11,16 +10,16 @@ const ZPocket = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.pocketToggle = createEvent(this, "pocketToggle", 7);
-    /** pocket status */
-    this.status = PocketStatus.PREVIEW;
+    this.pocketid = undefined;
+    this.status = "preview" /* PocketStatus.PREVIEW */;
   }
   /** open z-pocket */
   async open() {
-    this.status = PocketStatus.OPEN;
+    this.status = "open" /* PocketStatus.OPEN */;
   }
   /** close z-pocket */
   async close() {
-    this.status = PocketStatus.CLOSED;
+    this.status = "closed" /* PocketStatus.CLOSED */;
   }
   emitPocketToggle(id, status) {
     this.pocketToggle.emit({ id, status });
@@ -28,12 +27,12 @@ const ZPocket = class {
   handlePocketHeaderClick(e) {
     if (e.detail.id && e.detail.id === this.pocketid) {
       switch (this.status) {
-        case PocketStatus.PREVIEW:
-        case PocketStatus.CLOSED:
-          this.status = PocketStatus.OPEN;
+        case "preview" /* PocketStatus.PREVIEW */:
+        case "closed" /* PocketStatus.CLOSED */:
+          this.status = "open" /* PocketStatus.OPEN */;
           break;
-        case PocketStatus.OPEN:
-          this.status = PocketStatus.CLOSED;
+        case "open" /* PocketStatus.OPEN */:
+          this.status = "closed" /* PocketStatus.CLOSED */;
           break;
       }
     }
@@ -41,10 +40,10 @@ const ZPocket = class {
   handlePocketHeaderPan(e) {
     if (e.detail.id && e.detail.id === this.pocketid) {
       if (e.detail.direction === "up") {
-        this.status = PocketStatus.OPEN;
+        this.status = "open" /* PocketStatus.OPEN */;
       }
       else if (e.detail.direction === "down") {
-        this.status = PocketStatus.CLOSED;
+        this.status = "closed" /* PocketStatus.CLOSED */;
       }
     }
   }
@@ -74,8 +73,8 @@ const stylesCss$1 = ":host{display:block;width:100%;box-sizing:border-box;font-f
 const ZPocketBody = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** pocket status */
-    this.status = PocketStatus.PREVIEW;
+    this.pocketid = undefined;
+    this.status = "preview" /* PocketStatus.PREVIEW */;
   }
   handlePocketToggle(e) {
     if (e.detail.id && e.detail.id === this.pocketid) {
@@ -95,6 +94,7 @@ const ZPocketHeader = class {
     registerInstance(this, hostRef);
     this.pocketHeaderClick = createEvent(this, "pocketHeaderClick", 7);
     this.pocketHeaderPan = createEvent(this, "pocketHeaderPan", 7);
+    this.pocketid = undefined;
     this.emitPocketHeaderClick = this.emitPocketHeaderClick.bind(this);
   }
   emitPocketHeaderClick() {

package/dist/esm/z-popover-deprecated.entry.js

@@ -1,6 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-a2ca4b97.js';
-import { e as PopoverPosition, f as PopoverBorderRadius, g as PopoverShadow, h as KeyboardCode } from './index-9d028352.js';
-import { a as getElementTree } from './utils-39ca028c.js';
+import { a as getElementTree } from './utils-420e8552.js';
 import './breakpoints-c386984e.js';
 
 const stylesCss = ".sc-z-popover-deprecated-h{position:relative;display:inline-block;font-family:var(--dashboard-font);font-weight:var(--font-rg);--shadow-arrow-color:rgb(66 69 72 / 20%);--shadow-arrow-below-color:rgb(66 69 72 / 10%)}.popover-content-container.sc-z-popover-deprecated{position:absolute;z-index:999;min-width:64px;min-height:32px;box-sizing:border-box;visibility:hidden}.popover-content-container.visible.sc-z-popover-deprecated{visibility:visible}.popover-content-container.border-radius-none.sc-z-popover-deprecated{border-radius:0}.popover-content-container.border-radius-small.sc-z-popover-deprecated{border-radius:var(--border-radius-small)}.popover-content-container.border-radius-medium.sc-z-popover-deprecated{border-radius:var(--border-radius)}.popover-content-container.shadow-1.sc-z-popover-deprecated{box-shadow:var(--shadow-1)}.popover-content-container.shadow-2.sc-z-popover-deprecated{box-shadow:var(--shadow-2)}.popover-content-container.shadow-3.sc-z-popover-deprecated{box-shadow:var(--shadow-3)}.popover-content-container.shadow-4.sc-z-popover-deprecated{box-shadow:var(--shadow-4)}.popover-content-container.shadow-6.sc-z-popover-deprecated{box-shadow:var(--shadow-6)}.popover-content-container.shadow-8.sc-z-popover-deprecated{box-shadow:var(--shadow-8)}.popover-content-container.shadow-12.sc-z-popover-deprecated{box-shadow:var(--shadow-12)}.popover-content-container.shadow-16.sc-z-popover-deprecated{box-shadow:var(--shadow-16)}.popover-content-container.shadow-24.sc-z-popover-deprecated{box-shadow:var(--shadow-24)}.popover-content-container.after-down.sc-z-popover-deprecated{top:0;left:calc(100% + var(--space-unit))}.popover-content-container.after-center.sc-z-popover-deprecated{top:50%;left:calc(100% + var(--space-unit));transform:translateY(-50%)}.popover-content-container.after-up.sc-z-popover-deprecated{bottom:0;left:calc(100% + var(--space-unit))}.popover-content-container.below-right.sc-z-popover-deprecated{top:calc(100% + var(--space-unit));left:0}.popover-content-container.below-center.sc-z-popover-deprecated{top:calc(100% + var(--space-unit));left:50%;transform:translateX(-50%)}.popover-content-container.below-left.sc-z-popover-deprecated{top:calc(100% + var(--space-unit));right:0}.popover-content-container.before-down.sc-z-popover-deprecated{top:0;right:calc(100% + var(--space-unit))}.popover-content-container.before-center.sc-z-popover-deprecated{top:50%;right:calc(100% + var(--space-unit));transform:translateY(-50%)}.popover-content-container.before-up.sc-z-popover-deprecated{right:calc(100% + var(--space-unit));bottom:0}.popover-content-container.above-right.sc-z-popover-deprecated{bottom:calc(100% + var(--space-unit));left:0}.popover-content-container.above-center.sc-z-popover-deprecated{bottom:calc(100% + var(--space-unit));left:50%;transform:translateX(-50%)}.popover-content-container.above-left.sc-z-popover-deprecated{right:0;bottom:calc(100% + var(--space-unit))}.popover-content-container.sc-z-popover-deprecated::before{position:absolute;z-index:-1;display:none;width:8px;height:8px;background-color:inherit;content:\"\";transform:rotate(45deg)}.popover-content-container.after-down.sc-z-popover-deprecated::before{top:12px;left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.after-center.sc-z-popover-deprecated::before{top:calc(50% - 4px);left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.after-up.sc-z-popover-deprecated::before{bottom:12px;left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.below-right.sc-z-popover-deprecated::before{top:-4px;left:12px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.below-center.sc-z-popover-deprecated::before{top:-4px;left:calc(50% - 4px);box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.below-left.sc-z-popover-deprecated::before{top:-4px;right:12px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.before-down.sc-z-popover-deprecated::before{top:12px;right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.before-center.sc-z-popover-deprecated::before{top:calc(50% - 4px);right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.before-up.sc-z-popover-deprecated::before{right:-4px;bottom:12px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-right.sc-z-popover-deprecated::before{bottom:-4px;left:12px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-center.sc-z-popover-deprecated::before{bottom:-4px;left:calc(50% - 4px);box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-left.sc-z-popover-deprecated::before{right:12px;bottom:-4px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.show-arrow.sc-z-popover-deprecated::before{display:block}";
@@ -12,17 +11,11 @@ const ZPopoverDeprecated = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.triggerClick = createEvent(this, "triggerClick", 7);
-    /** [optional] Popover position */
-    this.position = PopoverPosition.AFTER_UP;
-    /** [optional] Background color token for popover */
+    this.position = "after-up" /* PopoverPosition.AFTER_UP */;
     this.backgroundColor = "color-white";
-    /** [optional] Border radius token for popover */
-    this.borderRadius = PopoverBorderRadius.SMALL;
-    /** [optional] Box shadow token for popover */
-    this.boxShadow = PopoverShadow.SHADOW_1;
-    /** [optional] Show or hide arrow */
+    this.borderRadius = "small" /* PopoverBorderRadius.SMALL */;
+    this.boxShadow = "shadow-1" /* PopoverShadow.SHADOW_1 */;
     this.showArrow = false;
-    /** [optional] Sets padding for Popover container */
     this.padding = "8px";
     this.isVisible = false;
     this.popoverPosition = this.position;
@@ -79,7 +72,7 @@ const ZPopoverDeprecated = class {
         firstSide = "after";
       }
     }
-    this.popoverPosition = PopoverPosition[`${firstSide}-${secondSide}`];
+    this.popoverPosition = `${firstSide}-${secondSide}`;
     this.isVisible = true;
   }
   closePopover() {
@@ -87,7 +80,7 @@ const ZPopoverDeprecated = class {
     this.isVisible = false;
   }
   closePopoverWithKeyboard(e) {
-    if (e.key === KeyboardCode.ESC) {
+    if (e.key === "Escape" /* KeyboardCode.ESC */) {
       this.closePopover();
     }
   }
@@ -97,7 +90,7 @@ const ZPopoverDeprecated = class {
     event.stopPropagation();
   }
   handleKeyDown(event) {
-    if (event.code === KeyboardCode.ENTER) {
+    if (event.code === "Enter" /* KeyboardCode.ENTER */) {
       this.isVisible ? this.closePopover() : this.openPopover();
     }
   }
@@ -110,7 +103,7 @@ const ZPopoverDeprecated = class {
   }
   render() {
     return (h(Host, { onKeyDown: this.handleKeyDown }, h("div", { tabindex: "0", onClick: (event) => this.handleClick(event), onKeyDown: (event) => {
-        if (event.key === KeyboardCode.ENTER) {
+        if (event.key === "Enter" /* KeyboardCode.ENTER */) {
           this.handleClick(event);
         }
       } }, h("slot", { name: "trigger" })), h("div", { ref: (e) => (this.popoverElem = e), class: {

package/dist/esm/z-popover.entry.js

@@ -1,6 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a2ca4b97.js';
-import { P as PopoverPositions, h as KeyboardCode } from './index-9d028352.js';
-import { a as getElementTree } from './utils-39ca028c.js';
+import { a as getElementTree } from './utils-420e8552.js';
 import './breakpoints-c386984e.js';
 
 const stylesCss = ":host{--z-popover-theme--surface:var(--color-surface01);--z-popover-theme--text:var(--color-text01);--z-popover-padding:0;--z-popover-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base));position:relative;display:none;min-width:calc(var(--space-unit) * 8);min-height:calc(var(--space-unit) * 4);align-items:center;justify-content:center;padding:var(--z-popover-padding);background:var(--z-popover-theme--surface);border-radius:var(--border-radius-small);color:var(--z-popover-theme--text);fill:currentcolor;filter:var(--z-popover-shadow-filter);font-family:var(--font-family-sans);text-align:center}:host([open][current-position]),:host([open=\"true\"][current-position]){display:flex}:host([center][current-position=\"top\"]),:host([center][current-position=\"bottom\"]){transform:translateX(-50%)}:host([center][current-position=\"right\"]),:host([center][current-position=\"left\"]){transform:translateY(-50%)}:host([current-position^=\"top\"]){margin:0 0 var(--space-unit)}:host([current-position^=\"bottom\"]){margin:var(--space-unit) 0 0}:host([current-position^=\"left\"]){margin:0 var(--space-unit) 0 0}:host([current-position^=\"right\"]){margin:0 0 0 var(--space-unit)}:host([current-position])::before{--arrow-size:6px;--arrow-edge-offset:calc(100% - var(--space-unit) - (var(--arrow-size) / 2));--arrow-center-x-offset:calc(50% - (var(--arrow-size) / 2));--arrow-center-y-offset:calc(100% - (var(--arrow-size) / 2));position:absolute;display:block;width:var(--arrow-size);height:var(--arrow-size);background:var(--z-popover-theme--surface);content:\"\";transform:rotate(45deg)}:host([show-arrow=\"false\"])::before,:host(:not([show-arrow]))::before{display:none}:host([current-position^=\"top\"])::before{top:var(--arrow-center-y-offset)}:host([current-position^=\"bottom\"])::before{bottom:var(--arrow-center-y-offset)}:host([current-position=\"top\"])::before,:host([current-position=\"bottom\"])::before{right:var(--arrow-edge-offset)}:host([current-position=\"right\"])::before,:host([current-position=\"left\"])::before{bottom:var(--arrow-edge-offset)}:host([current-position=\"right\"])::before{right:var(--arrow-center-y-offset)}:host([current-position=\"left\"])::before{left:var(--arrow-center-y-offset)}:host([current-position=\"top_right\"])::before,:host([current-position=\"bottom_right\"])::before{right:var(--arrow-edge-offset)}:host([current-position=\"top_left\"])::before,:host([current-position=\"bottom_left\"])::before{left:var(--arrow-edge-offset)}:host([current-position=\"right_top\"])::before,:host([current-position=\"left_top\"])::before{top:var(--arrow-edge-offset)}:host([current-position=\"right_top\"])::before,:host([current-position=\"right_bottom\"])::before{right:var(--arrow-center-y-offset)}:host([current-position=\"left_top\"])::before,:host([current-position=\"left_bottom\"])::before{left:var(--arrow-center-y-offset)}:host([current-position=\"right_bottom\"])::before,:host([current-position=\"left_bottom\"])::before{bottom:var(--arrow-edge-offset)}:host([center][current-position=\"top\"])::before,:host([center][current-position=\"bottom\"])::before{right:auto;left:var(--arrow-center-x-offset)}:host([center][current-position=\"right\"])::before,:host([center][current-position=\"left\"])::before{top:var(--arrow-center-x-offset);bottom:auto}::slotted(*){overflow:auto;flex:1 auto}";
@@ -91,27 +90,16 @@ const ZPopover = class {
     registerInstance(this, hostRef);
     this.positionChange = createEvent(this, "positionChange", 7);
     this.openChange = createEvent(this, "openChange", 7);
-    /** Popover position. */
-    this.position = PopoverPositions.AUTO;
-    /**
-     * The open state of the popover.
-     */
+    this.position = "auto" /* PopoverPositions.AUTO */;
     this.open = false;
-    /**
-     * Whether to show popover's arrow.
-     */
+    this.bindTo = undefined;
     this.showArrow = false;
-    /**
-     * Whether to center the popup on the main side (according to "position").
-     */
     this.center = false;
-    /**
-     * Whether the popover should be closed when the user clicks outside of it or hit "ESC".
-     */
     this.closable = true;
+    this.currentPosition = undefined;
   }
   closePopoverWithKeyboard(e) {
-    if (this.closable && e.key === KeyboardCode.ESC) {
+    if (this.closable && e.key === "Escape" /* KeyboardCode.ESC */) {
       this.open = false;
     }
   }
@@ -127,8 +115,15 @@ const ZPopover = class {
     }
   }
   validatePosition(newValue) {
-    if (newValue && !Object.values(PopoverPositions).includes(newValue)) {
-      this.position = PopoverPositions.AUTO;
+    // FIXME: avoid this check and treat "AUTO" as the default case when modifying popover position
+    if (newValue && newValue !== "auto" /* PopoverPositions.AUTO */ && newValue !== "bottom" /* PopoverPositions.BOTTOM */
+      && newValue !== "bottom_left" /* PopoverPositions.BOTTOM_LEFT */ && newValue !== "bottom_right" /* PopoverPositions.BOTTOM_RIGHT */
+      && newValue !== "left" /* PopoverPositions.LEFT */ && newValue !== "left_bottom" /* PopoverPositions.LEFT_BOTTOM */
+      && newValue !== "left_top" /* PopoverPositions.LEFT_TOP */ && newValue !== "right" /* PopoverPositions.RIGHT */
+      && newValue !== "right_bottom" /* PopoverPositions.RIGHT_BOTTOM */ && newValue !== "right_top" /* PopoverPositions.RIGHT_TOP */
+      && newValue !== "top" /* PopoverPositions.TOP */ && newValue !== "top_left" /* PopoverPositions.TOP_LEFT */
+      && newValue !== "top_right" /* PopoverPositions.TOP_RIGHT */) {
+      this.position = "auto" /* PopoverPositions.AUTO */;
     }
     this.currentPosition = this.position;
     this.positionChange.emit({ position: this.currentPosition });
@@ -194,28 +189,28 @@ const ZPopover = class {
     const availableWidth = availableLeft + availableRight + boundingRect.width;
     let position = this.currentPosition;
     const positions = [];
-    if (this.position === PopoverPositions.AUTO) {
+    if (this.position === "auto" /* PopoverPositions.AUTO */) {
       /**
        * The `AUTO` position tries to place the popover in the 'safest' area,
        * where there's more space available.
        */
       if (availableLeft / availableWidth > 0.6) {
-        positions.push(PopoverPositions.LEFT);
+        positions.push("left" /* PopoverPositions.LEFT */);
       }
       else if (availableLeft / availableWidth < 0.4) {
-        positions.push(PopoverPositions.RIGHT);
+        positions.push("right" /* PopoverPositions.RIGHT */);
       }
       if (availableTop / availableHeight > 0.9) {
-        positions.unshift(PopoverPositions.TOP);
+        positions.unshift("top" /* PopoverPositions.TOP */);
       }
       else if (availableTop / availableHeight > 0.6) {
-        positions.push(PopoverPositions.TOP);
+        positions.push("top" /* PopoverPositions.TOP */);
       }
       else if (availableTop / availableHeight < 0.1) {
-        positions.unshift(PopoverPositions.BOTTOM);
+        positions.unshift("bottom" /* PopoverPositions.BOTTOM */);
       }
       else {
-        positions.push(PopoverPositions.BOTTOM);
+        positions.push("bottom" /* PopoverPositions.BOTTOM */);
       }
       position = positions.join("_");
     }
@@ -227,17 +222,17 @@ const ZPopover = class {
     const offsetLeft = boundingRect.left - relativeBoundingRect.left;
     const offsetModifier = this.center ? 0.5 : 0;
     const sizeModifier = this.center ? 0.5 : 0;
-    if (position === PopoverPositions.TOP || position === PopoverPositions.TOP_RIGHT) {
+    if (position === "top" /* PopoverPositions.TOP */ || position === "top_right" /* PopoverPositions.TOP_RIGHT */) {
       style.top = "auto";
       style.right = "auto";
       style.bottom = `${offsetBottom + boundingRect.height}px`;
       style.left = `${offsetLeft + boundingRect.width * offsetModifier}px`;
       style.maxHeight = `${availableTop}px`;
-      if (position === PopoverPositions.TOP_RIGHT) {
+      if (position === "top_right" /* PopoverPositions.TOP_RIGHT */) {
         style.maxWidth = `${availableRight + boundingRect.width * sizeModifier}px`;
       }
     }
-    else if (position === PopoverPositions.TOP_LEFT) {
+    else if (position === "top_left" /* PopoverPositions.TOP_LEFT */) {
       style.top = "auto";
       style.right = `${offsetRight + boundingRect.width * offsetModifier}px`;
       style.bottom = `${offsetBottom + boundingRect.height}px`;
@@ -245,17 +240,17 @@ const ZPopover = class {
       style.maxWidth = `${availableLeft}px`;
       style.maxHeight = `${availableTop}px`;
     }
-    else if (position === PopoverPositions.BOTTOM || position === PopoverPositions.BOTTOM_RIGHT) {
+    else if (position === "bottom" /* PopoverPositions.BOTTOM */ || position === "bottom_right" /* PopoverPositions.BOTTOM_RIGHT */) {
       style.top = `${offsetTop + boundingRect.height}px`;
       style.right = "auto";
       style.bottom = "auto";
       style.left = `${offsetLeft + boundingRect.width * offsetModifier}px`;
       style.maxHeight = `${availableBottom}px`;
-      if (position === PopoverPositions.BOTTOM_RIGHT) {
+      if (position === "bottom_right" /* PopoverPositions.BOTTOM_RIGHT */) {
         style.maxWidth = `${availableRight + boundingRect.width * sizeModifier}px`;
       }
     }
-    else if (position === PopoverPositions.BOTTOM_LEFT) {
+    else if (position === "bottom_left" /* PopoverPositions.BOTTOM_LEFT */) {
       style.top = `${offsetTop + boundingRect.height}px`;
       style.right = `${offsetRight + boundingRect.width * offsetModifier}px`;
       style.bottom = "auto";
@@ -263,7 +258,7 @@ const ZPopover = class {
       style.maxWidth = `${availableLeft}px`;
       style.maxHeight = `${availableBottom}px`;
     }
-    else if (position === PopoverPositions.RIGHT || position === PopoverPositions.RIGHT_BOTTOM) {
+    else if (position === "right" /* PopoverPositions.RIGHT */ || position === "right_bottom" /* PopoverPositions.RIGHT_BOTTOM */) {
       style.top = `${offsetTop + boundingRect.height * offsetModifier}px`;
       style.right = "auto";
       style.bottom = "auto";
@@ -271,7 +266,7 @@ const ZPopover = class {
       style.maxWidth = `${availableRight}px`;
       style.maxHeight = `${availableBottom + boundingRect.height * sizeModifier}px`;
     }
-    else if (position === PopoverPositions.RIGHT_TOP) {
+    else if (position === "right_top" /* PopoverPositions.RIGHT_TOP */) {
       style.top = "auto";
       style.right = "auto";
       style.bottom = `${offsetBottom + boundingRect.height * offsetModifier}px`;
@@ -279,7 +274,7 @@ const ZPopover = class {
       style.maxWidth = `${availableRight}px`;
       style.maxHeight = `${availableTop + boundingRect.height * sizeModifier}px`;
     }
-    else if (position === PopoverPositions.LEFT || position === PopoverPositions.LEFT_BOTTOM) {
+    else if (position === "left" /* PopoverPositions.LEFT */ || position === "left_bottom" /* PopoverPositions.LEFT_BOTTOM */) {
       style.top = `${offsetTop + boundingRect.height * offsetModifier}px`;
       style.right = `${offsetRight + boundingRect.width}px`;
       style.bottom = "auto";
@@ -287,7 +282,7 @@ const ZPopover = class {
       style.maxWidth = `${availableLeft}px`;
       style.maxHeight = `${availableBottom + boundingRect.height * sizeModifier}px`;
     }
-    else if (position === PopoverPositions.LEFT_TOP) {
+    else if (position === "left_top" /* PopoverPositions.LEFT_TOP */) {
       style.top = "auto";
       style.right = `${offsetRight + boundingRect.width}px`;
       style.bottom = `${offsetBottom + boundingRect.height * offsetModifier}px`;

package/dist/esm/z-section-title.entry.js

@@ -1,26 +1,18 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-a2ca4b97.js';
-import { z as ZSectionTitleDividerPosition, D as DividerSize } from './index-9d028352.js';
 
 const stylesCss = ":host{--z-section-title--divider-color:var(--red500);display:flex;width:fit-content;flex-direction:column;align-items:flex-start;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host,:host ::slotted(*){box-sizing:border-box}::slotted(*){margin:0}::slotted([slot=\"secondary-title\"]){padding-bottom:calc(var(--space-unit) / 2);border-bottom:var(--border-size-large) solid var(--z-section-title--divider-color);font-size:var(--font-size-3);line-height:1.5rem;text-transform:uppercase}::slotted([slot=\"primary-title\"]){font-size:var(--font-size-6);line-height:2rem}:host([uppercase]:not([uppercase=\"false\"])) ::slotted([slot=\"primary-title\"]){text-transform:uppercase}@media (min-width: 1152px){::slotted([slot=\"primary-title\"]){font-size:var(--font-size-7);line-height:2.25rem}}";
 
 const ZSectionTitle = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * Divider position for the primary title.
-     * This prop only works if the secondary title is not set.
-     */
-    this.dividerPosition = ZSectionTitleDividerPosition.BEFORE;
-    /**
-     * Whether the primary title text is uppercase.
-     */
+    this.dividerPosition = "before" /* ZSectionTitleDividerPosition.BEFORE */;
     this.uppercase = true;
   }
   componentWillRender() {
     this.hasSecondaryTitle = !!this.host.querySelector("[slot=secondary-title]");
   }
   render() {
-    return (h(Host, null, h("slot", { name: "secondary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.BEFORE && (h("z-divider", { size: DividerSize.LARGE, color: "z-section-title--divider-color" })), h("slot", { name: "primary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.AFTER && (h("z-divider", { size: DividerSize.LARGE, color: "z-section-title--divider-color" }))));
+    return (h(Host, null, h("slot", { name: "secondary-title" }), !this.hasSecondaryTitle && this.dividerPosition === "before" /* ZSectionTitleDividerPosition.BEFORE */ && (h("z-divider", { size: "large" /* DividerSize.LARGE */, color: "z-section-title--divider-color" })), h("slot", { name: "primary-title" }), !this.hasSecondaryTitle && this.dividerPosition === "after" /* ZSectionTitleDividerPosition.AFTER */ && (h("z-divider", { size: "large" /* DividerSize.LARGE */, color: "z-section-title--divider-color" }))));
   }
   get host() { return getElement(this); }
 };

package/dist/esm/z-skip-to-content.entry.js

@@ -1,6 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-a2ca4b97.js';
-import { a as getElementTree, h as handleKeyboardSubmit } from './utils-39ca028c.js';
-import { T as ThemeVariant } from './index-9d028352.js';
+import { a as getElementTree, h as handleKeyboardSubmit } from './utils-420e8552.js';
 import './breakpoints-c386984e.js';
 
 const stylesCss = ".sc-z-skip-to-content-h{position:absolute;left:-100%;height:60px;box-sizing:border-box;padding:calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 3);background-color:#24f4ff;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.skip-to-content-visible.sc-z-skip-to-content-h,.sc-z-skip-to-content-h:focus{position:static;display:block}.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content{display:block;text-align:center}.sc-z-skip-to-content-h>z-link.link-invisible.sc-z-skip-to-content{overflow:hidden;width:0;height:0}.sc-z-skip-to-content-h>z-link.link-visible.sc-z-skip-to-content{width:initial;height:initial}.dark.sc-z-skip-to-content-h{background-color:var(--bg-grey-800);color:var(--color-white)}.light.sc-z-skip-to-content-h{border:2px solid var(--text-grey-800);background-color:var(--bg-white);color:var(--text-grey-800)}@media (min-width: 768px){.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content{text-align:left}}@media (min-width: 1152px){.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content{display:inline-block;padding:0 calc(var(--space-unit) * 3);border-right:1px solid var(--bg-grey-800)}.sc-z-skip-to-content-h>z-link.link-invisible.sc-z-skip-to-content{overflow:initial;width:initial;height:initial}.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content:first-child{padding-left:0}.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content:last-child,.dark.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content:last-child,.light.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content:last-child{padding-right:0;border-right:none}.dark.sc-z-skip-to-content-h>z-link.sc-z-skip-to-content{border-right:1px solid var(--bg-white)}}";
@@ -8,7 +7,7 @@ const stylesCss = ".sc-z-skip-to-content-h{position:absolute;left:-100%;height:6
 const ZSkipToContent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** Array to fill link into skip-content */
+    this.variant = undefined;
     this.links = [];
     this.visible = false;
     this.visibleLink = "";
@@ -52,7 +51,7 @@ const ZSkipToContent = class {
         "skip-to-content-visible": this.visible,
       } }, this.links.map((link, i) => {
       const id = `skip-to-content-${i}`;
-      return (h("z-link", { id: id, underline: true, "aria-label": link.ariaLabel || link.label, class: `body-1-sb ${id == this.visibleLink ? "link-visible" : "link-invisible"}`, href: link.href, textcolor: this.variant === ThemeVariant.DARK ? "white" : "black", onFocus: () => (this.visibleLink = id), onClick: () => this.handleLinkClick(), onKeyUp: (e) => handleKeyboardSubmit(e, this.handleLinkClick.bind(this)) }, link.label));
+      return (h("z-link", { id: id, underline: true, "aria-label": link.ariaLabel || link.label, class: `body-1-sb ${id == this.visibleLink ? "link-visible" : "link-invisible"}`, href: link.href, textcolor: this.variant === "dark" /* ThemeVariant.DARK */ ? "white" : "black", onFocus: () => (this.visibleLink = id), onClick: () => this.handleLinkClick(), onKeyUp: (e) => handleKeyboardSubmit(e, this.handleLinkClick.bind(this)) }, link.label));
     })));
   }
   get hostElement() { return getElement(this); }

package/dist/esm/z-slideshow.entry.js

@@ -1,6 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-a2ca4b97.js';
-import { q as Device } from './index-9d028352.js';
-import { d as convertJson, g as getDevice, h as handleKeyboardSubmit } from './utils-39ca028c.js';
+import { d as convertJson, g as getDevice, h as handleKeyboardSubmit } from './utils-420e8552.js';
 import './breakpoints-c386984e.js';
 
 const stylesCss = ":host{display:block;width:inherit;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:flex;width:inherit;flex-direction:column}main{position:relative;overflow:hidden;width:100%}main z-icon.scroll{position:absolute;z-index:10;top:50%;width:auto;margin:0 var(--space-unit);cursor:pointer;fill:var(--color-primary01);transition:0.6s ease}main .scroll.disabled{opacity:0.5;pointer-events:none}main .scroll.right{right:0}#slides{display:flex;flex-wrap:wrap;line-height:0px;overflow-y:hidden;transition:all 300ms}footer{display:grid;width:100%;height:56px;align-items:center;border-top:var(--border-base) solid var(--color-surface02);grid-template:2 / 2;grid-template-areas:\"center center\" \"left right\"}footer>div{width:100%;align-items:center}footer .footer-center{grid-area:center}footer .footer-left{grid-area:left}footer .footer-right{grid-area:right}footer .bullet-container{display:flex;min-height:60px;align-items:center;justify-content:center;margin:0 auto}footer .bullet-container .bullet{width:8px;height:8px;margin:var(--space-unit) 2px;background-color:var(--bg-neutral-150);border-radius:50%;pointer-events:none}footer .bullet-container .bullet.selected{background-color:var(--bg-neutral-400)}@media only screen and (min-width: 768px){footer{height:76px;border-top:var(--border-base) solid var(--color-surface02);grid-template:1 / 1fr 2fr 1fr;grid-template-areas:\"left center right\"}footer .bullet-container .bullet{width:10px;height:10px;margin:var(--space-unit) 3px}}@media only screen and (min-width: 1025px){main z-icon.scroll{margin:0 10px}footer .bullet-container .bullet{width:16px;height:16px;margin:var(--space-unit) calc(var(--space-unit) * 0.5);cursor:pointer;pointer-events:auto}}";
@@ -16,6 +15,9 @@ function isStringArray(data) {
 const ZSlideshow = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.slideshowid = undefined;
+    this.data = undefined;
+    this.device = undefined;
     this.currentSlide = 0;
   }
   watchData() {
@@ -72,9 +74,9 @@ const ZSlideshow = class {
   }
   getBulletDimension() {
     switch (this.device) {
-      case Device.MOBILE:
+      case "mobile" /* Device.MOBILE */:
         return 24;
-      case Device.TABLET:
+      case "tablet" /* Device.TABLET */:
         return 32;
       default:
         return 40;

package/dist/esm/z-status-tag.entry.js

@@ -1,13 +1,15 @@
 import { r as registerInstance, h, H as Host } from './index-a2ca4b97.js';
-import { M as StatusTagStatus } from './index-9d028352.js';
 
 const stylesCss = ":host{--z-icon-width:14px;--z-icon-height:14px;display:inline-flex;height:22px;align-items:center;padding-right:4px;padding-left:4px;border-radius:var(--border-radius);font-family:var(--font-family-sans);text-transform:uppercase}:host(.expandable)>z-icon{margin-right:0;transition:margin-right 0.3s ease-out 0.2s}:host(:not(.expandable))>z-icon:not(:last-child),:host(.expandable:hover)>z-icon:not(:last-child){margin-right:var(--space-unit);transition:margin-right 0.3s ease-out 0s}:host(.expandable)>span{overflow:hidden;max-width:0;transition:max-width 0.3s ease-out 0.2s;white-space:nowrap}:host(.expandable:hover)>span{max-width:20rem;transition:max-width 0.3s ease-out 0s}:host([status=\"warning\"]){background-color:var(--status-warning-yellow-lighter);color:var(--status-warning-yellow-dark);fill:var(--status-warning-yellow-dark)}:host([status=\"warning\"].light){background-color:transparent;color:var(--status-warning-yellow-dark);fill:var(--status-warning-yellow-dark)}:host([status=\"warning\"].dark){background-color:var(--status-warning-yellow-dark);color:var(--status-warning-yellow-lighter);fill:var(--status-warning-yellow-lighter)}:host([status=\"error\"]){background-color:var(--status-error-red-lighter);color:var(--status-error-red-dark);fill:var(--status-error-red-dark)}:host([status=\"error\"].light){background-color:transparent;color:var(--status-error-red-dark);fill:var(--status-error-red-dark)}:host([status=\"error\"].dark){background-color:var(--status-error-red-dark);color:var(--status-error-red-lighter);fill:var(--status-error-red-lighter)}:host([status=\"success\"]){background-color:var(--status-success-green-lighter);color:var(--status-success-green-dark);fill:var(--status-success-green-dark)}:host([status=\"success\"].light){background-color:transparent;color:var(--status-success-green-dark);fill:var(--status-success-green-dark)}:host([status=\"success\"].dark){background-color:var(--status-success-green-dark);color:var(--status-success-green-lighter);fill:var(--status-success-green-lighter)}:host([status=\"default\"]){background-color:var(--myz-blue-lighter);color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}:host([status=\"default\"].light){background-color:transparent;color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}:host([status=\"default\"].dark){background-color:var(--myz-blue-dark);color:var(--myz-blue-lighter);fill:var(--myz-blue-lighter)}:host([status=\"neutral\"]){background-color:var(--bg-grey-050);color:var(--text-grey-800);fill:var(--text-grey-800)}:host([status=\"neutral\"].light){background-color:transparent;color:var(--text-grey-800);fill:var(--text-grey-800)}:host([status=\"neutral\"].dark){background-color:var(--bg-grey-800);color:var(--text-white);fill:var(--text-white)}";
 
 const ZStatusTag = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** [optional] Status tag color */
-    this.status = StatusTagStatus.DEFAULT;
+    this.icon = undefined;
+    this.text = undefined;
+    this.expandable = undefined;
+    this.status = "default" /* StatusTagStatus.DEFAULT */;
+    this.variant = undefined;
     if (!this.icon && !this.text) {
       console.warn("z-status-tag must contain at least one prop between icon and text");
     }

package/dist/esm/z-stepper-item.entry.js

@@ -5,6 +5,10 @@ const stylesCss = ":host{position:relative;width:calc(var(--space-unit) * 5);fon
 const ZStepperItem = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.index = undefined;
+    this.href = undefined;
+    this.pressed = undefined;
+    this.disabled = undefined;
   }
   render() {
     if (this.href) {