@zanichelli/albe-web-components 16.3.0-rc2 → 16.3.1-RC

package/dist/web-components-library/{p-8a10fec5.entry.js → p-38d5e74f.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as n,a,g as i}from"./p-cfa39bd3.js";const o=':host,::slotted(*),*{box-sizing:border-box}:host{position:relative;display:inline-flex;flex-direction:column;--z-menu-label-color:var(--color-default-text)}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.menu-label{padding:0;border:0;margin:0;background:transparent;border-radius:0;color:inherit;outline:none;text-align:left}button.menu-label{cursor:pointer}.menu-label:focus-within{z-index:1;padding-right:calc(var(--space-unit) * 0.5);padding-left:calc(var(--space-unit) * 0.5);margin-right:calc(var(--space-unit) * -0.5);margin-left:calc(var(--space-unit) * -0.5);box-shadow:var(--shadow-focus-primary)}.menu-label .menu-label-content{position:relative;display:flex;align-items:center}:host(:is([active],[open])) .menu-label-content,.menu-label:focus-within .menu-label-content{font-weight:var(--font-bd)}:host(:is([active],[open])) .menu-label-content ::slotted(*),.menu-label:focus-within .menu-label-content ::slotted(*){letter-spacing:normal}:host .menu-label .menu-label-content ::slotted(*:not([slot]):focus:focus-visible){box-shadow:none !important}:host(:is([active],[open],[vertical-context])) .menu-label .menu-label-content::after,.menu-label .menu-label-content:hover::after,.menu-label:focus-within .menu-label-content::after{position:absolute;bottom:0;left:0;width:100%;content:"";pointer-events:none}:host([vertical-context]) .menu-label-content::after{height:var(--border-size-small);background-color:var(--color-surface03)}:host(:is([active],[open])) .menu-label .menu-label-content::after,.menu-label .menu-label-content:hover::after,.menu-label:focus-within .menu-label-content::after{height:var(--border-size-large);background-color:var(--color-secondary01)}::slotted([data-text])::after{height:0;content:attr(data-text);content:attr(data-text) / "";font-weight:var(--font-bd);letter-spacing:normal;pointer-events:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text])::after{display:none}}::slotted([data-text]){display:inline-flex;flex-direction:column}.menu-label .menu-label-content ::slotted(*){display:inline-flex;width:100%;margin:0;appearance:none;color:var(--z-menu-label-color);font-family:var(--font-family-sans);font-size:var(--font-size-5);font-weight:inherit;letter-spacing:0.36px;line-height:1.2;outline:none}.menu-label .menu-label-content ::slotted(*),.menu-label .menu-label-content z-icon{padding:var(--space-unit) 0}.menu-label .menu-label-content z-icon{margin-left:calc(var(--space-unit) * 1.5);fill:currentcolor}.content{background:var(--color-surface01)}:host(:not([open])) .content{display:none}:host([floating]) .content{position:absolute;top:100%;left:0;width:375px;min-width:100%;max-width:100vw;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2);box-shadow:var(--shadow-2)}:host(:not([floating])) .content{width:100%}.header{display:flex;align-items:center;padding:var(--space-unit) 0 calc(var(--space-unit) * 2)}.header ::slotted(img[slot="header"]){width:calc(var(--space-unit) * 11.25);height:auto;object-fit:contain}.header ::slotted([slot="header"]:not(:first-child)){margin:auto 0;margin-left:calc(var(--space-unit) * 2.5);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5}.items{display:flex;flex-direction:column;align-items:flex-start;background:inherit}.items>::slotted([slot="item"]){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.25;outline:none}.items>::slotted([slot="item"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}.items>::slotted([slot="item"]:not(z-menu-section)){padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);border-bottom:var(--border-size-small) solid var(--color-surface05)}.items>::slotted([slot="item"]:hover),.items>::slotted([slot="item"]:focus:focus-visible),.items>::slotted([slot="item"]:active){border-color:var(--color-secondary01);font-weight:var(--font-bd)}';const s=o;const l=class{toggle(){if(!this.hasContent){return}this.open=!this.open;this.open?this.opened.emit():this.closed.emit()}handleClick(e){if(!this.floating||!this.open||this.hostElement.contains(e.target)){return}this.reflow();this.open=false;this.closed.emit()}onOpenChanged(){if(this.open){this.reflow(true)}else{cancelAnimationFrame(this.raf)}}constructor(n){e(this,n);this.opened=t(this,"opened",7);this.closed=t(this,"closed",7);this.active=undefined;this.floating=false;this.open=false;this.verticalContext=false;this.hasHeader=undefined;this.hasContent=undefined;this.toggle=this.toggle.bind(this);this.checkContent=this.checkContent.bind(this);this.onLabelSlotChange=this.onLabelSlotChange.bind(this);this.onItemsChange=this.onItemsChange.bind(this)}componentWillLoad(){this.checkContent()}onLabelSlotChange(e){const t=e.target.assignedElements()[0];t.dataset.text=t===null||t===void 0?void 0:t.textContent}reflow(e=false){if(this.content){const{style:e}=this.content;const{left:t}=this.hostElement.getBoundingClientRect();const n=getComputedStyle(this.content).width;const a=n?parseFloat(n.replace("px","")):375;const i=30;e.left=`${Math.min(window.innerWidth-t-a-i,0)}px`}if(e){this.raf=requestAnimationFrame(this.reflow.bind(this,e))}}checkContent(){this.hasHeader=!!this.hostElement.querySelectorAll("[slot=header]").length;this.hasContent=!!this.hostElement.querySelectorAll("[slot=item]").length||this.hasHeader}onItemsChange(){this.checkContent();const e=this.hostElement.querySelectorAll("[slot=item]");e.forEach((e=>{e.setAttribute("role","menuitem");e.dataset.text=e.textContent}))}renderMenuLabel(){if(this.hasContent){return n("button",{class:"menu-label","aria-expanded":this.open?"true":"false","aria-label":this.open?"Chiudi menù":"Apri menù",onClick:this.toggle},n("div",{class:"menu-label-content"},n("slot",{onSlotchange:this.onLabelSlotChange}),n("z-icon",{name:this.open?"chevron-up":"chevron-down"})))}return n("div",{class:"menu-label"},n("div",{class:"menu-label-content"},n("slot",{onSlotchange:this.onLabelSlotChange})))}render(){return n(a,{key:"3db9cc8073a46a7160e9cdd10ca8e56017fa17e3"},this.renderMenuLabel(),this.hasContent&&n("div",{key:"1ba60c68bbb101a557bab3609640b6f0729b0791",class:"content",ref:e=>this.content=e},this.hasHeader&&n("header",{key:"08a6e9093b5f38d61ad5dc7c52749df71de26218",class:"header"},n("slot",{key:"3c0cc8a49f9d83ca592f144d2e63e3bbb82f44a8",name:"header",onSlotchange:this.checkContent})),n("div",{key:"2f8d351c4fd22ff30d6f6d1899e5c3f5875b2cc5",class:"items",role:"menu"},n("slot",{key:"4f411874aea00060bc7a1333bfed808c92d96bdd",name:"item",onSlotchange:this.onItemsChange}))))}get hostElement(){return i(this)}static get watchers(){return{open:["onOpenChanged"]}}};l.style=s;export{l as z_menu_deprecated};
-//# sourceMappingURL=p-8a10fec5.entry.js.map
+import{r as e,c as t,h as n,a,g as i}from"./p-75c4a726.js";const o=':host,::slotted(*),*{box-sizing:border-box}:host{position:relative;display:inline-flex;flex-direction:column;--z-menu-label-color:var(--color-default-text)}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.menu-label{padding:0;border:0;margin:0;background:transparent;border-radius:0;color:inherit;outline:none;text-align:left}button.menu-label{cursor:pointer}.menu-label:focus-within{z-index:1;padding-right:calc(var(--space-unit) * 0.5);padding-left:calc(var(--space-unit) * 0.5);margin-right:calc(var(--space-unit) * -0.5);margin-left:calc(var(--space-unit) * -0.5);box-shadow:var(--shadow-focus-primary)}.menu-label .menu-label-content{position:relative;display:flex;align-items:center}:host(:is([active],[open])) .menu-label-content,.menu-label:focus-within .menu-label-content{font-weight:var(--font-bd)}:host(:is([active],[open])) .menu-label-content ::slotted(*),.menu-label:focus-within .menu-label-content ::slotted(*){letter-spacing:normal}:host .menu-label .menu-label-content ::slotted(*:not([slot]):focus:focus-visible){box-shadow:none !important}:host(:is([active],[open],[vertical-context])) .menu-label .menu-label-content::after,.menu-label .menu-label-content:hover::after,.menu-label:focus-within .menu-label-content::after{position:absolute;bottom:0;left:0;width:100%;content:"";pointer-events:none}:host([vertical-context]) .menu-label-content::after{height:var(--border-size-small);background-color:var(--color-surface03)}:host(:is([active],[open])) .menu-label .menu-label-content::after,.menu-label .menu-label-content:hover::after,.menu-label:focus-within .menu-label-content::after{height:var(--border-size-large);background-color:var(--color-secondary01)}::slotted([data-text])::after{height:0;content:attr(data-text);content:attr(data-text) / "";font-weight:var(--font-bd);letter-spacing:normal;pointer-events:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text])::after{display:none}}::slotted([data-text]){display:inline-flex;flex-direction:column}.menu-label .menu-label-content ::slotted(*){display:inline-flex;width:100%;margin:0;appearance:none;color:var(--z-menu-label-color);font-family:var(--font-family-sans);font-size:var(--font-size-5);font-weight:inherit;letter-spacing:0.36px;line-height:1.2;outline:none}.menu-label .menu-label-content ::slotted(*),.menu-label .menu-label-content z-icon{padding:var(--space-unit) 0}.menu-label .menu-label-content z-icon{margin-left:calc(var(--space-unit) * 1.5);fill:currentcolor}.content{background:var(--color-surface01)}:host(:not([open])) .content{display:none}:host([floating]) .content{position:absolute;top:100%;left:0;width:375px;min-width:100%;max-width:100vw;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2);box-shadow:var(--shadow-2)}:host(:not([floating])) .content{width:100%}.header{display:flex;align-items:center;padding:var(--space-unit) 0 calc(var(--space-unit) * 2)}.header ::slotted(img[slot="header"]){width:calc(var(--space-unit) * 11.25);height:auto;object-fit:contain}.header ::slotted([slot="header"]:not(:first-child)){margin:auto 0;margin-left:calc(var(--space-unit) * 2.5);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5}.items{display:flex;flex-direction:column;align-items:flex-start;background:inherit}.items>::slotted([slot="item"]){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.25;outline:none}.items>::slotted([slot="item"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}.items>::slotted([slot="item"]:not(z-menu-section)){padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);border-bottom:var(--border-size-small) solid var(--color-surface05)}.items>::slotted([slot="item"]:hover),.items>::slotted([slot="item"]:focus:focus-visible),.items>::slotted([slot="item"]:active){border-color:var(--color-secondary01);font-weight:var(--font-bd)}';const s=o;const l=class{toggle(){if(!this.hasContent){return}this.open=!this.open;this.open?this.opened.emit():this.closed.emit()}handleClick(e){if(!this.floating||!this.open||this.hostElement.contains(e.target)){return}this.reflow();this.open=false;this.closed.emit()}onOpenChanged(){if(this.open){this.reflow(true)}else{cancelAnimationFrame(this.raf)}}constructor(n){e(this,n);this.opened=t(this,"opened",7);this.closed=t(this,"closed",7);this.active=undefined;this.floating=false;this.open=false;this.verticalContext=false;this.hasHeader=undefined;this.hasContent=undefined;this.toggle=this.toggle.bind(this);this.checkContent=this.checkContent.bind(this);this.onLabelSlotChange=this.onLabelSlotChange.bind(this);this.onItemsChange=this.onItemsChange.bind(this)}componentWillLoad(){this.checkContent()}onLabelSlotChange(e){const t=e.target.assignedElements()[0];t.dataset.text=t===null||t===void 0?void 0:t.textContent}reflow(e=false){if(this.content){const{style:e}=this.content;const{left:t}=this.hostElement.getBoundingClientRect();const n=getComputedStyle(this.content).width;const a=n?parseFloat(n.replace("px","")):375;const i=30;e.left=`${Math.min(window.innerWidth-t-a-i,0)}px`}if(e){this.raf=requestAnimationFrame(this.reflow.bind(this,e))}}checkContent(){this.hasHeader=!!this.hostElement.querySelectorAll("[slot=header]").length;this.hasContent=!!this.hostElement.querySelectorAll("[slot=item]").length||this.hasHeader}onItemsChange(){this.checkContent();const e=this.hostElement.querySelectorAll("[slot=item]");e.forEach((e=>{e.setAttribute("role","menuitem");e.dataset.text=e.textContent}))}renderMenuLabel(){if(this.hasContent){return n("button",{class:"menu-label","aria-expanded":this.open?"true":"false","aria-label":this.open?"Chiudi menù":"Apri menù",onClick:this.toggle},n("div",{class:"menu-label-content"},n("slot",{onSlotchange:this.onLabelSlotChange}),n("z-icon",{name:this.open?"chevron-up":"chevron-down"})))}return n("div",{class:"menu-label"},n("div",{class:"menu-label-content"},n("slot",{onSlotchange:this.onLabelSlotChange})))}render(){return n(a,{key:"3db9cc8073a46a7160e9cdd10ca8e56017fa17e3"},this.renderMenuLabel(),this.hasContent&&n("div",{key:"1ba60c68bbb101a557bab3609640b6f0729b0791",class:"content",ref:e=>this.content=e},this.hasHeader&&n("header",{key:"08a6e9093b5f38d61ad5dc7c52749df71de26218",class:"header"},n("slot",{key:"3c0cc8a49f9d83ca592f144d2e63e3bbb82f44a8",name:"header",onSlotchange:this.checkContent})),n("div",{key:"2f8d351c4fd22ff30d6f6d1899e5c3f5875b2cc5",class:"items",role:"menu"},n("slot",{key:"4f411874aea00060bc7a1333bfed808c92d96bdd",name:"item",onSlotchange:this.onItemsChange}))))}get hostElement(){return i(this)}static get watchers(){return{open:["onOpenChanged"]}}};l.style=s;export{l as z_menu_deprecated};
+//# sourceMappingURL=p-38d5e74f.entry.js.map

