@zanichelli/albe-web-components 6.0.0 → 6.0.1-rc1

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-3517583d.js';
+import { r as registerInstance, h } from './index-a2ca4b97.js';
 
 const stylesCss = ":host{position:relative;width:calc(var(--space-unit) * 5);font-family:var(--dashboard-font);font-weight:var(--font-rg)}:host(:not(:last-child)){flex:1}:host(:not(:last-child))::after{position:absolute;z-index:1;top:calc(var(--space-unit) * 4);right:calc(var(--space-unit) * 2);left:calc(var(--space-unit) * 3);display:block;width:auto;border-bottom:solid 2px var(--bg-grey-700);margin:0 calc(-1 * calc(var(--space-unit) * 2)) 0 calc(var(--space-unit) * 2);content:\"\"}.stepper-item{display:flex;width:calc(var(--space-unit) * 5);flex-direction:column;align-items:center;padding:0;border:0;appearance:none;background:transparent;color:inherit;font-family:inherit;font-size:18px;line-height:28px;outline:0;text-decoration:none}.stepper-item span{display:none;width:calc(100% + calc(var(--space-unit) * 4));text-align:center}:host(:not([disabled])) .stepper-item{cursor:pointer}:host([disabled]) .stepper-item{pointer-events:none}.indicator{display:flex;width:calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;justify-content:center;border:2px solid var(--myz-blue);margin:calc(var(--space-unit) * 2);background:var(--bg-white);border-radius:50%;color:var(--myz-blue);content:counter(stepper);font-size:14px;font-weight:var(--font-sb);line-height:1}:host([pressed]:not([disabled])) .indicator{border-color:var(--myz-blue-dark);background:var(--myz-blue-dark);color:var(--text-white)}:host(:not([disabled]):focus-within) .indicator{box-shadow:0 0 2px 2px var(--accent-dark)}:host([disabled]) .indicator{border-color:currentcolor;background:var(--bg-grey-200);color:var(--text-grey-700)}@media only screen and (min-width: 768px){:host{width:calc(var(--space-unit) * 10)}:host(:not(:last-child))::after{top:calc(var(--space-unit) * 5);left:calc(var(--space-unit) * 8)}.stepper-item{width:calc(var(--space-unit) * 10)}.stepper-item span{display:block}.indicator{width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 6);font-size:16px}}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-3517583d.js';
+import { r as registerInstance, h } from './index-a2ca4b97.js';
 
 const stylesCss = ":host{position:relative;display:flex;width:100%;max-width:100%;box-sizing:border-box;flex-direction:row;padding:0;margin:0;font-family:var(--dashboard-font);font-weight:var(--font-rg);list-style:none}@media only screen and (min-width: 768px){:host{padding:0 calc(var(--space-unit) * 2)}}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-3517583d.js';
+import { r as registerInstance, h, g as getElement } from './index-a2ca4b97.js';
 
 const stylesCss = ".sc-z-table-body-h{display:table-row-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}.sc-z-table-body-h>z-table-row[expanded].sc-z-table-body+z-table-expanded-row.sc-z-table-body{display:table-row}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-3517583d.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-a2ca4b97.js';
 import { k as Size, B as ButtonVariant, c as ButtonSize } from './index-9d028352.js';
 
 const stylesCss = ":host{display:table-cell;border-bottom:var(--border-size-small) solid var(--bg-grey-200);background-color:var(--color-white);font-family:var(--dashboard-font);font-weight:var(--font-rg)}:host>.button-container{display:none}:host:hover>.button-container{display:initial}.button-container{position:absolute;z-index:5;top:8px;right:8px}.button-content{position:relative}.contextual-menu-container{position:absolute;top:calc(100% - var(--space-unit));right:0;display:none}.button-container.visible,.contextual-menu-container.visible{display:initial}:host([padding=\"x-small\"]){padding:calc(var(--space-unit) * 0.5)}:host([padding=\"small\"]){padding:calc(var(--space-unit))}:host([padding=\"medium\"]){padding:calc(var(--space-unit) * 2)}:host([padding=\"large\"]){padding:calc(var(--space-unit) * 2.5)}:host([padding=\"special\"]){padding:0}";

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-3517583d.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-a2ca4b97.js';
 
 const stylesCss = ".sc-z-table-empty-box-h{display:block;padding:calc(var(--space-unit)) calc(var(--space-unit) * 3) calc(var(--space-unit) * 3) calc(var(--space-unit) * 3);background-color:var(--bg-white)}.sc-z-table-empty-box-s>*{margin-top:var(--space-unit)}.cta.sc-z-table-empty-box{display:flex;flex-direction:row;margin-top:calc(var(--space-unit) / 2)}.cta.has-2-cta.sc-z-table-empty-box{flex-direction:column}@media only screen and (min-width: 768px){.sc-z-table-empty-box-h{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 7) calc(var(--space-unit) * 3)\n      calc(var(--space-unit) * 7)}.sc-z-table-empty-box-s>*{margin-right:calc(var(--space-unit) * 2)}.cta.sc-z-table-empty-box{margin-top:var(--space-unit)}.cta.has-2-cta.sc-z-table-empty-box{flex-direction:row}}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-3517583d.js';
