@zanichelli/albe-web-components 17.2.1 → 18.0.0

package/dist/web-components-library/p-838b298b.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,a as i}from"./p-75c4a726.js";const r=':host{position:relative;width:calc(var(--space-unit) * 5);font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-icon-width:20px;--z-icon-height:20px}:host(:not(:last-child)){flex:1}:host(:not(:last-child))::after{position:absolute;z-index:1;top:calc(var(--space-unit) * 4 - var(--border-size-medium) / 2);right:calc(var(--space-unit) * 2);left:calc(var(--space-unit) * 3);display:block;width:auto;border-bottom:var(--border-size-medium) solid var(--color-disabled03);margin:0 calc(var(--space-unit) * -2) 0 calc(var(--space-unit) * 2);content:""}.stepper-item{display:flex;width:calc(var(--space-unit) * 5);flex-direction:column;align-items:center;padding:0;border:0;appearance:none;background:transparent;color:inherit;font-family:inherit;font-size:12px;line-height:16px;outline:0;text-decoration:none}.stepper-item span{display:none;width:calc(100% + calc(var(--space-unit) * 4));color:var(--color-default-text);text-align:center}:host([href]:not([disabled],[pressed])) .stepper-item{cursor:pointer}:host([disabled]) .stepper-item{pointer-events:none}:host([pressed]),:host([pressed]) .stepper-item{pointer-events:none}.indicator{display:flex;width:calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;justify-content:center;border:var(--border-size-medium) solid var(--color-primary01);margin:calc(var(--space-unit) * 2);background:var(--color-surface01);border-radius:50%;color:var(--color-primary01);content:counter(stepper);font-size:14px;font-weight:var(--font-sb);line-height:1}:host([pressed]:not([disabled])) .indicator{border-color:var(--color-hover-primary);background:var(--color-hover-primary);color:var(--color-text-inverse)}:host([href]:not([disabled]):focus-within) .indicator{box-shadow:var(--shadow-focus-primary)}:host([href]:not([disabled],[pressed],[checked])) .indicator:hover{border-color:var(--color-hover-primary);color:var(--color-hover-primary)}:host([disabled]) .indicator{border-color:var(--color-disabled02);background:var(--color-disabled01);color:var(--color-disabled03)}:host([checked]:not([disabled])) .indicator{border-color:var(--color-default-success);color:var(--color-default-success)}:host([checked]:not([disabled])) .indicator z-icon{fill:var(--color-default-success)}:host([checked]) .indicator z-icon>svg{width:24px;height:24px}@media (min-width: 768px){.stepper-item span{display:block}}@media (min-width: 1152px){:host{width:calc(var(--space-unit) * 10);--z-icon-width:24px;--z-icon-height:24px}:host(:not(:last-child))::after{top:calc(var(--space-unit) * 5 - var(--border-size-medium) / 2);left:calc(var(--space-unit) * 8)}.stepper-item{width:calc(var(--space-unit) * 10);font-size:18px;line-height:28px}.indicator{width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 6);font-size:16px}}';const o=r;const a=class{constructor(t){e(this,t);this.index=undefined;this.href=undefined;this.pressed=undefined;this.checked=undefined;this.disabled=undefined}getAttributes(){const e=this.href&&!this.pressed&&!this.disabled?{onClick:()=>location.href=this.href}:undefined;const t=e?{role:"link"}:undefined;const i=this.pressed&&!this.disabled?{ariaCurrent:"step"}:undefined;const r=this.pressed||this.href===""?{tabindex:-1}:undefined;return Object.assign(Object.assign(Object.assign(Object.assign({},e),t),i),r)}render(){return t(i,{key:"de8015ed9e5b249afbac43db09358ca2f78059c0",role:"listitem"},t("button",Object.assign({key:"13efe38c78ffcf7edb6db36bf49dedb182c86e43",class:"stepper-item",disabled:this.disabled},this.getAttributes()),t("div",{key:"6bfecde08d2198eacb37ce8479dc118768604c2b",class:"indicator"},this.checked?t("z-icon",{name:"checkmark"}):this.index),t("span",{key:"1eab35a3586365499167d70dd5738007b920d5e1"},t("slot",{key:"2d85bc5cce789b53945868337331d730d341be45"}))))}};a.style=o;export{a as z_stepper_item};
+//# sourceMappingURL=p-838b298b.entry.js.map

