@zanichelli/albe-web-components 4.2.0 → 5.1.0

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-90e18641.js';
-import { D as DeviceEnum } from './index-c1ce8cab.js';
-import { d as convertJson, g as getDevice, h as handleKeyboardSubmit } from './utils-99c70c57.js';
+import { D as DeviceEnum } from './index-e3640537.js';
+import { d as convertJson, g as getDevice, h as handleKeyboardSubmit } from './utils-f3d44cb3.js';
 import './breakpoints-c386984e.js';
 
 const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:block;width:inherit}:host>div{display:flex;flex-direction:column;width:inherit}main{position:relative;overflow:hidden;width:100%}main z-icon.scroll{position:absolute;top:50%;width:auto;cursor:pointer;transition:0.6s ease;margin:0 var(--space-unit);fill:var(--color-primary01);z-index:10}main .scroll.disabled{opacity:50%;pointer-events:none}main .scroll.right{right:0}#slides{display:flex;flex-wrap:wrap;transition:all 300ms;line-height:0px;overflow-y:hidden}footer{height:56px;width:100%;align-items:center;display:grid;grid-template-columns:2;grid-template-rows:2;grid-template-areas:\"center center\" \"left right\";border-top:var(--border-base) solid var(--color-surface02)}footer>div{align-items:center;width:100%}footer .footerCenter{grid-area:center}footer .footerLeft{grid-area:left}footer .footerRight{grid-area:right}footer .bulletContainer{display:flex;margin:0 auto;justify-content:center;align-items:center;min-height:60px}footer .bulletContainer .bullet{width:8px;height:8px;border-radius:50%;background-color:var(--bg-neutral-150);margin:var(--space-unit) 2px;pointer-events:none}footer .bulletContainer .bullet.selected{background-color:var(--bg-neutral-400)}@media only screen and (min-width: 768px){footer{grid-template-columns:1fr 2fr 1fr;grid-template-rows:1;grid-template-areas:\"left center right\";height:76px;border-top:var(--border-base) solid var(--color-surface02)}footer .bulletContainer .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 .bulletContainer .bullet{width:16px;height:16px;margin:var(--space-unit) calc(var(--space-unit) * 0.5);pointer-events:auto;cursor:pointer}}";

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-90e18641.js';
-import { S as StatusTagStatus } from './index-c1ce8cab.js';
+import { S as StatusTagStatus } from './index-e3640537.js';
 import { c as classnames } from './index-abb47b30.js';
 import './_commonjsHelpers-9943807e.js';
 

package/dist/esm/z-table-cell.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-90e18641.js';
-import { x as Size, f as ButtonVariantEnum, g as ButtonSizeEnum } from './index-c1ce8cab.js';
+import { F as Size, f as ButtonVariantEnum, g as ButtonSizeEnum } from './index-e3640537.js';
 import { c as classnames } from './index-abb47b30.js';
 import './_commonjsHelpers-9943807e.js';
 

package/dist/esm/z-table-header.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-90e18641.js';
 import { c as classnames } from './index-abb47b30.js';
-import { x as Size, y as SortDirectionEnum, f as ButtonVariantEnum, g as ButtonSizeEnum, P as PopoverPositions } from './index-c1ce8cab.js';
-import { a as getElementTree } from './utils-99c70c57.js';
+import { F as Size, G as SortDirectionEnum, f as ButtonVariantEnum, g as ButtonSizeEnum, P as PopoverPositions } from './index-e3640537.js';
+import { a as getElementTree } from './utils-f3d44cb3.js';
 import './_commonjsHelpers-9943807e.js';
 import './breakpoints-c386984e.js';
 
@@ -72,7 +72,7 @@ const ZTableHeader = class {
         sortable: this.sortable,
       }), onClick: () => this.handleSort() }, h("div", { class: 'container' }, h("slot", null), this.sortable && this.sortDirection !== SortDirectionEnum.none && (h("z-icon", { name: this.sortDirection === SortDirectionEnum.asc
         ? "arrow-up"
-        : "arrow-down", class: "arrow" }))), this.showButton && (h("div", { class: 'popover-container' }, h("z-button", { ref: (el) => (this.triggerButton = el), class: "contextual-popover-button", icon: "contextual-menu", variant: ButtonVariantEnum["tertiary"], size: ButtonSizeEnum["x-small"], onClick: () => this.handleMenuClick() }), h("z-popover", { ref: (el) => (this.popover = el), position: PopoverPositions.BOTTOM, center: true, bindTo: this.triggerButton }, h("div", null, h("slot", { name: "contextual-menu" })))))));
+        : "arrow-down", class: "arrow" }))), this.showButton && (h("div", { class: 'popover-container' }, h("z-button", { ref: (el) => (this.triggerButton = el), class: "contextual-popover-button", icon: "contextual-menu", variant: ButtonVariantEnum["tertiary"], size: ButtonSizeEnum["x-small"], onClick: () => this.handleMenuClick() }), h("z-popover", { ref: (el) => (this.popover = el), position: PopoverPositions.bottom, center: true, bindTo: this.triggerButton }, h("div", null, h("slot", { name: "contextual-menu" })))))));
   }
   get host() { return getElement(this); }
 };