package/dist/web-components-library/p-3ae8fb1a.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as c}from"./p-75c4a726.js";const o=":host{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:0 -1px -1px 0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";const s=o;const r=class{constructor(c){t(this,c)}render(){return c("slot",{key:"cab952b13471ad0b374bdc45ca65bac7dcc75659"})}};r.style=s;export{r as z_visually_hidden};
+//# sourceMappingURL=p-3ae8fb1a.entry.js.map

package/dist/web-components-library/p-3dbad75e.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 e=class{constructor(r){o(this,r);this.sticky=false}render(){return r(s,{key:"b872f68fd9e643528d02adb7bd76f8377a59fcdc",role:"rowgroup"},r("slot",{key:"6ebdc491ee2459d415a53fb96e5f27405704a99f"}))}};e.style=t;export{e as Z};
+//# sourceMappingURL=p-3dbad75e.js.map

package/dist/web-components-library/{p-e5ea2279.entry.js → p-4537f922.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as r}from"./p-cfa39bd3.js";import{o as i}from"./p-6037cdf3.js";const a=":host{position:absolute;z-index:2;top:0;left:0;width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>z-alert{height:calc(var(--space-unit) * 6)}.relative-container{position:relative;display:grid;align-items:center;padding:0;grid-column-gap:var(--space-unit);grid-template-columns:18px auto 46px;grid-template-rows:1fr;outline:none}.relative-container::-moz-focus-inner{border:0}.alert-external-wrapper.remove-alert{border:var(--border-size-medium) solid var(--color-surface02);border-top:none}:host div.add-alert{background:var(--color-success-inverse)}:host div.remove-alert{background:var(--color-warning-inverse)}:host div>.content-text{color:var(--color-surface05);font-size:14px;letter-spacing:0.16px;line-height:20px}:host div>.content-action{height:20px;color:var(--color-primary01);cursor:pointer;font-size:12px;font-weight:var(--font-sb);letter-spacing:0.32px;line-height:20px}:host div>z-icon{justify-self:center}";const s=a;const n=class{constructor(r){e(this,r);this.undoAction=t(this,"undoAction",7);this.iconname=undefined;this.contenttext=undefined;this.actiontext=undefined;this.type=undefined}emitUndoAction(){this.undoAction.emit({actionType:this.type})}handleSpaceKeyPress(e){if(e.keyCode==32||e.keyCode==13){e.preventDefault();this.emitUndoAction()}}handleActionButtonClick(e){e.preventDefault();this.emitUndoAction()}retrieveClass(){let e="";switch(this.type){case"add":e="add-alert";break;case"remove":e="remove-alert";break;default:e="";break}return e}getAlertType(){switch(this.type){case"add":return i.SUCCESS;case"remove":return i.WARNING;default:return null}}render(){return r("div",{key:"d2a7888a7b718797b9b94f50fe02d852442840c1",class:"alert-external-wrapper "+this.retrieveClass()},r("z-alert",{key:"c169d76e4f7129361d08f1d6e13fc16e42869fe8",type:this.getAlertType()},r("div",{key:"9ced09e99699ef4aaa5d30185bd29858876c63dd",class:"relative-container"},r("z-icon",{key:"16d7652048ef0c07f3d69eb278be03465019a8f9",name:this.iconname,width:18,height:18,class:this.retrieveClass()}),r("span",{key:"e9665c81f10daf69c9175a4b1349d945b7892237",class:"content-text"},this.contenttext),this.actiontext&&!!this.actiontext.trim().length&&r("span",{key:"4d76d6d91e5b191546d55ed233c3a2c26ae05d1f",role:"button",tabindex:"0",class:"content-action",onClick:e=>{this.handleActionButtonClick(e)},onKeyPress:e=>{this.handleSpaceKeyPress(e)}},this.actiontext))))}};n.style=s;export{n as z_myz_card_alert};
-//# sourceMappingURL=p-e5ea2279.entry.js.map
+import{r as e,c as t,h as r}from"./p-75c4a726.js";import{o as a}from"./p-6037cdf3.js";const i=":host{position:absolute;z-index:2;top:0;left:0;width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>z-alert{height:calc(var(--space-unit) * 6)}.relative-container{position:relative;display:grid;align-items:center;padding:0;grid-column-gap:var(--space-unit);grid-template-columns:18px auto 46px;grid-template-rows:1fr;outline:none}.relative-container::-moz-focus-inner{border:0}.alert-external-wrapper.remove-alert{border:var(--border-size-medium) solid var(--color-surface02);border-top:none}:host div.add-alert{background:var(--color-success-inverse)}:host div.remove-alert{background:var(--color-warning-inverse)}:host div>.content-text{color:var(--color-surface05);font-size:14px;letter-spacing:0.16px;line-height:20px}:host div>.content-action{height:20px;color:var(--color-primary01);cursor:pointer;font-size:12px;font-weight:var(--font-sb);letter-spacing:0.32px;line-height:20px}:host div>z-icon{justify-self:center}";const s=i;const n=class{constructor(r){e(this,r);this.undoAction=t(this,"undoAction",7);this.iconname=undefined;this.contenttext=undefined;this.actiontext=undefined;this.type=undefined}emitUndoAction(){this.undoAction.emit({actionType:this.type})}handleSpaceKeyPress(e){if(e.keyCode==32||e.keyCode==13){e.preventDefault();this.emitUndoAction()}}handleActionButtonClick(e){e.preventDefault();this.emitUndoAction()}retrieveClass(){let e="";switch(this.type){case"add":e="add-alert";break;case"remove":e="remove-alert";break;default:e="";break}return e}getAlertType(){switch(this.type){case"add":return a.SUCCESS;case"remove":return a.WARNING;default:return null}}render(){return r("div",{key:"fdf3b3e5397d3dd7efc7d97473a4cc62f9a02d44",class:"alert-external-wrapper "+this.retrieveClass()},r("z-alert",{key:"ffa276128f4f85801b8c6595edafa793e62c09bf",type:this.getAlertType()},r("div",{key:"f1f95d118588729d146322f9c223f53b4a0804e9",class:"relative-container"},r("z-icon",{key:"d9169d7b7f5542ec967993850503a2834d18cb37",name:this.iconname,width:18,height:18,class:this.retrieveClass()}),r("span",{key:"d9fe4a9a0c925e5cf2dce5cc50974c02d63c497b",class:"content-text"},this.contenttext),this.actiontext&&!!this.actiontext.trim().length&&r("span",{key:"4e537fe8adb30714f0cb27a96ad99a6cf49f2acc",role:"button",tabindex:"0",class:"content-action",onClick:e=>{this.handleActionButtonClick(e)},onKeyPress:e=>{this.handleSpaceKeyPress(e)}},this.actiontext))))}};n.style=s;export{n as z_myz_card_alert};
+//# sourceMappingURL=p-4537f922.entry.js.map

