@zanichelli/albe-web-components 18.0.2-RC1 → 18.0.2

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

@@ -21,10 +21,10 @@ const ZToggleButton = class {
         this.toggleClick.emit(this.opened);
     }
     render() {
-        return (h("button", { key: '22ad61104368df219d4aacc772aa34530b8706eb', tabindex: this.avoidclick ? "-1" : "0", class: {
+        return (h("button", { key: '40e03296813c2e590c4dac11949d96f1dbb124eb', tabindex: this.avoidclick ? "-1" : "0", class: {
                 "isopen": this.opened,
                 "avoid-clicks": this.avoidclick,
-            }, disabled: this.isdisabled, "aria-expanded": this.opened ? "true" : "false", "aria-label": this.ariaLabel, onClick: () => this.emitToggleClick() }, h("z-icon", { key: 'cbe7b7c639511d97dade2ca5503ff1c9200b8511', name: this.opened ? "chevron-down" : "chevron-up", width: 16, height: 16 }), this.label));
+            }, disabled: this.isdisabled, "aria-expanded": this.opened ? "true" : "false", "aria-label": this.ariaLabel, onClick: () => this.emitToggleClick() }, h("z-icon", { key: 'fca73c6711943889a68d97d4fb8904907565968f', name: this.opened ? "chevron-down" : "chevron-up", width: 16, height: 16 }), this.label));
     }
 };
 ZToggleButton.style = ZToggleButtonStyle0;

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

@@ -29,14 +29,14 @@ const ZToggleSwitch = class {
         this.emitToggleClick();
     }
     render() {
-        return (h(Host, { key: '6675806ca9b414e1916dcdbdae8fd7504e0a2a93' }, h("input", { key: 'cf66932155264fb96c8849b71853d3594d0d8b9b', id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), h("label", { key: '6734a2b20b90efcdd2177e14336468570b420af5', htmlFor: this.htmlid, class: {
+        return (h(Host, { key: '38db5de3b72a6f9758e659de273cd442e3682489' }, h("input", { key: '0cb35639d2d30db6b9c29e8f96a9bd067a1d3d75', id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), h("label", { key: 'c92a2feeca5da867b316c5f5c27704f6ac3bfdac', htmlFor: this.htmlid, class: {
                 [this.labelPosition]: true,
                 disabled: this.disabled,
-            } }, h("span", { key: 'f9de16c679a5b16cfd9b1c632505494d03ca0a8c' }, h("slot", { key: '8fb4930783edc5eb67b61282cdd9c1e6a332b142' })), h("span", { key: '3a61685310014d1ca0281d8397085b4582e7398c', class: {
+            } }, h("span", { key: 'baddbf963a2ba64b1768b93e2791a01d3bbacc47' }, h("slot", { key: '7cac9769b322655101a15e746921e103a4569a07' })), h("span", { key: 'e1747bdce3b7ad3ad0b354f9d864e7fcace42d26', class: {
                 container: true,
                 disabled: this.disabled,
                 checked: this.checked,
-            } }, h("span", { key: '81cfeefc9d1292d2ddde065acd314b8462cc4990', class: "circle" }, this.checked && (h("z-icon", { key: 'bf9dbc07fed087fcdb222e3c181d4298120ed943', width: 12, height: 12, name: "checkmark" })))))));
+            } }, h("span", { key: '47814a2f975086f4044f6f50d1f7402aece53c15', class: "circle" }, this.checked && (h("z-icon", { key: '56ca84b760f4cc1abbb2a5e8a4eb44a07a5d0f91', width: 12, height: 12, name: "checkmark" })))))));
     }
 };
 ZToggleSwitch.style = ZToggleSwitchStyle0;

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

@@ -17,7 +17,7 @@ const ZTooltip = class {
         this.open = this.popoverEl.open;
     }
     render() {
-        return (h("z-popover", { key: '89fc6fc0473616f0ccaa0c875d4cbeb719f0a447', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true }, h("slot", { key: 'e4815a820121b47ce8f7677cfb4ec53c70b22596' })));
+        return (h("z-popover", { key: 'd7f54583b5632dc53433087925034a82c80cefa5', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true }, h("slot", { key: 'e478ae3573617a2f6653b8fc7d71a453f1a498f2' })));
     }
 };
 ZTooltip.style = ZTooltipStyle0;

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

@@ -1,9 +1,9 @@
-export { Z as z_tr } from './index-9ebdda49.js';
+export { Z as z_tr } from './index-7ff7476c.js';
 import './index-c8ceadeb.js';
 import './utils-c7062cf7.js';
 import './index-fe87283d.js';
 import './breakpoints-d148bfde.js';
-import './index-134918ad.js';
-import './index-b6e9fe98.js';
+import './index-f87879d9.js';
+import './index-f75609c5.js';
 
 //# sourceMappingURL=z-tr.entry.js.map

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

@@ -8,7 +8,7 @@ const ZVisuallyHidden = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h("slot", { key: '8ca881dc43010ed69614a798812c0eb0aff6f994' });
+        return h("slot", { key: '3621cee7a23fe68812b92d58a239dce03caf4724' });
     }
 };
 ZVisuallyHidden.style = ZVisuallyHiddenStyle0;

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

@@ -406,11 +406,3 @@ export declare enum AccordionVariant {
     DEFAULT = "default",
     BACKGROUND = "background"
 }
-export type TreeListItem = {
-    id: string;
-    name: string;
-    url: string;
-    icon?: string;
-    bold?: boolean;
-    children?: TreeListItem[];
-};

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

@@ -2,7 +2,7 @@ import { EventEmitter } from "../../stencil-public-runtime";
 /**
  * @slot - Menu label
  * @slot header - Header to display as the first entry of the open menu.
- * @slot item - Single entry of the section. Can be slotted multiple times to insert items onto the menu. Set the `active` HTML attribute on the element to highlight it. Use `z-menu-section` for submenus.
+ * @slot item - Single entry of the section. Can be slotted multiple times to insert items onto the menu. Set the `data-active` HTML attribute on the element to highlight it (`active` also works but `data-active` is preferable). Use `z-menu-section` for submenus.
  * @cssprop --z-menu-label-color - Color of the label's text.
  */
 export declare class ZMenu {

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

@@ -2,7 +2,7 @@ import { EventEmitter } from "../../stencil-public-runtime";
 /**
  * A component to create submenus inside the ZMenu.
  * @slot - Label of the menu section.
- * @slot section - Single entry of the menu section. Set the same slot name to different elements to put many of them. Add the `active` attribute to a slotted element to highlight it.
+ * @slot section - Single entry of the menu section. Set the same slot name to different elements to put many of them. Add the `data-active` attribute to a slotted element to highlight it (`active` also works but `data-active` is preferable).
  */
 export declare class ZMenuSection {
     host: HTMLZMenuSectionElement;

package/dist/types/components.d.ts

@@ -5,11 +5,11 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AccordionVariant, AvatarSize, BookCardDeprecatedVariant, BookCardVariant, BreadcrumbHomepageVariant, BreadcrumbPath, BreadcrumbPathStyle, ButtonSize, ButtonType, ButtonVariant, CardVariant, CarouselArrowsPosition, CarouselProgressMode, ComboItem, ControlSize, CoverHeroContentPosition, CoverHeroVariant, DictionaryData, DividerOrientation, DividerSize, ExpandableListButtonAlign, ExpandableListStyle, InfoRevealPosition, InputStatus, InputType, LabelPosition, ListDividerType, ListSize, ListType, NavigationTabsOrientation, NavigationTabsSize, NotificationType, OffCanvasVariant, PopoverPosition, SearchbarItem, SelectItem, SkipToContentLink, SortDirection, ThemeVariant, ToastNotification, ToastNotificationPosition, ToastNotificationTransition, TransitionDirection, TreeListItem, VisibilityCondition, ZAriaAlertMode, ZChipType, ZDatePickerMode, ZFileUploadType, ZRangePickerMode, ZSectionTitleDividerPosition } from "./beans";
+import { AccordionVariant, AvatarSize, BookCardDeprecatedVariant, BookCardVariant, BreadcrumbHomepageVariant, BreadcrumbPath, BreadcrumbPathStyle, ButtonSize, ButtonType, ButtonVariant, CardVariant, CarouselArrowsPosition, CarouselProgressMode, ComboItem, ControlSize, CoverHeroContentPosition, CoverHeroVariant, DictionaryData, DividerOrientation, DividerSize, ExpandableListButtonAlign, ExpandableListStyle, InfoRevealPosition, InputStatus, InputType, LabelPosition, ListDividerType, ListSize, ListType, NavigationTabsOrientation, NavigationTabsSize, NotificationType, OffCanvasVariant, PopoverPosition, SearchbarItem, SelectItem, SkipToContentLink, SortDirection, ThemeVariant, ToastNotification, ToastNotificationPosition, ToastNotificationTransition, TransitionDirection, VisibilityCondition, ZAriaAlertMode, ZChipType, ZDatePickerMode, ZFileUploadType, ZRangePickerMode, ZSectionTitleDividerPosition } from "./beans";
 import { AlertType, LicenseType } from "./beans/index";
 import { ZFileUploadError } from "./components/file-upload/z-file-upload/index";
 import { ListItem } from "./beans/index.js";
-export { AccordionVariant, AvatarSize, BookCardDeprecatedVariant, BookCardVariant, BreadcrumbHomepageVariant, BreadcrumbPath, BreadcrumbPathStyle, ButtonSize, ButtonType, ButtonVariant, CardVariant, CarouselArrowsPosition, CarouselProgressMode, ComboItem, ControlSize, CoverHeroContentPosition, CoverHeroVariant, DictionaryData, DividerOrientation, DividerSize, ExpandableListButtonAlign, ExpandableListStyle, InfoRevealPosition, InputStatus, InputType, LabelPosition, ListDividerType, ListSize, ListType, NavigationTabsOrientation, NavigationTabsSize, NotificationType, OffCanvasVariant, PopoverPosition, SearchbarItem, SelectItem, SkipToContentLink, SortDirection, ThemeVariant, ToastNotification, ToastNotificationPosition, ToastNotificationTransition, TransitionDirection, TreeListItem, VisibilityCondition, ZAriaAlertMode, ZChipType, ZDatePickerMode, ZFileUploadType, ZRangePickerMode, ZSectionTitleDividerPosition } from "./beans";
+export { AccordionVariant, AvatarSize, BookCardDeprecatedVariant, BookCardVariant, BreadcrumbHomepageVariant, BreadcrumbPath, BreadcrumbPathStyle, ButtonSize, ButtonType, ButtonVariant, CardVariant, CarouselArrowsPosition, CarouselProgressMode, ComboItem, ControlSize, CoverHeroContentPosition, CoverHeroVariant, DictionaryData, DividerOrientation, DividerSize, ExpandableListButtonAlign, ExpandableListStyle, InfoRevealPosition, InputStatus, InputType, LabelPosition, ListDividerType, ListSize, ListType, NavigationTabsOrientation, NavigationTabsSize, NotificationType, OffCanvasVariant, PopoverPosition, SearchbarItem, SelectItem, SkipToContentLink, SortDirection, ThemeVariant, ToastNotification, ToastNotificationPosition, ToastNotificationTransition, TransitionDirection, VisibilityCondition, ZAriaAlertMode, ZChipType, ZDatePickerMode, ZFileUploadType, ZRangePickerMode, ZSectionTitleDividerPosition } from "./beans";
 export { AlertType, LicenseType } from "./beans/index";
 export { ZFileUploadError } from "./components/file-upload/z-file-upload/index";
 export { ListItem } from "./beans/index.js";
@@ -2161,12 +2161,6 @@ export namespace Components {
          */
         "expandable": boolean;
     }
-    interface ZTreeList {
-        /**
-          * Items to render, if they have the url property they will be rendered as clickable links
-         */
-        "items": TreeListItem[];
-    }
     interface ZVisuallyHidden {
     }
 }