package/dist/esm/z-table-row.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-90e18641.js';
-import { s as ZTableRowExpandedType } from './index-c1ce8cab.js';
+import { w as ZTableRowExpandedType } from './index-e3640537.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;padding-left:16px;padding-right:0px;box-sizing:border-box;text-align:center;fill:var(--gray800);user-select:none}.z-icon-placeholder{width:24px;padding-right:0px}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{background-color:var(--gray50)}z-table-row[expanded]+z-table-expanded-row{display:table-row}z-table-row[expanded]>z-table-cell{border-bottom:none}";
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-90e18641.js';
-import { f as ButtonVariantEnum, g as ButtonSizeEnum } from './index-c1ce8cab.js';
+import { f as ButtonVariantEnum, g as ButtonSizeEnum } from './index-e3640537.js';
 import { m as mobileBreakpoint } from './breakpoints-c386984e.js';
 
 const stylesCss = "z-table{overflow-x:auto;display:block;width:100%;font-family:var(--dashboard-font);font-weight:var(--font-rg);background-color:var(--color-white)}z-table>div.table{display:table;width:100%;border-collapse:separate}z-table>div.table-bordered>z-table-body>z-table-row>z-table-cell:not(:last-child),z-table>div.table-bordered>z-table-head>z-table-header-row>z-table-header:not(:last-child){border-right:var(--border-size-small) solid var(--bg-grey-200)}z-table>div>z-table-body>z-table-row[expandable]>z-table-cell:first-child,z-table>div>z-table-head>z-table-header-row[expandable]>z-table-header:first-child{border-right:none}z-table>div>z-table-body>z-table-row[expanded]>z-table-cell{background-color:var(--gray50)}z-table>div>z-table-body>z-table-row[expanded]+z-table-expanded-row{border-bottom:1px solid var(--gray200)}z-table>div.table-column-sticky>z-table-body>z-table-row>z-table-cell:first-child,z-table>div.table-column-sticky>z-table-head>z-table-header-row>z-table-header:first-child{position:sticky;left:0;box-shadow:1px 0 4px -1px rgba(66, 69, 72, 0.4);z-index:1}z-table>div.table-header-sticky>z-table-head>z-table-header-row>z-table-header{position:sticky;top:0;box-shadow:0 2px 3px -3px rgba(66, 69, 72, 0.4)}z-table>div.table-header-sticky>z-table-head>z-table-header-row>z-table-header{z-index:2}z-table>div.table-header-sticky>z-table-head>z-table-header-row>z-table-header:first-child,z-table>div.table-column-sticky>z-table-head>z-table-header-row>z-table-header:first-child{z-index:5}z-table-body{width:auto;background-color:var(--color-white)}z-table-empty-box{display:flex;flex-direction:column;flex-grow:1;border-bottom:var(--border-size-small) solid var(--bg-grey-200)}z-table-empty-box.bordered{border-left:var(--border-size-small) solid var(--bg-grey-200)}.error-message{margin-top:calc(var(--space-unit) * 2)}.table-content{display:flex;flex-direction:row;width:100%}.error-content{font-family:var(--dashboard-font);padding:calc(var(--space-unit) * 3);display:flex}.error-content>img{width:244px;height:188px;margin-right:calc(var(--space-unit) * 3)}@media only screen and (max-width: 768px){z-table>div.table-empty{display:none}.error-content{display:flex;flex-direction:column}.error-content>img{width:auto;height:auto}.text{padding:calc(var(--space-unit) * 3) 0}}";