package/dist/web-components-library/{p-dc85021e.entry.js → p-45dc157c.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as n}from"./p-cfa39bd3.js";const a='*:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}ul{overflow:hidden;width:auto;height:auto;padding:0;margin:0 calc(var(--space-unit) * 2);color:var(--color-primary01);font-family:var(--font-family-sans);list-style:none}ul>li{padding-left:10px;text-indent:-10px}ul>li>a{display:block;padding-top:calc(var(--space-unit) * 0.5);color:var(--color-primary01);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}ul>li>a::before{padding-right:5px;content:"•"}ul>li>span{padding:0 calc(var(--space-unit) * 2);color:var(--color-surface04);font-size:14px;font-weight:var(--font-rg);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}';const e=a;const i=class{constructor(n){t(this,n);this.listdata=undefined;this.renderList=this.renderList.bind(this)}handleSpaceKeyPress(t,n){if(t.keyCode==32||t.keyCode==13){t.preventDefault();window.open(n,"_blank")}}formatListContent(t){const{value:a,isLink:e,url:i}=t;if(!e){return n("span",null,a)}return n("a",{role:"button",onKeyPress:t=>this.handleSpaceKeyPress(t,i),href:i,target:"_blank"},a)}renderList(t){return t.map((t=>n("li",null,this.formatListContent(t))))}render(){return n("ul",{key:"620e610193e90606d6b992049619f981bda90958"},this.renderList(JSON.parse(this.listdata)))}};i.style=e;export{i as z_myz_card_list};
-//# sourceMappingURL=p-dc85021e.entry.js.map
+import{r as t,h as n}from"./p-75c4a726.js";const a='*:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}ul{overflow:hidden;width:auto;height:auto;padding:0;margin:0 calc(var(--space-unit) * 2);color:var(--color-primary01);font-family:var(--font-family-sans);list-style:none}ul>li{padding-left:10px;text-indent:-10px}ul>li>a{display:block;padding-top:calc(var(--space-unit) * 0.5);color:var(--color-primary01);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}ul>li>a::before{padding-right:5px;content:"•"}ul>li>span{padding:0 calc(var(--space-unit) * 2);color:var(--color-surface04);font-size:14px;font-weight:var(--font-rg);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}';const e=a;const i=class{constructor(n){t(this,n);this.listdata=undefined;this.renderList=this.renderList.bind(this)}handleSpaceKeyPress(t,n){if(t.keyCode==32||t.keyCode==13){t.preventDefault();window.open(n,"_blank")}}formatListContent(t){const{value:a,isLink:e,url:i}=t;if(!e){return n("span",null,a)}return n("a",{role:"button",onKeyPress:t=>this.handleSpaceKeyPress(t,i),href:i,target:"_blank"},a)}renderList(t){return t.map((t=>n("li",null,this.formatListContent(t))))}render(){return n("ul",{key:"940d7610b69261b22535eabeb94fbc305b21b448"},this.renderList(JSON.parse(this.listdata)))}};i.style=e;export{i as z_myz_card_list};
+//# sourceMappingURL=p-45dc157c.entry.js.map

package/dist/web-components-library/{p-f9762109.entry.js → p-46d98609.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as a,a as e}from"./p-cfa39bd3.js";const o=':host{display:inline-block;overflow:hidden;width:100%;height:100%;background:var(--color-surface02);border-radius:var(--border-radius);transform:translate3d(0, 0, 0)}:host::after{display:block;width:100%;height:100%;animation:progress 1.6s ease-in-out infinite;background-image:linear-gradient(\n    90deg,\n    var(--color-surface02) 0%,\n    var(--color-surface03) 95%,\n    var(--color-surface02) 100%\n  );content:"";filter:blur(6px)}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}';const s=o;const t=class{constructor(a){r(this,a)}render(){return a(e,{key:"2d92289818ee38e7e84c20bbf2cfabe31168600e"})}};t.style=s;export{t as z_ghost_loading};
-//# sourceMappingURL=p-f9762109.entry.js.map
+import{r,h as a,a as o}from"./p-75c4a726.js";const s=':host{display:inline-block;overflow:hidden;width:100%;height:100%;background:var(--color-surface02);border-radius:var(--border-radius);transform:translate3d(0, 0, 0)}:host::after{display:block;width:100%;height:100%;animation:progress 1.6s ease-in-out infinite;background-image:linear-gradient(\n    90deg,\n    var(--color-surface02) 0%,\n    var(--color-surface03) 95%,\n    var(--color-surface02) 100%\n  );content:"";filter:blur(6px)}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}';const e=s;const t=class{constructor(a){r(this,a)}render(){return a(o,{key:"2881f3b25dedc311f34cd76911ff96f2fdfc0c41"})}};t.style=e;export{t as z_ghost_loading};
+//# sourceMappingURL=p-46d98609.entry.js.map

package/dist/web-components-library/p-4a2e0034.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as n,a as s,g as o}from"./p-75c4a726.js";import{P as a,B as i,e as c}from"./p-6037cdf3.js";const r=':host{position:relative;display:flex;min-width:128px;box-sizing:border-box;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([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}:host([show-menu])::after{display:inline-block;height:100%;margin-right:calc(var(--space-unit) * 4);background:transparent;content:"";user-select:none}.cell--menu-container{position:absolute;z-index:1;top:var(--space-unit);right:var(--space-unit)}: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{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{opacity:1;pointer-events:all}}';const l=r;const h=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(s,{key:"36a62d2c751b3b889c7f69280418e95ff02192d5",role:"cell","menu-open":this.isMenuOpen},n("slot",{key:"6d593df3a5d84033f5ec055a00dc972d113ac4cb"}),this.showMenu&&n("div",{key:"77fbfdd8dc31fcfb6694461c8c0ed430323c3926",class:"cell--menu-container prevent-expand"},n("z-button",{key:"caf153b8ba5861b3dc7eabf966cdfdd9d3b197da",variant:i.TERTIARY,icon:"contextual-menu",size:c.X_SMALL,ref:e=>this.menuTrigger=e,onClick:this.onMenuButtonClick.bind(this)}),n("z-popover",{key:"d89b8e0e5b8e622a6e9a08640bff28d64ff0eb07",class:"cell-popover",ref:e=>this.popoverEl=e,bindTo:this.menuTrigger,onOpenChange:e=>this.isMenuOpen=e.detail.open,position:this.popoverPosition},n("slot",{key:"339066d4dd0d6d57ac2358e6a8105aa690b2ca06",name:"contextual-menu"}))))}get host(){return o(this)}static get watchers(){return{colspan:["updateColspan"]}}};h.style=l;export{h as Z};
+//# sourceMappingURL=p-4a2e0034.js.map

package/dist/web-components-library/p-4a2e0034.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZTdStyle0","ZTd","PopoverPosition","AUTO","updateColspan","this","colspan","host","style","gridColumn","removeProperty","colspanChange","emit","onMenuButtonClick","ev","stopPropagation","popoverEl","open","componentWillLoad","render","h","Host","key","role","isMenuOpen","showMenu","class","variant","ButtonVariant","TERTIARY","icon","size","ControlSize","X_SMALL","ref","el","menuTrigger","onClick","bind","bindTo","onOpenChange","event","detail","position","popoverPosition","name"],"sources":["src/components/table/cells/z-td/styles.css?tag=z-td&encapsulation=shadow","src/components/table/cells/z-td/index.tsx"],"sourcesContent":["@import \"../z-table-cells.css\";\n","import {Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ButtonVariant, ControlSize, PopoverPosition, VisibilityCondition} from \"../../../../beans\";\n\n/**\n * ZTd component.\n * @slot - ZTd content.\n */\n@Component({\n  tag: \"z-td\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTd {\n  @Element() host: HTMLZTdElement;\n\n  /**\n   * Number of columns that the cell should span.\n   */\n  @Prop()\n  colspan: number;\n\n  /**\n   * Whether the cell should stick.\n   */\n  @Prop({reflect: true})\n  sticky = false;\n\n  /**\n   * Enables the contextual menu.\n   * Can be set to \"hover\" or \"always\" to show the button only on cell hover or always.\n   * Set a nullish value to hide the menu button.\n   */\n  @Prop({reflect: true})\n  showMenu: VisibilityCondition = null;\n\n  /**\n   * Set the popover position, the default is \"auto\".\n   */\n  @Prop()\n  popoverPosition?: PopoverPosition = PopoverPosition.AUTO;\n\n  /**\n   * Store the open state of the menu.\n   */\n  @State()\n  isMenuOpen = false;\n\n  private menuTrigger: HTMLZButtonElement;\n\n  private popoverEl: HTMLZPopoverElement;\n\n  /**\n   * Emitted when the value of the `colspan` changes.\n   */\n  @Event({\n    bubbles: true,\n    cancelable: false,\n  })\n  colspanChange: EventEmitter<number>;\n\n  @Watch(\"colspan\")\n  protected updateColspan(): void {\n    if (this.colspan) {\n      this.host.style.gridColumn = `span ${this.colspan}`;\n    } else {\n      this.host.style.removeProperty(\"grid-column\");\n    }\n\n    this.colspanChange.emit(this.colspan || 1);\n  }\n\n  private onMenuButtonClick(ev: MouseEvent): void {\n    ev.stopPropagation();\n    this.popoverEl.open = !this.popoverEl.open;\n  }\n\n  componentWillLoad(): void {\n    this.updateColspan();\n  }\n\n  render(): HTMLZTdElement {\n    return (\n      <Host\n        role=\"cell\"\n        menu-open={this.isMenuOpen}\n      >\n        <slot></slot>\n        {this.showMenu && (\n          <div class=\"cell--menu-container prevent-expand\">\n            <z-button\n              variant={ButtonVariant.TERTIARY}\n              icon=\"contextual-menu\"\n              size={ControlSize.X_SMALL}\n              ref={(el) => (this.menuTrigger = el as HTMLZButtonElement)}\n              onClick={this.onMenuButtonClick.bind(this)}\n            />\n            <z-popover\n              class=\"cell-popover\"\n              ref={(el) => (this.popoverEl = el as HTMLZPopoverElement)}\n              bindTo={this.menuTrigger as HTMLElement}\n              onOpenChange={(event) => (this.isMenuOpen = event.detail.open)}\n              position={this.popoverPosition}\n            >\n              <slot name=\"contextual-menu\"></slot>\n            </z-popover>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"kHAAA,MAAMA,EAAY,2iCAClB,MAAAC,EAAeD,E,MCWFE,EAAG,M,yGAaL,M,cAQuB,K,qBAMIC,EAAgBC,K,gBAMvC,K,CAgBH,aAAAC,GACR,GAAIC,KAAKC,QAAS,CAChBD,KAAKE,KAAKC,MAAMC,WAAa,QAAQJ,KAAKC,S,KACrC,CACLD,KAAKE,KAAKC,MAAME,eAAe,c,CAGjCL,KAAKM,cAAcC,KAAKP,KAAKC,SAAW,E,CAGlC,iBAAAO,CAAkBC,GACxBA,EAAGC,kBACHV,KAAKW,UAAUC,MAAQZ,KAAKW,UAAUC,I,CAGxC,iBAAAC,GACEb,KAAKD,e,CAGP,MAAAe,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,OAAM,YACAlB,KAAKmB,YAEhBJ,EAAA,QAAAE,IAAA,6CACCjB,KAAKoB,UACJL,EAAA,OAAAE,IAAA,2CAAKI,MAAM,uCACTN,EAAA,YAAAE,IAAA,2CACEK,QAASC,EAAcC,SACvBC,KAAK,kBACLC,KAAMC,EAAYC,QAClBC,IAAMC,GAAQ9B,KAAK+B,YAAcD,EACjCE,QAAShC,KAAKQ,kBAAkByB,KAAKjC,QAEvCe,EAAA,aAAAE,IAAA,2CACEI,MAAM,eACNQ,IAAMC,GAAQ9B,KAAKW,UAAYmB,EAC/BI,OAAQlC,KAAK+B,YACbI,aAAeC,GAAWpC,KAAKmB,WAAaiB,EAAMC,OAAOzB,KACzD0B,SAAUtC,KAAKuC,iBAEfxB,EAAA,QAAAE,IAAA,2CAAMuB,KAAK,sB","ignoreList":[]}