+import { r as registerInstance, h } from './index-a2ca4b97.js';
 
 const stylesCss = ":host{display:none;background-color:var(--gray50)}:host>td>div.content-container{margin-bottom:calc(var(--space-unit) / 2);box-shadow:var(--shadow-2)}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-3517583d.js';
+import { r as registerInstance, h, g as getElement } from './index-a2ca4b97.js';
 
 const stylesCss = ".sc-z-table-footer-h{display:table-footer-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-3517583d.js';
+import { r as registerInstance, h, g as getElement } from './index-a2ca4b97.js';
 
 const stylesCss = ".sc-z-table-head-h{display:table-header-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-3517583d.js';
+import { r as registerInstance, h, H as Host } from './index-a2ca4b97.js';
 
 const stylesCss = "z-table-header-row{display:table-row}z-table-header-row[expandable]>z-table-header:first-child{width:40px;box-sizing:border-box;user-select:none}z-table-header-row[expandable]>z-table-header:nth-child(2){padding-left:8px}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3517583d.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a2ca4b97.js';
 import { k as Size, S as SortDirection, B as ButtonVariant, c as ButtonSize, P as PopoverPositions } from './index-9d028352.js';
 import { a as getElementTree } from './utils-39ca028c.js';
 import './breakpoints-c386984e.js';

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-3517583d.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-a2ca4b97.js';
 import { Z as ZTableRowExpandedType } from './index-9d028352.js';
 
 const stylesCss = "z-table-row{display:table-row;font-family:var(--font-family-sans)}z-table-row[expanded-type=\"expandable\"]:hover{cursor:pointer}z-table-row[expanded-type=\"expandable\"]>z-table-cell:first-child,z-table-row[expanded-type=\"padding\"]>z-table-cell:first-child{--z-icon-width:16px;--z-icon-height:16px;width:24px;box-sizing:border-box;padding-right:0;padding-left:16px;fill:var(--gray800);text-align:center;user-select:none}.z-icon-placeholder{width:24px;padding-right:0}z-table-row[expanded-type=\"expandable\"]>z-table-cell:nth-child(2),z-table-row[expanded-type=\"padding\"]>z-table-cell:nth-child(2){padding-left:8px}z-table-row[expanded-type]:hover>z-table-cell:first-child{fill:var(--myz-blue-dark)}z-table-row[expanded]>z-table-cell{border-bottom:none;background-color:var(--gray50)}z-table-row[expanded]+z-table-expanded-row{display:table-row}";

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-3517583d.js';
+import { r as registerInstance, h } from './index-a2ca4b97.js';
 
 const stylesCss = ".sc-z-table-sticky-footer-h{position:sticky;left:0;display:block;padding:var(--basex2);border-width:var(--border-size-small) 0 var(--border-base);border-style:solid;border-color:var(--gray200);background-color:var(--bg-white);font-weight:var(--font-rg)}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3517583d.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a2ca4b97.js';
 import { B as ButtonVariant, c as ButtonSize } from './index-9d028352.js';
 import { m as mobileBreakpoint } from './breakpoints-c386984e.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-3517583d.js';