package/dist/esm/z-toast-notification-list.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-90e18641.js';
-import { u as ToastNotificationPositionsEnum } from './index-c1ce8cab.js';
+import { y as ToastNotificationPositionsEnum } from './index-e3640537.js';
 
 const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);position:fixed;display:flex;flex-direction:column;flex-wrap:nowrap;z-index:10000;margin-bottom:calc(var(--space-unit) * 2);margin-top:calc(var(--space-unit) * 2)}::slotted(z-toast-notification){width:100vw}::slotted(:not(:last-child)){margin-bottom:calc(var(--space-unit) * 1)}:host(.bottom-centre),:host(.bottom-right),:host(.bottom-left){justify-content:flex-end;align-items:flex-end;bottom:0}:host(.top-left),:host(.top-right),:host(.top-centre){justify-content:flex-start;align-items:flex-start;top:0}@media only screen and (min-width: 768px){:host{margin:calc(var(--space-unit) * 3)}:host(.top-centre){justify-content:flex-start;align-items:center;top:0;left:50%;transform:translateX(-50%)}:host(.top-left){justify-content:flex-start;align-items:flex-start;top:0;left:0}:host(.top-right){justify-content:flex-start;align-items:flex-end;top:0;right:0}:host(.bottom-centre){justify-content:flex-end;align-items:center;bottom:0;left:50%;transform:translateX(-50%)}:host(.bottom-right){justify-content:flex-end;align-items:flex-end;bottom:0;right:0}:host(.bottom-left){justify-content:flex-end;align-items:flex-start;bottom:0;left:0}::slotted(z-toast-notification){width:50vw}}@media only screen and (min-width: 1366px){:host{margin:calc(var(--space-unit) * 4)}::slotted(z-toast-notification){width:33vw}}";
 

package/dist/esm/z-toast-notification.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-90e18641.js';
-import { t as ToastNotificationTransitionsEnum } from './index-c1ce8cab.js';
+import { x as ToastNotificationTransitionsEnum } from './index-e3640537.js';
 import { m as mobileBreakpoint } from './breakpoints-c386984e.js';
 import { h as hammer } from './hammer-c3266b17.js';
 import './_commonjsHelpers-9943807e.js';