package/dist/web-components-library/p-4f3f8578.entry.js

@@ -0,0 +1,2 @@
+export{Z as z_tr}from"./p-8a6a4d22.js";import"./p-75c4a726.js";import"./p-67e5e8ed.js";import"./p-6037cdf3.js";import"./p-5145a606.js";import"./p-4a2e0034.js";import"./p-60f410df.js";
+//# sourceMappingURL=p-4f3f8578.entry.js.map

package/dist/web-components-library/p-5145a606.js

@@ -0,0 +1,2 @@
+var B;(function(B){B[B["MOBILE"]=767]="MOBILE";B[B["TABLET"]=1151]="TABLET";B[B["DESKTOP"]=1365]="DESKTOP"})(B||(B={}));export{B};
+//# sourceMappingURL=p-5145a606.js.map

package/dist/web-components-library/p-5145a606.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Breakpoints"],"sources":["src/constants/breakpoints.ts"],"sourcesContent":["/** Breakpoints for responsive design. The values are the max width of the screen for each breakpoint. */\nexport enum Breakpoints {\n  MOBILE = 767,\n  TABLET = 1151,\n  DESKTOP = 1365,\n}\n"],"mappings":"IACYA,GAAZ,SAAYA,GACVA,IAAA,wBACAA,IAAA,yBACAA,IAAA,0BACD,EAJD,CAAYA,MAAW,Y","ignoreList":[]}

package/dist/web-components-library/{p-a887e64a.entry.js → p-51f1c9c0.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,h as a,a as n,g as t}from"./p-cfa39bd3.js";import{B as i}from"./p-6037cdf3.js";const r="html{scroll-behavior:smooth}z-anchor-navigation nav{display:none;flex-direction:column;justify-content:flex-start;row-gap:calc(var(--space-unit) / 2)}z-anchor-navigation[collapsed] nav{display:flex;margin-top:var(--space-unit)}z-anchor-navigation nav a{display:-webkit-box;overflow:clip;width:100%;box-sizing:border-box;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);-webkit-box-orient:vertical;color:inherit;font-weight:inherit;-webkit-line-clamp:2;overflow-clip-margin:content-box;text-decoration:none}z-anchor-navigation nav * a:not(:only-child){padding-right:calc(var(--space-unit) * 5)}@supports not (overflow-clip-margin: content-box){z-anchor-navigation nav a{display:inline-block;overflow:hidden;-webkit-line-clamp:none;text-overflow:ellipsis;white-space:nowrap}}z-anchor-navigation nav>*{position:relative;border-left:var(--border-size-large) solid var(--color-surface04);color:var(--color-default-text);font-family:var(--font-family-sans);transition:background-color 0.3s ease-in-out,\n    border-color 0.3s ease-in-out,\n    color 0.3s ease-in-out}z-anchor-navigation nav>[data-current]{border-left-color:var(--color-primary01);color:var(--color-link-primary);font-weight:var(--font-sb)}z-anchor-navigation nav>*>*:is(z-button,button){position:absolute;top:50%;right:0;transform:translateY(-50%);transition:opacity 0.3s ease-in-out}z-anchor-navigation nav>*:focus:focus-visible,z-anchor-navigation nav>*>*:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}z-anchor-navigation nav button{padding:0;border:none;margin:0;background-color:transparent}@media (min-width: 768px){z-anchor-navigation z-button.toggle{display:none !important}z-anchor-navigation nav{display:flex}z-anchor-navigation nav>*>:is(z-button,button){opacity:0;pointer-events:none}@media (hover: hover){z-anchor-navigation nav>:is([data-current],:hover,:focus,:focus-within)>:is(z-button,button){opacity:1;pointer-events:unset}z-anchor-navigation nav>*:hover{border-left-color:var(--color-hover-secondary);background-color:var(--color-hover-surface);color:var(--color-hover-link)}}z-anchor-navigation[hide-unselected] nav>*:not([data-current],:hover,:focus,:focus-within){color:transparent;fill:transparent}}";const e=r;const c=class{constructor(a){o(this,a);this.hideUnselected=false;this.autoCurrent=true;this.collapsed=false}setCurrent(){const o=Array.from(this.nav.querySelectorAll("a")).find((o=>o.href===this.host.ownerDocument.location.href));Array.from(this.nav.children).forEach((a=>{const n=a instanceof HTMLAnchorElement?a:a.querySelector("a");const t=n===o;n.setAttribute("aria-current",t.toString());a.toggleAttribute("data-current",t)}))}toggleCollapsed(){this.collapsed=!this.collapsed}componentDidLoad(){if(this.autoCurrent){window.addEventListener("hashchange",this.setCurrent.bind(this));this.setCurrent()}}disconnectedCallback(){window.removeEventListener("hashchange",this.setCurrent)}render(){return a(n,{key:"7f0773194039735c315a25768b3a6c635a9fdb5b",collapsed:this.collapsed},a("z-button",{key:"46b631d8377d3b5c6987ee63c45ddaec9d23871b",class:"toggle",variant:i.SECONDARY,icon:this.collapsed?"chevron-up":"chevron-down",onClick:this.toggleCollapsed.bind(this)},"salta a"),a("nav",{key:"7c71bac57142ad2591e42da19fee7ce72fada9be",ref:o=>this.nav=o},a("slot",{key:"ce6251454b66d006a2c1fd4baf5c21fa3cffdb19"})))}get host(){return t(this)}};c.style=e;export{c as z_anchor_navigation};
-//# sourceMappingURL=p-a887e64a.entry.js.map
+import{r as o,h as a,a as n,g as t}from"./p-75c4a726.js";import{B as i}from"./p-6037cdf3.js";const r="html{scroll-behavior:smooth}z-anchor-navigation nav{display:none;flex-direction:column;justify-content:flex-start;row-gap:calc(var(--space-unit) / 2)}z-anchor-navigation[collapsed] nav{display:flex;margin-top:var(--space-unit)}z-anchor-navigation nav a{display:-webkit-box;overflow:clip;width:100%;box-sizing:border-box;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);-webkit-box-orient:vertical;color:inherit;font-weight:inherit;-webkit-line-clamp:2;overflow-clip-margin:content-box;text-decoration:none}z-anchor-navigation nav * a:not(:only-child){padding-right:calc(var(--space-unit) * 5)}@supports not (overflow-clip-margin: content-box){z-anchor-navigation nav a{display:inline-block;overflow:hidden;-webkit-line-clamp:none;text-overflow:ellipsis;white-space:nowrap}}z-anchor-navigation nav>*{position:relative;border-left:var(--border-size-large) solid var(--color-surface04);color:var(--color-default-text);font-family:var(--font-family-sans);transition:background-color 0.3s ease-in-out,\n    border-color 0.3s ease-in-out,\n    color 0.3s ease-in-out}z-anchor-navigation nav>[data-current]{border-left-color:var(--color-primary01);color:var(--color-link-primary);font-weight:var(--font-sb)}z-anchor-navigation nav>*>*:is(z-button,button){position:absolute;top:50%;right:0;transform:translateY(-50%);transition:opacity 0.3s ease-in-out}z-anchor-navigation nav>*:focus:focus-visible,z-anchor-navigation nav>*>*:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}z-anchor-navigation nav button{padding:0;border:none;margin:0;background-color:transparent}@media (min-width: 768px){z-anchor-navigation z-button.toggle{display:none !important}z-anchor-navigation nav{display:flex}z-anchor-navigation nav>*>:is(z-button,button){opacity:0;pointer-events:none}@media (hover: hover){z-anchor-navigation nav>:is([data-current],:hover,:focus,:focus-within)>:is(z-button,button){opacity:1;pointer-events:unset}z-anchor-navigation nav>*:hover{border-left-color:var(--color-hover-secondary);background-color:var(--color-hover-surface);color:var(--color-hover-link)}}z-anchor-navigation[hide-unselected] nav>*:not([data-current],:hover,:focus,:focus-within){color:transparent;fill:transparent}}";const e=r;const c=class{constructor(a){o(this,a);this.hideUnselected=false;this.autoCurrent=true;this.collapsed=false}setCurrent(){const o=Array.from(this.nav.querySelectorAll("a")).find((o=>o.href===this.host.ownerDocument.location.href));Array.from(this.nav.children).forEach((a=>{const n=a instanceof HTMLAnchorElement?a:a.querySelector("a");const t=n===o;n.setAttribute("aria-current",t.toString());a.toggleAttribute("data-current",t)}))}toggleCollapsed(){this.collapsed=!this.collapsed}componentDidLoad(){if(this.autoCurrent){window.addEventListener("hashchange",this.setCurrent.bind(this));this.setCurrent()}}disconnectedCallback(){window.removeEventListener("hashchange",this.setCurrent)}render(){return a(n,{key:"b4e85ef373611b9543bab61b0045437916d9cd09",collapsed:this.collapsed},a("z-button",{key:"97dfa2f7f35db72615f5a263dd13d4c3db94c0b4",class:"toggle",variant:i.SECONDARY,icon:this.collapsed?"chevron-up":"chevron-down",onClick:this.toggleCollapsed.bind(this)},"salta a"),a("nav",{key:"8e51117f3e341260b9a1794ff2432811dfba0683",ref:o=>this.nav=o},a("slot",{key:"2d1c7cece920f74947f5e07565498b162680d87b"})))}get host(){return t(this)}};c.style=e;export{c as z_anchor_navigation};
+//# sourceMappingURL=p-51f1c9c0.entry.js.map

