@zanichelli/albe-web-components 2.31.1 → 2.31.2-clav-4456-v4

package/dist/types/components.d.ts

@@ -66,6 +66,9 @@ export namespace Components {
          */
         "topbarContent"?: string | MenuItem[];
     }
+    interface ZAriaAlert {
+        "mode": string;
+    }
     interface ZAvatar {
         /**
           * [optional] Avatar background color
@@ -1539,6 +1542,8 @@ export namespace Components {
          */
         "userFullName"?: string;
     }
+    interface ZVisuallyHidden {
+    }
 }
 declare global {
     interface HTMLZAlertElement extends Components.ZAlert, HTMLStencilElement {
@@ -1565,6 +1570,12 @@ declare global {
         prototype: HTMLZAppTopbarElement;
         new (): HTMLZAppTopbarElement;
     };
+    interface HTMLZAriaAlertElement extends Components.ZAriaAlert, HTMLStencilElement {
+    }
+    var HTMLZAriaAlertElement: {
+        prototype: HTMLZAriaAlertElement;
+        new (): HTMLZAriaAlertElement;
+    };
     interface HTMLZAvatarElement extends Components.ZAvatar, HTMLStencilElement {
     }
     var HTMLZAvatarElement: {
@@ -2063,11 +2074,18 @@ declare global {
         prototype: HTMLZUserDropdownElement;
         new (): HTMLZUserDropdownElement;
     };
+    interface HTMLZVisuallyHiddenElement extends Components.ZVisuallyHidden, HTMLStencilElement {
+    }
+    var HTMLZVisuallyHiddenElement: {
+        prototype: HTMLZVisuallyHiddenElement;
+        new (): HTMLZVisuallyHiddenElement;
+    };
     interface HTMLElementTagNameMap {
         "z-alert": HTMLZAlertElement;
         "z-app-header": HTMLZAppHeaderElement;
         "z-app-switcher": HTMLZAppSwitcherElement;
         "z-app-topbar": HTMLZAppTopbarElement;
+        "z-aria-alert": HTMLZAriaAlertElement;
         "z-avatar": HTMLZAvatarElement;
         "z-body": HTMLZBodyElement;
         "z-button": HTMLZButtonElement;
@@ -2151,6 +2169,7 @@ declare global {
         "z-tooltip": HTMLZTooltipElement;
         "z-typography": HTMLZTypographyElement;
         "z-user-dropdown": HTMLZUserDropdownElement;
+        "z-visually-hidden": HTMLZVisuallyHiddenElement;
     }
 }
 declare namespace LocalJSX {
@@ -2214,6 +2233,9 @@ declare namespace LocalJSX {
          */
         "topbarContent"?: string | MenuItem[];
     }
+    interface ZAriaAlert {
+        "mode"?: string;
+    }
     interface ZAvatar {
         /**
           * [optional] Avatar background color
@@ -3858,11 +3880,14 @@ declare namespace LocalJSX {
          */
         "userFullName"?: string;
     }
+    interface ZVisuallyHidden {
+    }
     interface IntrinsicElements {
         "z-alert": ZAlert;
         "z-app-header": ZAppHeader;
         "z-app-switcher": ZAppSwitcher;
         "z-app-topbar": ZAppTopbar;
+        "z-aria-alert": ZAriaAlert;
         "z-avatar": ZAvatar;
         "z-body": ZBody;
         "z-button": ZButton;
@@ -3946,6 +3971,7 @@ declare namespace LocalJSX {
         "z-tooltip": ZTooltip;
         "z-typography": ZTypography;
         "z-user-dropdown": ZUserDropdown;
+        "z-visually-hidden": ZVisuallyHidden;
     }
 }
 export { LocalJSX as JSX };
@@ -3956,6 +3982,7 @@ declare module "@stencil/core" {
             "z-app-header": LocalJSX.ZAppHeader & JSXBase.HTMLAttributes<HTMLZAppHeaderElement>;
             "z-app-switcher": LocalJSX.ZAppSwitcher & JSXBase.HTMLAttributes<HTMLZAppSwitcherElement>;
             "z-app-topbar": LocalJSX.ZAppTopbar & JSXBase.HTMLAttributes<HTMLZAppTopbarElement>;
+            "z-aria-alert": LocalJSX.ZAriaAlert & JSXBase.HTMLAttributes<HTMLZAriaAlertElement>;
             "z-avatar": LocalJSX.ZAvatar & JSXBase.HTMLAttributes<HTMLZAvatarElement>;
             "z-body": LocalJSX.ZBody & JSXBase.HTMLAttributes<HTMLZBodyElement>;
             "z-button": LocalJSX.ZButton & JSXBase.HTMLAttributes<HTMLZButtonElement>;
@@ -4039,6 +4066,7 @@ declare module "@stencil/core" {
             "z-tooltip": LocalJSX.ZTooltip & JSXBase.HTMLAttributes<HTMLZTooltipElement>;
             "z-typography": LocalJSX.ZTypography & JSXBase.HTMLAttributes<HTMLZTypographyElement>;
             "z-user-dropdown": LocalJSX.ZUserDropdown & JSXBase.HTMLAttributes<HTMLZUserDropdownElement>;
+            "z-visually-hidden": LocalJSX.ZVisuallyHidden & JSXBase.HTMLAttributes<HTMLZVisuallyHiddenElement>;
         }
     }
 }

package/dist/web-components-library/index.esm.js

@@ -1 +1 @@
-import{c as o}from"./p-e7304c42.js";import"./p-d63b9ed3.js";import"./p-d69e14fb.js";const p={colorFromId:o};export{p as Utils}
+import{c as o}from"./p-1aaf2be7.js";import"./p-26354cd5.js";import"./p-d69e14fb.js";const p={colorFromId:o};export{p as Utils}

package/dist/web-components-library/p-1851dc19.entry.js

@@ -0,0 +1 @@
+import{r as t,h as r,H as s}from"./p-904a85e4.js";const e=class{constructor(r){t(this,r)}render(){return r(s,null,r("slot",null))}};e.style=":host{border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1;margin:0 -1px -1px 0;overflow:hidden;padding:0;position:absolute;width:1;white-space:nowrap}";export{e as z_visually_hidden}

package/dist/web-components-library/{p-35b1f338.entry.js → p-188a73b6.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,H as s,g as a}from"./p-904a85e4.js";import{s as n}from"./p-d63b9ed3.js";import{m as r}from"./p-d69e14fb.js";import{h as o}from"./p-9912e411.js";const l=class{constructor(i){t(this,i),this.toastClose=e(this,"toastClose",7),this.pauseonfocusloss=!0,this.isdraggable=!0,this.draggablepercentage=80,this.isCloseEventCalled=!1,this.visibilityChangeEventHandler=()=>{"hidden"===document.visibilityState?this.timeoutHandle&&this.onBlur():this.elapsedTime&&this.onFocus()}}watchPropIsdraggable(t){t?this.sliderManager.get("pan").set({enable:!0}):this.sliderManager.get("pan").set({enable:!1})}watchPropAutoclose(t){clearTimeout(this.timeoutHandle),this.startClosingTimeout(t)}watchPropPauseonfocusloss(t){this.autoclose&&(t?document.addEventListener("visibilitychange",this.visibilityChangeEventHandler):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<=r,this.validateAutoclose()}componentDidLoad(){this.isTextLong=this.detectWrap()||this.toastText.offsetHeight>20,this.startTime=Date.now(),this.autoclose&&this.pauseonfocusloss&&document.addEventListener("visibilitychange",this.visibilityChangeEventHandler),this.isdraggable&&this.handleSlideOutDragAnimation(),this.percentage=0}validateAutoclose(){this.autoclose||this.closebutton||console.error("At least one between autoclose and closebutton must be present")}mapSlideOutClass(){switch(this.transition){case n.slideInDown:return n.slideOutUp;case n.slideInUp:return n.slideOutDown;case n.slideInLeft:return n.slideOutRight;case n.slideInRight:return n.slideOutLeft}}calculateDraggedPercentage(t){const e=this.hostElement.getBoundingClientRect();return Math.round(100*t.deltaX/e.width)}handleSlideOutDragAnimation(){this.sliderManager=new o(this.hostElement),this.sliderManager.get("pan").set({direction:o.DIRECTION_HORIZONTAL}),this.sliderManager.on("pan",(t=>{this.percentage=this.calculateDraggedPercentage(t),this.hostElement.style.transition="none",this.hostElement.classList.remove(this.transition);const e={translate:"translateX( "+this.percentage+"% )",translateBack:"translateX(0)"};this.hostElement.style.opacity=100-Math.abs(this.percentage)+"%",t.eventType!==o.DIRECTION_LEFT&&t.eventType!==o.DIRECTION_RIGHT||(this.hostElement.style.transform=e.translate,Math.abs(this.percentage)>this.draggablepercentage&&!this.isCloseEventCalled&&(this.isCloseEventCalled=!0,this.emitToastClose(t.direction===o.DIRECTION_LEFT?"slide-out-left":"slide-out-right"))),t.isFinal&&Math.abs(this.percentage)<this.draggablepercentage&&(this.hostElement.style.transform=e.translateBack,this.hostElement.style.transition="all 1s",this.hostElement.style.opacity="100%",this.percentage=0)}))}onFocus(){let t;t=this.autoclose,this.elapsedTime&&(t=this.autoclose-this.elapsedTime),t>0&&this.startClosingTimeout(t)}onBlur(){this.elapsedTime=Date.now()-this.startTime,clearTimeout(this.timeoutHandle)}startClosingTimeout(t){this.timeoutHandle=setTimeout((()=>this.emitToastClose(this.mapSlideOutClass())),t)}detectWrap(){const t=this.container.offsetWidth,e=this.container.children;let i=0;for(let t=0;t<e.length;t++)i+=e[t].offsetWidth;return i>t}renderText(){return i("div",{id:"text",ref:t=>this.toastText=t},i("span",{class:"title"},this.heading),i("span",{class:"message"},this.message))}renderButton(){return i("div",{id:"button"},i("slot",{name:"button"}))}renderCloseIcon(){return this.closebutton&&i("div",{id:"icon"},i("z-icon",{tabIndex:0,name:"multiply-circled",width:15,height:15,onClick:()=>this.emitToastClose(this.mapSlideOutClass()),onKeyPress:t=>{32!=t.keyCode&&13!=t.keyCode||(t.preventDefault(),this.emitToastClose(this.mapSlideOutClass()))}}))}renderContainer(){return i("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 i("div",{id:"external-container",class:{[this.type]:!!this.type,"several-lines-padding":this.isTextLong,"mobile-wrapped":this.isTextLong}},i("div",{id:"flex-container",ref:t=>this.container=t},this.renderText(),this.renderButton()),this.renderCloseIcon())}render(){return i(s,{style:{"--percentuale":`${this.percentage}%`},class:this.transition?this.transition:n.slideInDown,onAnimationEnd:t=>{this.autoclose&&t.animationName.includes("slidein")&&this.startClosingTimeout(this.autoclose),t.animationName.includes("slideout")&&this.hostElement.parentNode.removeChild(this.hostElement)}},this.isMobile?this.renderMobileContainer():this.renderContainer())}get hostElement(){return a(this)}static get watchers(){return{isdraggable:["watchPropIsdraggable"],autoclose:["watchPropAutoclose"],pauseonfocusloss:["watchPropPauseonfocusloss"]}}};l.style=":host{display:inline-block;min-width:200px;width:100vw}: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%{transform:translateY(100%);opacity:0}100%{transform:translateY(0);opacity:100%}}@keyframes slideindown{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0);opacity:100%}}@keyframes slideoutleft{0%{transform:translateX(var(--percentuale));opacity:calc(100-var(--percentuale))}100%{transform:translateX(-100%);opacity:0%}}@keyframes slideoutright{0%{transform:translateX(var(--percentuale));opacity:calc(100-var(--percentuale))}100%{transform:translateX(100%);opacity:0%}}@keyframes slideoutup{0%{transform:translateY(var(--percentuale));opacity:100%}100%{transform:translateY(-100%);opacity:0}}@keyframes slideoutdown{0%{transform:translateY(var(--percentuale));opacity:100%}100%{transform:translateY(100%);opacity:0}}:host>#external-container{font-family:var(--font-family-sans);font-weight:var(--font-rg);border-radius:4px;font-size:14px;letter-spacing:0.16px;box-sizing:border-box;min-height:52px;padding:calc(var(--space-unit) * 1) calc(var(--space-unit) * 2);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-3)}: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;flex-wrap:wrap;align-items:center;justify-content:space-between;width:100%}:host>#external-container #text{color:var(--color-white);line-height:20px;margin-right:calc(var(--space-unit) * 2);letter-spacing:0.16px;text-align:left}:host>#external-container #text>.title{margin-right:4px;font-weight:600}:host>#external-container.mobile-wrapped #button ::slotted(z-button){margin-top:calc(var(--space-unit) * 2)}:host>#external-container #icon{cursor:pointer;fill:var(--color-white);margin-left:calc(var(--space-unit) * 2)}:host>#external-container.dark{background:var(--gray800)}:host>#external-container.light{background:var(--color-background)}:host>#external-container.light #icon,:host>#external-container.warning #text,:host>#external-container.warning #icon{fill:var(--color-icon01)}:host>#external-container.light #text,:host>#external-container.warning #text{color:var(--grey800)}:host>#external-container.accent{background:var(--color-primary01)}:host>#external-container.error{background:var(--color-error-default)}:host>#external-container.success{background:var(--color-success-default)}:host>#external-container.warning{background:var(--color-warning-default)}@media only screen and (min-width: 768px){:host{width:unset;max-width:50vw}:host>#external-container>#flex-container{flex-wrap:nowrap}:host>#external-container #text{width:100%}}@media only screen and (min-width: 1366px){:host{width:unset;max-width:33vw}}";export{l as z_toast_notification}
+import{r as t,c as e,h as i,H as a,g as s}from"./p-904a85e4.js";import{t as n}from"./p-26354cd5.js";import{m as r}from"./p-d69e14fb.js";import{h as o}from"./p-9912e411.js";const l=class{constructor(i){t(this,i),this.toastClose=e(this,"toastClose",7),this.pauseonfocusloss=!0,this.isdraggable=!0,this.draggablepercentage=80,this.isCloseEventCalled=!1,this.visibilityChangeEventHandler=()=>{"hidden"===document.visibilityState?this.timeoutHandle&&this.onBlur():this.elapsedTime&&this.onFocus()}}watchPropIsdraggable(t){t?this.sliderManager.get("pan").set({enable:!0}):this.sliderManager.get("pan").set({enable:!1})}watchPropAutoclose(t){clearTimeout(this.timeoutHandle),this.startClosingTimeout(t)}watchPropPauseonfocusloss(t){this.autoclose&&(t?document.addEventListener("visibilitychange",this.visibilityChangeEventHandler):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<=r,this.validateAutoclose()}componentDidLoad(){this.isTextLong=this.detectWrap()||this.toastText.offsetHeight>20,this.startTime=Date.now(),this.autoclose&&this.pauseonfocusloss&&document.addEventListener("visibilitychange",this.visibilityChangeEventHandler),this.isdraggable&&this.handleSlideOutDragAnimation(),this.percentage=0}validateAutoclose(){this.autoclose||this.closebutton||console.error("At least one between autoclose and closebutton must be present")}mapSlideOutClass(){switch(this.transition){case n.slideInDown:return n.slideOutUp;case n.slideInUp:return n.slideOutDown;case n.slideInLeft:return n.slideOutRight;case n.slideInRight:return n.slideOutLeft}}calculateDraggedPercentage(t){const e=this.hostElement.getBoundingClientRect();return Math.round(100*t.deltaX/e.width)}handleSlideOutDragAnimation(){this.sliderManager=new o(this.hostElement),this.sliderManager.get("pan").set({direction:o.DIRECTION_HORIZONTAL}),this.sliderManager.on("pan",(t=>{this.percentage=this.calculateDraggedPercentage(t),this.hostElement.style.transition="none",this.hostElement.classList.remove(this.transition);const e={translate:"translateX( "+this.percentage+"% )",translateBack:"translateX(0)"};this.hostElement.style.opacity=100-Math.abs(this.percentage)+"%",t.eventType!==o.DIRECTION_LEFT&&t.eventType!==o.DIRECTION_RIGHT||(this.hostElement.style.transform=e.translate,Math.abs(this.percentage)>this.draggablepercentage&&!this.isCloseEventCalled&&(this.isCloseEventCalled=!0,this.emitToastClose(t.direction===o.DIRECTION_LEFT?"slide-out-left":"slide-out-right"))),t.isFinal&&Math.abs(this.percentage)<this.draggablepercentage&&(this.hostElement.style.transform=e.translateBack,this.hostElement.style.transition="all 1s",this.hostElement.style.opacity="100%",this.percentage=0)}))}onFocus(){let t;t=this.autoclose,this.elapsedTime&&(t=this.autoclose-this.elapsedTime),t>0&&this.startClosingTimeout(t)}onBlur(){this.elapsedTime=Date.now()-this.startTime,clearTimeout(this.timeoutHandle)}startClosingTimeout(t){this.timeoutHandle=setTimeout((()=>this.emitToastClose(this.mapSlideOutClass())),t)}detectWrap(){const t=this.container.offsetWidth,e=this.container.children;let i=0;for(let t=0;t<e.length;t++)i+=e[t].offsetWidth;return i>t}renderText(){return i("div",{id:"text",ref:t=>this.toastText=t},i("span",{class:"title"},this.heading),i("span",{class:"message"},this.message))}renderButton(){return i("div",{id:"button"},i("slot",{name:"button"}))}renderCloseIcon(){return this.closebutton&&i("div",{id:"icon"},i("z-icon",{tabIndex:0,name:"multiply-circled",width:15,height:15,onClick:()=>this.emitToastClose(this.mapSlideOutClass()),onKeyPress:t=>{32!=t.keyCode&&13!=t.keyCode||(t.preventDefault(),this.emitToastClose(this.mapSlideOutClass()))}}))}renderContainer(){return i("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 i("div",{id:"external-container",class:{[this.type]:!!this.type,"several-lines-padding":this.isTextLong,"mobile-wrapped":this.isTextLong}},i("div",{id:"flex-container",ref:t=>this.container=t},this.renderText(),this.renderButton()),this.renderCloseIcon())}render(){return i(a,{style:{"--percentuale":`${this.percentage}%`},class:this.transition?this.transition:n.slideInDown,onAnimationEnd:t=>{this.autoclose&&t.animationName.includes("slidein")&&this.startClosingTimeout(this.autoclose),t.animationName.includes("slideout")&&this.hostElement.parentNode.removeChild(this.hostElement)}},this.isMobile?this.renderMobileContainer():this.renderContainer())}get hostElement(){return s(this)}static get watchers(){return{isdraggable:["watchPropIsdraggable"],autoclose:["watchPropAutoclose"],pauseonfocusloss:["watchPropPauseonfocusloss"]}}};l.style=":host{display:inline-block;min-width:200px;width:100vw}: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%{transform:translateY(100%);opacity:0}100%{transform:translateY(0);opacity:100%}}@keyframes slideindown{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0);opacity:100%}}@keyframes slideoutleft{0%{transform:translateX(var(--percentuale));opacity:calc(100-var(--percentuale))}100%{transform:translateX(-100%);opacity:0%}}@keyframes slideoutright{0%{transform:translateX(var(--percentuale));opacity:calc(100-var(--percentuale))}100%{transform:translateX(100%);opacity:0%}}@keyframes slideoutup{0%{transform:translateY(var(--percentuale));opacity:100%}100%{transform:translateY(-100%);opacity:0}}@keyframes slideoutdown{0%{transform:translateY(var(--percentuale));opacity:100%}100%{transform:translateY(100%);opacity:0}}:host>#external-container{font-family:var(--font-family-sans);font-weight:var(--font-rg);border-radius:4px;font-size:14px;letter-spacing:0.16px;box-sizing:border-box;min-height:52px;padding:calc(var(--space-unit) * 1) calc(var(--space-unit) * 2);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-3)}: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;flex-wrap:wrap;align-items:center;justify-content:space-between;width:100%}:host>#external-container #text{color:var(--color-white);line-height:20px;margin-right:calc(var(--space-unit) * 2);letter-spacing:0.16px;text-align:left}:host>#external-container #text>.title{margin-right:4px;font-weight:600}:host>#external-container.mobile-wrapped #button ::slotted(z-button){margin-top:calc(var(--space-unit) * 2)}:host>#external-container #icon{cursor:pointer;fill:var(--color-white);margin-left:calc(var(--space-unit) * 2)}:host>#external-container.dark{background:var(--gray800)}:host>#external-container.light{background:var(--color-background)}:host>#external-container.light #icon,:host>#external-container.warning #text,:host>#external-container.warning #icon{fill:var(--color-icon01)}:host>#external-container.light #text,:host>#external-container.warning #text{color:var(--grey800)}:host>#external-container.accent{background:var(--color-primary01)}:host>#external-container.error{background:var(--color-error-default)}:host>#external-container.success{background:var(--color-success-default)}:host>#external-container.warning{background:var(--color-warning-default)}@media only screen and (min-width: 768px){:host{width:unset;max-width:50vw}:host>#external-container>#flex-container{flex-wrap:nowrap}:host>#external-container #text{width:100%}}@media only screen and (min-width: 1366px){:host{width:unset;max-width:33vw}}";export{l as z_toast_notification}

package/dist/web-components-library/{p-e7304c42.js → p-1aaf2be7.js}

@@ -1 +1 @@
-import{k as t,D as n}from"./p-d63b9ed3.js";import{t as r,m as a}from"./p-d69e14fb.js";function u(){return Math.random().toString(36).replace("0.","")}function e(n,r,...a){n.keyCode!==t.ENTER&&n.keyCode!==t.SPACE||(n.preventDefault(),r(...a))}function s(t=null){return t||(t=document.activeElement),t&&t.shadowRoot&&t.shadowRoot.activeElement?s(t=t.shadowRoot.activeElement):t}function o(t,n=[]){return n.push(t),t.parentElement?o(t=t.parentElement,n):t.parentNode&&t.parentNode.host?o(t=t.parentNode.host,n):n}function c(){switch(!0){case window.innerWidth<=a:return n.mobile;case window.innerWidth<=r:return n.tablet;default:return n.desktop}}function i(t){try{return JSON.parse(t)}catch(t){return!1}}function f(t){const n=Math.ceil(2**31-1)*parseFloat(`0.${t}`);let r=Math.ceil(n%1*19);return 0===r&&(r=1),`avatar-C${r.toString().padStart(2,"0")}`}export{s as a,i as b,f as c,c as d,o as g,e as h,u as r}
+import{k as t,D as n}from"./p-26354cd5.js";import{t as r,m as a}from"./p-d69e14fb.js";function u(){return Math.random().toString(36).replace("0.","")}function s(n,r,...a){n.keyCode!==t.ENTER&&n.keyCode!==t.SPACE||(n.preventDefault(),r(...a))}function e(t=null){return t||(t=document.activeElement),t&&t.shadowRoot&&t.shadowRoot.activeElement?e(t=t.shadowRoot.activeElement):t}function o(t,n=[]){return n.push(t),t.parentElement?o(t=t.parentElement,n):t.parentNode&&t.parentNode.host?o(t=t.parentNode.host,n):n}function c(){switch(!0){case window.innerWidth<=a:return n.mobile;case window.innerWidth<=r:return n.tablet;default:return n.desktop}}function i(t){try{return JSON.parse(t)}catch(t){return!1}}function f(t){const n=Math.ceil(2**31-1)*parseFloat(`0.${t}`);let r=Math.ceil(n%1*19);return 0===r&&(r=1),`avatar-C${r.toString().padStart(2,"0")}`}export{e as a,i as b,f as c,c as d,o as g,s as h,u as r}

package/dist/web-components-library/p-26354cd5.js

@@ -0,0 +1 @@
+var n,e,t,o,a,s,i,r,c,l,u,f,d,m,g,b,h,w,p,E,v,A,x,k,_,C,R,S,y,D,P,T,B,N,O;!function(n){n.real="reale",n.virtual="virtuale",n.trial="saggio"}(n||(n={})),function(n){n.border="border",n.shadow="shadow",n.overlay="overlay"}(e||(e={})),function(n){n.horizontal="horizontal",n.vertical="vertical"}(t||(t={})),function(n){n.big="big",n.small="small"}(o||(o={})),function(n){n.primary="primary",n.secondary="secondary",n.tertiary="tertiary",n["dark-bg"]="dark-bg"}(a||(a={})),function(n){n.submit="submit",n.reset="reset",n.button="button"}(s||(s={})),function(n){n.big="big",n.small="small",n["x-small"]="x-small"}(i||(i={})),function(n){n.text="text",n.password="password",n.number="number",n.email="email",n.textarea="textarea",n.checkbox="checkbox",n.radio="radio",n.select="select"}(r||(r={})),function(n){n.success="success",n.error="error",n.warning="warning",n.selecting="selecting"}(c||(c={})),function(n){n.AUTO="auto",n.TOP="top",n.RIGHT="right",n.BOTTOM="bottom",n.LEFT="left",n.TOP_RIGHT="top_right",n.TOP_LEFT="top_left",n.BOTTOM_RIGHT="bottom_right",n.BOTTOM_LEFT="bottom_left"}(l||(l={})),function(n){n[n.TAB=9]="TAB",n[n.SPACE=32]="SPACE",n[n.ESC=27]="ESC",n[n.ENTER=13]="ENTER",n[n.ARROW_UP=38]="ARROW_UP",n[n.ARROW_DOWN=40]="ARROW_DOWN",n[n.BACKSPACE=8]="BACKSPACE",n[n.DELETE=46]="DELETE"}(u||(u={})),function(n){n.ARROW_DOWN="ArrowDown",n.ARROW_UP="ArrowUp",n.ENTER="Enter",n.ESC="Escape",n.SPACE="Space"}(f||(f={})),function(n){n.dark="dark",n.light="light"}(d||(d={})),function(n){n["after-down"]="after-down",n["after-center"]="after-center",n["after-up"]="after-up",n["below-right"]="below-right",n["below-center"]="below-center",n["below-left"]="below-left",n["before-down"]="before-down",n["before-center"]="before-center",n["before-up"]="before-up",n["above-right"]="above-right",n["above-center"]="above-center",n["above-left"]="above-left"}(m||(m={})),function(n){n.none="none",n.small="small",n.medium="medium"}(g||(g={})),function(n){n["shadow-1"]="shadow-1",n["shadow-2"]="shadow-2",n["shadow-3"]="shadow-3",n["shadow-4"]="shadow-4",n["shadow-6"]="shadow-6",n["shadow-8"]="shadow-8",n["shadow-12"]="shadow-12",n["shadow-16"]="shadow-16",n["shadow-24"]="shadow-24"}(b||(b={})),function(n){n.small="small",n.medium="medium",n.large="large"}(h||(h={})),function(n){n.horizontal="horizontal",n.vertical="vertical"}(w||(w={})),function(n){n["x-small"]="x-small",n.small="small",n.medium="medium",n.large="large",n.special="special"}(p||(p={})),function(n){n.asc="asc",n.desc="desc",n.none="none"}(E||(E={})),function(n){n.small="small",n.medium="medium",n.large="large"}(v||(v={})),function(n){n.warning="warning",n.error="error",n.success="success",n.neutral="neutral",n.default="default"}(A||(A={})),function(n){n.small="small",n.medium="medium",n.large="large",n["x-large"]="x-large"}(x||(x={})),function(n){n.accordion="accordion",n.menu="menu"}(k||(k={})),function(n){n.right="right",n.left="left"}(_||(_={})),function(n){n.none="none",n.header="header",n.element="element"}(C||(C={})),function(n){n.success="success",n.warning="warning",n.error="error"}(R||(R={})),function(n){n.success="success",n.warning="warning",n.error="error"}(S||(S={})),function(n){n.mobile="mobile",n.tablet="tablet",n.desktop="desktop"}(y||(y={})),function(n){n.preview="preview",n.open="open",n.closed="closed"}(D||(D={})),function(n){n.dark="dark",n.light="light",n.accent="accent",n.error="error",n.success="success",n.warning="warning"}(P||(P={})),function(n){n.slideInLeft="slide-in-left",n.slideInRight="slide-in-right",n.slideInDown="slide-in-down",n.slideInUp="slide-in-up",n.slideOutLeft="slide-out-left",n.slideOutRight="slide-out-right",n.slideOutDown="slide-out-down",n.slideOutUp="slide-out-up"}(T||(T={})),function(n){n.topRight="top-right",n.topLeft="top-left",n.topCentre="top-centre",n.bottomRight="bottom-right",n.bottomLeft="bottom-left",n.bottomCentre="bottom-centre"}(B||(B={})),function(n){n.expandable="expandable",n.padding="padding",n.none="none"}(N||(N={})),function(n){n.polite="polite",n.assertive="assertive"}(O||(O={}));export{v as A,s as B,e as C,y as D,_ as E,r as I,f as K,x as L,R as N,m as P,E as S,d as T,O as Z,w as a,a as b,i as c,h as d,C as e,k as f,n as g,S as h,g as i,b as j,u as k,p as l,N as m,c as n,A as o,l as p,D as q,t as r,o as s,T as t,B as u}