+import { r as registerInstance, h, H as Host } from './index-a2ca4b97.js';
 
 const stylesCss = ".sc-z-tag-h{--z-icon-width:14px;--z-icon-height:14px;--z-tag-text-color:var(--color-primary03);--z-tag-bg:var(--color-hover-primary);display:flex;width:fit-content;max-width:inherit;height:fit-content;max-height:inherit;padding:calc(var(--space-unit) / 2);background-color:var(--z-tag-bg);border-radius:var(--border-radius);color:var(--z-tag-text-color);fill:var(--z-tag-text-color);font-family:var(--font-family-sans);line-height:14px;text-transform:uppercase}.sc-z-tag-h>z-icon.sc-z-tag{margin-right:var(--space-unit)}.expandable.sc-z-tag-h>z-icon.sc-z-tag{margin-right:0;transition:margin-right 0.3s ease-out}.sc-z-tag-h:not(.expandable)>z-icon.sc-z-tag:not(:last-child),.expandable.sc-z-tag-h:hover>z-icon.sc-z-tag:not(:last-child){margin-right:var(--space-unit);transition:margin-right 0.3s ease-out 0s}.expandable.sc-z-tag-h>div.sc-z-tag{overflow:hidden;max-width:0;max-height:0}.expandable.sc-z-tag-h:hover>div.sc-z-tag{max-width:100%;max-height:100%}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-3517583d.js';
+import { r as registerInstance, h, g as getElement } from './index-a2ca4b97.js';
 import { u as ToastNotificationPosition } from './index-9d028352.js';
 
 const stylesCss = ":host{position:fixed;z-index:10000;display:flex;flex-flow:column nowrap;margin-top:calc(var(--space-unit) * 2);margin-bottom:calc(var(--space-unit) * 2);font-family:var(--font-family-sans);font-weight:var(--font-rg)}::slotted(z-toast-notification){width:100vw}::slotted(:not(:last-child)){margin-bottom:calc(var(--space-unit) * 1)}:host([position=\"bottom-centre\"]),:host([position=\"bottom-right\"]),:host([position=\"bottom-left\"]){bottom:0;align-items:flex-end;justify-content:flex-end}:host([position=\"top-left\"]),:host([position=\"top-right\"]),:host([position=\"top-centre\"]){top:0;align-items:flex-start;justify-content:flex-start}@media only screen and (min-width: 768px){:host{margin:calc(var(--space-unit) * 3)}:host([position=\"top-centre\"]){top:0;left:50%;align-items:center;justify-content:flex-start;transform:translateX(-50%)}:host([position=\"top-left\"]){top:0;left:0;align-items:flex-start;justify-content:flex-start}:host([position=\"top-right\"]){top:0;right:0;align-items:flex-end;justify-content:flex-start}:host([position=\"bottom-centre\"]){bottom:0;left:50%;align-items:center;justify-content:flex-end;transform:translateX(-50%)}:host([position=\"bottom-right\"]){right:0;bottom:0;align-items:flex-end;justify-content:flex-end}:host([position=\"bottom-left\"]){bottom:0;left:0;align-items:flex-start;justify-content:flex-end}::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,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3517583d.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a2ca4b97.js';
 import { t as ToastNotificationTransition } from './index-9d028352.js';
 import { m as mobileBreakpoint } from './breakpoints-c386984e.js';
 import { h as hammer } from './hammer-c3266b17.js';

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-3517583d.js';
+import { r as registerInstance, c as createEvent, h } from './index-a2ca4b97.js';
 
 const stylesCss = "button{height:36px;padding-right:calc(var(--space-unit) * 2);padding-left:0;border:var(--border-size-medium) solid;border-color:transparent;background-color:var(--bg-white);border-radius:var(--border-radius);box-shadow:0 0 4px 0 rgb(0 0 0 / 20%);color:var(--myz-blue);cursor:pointer;fill:var(--myz-blue);font-family:var(--dashboard-font);font-size:14px;font-weight:var(--font-sb);outline:none;text-transform:uppercase;transition:all 200ms linear}button::-moz-focus-inner{border:0}button:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}button:focus{border-color:var(--myz-blue);box-shadow:0 0 2px 2px var(--accent-dark);color:var(--myz-blue);fill:var(--myz-blue)}button:active{border-color:var(--myz-blue-light);box-shadow:0 2px 4px 0 rgb(0 0 0 / 40%);color:var(--myz-blue-light);fill:var(--myz-blue-light)}button:disabled{color:var(--text-grey-700);fill:var(--text-grey-700)}z-icon{display:inline-block;margin:0 var(--space-unit) 0 calc(var(--space-unit) * 2);transform:rotate(360deg);transition:all 200ms linear}button.isopen{top:-20px}button.avoid-clicks{pointer-events:none}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-3517583d.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-a2ca4b97.js';
 import { r as randomId } from './utils-39ca028c.js';
 import { m as LabelPosition } from './index-9d028352.js';
 import './breakpoints-c386984e.js';

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3517583d.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a2ca4b97.js';
 import { P as PopoverPositions } from './index-9d028352.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;min-width:calc(var(--space-unit) * 8);min-height:calc(var(--space-unit) * 4);align-items:center;justify-content:center;padding:var(--space-unit);background:var(--z-tooltip-theme--surface);border-radius:var(--border-radius-small);color:var(--z-tooltip-theme--text);fill:currentcolor;filter:drop-shadow(0 4px 8px var(--shadow-color-base));font-family:var(--font-family-sans);text-align:center;will-change:filter}:host(.legacy){display:inline-flex;min-width:auto;max-width:200px;min-height:auto;padding:calc(var(--space-unit) * 2);border:var(--border-size-small) solid var(--gray200);border-radius:var(--border-radius);filter:drop-shadow(0 0 2px rgb(0 0 0 / 8%));font-size:12px;font-style:italic;letter-spacing:0.32px;line-height:16px}: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));position:absolute;width:var(--arrow-size);height:var(--arrow-size);background:inherit;content:\"\";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(*){overflow:auto;flex:1 auto}";

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-3517583d.js';
+import { r as registerInstance, h } from './index-a2ca4b97.js';
 import { P as PopoverPositions } from './index-9d028352.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)}";