package/dist/web-components-library/{p-03f14ac3.entry.js → p-5a0f0978.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as a}from"./p-cfa39bd3.js";const n=".sc-z-panel-elem-h{width:inherit;font-family:var(--font-family sans);font-weight:var(--font-rg)}.panel-elem-container.sc-z-panel-elem{width:100%}.panel-elem-icon.sc-z-panel-elem{margin:auto calc(var(--space-unit) * 3)}.panel-elem-icon.sc-z-panel-elem img.sc-z-panel-elem{display:block;max-width:96px;height:32px;margin:auto;object-fit:contain}.panel-elem-link.sc-z-panel-elem{display:flex;align-items:center;justify-content:center;margin:var(--space-unit) auto 0;border-radius:var(--border-no-radius);font-size:12px}.panel-elem-link.sc-z-panel-elem>a.z-link.sc-z-panel-elem{padding:calc(var(--space-unit) * 0.5) 0;font-weight:var(--font-sb)}.panel-elem-desc.sc-z-panel-elem{padding-top:var(--space-unit);margin:0;letter-spacing:0.16px;text-align:center}a.sc-z-panel-elem>z-icon.sc-z-panel-elem{margin-right:var(--space-unit)}";const i=n;const t=class{constructor(a){e(this,a);this.elemid=undefined;this.imgurl=undefined;this.imgalt=undefined;this.linkicon=undefined;this.linklabel=undefined;this.url=undefined;this.target="_blank";this.isdisabled=false;this.descrSlotName=undefined}render(){const e=this.elemid?this.elemid:"";return a("div",{key:"ffc9d90a411fab23a38386de29655fcc355c251d",class:"panel-elem-container"},(this.imgurl||this.imgalt)&&a("div",{key:"df96598ec5bcd0f432eb11b3e8bcd7d884a694db","aria-hidden":"true",class:"panel-elem-icon"},a("img",{key:"4bc2253fea37705ab0c7310d7b62b85e09965190",src:this.imgurl,alt:this.imgalt})),a("div",{key:"093cc6f1db0d6b84db3edd40347966cfe41ebb94",class:"panel-elem-link"},a("a",{key:"dcab33f3e048262f5addb07c77e8dfae8016062d",class:{"z-link":true,"z-link-disabled":this.isdisabled,"z-link-icon":true},id:e+"link_id",href:this.url,target:this.target},a("z-icon",{key:"114030874b442d986b042800c6f036afee0bec6b",height:14,width:14,name:this.linkicon}),this.linklabel)),this.descrSlotName&&a("div",{key:"132c5ee65444c12e358aedbc96054362685459f4",class:"panel-elem-desc"},a("slot",{key:"6c60f9548a4a0b96746035c29de6ecaebccb970a",name:this.descrSlotName})))}};t.style=i;export{t as z_panel_elem};
-//# sourceMappingURL=p-03f14ac3.entry.js.map
+import{r as e,h as a}from"./p-75c4a726.js";const n=".sc-z-panel-elem-h{width:inherit;font-family:var(--font-family sans);font-weight:var(--font-rg)}.panel-elem-container.sc-z-panel-elem{width:100%}.panel-elem-icon.sc-z-panel-elem{margin:auto calc(var(--space-unit) * 3)}.panel-elem-icon.sc-z-panel-elem img.sc-z-panel-elem{display:block;max-width:96px;height:32px;margin:auto;object-fit:contain}.panel-elem-link.sc-z-panel-elem{display:flex;align-items:center;justify-content:center;margin:var(--space-unit) auto 0;border-radius:var(--border-no-radius);font-size:12px}.panel-elem-link.sc-z-panel-elem>a.z-link.sc-z-panel-elem{padding:calc(var(--space-unit) * 0.5) 0;font-weight:var(--font-sb)}.panel-elem-desc.sc-z-panel-elem{padding-top:var(--space-unit);margin:0;letter-spacing:0.16px;text-align:center}a.sc-z-panel-elem>z-icon.sc-z-panel-elem{margin-right:var(--space-unit)}";const i=n;const t=class{constructor(a){e(this,a);this.elemid=undefined;this.imgurl=undefined;this.imgalt=undefined;this.linkicon=undefined;this.linklabel=undefined;this.url=undefined;this.target="_blank";this.isdisabled=false;this.descrSlotName=undefined}render(){const e=this.elemid?this.elemid:"";return a("div",{key:"76588e2a830b45962d16c31a7d03cf62fa3737f8",class:"panel-elem-container"},(this.imgurl||this.imgalt)&&a("div",{key:"18ea22907d43ba3073dd939ca88297e98f34a1f6","aria-hidden":"true",class:"panel-elem-icon"},a("img",{key:"cb2b3247131d30fb5894db2f540aa105a0464f39",src:this.imgurl,alt:this.imgalt})),a("div",{key:"cfe10a2ef94ea5286e44a8087599ed4ffe233a6d",class:"panel-elem-link"},a("a",{key:"83a3f79fa79bea82fd63b7cf853107bd2717a434",class:{"z-link":true,"z-link-disabled":this.isdisabled,"z-link-icon":true},id:e+"link_id",href:this.url,target:this.target},a("z-icon",{key:"69245c241eedd5740d0a45c88eed167ba45b63d0",height:14,width:14,name:this.linkicon}),this.linklabel)),this.descrSlotName&&a("div",{key:"028e4d9403ffa710f753088475e57f6e64702460",class:"panel-elem-desc"},a("slot",{key:"1ad3080fb3f1db0cbd7f5dc41dca3d8a7ec41567",name:this.descrSlotName})))}};t.style=i;export{t as z_panel_elem};
+//# sourceMappingURL=p-5a0f0978.entry.js.map

package/dist/web-components-library/{p-ee797508.entry.js → p-5a178c69.entry.js}