package/dist/web-components-library/p-838b298b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZStepperItemStyle0","ZStepperItem","getAttributes","href","this","pressed","disabled","onClick","location","undefined","role","current","ariaCurrent","tabindex","Object","assign","render","h","Host","key","class","checked","name","index"],"sources":["src/components/z-stepper-item/styles.css?tag=z-stepper-item&encapsulation=shadow","src/components/z-stepper-item/index.tsx"],"sourcesContent":[":host {\n  position: relative;\n  width: calc(var(--space-unit) * 5);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n\n  --z-icon-width: 20px;\n  --z-icon-height: 20px;\n}\n\n:host(:not(:last-child)) {\n  flex: 1;\n}\n\n:host(:not(:last-child))::after {\n  position: absolute;\n  z-index: 1;\n  top: calc(var(--space-unit) * 4 - var(--border-size-medium) / 2);\n  right: calc(var(--space-unit) * 2);\n  left: calc(var(--space-unit) * 3);\n  display: block;\n  width: auto;\n  border-bottom: var(--border-size-medium) solid var(--color-disabled03);\n  margin: 0 calc(var(--space-unit) * -2) 0 calc(var(--space-unit) * 2);\n  content: \"\";\n}\n\n.stepper-item {\n  display: flex;\n  width: calc(var(--space-unit) * 5);\n  flex-direction: column;\n  align-items: center;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: transparent;\n  color: inherit;\n  font-family: inherit;\n  font-size: 12px;\n  line-height: 16px;\n  outline: 0;\n  text-decoration: none;\n}\n\n.stepper-item span {\n  display: none;\n  width: calc(100% + calc(var(--space-unit) * 4));\n  color: var(--color-default-text);\n  text-align: center;\n}\n\n:host([href]:not([disabled], [pressed])) .stepper-item {\n  cursor: pointer;\n}\n\n:host([disabled]) .stepper-item {\n  pointer-events: none;\n}\n\n:host([pressed]),\n:host([pressed]) .stepper-item {\n  pointer-events: none;\n}\n\n.indicator {\n  display: flex;\n  width: calc(var(--space-unit) * 4);\n  height: calc(var(--space-unit) * 4);\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n  border: var(--border-size-medium) solid var(--color-primary01);\n  margin: calc(var(--space-unit) * 2);\n  background: var(--color-surface01);\n  border-radius: 50%;\n  color: var(--color-primary01);\n  content: counter(stepper);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  line-height: 1;\n}\n\n:host([pressed]:not([disabled])) .indicator {\n  border-color: var(--color-hover-primary);\n  background: var(--color-hover-primary);\n  color: var(--color-text-inverse);\n}\n\n:host([href]:not([disabled]):focus-within) .indicator {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host([href]:not([disabled], [pressed], [checked])) .indicator:hover {\n  border-color: var(--color-hover-primary);\n  color: var(--color-hover-primary);\n}\n\n:host([disabled]) .indicator {\n  border-color: var(--color-disabled02);\n  background: var(--color-disabled01);\n  color: var(--color-disabled03);\n}\n\n:host([checked]:not([disabled])) .indicator {\n  border-color: var(--color-default-success);\n  color: var(--color-default-success);\n}\n\n:host([checked]:not([disabled])) .indicator z-icon {\n  fill: var(--color-default-success);\n}\n\n:host([checked]) .indicator z-icon > svg {\n  width: 24px;\n  height: 24px;\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n  .stepper-item span {\n    display: block;\n  }\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n  :host {\n    width: calc(var(--space-unit) * 10);\n\n    --z-icon-width: 24px;\n    --z-icon-height: 24px;\n  }\n\n  :host(:not(:last-child))::after {\n    top: calc(var(--space-unit) * 5 - var(--border-size-medium) / 2);\n    left: calc(var(--space-unit) * 8);\n  }\n\n  .stepper-item {\n    width: calc(var(--space-unit) * 10);\n    font-size: 18px;\n    line-height: 28px;\n  }\n\n  .indicator {\n    width: calc(var(--space-unit) * 6);\n    height: calc(var(--space-unit) * 6);\n    font-size: 16px;\n  }\n}\n","import {Component, Host, Prop, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-stepper-item\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZStepperItem {\n  /**\n   * The number of the step item.\n   */\n  @Prop({attribute: \"index\"})\n  index: number;\n\n  /**\n   * The href to navigate on click.\n   */\n  @Prop({attribute: \"href\"})\n  href: string;\n\n  /**\n   * The pressed state of the item.\n   */\n  @Prop({attribute: \"pressed\"})\n  pressed: boolean;\n\n  /**\n   * The checked state of the item.\n   */\n  @Prop({attribute: \"checked\"})\n  checked: boolean;\n\n  /**\n   * The disabled state of the item.\n   */\n  @Prop({attribute: \"disabled\"})\n  disabled: boolean;\n\n  private getAttributes(): Record<string, unknown> {\n    const href =\n      this.href && !this.pressed && !this.disabled ? {onClick: () => (location.href = this.href)} : undefined;\n    const role = href ? {role: \"link\"} : undefined;\n    const current = this.pressed && !this.disabled ? {ariaCurrent: \"step\"} : undefined;\n    const tabindex = this.pressed || this.href === \"\" ? {tabindex: -1} : undefined;\n\n    return {\n      ...href,\n      ...role,\n      ...current,\n      ...tabindex,\n    };\n  }\n\n  render(): HTMLAnchorElement | HTMLButtonElement {\n    return (\n      <Host role=\"listitem\">\n        <button\n          class=\"stepper-item\"\n          disabled={this.disabled}\n          {...this.getAttributes()}\n        >\n          <div class=\"indicator\">{this.checked ? <z-icon name=\"checkmark\" /> : this.index}</div>\n          <span>\n            <slot />\n          </span>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAY,8vFAClB,MAAAC,EAAeD,E,MCMFE,EAAY,M,wIA+Bf,aAAAC,GACN,MAAMC,EACJC,KAAKD,OAASC,KAAKC,UAAYD,KAAKE,SAAW,CAACC,QAAS,IAAOC,SAASL,KAAOC,KAAKD,MAASM,UAChG,MAAMC,EAAOP,EAAO,CAACO,KAAM,QAAUD,UACrC,MAAME,EAAUP,KAAKC,UAAYD,KAAKE,SAAW,CAACM,YAAa,QAAUH,UACzE,MAAMI,EAAWT,KAAKC,SAAWD,KAAKD,OAAS,GAAK,CAACU,UAAW,GAAKJ,UAErE,OAAAK,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACKZ,GACAO,GACAC,GACAE,E,CAIP,MAAAG,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACT,KAAK,YACTO,EAAA,SAAAH,OAAAC,OAAA,CAAAI,IAAA,2CACEC,MAAM,eACNd,SAAUF,KAAKE,UACXF,KAAKF,iBAETe,EAAA,OAAAE,IAAA,2CAAKC,MAAM,aAAahB,KAAKiB,QAAUJ,EAAA,UAAQK,KAAK,cAAiBlB,KAAKmB,OAC1EN,EAAA,QAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,+C","ignoreList":[]}