@@ -2338,10 +2332,6 @@ export interface ZTrCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZTrElement;
 }
-export interface ZTreeListCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLZTreeListElement;
-}
 declare global {
     interface HTMLZAccordionElementEventMap {
         "toggled": boolean;
@@ -3523,23 +3513,6 @@ declare global {
         prototype: HTMLZTrElement;
         new (): HTMLZTrElement;
     };
-    interface HTMLZTreeListElementEventMap {
-        "treeItemClicked": {id: string; name: string; url: string};
-    }
-    interface HTMLZTreeListElement extends Components.ZTreeList, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLZTreeListElementEventMap>(type: K, listener: (this: HTMLZTreeListElement, ev: ZTreeListCustomEvent<HTMLZTreeListElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLZTreeListElementEventMap>(type: K, listener: (this: HTMLZTreeListElement, ev: ZTreeListCustomEvent<HTMLZTreeListElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLZTreeListElement: {
-        prototype: HTMLZTreeListElement;
-        new (): HTMLZTreeListElement;
-    };
     interface HTMLZVisuallyHiddenElement extends Components.ZVisuallyHidden, HTMLStencilElement {
     }
     var HTMLZVisuallyHiddenElement: {
@@ -3626,7 +3599,6 @@ declare global {
         "z-toggle-switch": HTMLZToggleSwitchElement;
         "z-tooltip": HTMLZTooltipElement;
         "z-tr": HTMLZTrElement;
-        "z-tree-list": HTMLZTreeListElement;
         "z-visually-hidden": HTMLZVisuallyHiddenElement;
     }
 }
@@ -5978,16 +5950,6 @@ declare namespace LocalJSX {
          */
         "onExpand"?: (event: ZTrCustomEvent<any>) => void;
     }
-    interface ZTreeList {
-        /**
-          * Items to render, if they have the url property they will be rendered as clickable links
-         */
-        "items"?: TreeListItem[];
-        /**
-          * Emitted on item click, it return the id, name and url of the clicked item
-         */
-        "onTreeItemClicked"?: (event: ZTreeListCustomEvent<{id: string; name: string; url: string}>) => void;
-    }
     interface ZVisuallyHidden {
     }
     interface IntrinsicElements {
@@ -6070,7 +6032,6 @@ declare namespace LocalJSX {
         "z-toggle-switch": ZToggleSwitch;
         "z-tooltip": ZTooltip;
         "z-tr": ZTr;
-        "z-tree-list": ZTreeList;
         "z-visually-hidden": ZVisuallyHidden;
     }
 }
@@ -6381,7 +6342,6 @@ declare module "@stencil/core" {
              * to prevent the row from expanding.
              */
             "z-tr": LocalJSX.ZTr & JSXBase.HTMLAttributes<HTMLZTrElement>;
-            "z-tree-list": LocalJSX.ZTreeList & JSXBase.HTMLAttributes<HTMLZTreeListElement>;
             "z-visually-hidden": LocalJSX.ZVisuallyHidden & JSXBase.HTMLAttributes<HTMLZVisuallyHiddenElement>;
         }
     }

package/{www/build/p-44c41252.js → dist/web-components-library/p-0cb113f9.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as n,a as o,g as s}from"./p-75c4a726.js";import{P as a,B as i,e as c}from"./p-dfcf9936.js";const l=':host{position:relative;display:flex;max-width:100%;align-items:center;padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2));background-color:var(--color-surface01);gap:calc(var(--space-unit) * 2) var(--space-unit)}:host,*{box-sizing:border-box}:host([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}:host([menu-open]){z-index:2}.cell--content{display:flex;width:100%;height:100%;align-items:center}:host([show-menu]) .cell--content{column-gap:var(--space-unit)}.cell--menu-container{margin-left:auto}:host(:not([show-menu])) .cell--menu-container{opacity:0;pointer-events:none}:host(:is([show-menu],[menu-open])) .cell--menu-container,:host([show-menu]) .cell--menu-container:focus-within{z-index:1;opacity:1;pointer-events:all}:host .cell-popover{z-index:100}@media (min-width: 768px) and (hover: hover){:host([show-menu="hover"]) .cell--menu-container{opacity:0;pointer-events:none}:host([show-menu="hover"]:hover) .cell--menu-container{z-index:1;opacity:1;pointer-events:all}}';const h=l;const r=class{constructor(n){e(this,n);this.colspanChange=t(this,"colspanChange",6);this.colspan=undefined;this.sticky=false;this.showMenu=null;this.popoverPosition=a.AUTO;this.isMenuOpen=false}updateColspan(){if(this.colspan){this.host.style.gridColumn=`span ${this.colspan}`}else{this.host.style.removeProperty("grid-column")}this.colspanChange.emit(this.colspan||1)}onMenuButtonClick(e){e.stopPropagation();this.popoverEl.open=!this.popoverEl.open}componentWillLoad(){this.updateColspan()}render(){return n(o,{key:"87ac1752629f9a5f9cf6283e6e01473a0298ae4a",role:"cell","menu-open":this.isMenuOpen},n("div",{key:"4f864c8fe08869d574bef813fd839481163b4d07",class:"cell--content"},n("slot",{key:"a34dae382472c2e0682f388dda090707d3b745e7"}),this.showMenu&&n("div",{key:"12672be1f2298ffb9a0801f3e3ebcafa631cddce",class:"cell--menu-container prevent-expand"},n("z-button",{key:"c559dfae313de08fd40a67b91dc3c844969eb2c3",variant:i.TERTIARY,icon:"contextual-menu",size:c.X_SMALL,ref:e=>this.menuTrigger=e,onClick:this.onMenuButtonClick.bind(this)}),n("z-popover",{key:"8505cd66986c78d62f78c27c35c065b9de9268f3",class:"cell-popover",ref:e=>this.popoverEl=e,bindTo:this.menuTrigger,onOpenChange:e=>this.isMenuOpen=e.detail.open,position:this.popoverPosition},n("slot",{key:"a961934f065cac61592ab388c95e5f624d356a09",name:"contextual-menu"})))))}get host(){return s(this)}static get watchers(){return{colspan:["updateColspan"]}}};r.style=h;export{r as Z};
-//# sourceMappingURL=p-44c41252.js.map
+import{r as e,c as t,h as n,a as o,g as s}from"./p-75c4a726.js";import{P as a,B as i,e as c}from"./p-dfcf9936.js";const l=':host{position:relative;display:flex;max-width:100%;align-items:center;padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2));background-color:var(--color-surface01);gap:calc(var(--space-unit) * 2) var(--space-unit)}:host,*{box-sizing:border-box}:host([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}:host([menu-open]){z-index:2}.cell--content{display:flex;width:100%;height:100%;align-items:center}:host([show-menu]) .cell--content{column-gap:var(--space-unit)}.cell--menu-container{margin-left:auto}:host(:not([show-menu])) .cell--menu-container{opacity:0;pointer-events:none}:host(:is([show-menu],[menu-open])) .cell--menu-container,:host([show-menu]) .cell--menu-container:focus-within{z-index:1;opacity:1;pointer-events:all}:host .cell-popover{z-index:100}@media (min-width: 768px) and (hover: hover){:host([show-menu="hover"]) .cell--menu-container{opacity:0;pointer-events:none}:host([show-menu="hover"]:hover) .cell--menu-container{z-index:1;opacity:1;pointer-events:all}}';const h=l;const r=class{constructor(n){e(this,n);this.colspanChange=t(this,"colspanChange",6);this.colspan=undefined;this.sticky=false;this.showMenu=null;this.popoverPosition=a.AUTO;this.isMenuOpen=false}updateColspan(){if(this.colspan){this.host.style.gridColumn=`span ${this.colspan}`}else{this.host.style.removeProperty("grid-column")}this.colspanChange.emit(this.colspan||1)}onMenuButtonClick(e){e.stopPropagation();this.popoverEl.open=!this.popoverEl.open}componentWillLoad(){this.updateColspan()}render(){return n(o,{key:"62da2e2ff59095eed2e2d9fa62cfecc371ee091c",role:"cell","menu-open":this.isMenuOpen},n("div",{key:"4feece4471859c28bad82efc66e3e272a714814e",class:"cell--content"},n("slot",{key:"8e1907d6cbdc3a4f67c58f020adc92607eb054a0"}),this.showMenu&&n("div",{key:"de58da09bc31daf6494be8422bdc7addaebcfc43",class:"cell--menu-container prevent-expand"},n("z-button",{key:"ff18111bf4942839c0b6b79e7333fcb134d9b79a",variant:i.TERTIARY,icon:"contextual-menu",size:c.X_SMALL,ref:e=>this.menuTrigger=e,onClick:this.onMenuButtonClick.bind(this)}),n("z-popover",{key:"0ce86c3f81f2384a02003cbafda2a814b6d9e73a",class:"cell-popover",ref:e=>this.popoverEl=e,bindTo:this.menuTrigger,onOpenChange:e=>this.isMenuOpen=e.detail.open,position:this.popoverPosition},n("slot",{key:"00931199a470f98c2bb2e32fc5341989fe5238aa",name:"contextual-menu"})))))}get host(){return s(this)}static get watchers(){return{colspan:["updateColspan"]}}};r.style=h;export{r as Z};
+//# sourceMappingURL=p-0cb113f9.js.map

package/{www/build/p-dd931b43.js → dist/web-components-library/p-0d9f1574.js}

@@ -1,2 +1,2 @@
-import{r as t,c as o,h as e,a as s,g as n}from"./p-75c4a726.js";import{P as i,S as a,B as r,e as c}from"./p-dfcf9936.js";const h=':host{position:relative;display:flex;max-width:100%;align-items:center;padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2));background-color:var(--color-surface01);gap:calc(var(--space-unit) * 2) var(--space-unit)}:host,*{box-sizing:border-box}:host([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}:host([menu-open]){z-index:2}.cell--content{display:flex;width:100%;height:100%;align-items:center}:host([show-menu]) .cell--content{column-gap:var(--space-unit)}.cell--menu-container{margin-left:auto}:host(:not([show-menu])) .cell--menu-container{opacity:0;pointer-events:none}:host(:is([show-menu],[menu-open])) .cell--menu-container,:host([show-menu]) .cell--menu-container:focus-within{z-index:1;opacity:1;pointer-events:all}:host .cell-popover{z-index:100}@media (min-width: 768px) and (hover: hover){:host([show-menu="hover"]) .cell--menu-container{opacity:0;pointer-events:none}:host([show-menu="hover"]:hover) .cell--menu-container{z-index:1;opacity:1;pointer-events:all}}:host{z-index:1;padding:0;background-color:var(--color-background);font-weight:var(--font-sb)}.cell--content{padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2))}:host([show-sorting]) .cell--content{column-gap:var(--space-unit)}.z-th--sort-button{padding:0;border:none;background-color:transparent;cursor:pointer;outline:none}@media (min-width: 768px) and (hover: hover){:host([show-sorting="hover"]) .z-th--sort-button{opacity:0;pointer-events:none}:host([show-sorting="hover"]:hover) .z-th--sort-button,:host([show-sorting="hover"]) .z-th--sort-button:focus:focus-visible,:host([show-sorting="always"]) .z-th--sort-button,:host([sorted]) .z-th--sort-button{opacity:1;pointer-events:all}}:host([show-sorting="hover"]:hover) .z-th--sort-button::after,:host([show-sorting="hover"]) .z-th--sort-button:focus:focus-visible::after,:host([show-sorting="always"]) .z-th--sort-button::after,:host([sorted]) .z-th--sort-button::after{position:absolute;top:6px;left:6px;width:calc(100% - 12px);height:calc(100% - 10px);background-color:transparent;content:""}:host([sorted]) .z-th--sort-button::after,.z-th--sort-button:focus:focus-visible::after{box-shadow:var(--shadow-focus-primary)}';const l=h;const d=class{constructor(e){t(this,e);this.sort=o(this,"sort",7);this.colspan=undefined;this.showMenu=null;this.showSorting=null;this.sticky=false;this.sortDirection=undefined;this.sorted=false;this.popoverPosition=i.AUTO;this.isMenuOpen=false}get ariaSortDirection(){if(!this.sortDirection){return null}return this.sortDirection===a.ASC?"ascending":"descending"}handleSort(){if(!this.sortDirection){this.sorted=false;return}this.sortDirection=this.sortDirection===a.ASC?a.DESC:a.ASC;this.sorted=true;this.sort.emit({sortDirection:this.sortDirection})}updateColspan(){if(this.colspan){this.host.style.gridColumn=`span ${this.colspan}`}else{this.host.style.removeProperty("grid-column")}}componentWillLoad(){this.updateColspan()}render(){return e(s,{key:"3cd10c32bbdc0793961aaea1d78165015744787c",role:"columnheader","menu-open":this.isMenuOpen,"aria-sort":this.ariaSortDirection,sortable:this.showSorting},e("div",{key:"8b6b86adf0fe8e9f5d591a7b3f73ad32828e9520",class:"cell--content"},e("slot",{key:"81fff64afe487711de8dc477bcfd102b53fab382"}),this.showSorting&&e("button",{key:"c9e92ec8510859b75a9a9c5162dd38b09ec17019",class:"z-th--sort-button",type:"button",onClick:this.handleSort.bind(this)},e("z-icon",{key:"a3b5546699f80bbff3a76a94544f1efe865a6554",name:this.sortDirection===a.DESC?"arrow-simple-up":"arrow-simple-down",width:14,height:14})),this.showMenu&&e("div",{key:"5f7e842f70fcea129e01924c937381cd97ba5cb0",class:"cell--menu-container"},e("z-button",{key:"e262048d76c546e08d9df387d23236ad529de33c",variant:r.TERTIARY,icon:"contextual-menu",size:c.X_SMALL,ref:t=>this.menuTrigger=t,onClick:()=>this.popoverEl.open=!this.popoverEl.open}),e("z-popover",{key:"b75cd6fa09d85b79396176bf8f49c99caea45a6a",ref:t=>this.popoverEl=t,bindTo:this.menuTrigger,onOpenChange:t=>this.isMenuOpen=t.detail.open,position:this.popoverPosition},e("slot",{key:"de837a6293ccc661a64cc1cbca8d3cbe5eb422eb",name:"contextual-menu"})))))}get host(){return n(this)}static get watchers(){return{colspan:["updateColspan"]}}};d.style=l;export{d as Z};
-//# sourceMappingURL=p-dd931b43.js.map
+import{r as t,c as e,h as o,a as s,g as n}from"./p-75c4a726.js";import{P as i,S as a,B as r,e as c}from"./p-dfcf9936.js";const h=':host{position:relative;display:flex;max-width:100%;align-items:center;padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2));background-color:var(--color-surface01);gap:calc(var(--space-unit) * 2) var(--space-unit)}:host,*{box-sizing:border-box}:host([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}:host([menu-open]){z-index:2}.cell--content{display:flex;width:100%;height:100%;align-items:center}:host([show-menu]) .cell--content{column-gap:var(--space-unit)}.cell--menu-container{margin-left:auto}:host(:not([show-menu])) .cell--menu-container{opacity:0;pointer-events:none}:host(:is([show-menu],[menu-open])) .cell--menu-container,:host([show-menu]) .cell--menu-container:focus-within{z-index:1;opacity:1;pointer-events:all}:host .cell-popover{z-index:100}@media (min-width: 768px) and (hover: hover){:host([show-menu="hover"]) .cell--menu-container{opacity:0;pointer-events:none}:host([show-menu="hover"]:hover) .cell--menu-container{z-index:1;opacity:1;pointer-events:all}}:host{z-index:1;padding:0;background-color:var(--color-background);font-weight:var(--font-sb)}.cell--content{padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2))}:host([show-sorting]) .cell--content{column-gap:var(--space-unit)}.z-th--sort-button{padding:0;border:none;background-color:transparent;cursor:pointer;outline:none}@media (min-width: 768px) and (hover: hover){:host([show-sorting="hover"]) .z-th--sort-button{opacity:0;pointer-events:none}:host([show-sorting="hover"]:hover) .z-th--sort-button,:host([show-sorting="hover"]) .z-th--sort-button:focus:focus-visible,:host([show-sorting="always"]) .z-th--sort-button,:host([sorted]) .z-th--sort-button{opacity:1;pointer-events:all}}:host([show-sorting="hover"]:hover) .z-th--sort-button::after,:host([show-sorting="hover"]) .z-th--sort-button:focus:focus-visible::after,:host([show-sorting="always"]) .z-th--sort-button::after,:host([sorted]) .z-th--sort-button::after{position:absolute;top:6px;left:6px;width:calc(100% - 12px);height:calc(100% - 10px);background-color:transparent;content:""}:host([sorted]) .z-th--sort-button::after,.z-th--sort-button:focus:focus-visible::after{box-shadow:var(--shadow-focus-primary)}';const l=h;const d=class{constructor(o){t(this,o);this.sort=e(this,"sort",7);this.colspan=undefined;this.showMenu=null;this.showSorting=null;this.sticky=false;this.sortDirection=undefined;this.sorted=false;this.popoverPosition=i.AUTO;this.isMenuOpen=false}get ariaSortDirection(){if(!this.sortDirection){return null}return this.sortDirection===a.ASC?"ascending":"descending"}handleSort(){if(!this.sortDirection){this.sorted=false;return}this.sortDirection=this.sortDirection===a.ASC?a.DESC:a.ASC;this.sorted=true;this.sort.emit({sortDirection:this.sortDirection})}updateColspan(){if(this.colspan){this.host.style.gridColumn=`span ${this.colspan}`}else{this.host.style.removeProperty("grid-column")}}componentWillLoad(){this.updateColspan()}render(){return o(s,{key:"c2e95b78edf95ed99c3525375980189a1a128106",role:"columnheader","menu-open":this.isMenuOpen,"aria-sort":this.ariaSortDirection,sortable:this.showSorting},o("div",{key:"38d6c8f9e3acc9b8bcc97501479361eae3c85f52",class:"cell--content"},o("slot",{key:"b8594f3aa2e863d7aa4fcd0d86dce6f756e79dc1"}),this.showSorting&&o("button",{key:"1f236dc2b9eabfbd7f8d48240ea459c495468c28",class:"z-th--sort-button",type:"button",onClick:this.handleSort.bind(this)},o("z-icon",{key:"136552edd38529b090be67649f5cc34791a86e4b",name:this.sortDirection===a.DESC?"arrow-simple-up":"arrow-simple-down",width:14,height:14})),this.showMenu&&o("div",{key:"70d8ebf7c5f1810a0787c004ecc09d9ebe8ac5e8",class:"cell--menu-container"},o("z-button",{key:"ae13ca15faf29ec53f01b2a0b49c2695623ed7b1",variant:r.TERTIARY,icon:"contextual-menu",size:c.X_SMALL,ref:t=>this.menuTrigger=t,onClick:()=>this.popoverEl.open=!this.popoverEl.open}),o("z-popover",{key:"451a61903e29a99aeb74de7b36729b7acb689e15",ref:t=>this.popoverEl=t,bindTo:this.menuTrigger,onOpenChange:t=>this.isMenuOpen=t.detail.open,position:this.popoverPosition},o("slot",{key:"dc6b3863a4f1e5b22bdbe106be954c87c68dac93",name:"contextual-menu"})))))}get host(){return n(this)}static get watchers(){return{colspan:["updateColspan"]}}};d.style=l;export{d as Z};
+//# sourceMappingURL=p-0d9f1574.js.map

package/dist/web-components-library/{p-52c445f8.entry.js → p-121f2960.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as t,h as s}from"./p-75c4a726.js";import{d as e}from"./p-f3145212.js";import"./p-dfcf9936.js";import"./p-5145a606.js";const a=":host li{all:unset;all:reset;width:100%;line-height:14px;list-style-type:none}:host li>span{display:flex;padding:calc(var(--space-unit) * 2) 0;color:var(--color-default-text);fill:var(--color-default-icon);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);letter-spacing:0.23px;line-height:14px}:host(.small) li>span{padding:calc(var(--space-unit) * 1.5) 0;font-size:var(--font-size-2)}:host(.x-small) li>span{padding:var(--space-unit) 0;font-size:var(--font-size-2)}:host(.small) li>span>z-icon,:host(.x-small) li>span>z-icon{--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:calc(var(--space-unit) * 0.5);padding:0}:host li>span.border{border-bottom:2px solid var(--color-surface03)}:host li span:hover,a:hover{color:var(--color-primary01);fill:var(--color-primary01)}a,a:visited,a:active{color:inherit;fill:inherit;text-decoration:none}:host li span z-icon{width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);padding:0 calc(var(--space-unit) * 1.5) 0 0;background-repeat:no-repeat;background-size:contain;color:var(--color-primary01);fill:var(--color-primary01)}";const n=a;const o=class{emitZListItemLinkClick(i,t){this.zListItemLinkClick.emit({e:i,linkId:t})}emitZListItemClick(i,t){this.zListItemClick.emit({e:i,listitemid:t})}constructor(s){i(this,s);this.zListItemLinkClick=t(this,"zListItemLinkClick",7);this.zListItemClick=t(this,"zListItemClick",7);this.text=undefined;this.link=undefined;this.linktarget="_self";this.icon=undefined;this.listitemid=undefined;this.action=undefined;this.underlined=true;this.emitZListItemLinkClick=this.emitZListItemLinkClick.bind(this);this.emitZListItemClick=this.emitZListItemClick.bind(this)}render(){const i=this.listitemid?`link_${this.listitemid}`:"";return s("li",{key:"213061c81903e5896718b0180ecb8797913dfb59",role:"button",id:this.listitemid,"data-action":this.action,onClick:i=>this.emitZListItemClick(i,this.listitemid),onKeyPress:i=>e(i,this.emitZListItemClick,this.listitemid)},s("span",{key:"00f619eca408f979ff6812b79ab6b2b310835e8e",class:this.underlined&&"border"},this.icon&&s("z-icon",{key:"c8927eb5cac537574579636d46cc7474ccfea89e",name:this.icon}),this.link?s("a",{href:this.link?this.link:null,target:this.linktarget,id:i,onClick:t=>this.emitZListItemLinkClick(t,i),onKeyPress:t=>e(t,this.emitZListItemLinkClick,i),role:this.link?"link":"button",tabindex:"0"},this.text):s("span",{innerHTML:this.text}),s("slot",{key:"fae6c1ce7217836a5d03202dba67e51c83cbe752"})))}};o.style=n;export{o as z_myz_list_item};
-//# sourceMappingURL=p-52c445f8.entry.js.map
+import{r as i,c as t,h as s}from"./p-75c4a726.js";import{d as a}from"./p-f3145212.js";import"./p-dfcf9936.js";import"./p-5145a606.js";const e=":host li{all:unset;all:reset;width:100%;line-height:14px;list-style-type:none}:host li>span{display:flex;padding:calc(var(--space-unit) * 2) 0;color:var(--color-default-text);fill:var(--color-default-icon);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);letter-spacing:0.23px;line-height:14px}:host(.small) li>span{padding:calc(var(--space-unit) * 1.5) 0;font-size:var(--font-size-2)}:host(.x-small) li>span{padding:var(--space-unit) 0;font-size:var(--font-size-2)}:host(.small) li>span>z-icon,:host(.x-small) li>span>z-icon{--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:calc(var(--space-unit) * 0.5);padding:0}:host li>span.border{border-bottom:2px solid var(--color-surface03)}:host li span:hover,a:hover{color:var(--color-primary01);fill:var(--color-primary01)}a,a:visited,a:active{color:inherit;fill:inherit;text-decoration:none}:host li span z-icon{width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);padding:0 calc(var(--space-unit) * 1.5) 0 0;background-repeat:no-repeat;background-size:contain;color:var(--color-primary01);fill:var(--color-primary01)}";const n=e;const o=class{emitZListItemLinkClick(i,t){this.zListItemLinkClick.emit({e:i,linkId:t})}emitZListItemClick(i,t){this.zListItemClick.emit({e:i,listitemid:t})}constructor(s){i(this,s);this.zListItemLinkClick=t(this,"zListItemLinkClick",7);this.zListItemClick=t(this,"zListItemClick",7);this.text=undefined;this.link=undefined;this.linktarget="_self";this.icon=undefined;this.listitemid=undefined;this.action=undefined;this.underlined=true;this.emitZListItemLinkClick=this.emitZListItemLinkClick.bind(this);this.emitZListItemClick=this.emitZListItemClick.bind(this)}render(){const i=this.listitemid?`link_${this.listitemid}`:"";return s("li",{key:"7105fcf647d9bd55a414124a0fbe6c1da57159b3",role:"button",id:this.listitemid,"data-action":this.action,onClick:i=>this.emitZListItemClick(i,this.listitemid),onKeyPress:i=>a(i,this.emitZListItemClick,this.listitemid)},s("span",{key:"acc98e5d7517504e4848119c1c817665d6eb58d0",class:this.underlined&&"border"},this.icon&&s("z-icon",{key:"38a661f91ac67fe37d604525e4113999bc35e001",name:this.icon}),this.link?s("a",{href:this.link?this.link:null,target:this.linktarget,id:i,onClick:t=>this.emitZListItemLinkClick(t,i),onKeyPress:t=>a(t,this.emitZListItemLinkClick,i),role:this.link?"link":"button",tabindex:"0"},this.text):s("span",{innerHTML:this.text}),s("slot",{key:"960f33f047c569495fb543ae31861fb257830c8c"})))}};o.style=n;export{o as z_myz_list_item};
+//# sourceMappingURL=p-121f2960.entry.js.map

package/dist/web-components-library/p-1bbf185c.js

@@ -0,0 +1,2 @@
+import{r as o,h as r,a as s}from"./p-75c4a726.js";const c=":host{display:block;box-sizing:border-box;border-top:1px solid var(--color-surface03);border-bottom:1px solid var(--color-surface03)}:host([sticky]){position:sticky;z-index:1;bottom:0;background-color:var(--color-surface01)}";const t=c;const a=class{constructor(r){o(this,r);this.sticky=false}render(){return r(s,{key:"55e54fcb261d7c4f9834f0e2c8870c4b723177c5",role:"rowgroup"},r("slot",{key:"a5c476a478ae821b85d70ab6b79f16bf0d96dcbe"}))}};a.style=t;export{a as Z};
+//# sourceMappingURL=p-1bbf185c.js.map

package/dist/web-components-library/p-1c017b32.entry.js

@@ -0,0 +1,7 @@
+import{r as t,c as i,h as e,a as n,g as r}from"./p-75c4a726.js";import{r as s}from"./p-dfcf9936.js";import{B as a}from"./p-5145a606.js";var o={exports:{}};
+/*! Hammer.JS - v2.0.7 - 2016-04-22
+ * http://hammerjs.github.io/
+ *
+ * Copyright (c) 2016 Jorik Tangelder;
+ * Licensed under the MIT license */(function(t){(function(i,e,n,r){var s=["","webkit","Moz","MS","ms","o"];var a=e.createElement("div");var o="function";var h=Math.round;var u=Math.abs;var c=Date.now;function f(t,i,e){return setTimeout(b(t,e),i)}function l(t,i,e){if(Array.isArray(t)){v(t,e[i],e);return true}return false}function v(t,i,e){var n;if(!t){return}if(t.forEach){t.forEach(i,e)}else if(t.length!==r){n=0;while(n<t.length){i.call(e,t[n],n,t);n++}}else{for(n in t){t.hasOwnProperty(n)&&i.call(e,t[n],n,t)}}}function d(t,e,n){var r="DEPRECATED METHOD: "+e+"\n"+n+" AT \n";return function(){var e=new Error("get-stack-trace");var n=e&&e.stack?e.stack.replace(/^[^\(]+?[\n$]/gm,"").replace(/^\s+at\s+/gm,"").replace(/^Object.<anonymous>\s*\(/gm,"{anonymous}()@"):"Unknown Stack Trace";var s=i.console&&(i.console.warn||i.console.log);if(s){s.call(i.console,r,n)}return t.apply(this,arguments)}}var p;if(typeof Object.assign!=="function"){p=function t(i){if(i===r||i===null){throw new TypeError("Cannot convert undefined or null to object")}var e=Object(i);for(var n=1;n<arguments.length;n++){var s=arguments[n];if(s!==r&&s!==null){for(var a in s){if(s.hasOwnProperty(a)){e[a]=s[a]}}}}return e}}else{p=Object.assign}var m=d((function t(i,e,n){var s=Object.keys(e);var a=0;while(a<s.length){if(!n||n&&i[s[a]]===r){i[s[a]]=e[s[a]]}a++}return i}),"extend","Use `assign`.");var g=d((function t(i,e){return m(i,e,true)}),"merge","Use `assign`.");function w(t,i,e){var n=i.prototype,r;r=t.prototype=Object.create(n);r.constructor=t;r._super=n;if(e){p(r,e)}}function b(t,i){return function e(){return t.apply(i,arguments)}}function x(t,i){if(typeof t==o){return t.apply(i?i[0]||r:r,i)}return t}function T(t,i){return t===r?i:t}function y(t,i,e){v(P(i),(function(i){t.addEventListener(i,e,false)}))}function E(t,i,e){v(P(i),(function(i){t.removeEventListener(i,e,false)}))}function I(t,i){while(t){if(t==i){return true}t=t.parentNode}return false}function A(t,i){return t.indexOf(i)>-1}function P(t){return t.trim().split(/\s+/g)}function C(t,i,e){if(t.indexOf&&!e){return t.indexOf(i)}else{var n=0;while(n<t.length){if(e&&t[n][e]==i||!e&&t[n]===i){return n}n++}return-1}}function D(t){return Array.prototype.slice.call(t,0)}function M(t,i,e){var n=[];var r=[];var s=0;while(s<t.length){var a=i?t[s][i]:t[s];if(C(r,a)<0){n.push(t[s])}r[s]=a;s++}if(e){if(!i){n=n.sort()}else{n=n.sort((function t(e,n){return e[i]>n[i]}))}}return n}function z(t,i){var e,n;var a=i[0].toUpperCase()+i.slice(1);var o=0;while(o<s.length){e=s[o];n=e?e+a:i;if(n in t){return n}o++}return r}var k=1;function O(){return k++}function S(t){var e=t.ownerDocument||t;return e.defaultView||e.parentWindow||i}var N=/mobile|tablet|ip(ad|hone|od)|android/i;var R="ontouchstart"in i;var _=z(i,"PointerEvent")!==r;var X=R&&N.test(navigator.userAgent);var j="touch";var L="pen";var Y="mouse";var F="kinect";var U=25;var W=1;var H=2;var B=4;var q=8;var G=1;var $=2;var Z=4;var V=8;var K=16;var J=$|Z;var Q=V|K;var tt=J|Q;var it=["x","y"];var et=["clientX","clientY"];function nt(t,i){var e=this;this.manager=t;this.callback=i;this.element=t.element;this.target=t.options.inputTarget;this.domHandler=function(i){if(x(t.options.enable,[t])){e.handler(i)}};this.init()}nt.prototype={handler:function(){},init:function(){this.evEl&&y(this.element,this.evEl,this.domHandler);this.evTarget&&y(this.target,this.evTarget,this.domHandler);this.evWin&&y(S(this.element),this.evWin,this.domHandler)},destroy:function(){this.evEl&&E(this.element,this.evEl,this.domHandler);this.evTarget&&E(this.target,this.evTarget,this.domHandler);this.evWin&&E(S(this.element),this.evWin,this.domHandler)}};function rt(t){var i;var e=t.options.inputClass;if(e){i=e}else if(_){i=At}else if(X){i=St}else if(!R){i=xt}else{i=Xt}return new i(t,st)}function st(t,i,e){var n=e.pointers.length;var r=e.changedPointers.length;var s=i&W&&n-r===0;var a=i&(B|q)&&n-r===0;e.isFirst=!!s;e.isFinal=!!a;if(s){t.session={}}e.eventType=i;at(t,e);t.emit("hammer.input",e);t.recognize(e);t.session.prevInput=e}function at(t,i){var e=t.session;var n=i.pointers;var r=n.length;if(!e.firstInput){e.firstInput=ut(i)}if(r>1&&!e.firstMultiple){e.firstMultiple=ut(i)}else if(r===1){e.firstMultiple=false}var s=e.firstInput;var a=e.firstMultiple;var o=a?a.center:s.center;var h=i.center=ct(n);i.timeStamp=c();i.deltaTime=i.timeStamp-s.timeStamp;i.angle=dt(o,h);i.distance=vt(o,h);ot(e,i);i.offsetDirection=lt(i.deltaX,i.deltaY);var f=ft(i.deltaTime,i.deltaX,i.deltaY);i.overallVelocityX=f.x;i.overallVelocityY=f.y;i.overallVelocity=u(f.x)>u(f.y)?f.x:f.y;i.scale=a?mt(a.pointers,n):1;i.rotation=a?pt(a.pointers,n):0;i.maxPointers=!e.prevInput?i.pointers.length:i.pointers.length>e.prevInput.maxPointers?i.pointers.length:e.prevInput.maxPointers;ht(e,i);var l=t.element;if(I(i.srcEvent.target,l)){l=i.srcEvent.target}i.target=l}function ot(t,i){var e=i.center;var n=t.offsetDelta||{};var r=t.prevDelta||{};var s=t.prevInput||{};if(i.eventType===W||s.eventType===B){r=t.prevDelta={x:s.deltaX||0,y:s.deltaY||0};n=t.offsetDelta={x:e.x,y:e.y}}i.deltaX=r.x+(e.x-n.x);i.deltaY=r.y+(e.y-n.y)}function ht(t,i){var e=t.lastInterval||i,n=i.timeStamp-e.timeStamp,s,a,o,h;if(i.eventType!=q&&(n>U||e.velocity===r)){var c=i.deltaX-e.deltaX;var f=i.deltaY-e.deltaY;var l=ft(n,c,f);a=l.x;o=l.y;s=u(l.x)>u(l.y)?l.x:l.y;h=lt(c,f);t.lastInterval=i}else{s=e.velocity;a=e.velocityX;o=e.velocityY;h=e.direction}i.velocity=s;i.velocityX=a;i.velocityY=o;i.direction=h}function ut(t){var i=[];var e=0;while(e<t.pointers.length){i[e]={clientX:h(t.pointers[e].clientX),clientY:h(t.pointers[e].clientY)};e++}return{timeStamp:c(),pointers:i,center:ct(i),deltaX:t.deltaX,deltaY:t.deltaY}}function ct(t){var i=t.length;if(i===1){return{x:h(t[0].clientX),y:h(t[0].clientY)}}var e=0,n=0,r=0;while(r<i){e+=t[r].clientX;n+=t[r].clientY;r++}return{x:h(e/i),y:h(n/i)}}function ft(t,i,e){return{x:i/t||0,y:e/t||0}}function lt(t,i){if(t===i){return G}if(u(t)>=u(i)){return t<0?$:Z}return i<0?V:K}function vt(t,i,e){if(!e){e=it}var n=i[e[0]]-t[e[0]],r=i[e[1]]-t[e[1]];return Math.sqrt(n*n+r*r)}function dt(t,i,e){if(!e){e=it}var n=i[e[0]]-t[e[0]],r=i[e[1]]-t[e[1]];return Math.atan2(r,n)*180/Math.PI}function pt(t,i){return dt(i[1],i[0],et)+dt(t[1],t[0],et)}function mt(t,i){return vt(i[0],i[1],et)/vt(t[0],t[1],et)}var gt={mousedown:W,mousemove:H,mouseup:B};var wt="mousedown";var bt="mousemove mouseup";function xt(){this.evEl=wt;this.evWin=bt;this.pressed=false;nt.apply(this,arguments)}w(xt,nt,{handler:function t(i){var e=gt[i.type];if(e&W&&i.button===0){this.pressed=true}if(e&H&&i.which!==1){e=B}if(!this.pressed){return}if(e&B){this.pressed=false}this.callback(this.manager,e,{pointers:[i],changedPointers:[i],pointerType:Y,srcEvent:i})}});var Tt={pointerdown:W,pointermove:H,pointerup:B,pointercancel:q,pointerout:q};var yt={2:j,3:L,4:Y,5:F};var Et="pointerdown";var It="pointermove pointerup pointercancel";if(i.MSPointerEvent&&!i.PointerEvent){Et="MSPointerDown";It="MSPointerMove MSPointerUp MSPointerCancel"}function At(){this.evEl=Et;this.evWin=It;nt.apply(this,arguments);this.store=this.manager.session.pointerEvents=[]}w(At,nt,{handler:function t(i){var e=this.store;var n=false;var r=i.type.toLowerCase().replace("ms","");var s=Tt[r];var a=yt[i.pointerType]||i.pointerType;var o=a==j;var h=C(e,i.pointerId,"pointerId");if(s&W&&(i.button===0||o)){if(h<0){e.push(i);h=e.length-1}}else if(s&(B|q)){n=true}if(h<0){return}e[h]=i;this.callback(this.manager,s,{pointers:e,changedPointers:[i],pointerType:a,srcEvent:i});if(n){e.splice(h,1)}}});var Pt={touchstart:W,touchmove:H,touchend:B,touchcancel:q};var Ct="touchstart";var Dt="touchstart touchmove touchend touchcancel";function Mt(){this.evTarget=Ct;this.evWin=Dt;this.started=false;nt.apply(this,arguments)}w(Mt,nt,{handler:function t(i){var e=Pt[i.type];if(e===W){this.started=true}if(!this.started){return}var n=zt.call(this,i,e);if(e&(B|q)&&n[0].length-n[1].length===0){this.started=false}this.callback(this.manager,e,{pointers:n[0],changedPointers:n[1],pointerType:j,srcEvent:i})}});function zt(t,i){var e=D(t.touches);var n=D(t.changedTouches);if(i&(B|q)){e=M(e.concat(n),"identifier",true)}return[e,n]}var kt={touchstart:W,touchmove:H,touchend:B,touchcancel:q};var Ot="touchstart touchmove touchend touchcancel";function St(){this.evTarget=Ot;this.targetIds={};nt.apply(this,arguments)}w(St,nt,{handler:function t(i){var e=kt[i.type];var n=Nt.call(this,i,e);if(!n){return}this.callback(this.manager,e,{pointers:n[0],changedPointers:n[1],pointerType:j,srcEvent:i})}});function Nt(t,i){var e=D(t.touches);var n=this.targetIds;if(i&(W|H)&&e.length===1){n[e[0].identifier]=true;return[e,e]}var r,s,a=D(t.changedTouches),o=[],h=this.target;s=e.filter((function(t){return I(t.target,h)}));if(i===W){r=0;while(r<s.length){n[s[r].identifier]=true;r++}}r=0;while(r<a.length){if(n[a[r].identifier]){o.push(a[r])}if(i&(B|q)){delete n[a[r].identifier]}r++}if(!o.length){return}return[M(s.concat(o),"identifier",true),o]}var Rt=2500;var _t=25;function Xt(){nt.apply(this,arguments);var t=b(this.handler,this);this.touch=new St(this.manager,t);this.mouse=new xt(this.manager,t);this.primaryTouch=null;this.lastTouches=[]}w(Xt,nt,{handler:function t(i,e,n){var r=n.pointerType==j,s=n.pointerType==Y;if(s&&n.sourceCapabilities&&n.sourceCapabilities.firesTouchEvents){return}if(r){jt.call(this,e,n)}else if(s&&Yt.call(this,n)){return}this.callback(i,e,n)},destroy:function t(){this.touch.destroy();this.mouse.destroy()}});function jt(t,i){if(t&W){this.primaryTouch=i.changedPointers[0].identifier;Lt.call(this,i)}else if(t&(B|q)){Lt.call(this,i)}}function Lt(t){var i=t.changedPointers[0];if(i.identifier===this.primaryTouch){var e={x:i.clientX,y:i.clientY};this.lastTouches.push(e);var n=this.lastTouches;var r=function(){var t=n.indexOf(e);if(t>-1){n.splice(t,1)}};setTimeout(r,Rt)}}function Yt(t){var i=t.srcEvent.clientX,e=t.srcEvent.clientY;for(var n=0;n<this.lastTouches.length;n++){var r=this.lastTouches[n];var s=Math.abs(i-r.x),a=Math.abs(e-r.y);if(s<=_t&&a<=_t){return true}}return false}var Ft=z(a.style,"touchAction");var Ut=Ft!==r;var Wt="compute";var Ht="auto";var Bt="manipulation";var qt="none";var Gt="pan-x";var $t="pan-y";var Zt=Jt();function Vt(t,i){this.manager=t;this.set(i)}Vt.prototype={set:function(t){if(t==Wt){t=this.compute()}if(Ut&&this.manager.element.style&&Zt[t]){this.manager.element.style[Ft]=t}this.actions=t.toLowerCase().trim()},update:function(){this.set(this.manager.options.touchAction)},compute:function(){var t=[];v(this.manager.recognizers,(function(i){if(x(i.options.enable,[i])){t=t.concat(i.getTouchAction())}}));return Kt(t.join(" "))},preventDefaults:function(t){var i=t.srcEvent;var e=t.offsetDirection;if(this.manager.session.prevented){i.preventDefault();return}var n=this.actions;var r=A(n,qt)&&!Zt[qt];var s=A(n,$t)&&!Zt[$t];var a=A(n,Gt)&&!Zt[Gt];if(r){var o=t.pointers.length===1;var h=t.distance<2;var u=t.deltaTime<250;if(o&&h&&u){return}}if(a&&s){return}if(r||s&&e&J||a&&e&Q){return this.preventSrc(i)}},preventSrc:function(t){this.manager.session.prevented=true;t.preventDefault()}};function Kt(t){if(A(t,qt)){return qt}var i=A(t,Gt);var e=A(t,$t);if(i&&e){return qt}if(i||e){return i?Gt:$t}if(A(t,Bt)){return Bt}return Ht}function Jt(){if(!Ut){return false}var t={};var e=i.CSS&&i.CSS.supports;["auto","manipulation","pan-y","pan-x","pan-x pan-y","none"].forEach((function(n){t[n]=e?i.CSS.supports("touch-action",n):true}));return t}var Qt=1;var ti=2;var ii=4;var ei=8;var ni=ei;var ri=16;var si=32;function ai(t){this.options=p({},this.defaults,t||{});this.id=O();this.manager=null;this.options.enable=T(this.options.enable,true);this.state=Qt;this.simultaneous={};this.requireFail=[]}ai.prototype={defaults:{},set:function(t){p(this.options,t);this.manager&&this.manager.touchAction.update();return this},recognizeWith:function(t){if(l(t,"recognizeWith",this)){return this}var i=this.simultaneous;t=ui(t,this);if(!i[t.id]){i[t.id]=t;t.recognizeWith(this)}return this},dropRecognizeWith:function(t){if(l(t,"dropRecognizeWith",this)){return this}t=ui(t,this);delete this.simultaneous[t.id];return this},requireFailure:function(t){if(l(t,"requireFailure",this)){return this}var i=this.requireFail;t=ui(t,this);if(C(i,t)===-1){i.push(t);t.requireFailure(this)}return this},dropRequireFailure:function(t){if(l(t,"dropRequireFailure",this)){return this}t=ui(t,this);var i=C(this.requireFail,t);if(i>-1){this.requireFail.splice(i,1)}return this},hasRequireFailures:function(){return this.requireFail.length>0},canRecognizeWith:function(t){return!!this.simultaneous[t.id]},emit:function(t){var i=this;var e=this.state;function n(e){i.manager.emit(e,t)}if(e<ei){n(i.options.event+oi(e))}n(i.options.event);if(t.additionalEvent){n(t.additionalEvent)}if(e>=ei){n(i.options.event+oi(e))}},tryEmit:function(t){if(this.canEmit()){return this.emit(t)}this.state=si},canEmit:function(){var t=0;while(t<this.requireFail.length){if(!(this.requireFail[t].state&(si|Qt))){return false}t++}return true},recognize:function(t){var i=p({},t);if(!x(this.options.enable,[this,i])){this.reset();this.state=si;return}if(this.state&(ni|ri|si)){this.state=Qt}this.state=this.process(i);if(this.state&(ti|ii|ei|ri)){this.tryEmit(i)}},process:function(t){},getTouchAction:function(){},reset:function(){}};function oi(t){if(t&ri){return"cancel"}else if(t&ei){return"end"}else if(t&ii){return"move"}else if(t&ti){return"start"}return""}function hi(t){if(t==K){return"down"}else if(t==V){return"up"}else if(t==$){return"left"}else if(t==Z){return"right"}return""}function ui(t,i){var e=i.manager;if(e){return e.get(t)}return t}function ci(){ai.apply(this,arguments)}w(ci,ai,{defaults:{pointers:1},attrTest:function(t){var i=this.options.pointers;return i===0||t.pointers.length===i},process:function(t){var i=this.state;var e=t.eventType;var n=i&(ti|ii);var r=this.attrTest(t);if(n&&(e&q||!r)){return i|ri}else if(n||r){if(e&B){return i|ei}else if(!(i&ti)){return ti}return i|ii}return si}});function fi(){ci.apply(this,arguments);this.pX=null;this.pY=null}w(fi,ci,{defaults:{event:"pan",threshold:10,pointers:1,direction:tt},getTouchAction:function(){var t=this.options.direction;var i=[];if(t&J){i.push($t)}if(t&Q){i.push(Gt)}return i},directionTest:function(t){var i=this.options;var e=true;var n=t.distance;var r=t.direction;var s=t.deltaX;var a=t.deltaY;if(!(r&i.direction)){if(i.direction&J){r=s===0?G:s<0?$:Z;e=s!=this.pX;n=Math.abs(t.deltaX)}else{r=a===0?G:a<0?V:K;e=a!=this.pY;n=Math.abs(t.deltaY)}}t.direction=r;return e&&n>i.threshold&&r&i.direction},attrTest:function(t){return ci.prototype.attrTest.call(this,t)&&(this.state&ti||!(this.state&ti)&&this.directionTest(t))},emit:function(t){this.pX=t.deltaX;this.pY=t.deltaY;var i=hi(t.direction);if(i){t.additionalEvent=this.options.event+i}this._super.emit.call(this,t)}});function li(){ci.apply(this,arguments)}w(li,ci,{defaults:{event:"pinch",threshold:0,pointers:2},getTouchAction:function(){return[qt]},attrTest:function(t){return this._super.attrTest.call(this,t)&&(Math.abs(t.scale-1)>this.options.threshold||this.state&ti)},emit:function(t){if(t.scale!==1){var i=t.scale<1?"in":"out";t.additionalEvent=this.options.event+i}this._super.emit.call(this,t)}});function vi(){ai.apply(this,arguments);this._timer=null;this._input=null}w(vi,ai,{defaults:{event:"press",pointers:1,time:251,threshold:9},getTouchAction:function(){return[Ht]},process:function(t){var i=this.options;var e=t.pointers.length===i.pointers;var n=t.distance<i.threshold;var r=t.deltaTime>i.time;this._input=t;if(!n||!e||t.eventType&(B|q)&&!r){this.reset()}else if(t.eventType&W){this.reset();this._timer=f((function(){this.state=ni;this.tryEmit()}),i.time,this)}else if(t.eventType&B){return ni}return si},reset:function(){clearTimeout(this._timer)},emit:function(t){if(this.state!==ni){return}if(t&&t.eventType&B){this.manager.emit(this.options.event+"up",t)}else{this._input.timeStamp=c();this.manager.emit(this.options.event,this._input)}}});function di(){ci.apply(this,arguments)}w(di,ci,{defaults:{event:"rotate",threshold:0,pointers:2},getTouchAction:function(){return[qt]},attrTest:function(t){return this._super.attrTest.call(this,t)&&(Math.abs(t.rotation)>this.options.threshold||this.state&ti)}});function pi(){ci.apply(this,arguments)}w(pi,ci,{defaults:{event:"swipe",threshold:10,velocity:.3,direction:J|Q,pointers:1},getTouchAction:function(){return fi.prototype.getTouchAction.call(this)},attrTest:function(t){var i=this.options.direction;var e;if(i&(J|Q)){e=t.overallVelocity}else if(i&J){e=t.overallVelocityX}else if(i&Q){e=t.overallVelocityY}return this._super.attrTest.call(this,t)&&i&t.offsetDirection&&t.distance>this.options.threshold&&t.maxPointers==this.options.pointers&&u(e)>this.options.velocity&&t.eventType&B},emit:function(t){var i=hi(t.offsetDirection);if(i){this.manager.emit(this.options.event+i,t)}this.manager.emit(this.options.event,t)}});function mi(){ai.apply(this,arguments);this.pTime=false;this.pCenter=false;this._timer=null;this._input=null;this.count=0}w(mi,ai,{defaults:{event:"tap",pointers:1,taps:1,interval:300,time:250,threshold:9,posThreshold:10},getTouchAction:function(){return[Bt]},process:function(t){var i=this.options;var e=t.pointers.length===i.pointers;var n=t.distance<i.threshold;var r=t.deltaTime<i.time;this.reset();if(t.eventType&W&&this.count===0){return this.failTimeout()}if(n&&r&&e){if(t.eventType!=B){return this.failTimeout()}var s=this.pTime?t.timeStamp-this.pTime<i.interval:true;var a=!this.pCenter||vt(this.pCenter,t.center)<i.posThreshold;this.pTime=t.timeStamp;this.pCenter=t.center;if(!a||!s){this.count=1}else{this.count+=1}this._input=t;var o=this.count%i.taps;if(o===0){if(!this.hasRequireFailures()){return ni}else{this._timer=f((function(){this.state=ni;this.tryEmit()}),i.interval,this);return ti}}}return si},failTimeout:function(){this._timer=f((function(){this.state=si}),this.options.interval,this);return si},reset:function(){clearTimeout(this._timer)},emit:function(){if(this.state==ni){this._input.tapCount=this.count;this.manager.emit(this.options.event,this._input)}}});function gi(t,i){i=i||{};i.recognizers=T(i.recognizers,gi.defaults.preset);return new xi(t,i)}gi.VERSION="2.0.7";gi.defaults={domEvents:false,touchAction:Wt,enable:true,inputTarget:null,inputClass:null,preset:[[di,{enable:false}],[li,{enable:false},["rotate"]],[pi,{direction:J}],[fi,{direction:J},["swipe"]],[mi],[mi,{event:"doubletap",taps:2},["tap"]],[vi]],cssProps:{userSelect:"none",touchSelect:"none",touchCallout:"none",contentZooming:"none",userDrag:"none",tapHighlightColor:"rgba(0,0,0,0)"}};var wi=1;var bi=2;function xi(t,i){this.options=p({},gi.defaults,i||{});this.options.inputTarget=this.options.inputTarget||t;this.handlers={};this.session={};this.recognizers=[];this.oldCssProps={};this.element=t;this.input=rt(this);this.touchAction=new Vt(this,this.options.touchAction);Ti(this,true);v(this.options.recognizers,(function(t){var i=this.add(new t[0](t[1]));t[2]&&i.recognizeWith(t[2]);t[3]&&i.requireFailure(t[3])}),this)}xi.prototype={set:function(t){p(this.options,t);if(t.touchAction){this.touchAction.update()}if(t.inputTarget){this.input.destroy();this.input.target=t.inputTarget;this.input.init()}return this},stop:function(t){this.session.stopped=t?bi:wi},recognize:function(t){var i=this.session;if(i.stopped){return}this.touchAction.preventDefaults(t);var e;var n=this.recognizers;var r=i.curRecognizer;if(!r||r&&r.state&ni){r=i.curRecognizer=null}var s=0;while(s<n.length){e=n[s];if(i.stopped!==bi&&(!r||e==r||e.canRecognizeWith(r))){e.recognize(t)}else{e.reset()}if(!r&&e.state&(ti|ii|ei)){r=i.curRecognizer=e}s++}},get:function(t){if(t instanceof ai){return t}var i=this.recognizers;for(var e=0;e<i.length;e++){if(i[e].options.event==t){return i[e]}}return null},add:function(t){if(l(t,"add",this)){return this}var i=this.get(t.options.event);if(i){this.remove(i)}this.recognizers.push(t);t.manager=this;this.touchAction.update();return t},remove:function(t){if(l(t,"remove",this)){return this}t=this.get(t);if(t){var i=this.recognizers;var e=C(i,t);if(e!==-1){i.splice(e,1);this.touchAction.update()}}return this},on:function(t,i){if(t===r){return}if(i===r){return}var e=this.handlers;v(P(t),(function(t){e[t]=e[t]||[];e[t].push(i)}));return this},off:function(t,i){if(t===r){return}var e=this.handlers;v(P(t),(function(t){if(!i){delete e[t]}else{e[t]&&e[t].splice(C(e[t],i),1)}}));return this},emit:function(t,i){if(this.options.domEvents){yi(t,i)}var e=this.handlers[t]&&this.handlers[t].slice();if(!e||!e.length){return}i.type=t;i.preventDefault=function(){i.srcEvent.preventDefault()};var n=0;while(n<e.length){e[n](i);n++}},destroy:function(){this.element&&Ti(this,false);this.handlers={};this.session={};this.input.destroy();this.element=null}};function Ti(t,i){var e=t.element;if(!e.style){return}var n;v(t.options.cssProps,(function(r,s){n=z(e.style,s);if(i){t.oldCssProps[n]=e.style[n];e.style[n]=r}else{e.style[n]=t.oldCssProps[n]||""}}));if(!i){t.oldCssProps={}}}function yi(t,i){var n=e.createEvent("Event");n.initEvent(t,true,true);n.gesture=i;i.target.dispatchEvent(n)}p(gi,{INPUT_START:W,INPUT_MOVE:H,INPUT_END:B,INPUT_CANCEL:q,STATE_POSSIBLE:Qt,STATE_BEGAN:ti,STATE_CHANGED:ii,STATE_ENDED:ei,STATE_RECOGNIZED:ni,STATE_CANCELLED:ri,STATE_FAILED:si,DIRECTION_NONE:G,DIRECTION_LEFT:$,DIRECTION_RIGHT:Z,DIRECTION_UP:V,DIRECTION_DOWN:K,DIRECTION_HORIZONTAL:J,DIRECTION_VERTICAL:Q,DIRECTION_ALL:tt,Manager:xi,Input:nt,TouchAction:Vt,TouchInput:St,MouseInput:xt,PointerEventInput:At,TouchMouseInput:Xt,SingleTouchInput:Mt,Recognizer:ai,AttrRecognizer:ci,Tap:mi,Pan:fi,Swipe:pi,Pinch:li,Rotate:di,Press:vi,on:y,off:E,each:v,merge:g,extend:m,assign:p,inherit:w,bindFn:b,prefixed:z});var Ei=typeof i!=="undefined"?i:typeof self!=="undefined"?self:{};Ei.Hammer=gi;if(typeof r==="function"&&r.amd){r((function(){return gi}))}else if(t.exports){t.exports=gi}else{i[n]=gi}})(window,document,"Hammer")})(o);const h=o.exports;const u=":host{display:inline-block;width:100vw;min-width:200px;--percentuale:0}:host(.slide-in-left){animation:slideinleft 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-right){animation:slideinright 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-down){animation:slideindown 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-up){animation:slideinup 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-left){animation:slideoutleft 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-right){animation:slideoutright 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-down){animation:slideoutdown 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-up){animation:slideoutup 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}@keyframes slideinleft{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes slideinright{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes slideinup{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slideindown{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slideoutleft{0%{opacity:calc(100% - var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;transform:translateX(-100%)}}@keyframes slideoutright{0%{opacity:calc(100% - var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;transform:translateX(100%)}}@keyframes slideoutup{0%{opacity:1;transform:translateY(var(--percentuale))}100%{opacity:0;transform:translateY(-100%)}}@keyframes slideoutdown{0%{opacity:1;transform:translateY(var(--percentuale))}100%{opacity:0;transform:translateY(100%)}}:host>#external-container{display:flex;box-sizing:border-box;align-items:flex-start;justify-content:space-between;padding:calc(var(--space-unit) * 2);border-radius:var(--border-size-large);box-shadow:var(--shadow-3);font-family:var(--font-family-sans);font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px}:host>#external-container.mobile-wrapped>#icon{align-self:flex-start}:host>#external-container.several-lines-padding{padding:calc(var(--space-unit) * 2)}:host>#external-container>#flex-container{display:flex;width:100%;flex-wrap:wrap;align-items:center;justify-content:space-between}:host>#external-container #text{margin-right:calc(var(--space-unit) * 2);color:var(--color-text-inverse);letter-spacing:0.16px;line-height:20px;text-align:left}:host>#external-container #text>.title{margin-right:calc(var(--space-unit) / 2);font-weight:600}:host>#external-container.mobile-wrapped #button ::slotted(z-button){margin-top:calc(var(--space-unit) * 2)}:host>#external-container #icon{display:flex;height:20px;align-items:center;margin-left:calc(var(--space-unit) * 2);cursor:pointer;fill:var(--color-inverse-icon)}z-icon{display:inline-block;vertical-align:0}z-icon:focus{padding:calc(var(--space-unit) / 4);border-radius:50%;box-shadow:var(--shadow-focus-primary);outline:none !important}:host>#external-container.dark{background:var(--color-surface05)}:host>#external-container.light{background:var(--color-surface01)}:host>#external-container.light #icon{fill:var(--color-primary01-icon)}:host>#external-container.light #text,:host>#external-container.warning #text{color:var(--color-default-text)}:host>#external-container.accent{background:var(--color-primary01)}:host>#external-container.error{background:var(--color-default-error)}:host>#external-container.success{background:var(--color-default-success)}:host>#external-container.warning{background:var(--color-default-warning)}:host>#external-container.warning #icon{fill:var(--color-default-icon)}@media (min-width: 768px){:host{width:unset;max-width:50vw}:host>#external-container>#flex-container{flex-wrap:nowrap}:host>#external-container #text{width:100%}}@media (min-width: 1366px){:host{width:unset;max-width:33vw}}";const c=u;const f=class{constructor(e){t(this,e);this.toastClose=i(this,"toastClose",7);this.isCloseEventCalled=false;this.heading=undefined;this.message=undefined;this.closebutton=undefined;this.autoclose=undefined;this.pauseonfocusloss=true;this.type=undefined;this.isdraggable=true;this.draggablepercentage=80;this.transition=undefined;this.percentage=undefined}watchPropIsdraggable(t){if(t){this.sliderManager.get("pan").set({enable:true})}else{this.sliderManager.get("pan").set({enable:false})}}watchPropAutoclose(t){clearTimeout(this.timeoutHandle);this.startClosingTimeout(t)}watchPropPauseonfocusloss(t){if(this.autoclose){if(t){document.addEventListener("visibilitychange",this.visibilityChangeEventHandler)}else{document.removeEventListener("visibilitychange",this.visibilityChangeEventHandler)}}}emitToastClose(t){this.timeoutHandle=null;this.elapsedTime=null;this.hostElement.classList.add(t);this.toastClose.emit()}componentWillLoad(){this.isMobile=window.innerWidth<=a.MOBILE;this.validateAutoclose();this.percentage=0}componentDidLoad(){this.isTextLong=this.detectWrap()||this.toastText.offsetHeight>20;this.startTime=Date.now();if(this.autoclose&&this.pauseonfocusloss){document.addEventListener("visibilitychange",this.visibilityChangeEventHandler)}this.isdraggable&&this.handleSlideOutDragAnimation()}visibilityChangeEventHandler(){if(document.visibilityState==="hidden"){this.timeoutHandle&&this.onBlur()}else{this.elapsedTime&&this.onFocus()}}validateAutoclose(){if(!this.autoclose&&!this.closebutton){console.error("At least one between autoclose and closebutton must be present")}}mapSlideOutClass(){switch(this.transition){case s.SLIDE_IN_DOWN:return s.SLIDE_OUT_UP;case s.SLIDE_IN_UP:return s.SLIDE_OUT_DOWN;case s.SLIDE_IN_LEFT:return s.SLIDE_OUT_RIGHT;case s.SLIDE_IN_RIGHT:return s.SLIDE_OUT_LEFT}}calculateDraggedPercentage(t){const i=this.hostElement.getBoundingClientRect();return Math.round(100*t.deltaX/i.width)}handleSlideOutDragAnimation(){this.sliderManager=new h(this.hostElement);this.sliderManager.get("pan").set({direction:h.DIRECTION_HORIZONTAL});this.sliderManager.on("pan",(t=>{this.percentage=this.calculateDraggedPercentage(t);this.hostElement.style.transition="none";this.hostElement.classList.remove(this.transition);const i={translate:`translateX(${this.percentage}%)`,translateBack:"translateX(0)"};this.hostElement.style.opacity=`${100-Math.abs(this.percentage)}%`;if(t.eventType===h.DIRECTION_LEFT||t.eventType===h.DIRECTION_RIGHT){this.hostElement.style.transform=i.translate;if(Math.abs(this.percentage)>this.draggablepercentage&&!this.isCloseEventCalled){this.isCloseEventCalled=true;this.emitToastClose(t.direction===h.DIRECTION_LEFT?"slide-out-left":"slide-out-right")}}if(t.isFinal&&Math.abs(this.percentage)<this.draggablepercentage){this.hostElement.style.transform=i.translateBack;this.hostElement.style.transition="all 1s";this.hostElement.style.opacity="100%";this.percentage=0}}))}onFocus(){let t=this.autoclose;if(this.elapsedTime){t=this.autoclose-this.elapsedTime}if(t>0){this.startClosingTimeout(t)}}onBlur(){this.elapsedTime=Date.now()-this.startTime;clearTimeout(this.timeoutHandle)}startClosingTimeout(t){this.timeoutHandle=window.setTimeout((()=>this.emitToastClose(this.mapSlideOutClass())),t)}detectWrap(){const t=this.container.offsetWidth;const i=this.container.children;let e=0;for(let t=0;t<i.length;t++){e+=i[t].offsetWidth}return e>t}renderText(){return e("div",{id:"text",ref:t=>this.toastText=t},this.heading&&e("span",{class:"title"},this.heading),e("span",{class:"message"},this.message))}renderButton(){return e("div",{id:"button"},e("slot",{name:"button"}))}renderCloseIcon(){if(!this.closebutton){return}return e("div",{id:"icon"},e("z-icon",{tabIndex:0,name:"multiply-circled",width:15,height:15,onClick:()=>this.emitToastClose(this.mapSlideOutClass()),onKeyPress:t=>{if(t.keyCode==32||t.keyCode==13){t.preventDefault();this.emitToastClose(this.mapSlideOutClass())}}}))}renderContainer(){return e("div",{tabIndex:0,id:"external-container",class:{[this.type]:!!this.type,"several-lines-padding":this.isTextLong},ref:t=>this.container=t},this.renderText(),this.renderButton(),this.renderCloseIcon())}renderMobileContainer(){return e("div",{id:"external-container",class:{[this.type]:!!this.type,"several-lines-padding":this.isTextLong,"mobile-wrapped":this.isTextLong}},e("div",{id:"flex-container",ref:t=>this.container=t},this.renderText(),this.renderButton()),this.renderCloseIcon())}render(){return e(n,{key:"f890b7ca4232d9ac0b181c6eb35ebb7b19a853fb",style:{"--percentuale":`${this.percentage}%`},class:this.transition?this.transition:s.SLIDE_IN_DOWN,onAnimationEnd:t=>{if(this.autoclose&&t.animationName.includes("slidein")){this.startClosingTimeout(this.autoclose)}if(t.animationName.includes("slideout")){this.hostElement.parentNode.removeChild(this.hostElement)}}},this.isMobile?this.renderMobileContainer():this.renderContainer())}get hostElement(){return r(this)}static get watchers(){return{isdraggable:["watchPropIsdraggable"],autoclose:["watchPropAutoclose"],pauseonfocusloss:["watchPropPauseonfocusloss"]}}};f.style=c;export{f as z_toast_notification};
+//# sourceMappingURL=p-1c017b32.entry.js.map