package/dist/esm/z-user-dropdown.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-3517583d.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-a2ca4b97.js';
 import { m as mobileBreakpoint } from './breakpoints-c386984e.js';
 
 const stylesCss = ":host{background-color:var(--gray900)}:host(.inverse){background-color:var(--color-white)}button{display:flex;width:100%;flex-direction:column;padding:0;border:none;margin:0;background-color:var(--gray900);cursor:pointer;letter-spacing:0.16px;white-space:nowrap}button.inverse{background-color:var(--color-white)}button div.firstline{display:flex;max-width:200px;align-items:center;justify-content:flex-end}button.open div.firstline{max-width:none}z-icon{padding:0 2px;fill:var(--color-white)}z-icon.inverse{fill:var(--gray900)}ul{position:absolute;left:0;width:100%;box-sizing:border-box;padding:calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0 calc(var(--space-unit) * 2);margin:calc(var(--space-unit) * 1.5) 0 0 0;background-color:var(--gray900);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.3px;line-height:20px}ul.inverse{background-color:var(--color-white)}ul>li{display:flex;justify-content:flex-end;padding:calc(var(--space-unit) * 1.5 - 1px) 0;border-bottom:var(--border-base) solid var(--gray700);margin:0;white-space:nowrap}ul>li.inverse{border-bottom-color:var(--gray400)}ul>li:first-child{flex-direction:column;align-items:end;padding-top:0;padding-bottom:calc(var(--space-unit) + 6px);border-top:none}ul>li:last-child{border-bottom:none;margin-bottom:0}#guestbutton{display:inline-flex;width:100%;min-width:32px;height:32px;box-sizing:border-box;flex-direction:row;align-items:center;justify-content:center;padding:0 calc(var(--space-unit) * 2);border-width:var(--border-size-medium);border-style:solid;border-color:var(--color-white);background-color:var(--color-white);border-radius:var(--border-radius);color:var(--gray800);cursor:pointer;fill:currentcolor;font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.3px;line-height:1;outline:none;text-decoration:none;text-transform:uppercase;vertical-align:middle}#guestbutton.inverse{border-color:var(--gray800);background-color:var(--gray800);color:var(--color-white)}.userfullname{overflow:hidden;width:100%;max-width:250px;padding:0;color:var(--color-white);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-sb);letter-spacing:0;line-height:24px;text-align:right;text-overflow:ellipsis}.userfullname.inverse{color:var(--gray800)}.useremail{overflow:hidden;width:100%;color:var(--color-white);font-family:var(--font-family-sans);font-size:12px;font-weight:var(--font-rg);letter-spacing:0.32px;line-height:16px;text-align:right;text-overflow:ellipsis}.useremail.inverse{color:var(--gray800)}@media only screen and (min-width: 768px){:host{height:calc(var(--space-unit) * 4);background-color:var(--gray900)}:host(.inverse){background-color:var(--color-white)}:host>div{position:relative;top:50%;transform:translateY(-50%)}:host>div.open{top:auto;transform:none}:host>div>div{padding:0}:host>div>div.open{position:absolute;right:calc(var(--space-unit) * -1);padding:calc(var(--space-unit) / 2 + 1px) var(--space-unit) 0 var(--space-unit);margin-top:calc(var(--space-unit) / 2);background-color:var(--color-white);box-shadow:0 2px calc(var(--space-unit) * 0.5) 0 rgb(0 0 0 / 50%);transform:translate(0, -4px)}:host>div>div.inverse.open{background-color:var(--gray800)}button{display:flex;flex-flow:row nowrap;align-content:center;align-items:end;justify-content:flex-end}button.open{max-width:initial;padding-right:var(--space-unit);border-top:var(--border-size-small) solid var(--color-white);margin-left:var(--space-unit);background-color:var(--color-white);border-top-left-radius:calc(var(--space-unit) * 0.5);border-top-right-radius:calc(var(--space-unit) * 0.5)}button.open.inverse{border-top-color:var(--gray800);background-color:var(--gray800)}button:not(.open) z-icon{fill:var(--color-white)}button:not(.open) z-icon.inverse{fill:var(--gray800)}button.open z-icon{fill:var(--gray800)}button.open z-icon.inverse{fill:var(--color-white)}.userfullname{width:auto;padding:0 calc(var(--space-unit) - 6px) 0 calc(var(--space-unit) - 2px);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.16px;line-height:20px}.userfullname.inverse{color:var(--gray800)}button.open div.userfullname{max-width:none;color:var(--gray800);text-overflow:clip}button.open div.userfullname.inverse{color:var(--color-white)}.useremail{box-sizing:border-box;padding-right:calc(var(--space-unit) * 3 - 2px)}button.open div.useremail{color:var(--gray800)}button.open div.useremail.inverse{color:var(--color-white)}ul{position:initial;left:initial;width:100%;padding:0;background-color:var(--color-white)}ul.inverse{border-bottom-color:var(--gray800);background-color:var(--gray800)}ul>li{border-bottom:var(--border-base) solid var(--gray400);margin:0 var(--space-unit);color:var(--gray800)}ul>li.inverse{color:var(--color-white)}ul>li:first-child{padding-top:calc(var(--space-unit) + 3px);padding-bottom:calc(var(--space-unit) + 5px);border-top:var(--border-base) solid var(--gray400)}}";