@@ -1,7 +1,7 @@
-import{r as t,c as i,h as n,a as e,g as r}from"./p-cfa39bd3.js";import{r as s}from"./p-6037cdf3.js";import{m as a}from"./p-2c886e8b.js";var o={exports:{}};
+import{r as t,c as i,h as n,a as e,g as r}from"./p-75c4a726.js";import{r as s}from"./p-6037cdf3.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,n,e,r){var s=["","webkit","Moz","MS","ms","o"];var a=n.createElement("div");var o="function";var h=Math.round;var u=Math.abs;var c=Date.now;function f(t,i,n){return setTimeout(b(t,n),i)}function l(t,i,n){if(Array.isArray(t)){v(t,n[i],n);return true}return false}function v(t,i,n){var e;if(!t){return}if(t.forEach){t.forEach(i,n)}else if(t.length!==r){e=0;while(e<t.length){i.call(n,t[e],e,t);e++}}else{for(e in t){t.hasOwnProperty(e)&&i.call(n,t[e],e,t)}}}function d(t,n,e){var r="DEPRECATED METHOD: "+n+"\n"+e+" AT \n";return function(){var n=new Error("get-stack-trace");var e=n&&n.stack?n.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,e)}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 n=Object(i);for(var e=1;e<arguments.length;e++){var s=arguments[e];if(s!==r&&s!==null){for(var a in s){if(s.hasOwnProperty(a)){n[a]=s[a]}}}}return n}}else{p=Object.assign}var m=d((function t(i,n,e){var s=Object.keys(n);var a=0;while(a<s.length){if(!e||e&&i[s[a]]===r){i[s[a]]=n[s[a]]}a++}return i}),"extend","Use `assign`.");var g=d((function t(i,n){return m(i,n,true)}),"merge","Use `assign`.");function w(t,i,n){var e=i.prototype,r;r=t.prototype=Object.create(e);r.constructor=t;r._super=e;if(n){p(r,n)}}function b(t,i){return function n(){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 y(t,i){return t===r?i:t}function T(t,i,n){v(P(i),(function(i){t.addEventListener(i,n,false)}))}function E(t,i,n){v(P(i),(function(i){t.removeEventListener(i,n,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,n){if(t.indexOf&&!n){return t.indexOf(i)}else{var e=0;while(e<t.length){if(n&&t[e][n]==i||!n&&t[e]===i){return e}e++}return-1}}function D(t){return Array.prototype.slice.call(t,0)}function M(t,i,n){var e=[];var r=[];var s=0;while(s<t.length){var a=i?t[s][i]:t[s];if(C(r,a)<0){e.push(t[s])}r[s]=a;s++}if(n){if(!i){e=e.sort()}else{e=e.sort((function t(n,e){return n[i]>e[i]}))}}return e}function k(t,i){var n,e;var a=i[0].toUpperCase()+i.slice(1);var o=0;while(o<s.length){n=s[o];e=n?n+a:i;if(e in t){return e}o++}return r}var z=1;function O(){return z++}function S(t){var n=t.ownerDocument||t;return n.defaultView||n.parentWindow||i}var N=/mobile|tablet|ip(ad|hone|od)|android/i;var R="ontouchstart"in i;var _=k(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 q=4;var B=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 nt=["clientX","clientY"];function et(t,i){var n=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])){n.handler(i)}};this.init()}et.prototype={handler:function(){},init:function(){this.evEl&&T(this.element,this.evEl,this.domHandler);this.evTarget&&T(this.target,this.evTarget,this.domHandler);this.evWin&&T(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 n=t.options.inputClass;if(n){i=n}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,n){var e=n.pointers.length;var r=n.changedPointers.length;var s=i&W&&e-r===0;var a=i&(q|B)&&e-r===0;n.isFirst=!!s;n.isFinal=!!a;if(s){t.session={}}n.eventType=i;at(t,n);t.emit("hammer.input",n);t.recognize(n);t.session.prevInput=n}function at(t,i){var n=t.session;var e=i.pointers;var r=e.length;if(!n.firstInput){n.firstInput=ut(i)}if(r>1&&!n.firstMultiple){n.firstMultiple=ut(i)}else if(r===1){n.firstMultiple=false}var s=n.firstInput;var a=n.firstMultiple;var o=a?a.center:s.center;var h=i.center=ct(e);i.timeStamp=c();i.deltaTime=i.timeStamp-s.timeStamp;i.angle=dt(o,h);i.distance=vt(o,h);ot(n,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,e):1;i.rotation=a?pt(a.pointers,e):0;i.maxPointers=!n.prevInput?i.pointers.length:i.pointers.length>n.prevInput.maxPointers?i.pointers.length:n.prevInput.maxPointers;ht(n,i);var l=t.element;if(I(i.srcEvent.target,l)){l=i.srcEvent.target}i.target=l}function ot(t,i){var n=i.center;var e=t.offsetDelta||{};var r=t.prevDelta||{};var s=t.prevInput||{};if(i.eventType===W||s.eventType===q){r=t.prevDelta={x:s.deltaX||0,y:s.deltaY||0};e=t.offsetDelta={x:n.x,y:n.y}}i.deltaX=r.x+(n.x-e.x);i.deltaY=r.y+(n.y-e.y)}function ht(t,i){var n=t.lastInterval||i,e=i.timeStamp-n.timeStamp,s,a,o,h;if(i.eventType!=B&&(e>U||n.velocity===r)){var c=i.deltaX-n.deltaX;var f=i.deltaY-n.deltaY;var l=ft(e,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=n.velocity;a=n.velocityX;o=n.velocityY;h=n.direction}i.velocity=s;i.velocityX=a;i.velocityY=o;i.direction=h}function ut(t){var i=[];var n=0;while(n<t.pointers.length){i[n]={clientX:h(t.pointers[n].clientX),clientY:h(t.pointers[n].clientY)};n++}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 n=0,e=0,r=0;while(r<i){n+=t[r].clientX;e+=t[r].clientY;r++}return{x:h(n/i),y:h(e/i)}}function ft(t,i,n){return{x:i/t||0,y:n/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,n){if(!n){n=it}var e=i[n[0]]-t[n[0]],r=i[n[1]]-t[n[1]];return Math.sqrt(e*e+r*r)}function dt(t,i,n){if(!n){n=it}var e=i[n[0]]-t[n[0]],r=i[n[1]]-t[n[1]];return Math.atan2(r,e)*180/Math.PI}function pt(t,i){return dt(i[1],i[0],nt)+dt(t[1],t[0],nt)}function mt(t,i){return vt(i[0],i[1],nt)/vt(t[0],t[1],nt)}var gt={mousedown:W,mousemove:H,mouseup:q};var wt="mousedown";var bt="mousemove mouseup";function xt(){this.evEl=wt;this.evWin=bt;this.pressed=false;et.apply(this,arguments)}w(xt,et,{handler:function t(i){var n=gt[i.type];if(n&W&&i.button===0){this.pressed=true}if(n&H&&i.which!==1){n=q}if(!this.pressed){return}if(n&q){this.pressed=false}this.callback(this.manager,n,{pointers:[i],changedPointers:[i],pointerType:Y,srcEvent:i})}});var yt={pointerdown:W,pointermove:H,pointerup:q,pointercancel:B,pointerout:B};var Tt={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;et.apply(this,arguments);this.store=this.manager.session.pointerEvents=[]}w(At,et,{handler:function t(i){var n=this.store;var e=false;var r=i.type.toLowerCase().replace("ms","");var s=yt[r];var a=Tt[i.pointerType]||i.pointerType;var o=a==j;var h=C(n,i.pointerId,"pointerId");if(s&W&&(i.button===0||o)){if(h<0){n.push(i);h=n.length-1}}else if(s&(q|B)){e=true}if(h<0){return}n[h]=i;this.callback(this.manager,s,{pointers:n,changedPointers:[i],pointerType:a,srcEvent:i});if(e){n.splice(h,1)}}});var Pt={touchstart:W,touchmove:H,touchend:q,touchcancel:B};var Ct="touchstart";var Dt="touchstart touchmove touchend touchcancel";function Mt(){this.evTarget=Ct;this.evWin=Dt;this.started=false;et.apply(this,arguments)}w(Mt,et,{handler:function t(i){var n=Pt[i.type];if(n===W){this.started=true}if(!this.started){return}var e=kt.call(this,i,n);if(n&(q|B)&&e[0].length-e[1].length===0){this.started=false}this.callback(this.manager,n,{pointers:e[0],changedPointers:e[1],pointerType:j,srcEvent:i})}});function kt(t,i){var n=D(t.touches);var e=D(t.changedTouches);if(i&(q|B)){n=M(n.concat(e),"identifier",true)}return[n,e]}var zt={touchstart:W,touchmove:H,touchend:q,touchcancel:B};var Ot="touchstart touchmove touchend touchcancel";function St(){this.evTarget=Ot;this.targetIds={};et.apply(this,arguments)}w(St,et,{handler:function t(i){var n=zt[i.type];var e=Nt.call(this,i,n);if(!e){return}this.callback(this.manager,n,{pointers:e[0],changedPointers:e[1],pointerType:j,srcEvent:i})}});function Nt(t,i){var n=D(t.touches);var e=this.targetIds;if(i&(W|H)&&n.length===1){e[n[0].identifier]=true;return[n,n]}var r,s,a=D(t.changedTouches),o=[],h=this.target;s=n.filter((function(t){return I(t.target,h)}));if(i===W){r=0;while(r<s.length){e[s[r].identifier]=true;r++}}r=0;while(r<a.length){if(e[a[r].identifier]){o.push(a[r])}if(i&(q|B)){delete e[a[r].identifier]}r++}if(!o.length){return}return[M(s.concat(o),"identifier",true),o]}var Rt=2500;var _t=25;function Xt(){et.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,et,{handler:function t(i,n,e){var r=e.pointerType==j,s=e.pointerType==Y;if(s&&e.sourceCapabilities&&e.sourceCapabilities.firesTouchEvents){return}if(r){jt.call(this,n,e)}else if(s&&Yt.call(this,e)){return}this.callback(i,n,e)},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&(q|B)){Lt.call(this,i)}}function Lt(t){var i=t.changedPointers[0];if(i.identifier===this.primaryTouch){var n={x:i.clientX,y:i.clientY};this.lastTouches.push(n);var e=this.lastTouches;var r=function(){var t=e.indexOf(n);if(t>-1){e.splice(t,1)}};setTimeout(r,Rt)}}function Yt(t){var i=t.srcEvent.clientX,n=t.srcEvent.clientY;for(var e=0;e<this.lastTouches.length;e++){var r=this.lastTouches[e];var s=Math.abs(i-r.x),a=Math.abs(n-r.y);if(s<=_t&&a<=_t){return true}}return false}var Ft=k(a.style,"touchAction");var Ut=Ft!==r;var Wt="compute";var Ht="auto";var qt="manipulation";var Bt="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 n=t.offsetDirection;if(this.manager.session.prevented){i.preventDefault();return}var e=this.actions;var r=A(e,Bt)&&!Zt[Bt];var s=A(e,$t)&&!Zt[$t];var a=A(e,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&&n&J||a&&n&Q){return this.preventSrc(i)}},preventSrc:function(t){this.manager.session.prevented=true;t.preventDefault()}};function Kt(t){if(A(t,Bt)){return Bt}var i=A(t,Gt);var n=A(t,$t);if(i&&n){return Bt}if(i||n){return i?Gt:$t}if(A(t,qt)){return qt}return Ht}function Jt(){if(!Ut){return false}var t={};var n=i.CSS&&i.CSS.supports;["auto","manipulation","pan-y","pan-x","pan-x pan-y","none"].forEach((function(e){t[e]=n?i.CSS.supports("touch-action",e):true}));return t}var Qt=1;var ti=2;var ii=4;var ni=8;var ei=ni;var ri=16;var si=32;function ai(t){this.options=p({},this.defaults,t||{});this.id=O();this.manager=null;this.options.enable=y(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 n=this.state;function e(n){i.manager.emit(n,t)}if(n<ni){e(i.options.event+oi(n))}e(i.options.event);if(t.additionalEvent){e(t.additionalEvent)}if(n>=ni){e(i.options.event+oi(n))}},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&(ei|ri|si)){this.state=Qt}this.state=this.process(i);if(this.state&(ti|ii|ni|ri)){this.tryEmit(i)}},process:function(t){},getTouchAction:function(){},reset:function(){}};function oi(t){if(t&ri){return"cancel"}else if(t&ni){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 n=i.manager;if(n){return n.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 n=t.eventType;var e=i&(ti|ii);var r=this.attrTest(t);if(e&&(n&B||!r)){return i|ri}else if(e||r){if(n&q){return i|ni}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 n=true;var e=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;n=s!=this.pX;e=Math.abs(t.deltaX)}else{r=a===0?G:a<0?V:K;n=a!=this.pY;e=Math.abs(t.deltaY)}}t.direction=r;return n&&e>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[Bt]},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 n=t.pointers.length===i.pointers;var e=t.distance<i.threshold;var r=t.deltaTime>i.time;this._input=t;if(!e||!n||t.eventType&(q|B)&&!r){this.reset()}else if(t.eventType&W){this.reset();this._timer=f((function(){this.state=ei;this.tryEmit()}),i.time,this)}else if(t.eventType&q){return ei}return si},reset:function(){clearTimeout(this._timer)},emit:function(t){if(this.state!==ei){return}if(t&&t.eventType&q){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[Bt]},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 n;if(i&(J|Q)){n=t.overallVelocity}else if(i&J){n=t.overallVelocityX}else if(i&Q){n=t.overallVelocityY}return this._super.attrTest.call(this,t)&&i&t.offsetDirection&&t.distance>this.options.threshold&&t.maxPointers==this.options.pointers&&u(n)>this.options.velocity&&t.eventType&q},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[qt]},process:function(t){var i=this.options;var n=t.pointers.length===i.pointers;var e=t.distance<i.threshold;var r=t.deltaTime<i.time;this.reset();if(t.eventType&W&&this.count===0){return this.failTimeout()}if(e&&r&&n){if(t.eventType!=q){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 ei}else{this._timer=f((function(){this.state=ei;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==ei){this._input.tapCount=this.count;this.manager.emit(this.options.event,this._input)}}});function gi(t,i){i=i||{};i.recognizers=y(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);yi(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 n;var e=this.recognizers;var r=i.curRecognizer;if(!r||r&&r.state&ei){r=i.curRecognizer=null}var s=0;while(s<e.length){n=e[s];if(i.stopped!==bi&&(!r||n==r||n.canRecognizeWith(r))){n.recognize(t)}else{n.reset()}if(!r&&n.state&(ti|ii|ni)){r=i.curRecognizer=n}s++}},get:function(t){if(t instanceof ai){return t}var i=this.recognizers;for(var n=0;n<i.length;n++){if(i[n].options.event==t){return i[n]}}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 n=C(i,t);if(n!==-1){i.splice(n,1);this.touchAction.update()}}return this},on:function(t,i){if(t===r){return}if(i===r){return}var n=this.handlers;v(P(t),(function(t){n[t]=n[t]||[];n[t].push(i)}));return this},off:function(t,i){if(t===r){return}var n=this.handlers;v(P(t),(function(t){if(!i){delete n[t]}else{n[t]&&n[t].splice(C(n[t],i),1)}}));return this},emit:function(t,i){if(this.options.domEvents){Ti(t,i)}var n=this.handlers[t]&&this.handlers[t].slice();if(!n||!n.length){return}i.type=t;i.preventDefault=function(){i.srcEvent.preventDefault()};var e=0;while(e<n.length){n[e](i);e++}},destroy:function(){this.element&&yi(this,false);this.handlers={};this.session={};this.input.destroy();this.element=null}};function yi(t,i){var n=t.element;if(!n.style){return}var e;v(t.options.cssProps,(function(r,s){e=k(n.style,s);if(i){t.oldCssProps[e]=n.style[e];n.style[e]=r}else{n.style[e]=t.oldCssProps[e]||""}}));if(!i){t.oldCssProps={}}}function Ti(t,i){var e=n.createEvent("Event");e.initEvent(t,true,true);e.gesture=i;i.target.dispatchEvent(e)}p(gi,{INPUT_START:W,INPUT_MOVE:H,INPUT_END:q,INPUT_CANCEL:B,STATE_POSSIBLE:Qt,STATE_BEGAN:ti,STATE_CHANGED:ii,STATE_ENDED:ni,STATE_RECOGNIZED:ei,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:et,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:T,off:E,each:v,merge:g,extend:m,assign:p,inherit:w,bindFn:b,prefixed:k});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[e]=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;min-height:52px;box-sizing:border-box;align-items:center;justify-content:space-between;padding:calc(var(--space-unit) * 1) calc(var(--space-unit) * 2);border-radius:4px;box-shadow:var(--shadow-3);font-family:var(--font-family-sans);font-size:14px;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-white);letter-spacing:0.16px;line-height:20px;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{margin-left:calc(var(--space-unit) * 2);cursor:pointer;fill:var(--color-white)}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(--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-primary01-icon)}:host>#external-container.light #text,:host>#external-container.warning #text{color:var(--gray800)}: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}}";const c=u;const f=class{constructor(n){t(this,n);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;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 n=0;for(let t=0;t<i.length;t++){n+=i[t].offsetWidth}return n>t}renderText(){return n("div",{id:"text",ref:t=>this.toastText=t},n("span",{class:"title"},this.heading),n("span",{class:"message"},this.message))}renderButton(){return n("div",{id:"button"},n("slot",{name:"button"}))}renderCloseIcon(){if(!this.closebutton){return}return n("div",{id:"icon"},n("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 n("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 n("div",{id:"external-container",class:{[this.type]:!!this.type,"several-lines-padding":this.isTextLong,"mobile-wrapped":this.isTextLong}},n("div",{id:"flex-container",ref:t=>this.container=t},this.renderText(),this.renderButton()),this.renderCloseIcon())}render(){return n(e,{key:"fc14386173191f376698195eaf4943b8ec77d615",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-ee797508.entry.js.map
+ * Licensed under the MIT license */(function(t){(function(i,n,e,r){var s=["","webkit","Moz","MS","ms","o"];var a=n.createElement("div");var o="function";var h=Math.round;var u=Math.abs;var c=Date.now;function f(t,i,n){return setTimeout(b(t,n),i)}function l(t,i,n){if(Array.isArray(t)){v(t,n[i],n);return true}return false}function v(t,i,n){var e;if(!t){return}if(t.forEach){t.forEach(i,n)}else if(t.length!==r){e=0;while(e<t.length){i.call(n,t[e],e,t);e++}}else{for(e in t){t.hasOwnProperty(e)&&i.call(n,t[e],e,t)}}}function d(t,n,e){var r="DEPRECATED METHOD: "+n+"\n"+e+" AT \n";return function(){var n=new Error("get-stack-trace");var e=n&&n.stack?n.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,e)}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 n=Object(i);for(var e=1;e<arguments.length;e++){var s=arguments[e];if(s!==r&&s!==null){for(var a in s){if(s.hasOwnProperty(a)){n[a]=s[a]}}}}return n}}else{p=Object.assign}var m=d((function t(i,n,e){var s=Object.keys(n);var a=0;while(a<s.length){if(!e||e&&i[s[a]]===r){i[s[a]]=n[s[a]]}a++}return i}),"extend","Use `assign`.");var g=d((function t(i,n){return m(i,n,true)}),"merge","Use `assign`.");function w(t,i,n){var e=i.prototype,r;r=t.prototype=Object.create(e);r.constructor=t;r._super=e;if(n){p(r,n)}}function b(t,i){return function n(){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 y(t,i){return t===r?i:t}function T(t,i,n){v(P(i),(function(i){t.addEventListener(i,n,false)}))}function E(t,i,n){v(P(i),(function(i){t.removeEventListener(i,n,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,n){if(t.indexOf&&!n){return t.indexOf(i)}else{var e=0;while(e<t.length){if(n&&t[e][n]==i||!n&&t[e]===i){return e}e++}return-1}}function D(t){return Array.prototype.slice.call(t,0)}function M(t,i,n){var e=[];var r=[];var s=0;while(s<t.length){var a=i?t[s][i]:t[s];if(C(r,a)<0){e.push(t[s])}r[s]=a;s++}if(n){if(!i){e=e.sort()}else{e=e.sort((function t(n,e){return n[i]>e[i]}))}}return e}function k(t,i){var n,e;var a=i[0].toUpperCase()+i.slice(1);var o=0;while(o<s.length){n=s[o];e=n?n+a:i;if(e in t){return e}o++}return r}var z=1;function O(){return z++}function S(t){var n=t.ownerDocument||t;return n.defaultView||n.parentWindow||i}var N=/mobile|tablet|ip(ad|hone|od)|android/i;var R="ontouchstart"in i;var _=k(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 nt=["clientX","clientY"];function et(t,i){var n=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])){n.handler(i)}};this.init()}et.prototype={handler:function(){},init:function(){this.evEl&&T(this.element,this.evEl,this.domHandler);this.evTarget&&T(this.target,this.evTarget,this.domHandler);this.evWin&&T(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 n=t.options.inputClass;if(n){i=n}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,n){var e=n.pointers.length;var r=n.changedPointers.length;var s=i&W&&e-r===0;var a=i&(B|q)&&e-r===0;n.isFirst=!!s;n.isFinal=!!a;if(s){t.session={}}n.eventType=i;at(t,n);t.emit("hammer.input",n);t.recognize(n);t.session.prevInput=n}function at(t,i){var n=t.session;var e=i.pointers;var r=e.length;if(!n.firstInput){n.firstInput=ut(i)}if(r>1&&!n.firstMultiple){n.firstMultiple=ut(i)}else if(r===1){n.firstMultiple=false}var s=n.firstInput;var a=n.firstMultiple;var o=a?a.center:s.center;var h=i.center=ct(e);i.timeStamp=c();i.deltaTime=i.timeStamp-s.timeStamp;i.angle=dt(o,h);i.distance=vt(o,h);ot(n,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,e):1;i.rotation=a?pt(a.pointers,e):0;i.maxPointers=!n.prevInput?i.pointers.length:i.pointers.length>n.prevInput.maxPointers?i.pointers.length:n.prevInput.maxPointers;ht(n,i);var l=t.element;if(I(i.srcEvent.target,l)){l=i.srcEvent.target}i.target=l}function ot(t,i){var n=i.center;var e=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};e=t.offsetDelta={x:n.x,y:n.y}}i.deltaX=r.x+(n.x-e.x);i.deltaY=r.y+(n.y-e.y)}function ht(t,i){var n=t.lastInterval||i,e=i.timeStamp-n.timeStamp,s,a,o,h;if(i.eventType!=q&&(e>U||n.velocity===r)){var c=i.deltaX-n.deltaX;var f=i.deltaY-n.deltaY;var l=ft(e,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=n.velocity;a=n.velocityX;o=n.velocityY;h=n.direction}i.velocity=s;i.velocityX=a;i.velocityY=o;i.direction=h}function ut(t){var i=[];var n=0;while(n<t.pointers.length){i[n]={clientX:h(t.pointers[n].clientX),clientY:h(t.pointers[n].clientY)};n++}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 n=0,e=0,r=0;while(r<i){n+=t[r].clientX;e+=t[r].clientY;r++}return{x:h(n/i),y:h(e/i)}}function ft(t,i,n){return{x:i/t||0,y:n/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,n){if(!n){n=it}var e=i[n[0]]-t[n[0]],r=i[n[1]]-t[n[1]];return Math.sqrt(e*e+r*r)}function dt(t,i,n){if(!n){n=it}var e=i[n[0]]-t[n[0]],r=i[n[1]]-t[n[1]];return Math.atan2(r,e)*180/Math.PI}function pt(t,i){return dt(i[1],i[0],nt)+dt(t[1],t[0],nt)}function mt(t,i){return vt(i[0],i[1],nt)/vt(t[0],t[1],nt)}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;et.apply(this,arguments)}w(xt,et,{handler:function t(i){var n=gt[i.type];if(n&W&&i.button===0){this.pressed=true}if(n&H&&i.which!==1){n=B}if(!this.pressed){return}if(n&B){this.pressed=false}this.callback(this.manager,n,{pointers:[i],changedPointers:[i],pointerType:Y,srcEvent:i})}});var yt={pointerdown:W,pointermove:H,pointerup:B,pointercancel:q,pointerout:q};var Tt={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;et.apply(this,arguments);this.store=this.manager.session.pointerEvents=[]}w(At,et,{handler:function t(i){var n=this.store;var e=false;var r=i.type.toLowerCase().replace("ms","");var s=yt[r];var a=Tt[i.pointerType]||i.pointerType;var o=a==j;var h=C(n,i.pointerId,"pointerId");if(s&W&&(i.button===0||o)){if(h<0){n.push(i);h=n.length-1}}else if(s&(B|q)){e=true}if(h<0){return}n[h]=i;this.callback(this.manager,s,{pointers:n,changedPointers:[i],pointerType:a,srcEvent:i});if(e){n.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;et.apply(this,arguments)}w(Mt,et,{handler:function t(i){var n=Pt[i.type];if(n===W){this.started=true}if(!this.started){return}var e=kt.call(this,i,n);if(n&(B|q)&&e[0].length-e[1].length===0){this.started=false}this.callback(this.manager,n,{pointers:e[0],changedPointers:e[1],pointerType:j,srcEvent:i})}});function kt(t,i){var n=D(t.touches);var e=D(t.changedTouches);if(i&(B|q)){n=M(n.concat(e),"identifier",true)}return[n,e]}var zt={touchstart:W,touchmove:H,touchend:B,touchcancel:q};var Ot="touchstart touchmove touchend touchcancel";function St(){this.evTarget=Ot;this.targetIds={};et.apply(this,arguments)}w(St,et,{handler:function t(i){var n=zt[i.type];var e=Nt.call(this,i,n);if(!e){return}this.callback(this.manager,n,{pointers:e[0],changedPointers:e[1],pointerType:j,srcEvent:i})}});function Nt(t,i){var n=D(t.touches);var e=this.targetIds;if(i&(W|H)&&n.length===1){e[n[0].identifier]=true;return[n,n]}var r,s,a=D(t.changedTouches),o=[],h=this.target;s=n.filter((function(t){return I(t.target,h)}));if(i===W){r=0;while(r<s.length){e[s[r].identifier]=true;r++}}r=0;while(r<a.length){if(e[a[r].identifier]){o.push(a[r])}if(i&(B|q)){delete e[a[r].identifier]}r++}if(!o.length){return}return[M(s.concat(o),"identifier",true),o]}var Rt=2500;var _t=25;function Xt(){et.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,et,{handler:function t(i,n,e){var r=e.pointerType==j,s=e.pointerType==Y;if(s&&e.sourceCapabilities&&e.sourceCapabilities.firesTouchEvents){return}if(r){jt.call(this,n,e)}else if(s&&Yt.call(this,e)){return}this.callback(i,n,e)},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 n={x:i.clientX,y:i.clientY};this.lastTouches.push(n);var e=this.lastTouches;var r=function(){var t=e.indexOf(n);if(t>-1){e.splice(t,1)}};setTimeout(r,Rt)}}function Yt(t){var i=t.srcEvent.clientX,n=t.srcEvent.clientY;for(var e=0;e<this.lastTouches.length;e++){var r=this.lastTouches[e];var s=Math.abs(i-r.x),a=Math.abs(n-r.y);if(s<=_t&&a<=_t){return true}}return false}var Ft=k(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 n=t.offsetDirection;if(this.manager.session.prevented){i.preventDefault();return}var e=this.actions;var r=A(e,qt)&&!Zt[qt];var s=A(e,$t)&&!Zt[$t];var a=A(e,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&&n&J||a&&n&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 n=A(t,$t);if(i&&n){return qt}if(i||n){return i?Gt:$t}if(A(t,Bt)){return Bt}return Ht}function Jt(){if(!Ut){return false}var t={};var n=i.CSS&&i.CSS.supports;["auto","manipulation","pan-y","pan-x","pan-x pan-y","none"].forEach((function(e){t[e]=n?i.CSS.supports("touch-action",e):true}));return t}var Qt=1;var ti=2;var ii=4;var ni=8;var ei=ni;var ri=16;var si=32;function ai(t){this.options=p({},this.defaults,t||{});this.id=O();this.manager=null;this.options.enable=y(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 n=this.state;function e(n){i.manager.emit(n,t)}if(n<ni){e(i.options.event+oi(n))}e(i.options.event);if(t.additionalEvent){e(t.additionalEvent)}if(n>=ni){e(i.options.event+oi(n))}},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&(ei|ri|si)){this.state=Qt}this.state=this.process(i);if(this.state&(ti|ii|ni|ri)){this.tryEmit(i)}},process:function(t){},getTouchAction:function(){},reset:function(){}};function oi(t){if(t&ri){return"cancel"}else if(t&ni){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 n=i.manager;if(n){return n.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 n=t.eventType;var e=i&(ti|ii);var r=this.attrTest(t);if(e&&(n&q||!r)){return i|ri}else if(e||r){if(n&B){return i|ni}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 n=true;var e=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;n=s!=this.pX;e=Math.abs(t.deltaX)}else{r=a===0?G:a<0?V:K;n=a!=this.pY;e=Math.abs(t.deltaY)}}t.direction=r;return n&&e>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 n=t.pointers.length===i.pointers;var e=t.distance<i.threshold;var r=t.deltaTime>i.time;this._input=t;if(!e||!n||t.eventType&(B|q)&&!r){this.reset()}else if(t.eventType&W){this.reset();this._timer=f((function(){this.state=ei;this.tryEmit()}),i.time,this)}else if(t.eventType&B){return ei}return si},reset:function(){clearTimeout(this._timer)},emit:function(t){if(this.state!==ei){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 n;if(i&(J|Q)){n=t.overallVelocity}else if(i&J){n=t.overallVelocityX}else if(i&Q){n=t.overallVelocityY}return this._super.attrTest.call(this,t)&&i&t.offsetDirection&&t.distance>this.options.threshold&&t.maxPointers==this.options.pointers&&u(n)>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 n=t.pointers.length===i.pointers;var e=t.distance<i.threshold;var r=t.deltaTime<i.time;this.reset();if(t.eventType&W&&this.count===0){return this.failTimeout()}if(e&&r&&n){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 ei}else{this._timer=f((function(){this.state=ei;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==ei){this._input.tapCount=this.count;this.manager.emit(this.options.event,this._input)}}});function gi(t,i){i=i||{};i.recognizers=y(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);yi(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 n;var e=this.recognizers;var r=i.curRecognizer;if(!r||r&&r.state&ei){r=i.curRecognizer=null}var s=0;while(s<e.length){n=e[s];if(i.stopped!==bi&&(!r||n==r||n.canRecognizeWith(r))){n.recognize(t)}else{n.reset()}if(!r&&n.state&(ti|ii|ni)){r=i.curRecognizer=n}s++}},get:function(t){if(t instanceof ai){return t}var i=this.recognizers;for(var n=0;n<i.length;n++){if(i[n].options.event==t){return i[n]}}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 n=C(i,t);if(n!==-1){i.splice(n,1);this.touchAction.update()}}return this},on:function(t,i){if(t===r){return}if(i===r){return}var n=this.handlers;v(P(t),(function(t){n[t]=n[t]||[];n[t].push(i)}));return this},off:function(t,i){if(t===r){return}var n=this.handlers;v(P(t),(function(t){if(!i){delete n[t]}else{n[t]&&n[t].splice(C(n[t],i),1)}}));return this},emit:function(t,i){if(this.options.domEvents){Ti(t,i)}var n=this.handlers[t]&&this.handlers[t].slice();if(!n||!n.length){return}i.type=t;i.preventDefault=function(){i.srcEvent.preventDefault()};var e=0;while(e<n.length){n[e](i);e++}},destroy:function(){this.element&&yi(this,false);this.handlers={};this.session={};this.input.destroy();this.element=null}};function yi(t,i){var n=t.element;if(!n.style){return}var e;v(t.options.cssProps,(function(r,s){e=k(n.style,s);if(i){t.oldCssProps[e]=n.style[e];n.style[e]=r}else{n.style[e]=t.oldCssProps[e]||""}}));if(!i){t.oldCssProps={}}}function Ti(t,i){var e=n.createEvent("Event");e.initEvent(t,true,true);e.gesture=i;i.target.dispatchEvent(e)}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:ni,STATE_RECOGNIZED:ei,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:et,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:T,off:E,each:v,merge:g,extend:m,assign:p,inherit:w,bindFn:b,prefixed:k});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[e]=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;min-height:52px;box-sizing:border-box;align-items:center;justify-content:space-between;padding:calc(var(--space-unit) * 1) calc(var(--space-unit) * 2);border-radius:4px;box-shadow:var(--shadow-3);font-family:var(--font-family-sans);font-size:14px;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-white);letter-spacing:0.16px;line-height:20px;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{margin-left:calc(var(--space-unit) * 2);cursor:pointer;fill:var(--color-white)}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(--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-primary01-icon)}:host>#external-container.light #text,:host>#external-container.warning #text{color:var(--gray800)}: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}}";const c=u;const f=class{constructor(n){t(this,n);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 n=0;for(let t=0;t<i.length;t++){n+=i[t].offsetWidth}return n>t}renderText(){return n("div",{id:"text",ref:t=>this.toastText=t},n("span",{class:"title"},this.heading),n("span",{class:"message"},this.message))}renderButton(){return n("div",{id:"button"},n("slot",{name:"button"}))}renderCloseIcon(){if(!this.closebutton){return}return n("div",{id:"icon"},n("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 n("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 n("div",{id:"external-container",class:{[this.type]:!!this.type,"several-lines-padding":this.isTextLong,"mobile-wrapped":this.isTextLong}},n("div",{id:"flex-container",ref:t=>this.container=t},this.renderText(),this.renderButton()),this.renderCloseIcon())}render(){return n(e,{key:"b79165640d2b2537dd8003db29e1c18845f1976c",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-5a178c69.entry.js.map