package/dist/web-components-library/{p-2dcf53b3.entry.js → p-8c5dcab3.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,c as t,h as i}from"./p-75c4a726.js";const a=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:flex;width:inherit;padding:calc(var(--space-unit) * 2);background:var(--color-primary03);border-radius:var(--border-radius)}:host>div>slot{color:var(--color-default-text);font-size:14px}:host>div>z-icon{margin-left:calc(var(--space-unit) * 2);cursor:pointer;fill:var(--color-primary01)}";const r=a;const s=class{constructor(i){o(this,i);this.infoBoxClose=t(this,"infoBoxClose",7);this.boxid=undefined;this.isclosable=true}emitInfoBoxClose(){this.infoBoxClose.emit({boxid:this.boxid})}render(){return i("div",{key:"bff4d7fdd01fae2697f23b03515d9cb93a53127d",id:this.boxid},i("slot",{key:"a2d80c39c0cc7c115974a4d5da52c2189ab830c9",name:"content"}),this.isclosable&&i("z-icon",{key:"555579d0bf7c1e654055fe4c552c4e89af0fb513",name:"multiply","data-action":"infoBoxClose",onClick:()=>this.emitInfoBoxClose()}))}};s.style=r;export{s as z_info_box};
-//# sourceMappingURL=p-2dcf53b3.entry.js.map
+import{r as o,c as t,h as i}from"./p-75c4a726.js";const a=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:flex;width:inherit;padding:calc(var(--space-unit) * 2);background:var(--color-primary03);border-radius:var(--border-radius)}:host>div>slot{color:var(--color-default-text);font-size:14px}:host>div>z-icon{margin-left:calc(var(--space-unit) * 2);cursor:pointer;fill:var(--color-primary01)}";const r=a;const e=class{constructor(i){o(this,i);this.infoBoxClose=t(this,"infoBoxClose",7);this.boxid=undefined;this.isclosable=true}emitInfoBoxClose(){this.infoBoxClose.emit({boxid:this.boxid})}render(){return i("div",{key:"7a806511823b922e582c3483a3dc65390be55ae5",id:this.boxid},i("slot",{key:"28e118a66bccb3ed840144b8c79d8fe438ab9674",name:"content"}),this.isclosable&&i("z-icon",{key:"6b679334c2bd8ed64a3227129d44e2ea75170fe6",name:"multiply","data-action":"infoBoxClose",onClick:()=>this.emitInfoBoxClose()}))}};e.style=r;export{e as z_info_box};
+//# sourceMappingURL=p-8c5dcab3.entry.js.map

package/dist/web-components-library/p-8d043fc0.entry.js

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