package/dist/esm/z-visually-hidden.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-3517583d.js';
+import { r as registerInstance, h } from './index-a2ca4b97.js';
 
 const stylesCss = ":host{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:0 -1px -1px 0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";
 

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

@@ -1,6 +1,5 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
 import { LabelPosition } from "../../../beans";
-import { HostElement } from "../../../stencil-public-runtime";
 export declare class ZToggleSwitch {
   /** Disabled flag */
   disabled?: boolean;
@@ -14,5 +13,5 @@ export declare class ZToggleSwitch {
   toggleClick: EventEmitter;
   private emitToggleClick;
   private handleClick;
-  render(): HostElement;
+  render(): HTMLZToggleSwitchElement;
 }

package/dist/types/components/file-upload/z-file/index.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { HostElement } from "../../../stencil-public-runtime";
 export declare class ZFile {
   private icon;
   private ellipsis?;
@@ -19,5 +18,5 @@ export declare class ZFile {
   onInteractiveIconClick(): void;
   componentDidLoad(): void;
   private elementHasEllipsis;
-  render(): HostElement;
+  render(): HTMLZFileElement;
 }

package/dist/types/components/file-upload/z-file-upload/index.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { HostElement } from "../../../stencil-public-runtime";
 import { ButtonVariant, ZFileUploadType } from "../../../beans";
 export declare class ZFileUpload {
   /** Prop indicating the file upload type - can be default or dragdrop */
@@ -48,5 +47,5 @@ export declare class ZFileUpload {
   private renderDragDropMode;
   private formatErrorString;
   private handleErrorModalContent;
-  render(): HostElement;
+  render(): HTMLZFileUploadElement;
 }

package/dist/types/components/inputs/z-input-message/index.d.ts

@@ -1,4 +1,3 @@
-import { HostElement } from "../../../stencil-public-runtime";
 import { InputStatus } from "../../../beans";
 export declare class ZInputMessage {
   /** input helper message */
@@ -6,5 +5,5 @@ export declare class ZInputMessage {
   /** input status (optional) */
   status?: InputStatus;
   private statusIcons;
-  render(): HostElement;
+  render(): HTMLZInputMessageElement;
 }

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

@@ -1,4 +1,3 @@
-import { HostElement } from "../../../stencil-public-runtime";
 import { ListSize } from "../../../beans";
 export declare class ZList {
   host: HTMLZListElement;
@@ -8,5 +7,5 @@ export declare class ZList {
   size?: ListSize;
   private setChildrenSizeType;
   componentDidLoad(): void;
-  render(): HostElement;
+  render(): HTMLZListElement;
 }

package/dist/types/components/list/z-list-element/index.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { HostElement } from "../../../stencil-public-runtime";
 import { DividerSize, ExpandableListButtonAlign, ExpandableListStyle, ListDividerType, ListSize } from "../../../beans";
 export declare class ZListElement {
   host: HTMLZListElementElement;
@@ -79,5 +78,5 @@ export declare class ZListElement {
    * @returns expanded content
    */
   private renderExpandedContent;
-  render(): HostElement;
+  render(): HTMLZListElementElement;
 }

package/dist/types/components/list/z-list-group/index.d.ts

@@ -1,4 +1,3 @@
-import { HostElement } from "../../../stencil-public-runtime";
 import { DividerSize, ListSize, ListDividerType } from "../../../beans";
 export declare class ZListGroup {
   host: HTMLZListGroupElement;
@@ -21,5 +20,5 @@ export declare class ZListGroup {
   private hasHeader;
   componentDidLoad(): void;
   componentWillLoad(): void;
-  render(): HostElement;
+  render(): HTMLZListGroupElement;
 }

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

@@ -1,4 +1,3 @@
-import { HostElement } from "../../../stencil-public-runtime";
 export declare class ZLogo {
   /** image width */
   width?: number;
@@ -12,5 +11,5 @@ export declare class ZLogo {
   targetBlank?: boolean;
   /** if true, the mobile logo is displayed, otherwise the desktop one */
   mobileLogo?: boolean;
-  render(): HostElement;
+  render(): HTMLZLogoElement;
 }

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

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { HostElement } from "../../../stencil-public-runtime";
 /**
  * @slot modalContent - set the content of the modal
  * @slot modalCloseButton - accept custom close button
@@ -22,5 +21,5 @@ export declare class ZModal {
   /** emitted on background click, returns modalid */
   modalBackgroundClick: EventEmitter;
   private emitBackgroundClick;
-  render(): HostElement;
+  render(): HTMLZModalElement;
 }

package/dist/types/components/navigation/tabs/z-navigation-tabs/index.d.ts

@@ -1,4 +1,3 @@
-import { HostElement } from "../../../../stencil-public-runtime";
 import { NavigationTabsSize, NavigationTabsOrientation } from "../../../../beans";
 /**
  * Navigation tabs component.
@@ -67,5 +66,5 @@ export declare class ZNavigationTabs {
    */
   private navigateForward;
   componentDidRender(): void;
-  render(): HostElement;
+  render(): HTMLZNavigationTabsElement;
 }

package/dist/types/components/navigation/z-app-header/index.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { HostElement } from "../../../stencil-public-runtime";
 /**
  * @slot title
  * @slot subtitle
@@ -64,7 +63,7 @@ export declare class ZAppHeader {
   private disableStuckMode;
   onStucked(): void;
   setMenuFloatingMode(): void;
-  render(): HostElement;
+  render(): HTMLZAppHeaderElement;
   private openDrawer;
   private closeDrawer;
 }

package/dist/types/components/navigation/z-app-topbar/index.d.ts

@@ -1,4 +1,3 @@
-import { HostElement } from "../../../stencil-public-runtime";
 import { MenuItem, ThemeVariant } from "../../../beans";
 export declare class ZAppTopbar {
   /** theme variant, default 'dark' */
@@ -17,5 +16,5 @@ export declare class ZAppTopbar {
   componentWillLoad(): void;
   componentWillRender(): void;
   private renderTopbarLinks;
-  render(): HostElement;
+  render(): HTMLZAppTopbarElement;
 }

package/dist/types/components/navigation/z-menu/index.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { HostElement } from "../../../stencil-public-runtime";
 /**
  * @slot - Menu label
  * @slot header - Header to display as the first entry of the open menu.
@@ -49,5 +48,5 @@ export declare class ZMenu {
    */
   private onItemsChange;
   private renderMenuLabel;
-  render(): HostElement;
+  render(): HTMLZMenuElement;
 }

package/dist/types/components/navigation/z-menu-section/index.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { HostElement } from "../../../stencil-public-runtime";
 /**
  * @slot - Menu section label
  * @slot item - Single entry of the section. Can be slotted multiple times to insert items.
@@ -22,5 +21,5 @@ export declare class ZMenuSection {
    */
   private checkContent;
   componentWillLoad(): void;
-  render(): HostElement;
+  render(): HTMLZMenuSectionElement;
 }

package/dist/types/components/navigation/z-user-dropdown/index.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { HostElement } from "../../../stencil-public-runtime";
 import { MenuItem } from "../../../beans";
 export declare class ZUserDropdown {
   /** logged status flag */
@@ -36,5 +35,5 @@ export declare class ZUserDropdown {
   private renderLoggedButton;
   private getZLinkTextcolor;
   private renderDropdownMenu;
-  render(): HostElement;
+  render(): HTMLZUserDropdownElement;
 }

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

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { HostElement } from "../../../stencil-public-runtime";
 import { NotificationType } from "../../../beans";
 /**
  * Notification bar component.
@@ -29,5 +28,5 @@ export declare class ZNotification {
   notificationClose: EventEmitter;
   private handleCloseButtonClick;
   constructor();
-  render(): HostElement;
+  render(): HTMLZNotificationElement;
 }

package/dist/types/components/notification/z-toast-notification/index.d.ts

@@ -1,6 +1,5 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
 import { ToastNotificationTransition, ToastNotification } from "../../../beans";
-import { HostElement } from "../../../stencil-public-runtime";
 export declare class ZToastNotification {
   hostElement: HTMLZToastNotificationElement;
   /** toast notification's title */
@@ -53,5 +52,5 @@ export declare class ZToastNotification {
   private renderCloseIcon;
   private renderContainer;
   private renderMobileContainer;
-  render(): HostElement;
+  render(): HTMLZToastNotificationElement;
 }

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

@@ -1,4 +1,3 @@
-import { HostElement } from "../../../stencil-public-runtime";
 export declare type ZTypographyLevels = "h1" | "h2" | "h3" | "h4" | "b1" | "b2" | "b3" | "b4" | "b5";
 export declare class ZTypography {
   hostElement: HTMLZTypographyElement;
@@ -8,5 +7,5 @@ export declare class ZTypography {
   variant: "regular" | "semibold" | "light";
   /** HTML tag to use to wrap slotted content */
   component: string;
-  render(): HostElement;
+  render(): HTMLZTypographyElement;
 }

package/dist/types/components/z-aria-alert/index.d.ts

@@ -1,7 +1,6 @@
-import { HostElement } from "../../stencil-public-runtime";
 import { ZAriaAlertMode } from "../../beans";
 export declare class ZAriaAlert {
   /** Aria live mode */
   mode: ZAriaAlertMode;
-  render(): HostElement;
+  render(): HTMLZAriaAlertElement;
 }

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

@@ -1,4 +1,3 @@
-import { HostElement } from "../../stencil-public-runtime";
 import { AvatarSize } from "../../beans";
 export declare class ZAvatar {
   /** [optional] Avatar size */
@@ -13,5 +12,5 @@ export declare class ZAvatar {
   image?: string;
   constructor();
   private getTextSize;
-  render(): HostElement;
+  render(): HTMLZAvatarElement;
 }

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

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { HostElement } from "../../stencil-public-runtime";
 import { CardVariant } from "../../beans";
 export declare class ZCard {
   /**
@@ -32,5 +31,5 @@ export declare class ZCard {
    * Template for the content div.
    */
   private renderContentDiv;
-  render(): HostElement;
+  render(): HTMLZCardElement;
 }

package/dist/types/components/z-contextual-menu/index.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { HostElement } from "../../stencil-public-runtime";
 import { PopoverPositions } from "../../beans";
 export declare class ZContextualMenu {
   /**
@@ -23,5 +22,5 @@ export declare class ZContextualMenu {
   componentDidLoad(): void;
   private showIcon;
   private togglePopover;
-  render(): HostElement;
+  render(): HTMLZContextualMenuElement;
 }

package/dist/types/components/z-cover-hero/index.d.ts

@@ -1,4 +1,3 @@
-import { HostElement } from "../../stencil-public-runtime";
 import { CoverHeroVariant, CoverHeroContentPosition } from "../../beans";
 /**
  * Cover hero component.
@@ -26,5 +25,5 @@ export declare class ZCoverHero {
    * Template for the content.
    */
   private renderContent;
-  render(): HostElement;
+  render(): HTMLZCoverHeroElement;
 }

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

@@ -1,4 +1,3 @@
-import { HostElement } from "../../stencil-public-runtime";
 import { DividerSize, DividerOrientation } from "../../beans";
 export declare class ZDivider {
   /** [optional] Divider size */
@@ -7,5 +6,5 @@ export declare class ZDivider {
   color?: string;
   /** [optional] Divider orintation */
   orientation?: DividerOrientation;
-  render(): HostElement;
+  render(): HTMLZDividerElement;
 }

package/dist/types/components/z-ghost-loading/index.d.ts

@@ -1,4 +1,3 @@
-import { HostElement } from "../../stencil-public-runtime";
 export declare class ZGhostLoading {
-  render(): HostElement;
+  render(): HTMLZGhostLoadingElement;
 }

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

@@ -1,4 +1,3 @@
-import { HostElement } from "../../stencil-public-runtime";
 import { InfoRevealPosition } from "../../beans";
 export declare class ZInfoReveal {
   el: HTMLZInfoRevealElement;
@@ -26,5 +25,5 @@ export declare class ZInfoReveal {
    * It closes the info box after the last info has been navigated.
    */
   private next;
-  render(): HostElement;
+  render(): HTMLZInfoRevealElement;
 }

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

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { HostElement } from "../../stencil-public-runtime";
 import { OffCanvasVariant, TransitionDirection } from "../../beans";
 /**
  * @slot canvasContent - set the content of the canvas
@@ -22,5 +21,5 @@ export declare class ZOffcanvas {
   onOpenChanged(): void;
   private handleOpenStatus;
   private handleAnimationEnd;
-  render(): HostElement;
+  render(): HTMLZOffcanvasElement;
 }

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

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { HostElement } from "../../stencil-public-runtime";
 /**
  * Pagination bar component.
  */
@@ -106,5 +105,5 @@ export declare class ZPagination {
   private renderMobile;
   componentDidLoad(): void;
   componentDidRender(): void;
-  render(): HostElement;
+  render(): HTMLZPaginationElement;
 }

package/dist/types/components/z-section-title/index.d.ts

@@ -1,4 +1,3 @@
-import { HostElement } from "../../stencil-public-runtime";
 import { ZSectionTitleDividerPosition } from "../../beans";
 /**
  * Section title component.
@@ -22,5 +21,5 @@ export declare class ZSectionTitle {
   host: HTMLZSectionTitleElement;
   private hasSecondaryTitle;
   componentWillRender(): void;
-  render(): HostElement;
+  render(): HTMLZSectionTitleElement;
 }

package/dist/types/components/z-skip-to-content/index.d.ts

@@ -1,5 +1,4 @@
 import { ThemeVariant, SkipToContentLink } from "../../beans";
-import { HostElement } from "../../stencil-public-runtime";
 /**
  * Component short description.
  */
@@ -18,5 +17,5 @@ export declare class ZSkipToContent {
   private isInSkipToContent;
   private showFirstChild;
   private handleLinkClick;
-  render(): HostElement;
+  render(): HTMLZSkipToContentElement;
 }

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

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { HostElement } from "../../../stencil-public-runtime";
 /**
  * @slot - table elements
  * @slot sticky-footer - set the content of the sticky footer
@@ -45,5 +44,5 @@ export declare class ZTable {
   componentWillRender(): void;
   private renderError;
   private renderEmpty;
-  render(): HostElement;
+  render(): HTMLZTableElement;
 }

package/dist/types/components/z-table/z-table-cell/index.d.ts

@@ -1,5 +1,4 @@
 import { Size } from "../../../beans";
-import { HostElement } from "../../../stencil-public-runtime";
 export declare class ZTableCell {
   host: HTMLZTableCellElement;
   /** [Optional] Show contextual menu button */
@@ -9,5 +8,5 @@ export declare class ZTableCell {
   isMenuOpened: boolean;
   private handleMenu;
   componentWillRender(): void;
-  render(): HostElement;
+  render(): HTMLZTableCellElement;
 }