package/dist/esm/z-toggle-switch.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h } from './index-90e18641.js';
-import { r as randomId } from './utils-99c70c57.js';
-import { L as LabelPositions } from './index-c1ce8cab.js';
+import { r as randomId } from './utils-f3d44cb3.js';
+import { L as LabelPositions } from './index-e3640537.js';
 import './breakpoints-c386984e.js';
 
 const stylesCss = ".sc-z-toggle-switch-h{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:inline-flex;position:relative}label.sc-z-toggle-switch{display:flex;align-items:center;flex-direction:row;cursor:pointer}label.disabled.sc-z-toggle-switch{cursor:default}label.right.sc-z-toggle-switch{flex-direction:row-reverse}label.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{letter-spacing:0;color:var(--color-text01)}label.left.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-right:var(--space-unit)}label.right.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-left:var(--space-unit)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch{display:flex;align-items:center}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch{top:1px;left:1px;height:18px;width:calc(var(--space-unit) * 4);border-radius:var(--space-unit);color:var(--gray500);background-color:var(--gray500);position:relative;cursor:pointer}label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch,label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch{background-color:var(--color-disabled01);cursor:default}label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch>span.circle.sc-z-toggle-switch>z-icon.sc-z-toggle-switch{fill:var(--color-disabled01)}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch{background-color:var(--color-primary01);fill:var(--color-primary01)}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled){outline:none;box-shadow:var(--shadow-focus-primary)}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch{outline:none}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled):hover{background-color:var(--color-hover-primary);fill:var(--color-hover-primary)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{top:1px;left:1px;position:absolute;display:flex;align-items:center;justify-content:center;margin:0;height:calc(var(--space-unit) * 2);width:calc(var(--space-unit) * 2);border-radius:7px;background-color:var(--color-white);box-shadow:var(--shadow-1);transition:transform 0.3s ease}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{transform:translateX(calc(100% - 2px))}input[type=\"checkbox\"].sc-z-toggle-switch{position:absolute;opacity:0;z-index:-1;pointer-events:none}";

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-90e18641.js';
-import { P as PopoverPositions } from './index-c1ce8cab.js';
+import { P as PopoverPositions } from './index-e3640537.js';
 
 const stylesCss = ":host{--z-tooltip-theme--surface:var(--color-surface01);--z-tooltip-theme--text:var(--color-text01);--arrow-size:6px;--edge-offset:calc(-1 * (var(--arrow-size) + calc(var(--space-unit) * 2)));position:relative;display:none;align-items:center;justify-content:center;padding:var(--space-unit);min-width:calc(var(--space-unit) * 8);min-height:calc(var(--space-unit) * 4);color:var(--z-tooltip-theme--text);fill:currentColor;font-family:var(--font-family-sans);text-align:center;border-radius:var(--border-radius-small);background:var(--z-tooltip-theme--surface);filter:drop-shadow(0 4px 8px var(--shadow-color-base));will-change:filter}:host(.legacy){display:inline-flex;padding:calc(var(--space-unit) * 2);min-width:auto;min-height:auto;max-width:200px;font-style:italic;line-height:16px;letter-spacing:0.32px;font-size:12px;border:var(--border-size-small) solid var(--gray200);border-radius:var(--border-radius);filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.08))}:host(.legacy)::before{--arrow-size:14px}:host([position])::before{--arrow-edge-offset:calc(100% - var(--arrow-size) - var(--space-unit));--arrow-center-x-offset:calc(50% - calc(var(--arrow-size) / 2));--arrow-center-y-offset:calc(100% - calc(var(--arrow-size) / 2));content:'';position:absolute;width:var(--arrow-size);height:var(--arrow-size);background:inherit;transform:rotate(45deg)}:host([open][style*='top:']),:host([open][style*='inset:']){display:inline-flex}:host([position^='top']){margin-bottom:var(--space-unit)}:host([position='right']){margin-left:var(--space-unit)}:host([position='top_right']),:host([position='bottom_right']){margin-left:var(--edge-offset)}:host([position^='bottom']){margin-top:var(--space-unit)}:host([position='left']){margin-right:var(--space-unit)}:host([position='top_left']),:host([position='bottom_left']){margin-right:var(--edge-offset)}:host([position^='top'])::before{top:var(--arrow-center-y-offset)}:host([position^='bottom'])::before{bottom:var(--arrow-center-y-offset)}:host([position='top'])::before,:host([position='bottom'])::before{left:var(--arrow-center-x-offset)}:host([position='right'])::before,:host([position='left'])::before{top:var(--arrow-center-x-offset)}:host([position='right'])::before{right:var(--arrow-center-y-offset)}:host([position='top_right'])::before,:host([position='bottom_right'])::before{right:var(--arrow-edge-offset)}:host([position='left'])::before{left:var(--arrow-center-y-offset)}:host([position='top_left'])::before,:host([position='bottom_left'])::before{left:var(--arrow-edge-offset)}::slotted(*){flex:1 auto;overflow:auto}";
 
@@ -85,7 +85,7 @@ const ZTooltipDeprecated = class {
     registerInstance(this, hostRef);
     this.positionChange = createEvent(this, "positionChange", 7);
     /** Tooltip position. */
-    this.type = PopoverPositions.AUTO;
+    this.type = PopoverPositions.auto;
     /**
      * The open state of the tooltip.
      */
@@ -96,7 +96,7 @@ const ZTooltipDeprecated = class {
       Object
         .values(PopoverPositions)
         .every((position) => newValue !== position)) {
-      this.type = PopoverPositions.AUTO;
+      this.type = PopoverPositions.auto;
     }
   }
   onPositionChange() {
@@ -165,29 +165,29 @@ const ZTooltipDeprecated = class {
     const availableHeight = availableTop + availableBottom + boundingRect.height;
     const availableWidth = availableLeft + availableRight + boundingRect.width;
     let position = this.type;
-    if (position === PopoverPositions.AUTO) {
+    if (position === PopoverPositions.auto) {
       /**
        * The `AUTO` position tries to place the tooltip in the "safest" area,
        * where there's more space available.
        */
       const positions = [];
       if (availableTop / availableHeight > 0.9) {
-        positions.unshift(PopoverPositions.TOP);
+        positions.unshift(PopoverPositions.top);
       }
       else if (availableTop / availableHeight > 0.6) {
-        positions.push(PopoverPositions.TOP);
+        positions.push(PopoverPositions.top);
       }
       else if (availableTop / availableHeight < 0.1) {
-        positions.unshift(PopoverPositions.BOTTOM);
+        positions.unshift(PopoverPositions.bottom);
       }
       else {
-        positions.push(PopoverPositions.BOTTOM);
+        positions.push(PopoverPositions.bottom);
       }
       if (availableLeft / availableWidth > 0.6) {
-        positions.push(PopoverPositions.LEFT);
+        positions.push(PopoverPositions.left);
       }
       else if (availableLeft / availableWidth < 0.4) {
-        positions.push(PopoverPositions.RIGHT);
+        positions.push(PopoverPositions.right);
       }
       position = positions.join("_");
     }
@@ -199,46 +199,46 @@ const ZTooltipDeprecated = class {
     const offsetRight = boundingRect.right - relativeBoundingRect.right;
     const offsetBottom = boundingRect.bottom - relativeBoundingRect.bottom;
     const offsetLeft = boundingRect.left - relativeBoundingRect.left;
-    if (position === PopoverPositions.TOP ||
-      position === PopoverPositions.TOP_RIGHT ||
-      position === PopoverPositions.TOP_LEFT) {
+    if (position === PopoverPositions.top ||
+      position === PopoverPositions.top_right ||
+      position === PopoverPositions.top_left) {
       style.top = "auto";
       style.bottom = `${offsetBottom + boundingRect.height}px`;
     }
-    if (position === PopoverPositions.BOTTOM ||
-      position === PopoverPositions.BOTTOM_RIGHT ||
-      position === PopoverPositions.BOTTOM_LEFT) {
+    if (position === PopoverPositions.bottom ||
+      position === PopoverPositions.bottom_right ||
+      position === PopoverPositions.bottom_left) {
       style.top = `${offsetTop + boundingRect.height}px`;
       style.bottom = "auto";
     }
-    if (position === PopoverPositions.TOP ||
-      position === PopoverPositions.BOTTOM) {
+    if (position === PopoverPositions.top ||
+      position === PopoverPositions.bottom) {
       style.left = `${offsetLeft +
         (boundingRect.width / 2) -
         (this.host.clientWidth / 2)}px`;
     }
-    if (position === PopoverPositions.TOP_RIGHT ||
-      position === PopoverPositions.BOTTOM_RIGHT) {
+    if (position === PopoverPositions.top_right ||
+      position === PopoverPositions.bottom_right) {
       style.right = "auto";
       style.left = `${offsetLeft + boundingRect.width}px`;
     }
-    if (position === PopoverPositions.TOP_LEFT ||
-      position === PopoverPositions.BOTTOM_LEFT) {
+    if (position === PopoverPositions.top_left ||
+      position === PopoverPositions.bottom_left) {
       style.left = "auto";
       style.right = `${offsetRight + boundingRect.width}px`;
     }
-    if (position === PopoverPositions.RIGHT ||
-      position === PopoverPositions.LEFT) {
+    if (position === PopoverPositions.right ||
+      position === PopoverPositions.left) {
       style.top = `${offsetTop +
         (boundingRect.height / 2) -
         (this.host.clientHeight / 2)}px`;
       style.bottom = "auto";
     }
-    if (position === PopoverPositions.RIGHT) {
+    if (position === PopoverPositions.right) {
       style.right = "auto";
       style.left = `${offsetLeft + boundingRect.width}px`;
     }
-    if (position === PopoverPositions.LEFT) {
+    if (position === PopoverPositions.left) {
       style.left = "auto";
       style.right = `${offsetRight + boundingRect.width}px`;
     }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-90e18641.js';
-import { P as PopoverPositions } from './index-c1ce8cab.js';
+import { P as PopoverPositions } from './index-e3640537.js';
 
 const stylesCss = ":host{--z-tooltip-theme--surface:var(--color-surface01);--z-tooltip-theme--text:var(--color-text01);--z-tooltip-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base))}:host([dark]) z-popover{--z-popover-theme--surface:var(--color-surface05)}z-popover{--z-popover-padding:var(--space-unit);--z-popover-theme--surface:var(--z-tooltip-theme--surface);--z-popover-theme--text:var(--z-tooltip-theme--text);--z-popover-shadow-filter:var(--z-tooltip-shadow-filter)}";
 
@@ -7,7 +7,7 @@ const ZTooltip = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /** Tooltip position. */
-    this.position = PopoverPositions.AUTO;
+    this.position = PopoverPositions.auto;
     /** Enable tooltip dark mode. */
     this.dark = false;
     /**

package/dist/types/beans/index.d.ts

@@ -140,19 +140,49 @@ export declare enum InputStatusEnum {
 }
 export declare type PopoverPositionBean = keyof typeof PopoverPositions;
 export declare enum PopoverPositions {
-  AUTO = "auto",
-  TOP = "top",
-  RIGHT = "right",
-  BOTTOM = "bottom",
-  LEFT = "left",
-  TOP_RIGHT = "top_right",
-  TOP_LEFT = "top_left",
-  BOTTOM_RIGHT = "bottom_right",
-  BOTTOM_LEFT = "bottom_left",
-  RIGHT_TOP = "right_top",
-  RIGHT_BOTTOM = "right_bottom",
-  LEFT_TOP = "left_top",
-  LEFT_BOTTOM = "left_bottom"
+  auto = "auto",
+  top = "top",
+  right = "right",
+  bottom = "bottom",
+  left = "left",
+  top_right = "top_right",
+  top_left = "top_left",
+  bottom_right = "bottom_right",
+  bottom_left = "bottom_left",
+  right_top = "right_top",
+  right_bottom = "right_bottom",
+  left_top = "left_top",
+  left_bottom = "left_bottom"
+}
+export declare enum PopoverPosition {
+  "after-down" = "after-down",
+  "after-center" = "after-center",
+  "after-up" = "after-up",
+  "below-right" = "below-right",
+  "below-center" = "below-center",
+  "below-left" = "below-left",
+  "before-down" = "before-down",
+  "before-center" = "before-center",
+  "before-up" = "before-up",
+  "above-right" = "above-right",
+  "above-center" = "above-center",
+  "above-left" = "above-left"
+}
+export declare enum PopoverBorderRadius {
+  "none" = "none",
+  small = "small",
+  medium = "medium"
+}
+export declare enum PopoverShadow {
+  "shadow-1" = "shadow-1",
+  "shadow-2" = "shadow-2",
+  "shadow-3" = "shadow-3",
+  "shadow-4" = "shadow-4",
+  "shadow-6" = "shadow-6",
+  "shadow-8" = "shadow-8",
+  "shadow-12" = "shadow-12",
+  "shadow-16" = "shadow-16",
+  "shadow-24" = "shadow-24"
 }
 export declare enum KeyboardKeyCodeEnum {
   TAB = 9,
@@ -366,3 +396,10 @@ export declare enum StatusTagStatus {
   neutral = "neutral",
   default = "default"
 }
+export declare type InfoRevealPositionBean = keyof typeof InfoRevealPosition;
+export declare enum InfoRevealPosition {
+  top_right = "top_right",
+  top_left = "top_left",
+  bottom_right = "bottom_right",
+  bottom_left = "bottom_left"
+}

package/dist/types/components/buttons/z-button/index.d.ts

@@ -28,9 +28,8 @@ export declare class ZButton {
     id: string;
     "aria-label": string;
     class: {
-      [x: string]: boolean;
-      container: boolean;
-      "has-text": boolean;
+      "z-button--container": boolean;
+      "z-button--has-text": boolean;
     };
   };
   render(): any;

package/dist/types/components/z-info-reveal/index.d.ts

@@ -0,0 +1,28 @@
+import { InfoRevealPositionBean } from "../../beans";
+export declare class ZInfoReveal {
+  el: HTMLElement;
+  /** Name of the icon for the open button */
+  icon?: string;
+  position?: InfoRevealPositionBean;
+  /** Text that appears on closed panel next to the open button. */
+  label?: string;
+  /** Whether the info panel is open. */
+  open: boolean;
+  /** Current index for the info queue. */
+  currentIndex: number;
+  watchItems(): void;
+  /**
+   * Open the info box.
+   */
+  openInfoBox(): void;
+  /**
+   * Close the info box.
+   */
+  closeInfoBox(): void;
+  /**
+   * Navigate slotted info.
+   * It closes the info box after the last info has been navigated.
+   */
+  next(): void;
+  render(): any;
+}

package/dist/types/components/z-popover/index.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { PopoverPositions } from "../../beans";
+import { PopoverPositionBean } from "../../beans";
 /**
  * Popover component.
  *
@@ -10,7 +10,7 @@ import { PopoverPositions } from "../../beans";
  */
 export declare class ZPopover {
   /** Popover position. */
-  position: PopoverPositions;
+  position: PopoverPositionBean;
   /**
    * The open state of the popover.
    */
@@ -34,7 +34,7 @@ export declare class ZPopover {
   /**
    * The current position of the popover.
    */
-  currentPosition?: PopoverPositions;
+  currentPosition?: PopoverPositionBean;
   /**
    * Position change event.
    */

package/dist/types/components.d.ts

@@ -6,7 +6,7 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { AlertTypes, LicenseTypeEnum, MenuItem as MenuItem1, PopoverPositions as PopoverPositions1 } from "./beans/index";
-import { AvatarSize, ButtonSizeEnum, ButtonVariantBean, ButtonVariantEnum, CardVariants, ComboItemBean, DictionaryData, DividerOrientation, DividerSize, ExpandableListButtonAlign, ExpandableListStyle, HeaderUserData, InputStatusBean, InputTypeBean, LabelPosition, ListDividerType, ListSize, MenuItem, NavigationTabsOrientation, NavigationTabsSize, NotificationType, OffCanvasVariantsEnum, PocketStatus, PopoverPositions, SelectItemBean, Size, SkipToContentLink, SortDirection, StatusTagStatus, ThemeVariant, ThemeVariantBean, ToastNotificationPositionsTypes, ToastNotificationTransitionTypes, ToastNotificationTypes, TransitionDirectionEnum, ZChipType, ZDatePickerMode, ZFileUploadTypeEnum, ZSectionTitleDividerPosition, ZTableRowExpandedType } from "./beans";
+import { AvatarSize, ButtonSizeEnum, ButtonVariantBean, ButtonVariantEnum, CardVariants, ComboItemBean, DictionaryData, DividerOrientation, DividerSize, ExpandableListButtonAlign, ExpandableListStyle, HeaderUserData, InfoRevealPositionBean, InputStatusBean, InputTypeBean, LabelPosition, ListDividerType, ListSize, MenuItem, NavigationTabsOrientation, NavigationTabsSize, NotificationType, OffCanvasVariantsEnum, PocketStatus, PopoverBorderRadius, PopoverPosition, PopoverPositionBean, PopoverPositions, PopoverShadow, SelectItemBean, Size, SkipToContentLink, SortDirection, StatusTagStatus, ThemeVariant, ThemeVariantBean, ToastNotificationPositionsTypes, ToastNotificationTransitionTypes, ToastNotificationTypes, TransitionDirectionEnum, ZChipType, ZDatePickerMode, ZFileUploadTypeEnum, ZSectionTitleDividerPosition, ZTableRowExpandedType } from "./beans";
 import { ListItemBean } from "./beans/index.js";
 import { ZTypographyLevels } from "./components/typography/z-typography/index";
 export namespace Components {
@@ -531,6 +531,17 @@ export namespace Components {
          */
         "isclosable": boolean;
     }
+    interface ZInfoReveal {
+        /**
+          * Name of the icon for the open button
+         */
+        "icon"?: string;
+        /**
+          * Text that appears on closed panel next to the open button.
+         */
+        "label"?: string;
+        "position"?: InfoRevealPositionBean;
+    }
     interface ZInput {
         /**
           * the input aria-label
@@ -1513,7 +1524,7 @@ export namespace Components {
         /**
           * Popover position.
          */
-        "position": PopoverPositions;
+        "position": PopoverPositionBean;
         /**
           * Whether to show popover's arrow.
          */
@@ -1521,25 +1532,29 @@ export namespace Components {
     }
     interface ZPopoverDeprecated {
         /**
-          * The selector or the element bound with the popover.
+          * [optional] Background color token for popover
          */
-        "bindTo"?: string | HTMLElement;
+        "backgroundColor"?: string;
         /**
-          * Whether center the popup on the main side - according to "position".
+          * [optional] Border radius token for popover
          */
-        "center": boolean;
+        "borderRadius"?: PopoverBorderRadius;
         /**
-          * The open state of the popover.
+          * [optional] Box shadow token for popover
          */
-        "open": boolean;
+        "boxShadow"?: PopoverShadow;
         /**
-          * Popover position.
+          * [optional] Sets padding for Popover container
          */
-        "position": PopoverPositions;
+        "padding"?: string;
         /**
-          * Whether to show popover's arrow.
+          * [optional] Popover position
          */
-        "showArrow": boolean;
+        "position"?: PopoverPosition;
+        /**
+          * [optional] Show or hide arrow
+         */
+        "showArrow"?: boolean;
     }
     interface ZRangePicker {
         /**
@@ -2166,6 +2181,12 @@ declare global {
         prototype: HTMLZInfoBoxElement;
         new (): HTMLZInfoBoxElement;
     };
+    interface HTMLZInfoRevealElement extends Components.ZInfoReveal, HTMLStencilElement {
+    }
+    var HTMLZInfoRevealElement: {
+        prototype: HTMLZInfoRevealElement;
+        new (): HTMLZInfoRevealElement;
+    };
     interface HTMLZInputElement extends Components.ZInput, HTMLStencilElement {
     }
     var HTMLZInputElement: {
@@ -2644,6 +2665,7 @@ declare global {
         "z-icon": HTMLZIconElement;
         "z-icon-package": HTMLZIconPackageElement;
         "z-info-box": HTMLZInfoBoxElement;
+        "z-info-reveal": HTMLZInfoRevealElement;
         "z-input": HTMLZInputElement;
         "z-input-deprecated": HTMLZInputDeprecatedElement;
         "z-input-label": HTMLZInputLabelElement;
@@ -3306,6 +3328,17 @@ declare namespace LocalJSX {
          */
         "onInfoBoxClose"?: (event: CustomEvent<any>) => void;
     }
+    interface ZInfoReveal {
+        /**
+          * Name of the icon for the open button
+         */
+        "icon"?: string;
+        /**
+          * Text that appears on closed panel next to the open button.
+         */
+        "label"?: string;
+        "position"?: InfoRevealPositionBean;
+    }
     interface ZInput {
         /**
           * the input aria-label
@@ -4427,7 +4460,7 @@ declare namespace LocalJSX {
         /**
           * Popover position.
          */
-        "position"?: PopoverPositions;
+        "position"?: PopoverPositionBean;
         /**
           * Whether to show popover's arrow.
          */
@@ -4435,31 +4468,31 @@ declare namespace LocalJSX {
     }
     interface ZPopoverDeprecated {
         /**
-          * The selector or the element bound with the popover.
+          * [optional] Background color token for popover
          */
-        "bindTo"?: string | HTMLElement;
+        "backgroundColor"?: string;
         /**
-          * Whether center the popup on the main side - according to "position".
+          * [optional] Border radius token for popover
          */
-        "center"?: boolean;
+        "borderRadius"?: PopoverBorderRadius;
         /**
-          * Open change event.
+          * [optional] Box shadow token for popover
          */
-        "onOpenChange"?: (event: CustomEvent<any>) => void;
+        "boxShadow"?: PopoverShadow;
         /**
-          * Position change event.
+          * Emitted on popover click, returns isVisible state
          */
-        "onPositionChange"?: (event: CustomEvent<any>) => void;
+        "onTriggerClick"?: (event: CustomEvent<any>) => void;
         /**
-          * The open state of the popover.
+          * [optional] Sets padding for Popover container
          */
-        "open"?: boolean;
+        "padding"?: string;
         /**
-          * Popover position.
+          * [optional] Popover position
          */
-        "position"?: PopoverPositions;
+        "position"?: PopoverPosition;
         /**
-          * Whether to show popover's arrow.
+          * [optional] Show or hide arrow
          */
         "showArrow"?: boolean;
     }
@@ -4952,6 +4985,7 @@ declare namespace LocalJSX {
         "z-icon": ZIcon;
         "z-icon-package": ZIconPackage;
         "z-info-box": ZInfoBox;
+        "z-info-reveal": ZInfoReveal;
         "z-input": ZInput;
         "z-input-deprecated": ZInputDeprecated;
         "z-input-label": ZInputLabel;
@@ -5065,6 +5099,7 @@ declare module "@stencil/core" {
             "z-icon": LocalJSX.ZIcon & JSXBase.HTMLAttributes<HTMLZIconElement>;
             "z-icon-package": LocalJSX.ZIconPackage & JSXBase.HTMLAttributes<HTMLZIconPackageElement>;
             "z-info-box": LocalJSX.ZInfoBox & JSXBase.HTMLAttributes<HTMLZInfoBoxElement>;
+            "z-info-reveal": LocalJSX.ZInfoReveal & JSXBase.HTMLAttributes<HTMLZInfoRevealElement>;
             "z-input": LocalJSX.ZInput & JSXBase.HTMLAttributes<HTMLZInputElement>;
             "z-input-deprecated": LocalJSX.ZInputDeprecated & JSXBase.HTMLAttributes<HTMLZInputDeprecatedElement>;
             "z-input-label": LocalJSX.ZInputLabel & JSXBase.HTMLAttributes<HTMLZInputLabelElement>;