@zanichelli/albe-web-components 20.0.4 → 20.1.0

package/dist/components/z-toast-notification-list.js

@@ -1,2 +1 @@
-import{proxyCustomElement as t,HTMLElement as o,h as s,transformTag as i}from"@stencil/core/internal/client";import{s as e}from"./index2.js";const n=()=>`:host{position:fixed;z-index:10000;display:flex;flex-flow:column nowrap;margin-top:calc(var(--space-unit) * 2);margin-bottom:calc(var(--space-unit) * 2);font-family:var(--font-family-sans);font-weight:var(--font-rg)}::slotted(z-toast-notification){width:100vw}::slotted(:not(:last-child)){margin-bottom:calc(var(--space-unit) * 1)}:host([position="bottom-centre"]),:host([position="bottom-right"]),:host([position="bottom-left"]){bottom:0;align-items:flex-end;justify-content:flex-end}:host([position="top-left"]),:host([position="top-right"]),:host([position="top-centre"]){top:0;align-items:flex-start;justify-content:flex-start}@media only screen and (min-width: 768px){:host{margin:calc(var(--space-unit) * 3)}:host([position="top-centre"]){top:0;left:50%;align-items:center;justify-content:flex-start;transform:translateX(-50%)}:host([position="top-left"]){top:0;left:0;align-items:flex-start;justify-content:flex-start}:host([position="top-right"]){top:0;right:0;align-items:flex-end;justify-content:flex-start}:host([position="bottom-centre"]){bottom:0;left:50%;align-items:center;justify-content:flex-end;transform:translateX(-50%)}:host([position="bottom-right"]){right:0;bottom:0;align-items:flex-end;justify-content:flex-end}:host([position="bottom-left"]){bottom:0;left:0;align-items:flex-start;justify-content:flex-end}::slotted(z-toast-notification){width:50vw}}@media only screen and (min-width: 1366px){:host{margin:calc(var(--space-unit) * 4)}::slotted(z-toast-notification){width:33vw}}`;const a=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.position=e.TOP_RIGHT;this.newestontop=true;this.notificationArray=[]}watchPropNewestontop(t){this.hostElement.append(...this.notificationArray.reverse());if(t){this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler)}else{this.hostElement.shadowRoot.removeEventListener("slotchange",this.slotChangeHandler)}}componentWillLoad(){if(this.newestontop){this.handleNewestOnTop()}}handleNewestOnTop(){this.notificationArray=Array.from(this.hostElement.children);this.hostElement.append(...this.notificationArray.reverse());this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler.bind(this))}slotChangeHandler(){const t=Array.from(this.hostElement.children).filter((t=>!this.notificationArray.includes(t)));if(t){t.forEach((t=>{this.notificationArray.push(t);const o=t;t.remove();this.hostElement.prepend(o)}))}}render(){return s("slot",{key:"369ca36cde4f86f5e390568b3526ffab0aad053f",name:"toasts"})}get hostElement(){return this}static get watchers(){return{newestontop:[{watchPropNewestontop:0}]}}static get style(){return n()}},[257,"z-toast-notification-list",{position:[513],newestontop:[4]},undefined,{newestontop:[{watchPropNewestontop:0}]}]);function l(){if(typeof customElements==="undefined"){return}const t=["z-toast-notification-list"];t.forEach((t=>{switch(t){case"z-toast-notification-list":if(!customElements.get(i(t))){customElements.define(i(t),a)}break}}))}const r=a;const c=l;export{r as ZToastNotificationList,c as defineCustomElement};
-//# sourceMappingURL=z-toast-notification-list.js.map
+import{proxyCustomElement as t,HTMLElement as o,h as i,transformTag as s}from"@stencil/core/internal/client";import{s as e}from"./index2.js";const n=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.position=e.TOP_RIGHT,this.newestontop=!0,this.notificationArray=[]}watchPropNewestontop(t){this.hostElement.append(...this.notificationArray.reverse()),t?this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler):this.hostElement.shadowRoot.removeEventListener("slotchange",this.slotChangeHandler)}componentWillLoad(){this.newestontop&&this.handleNewestOnTop()}handleNewestOnTop(){this.notificationArray=Array.from(this.hostElement.children),this.hostElement.append(...this.notificationArray.reverse()),this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler.bind(this))}slotChangeHandler(){const t=Array.from(this.hostElement.children).filter((t=>!this.notificationArray.includes(t)));t&&t.forEach((t=>{this.notificationArray.push(t);const o=t;t.remove(),this.hostElement.prepend(o)}))}render(){return i("slot",{key:"ba72267ac380c3288ba5d0be6a6bc47e86e81f40",name:"toasts"})}get hostElement(){return this}static get watchers(){return{newestontop:[{watchPropNewestontop:0}]}}static get style(){return':host{position:fixed;z-index:10000;display:flex;flex-flow:column nowrap;margin-top:calc(var(--space-unit) * 2);margin-bottom:calc(var(--space-unit) * 2);font-family:var(--font-family-sans);font-weight:var(--font-rg)}::slotted(z-toast-notification){width:100vw}::slotted(:not(:last-child)){margin-bottom:calc(var(--space-unit) * 1)}:host([position="bottom-centre"]),:host([position="bottom-right"]),:host([position="bottom-left"]){bottom:0;align-items:flex-end;justify-content:flex-end}:host([position="top-left"]),:host([position="top-right"]),:host([position="top-centre"]){top:0;align-items:flex-start;justify-content:flex-start}@media only screen and (min-width: 768px){:host{margin:calc(var(--space-unit) * 3)}:host([position="top-centre"]){top:0;left:50%;align-items:center;justify-content:flex-start;transform:translateX(-50%)}:host([position="top-left"]){top:0;left:0;align-items:flex-start;justify-content:flex-start}:host([position="top-right"]){top:0;right:0;align-items:flex-end;justify-content:flex-start}:host([position="bottom-centre"]){bottom:0;left:50%;align-items:center;justify-content:flex-end;transform:translateX(-50%)}:host([position="bottom-right"]){right:0;bottom:0;align-items:flex-end;justify-content:flex-end}:host([position="bottom-left"]){bottom:0;left:0;align-items:flex-start;justify-content:flex-end}::slotted(z-toast-notification){width:50vw}}@media only screen and (min-width: 1366px){:host{margin:calc(var(--space-unit) * 4)}::slotted(z-toast-notification){width:33vw}}'}},[257,"z-toast-notification-list",{position:[513],newestontop:[4]},void 0,{newestontop:[{watchPropNewestontop:0}]}]),a=n,l=function(){"undefined"!=typeof customElements&&["z-toast-notification-list"].forEach((t=>{"z-toast-notification-list"===t&&(customElements.get(s(t))||customElements.define(s(t),n))}))};export{a as ZToastNotificationList,l as defineCustomElement}

package/dist/components/z-toast-notification.js

@@ -1,8 +1,2 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as n,Host as r,transformTag as s}from"@stencil/core/internal/client";import{r as o,g as a}from"./index2.js";import{g as c}from"./_commonjsHelpers.js";import{d as l}from"./index3.js";
-/*! @license DOMPurify 3.4.0 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.4.0/LICENSE */const{entries:u,setPrototypeOf:f,isFrozen:h,getPrototypeOf:d,getOwnPropertyDescriptor:p}=Object;let{freeze:m,seal:v,create:g}=Object;let{apply:b,construct:y}=typeof Reflect!=="undefined"&&Reflect;if(!m){m=function t(e){return e}}if(!v){v=function t(e){return e}}if(!b){b=function t(e,i){for(var n=arguments.length,r=new Array(n>2?n-2:0),s=2;s<n;s++){r[s-2]=arguments[s]}return e.apply(i,r)}}if(!y){y=function t(e){for(var i=arguments.length,n=new Array(i>1?i-1:0),r=1;r<i;r++){n[r-1]=arguments[r]}return new e(...n)}}const w=O(Array.prototype.forEach);const T=O(Array.prototype.lastIndexOf);const x=O(Array.prototype.pop);const E=O(Array.prototype.push);const k=O(Array.prototype.splice);const A=O(String.prototype.toLowerCase);const S=O(String.prototype.toString);const R=O(String.prototype.match);const _=O(String.prototype.replace);const I=O(String.prototype.indexOf);const z=O(String.prototype.trim);const D=O(Object.prototype.hasOwnProperty);const P=O(RegExp.prototype.test);const M=C(TypeError);function O(t){return function(e){if(e instanceof RegExp){e.lastIndex=0}for(var i=arguments.length,n=new Array(i>1?i-1:0),r=1;r<i;r++){n[r-1]=arguments[r]}return b(t,e,n)}}function C(t){return function(){for(var e=arguments.length,i=new Array(e),n=0;n<e;n++){i[n]=arguments[n]}return y(t,i)}}function N(t,e){let i=arguments.length>2&&arguments[2]!==undefined?arguments[2]:A;if(f){f(t,null)}let n=e.length;while(n--){let r=e[n];if(typeof r==="string"){const t=i(r);if(t!==r){if(!h(e)){e[n]=t}r=t}}t[r]=true}return t}function L(t){for(let e=0;e<t.length;e++){const i=D(t,e);if(!i){t[e]=null}}return t}function F(t){const e=g(null);for(const[i,n]of u(t)){const r=D(t,i);if(r){if(Array.isArray(n)){e[i]=L(n)}else if(n&&typeof n==="object"&&n.constructor===Object){e[i]=F(n)}else{e[i]=n}}}return e}function j(t,e){while(t!==null){const i=p(t,e);if(i){if(i.get){return O(i.get)}if(typeof i.value==="function"){return O(i.value)}}t=d(t)}function i(){return null}return i}const U=m(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","search","section","select","shadow","slot","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]);const B=m(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","enterkeyhint","exportparts","filter","font","g","glyph","glyphref","hkern","image","inputmode","line","lineargradient","marker","mask","metadata","mpath","part","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]);const H=m(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]);const W=m(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]);const X=m(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]);const Y=m(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]);const q=m(["#text"]);const $=m(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","exportparts","face","for","headers","height","hidden","high","href","hreflang","id","inert","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","part","pattern","placeholder","playsinline","popover","popovertarget","popovertargetaction","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","slot","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","wrap","xmlns","slot"]);const G=m(["accent-height","accumulate","additive","alignment-baseline","amplitude","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","exponent","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","mask-type","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","slope","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","tablevalues","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]);const V=m(["accent","accentunder","align","bevelled","close","columnalign","columnlines","columnspacing","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lquote","lspace","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]);const Z=m(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]);const K=v(/\{\{[\w\W]*|[\w\W]*\}\}/gm);const J=v(/<%[\w\W]*|[\w\W]*%>/gm);const Q=v(/\$\{[\w\W]*/gm);const tt=v(/^data-[\-\w.\u00B7-\uFFFF]+$/);const et=v(/^aria-[\-\w]+$/);const it=v(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i);const nt=v(/^(?:\w+script|data):/i);const rt=v(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g);const st=v(/^html$/i);const ot=v(/^[a-z][.\w]*(-[.\w]+)+$/i);var at=Object.freeze({__proto__:null,ARIA_ATTR:et,ATTR_WHITESPACE:rt,CUSTOM_ELEMENT:ot,DATA_ATTR:tt,DOCTYPE_NAME:st,ERB_EXPR:J,IS_ALLOWED_URI:it,IS_SCRIPT_OR_DATA:nt,MUSTACHE_EXPR:K,TMPLIT_EXPR:Q});const ct={element:1,text:3,progressingInstruction:7,comment:8,document:9};const lt=function t(){return typeof window==="undefined"?null:window};const ut=function t(e,i){if(typeof e!=="object"||typeof e.createPolicy!=="function"){return null}let n=null;const r="data-tt-policy-suffix";if(i&&i.hasAttribute(r)){n=i.getAttribute(r)}const s="dompurify"+(n?"#"+n:"");try{return e.createPolicy(s,{createHTML(t){return t},createScriptURL(t){return t}})}catch(t){console.warn("TrustedTypes policy "+s+" could not be created.");return null}};const ft=function t(){return{afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}};function ht(){let t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:lt();const e=t=>ht(t);e.version="3.4.0";e.removed=[];if(!t||!t.document||t.document.nodeType!==ct.document||!t.Element){e.isSupported=false;return e}let{document:i}=t;const n=i;const r=n.currentScript;const{DocumentFragment:s,HTMLTemplateElement:o,Node:a,Element:c,NodeFilter:l,NamedNodeMap:f=t.NamedNodeMap||t.MozNamedAttrMap,HTMLFormElement:h,DOMParser:d,trustedTypes:p}=t;const v=c.prototype;const b=j(v,"cloneNode");const y=j(v,"remove");const O=j(v,"nextSibling");const C=j(v,"childNodes");const L=j(v,"parentNode");if(typeof o==="function"){const t=i.createElement("template");if(t.content&&t.content.ownerDocument){i=t.content.ownerDocument}}let K;let J="";const{implementation:Q,createNodeIterator:tt,createDocumentFragment:et,getElementsByTagName:nt}=i;const{importNode:rt}=n;let ot=ft();e.isSupported=typeof u==="function"&&typeof L==="function"&&Q&&Q.createHTMLDocument!==undefined;const{MUSTACHE_EXPR:dt,ERB_EXPR:pt,TMPLIT_EXPR:mt,DATA_ATTR:vt,ARIA_ATTR:gt,IS_SCRIPT_OR_DATA:bt,ATTR_WHITESPACE:yt,CUSTOM_ELEMENT:wt}=at;let{IS_ALLOWED_URI:Tt}=at;let xt=null;const Et=N({},[...U,...B,...H,...X,...q]);let kt=null;const At=N({},[...$,...G,...V,...Z]);let St=Object.seal(g(null,{tagNameCheck:{writable:true,configurable:false,enumerable:true,value:null},attributeNameCheck:{writable:true,configurable:false,enumerable:true,value:null},allowCustomizedBuiltInElements:{writable:true,configurable:false,enumerable:true,value:false}}));let Rt=null;let _t=null;const It=Object.seal(g(null,{tagCheck:{writable:true,configurable:false,enumerable:true,value:null},attributeCheck:{writable:true,configurable:false,enumerable:true,value:null}}));let zt=true;let Dt=true;let Pt=false;let Mt=true;let Ot=false;let Ct=true;let Nt=false;let Lt=false;let Ft=false;let jt=false;let Ut=false;let Bt=false;let Ht=true;let Wt=false;const Xt="user-content-";let Yt=true;let qt=false;let $t={};let Gt=null;const Vt=N({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let Zt=null;const Kt=N({},["audio","video","img","source","image","track"]);let Jt=null;const Qt=N({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]);const te="http://www.w3.org/1998/Math/MathML";const ee="http://www.w3.org/2000/svg";const ie="http://www.w3.org/1999/xhtml";let ne=ie;let re=false;let se=null;const oe=N({},[te,ee,ie],S);let ae=N({},["mi","mo","mn","ms","mtext"]);let ce=N({},["annotation-xml"]);const le=N({},["title","style","font","a","script"]);let ue=null;const fe=["application/xhtml+xml","text/html"];const he="text/html";let de=null;let pe=null;const me=i.createElement("form");const ve=function t(e){return e instanceof RegExp||e instanceof Function};const ge=function t(){let e=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};if(pe&&pe===e){return}if(!e||typeof e!=="object"){e={}}e=F(e);ue=fe.indexOf(e.PARSER_MEDIA_TYPE)===-1?he:e.PARSER_MEDIA_TYPE;de=ue==="application/xhtml+xml"?S:A;xt=D(e,"ALLOWED_TAGS")?N({},e.ALLOWED_TAGS,de):Et;kt=D(e,"ALLOWED_ATTR")?N({},e.ALLOWED_ATTR,de):At;se=D(e,"ALLOWED_NAMESPACES")?N({},e.ALLOWED_NAMESPACES,S):oe;Jt=D(e,"ADD_URI_SAFE_ATTR")?N(F(Qt),e.ADD_URI_SAFE_ATTR,de):Qt;Zt=D(e,"ADD_DATA_URI_TAGS")?N(F(Kt),e.ADD_DATA_URI_TAGS,de):Kt;Gt=D(e,"FORBID_CONTENTS")?N({},e.FORBID_CONTENTS,de):Vt;Rt=D(e,"FORBID_TAGS")?N({},e.FORBID_TAGS,de):F({});_t=D(e,"FORBID_ATTR")?N({},e.FORBID_ATTR,de):F({});$t=D(e,"USE_PROFILES")?e.USE_PROFILES:false;zt=e.ALLOW_ARIA_ATTR!==false;Dt=e.ALLOW_DATA_ATTR!==false;Pt=e.ALLOW_UNKNOWN_PROTOCOLS||false;Mt=e.ALLOW_SELF_CLOSE_IN_ATTR!==false;Ot=e.SAFE_FOR_TEMPLATES||false;Ct=e.SAFE_FOR_XML!==false;Nt=e.WHOLE_DOCUMENT||false;jt=e.RETURN_DOM||false;Ut=e.RETURN_DOM_FRAGMENT||false;Bt=e.RETURN_TRUSTED_TYPE||false;Ft=e.FORCE_BODY||false;Ht=e.SANITIZE_DOM!==false;Wt=e.SANITIZE_NAMED_PROPS||false;Yt=e.KEEP_CONTENT!==false;qt=e.IN_PLACE||false;Tt=e.ALLOWED_URI_REGEXP||it;ne=e.NAMESPACE||ie;ae=e.MATHML_TEXT_INTEGRATION_POINTS||ae;ce=e.HTML_INTEGRATION_POINTS||ce;St=e.CUSTOM_ELEMENT_HANDLING||g(null);if(e.CUSTOM_ELEMENT_HANDLING&&ve(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck)){St.tagNameCheck=e.CUSTOM_ELEMENT_HANDLING.tagNameCheck}if(e.CUSTOM_ELEMENT_HANDLING&&ve(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)){St.attributeNameCheck=e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck}if(e.CUSTOM_ELEMENT_HANDLING&&typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements==="boolean"){St.allowCustomizedBuiltInElements=e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements}if(Ot){Dt=false}if(Ut){jt=true}if($t){xt=N({},q);kt=g(null);if($t.html===true){N(xt,U);N(kt,$)}if($t.svg===true){N(xt,B);N(kt,G);N(kt,Z)}if($t.svgFilters===true){N(xt,H);N(kt,G);N(kt,Z)}if($t.mathMl===true){N(xt,X);N(kt,V);N(kt,Z)}}It.tagCheck=null;It.attributeCheck=null;if(e.ADD_TAGS){if(typeof e.ADD_TAGS==="function"){It.tagCheck=e.ADD_TAGS}else{if(xt===Et){xt=F(xt)}N(xt,e.ADD_TAGS,de)}}if(e.ADD_ATTR){if(typeof e.ADD_ATTR==="function"){It.attributeCheck=e.ADD_ATTR}else{if(kt===At){kt=F(kt)}N(kt,e.ADD_ATTR,de)}}if(e.ADD_URI_SAFE_ATTR){N(Jt,e.ADD_URI_SAFE_ATTR,de)}if(e.FORBID_CONTENTS){if(Gt===Vt){Gt=F(Gt)}N(Gt,e.FORBID_CONTENTS,de)}if(e.ADD_FORBID_CONTENTS){if(Gt===Vt){Gt=F(Gt)}N(Gt,e.ADD_FORBID_CONTENTS,de)}if(Yt){xt["#text"]=true}if(Nt){N(xt,["html","head","body"])}if(xt.table){N(xt,["tbody"]);delete Rt.tbody}if(e.TRUSTED_TYPES_POLICY){if(typeof e.TRUSTED_TYPES_POLICY.createHTML!=="function"){throw M('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.')}if(typeof e.TRUSTED_TYPES_POLICY.createScriptURL!=="function"){throw M('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.')}K=e.TRUSTED_TYPES_POLICY;J=K.createHTML("")}else{if(K===undefined){K=ut(p,r)}if(K!==null&&typeof J==="string"){J=K.createHTML("")}}if(m){m(e)}pe=e};const be=N({},[...B,...H,...W]);const ye=N({},[...X,...Y]);const we=function t(e){let i=L(e);if(!i||!i.tagName){i={namespaceURI:ne,tagName:"template"}}const n=A(e.tagName);const r=A(i.tagName);if(!se[e.namespaceURI]){return false}if(e.namespaceURI===ee){if(i.namespaceURI===ie){return n==="svg"}if(i.namespaceURI===te){return n==="svg"&&(r==="annotation-xml"||ae[r])}return Boolean(be[n])}if(e.namespaceURI===te){if(i.namespaceURI===ie){return n==="math"}if(i.namespaceURI===ee){return n==="math"&&ce[r]}return Boolean(ye[n])}if(e.namespaceURI===ie){if(i.namespaceURI===ee&&!ce[r]){return false}if(i.namespaceURI===te&&!ae[r]){return false}return!ye[n]&&(le[n]||!be[n])}if(ue==="application/xhtml+xml"&&se[e.namespaceURI]){return true}return false};const Te=function t(i){E(e.removed,{element:i});try{L(i).removeChild(i)}catch(t){y(i)}};const xe=function t(i,n){try{E(e.removed,{attribute:n.getAttributeNode(i),from:n})}catch(t){E(e.removed,{attribute:null,from:n})}n.removeAttribute(i);if(i==="is"){if(jt||Ut){try{Te(n)}catch(t){}}else{try{n.setAttribute(i,"")}catch(t){}}}};const Ee=function t(e){let n=null;let r=null;if(Ft){e="<remove></remove>"+e}else{const t=R(e,/^[\r\n\t ]+/);r=t&&t[0]}if(ue==="application/xhtml+xml"&&ne===ie){e='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+e+"</body></html>"}const s=K?K.createHTML(e):e;if(ne===ie){try{n=(new d).parseFromString(s,ue)}catch(t){}}if(!n||!n.documentElement){n=Q.createDocument(ne,"template",null);try{n.documentElement.innerHTML=re?J:s}catch(t){}}const o=n.body||n.documentElement;if(e&&r){o.insertBefore(i.createTextNode(r),o.childNodes[0]||null)}if(ne===ie){return nt.call(n,Nt?"html":"body")[0]}return Nt?n.documentElement:o};const ke=function t(e){return tt.call(e.ownerDocument||e,e,l.SHOW_ELEMENT|l.SHOW_COMMENT|l.SHOW_TEXT|l.SHOW_PROCESSING_INSTRUCTION|l.SHOW_CDATA_SECTION,null)};const Ae=function t(e){return e instanceof h&&(typeof e.nodeName!=="string"||typeof e.textContent!=="string"||typeof e.removeChild!=="function"||!(e.attributes instanceof f)||typeof e.removeAttribute!=="function"||typeof e.setAttribute!=="function"||typeof e.namespaceURI!=="string"||typeof e.insertBefore!=="function"||typeof e.hasChildNodes!=="function")};const Se=function t(e){return typeof a==="function"&&e instanceof a};function Re(t,i,n){w(t,(t=>{t.call(e,i,n,pe)}))}const _e=function t(i){let n=null;Re(ot.beforeSanitizeElements,i,null);if(Ae(i)){Te(i);return true}const r=de(i.nodeName);Re(ot.uponSanitizeElement,i,{tagName:r,allowedTags:xt});if(Ct&&i.hasChildNodes()&&!Se(i.firstElementChild)&&P(/<[/\w!]/g,i.innerHTML)&&P(/<[/\w!]/g,i.textContent)){Te(i);return true}if(Ct&&i.namespaceURI===ie&&r==="style"&&Se(i.firstElementChild)){Te(i);return true}if(i.nodeType===ct.progressingInstruction){Te(i);return true}if(Ct&&i.nodeType===ct.comment&&P(/<[/\w]/g,i.data)){Te(i);return true}if(Rt[r]||!(It.tagCheck instanceof Function&&It.tagCheck(r))&&!xt[r]){if(!Rt[r]&&ze(r)){if(St.tagNameCheck instanceof RegExp&&P(St.tagNameCheck,r)){return false}if(St.tagNameCheck instanceof Function&&St.tagNameCheck(r)){return false}}if(Yt&&!Gt[r]){const t=L(i)||i.parentNode;const e=C(i)||i.childNodes;if(e&&t){const n=e.length;for(let r=n-1;r>=0;--r){const n=b(e[r],true);n.__removalCount=(i.__removalCount||0)+1;t.insertBefore(n,O(i))}}}Te(i);return true}if(i instanceof c&&!we(i)){Te(i);return true}if((r==="noscript"||r==="noembed"||r==="noframes")&&P(/<\/no(script|embed|frames)/i,i.innerHTML)){Te(i);return true}if(Ot&&i.nodeType===ct.text){n=i.textContent;w([dt,pt,mt],(t=>{n=_(n,t," ")}));if(i.textContent!==n){E(e.removed,{element:i.cloneNode()});i.textContent=n}}Re(ot.afterSanitizeElements,i,null);return false};const Ie=function t(e,n,r){if(_t[n]){return false}if(Ht&&(n==="id"||n==="name")&&(r in i||r in me)){return false}if(Dt&&!_t[n]&&P(vt,n));else if(zt&&P(gt,n));else if(It.attributeCheck instanceof Function&&It.attributeCheck(n,e));else if(!kt[n]||_t[n]){if(ze(e)&&(St.tagNameCheck instanceof RegExp&&P(St.tagNameCheck,e)||St.tagNameCheck instanceof Function&&St.tagNameCheck(e))&&(St.attributeNameCheck instanceof RegExp&&P(St.attributeNameCheck,n)||St.attributeNameCheck instanceof Function&&St.attributeNameCheck(n,e))||n==="is"&&St.allowCustomizedBuiltInElements&&(St.tagNameCheck instanceof RegExp&&P(St.tagNameCheck,r)||St.tagNameCheck instanceof Function&&St.tagNameCheck(r)));else{return false}}else if(Jt[n]);else if(P(Tt,_(r,yt,"")));else if((n==="src"||n==="xlink:href"||n==="href")&&e!=="script"&&I(r,"data:")===0&&Zt[e]);else if(Pt&&!P(bt,_(r,yt,"")));else if(r){return false}else;return true};const ze=function t(e){return e!=="annotation-xml"&&R(e,wt)};const De=function t(i){Re(ot.beforeSanitizeAttributes,i,null);const{attributes:n}=i;if(!n||Ae(i)){return}const r={attrName:"",attrValue:"",keepAttr:true,allowedAttributes:kt,forceKeepAttr:undefined};let s=n.length;while(s--){const t=n[s];const{name:o,namespaceURI:a,value:c}=t;const l=de(o);const u=c;let f=o==="value"?u:z(u);r.attrName=l;r.attrValue=f;r.keepAttr=true;r.forceKeepAttr=undefined;Re(ot.uponSanitizeAttribute,i,r);f=r.attrValue;if(Wt&&(l==="id"||l==="name")){xe(o,i);f=Xt+f}if(Ct&&P(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i,f)){xe(o,i);continue}if(l==="attributename"&&R(f,"href")){xe(o,i);continue}if(r.forceKeepAttr){continue}if(!r.keepAttr){xe(o,i);continue}if(!Mt&&P(/\/>/i,f)){xe(o,i);continue}if(Ot){w([dt,pt,mt],(t=>{f=_(f,t," ")}))}const h=de(i.nodeName);if(!Ie(h,l,f)){xe(o,i);continue}if(K&&typeof p==="object"&&typeof p.getAttributeType==="function"){if(a);else{switch(p.getAttributeType(h,l)){case"TrustedHTML":{f=K.createHTML(f);break}case"TrustedScriptURL":{f=K.createScriptURL(f);break}}}}if(f!==u){try{if(a){i.setAttributeNS(a,o,f)}else{i.setAttribute(o,f)}if(Ae(i)){Te(i)}else{x(e.removed)}}catch(t){xe(o,i)}}}Re(ot.afterSanitizeAttributes,i,null)};const Pe=function t(e){let i=null;const n=ke(e);Re(ot.beforeSanitizeShadowDOM,e,null);while(i=n.nextNode()){Re(ot.uponSanitizeShadowNode,i,null);_e(i);De(i);if(i.content instanceof s){Pe(i.content)}}Re(ot.afterSanitizeShadowDOM,e,null)};e.sanitize=function(t){let i=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};let r=null;let o=null;let c=null;let l=null;re=!t;if(re){t="\x3c!--\x3e"}if(typeof t!=="string"&&!Se(t)){if(typeof t.toString==="function"){t=t.toString();if(typeof t!=="string"){throw M("dirty is not a string, aborting")}}else{throw M("toString is not a function")}}if(!e.isSupported){return t}if(!Lt){ge(i)}e.removed=[];if(typeof t==="string"){qt=false}if(qt){if(t.nodeName){const e=de(t.nodeName);if(!xt[e]||Rt[e]){throw M("root node is forbidden and cannot be sanitized in-place")}}}else if(t instanceof a){r=Ee("\x3c!----\x3e");o=r.ownerDocument.importNode(t,true);if(o.nodeType===ct.element&&o.nodeName==="BODY"){r=o}else if(o.nodeName==="HTML"){r=o}else{r.appendChild(o)}}else{if(!jt&&!Ot&&!Nt&&t.indexOf("<")===-1){return K&&Bt?K.createHTML(t):t}r=Ee(t);if(!r){return jt?null:Bt?J:""}}if(r&&Ft){Te(r.firstChild)}const u=ke(qt?t:r);while(c=u.nextNode()){_e(c);De(c);if(c.content instanceof s){Pe(c.content)}}if(qt){return t}if(jt){if(Ot){r.normalize();let t=r.innerHTML;w([dt,pt,mt],(e=>{t=_(t,e," ")}));r.innerHTML=t}if(Ut){l=et.call(r.ownerDocument);while(r.firstChild){l.appendChild(r.firstChild)}}else{l=r}if(kt.shadowroot||kt.shadowrootmode){l=rt.call(n,l,true)}return l}let f=Nt?r.outerHTML:r.innerHTML;if(Nt&&xt["!doctype"]&&r.ownerDocument&&r.ownerDocument.doctype&&r.ownerDocument.doctype.name&&P(st,r.ownerDocument.doctype.name)){f="<!DOCTYPE "+r.ownerDocument.doctype.name+">\n"+f}if(Ot){w([dt,pt,mt],(t=>{f=_(f,t," ")}))}return K&&Bt?K.createHTML(f):f};e.setConfig=function(){let t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};ge(t);Lt=true};e.clearConfig=function(){pe=null;Lt=false};e.isValidAttribute=function(t,e,i){if(!pe){ge({})}const n=de(t);const r=de(e);return Ie(n,r,i)};e.addHook=function(t,e){if(typeof e!=="function"){return}E(ot[t],e)};e.removeHook=function(t,e){if(e!==undefined){const i=T(ot[t],e);return i===-1?undefined:k(ot[t],i,1)[0]}return x(ot[t])};e.removeHooks=function(t){ot[t]=[]};e.removeAllHooks=function(){ot=ft()};return e}var dt=ht();var pt={exports:{}};
-/*! Hammer.JS - v2.0.7 - 2016-04-22
- * http://hammerjs.github.io/
- *
- * Copyright (c) 2016 Jorik Tangelder;
- * Licensed under the MIT license */var mt;function vt(){if(mt)return pt.exports;mt=1;(function(t){(function(e,i,n,r){var s=["","webkit","Moz","MS","ms","o"];var o=i.createElement("div");var a="function";var c=Math.round;var l=Math.abs;var u=Date.now;function f(t,e,i){return setTimeout(y(t,i),e)}function h(t,e,i){if(Array.isArray(t)){d(t,i[e],i);return true}return false}function d(t,e,i){var n;if(!t){return}if(t.forEach){t.forEach(e,i)}else if(t.length!==r){n=0;while(n<t.length){e.call(i,t[n],n,t);n++}}else{for(n in t){t.hasOwnProperty(n)&&e.call(i,t[n],n,t)}}}function p(t,i,n){var r="DEPRECATED METHOD: "+i+"\n"+n+" AT \n";return function(){var i=new Error("get-stack-trace");var n=i&&i.stack?i.stack.replace(/^[^\(]+?[\n$]/gm,"").replace(/^\s+at\s+/gm,"").replace(/^Object.<anonymous>\s*\(/gm,"{anonymous}()@"):"Unknown Stack Trace";var s=e.console&&(e.console.warn||e.console.log);if(s){s.call(e.console,r,n)}return t.apply(this,arguments)}}var m;if(typeof Object.assign!=="function"){m=function t(e){if(e===r||e===null){throw new TypeError("Cannot convert undefined or null to object")}var i=Object(e);for(var n=1;n<arguments.length;n++){var s=arguments[n];if(s!==r&&s!==null){for(var o in s){if(s.hasOwnProperty(o)){i[o]=s[o]}}}}return i}}else{m=Object.assign}var v=p((function t(e,i,n){var s=Object.keys(i);var o=0;while(o<s.length){if(!n||n&&e[s[o]]===r){e[s[o]]=i[s[o]]}o++}return e}),"extend","Use `assign`.");var g=p((function t(e,i){return v(e,i,true)}),"merge","Use `assign`.");function b(t,e,i){var n=e.prototype,r;r=t.prototype=Object.create(n);r.constructor=t;r._super=n;if(i){m(r,i)}}function y(t,e){return function i(){return t.apply(e,arguments)}}function w(t,e){if(typeof t==a){return t.apply(e?e[0]||r:r,e)}return t}function T(t,e){return t===r?e:t}function x(t,e,i){d(S(e),(function(e){t.addEventListener(e,i,false)}))}function E(t,e,i){d(S(e),(function(e){t.removeEventListener(e,i,false)}))}function k(t,e){while(t){if(t==e){return true}t=t.parentNode}return false}function A(t,e){return t.indexOf(e)>-1}function S(t){return t.trim().split(/\s+/g)}function R(t,e,i){if(t.indexOf&&!i){return t.indexOf(e)}else{var n=0;while(n<t.length){if(i&&t[n][i]==e||!i&&t[n]===e){return n}n++}return-1}}function _(t){return Array.prototype.slice.call(t,0)}function I(t,e,i){var n=[];var r=[];var s=0;while(s<t.length){var o=t[s][e];if(R(r,o)<0){n.push(t[s])}r[s]=o;s++}{{n=n.sort((function t(i,n){return i[e]>n[e]}))}}return n}function z(t,e){var i,n;var o=e[0].toUpperCase()+e.slice(1);var a=0;while(a<s.length){i=s[a];n=i?i+o:e;if(n in t){return n}a++}return r}var D=1;function P(){return D++}function M(t){var i=t.ownerDocument||t;return i.defaultView||i.parentWindow||e}var O=/mobile|tablet|ip(ad|hone|od)|android/i;var C="ontouchstart"in e;var N=z(e,"PointerEvent")!==r;var L=C&&O.test(navigator.userAgent);var F="touch";var j="pen";var U="mouse";var B="kinect";var H=25;var W=1;var X=2;var Y=4;var q=8;var $=1;var G=2;var V=4;var Z=8;var K=16;var J=G|V;var Q=Z|K;var tt=J|Q;var et=["x","y"];var it=["clientX","clientY"];function nt(t,e){var i=this;this.manager=t;this.callback=e;this.element=t.element;this.target=t.options.inputTarget;this.domHandler=function(e){if(w(t.options.enable,[t])){i.handler(e)}};this.init()}nt.prototype={handler:function(){},init:function(){this.evEl&&x(this.element,this.evEl,this.domHandler);this.evTarget&&x(this.target,this.evTarget,this.domHandler);this.evWin&&x(M(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(M(this.element),this.evWin,this.domHandler)}};function rt(t){var e;var i=t.options.inputClass;if(i){e=i}else if(N){e=At}else if(L){e=Mt}else if(!C){e=wt}else{e=Lt}return new e(t,st)}function st(t,e,i){var n=i.pointers.length;var r=i.changedPointers.length;var s=e&W&&n-r===0;var o=e&(Y|q)&&n-r===0;i.isFirst=!!s;i.isFinal=!!o;if(s){t.session={}}i.eventType=e;ot(t,i);t.emit("hammer.input",i);t.recognize(i);t.session.prevInput=i}function ot(t,e){var i=t.session;var n=e.pointers;var r=n.length;if(!i.firstInput){i.firstInput=lt(e)}if(r>1&&!i.firstMultiple){i.firstMultiple=lt(e)}else if(r===1){i.firstMultiple=false}var s=i.firstInput;var o=i.firstMultiple;var a=o?o.center:s.center;var c=e.center=ut(n);e.timeStamp=u();e.deltaTime=e.timeStamp-s.timeStamp;e.angle=pt(a,c);e.distance=dt(a,c);at(i,e);e.offsetDirection=ht(e.deltaX,e.deltaY);var f=ft(e.deltaTime,e.deltaX,e.deltaY);e.overallVelocityX=f.x;e.overallVelocityY=f.y;e.overallVelocity=l(f.x)>l(f.y)?f.x:f.y;e.scale=o?vt(o.pointers,n):1;e.rotation=o?mt(o.pointers,n):0;e.maxPointers=!i.prevInput?e.pointers.length:e.pointers.length>i.prevInput.maxPointers?e.pointers.length:i.prevInput.maxPointers;ct(i,e);var h=t.element;if(k(e.srcEvent.target,h)){h=e.srcEvent.target}e.target=h}function at(t,e){var i=e.center;var n=t.offsetDelta||{};var r=t.prevDelta||{};var s=t.prevInput||{};if(e.eventType===W||s.eventType===Y){r=t.prevDelta={x:s.deltaX||0,y:s.deltaY||0};n=t.offsetDelta={x:i.x,y:i.y}}e.deltaX=r.x+(i.x-n.x);e.deltaY=r.y+(i.y-n.y)}function ct(t,e){var i=t.lastInterval||e,n=e.timeStamp-i.timeStamp,s,o,a,c;if(e.eventType!=q&&(n>H||i.velocity===r)){var u=e.deltaX-i.deltaX;var f=e.deltaY-i.deltaY;var h=ft(n,u,f);o=h.x;a=h.y;s=l(h.x)>l(h.y)?h.x:h.y;c=ht(u,f);t.lastInterval=e}else{s=i.velocity;o=i.velocityX;a=i.velocityY;c=i.direction}e.velocity=s;e.velocityX=o;e.velocityY=a;e.direction=c}function lt(t){var e=[];var i=0;while(i<t.pointers.length){e[i]={clientX:c(t.pointers[i].clientX),clientY:c(t.pointers[i].clientY)};i++}return{timeStamp:u(),pointers:e,center:ut(e),deltaX:t.deltaX,deltaY:t.deltaY}}function ut(t){var e=t.length;if(e===1){return{x:c(t[0].clientX),y:c(t[0].clientY)}}var i=0,n=0,r=0;while(r<e){i+=t[r].clientX;n+=t[r].clientY;r++}return{x:c(i/e),y:c(n/e)}}function ft(t,e,i){return{x:e/t||0,y:i/t||0}}function ht(t,e){if(t===e){return $}if(l(t)>=l(e)){return t<0?G:V}return e<0?Z:K}function dt(t,e,i){if(!i){i=et}var n=e[i[0]]-t[i[0]],r=e[i[1]]-t[i[1]];return Math.sqrt(n*n+r*r)}function pt(t,e,i){if(!i){i=et}var n=e[i[0]]-t[i[0]],r=e[i[1]]-t[i[1]];return Math.atan2(r,n)*180/Math.PI}function mt(t,e){return pt(e[1],e[0],it)+pt(t[1],t[0],it)}function vt(t,e){return dt(e[0],e[1],it)/dt(t[0],t[1],it)}var gt={mousedown:W,mousemove:X,mouseup:Y};var bt="mousedown";var yt="mousemove mouseup";function wt(){this.evEl=bt;this.evWin=yt;this.pressed=false;nt.apply(this,arguments)}b(wt,nt,{handler:function t(e){var i=gt[e.type];if(i&W&&e.button===0){this.pressed=true}if(i&X&&e.which!==1){i=Y}if(!this.pressed){return}if(i&Y){this.pressed=false}this.callback(this.manager,i,{pointers:[e],changedPointers:[e],pointerType:U,srcEvent:e})}});var Tt={pointerdown:W,pointermove:X,pointerup:Y,pointercancel:q,pointerout:q};var xt={2:F,3:j,4:U,5:B};var Et="pointerdown";var kt="pointermove pointerup pointercancel";if(e.MSPointerEvent&&!e.PointerEvent){Et="MSPointerDown";kt="MSPointerMove MSPointerUp MSPointerCancel"}function At(){this.evEl=Et;this.evWin=kt;nt.apply(this,arguments);this.store=this.manager.session.pointerEvents=[]}b(At,nt,{handler:function t(e){var i=this.store;var n=false;var r=e.type.toLowerCase().replace("ms","");var s=Tt[r];var o=xt[e.pointerType]||e.pointerType;var a=o==F;var c=R(i,e.pointerId,"pointerId");if(s&W&&(e.button===0||a)){if(c<0){i.push(e);c=i.length-1}}else if(s&(Y|q)){n=true}if(c<0){return}i[c]=e;this.callback(this.manager,s,{pointers:i,changedPointers:[e],pointerType:o,srcEvent:e});if(n){i.splice(c,1)}}});var St={touchstart:W,touchmove:X,touchend:Y,touchcancel:q};var Rt="touchstart";var _t="touchstart touchmove touchend touchcancel";function It(){this.evTarget=Rt;this.evWin=_t;this.started=false;nt.apply(this,arguments)}b(It,nt,{handler:function t(e){var i=St[e.type];if(i===W){this.started=true}if(!this.started){return}var n=zt.call(this,e,i);if(i&(Y|q)&&n[0].length-n[1].length===0){this.started=false}this.callback(this.manager,i,{pointers:n[0],changedPointers:n[1],pointerType:F,srcEvent:e})}});function zt(t,e){var i=_(t.touches);var n=_(t.changedTouches);if(e&(Y|q)){i=I(i.concat(n),"identifier")}return[i,n]}var Dt={touchstart:W,touchmove:X,touchend:Y,touchcancel:q};var Pt="touchstart touchmove touchend touchcancel";function Mt(){this.evTarget=Pt;this.targetIds={};nt.apply(this,arguments)}b(Mt,nt,{handler:function t(e){var i=Dt[e.type];var n=Ot.call(this,e,i);if(!n){return}this.callback(this.manager,i,{pointers:n[0],changedPointers:n[1],pointerType:F,srcEvent:e})}});function Ot(t,e){var i=_(t.touches);var n=this.targetIds;if(e&(W|X)&&i.length===1){n[i[0].identifier]=true;return[i,i]}var r,s,o=_(t.changedTouches),a=[],c=this.target;s=i.filter((function(t){return k(t.target,c)}));if(e===W){r=0;while(r<s.length){n[s[r].identifier]=true;r++}}r=0;while(r<o.length){if(n[o[r].identifier]){a.push(o[r])}if(e&(Y|q)){delete n[o[r].identifier]}r++}if(!a.length){return}return[I(s.concat(a),"identifier"),a]}var Ct=2500;var Nt=25;function Lt(){nt.apply(this,arguments);var t=y(this.handler,this);this.touch=new Mt(this.manager,t);this.mouse=new wt(this.manager,t);this.primaryTouch=null;this.lastTouches=[]}b(Lt,nt,{handler:function t(e,i,n){var r=n.pointerType==F,s=n.pointerType==U;if(s&&n.sourceCapabilities&&n.sourceCapabilities.firesTouchEvents){return}if(r){Ft.call(this,i,n)}else if(s&&Ut.call(this,n)){return}this.callback(e,i,n)},destroy:function t(){this.touch.destroy();this.mouse.destroy()}});function Ft(t,e){if(t&W){this.primaryTouch=e.changedPointers[0].identifier;jt.call(this,e)}else if(t&(Y|q)){jt.call(this,e)}}function jt(t){var e=t.changedPointers[0];if(e.identifier===this.primaryTouch){var i={x:e.clientX,y:e.clientY};this.lastTouches.push(i);var n=this.lastTouches;var r=function(){var t=n.indexOf(i);if(t>-1){n.splice(t,1)}};setTimeout(r,Ct)}}function Ut(t){var e=t.srcEvent.clientX,i=t.srcEvent.clientY;for(var n=0;n<this.lastTouches.length;n++){var r=this.lastTouches[n];var s=Math.abs(e-r.x),o=Math.abs(i-r.y);if(s<=Nt&&o<=Nt){return true}}return false}var Bt=z(o.style,"touchAction");var Ht=Bt!==r;var Wt="compute";var Xt="auto";var Yt="manipulation";var qt="none";var $t="pan-x";var Gt="pan-y";var Vt=Jt();function Zt(t,e){this.manager=t;this.set(e)}Zt.prototype={set:function(t){if(t==Wt){t=this.compute()}if(Ht&&this.manager.element.style&&Vt[t]){this.manager.element.style[Bt]=t}this.actions=t.toLowerCase().trim()},update:function(){this.set(this.manager.options.touchAction)},compute:function(){var t=[];d(this.manager.recognizers,(function(e){if(w(e.options.enable,[e])){t=t.concat(e.getTouchAction())}}));return Kt(t.join(" "))},preventDefaults:function(t){var e=t.srcEvent;var i=t.offsetDirection;if(this.manager.session.prevented){e.preventDefault();return}var n=this.actions;var r=A(n,qt)&&!Vt[qt];var s=A(n,Gt)&&!Vt[Gt];var o=A(n,$t)&&!Vt[$t];if(r){var a=t.pointers.length===1;var c=t.distance<2;var l=t.deltaTime<250;if(a&&c&&l){return}}if(o&&s){return}if(r||s&&i&J||o&&i&Q){return this.preventSrc(e)}},preventSrc:function(t){this.manager.session.prevented=true;t.preventDefault()}};function Kt(t){if(A(t,qt)){return qt}var e=A(t,$t);var i=A(t,Gt);if(e&&i){return qt}if(e||i){return e?$t:Gt}if(A(t,Yt)){return Yt}return Xt}function Jt(){if(!Ht){return false}var t={};var i=e.CSS&&e.CSS.supports;["auto","manipulation","pan-y","pan-x","pan-x pan-y","none"].forEach((function(n){t[n]=i?e.CSS.supports("touch-action",n):true}));return t}var Qt=1;var te=2;var ee=4;var ie=8;var ne=ie;var re=16;var se=32;function oe(t){this.options=m({},this.defaults,t||{});this.id=P();this.manager=null;this.options.enable=T(this.options.enable,true);this.state=Qt;this.simultaneous={};this.requireFail=[]}oe.prototype={defaults:{},set:function(t){m(this.options,t);this.manager&&this.manager.touchAction.update();return this},recognizeWith:function(t){if(h(t,"recognizeWith",this)){return this}var e=this.simultaneous;t=le(t,this);if(!e[t.id]){e[t.id]=t;t.recognizeWith(this)}return this},dropRecognizeWith:function(t){if(h(t,"dropRecognizeWith",this)){return this}t=le(t,this);delete this.simultaneous[t.id];return this},requireFailure:function(t){if(h(t,"requireFailure",this)){return this}var e=this.requireFail;t=le(t,this);if(R(e,t)===-1){e.push(t);t.requireFailure(this)}return this},dropRequireFailure:function(t){if(h(t,"dropRequireFailure",this)){return this}t=le(t,this);var e=R(this.requireFail,t);if(e>-1){this.requireFail.splice(e,1)}return this},hasRequireFailures:function(){return this.requireFail.length>0},canRecognizeWith:function(t){return!!this.simultaneous[t.id]},emit:function(t){var e=this;var i=this.state;function n(i){e.manager.emit(i,t)}if(i<ie){n(e.options.event+ae(i))}n(e.options.event);if(t.additionalEvent){n(t.additionalEvent)}if(i>=ie){n(e.options.event+ae(i))}},tryEmit:function(t){if(this.canEmit()){return this.emit(t)}this.state=se},canEmit:function(){var t=0;while(t<this.requireFail.length){if(!(this.requireFail[t].state&(se|Qt))){return false}t++}return true},recognize:function(t){var e=m({},t);if(!w(this.options.enable,[this,e])){this.reset();this.state=se;return}if(this.state&(ne|re|se)){this.state=Qt}this.state=this.process(e);if(this.state&(te|ee|ie|re)){this.tryEmit(e)}},process:function(t){},getTouchAction:function(){},reset:function(){}};function ae(t){if(t&re){return"cancel"}else if(t&ie){return"end"}else if(t&ee){return"move"}else if(t&te){return"start"}return""}function ce(t){if(t==K){return"down"}else if(t==Z){return"up"}else if(t==G){return"left"}else if(t==V){return"right"}return""}function le(t,e){var i=e.manager;if(i){return i.get(t)}return t}function ue(){oe.apply(this,arguments)}b(ue,oe,{defaults:{pointers:1},attrTest:function(t){var e=this.options.pointers;return e===0||t.pointers.length===e},process:function(t){var e=this.state;var i=t.eventType;var n=e&(te|ee);var r=this.attrTest(t);if(n&&(i&q||!r)){return e|re}else if(n||r){if(i&Y){return e|ie}else if(!(e&te)){return te}return e|ee}return se}});function fe(){ue.apply(this,arguments);this.pX=null;this.pY=null}b(fe,ue,{defaults:{event:"pan",threshold:10,pointers:1,direction:tt},getTouchAction:function(){var t=this.options.direction;var e=[];if(t&J){e.push(Gt)}if(t&Q){e.push($t)}return e},directionTest:function(t){var e=this.options;var i=true;var n=t.distance;var r=t.direction;var s=t.deltaX;var o=t.deltaY;if(!(r&e.direction)){if(e.direction&J){r=s===0?$:s<0?G:V;i=s!=this.pX;n=Math.abs(t.deltaX)}else{r=o===0?$:o<0?Z:K;i=o!=this.pY;n=Math.abs(t.deltaY)}}t.direction=r;return i&&n>e.threshold&&r&e.direction},attrTest:function(t){return ue.prototype.attrTest.call(this,t)&&(this.state&te||!(this.state&te)&&this.directionTest(t))},emit:function(t){this.pX=t.deltaX;this.pY=t.deltaY;var e=ce(t.direction);if(e){t.additionalEvent=this.options.event+e}this._super.emit.call(this,t)}});function he(){ue.apply(this,arguments)}b(he,ue,{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&te)},emit:function(t){if(t.scale!==1){var e=t.scale<1?"in":"out";t.additionalEvent=this.options.event+e}this._super.emit.call(this,t)}});function de(){oe.apply(this,arguments);this._timer=null;this._input=null}b(de,oe,{defaults:{event:"press",pointers:1,time:251,threshold:9},getTouchAction:function(){return[Xt]},process:function(t){var e=this.options;var i=t.pointers.length===e.pointers;var n=t.distance<e.threshold;var r=t.deltaTime>e.time;this._input=t;if(!n||!i||t.eventType&(Y|q)&&!r){this.reset()}else if(t.eventType&W){this.reset();this._timer=f((function(){this.state=ne;this.tryEmit()}),e.time,this)}else if(t.eventType&Y){return ne}return se},reset:function(){clearTimeout(this._timer)},emit:function(t){if(this.state!==ne){return}if(t&&t.eventType&Y){this.manager.emit(this.options.event+"up",t)}else{this._input.timeStamp=u();this.manager.emit(this.options.event,this._input)}}});function pe(){ue.apply(this,arguments)}b(pe,ue,{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&te)}});function me(){ue.apply(this,arguments)}b(me,ue,{defaults:{event:"swipe",threshold:10,velocity:.3,direction:J|Q,pointers:1},getTouchAction:function(){return fe.prototype.getTouchAction.call(this)},attrTest:function(t){var e=this.options.direction;var i;if(e&(J|Q)){i=t.overallVelocity}else if(e&J){i=t.overallVelocityX}else if(e&Q){i=t.overallVelocityY}return this._super.attrTest.call(this,t)&&e&t.offsetDirection&&t.distance>this.options.threshold&&t.maxPointers==this.options.pointers&&l(i)>this.options.velocity&&t.eventType&Y},emit:function(t){var e=ce(t.offsetDirection);if(e){this.manager.emit(this.options.event+e,t)}this.manager.emit(this.options.event,t)}});function ve(){oe.apply(this,arguments);this.pTime=false;this.pCenter=false;this._timer=null;this._input=null;this.count=0}b(ve,oe,{defaults:{event:"tap",pointers:1,taps:1,interval:300,time:250,threshold:9,posThreshold:10},getTouchAction:function(){return[Yt]},process:function(t){var e=this.options;var i=t.pointers.length===e.pointers;var n=t.distance<e.threshold;var r=t.deltaTime<e.time;this.reset();if(t.eventType&W&&this.count===0){return this.failTimeout()}if(n&&r&&i){if(t.eventType!=Y){return this.failTimeout()}var s=this.pTime?t.timeStamp-this.pTime<e.interval:true;var o=!this.pCenter||dt(this.pCenter,t.center)<e.posThreshold;this.pTime=t.timeStamp;this.pCenter=t.center;if(!o||!s){this.count=1}else{this.count+=1}this._input=t;var a=this.count%e.taps;if(a===0){if(!this.hasRequireFailures()){return ne}else{this._timer=f((function(){this.state=ne;this.tryEmit()}),e.interval,this);return te}}}return se},failTimeout:function(){this._timer=f((function(){this.state=se}),this.options.interval,this);return se},reset:function(){clearTimeout(this._timer)},emit:function(){if(this.state==ne){this._input.tapCount=this.count;this.manager.emit(this.options.event,this._input)}}});function ge(t,e){e=e||{};e.recognizers=T(e.recognizers,ge.defaults.preset);return new we(t,e)}ge.VERSION="2.0.7";ge.defaults={domEvents:false,touchAction:Wt,enable:true,inputTarget:null,inputClass:null,preset:[[pe,{enable:false}],[he,{enable:false},["rotate"]],[me,{direction:J}],[fe,{direction:J},["swipe"]],[ve],[ve,{event:"doubletap",taps:2},["tap"]],[de]],cssProps:{userSelect:"none",touchSelect:"none",touchCallout:"none",contentZooming:"none",userDrag:"none",tapHighlightColor:"rgba(0,0,0,0)"}};var be=1;var ye=2;function we(t,e){this.options=m({},ge.defaults,e||{});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 Zt(this,this.options.touchAction);Te(this,true);d(this.options.recognizers,(function(t){var e=this.add(new t[0](t[1]));t[2]&&e.recognizeWith(t[2]);t[3]&&e.requireFailure(t[3])}),this)}we.prototype={set:function(t){m(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?ye:be},recognize:function(t){var e=this.session;if(e.stopped){return}this.touchAction.preventDefaults(t);var i;var n=this.recognizers;var r=e.curRecognizer;if(!r||r&&r.state&ne){r=e.curRecognizer=null}var s=0;while(s<n.length){i=n[s];if(e.stopped!==ye&&(!r||i==r||i.canRecognizeWith(r))){i.recognize(t)}else{i.reset()}if(!r&&i.state&(te|ee|ie)){r=e.curRecognizer=i}s++}},get:function(t){if(t instanceof oe){return t}var e=this.recognizers;for(var i=0;i<e.length;i++){if(e[i].options.event==t){return e[i]}}return null},add:function(t){if(h(t,"add",this)){return this}var e=this.get(t.options.event);if(e){this.remove(e)}this.recognizers.push(t);t.manager=this;this.touchAction.update();return t},remove:function(t){if(h(t,"remove",this)){return this}t=this.get(t);if(t){var e=this.recognizers;var i=R(e,t);if(i!==-1){e.splice(i,1);this.touchAction.update()}}return this},on:function(t,e){if(t===r){return}if(e===r){return}var i=this.handlers;d(S(t),(function(t){i[t]=i[t]||[];i[t].push(e)}));return this},off:function(t,e){if(t===r){return}var i=this.handlers;d(S(t),(function(t){if(!e){delete i[t]}else{i[t]&&i[t].splice(R(i[t],e),1)}}));return this},emit:function(t,e){if(this.options.domEvents){xe(t,e)}var i=this.handlers[t]&&this.handlers[t].slice();if(!i||!i.length){return}e.type=t;e.preventDefault=function(){e.srcEvent.preventDefault()};var n=0;while(n<i.length){i[n](e);n++}},destroy:function(){this.element&&Te(this,false);this.handlers={};this.session={};this.input.destroy();this.element=null}};function Te(t,e){var i=t.element;if(!i.style){return}var n;d(t.options.cssProps,(function(r,s){n=z(i.style,s);if(e){t.oldCssProps[n]=i.style[n];i.style[n]=r}else{i.style[n]=t.oldCssProps[n]||""}}));if(!e){t.oldCssProps={}}}function xe(t,e){var n=i.createEvent("Event");n.initEvent(t,true,true);n.gesture=e;e.target.dispatchEvent(n)}m(ge,{INPUT_START:W,INPUT_MOVE:X,INPUT_END:Y,INPUT_CANCEL:q,STATE_POSSIBLE:Qt,STATE_BEGAN:te,STATE_CHANGED:ee,STATE_ENDED:ie,STATE_RECOGNIZED:ne,STATE_CANCELLED:re,STATE_FAILED:se,DIRECTION_NONE:$,DIRECTION_LEFT:G,DIRECTION_RIGHT:V,DIRECTION_UP:Z,DIRECTION_DOWN:K,DIRECTION_HORIZONTAL:J,DIRECTION_VERTICAL:Q,DIRECTION_ALL:tt,Manager:we,Input:nt,TouchAction:Zt,TouchInput:Mt,MouseInput:wt,PointerEventInput:At,TouchMouseInput:Lt,SingleTouchInput:It,Recognizer:oe,AttrRecognizer:ue,Tap:ve,Pan:fe,Swipe:me,Pinch:he,Rotate:pe,Press:de,on:x,off:E,each:d,merge:g,extend:v,assign:m,inherit:b,bindFn:y,prefixed:z});var Ee=typeof e!=="undefined"?e:typeof self!=="undefined"?self:{};Ee.Hammer=ge;if(t.exports){t.exports=ge}else{e[n]=ge}})(window,document,"Hammer")})(pt);return pt.exports}var gt=vt();var bt=c(gt);const yt=()=>`:host{--percentuale:0;display:flex;width:100%;min-width:200px;max-width:100dvw;box-sizing:border-box;background:var(--color-surface01);border-radius:var(--border-size-large);box-shadow:var(--shadow-3);color:var(--color-default-text);fill:var(--color-primary01-icon);font-family:var(--font-family-sans);font-size:var(--font-size-2);font-weight:var(--font-rg)}: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}.toast-notification-container{display:flex;width:100%;align-items:baseline;justify-content:space-between;padding:calc(var(--space-unit) * 2);border-radius:var(--border-radius);gap:calc(var(--space-unit) * 2)}.toast-notification-content{display:flex;width:100%;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:calc(var(--space-unit) * 2)}.toast-notification-content .toast-notification-text{color:inherit;letter-spacing:0.16px;line-height:1.25rem}.toast-notification-content .toast-notification-text .title{margin-right:calc(var(--space-unit) / 2);font-weight:var(--font-sb)}.close-button{height:1.125rem;padding:0;border:none;background-color:transparent;cursor:pointer}.close-button z-icon{--z-icon-width:1.125rem;--z-icon-height:1.125rem;display:inline-block;height:1.25rem}.close-button:focus:focus-visible{border-radius:50%;box-shadow:var(--shadow-focus-primary);outline:none}:host(.dark){background:var(--color-surface05);color:var(--color-text-inverse);fill:var(--color-inverse-icon)}:host(.dark) .close-button:focus:focus-visible{box-shadow:0 0 0 2px var(--gray900),     0 0 2px 5px var(--blue25)}:host(.accent){background:var(--color-primary01)}:host(.error){background:var(--color-default-error)}:host(.success){background:var(--color-default-success)}:host(.warning){background:var(--color-default-warning)}:host(.accent),:host(.error),:host(.success){color:var(--color-text-inverse);fill:var(--color-inverse-icon)}:host(.warning) .close-button{fill:var(--color-default-icon)}@media (min-width: 768px){:host{width:fit-content;max-width:50vw}.toast-notification-content{flex-wrap:nowrap}}@media (min-width: 1366px){:host{max-width:33vw}}@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%)}}`;const wt={[o.SLIDE_IN_DOWN]:o.SLIDE_OUT_UP,[o.SLIDE_IN_UP]:o.SLIDE_OUT_DOWN,[o.SLIDE_IN_LEFT]:o.SLIDE_OUT_RIGHT,[o.SLIDE_IN_RIGHT]:o.SLIDE_OUT_LEFT};const Tt=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.toastClose=i(this,"toastClose",7);this.pauseonfocusloss=true;this.isdraggable=true;this.draggablepercentage=80;this.isCloseEventCalled=false}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)}}}close(t,e){if(e&&this.timeoutHandle){clearTimeout(this.timeoutHandle)}this.timeoutHandle=null;this.elapsedTime=null;this.toastClose.emit();if(t){this.hostElement.classList.add(t)}else{this.hostElement.parentNode.removeChild(this.hostElement)}}visibilityChangeEventHandler(){if(document.visibilityState==="hidden"){if(this.timeoutHandle){this.onBlur()}}else if(this.elapsedTime){this.onFocus()}}validateAutoclose(){if(!this.autoclose&&!this.closebutton){console.error("At least one between autoclose and closebutton must be present")}}calculateDraggedPercentage(t){const e=this.hostElement.getBoundingClientRect();return Math.round(100*t.deltaX/e.width)}handleSlideOutDragAnimation(){this.sliderManager=new bt(this.hostElement);this.sliderManager.get("pan").set({direction:bt.DIRECTION_HORIZONTAL});this.sliderManager.on("pan",(t=>{this.percentage=this.calculateDraggedPercentage(t);this.hostElement.style.transition="none";if(this.transition){this.hostElement.classList.remove(this.transition)}const e={translate:`translateX(${this.percentage}%)`,translateBack:"translateX(0)"};this.hostElement.style.opacity=`${100-Math.abs(this.percentage)}%`;if(t.eventType===bt.DIRECTION_LEFT||t.eventType===bt.DIRECTION_RIGHT){this.hostElement.style.transform=e.translate;if(Math.abs(this.percentage)>this.draggablepercentage&&!this.isCloseEventCalled){this.isCloseEventCalled=true;this.close(t.direction===bt.DIRECTION_LEFT?o.SLIDE_OUT_LEFT:o.SLIDE_OUT_RIGHT,true)}}if(t.isFinal&&Math.abs(this.percentage)<this.draggablepercentage){this.hostElement.style.transform=e.translateBack;this.hostElement.style.transition="all 1s";this.hostElement.style.opacity="100%";this.percentage=0}}))}onFocus(){let t=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.close(wt[this.transition],false)),t)}checkSlottedButton(){this.hasSlottedButton=!!this.hostElement.querySelector("[slot='button']")}componentWillLoad(){this.validateAutoclose();this.checkSlottedButton();this.percentage=0}componentDidLoad(){this.startTime=Date.now();if(this.autoclose){if(this.pauseonfocusloss){document.addEventListener("visibilitychange",this.visibilityChangeEventHandler)}if(!this.transition){this.startClosingTimeout(this.autoclose)}}if(this.isdraggable){this.handleSlideOutDragAnimation()}}render(){return n(r,{key:"281e32f784c53014c9236fe15bcaffd1c17105fa",style:{"--percentuale":`${this.percentage}%`},class:{[this.transition]:!!this.transition,[this.type]:!!this.type},onAnimationEnd:t=>{if(this.autoclose&&t.animationName.includes("slidein")){this.startClosingTimeout(this.autoclose)}if(t.animationName.includes("slideout")){this.hostElement.parentNode.removeChild(this.hostElement)}}},n("div",{key:"ea37ca1023a4d2dc38225d70865168dae75a2c5f",class:"toast-notification-container"},n("div",{key:"246782a577afe9c2ced5a500d678d6b38118b1df",class:"toast-notification-content"},n("div",{key:"2d8b3d8a19c33ffe2ac37f94253647e88df05925",class:"toast-notification-text"},this.heading&&n("span",{key:"1924b7cf3e1ed690a6ca70d03f8a0dbb87e83968",class:"title"},this.heading),n("span",{key:"954b54d9b6b78393ccc9118c85c1aaa4605c91ab",class:"message"},n("slot",{key:"fc9c584e93789d6d97060a75d7f096bcf486a77a",name:"message"},this.message&&n("span",{key:"d909af91abe205d1a9f5ebbfe026e0047cfba86e",innerHTML:dt.sanitize(this.message)})))),n("div",{key:"968e4a2fcb6c825b4a2667de69c910f9f2325e69",class:"button-container",hidden:!this.hasSlottedButton},n("slot",{key:"1c365d7a4ae2c921767083790c472a64bc964592",name:"button",onSlotchange:()=>this.checkSlottedButton()}))),this.closebutton&&n("button",{key:"8bcba678652e3e6e9a6dccfe7ee10ee739a43fe4",class:"close-button","aria-label":"Chiudi notifica",onClick:()=>this.close(wt[this.transition],true),onKeyDown:t=>{if(t.code==a.SPACE||t.code==a.ENTER){t.preventDefault();this.close(wt[this.transition],true)}}},n("z-icon",{key:"c273ab9fe23fb80a267365b263eda04ba0cfc8e4",name:"multiply-circled"}))))}get hostElement(){return this}static get watchers(){return{isdraggable:[{watchPropIsdraggable:0}],autoclose:[{watchPropAutoclose:0}],pauseonfocusloss:[{watchPropPauseonfocusloss:0}]}}static get style(){return yt()}},[257,"z-toast-notification",{heading:[1],message:[1],closebutton:[4],autoclose:[2],pauseonfocusloss:[4],type:[1],isdraggable:[4],draggablepercentage:[2],transition:[1],percentage:[32],hasSlottedButton:[32]},undefined,{isdraggable:[{watchPropIsdraggable:0}],autoclose:[{watchPropAutoclose:0}],pauseonfocusloss:[{watchPropPauseonfocusloss:0}]}]);function xt(){if(typeof customElements==="undefined"){return}const t=["z-toast-notification","z-icon"];t.forEach((t=>{switch(t){case"z-toast-notification":if(!customElements.get(s(t))){customElements.define(s(t),Tt)}break;case"z-icon":if(!customElements.get(s(t))){l()}break}}))}const Et=Tt;const kt=xt;export{Et as ZToastNotification,kt as defineCustomElement};
-//# sourceMappingURL=z-toast-notification.js.map
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as n,Host as o,transformTag as r}from"@stencil/core/internal/client";import{r as s,g as a}from"./index2.js";import{g as c}from"./_commonjsHelpers.js";import{d as u}from"./index3.js";
+/*! @license DOMPurify 3.4.0 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.4.0/LICENSE */const{entries:l,setPrototypeOf:h,isFrozen:f,getPrototypeOf:d,getOwnPropertyDescriptor:p}=Object;let{freeze:m,seal:g,create:v}=Object,{apply:b,construct:y}="undefined"!=typeof Reflect&&Reflect;m||(m=function(t){return t}),g||(g=function(t){return t}),b||(b=function(t,e){for(var i=arguments.length,n=Array(i>2?i-2:0),o=2;o<i;o++)n[o-2]=arguments[o];return t.apply(e,n)}),y||(y=function(t){for(var e=arguments.length,i=Array(e>1?e-1:0),n=1;n<e;n++)i[n-1]=arguments[n];return new t(...i)});const w=O(Array.prototype.forEach),T=O(Array.prototype.lastIndexOf),x=O(Array.prototype.pop),E=O(Array.prototype.push),k=O(Array.prototype.splice),A=O(String.prototype.toLowerCase),S=O(String.prototype.toString),R=O(String.prototype.match),z=O(String.prototype.replace),_=O(String.prototype.indexOf),D=O(String.prototype.trim),I=O(Object.prototype.hasOwnProperty),M=O(RegExp.prototype.test),P=function(t){return function(){for(var e=arguments.length,i=Array(e),n=0;n<e;n++)i[n]=arguments[n];return y(t,i)}}(TypeError);function O(t){return function(e){e instanceof RegExp&&(e.lastIndex=0);for(var i=arguments.length,n=Array(i>1?i-1:0),o=1;o<i;o++)n[o-1]=arguments[o];return b(t,e,n)}}function C(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:A;h&&h(t,null);let n=e.length;for(;n--;){let o=e[n];if("string"==typeof o){const t=i(o);t!==o&&(f(e)||(e[n]=t),o=t)}t[o]=!0}return t}function N(t){for(let e=0;e<t.length;e++)I(t,e)||(t[e]=null);return t}function L(t){const e=v(null);for(const[i,n]of l(t))I(t,i)&&(e[i]=Array.isArray(n)?N(n):n&&"object"==typeof n&&n.constructor===Object?L(n):n);return e}function F(t,e){for(;null!==t;){const i=p(t,e);if(i){if(i.get)return O(i.get);if("function"==typeof i.value)return O(i.value)}t=d(t)}return function(){return null}}const j=m(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","search","section","select","shadow","slot","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),U=m(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","enterkeyhint","exportparts","filter","font","g","glyph","glyphref","hkern","image","inputmode","line","lineargradient","marker","mask","metadata","mpath","part","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),W=m(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),X=m(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),B=m(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]),H=m(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),Y=m(["#text"]),q=m(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","exportparts","face","for","headers","height","hidden","high","href","hreflang","id","inert","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","part","pattern","placeholder","playsinline","popover","popovertarget","popovertargetaction","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","slot","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","wrap","xmlns","slot"]),G=m(["accent-height","accumulate","additive","alignment-baseline","amplitude","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","exponent","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","mask-type","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","slope","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","tablevalues","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),$=m(["accent","accentunder","align","bevelled","close","columnalign","columnlines","columnspacing","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lquote","lspace","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),V=m(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),Z=g(/\{\{[\w\W]*|[\w\W]*\}\}/gm),K=g(/<%[\w\W]*|[\w\W]*%>/gm),J=g(/\$\{[\w\W]*/gm),Q=g(/^data-[\-\w.\u00B7-\uFFFF]+$/),tt=g(/^aria-[\-\w]+$/),et=g(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),it=g(/^(?:\w+script|data):/i),nt=g(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),ot=g(/^html$/i),rt=g(/^[a-z][.\w]*(-[.\w]+)+$/i);var st=Object.freeze({__proto__:null,ARIA_ATTR:tt,ATTR_WHITESPACE:nt,CUSTOM_ELEMENT:rt,DATA_ATTR:Q,DOCTYPE_NAME:ot,ERB_EXPR:K,IS_ALLOWED_URI:et,IS_SCRIPT_OR_DATA:it,MUSTACHE_EXPR:Z,TMPLIT_EXPR:J});const at=function(){return"undefined"==typeof window?null:window};var ct,ut=function t(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:at();const i=e=>t(e);if(i.version="3.4.0",i.removed=[],!e||!e.document||9!==e.document.nodeType||!e.Element)return i.isSupported=!1,i;let{document:n}=e;const o=n,r=o.currentScript,{DocumentFragment:s,HTMLTemplateElement:a,Node:c,Element:u,NodeFilter:h,NamedNodeMap:f=e.NamedNodeMap||e.MozNamedAttrMap,HTMLFormElement:d,DOMParser:p,trustedTypes:g}=e,b=u.prototype,y=F(b,"cloneNode"),O=F(b,"remove"),N=F(b,"nextSibling"),Z=F(b,"childNodes"),K=F(b,"parentNode");if("function"==typeof a){const t=n.createElement("template");t.content&&t.content.ownerDocument&&(n=t.content.ownerDocument)}let J,Q="";const{implementation:tt,createNodeIterator:it,createDocumentFragment:nt,getElementsByTagName:rt}=n,{importNode:ct}=o;let ut={afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]};i.isSupported="function"==typeof l&&"function"==typeof K&&tt&&void 0!==tt.createHTMLDocument;const{MUSTACHE_EXPR:lt,ERB_EXPR:ht,TMPLIT_EXPR:ft,DATA_ATTR:dt,ARIA_ATTR:pt,IS_SCRIPT_OR_DATA:mt,ATTR_WHITESPACE:gt,CUSTOM_ELEMENT:vt}=st;let{IS_ALLOWED_URI:bt}=st,yt=null;const wt=C({},[...j,...U,...W,...B,...Y]);let Tt=null;const xt=C({},[...q,...G,...$,...V]);let Et=Object.seal(v(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),kt=null,At=null;const St=Object.seal(v(null,{tagCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeCheck:{writable:!0,configurable:!1,enumerable:!0,value:null}}));let Rt=!0,zt=!0,_t=!1,Dt=!0,It=!1,Mt=!0,Pt=!1,Ot=!1,Ct=!1,Nt=!1,Lt=!1,Ft=!1,jt=!0,Ut=!1,Wt=!0,Xt=!1,Bt={},Ht=null;const Yt=C({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let qt=null;const Gt=C({},["audio","video","img","source","image","track"]);let $t=null;const Vt=C({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),Zt="http://www.w3.org/1998/Math/MathML",Kt="http://www.w3.org/2000/svg",Jt="http://www.w3.org/1999/xhtml";let Qt=Jt,te=!1,ee=null;const ie=C({},[Zt,Kt,Jt],S);let ne=C({},["mi","mo","mn","ms","mtext"]),oe=C({},["annotation-xml"]);const re=C({},["title","style","font","a","script"]);let se=null;const ae=["application/xhtml+xml","text/html"];let ce=null,ue=null;const le=n.createElement("form"),he=function(t){return t instanceof RegExp||t instanceof Function},fe=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!ue||ue!==t){if(t&&"object"==typeof t||(t={}),t=L(t),se=-1===ae.indexOf(t.PARSER_MEDIA_TYPE)?"text/html":t.PARSER_MEDIA_TYPE,ce="application/xhtml+xml"===se?S:A,yt=I(t,"ALLOWED_TAGS")?C({},t.ALLOWED_TAGS,ce):wt,Tt=I(t,"ALLOWED_ATTR")?C({},t.ALLOWED_ATTR,ce):xt,ee=I(t,"ALLOWED_NAMESPACES")?C({},t.ALLOWED_NAMESPACES,S):ie,$t=I(t,"ADD_URI_SAFE_ATTR")?C(L(Vt),t.ADD_URI_SAFE_ATTR,ce):Vt,qt=I(t,"ADD_DATA_URI_TAGS")?C(L(Gt),t.ADD_DATA_URI_TAGS,ce):Gt,Ht=I(t,"FORBID_CONTENTS")?C({},t.FORBID_CONTENTS,ce):Yt,kt=I(t,"FORBID_TAGS")?C({},t.FORBID_TAGS,ce):L({}),At=I(t,"FORBID_ATTR")?C({},t.FORBID_ATTR,ce):L({}),Bt=!!I(t,"USE_PROFILES")&&t.USE_PROFILES,Rt=!1!==t.ALLOW_ARIA_ATTR,zt=!1!==t.ALLOW_DATA_ATTR,_t=t.ALLOW_UNKNOWN_PROTOCOLS||!1,Dt=!1!==t.ALLOW_SELF_CLOSE_IN_ATTR,It=t.SAFE_FOR_TEMPLATES||!1,Mt=!1!==t.SAFE_FOR_XML,Pt=t.WHOLE_DOCUMENT||!1,Nt=t.RETURN_DOM||!1,Lt=t.RETURN_DOM_FRAGMENT||!1,Ft=t.RETURN_TRUSTED_TYPE||!1,Ct=t.FORCE_BODY||!1,jt=!1!==t.SANITIZE_DOM,Ut=t.SANITIZE_NAMED_PROPS||!1,Wt=!1!==t.KEEP_CONTENT,Xt=t.IN_PLACE||!1,bt=t.ALLOWED_URI_REGEXP||et,Qt=t.NAMESPACE||Jt,ne=t.MATHML_TEXT_INTEGRATION_POINTS||ne,oe=t.HTML_INTEGRATION_POINTS||oe,Et=t.CUSTOM_ELEMENT_HANDLING||v(null),t.CUSTOM_ELEMENT_HANDLING&&he(t.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(Et.tagNameCheck=t.CUSTOM_ELEMENT_HANDLING.tagNameCheck),t.CUSTOM_ELEMENT_HANDLING&&he(t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(Et.attributeNameCheck=t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),t.CUSTOM_ELEMENT_HANDLING&&"boolean"==typeof t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(Et.allowCustomizedBuiltInElements=t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),It&&(zt=!1),Lt&&(Nt=!0),Bt&&(yt=C({},Y),Tt=v(null),!0===Bt.html&&(C(yt,j),C(Tt,q)),!0===Bt.svg&&(C(yt,U),C(Tt,G),C(Tt,V)),!0===Bt.svgFilters&&(C(yt,W),C(Tt,G),C(Tt,V)),!0===Bt.mathMl&&(C(yt,B),C(Tt,$),C(Tt,V))),St.tagCheck=null,St.attributeCheck=null,t.ADD_TAGS&&("function"==typeof t.ADD_TAGS?St.tagCheck=t.ADD_TAGS:(yt===wt&&(yt=L(yt)),C(yt,t.ADD_TAGS,ce))),t.ADD_ATTR&&("function"==typeof t.ADD_ATTR?St.attributeCheck=t.ADD_ATTR:(Tt===xt&&(Tt=L(Tt)),C(Tt,t.ADD_ATTR,ce))),t.ADD_URI_SAFE_ATTR&&C($t,t.ADD_URI_SAFE_ATTR,ce),t.FORBID_CONTENTS&&(Ht===Yt&&(Ht=L(Ht)),C(Ht,t.FORBID_CONTENTS,ce)),t.ADD_FORBID_CONTENTS&&(Ht===Yt&&(Ht=L(Ht)),C(Ht,t.ADD_FORBID_CONTENTS,ce)),Wt&&(yt["#text"]=!0),Pt&&C(yt,["html","head","body"]),yt.table&&(C(yt,["tbody"]),delete kt.tbody),t.TRUSTED_TYPES_POLICY){if("function"!=typeof t.TRUSTED_TYPES_POLICY.createHTML)throw P('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if("function"!=typeof t.TRUSTED_TYPES_POLICY.createScriptURL)throw P('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');J=t.TRUSTED_TYPES_POLICY,Q=J.createHTML("")}else void 0===J&&(J=function(t,e){if("object"!=typeof t||"function"!=typeof t.createPolicy)return null;let i=null;const n="data-tt-policy-suffix";e&&e.hasAttribute(n)&&(i=e.getAttribute(n));const o="dompurify"+(i?"#"+i:"");try{return t.createPolicy(o,{createHTML:t=>t,createScriptURL:t=>t})}catch(t){return console.warn("TrustedTypes policy "+o+" could not be created."),null}}(g,r)),null!==J&&"string"==typeof Q&&(Q=J.createHTML(""));m&&m(t),ue=t}},de=C({},[...U,...W,...X]),pe=C({},[...B,...H]),me=function(t){E(i.removed,{element:t});try{K(t).removeChild(t)}catch(e){O(t)}},ge=function(t,e){try{E(i.removed,{attribute:e.getAttributeNode(t),from:e})}catch(t){E(i.removed,{attribute:null,from:e})}if(e.removeAttribute(t),"is"===t)if(Nt||Lt)try{me(e)}catch(t){}else try{e.setAttribute(t,"")}catch(t){}},ve=function(t){let e=null,i=null;if(Ct)t="<remove></remove>"+t;else{const e=R(t,/^[\r\n\t ]+/);i=e&&e[0]}"application/xhtml+xml"===se&&Qt===Jt&&(t='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+t+"</body></html>");const o=J?J.createHTML(t):t;if(Qt===Jt)try{e=(new p).parseFromString(o,se)}catch(t){}if(!e||!e.documentElement){e=tt.createDocument(Qt,"template",null);try{e.documentElement.innerHTML=te?Q:o}catch(t){}}const r=e.body||e.documentElement;return t&&i&&r.insertBefore(n.createTextNode(i),r.childNodes[0]||null),Qt===Jt?rt.call(e,Pt?"html":"body")[0]:Pt?e.documentElement:r},be=function(t){return it.call(t.ownerDocument||t,t,h.SHOW_ELEMENT|h.SHOW_COMMENT|h.SHOW_TEXT|h.SHOW_PROCESSING_INSTRUCTION|h.SHOW_CDATA_SECTION,null)},ye=function(t){return t instanceof d&&("string"!=typeof t.nodeName||"string"!=typeof t.textContent||"function"!=typeof t.removeChild||!(t.attributes instanceof f)||"function"!=typeof t.removeAttribute||"function"!=typeof t.setAttribute||"string"!=typeof t.namespaceURI||"function"!=typeof t.insertBefore||"function"!=typeof t.hasChildNodes)},we=function(t){return"function"==typeof c&&t instanceof c};function Te(t,e,n){w(t,(t=>{t.call(i,e,n,ue)}))}const xe=function(t){let e=null;if(Te(ut.beforeSanitizeElements,t,null),ye(t))return me(t),!0;const n=ce(t.nodeName);if(Te(ut.uponSanitizeElement,t,{tagName:n,allowedTags:yt}),Mt&&t.hasChildNodes()&&!we(t.firstElementChild)&&M(/<[/\w!]/g,t.innerHTML)&&M(/<[/\w!]/g,t.textContent))return me(t),!0;if(Mt&&t.namespaceURI===Jt&&"style"===n&&we(t.firstElementChild))return me(t),!0;if(7===t.nodeType)return me(t),!0;if(Mt&&8===t.nodeType&&M(/<[/\w]/g,t.data))return me(t),!0;if(kt[n]||!(St.tagCheck instanceof Function&&St.tagCheck(n))&&!yt[n]){if(!kt[n]&&ke(n)){if(Et.tagNameCheck instanceof RegExp&&M(Et.tagNameCheck,n))return!1;if(Et.tagNameCheck instanceof Function&&Et.tagNameCheck(n))return!1}if(Wt&&!Ht[n]){const e=K(t)||t.parentNode,i=Z(t)||t.childNodes;if(i&&e)for(let n=i.length-1;n>=0;--n){const o=y(i[n],!0);o.__removalCount=(t.__removalCount||0)+1,e.insertBefore(o,N(t))}}return me(t),!0}return t instanceof u&&!function(t){let e=K(t);e&&e.tagName||(e={namespaceURI:Qt,tagName:"template"});const i=A(t.tagName),n=A(e.tagName);return!!ee[t.namespaceURI]&&(t.namespaceURI===Kt?e.namespaceURI===Jt?"svg"===i:e.namespaceURI===Zt?"svg"===i&&("annotation-xml"===n||ne[n]):!!de[i]:t.namespaceURI===Zt?e.namespaceURI===Jt?"math"===i:e.namespaceURI===Kt?"math"===i&&oe[n]:!!pe[i]:t.namespaceURI===Jt?!(e.namespaceURI===Kt&&!oe[n])&&!(e.namespaceURI===Zt&&!ne[n])&&!pe[i]&&(re[i]||!de[i]):!("application/xhtml+xml"!==se||!ee[t.namespaceURI]))}(t)?(me(t),!0):"noscript"!==n&&"noembed"!==n&&"noframes"!==n||!M(/<\/no(script|embed|frames)/i,t.innerHTML)?(It&&3===t.nodeType&&(e=t.textContent,w([lt,ht,ft],(t=>{e=z(e,t," ")})),t.textContent!==e&&(E(i.removed,{element:t.cloneNode()}),t.textContent=e)),Te(ut.afterSanitizeElements,t,null),!1):(me(t),!0)},Ee=function(t,e,i){if(At[e])return!1;if(jt&&("id"===e||"name"===e)&&(i in n||i in le))return!1;if(zt&&!At[e]&&M(dt,e));else if(Rt&&M(pt,e));else if(St.attributeCheck instanceof Function&&St.attributeCheck(e,t));else if(!Tt[e]||At[e]){if(!(ke(t)&&(Et.tagNameCheck instanceof RegExp&&M(Et.tagNameCheck,t)||Et.tagNameCheck instanceof Function&&Et.tagNameCheck(t))&&(Et.attributeNameCheck instanceof RegExp&&M(Et.attributeNameCheck,e)||Et.attributeNameCheck instanceof Function&&Et.attributeNameCheck(e,t))||"is"===e&&Et.allowCustomizedBuiltInElements&&(Et.tagNameCheck instanceof RegExp&&M(Et.tagNameCheck,i)||Et.tagNameCheck instanceof Function&&Et.tagNameCheck(i))))return!1}else if($t[e]);else if(M(bt,z(i,gt,"")));else if("src"!==e&&"xlink:href"!==e&&"href"!==e||"script"===t||0!==_(i,"data:")||!qt[t])if(_t&&!M(mt,z(i,gt,"")));else if(i)return!1;return!0},ke=function(t){return"annotation-xml"!==t&&R(t,vt)},Ae=function(t){Te(ut.beforeSanitizeAttributes,t,null);const{attributes:e}=t;if(!e||ye(t))return;const n={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:Tt,forceKeepAttr:void 0};let o=e.length;for(;o--;){const r=e[o],{name:s,namespaceURI:a,value:c}=r,u=ce(s),l=c;let h="value"===s?l:D(l);if(n.attrName=u,n.attrValue=h,n.keepAttr=!0,n.forceKeepAttr=void 0,Te(ut.uponSanitizeAttribute,t,n),h=n.attrValue,!Ut||"id"!==u&&"name"!==u||(ge(s,t),h="user-content-"+h),Mt&&M(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i,h)){ge(s,t);continue}if("attributename"===u&&R(h,"href")){ge(s,t);continue}if(n.forceKeepAttr)continue;if(!n.keepAttr){ge(s,t);continue}if(!Dt&&M(/\/>/i,h)){ge(s,t);continue}It&&w([lt,ht,ft],(t=>{h=z(h,t," ")}));const f=ce(t.nodeName);if(Ee(f,u,h)){if(J&&"object"==typeof g&&"function"==typeof g.getAttributeType)if(a);else switch(g.getAttributeType(f,u)){case"TrustedHTML":h=J.createHTML(h);break;case"TrustedScriptURL":h=J.createScriptURL(h)}if(h!==l)try{a?t.setAttributeNS(a,s,h):t.setAttribute(s,h),ye(t)?me(t):x(i.removed)}catch(e){ge(s,t)}}else ge(s,t)}Te(ut.afterSanitizeAttributes,t,null)},Se=function(t){let e=null;const i=be(t);for(Te(ut.beforeSanitizeShadowDOM,t,null);e=i.nextNode();)Te(ut.uponSanitizeShadowNode,e,null),xe(e),Ae(e),e.content instanceof s&&Se(e.content);Te(ut.afterSanitizeShadowDOM,t,null)};return i.sanitize=function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=null,r=null,a=null,u=null;if(te=!t,te&&(t="\x3c!--\x3e"),"string"!=typeof t&&!we(t)){if("function"!=typeof t.toString)throw P("toString is not a function");if("string"!=typeof(t=""+t))throw P("dirty is not a string, aborting")}if(!i.isSupported)return t;if(Ot||fe(e),i.removed=[],"string"==typeof t&&(Xt=!1),Xt){if(t.nodeName){const e=ce(t.nodeName);if(!yt[e]||kt[e])throw P("root node is forbidden and cannot be sanitized in-place")}}else if(t instanceof c)n=ve("\x3c!----\x3e"),r=n.ownerDocument.importNode(t,!0),1===r.nodeType&&"BODY"===r.nodeName||"HTML"===r.nodeName?n=r:n.appendChild(r);else{if(!Nt&&!It&&!Pt&&-1===t.indexOf("<"))return J&&Ft?J.createHTML(t):t;if(n=ve(t),!n)return Nt?null:Ft?Q:""}n&&Ct&&me(n.firstChild);const l=be(Xt?t:n);for(;a=l.nextNode();)xe(a),Ae(a),a.content instanceof s&&Se(a.content);if(Xt)return t;if(Nt){if(It){n.normalize();let t=n.innerHTML;w([lt,ht,ft],(e=>{t=z(t,e," ")})),n.innerHTML=t}if(Lt)for(u=nt.call(n.ownerDocument);n.firstChild;)u.appendChild(n.firstChild);else u=n;return(Tt.shadowroot||Tt.shadowrootmode)&&(u=ct.call(o,u,!0)),u}let h=Pt?n.outerHTML:n.innerHTML;return Pt&&yt["!doctype"]&&n.ownerDocument&&n.ownerDocument.doctype&&n.ownerDocument.doctype.name&&M(ot,n.ownerDocument.doctype.name)&&(h="<!DOCTYPE "+n.ownerDocument.doctype.name+">\n"+h),It&&w([lt,ht,ft],(t=>{h=z(h,t," ")})),J&&Ft?J.createHTML(h):h},i.setConfig=function(){fe(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}),Ot=!0},i.clearConfig=function(){ue=null,Ot=!1},i.isValidAttribute=function(t,e,i){ue||fe({});const n=ce(t),o=ce(e);return Ee(n,o,i)},i.addHook=function(t,e){"function"==typeof e&&E(ut[t],e)},i.removeHook=function(t,e){if(void 0!==e){const i=T(ut[t],e);return-1===i?void 0:k(ut[t],i,1)[0]}return x(ut[t])},i.removeHooks=function(t){ut[t]=[]},i.removeAllHooks=function(){ut={afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}},i}(),lt={exports:{}},ht=(ct||(ct=1,function(t){!function(e,i,n,o){var r,s=["","webkit","Moz","MS","ms","o"],a=i.createElement("div"),c=Math.round,u=Math.abs,l=Date.now;function h(t,e,i){return setTimeout(b(t,i),e)}function f(t,e,i){return!!Array.isArray(t)&&(d(t,i[e],i),!0)}function d(t,e,i){var n;if(t)if(t.forEach)t.forEach(e,i);else if(t.length!==o)for(n=0;n<t.length;)e.call(i,t[n],n,t),n++;else for(n in t)t.hasOwnProperty(n)&&e.call(i,t[n],n,t)}function p(t,i,n){var o="DEPRECATED METHOD: "+i+"\n"+n+" AT \n";return function(){var i=Error("get-stack-trace"),n=i&&i.stack?i.stack.replace(/^[^\(]+?[\n$]/gm,"").replace(/^\s+at\s+/gm,"").replace(/^Object.<anonymous>\s*\(/gm,"{anonymous}()@"):"Unknown Stack Trace",r=e.console&&(e.console.warn||e.console.log);return r&&r.call(e.console,o,n),t.apply(this,arguments)}}r="function"!=typeof Object.assign?function(t){if(t===o||null===t)throw new TypeError("Cannot convert undefined or null to object");for(var e=Object(t),i=1;i<arguments.length;i++){var n=arguments[i];if(n!==o&&null!==n)for(var r in n)n.hasOwnProperty(r)&&(e[r]=n[r])}return e}:Object.assign;var m=p((function(t,e,i){for(var n=Object.keys(e),r=0;r<n.length;)(!i||i&&t[n[r]]===o)&&(t[n[r]]=e[n[r]]),r++;return t}),"extend","Use `assign`."),g=p((function(t,e){return m(t,e,!0)}),"merge","Use `assign`.");function v(t,e,i){var n,o=e.prototype;(n=t.prototype=Object.create(o)).constructor=t,n._super=o,i&&r(n,i)}function b(t,e){return function(){return t.apply(e,arguments)}}function y(t,e){return"function"==typeof t?t.apply(e&&e[0]||o,e):t}function w(t,e){return t===o?e:t}function T(t,e,i){d(A(e),(function(e){t.addEventListener(e,i,!1)}))}function x(t,e,i){d(A(e),(function(e){t.removeEventListener(e,i,!1)}))}function E(t,e){for(;t;){if(t==e)return!0;t=t.parentNode}return!1}function k(t,e){return t.indexOf(e)>-1}function A(t){return t.trim().split(/\s+/g)}function S(t,e,i){if(t.indexOf&&!i)return t.indexOf(e);for(var n=0;n<t.length;){if(i&&t[n][i]==e||!i&&t[n]===e)return n;n++}return-1}function R(t){return Array.prototype.slice.call(t,0)}function z(t,e){for(var i=[],n=[],o=0;o<t.length;){var r=t[o][e];S(n,r)<0&&i.push(t[o]),n[o]=r,o++}return i.sort((function(t,i){return t[e]>i[e]}))}function _(t,e){for(var i,n,r=e[0].toUpperCase()+e.slice(1),a=0;a<s.length;){if((n=(i=s[a])?i+r:e)in t)return n;a++}return o}var D=1;function I(t){var i=t.ownerDocument||t;return i.defaultView||i.parentWindow||e}var M="ontouchstart"in e,P=_(e,"PointerEvent")!==o,O=M&&/mobile|tablet|ip(ad|hone|od)|android/i.test(navigator.userAgent),C="touch",N="mouse",L=["x","y"],F=["clientX","clientY"];function j(t,e){var i=this;this.manager=t,this.callback=e,this.element=t.element,this.target=t.options.inputTarget,this.domHandler=function(e){y(t.options.enable,[t])&&i.handler(e)},this.init()}function U(t,e,i){var n=i.pointers.length,r=i.changedPointers.length,s=1&e&&n-r==0,a=12&e&&n-r==0;i.isFirst=!!s,i.isFinal=!!a,s&&(t.session={}),i.eventType=e,function(t,e){var i=t.session,n=e.pointers,r=n.length;i.firstInput||(i.firstInput=W(e)),r>1&&!i.firstMultiple?i.firstMultiple=W(e):1===r&&(i.firstMultiple=!1);var s=i.firstInput,a=i.firstMultiple,c=a?a.center:s.center,h=e.center=X(n);e.timeStamp=l(),e.deltaTime=e.timeStamp-s.timeStamp,e.angle=q(c,h),e.distance=Y(c,h),function(t,e){var i=e.center,n=t.offsetDelta||{},o=t.prevDelta||{},r=t.prevInput||{};1!==e.eventType&&4!==r.eventType||(o=t.prevDelta={x:r.deltaX||0,y:r.deltaY||0},n=t.offsetDelta={x:i.x,y:i.y}),e.deltaX=o.x+(i.x-n.x),e.deltaY=o.y+(i.y-n.y)}(i,e),e.offsetDirection=H(e.deltaX,e.deltaY);var f=B(e.deltaTime,e.deltaX,e.deltaY);e.overallVelocityX=f.x,e.overallVelocityY=f.y,e.overallVelocity=u(f.x)>u(f.y)?f.x:f.y,e.scale=a?function(t,e){return Y(e[0],e[1],F)/Y(t[0],t[1],F)}(a.pointers,n):1,e.rotation=a?function(t,e){return q(e[1],e[0],F)+q(t[1],t[0],F)}(a.pointers,n):0,e.maxPointers=i.prevInput?e.pointers.length>i.prevInput.maxPointers?e.pointers.length:i.prevInput.maxPointers:e.pointers.length,function(t,e){var i,n,r,s,a=t.lastInterval||e,c=e.timeStamp-a.timeStamp;if(8!=e.eventType&&(c>25||a.velocity===o)){var l=e.deltaX-a.deltaX,h=e.deltaY-a.deltaY,f=B(c,l,h);n=f.x,r=f.y,i=u(f.x)>u(f.y)?f.x:f.y,s=H(l,h),t.lastInterval=e}else i=a.velocity,n=a.velocityX,r=a.velocityY,s=a.direction;e.velocity=i,e.velocityX=n,e.velocityY=r,e.direction=s}(i,e);var d=t.element;E(e.srcEvent.target,d)&&(d=e.srcEvent.target),e.target=d}(t,i),t.emit("hammer.input",i),t.recognize(i),t.session.prevInput=i}function W(t){for(var e=[],i=0;i<t.pointers.length;)e[i]={clientX:c(t.pointers[i].clientX),clientY:c(t.pointers[i].clientY)},i++;return{timeStamp:l(),pointers:e,center:X(e),deltaX:t.deltaX,deltaY:t.deltaY}}function X(t){var e=t.length;if(1===e)return{x:c(t[0].clientX),y:c(t[0].clientY)};for(var i=0,n=0,o=0;o<e;)i+=t[o].clientX,n+=t[o].clientY,o++;return{x:c(i/e),y:c(n/e)}}function B(t,e,i){return{x:e/t||0,y:i/t||0}}function H(t,e){return t===e?1:u(t)>=u(e)?t<0?2:4:e<0?8:16}function Y(t,e,i){i||(i=L);var n=e[i[0]]-t[i[0]],o=e[i[1]]-t[i[1]];return Math.sqrt(n*n+o*o)}function q(t,e,i){return i||(i=L),180*Math.atan2(e[i[1]]-t[i[1]],e[i[0]]-t[i[0]])/Math.PI}j.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(I(this.element),this.evWin,this.domHandler)},destroy:function(){this.evEl&&x(this.element,this.evEl,this.domHandler),this.evTarget&&x(this.target,this.evTarget,this.domHandler),this.evWin&&x(I(this.element),this.evWin,this.domHandler)}};var G={mousedown:1,mousemove:2,mouseup:4};function $(){this.evEl="mousedown",this.evWin="mousemove mouseup",this.pressed=!1,j.apply(this,arguments)}v($,j,{handler:function(t){var e=G[t.type];1&e&&0===t.button&&(this.pressed=!0),2&e&&1!==t.which&&(e=4),this.pressed&&(4&e&&(this.pressed=!1),this.callback(this.manager,e,{pointers:[t],changedPointers:[t],pointerType:N,srcEvent:t}))}});var V={pointerdown:1,pointermove:2,pointerup:4,pointercancel:8,pointerout:8},Z={2:C,3:"pen",4:N,5:"kinect"},K="pointerdown",J="pointermove pointerup pointercancel";function Q(){this.evEl=K,this.evWin=J,j.apply(this,arguments),this.store=this.manager.session.pointerEvents=[]}e.MSPointerEvent&&!e.PointerEvent&&(K="MSPointerDown",J="MSPointerMove MSPointerUp MSPointerCancel"),v(Q,j,{handler:function(t){var e=this.store,i=!1,n=t.type.toLowerCase().replace("ms",""),o=V[n],r=Z[t.pointerType]||t.pointerType,s=r==C,a=S(e,t.pointerId,"pointerId");1&o&&(0===t.button||s)?a<0&&(e.push(t),a=e.length-1):12&o&&(i=!0),a<0||(e[a]=t,this.callback(this.manager,o,{pointers:e,changedPointers:[t],pointerType:r,srcEvent:t}),i&&e.splice(a,1))}});var tt={touchstart:1,touchmove:2,touchend:4,touchcancel:8};function et(){this.evTarget="touchstart",this.evWin="touchstart touchmove touchend touchcancel",this.started=!1,j.apply(this,arguments)}v(et,j,{handler:function(t){var e=tt[t.type];if(1===e&&(this.started=!0),this.started){var i=function(t,e){var i=R(t.touches),n=R(t.changedTouches);return 12&e&&(i=z(i.concat(n),"identifier")),[i,n]}(t,e);12&e&&i[0].length-i[1].length==0&&(this.started=!1),this.callback(this.manager,e,{pointers:i[0],changedPointers:i[1],pointerType:C,srcEvent:t})}}});var it={touchstart:1,touchmove:2,touchend:4,touchcancel:8};function nt(){this.evTarget="touchstart touchmove touchend touchcancel",this.targetIds={},j.apply(this,arguments)}function ot(t,e){var i=R(t.touches),n=this.targetIds;if(3&e&&1===i.length)return n[i[0].identifier]=!0,[i,i];var o,r,s=R(t.changedTouches),a=[],c=this.target;if(r=i.filter((function(t){return E(t.target,c)})),1===e)for(o=0;o<r.length;)n[r[o].identifier]=!0,o++;for(o=0;o<s.length;)n[s[o].identifier]&&a.push(s[o]),12&e&&delete n[s[o].identifier],o++;return a.length?[z(r.concat(a),"identifier"),a]:void 0}function rt(){j.apply(this,arguments);var t=b(this.handler,this);this.touch=new nt(this.manager,t),this.mouse=new $(this.manager,t),this.primaryTouch=null,this.lastTouches=[]}function st(t,e){1&t?(this.primaryTouch=e.changedPointers[0].identifier,at.call(this,e)):12&t&&at.call(this,e)}function at(t){var e=t.changedPointers[0];if(e.identifier===this.primaryTouch){var i={x:e.clientX,y:e.clientY};this.lastTouches.push(i);var n=this.lastTouches;setTimeout((function(){var t=n.indexOf(i);t>-1&&n.splice(t,1)}),2500)}}function ct(t){for(var e=t.srcEvent.clientX,i=t.srcEvent.clientY,n=0;n<this.lastTouches.length;n++){var o=this.lastTouches[n];if(Math.abs(e-o.x)<=25&&Math.abs(i-o.y)<=25)return!0}return!1}v(nt,j,{handler:function(t){var e=it[t.type],i=ot.call(this,t,e);i&&this.callback(this.manager,e,{pointers:i[0],changedPointers:i[1],pointerType:C,srcEvent:t})}}),v(rt,j,{handler:function(t,e,i){var n=i.pointerType==N;if(!(n&&i.sourceCapabilities&&i.sourceCapabilities.firesTouchEvents)){if(i.pointerType==C)st.call(this,e,i);else if(n&&ct.call(this,i))return;this.callback(t,e,i)}},destroy:function(){this.touch.destroy(),this.mouse.destroy()}});var ut=_(a.style,"touchAction"),lt=ut!==o,ht="compute",ft="auto",dt="manipulation",pt="none",mt="pan-x",gt="pan-y",vt=function(){if(!lt)return!1;var t={},i=e.CSS&&e.CSS.supports;return["auto","manipulation","pan-y","pan-x","pan-x pan-y","none"].forEach((function(n){t[n]=!i||e.CSS.supports("touch-action",n)})),t}();function bt(t,e){this.manager=t,this.set(e)}bt.prototype={set:function(t){t==ht&&(t=this.compute()),lt&&this.manager.element.style&&vt[t]&&(this.manager.element.style[ut]=t),this.actions=t.toLowerCase().trim()},update:function(){this.set(this.manager.options.touchAction)},compute:function(){var t=[];return d(this.manager.recognizers,(function(e){y(e.options.enable,[e])&&(t=t.concat(e.getTouchAction()))})),function(t){if(k(t,pt))return pt;var e=k(t,mt),i=k(t,gt);return e&&i?pt:e||i?e?mt:gt:k(t,dt)?dt:ft}(t.join(" "))},preventDefaults:function(t){var e=t.srcEvent,i=t.offsetDirection;if(this.manager.session.prevented)e.preventDefault();else{var n=this.actions,o=k(n,pt)&&!vt[pt],r=k(n,gt)&&!vt[gt],s=k(n,mt)&&!vt[mt];if(o&&1===t.pointers.length&&t.distance<2&&t.deltaTime<250)return;if(!s||!r)return o||r&&6&i||s&&24&i?this.preventSrc(e):void 0}},preventSrc:function(t){this.manager.session.prevented=!0,t.preventDefault()}};var yt=32;function wt(t){this.options=r({},this.defaults,t||{}),this.id=D++,this.manager=null,this.options.enable=w(this.options.enable,!0),this.state=1,this.simultaneous={},this.requireFail=[]}function Tt(t){return 16&t?"cancel":8&t?"end":4&t?"move":2&t?"start":""}function xt(t){return 16==t?"down":8==t?"up":2==t?"left":4==t?"right":""}function Et(t,e){var i=e.manager;return i?i.get(t):t}function kt(){wt.apply(this,arguments)}function At(){kt.apply(this,arguments),this.pX=null,this.pY=null}function St(){kt.apply(this,arguments)}function Rt(){wt.apply(this,arguments),this._timer=null,this._input=null}function zt(){kt.apply(this,arguments)}function _t(){kt.apply(this,arguments)}function Dt(){wt.apply(this,arguments),this.pTime=!1,this.pCenter=!1,this._timer=null,this._input=null,this.count=0}function It(t,e){return(e=e||{}).recognizers=w(e.recognizers,It.defaults.preset),new Mt(t,e)}function Mt(t,e){this.options=r({},It.defaults,e||{}),this.options.inputTarget=this.options.inputTarget||t,this.handlers={},this.session={},this.recognizers=[],this.oldCssProps={},this.element=t,this.input=function(t){return new(t.options.inputClass||(P?Q:O?nt:M?rt:$))(t,U)}(this),this.touchAction=new bt(this,this.options.touchAction),Pt(this,!0),d(this.options.recognizers,(function(t){var e=this.add(new t[0](t[1]));t[2]&&e.recognizeWith(t[2]),t[3]&&e.requireFailure(t[3])}),this)}function Pt(t,e){var i,n=t.element;n.style&&(d(t.options.cssProps,(function(o,r){i=_(n.style,r),e?(t.oldCssProps[i]=n.style[i],n.style[i]=o):n.style[i]=t.oldCssProps[i]||""})),e||(t.oldCssProps={}))}wt.prototype={defaults:{},set:function(t){return r(this.options,t),this.manager&&this.manager.touchAction.update(),this},recognizeWith:function(t){if(f(t,"recognizeWith",this))return this;var e=this.simultaneous;return e[(t=Et(t,this)).id]||(e[t.id]=t,t.recognizeWith(this)),this},dropRecognizeWith:function(t){return f(t,"dropRecognizeWith",this)||(t=Et(t,this),delete this.simultaneous[t.id]),this},requireFailure:function(t){if(f(t,"requireFailure",this))return this;var e=this.requireFail;return-1===S(e,t=Et(t,this))&&(e.push(t),t.requireFailure(this)),this},dropRequireFailure:function(t){if(f(t,"dropRequireFailure",this))return this;t=Et(t,this);var e=S(this.requireFail,t);return e>-1&&this.requireFail.splice(e,1),this},hasRequireFailures:function(){return this.requireFail.length>0},canRecognizeWith:function(t){return!!this.simultaneous[t.id]},emit:function(t){var e=this,i=this.state;function n(i){e.manager.emit(i,t)}i<8&&n(e.options.event+Tt(i)),n(e.options.event),t.additionalEvent&&n(t.additionalEvent),i>=8&&n(e.options.event+Tt(i))},tryEmit:function(t){if(this.canEmit())return this.emit(t);this.state=yt},canEmit:function(){for(var t=0;t<this.requireFail.length;){if(!(33&this.requireFail[t].state))return!1;t++}return!0},recognize:function(t){var e=r({},t);if(!y(this.options.enable,[this,e]))return this.reset(),void(this.state=yt);56&this.state&&(this.state=1),this.state=this.process(e),30&this.state&&this.tryEmit(e)},process:function(){},getTouchAction:function(){},reset:function(){}},v(kt,wt,{defaults:{pointers:1},attrTest:function(t){var e=this.options.pointers;return 0===e||t.pointers.length===e},process:function(t){var e=this.state,i=t.eventType,n=6&e,o=this.attrTest(t);return n&&(8&i||!o)?16|e:n||o?4&i?8|e:2&e?4|e:2:yt}}),v(At,kt,{defaults:{event:"pan",threshold:10,pointers:1,direction:30},getTouchAction:function(){var t=this.options.direction,e=[];return 6&t&&e.push(gt),24&t&&e.push(mt),e},directionTest:function(t){var e=this.options,i=!0,n=t.distance,o=t.direction,r=t.deltaX,s=t.deltaY;return o&e.direction||(6&e.direction?(o=0===r?1:r<0?2:4,i=r!=this.pX,n=Math.abs(t.deltaX)):(o=0===s?1:s<0?8:16,i=s!=this.pY,n=Math.abs(t.deltaY))),t.direction=o,i&&n>e.threshold&&o&e.direction},attrTest:function(t){return kt.prototype.attrTest.call(this,t)&&(2&this.state||!(2&this.state)&&this.directionTest(t))},emit:function(t){this.pX=t.deltaX,this.pY=t.deltaY;var e=xt(t.direction);e&&(t.additionalEvent=this.options.event+e),this._super.emit.call(this,t)}}),v(St,kt,{defaults:{event:"pinch",threshold:0,pointers:2},getTouchAction:function(){return[pt]},attrTest:function(t){return this._super.attrTest.call(this,t)&&(Math.abs(t.scale-1)>this.options.threshold||2&this.state)},emit:function(t){1!==t.scale&&(t.additionalEvent=this.options.event+(t.scale<1?"in":"out")),this._super.emit.call(this,t)}}),v(Rt,wt,{defaults:{event:"press",pointers:1,time:251,threshold:9},getTouchAction:function(){return[ft]},process:function(t){var e=this.options,i=t.pointers.length===e.pointers,n=t.distance<e.threshold,o=t.deltaTime>e.time;if(this._input=t,!n||!i||12&t.eventType&&!o)this.reset();else if(1&t.eventType)this.reset(),this._timer=h((function(){this.state=8,this.tryEmit()}),e.time,this);else if(4&t.eventType)return 8;return yt},reset:function(){clearTimeout(this._timer)},emit:function(t){8===this.state&&(t&&4&t.eventType?this.manager.emit(this.options.event+"up",t):(this._input.timeStamp=l(),this.manager.emit(this.options.event,this._input)))}}),v(zt,kt,{defaults:{event:"rotate",threshold:0,pointers:2},getTouchAction:function(){return[pt]},attrTest:function(t){return this._super.attrTest.call(this,t)&&(Math.abs(t.rotation)>this.options.threshold||2&this.state)}}),v(_t,kt,{defaults:{event:"swipe",threshold:10,velocity:.3,direction:30,pointers:1},getTouchAction:function(){return At.prototype.getTouchAction.call(this)},attrTest:function(t){var e,i=this.options.direction;return 30&i?e=t.overallVelocity:6&i?e=t.overallVelocityX:24&i&&(e=t.overallVelocityY),this._super.attrTest.call(this,t)&&i&t.offsetDirection&&t.distance>this.options.threshold&&t.maxPointers==this.options.pointers&&u(e)>this.options.velocity&&4&t.eventType},emit:function(t){var e=xt(t.offsetDirection);e&&this.manager.emit(this.options.event+e,t),this.manager.emit(this.options.event,t)}}),v(Dt,wt,{defaults:{event:"tap",pointers:1,taps:1,interval:300,time:250,threshold:9,posThreshold:10},getTouchAction:function(){return[dt]},process:function(t){var e=this.options,i=t.pointers.length===e.pointers,n=t.distance<e.threshold,o=t.deltaTime<e.time;if(this.reset(),1&t.eventType&&0===this.count)return this.failTimeout();if(n&&o&&i){if(4!=t.eventType)return this.failTimeout();var r=!this.pTime||t.timeStamp-this.pTime<e.interval,s=!this.pCenter||Y(this.pCenter,t.center)<e.posThreshold;if(this.pTime=t.timeStamp,this.pCenter=t.center,s&&r?this.count+=1:this.count=1,this._input=t,0==this.count%e.taps)return this.hasRequireFailures()?(this._timer=h((function(){this.state=8,this.tryEmit()}),e.interval,this),2):8}return yt},failTimeout:function(){return this._timer=h((function(){this.state=yt}),this.options.interval,this),yt},reset:function(){clearTimeout(this._timer)},emit:function(){8==this.state&&(this._input.tapCount=this.count,this.manager.emit(this.options.event,this._input))}}),It.VERSION="2.0.7",It.defaults={domEvents:!1,touchAction:ht,enable:!0,inputTarget:null,inputClass:null,preset:[[zt,{enable:!1}],[St,{enable:!1},["rotate"]],[_t,{direction:6}],[At,{direction:6},["swipe"]],[Dt],[Dt,{event:"doubletap",taps:2},["tap"]],[Rt]],cssProps:{userSelect:"none",touchSelect:"none",touchCallout:"none",contentZooming:"none",userDrag:"none",tapHighlightColor:"rgba(0,0,0,0)"}},Mt.prototype={set:function(t){return r(this.options,t),t.touchAction&&this.touchAction.update(),t.inputTarget&&(this.input.destroy(),this.input.target=t.inputTarget,this.input.init()),this},stop:function(t){this.session.stopped=t?2:1},recognize:function(t){var e=this.session;if(!e.stopped){var i;this.touchAction.preventDefaults(t);var n=this.recognizers,o=e.curRecognizer;(!o||o&&8&o.state)&&(o=e.curRecognizer=null);for(var r=0;r<n.length;)i=n[r],2===e.stopped||o&&i!=o&&!i.canRecognizeWith(o)?i.reset():i.recognize(t),!o&&14&i.state&&(o=e.curRecognizer=i),r++}},get:function(t){if(t instanceof wt)return t;for(var e=this.recognizers,i=0;i<e.length;i++)if(e[i].options.event==t)return e[i];return null},add:function(t){if(f(t,"add",this))return this;var e=this.get(t.options.event);return e&&this.remove(e),this.recognizers.push(t),t.manager=this,this.touchAction.update(),t},remove:function(t){if(f(t,"remove",this))return this;if(t=this.get(t)){var e=this.recognizers,i=S(e,t);-1!==i&&(e.splice(i,1),this.touchAction.update())}return this},on:function(t,e){if(t!==o&&e!==o){var i=this.handlers;return d(A(t),(function(t){i[t]=i[t]||[],i[t].push(e)})),this}},off:function(t,e){if(t!==o){var i=this.handlers;return d(A(t),(function(t){e?i[t]&&i[t].splice(S(i[t],e),1):delete i[t]})),this}},emit:function(t,e){this.options.domEvents&&function(t,e){var n=i.createEvent("Event");n.initEvent(t,!0,!0),n.gesture=e,e.target.dispatchEvent(n)}(t,e);var n=this.handlers[t]&&this.handlers[t].slice();if(n&&n.length){e.type=t,e.preventDefault=function(){e.srcEvent.preventDefault()};for(var o=0;o<n.length;)n[o](e),o++}},destroy:function(){this.element&&Pt(this,!1),this.handlers={},this.session={},this.input.destroy(),this.element=null}},r(It,{INPUT_START:1,INPUT_MOVE:2,INPUT_END:4,INPUT_CANCEL:8,STATE_POSSIBLE:1,STATE_BEGAN:2,STATE_CHANGED:4,STATE_ENDED:8,STATE_RECOGNIZED:8,STATE_CANCELLED:16,STATE_FAILED:yt,DIRECTION_NONE:1,DIRECTION_LEFT:2,DIRECTION_RIGHT:4,DIRECTION_UP:8,DIRECTION_DOWN:16,DIRECTION_HORIZONTAL:6,DIRECTION_VERTICAL:24,DIRECTION_ALL:30,Manager:Mt,Input:j,TouchAction:bt,TouchInput:nt,MouseInput:$,PointerEventInput:Q,TouchMouseInput:rt,SingleTouchInput:et,Recognizer:wt,AttrRecognizer:kt,Tap:Dt,Pan:At,Swipe:_t,Pinch:St,Rotate:zt,Press:Rt,on:T,off:x,each:d,merge:g,extend:m,assign:r,inherit:v,bindFn:b,prefixed:_}),(void 0!==e?e:"undefined"!=typeof self?self:{}).Hammer=It,t.exports?t.exports=It:e.Hammer=It}(window,document)}(lt)),lt.exports),ft=c(ht);const dt={[s.SLIDE_IN_DOWN]:s.SLIDE_OUT_UP,[s.SLIDE_IN_UP]:s.SLIDE_OUT_DOWN,[s.SLIDE_IN_LEFT]:s.SLIDE_OUT_RIGHT,[s.SLIDE_IN_RIGHT]:s.SLIDE_OUT_LEFT},pt=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.toastClose=i(this,"toastClose",7),this.pauseonfocusloss=!0,this.isdraggable=!0,this.draggablepercentage=80,this.isCloseEventCalled=!1}watchPropIsdraggable(t){t?this.sliderManager.get("pan").set({enable:!0}):this.sliderManager.get("pan").set({enable:!1})}watchPropAutoclose(t){clearTimeout(this.timeoutHandle),this.startClosingTimeout(t)}watchPropPauseonfocusloss(t){this.autoclose&&(t?document.addEventListener("visibilitychange",this.visibilityChangeEventHandler):document.removeEventListener("visibilitychange",this.visibilityChangeEventHandler))}close(t,e){e&&this.timeoutHandle&&clearTimeout(this.timeoutHandle),this.timeoutHandle=null,this.elapsedTime=null,this.toastClose.emit(),t?this.hostElement.classList.add(t):this.hostElement.parentNode.removeChild(this.hostElement)}visibilityChangeEventHandler(){"hidden"===document.visibilityState?this.timeoutHandle&&this.onBlur():this.elapsedTime&&this.onFocus()}validateAutoclose(){this.autoclose||this.closebutton||console.error("At least one between autoclose and closebutton must be present")}calculateDraggedPercentage(t){const e=this.hostElement.getBoundingClientRect();return Math.round(100*t.deltaX/e.width)}handleSlideOutDragAnimation(){this.sliderManager=new ft(this.hostElement),this.sliderManager.get("pan").set({direction:ft.DIRECTION_HORIZONTAL}),this.sliderManager.on("pan",(t=>{this.percentage=this.calculateDraggedPercentage(t),this.hostElement.style.transition="none",this.transition&&this.hostElement.classList.remove(this.transition);const e={translate:`translateX(${this.percentage}%)`,translateBack:"translateX(0)"};this.hostElement.style.opacity=100-Math.abs(this.percentage)+"%",t.eventType!==ft.DIRECTION_LEFT&&t.eventType!==ft.DIRECTION_RIGHT||(this.hostElement.style.transform=e.translate,Math.abs(this.percentage)>this.draggablepercentage&&!this.isCloseEventCalled&&(this.isCloseEventCalled=!0,this.close(t.direction===ft.DIRECTION_LEFT?s.SLIDE_OUT_LEFT:s.SLIDE_OUT_RIGHT,!0))),t.isFinal&&Math.abs(this.percentage)<this.draggablepercentage&&(this.hostElement.style.transform=e.translateBack,this.hostElement.style.transition="all 1s",this.hostElement.style.opacity="100%",this.percentage=0)}))}onFocus(){let t=this.autoclose;this.elapsedTime&&(t=this.autoclose-this.elapsedTime),t>0&&this.startClosingTimeout(t)}onBlur(){this.elapsedTime=Date.now()-this.startTime,clearTimeout(this.timeoutHandle)}startClosingTimeout(t){this.timeoutHandle=window.setTimeout((()=>this.close(dt[this.transition],!1)),t)}checkSlottedButton(){this.hasSlottedButton=!!this.hostElement.querySelector("[slot='button']")}componentWillLoad(){this.validateAutoclose(),this.checkSlottedButton(),this.percentage=0}componentDidLoad(){this.startTime=Date.now(),this.autoclose&&(this.pauseonfocusloss&&document.addEventListener("visibilitychange",this.visibilityChangeEventHandler),this.transition||this.startClosingTimeout(this.autoclose)),this.isdraggable&&this.handleSlideOutDragAnimation()}render(){return n(o,{key:"f6c296b024df6fb3026fe725878035259cc00623",style:{"--percentuale":this.percentage+"%"},class:{[this.transition]:!!this.transition,[this.type]:!!this.type},onAnimationEnd:t=>{this.autoclose&&t.animationName.includes("slidein")&&this.startClosingTimeout(this.autoclose),t.animationName.includes("slideout")&&this.hostElement.parentNode.removeChild(this.hostElement)}},n("div",{key:"c07550674afb4037ab0df31748f75a419a41224c",class:"toast-notification-container"},n("div",{key:"035aa2f2371e5ac1693d0ea87657230bfa3ae87f",class:"toast-notification-content"},n("div",{key:"b84b9275faff5107717cd2393641cd275bc059f9",class:"toast-notification-text"},this.heading&&n("span",{key:"a007dcecde5aa7558b236581b8eef190640f3632",class:"title"},this.heading),n("span",{key:"a797c2b9d42857b78fe656ede2cf71bcb631e1d6",class:"message"},n("slot",{key:"6cfeaffb9adcac19d74370cfa2d594f46caaae96",name:"message"},this.message&&n("span",{key:"98be3226f1d8d9f132b7df4537ef73027f4be16f",innerHTML:ut.sanitize(this.message)})))),n("div",{key:"5746a85c63657c5e74561e08fb4dbf941145a010",class:"button-container",hidden:!this.hasSlottedButton},n("slot",{key:"000c5cb576fe72deb0a105237a6666e4e7fdd31d",name:"button",onSlotchange:()=>this.checkSlottedButton()}))),this.closebutton&&n("button",{key:"49d0ce8a7480c661a2202e4ab93941e20bb6031f",class:"close-button","aria-label":"Chiudi notifica",onClick:()=>this.close(dt[this.transition],!0),onKeyDown:t=>{t.code!=a.SPACE&&t.code!=a.ENTER||(t.preventDefault(),this.close(dt[this.transition],!0))}},n("z-icon",{key:"34c70c2eb06fe8e9e9cb377274cd7424c4ec1d4c",name:"multiply-circled"}))))}get hostElement(){return this}static get watchers(){return{isdraggable:[{watchPropIsdraggable:0}],autoclose:[{watchPropAutoclose:0}],pauseonfocusloss:[{watchPropPauseonfocusloss:0}]}}static get style(){return":host{--percentuale:0;display:flex;width:100%;min-width:200px;max-width:100dvw;box-sizing:border-box;background:var(--color-surface01);border-radius:var(--border-size-large);box-shadow:var(--shadow-3);color:var(--color-default-text);fill:var(--color-primary01-icon);font-family:var(--font-family-sans);font-size:var(--font-size-2);font-weight:var(--font-rg)}: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}.toast-notification-container{display:flex;width:100%;align-items:baseline;justify-content:space-between;padding:calc(var(--space-unit) * 2);border-radius:var(--border-radius);gap:calc(var(--space-unit) * 2)}.toast-notification-content{display:flex;width:100%;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:calc(var(--space-unit) * 2)}.toast-notification-content .toast-notification-text{color:inherit;letter-spacing:0.16px;line-height:1.25rem}.toast-notification-content .toast-notification-text .title{margin-right:calc(var(--space-unit) / 2);font-weight:var(--font-sb)}.close-button{height:1.125rem;padding:0;border:none;background-color:transparent;cursor:pointer}.close-button z-icon{--z-icon-width:1.125rem;--z-icon-height:1.125rem;display:inline-block;height:1.25rem}.close-button:focus:focus-visible{border-radius:50%;box-shadow:var(--shadow-focus-primary);outline:none}:host(.dark){background:var(--color-surface05);color:var(--color-text-inverse);fill:var(--color-inverse-icon)}:host(.dark) .close-button:focus:focus-visible{box-shadow:0 0 0 2px var(--gray900),     0 0 2px 5px var(--blue25)}:host(.accent){background:var(--color-primary01)}:host(.error){background:var(--color-default-error)}:host(.success){background:var(--color-default-success)}:host(.warning){background:var(--color-default-warning)}:host(.accent),:host(.error),:host(.success){color:var(--color-text-inverse);fill:var(--color-inverse-icon)}:host(.warning) .close-button{fill:var(--color-default-icon)}@media (min-width: 768px){:host{width:fit-content;max-width:50vw}.toast-notification-content{flex-wrap:nowrap}}@media (min-width: 1366px){:host{max-width:33vw}}@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%)}}"}},[257,"z-toast-notification",{heading:[1],message:[1],closebutton:[4],autoclose:[2],pauseonfocusloss:[4],type:[1],isdraggable:[4],draggablepercentage:[2],transition:[1],percentage:[32],hasSlottedButton:[32]},void 0,{isdraggable:[{watchPropIsdraggable:0}],autoclose:[{watchPropAutoclose:0}],pauseonfocusloss:[{watchPropPauseonfocusloss:0}]}]),mt=pt,gt=function(){"undefined"!=typeof customElements&&["z-toast-notification","z-icon"].forEach((t=>{switch(t){case"z-toast-notification":customElements.get(r(t))||customElements.define(r(t),pt);break;case"z-icon":customElements.get(r(t))||u()}}))};export{mt as ZToastNotification,gt as defineCustomElement}

package/dist/components/z-toggle-switch.js

@@ -1,2 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as c,Host as i,transformTag as l}from"@stencil/core/internal/client";import{k as o}from"./index2.js";import{r as a}from"./utils.js";import{d as r}from"./index3.js";const n=()=>`.sc-z-toggle-switch-h{position:relative;display:inline-flex;font-family:var(--font-family-sans);font-weight:var(--font-rg)}label.sc-z-toggle-switch{display:flex;flex-direction:row;align-items:center;cursor:pointer}label.disabled.sc-z-toggle-switch{cursor:default}label.right.sc-z-toggle-switch{flex-direction:row-reverse}label.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{color:var(--color-default-text);letter-spacing:0}label.left.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-right:var(--space-unit)}label.right.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-left:var(--space-unit)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch{position:relative;top:1px;left:1px;display:flex;width:calc(var(--space-unit) * 4);height:18px;align-items:center;background-color:var(--gray500);border-radius:var(--space-unit);color:var(--gray500);cursor:pointer}label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch,label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch{background-color:var(--color-disabled01);cursor:default}label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch>span.circle.sc-z-toggle-switch>z-icon.sc-z-toggle-switch{fill:var(--color-disabled01)}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch{background-color:var(--color-primary01);fill:var(--color-primary01)}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled){box-shadow:var(--shadow-focus-primary);outline:none}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch{outline:none}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled):hover{background-color:var(--color-hover-primary);fill:var(--color-hover-primary)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{position:absolute;top:1px;left:1px;display:flex;width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);align-items:center;justify-content:center;margin:0;background-color:var(--color-white);border-radius:7px;box-shadow:var(--shadow-1);transition:transform 0.3s ease}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{transform:translateX(calc(100% - 2px))}input[type="checkbox"].sc-z-toggle-switch{position:absolute;z-index:-1;opacity:0;pointer-events:none}`;const g=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.toggleClick=s(this,"toggleClick",7);this.disabled=false;this.labelPosition=o.LEFT;this.checked=false;this.htmlid=`toggle-switch-id-${a()}`}emitToggleClick(){this.toggleClick.emit({id:this.htmlid,checked:this.checked})}handleClick(e){if(this.disabled){return}this.checked=e.target.checked;this.emitToggleClick()}render(){return c(i,{key:"1771cd2ef07017d9bb0926400770fd275931db16"},c("input",{key:"1d13feb62af11178228669b743d0ee85cd5d5ae3",id:this.htmlid,type:"checkbox",checked:this.checked,disabled:this.disabled,onChange:this.handleClick.bind(this)}),c("label",{key:"aa744787a1e16c93a93a686cbcf3b94499e059e5",htmlFor:this.htmlid,class:{[this.labelPosition]:true,disabled:this.disabled}},c("span",{key:"5ba9f0eecc9ef29343497da129745303e09937f2"},c("slot",{key:"1940bfaf26ffd133d0c116cd0fe0b621e817b7b1"})),c("span",{key:"175399b96fd332c61abde6880873f6b610796f27",class:{container:true,disabled:this.disabled,checked:this.checked}},c("span",{key:"f216c1347b00f63f68113bf81a5a7e0e920d4f09",class:"circle"},this.checked&&c("z-icon",{key:"d635f121906e928977d25f902d8734e5992e3ad9",width:12,height:12,name:"checkmark"})))))}static get style(){return n()}},[262,"z-toggle-switch",{disabled:[516],labelPosition:[513,"label-position"],checked:[1028],htmlid:[1]}]);function h(){if(typeof customElements==="undefined"){return}const e=["z-toggle-switch","z-icon"];e.forEach((e=>{switch(e){case"z-toggle-switch":if(!customElements.get(l(e))){customElements.define(l(e),g)}break;case"z-icon":if(!customElements.get(l(e))){r()}break}}))}const d=g;const f=h;export{d as ZToggleSwitch,f as defineCustomElement};
-//# sourceMappingURL=z-toggle-switch.js.map
+import{proxyCustomElement as c,HTMLElement as e,createEvent as l,h as o,Host as t,transformTag as a}from"@stencil/core/internal/client";import{k as s}from"./index2.js";import{r}from"./utils.js";import{d as i}from"./index3.js";const g=c(class extends e{constructor(c){super(),!1!==c&&this.__registerHost(),this.toggleClick=l(this,"toggleClick",7),this.disabled=!1,this.labelPosition=s.LEFT,this.checked=!1,this.htmlid="toggle-switch-id-"+r()}emitToggleClick(){this.toggleClick.emit({id:this.htmlid,checked:this.checked})}handleClick(c){this.disabled||(this.checked=c.target.checked,this.emitToggleClick())}render(){return o(t,{key:"2af0e6991e384960fcd80acf8f5bfaefe3b7b472"},o("input",{key:"e462fa59aaefc149c9ca69451c66240f0901698e",id:this.htmlid,type:"checkbox",checked:this.checked,disabled:this.disabled,onChange:this.handleClick.bind(this)}),o("label",{key:"e99e0a62bdd5f55f704d0bd1a5e72cfd2cb8e8fc",htmlFor:this.htmlid,class:{[this.labelPosition]:!0,disabled:this.disabled}},o("span",{key:"8107c045f6ff9011205ed2c69ac2d1c39a845094"},o("slot",{key:"ce3100d20bbd1d86584a6279fdbfc9821ce7a8a3"})),o("span",{key:"dd86e6f64912d5d2bdb89708501b27144aa83fa3",class:{container:!0,disabled:this.disabled,checked:this.checked}},o("span",{key:"e6207655a0986f5ee10dd809a95ace50337f1baa",class:"circle"},this.checked&&o("z-icon",{key:"5f8ccde6506935b0b5607aab3ea27a50181b7a37",width:12,height:12,name:"checkmark"})))))}static get style(){return'.sc-z-toggle-switch-h{position:relative;display:inline-flex;font-family:var(--font-family-sans);font-weight:var(--font-rg)}label.sc-z-toggle-switch{display:flex;flex-direction:row;align-items:center;cursor:pointer}label.disabled.sc-z-toggle-switch{cursor:default}label.right.sc-z-toggle-switch{flex-direction:row-reverse}label.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{color:var(--color-default-text);letter-spacing:0}label.left.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-right:var(--space-unit)}label.right.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-left:var(--space-unit)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch{position:relative;top:1px;left:1px;display:flex;width:calc(var(--space-unit) * 4);height:18px;align-items:center;background-color:var(--color-surface03);border-radius:var(--space-unit);color:var(--color-surface03);cursor:pointer}label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch,label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch{background-color:var(--color-disabled01);cursor:default}label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch>span.circle.sc-z-toggle-switch>z-icon.sc-z-toggle-switch{fill:var(--color-disabled01)}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch{background-color:var(--color-primary01);fill:var(--color-primary01)}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled){box-shadow:var(--shadow-focus-primary);outline:none}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch{outline:none}label>span.container.sc-z-toggle-switch:not(.disabled,.checked).sc-z-toggle-switch:hover{background-color:var(--color-surface04);fill:var(--color-surface04)}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch:not(.disabled):hover{background-color:var(--color-hover-primary);fill:var(--color-hover-primary)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{position:absolute;top:1px;left:1px;display:flex;width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);align-items:center;justify-content:center;margin:0;background-color:var(--color-surface01);border-radius:7px;box-shadow:var(--shadow-1);transition:transform 0.3s ease}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{transform:translateX(calc(100% - 2px))}input[type="checkbox"].sc-z-toggle-switch{position:absolute;z-index:-1;opacity:0;pointer-events:none}.theme-black .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{color:var(--color-text-inverse)}.theme-black .sc-z-toggle-switch-h label>span.container:not(.checked,.disabled).sc-z-toggle-switch{background-color:var(--gray500);color:var(--gray500);fill:var(--gray500)}.theme-black .sc-z-toggle-switch-h label>span.container:not(.checked,.disabled).sc-z-toggle-switch>span.circle.sc-z-toggle-switch{background-color:var(--gray900)}.theme-black .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch:not(.disabled){background-color:var(--color-surface01);color:var(--color-surface01);fill:var(--color-primary01)}.theme-black .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch:not(.disabled)>span.circle.sc-z-toggle-switch{background-color:var(--color-primary01)}.theme-black .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch:not(.disabled)>span.circle.sc-z-toggle-switch>z-icon.sc-z-toggle-switch{fill:var(--color-surface01)}.theme-black .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch:not(.checked){background-color:var(--color-hover-primary);color:var(--color-hover-primary);cursor:default;fill:var(--color-hover-primary)}.theme-black .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch:not(.checked)>span.circle.sc-z-toggle-switch{background-color:var(--gray900)}.theme-black .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch{background-color:var(--color-hover-primary);color:var(--color-hover-primary);cursor:default;fill:var(--color-hover-primary)}.theme-black .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{background-color:var(--color-surface01)}.theme-black .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch>span.circle.sc-z-toggle-switch>z-icon.sc-z-toggle-switch{fill:var(--color-hover-primary)}.theme-black .sc-z-toggle-switch-h label>span.container:not(.checked,.disabled).sc-z-toggle-switch:hover{background-color:var(--color-hover-secondary);color:var(--color-hover-secondary);fill:var(--color-hover-secondary)}.theme-black .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch:not(.disabled):hover{background-color:var(--color-secondary03);color:var(--color-secondary03);fill:var(--color-secondary03)}.theme-black .sc-z-toggle-switch-h label>span.container:not(.checked,.disabled).sc-z-toggle-switch:active{background-color:var(--color-secondary01);color:var(--color-secondary01);fill:var(--color-secondary01)}.theme-black .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch:not(.disabled):active{background-color:var(--color-surface01);color:var(--color-surface01);fill:var(--color-hover-primary)}.theme-red .sc-z-toggle-switch-h label>span.container:not(.checked,.disabled).sc-z-toggle-switch{background-color:var(--gray600);color:var(--gray600);fill:var(--gray600)}.theme-red .sc-z-toggle-switch-h label>span.container:not(.checked,.disabled).sc-z-toggle-switch>span.circle.sc-z-toggle-switch{background-color:var(--color-surface01)}.theme-red .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch:not(.disabled){background-color:var(--color-active-primary);color:var(--color-active-primary);fill:var(--color-surface01)}.theme-red .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch:not(.disabled)>span.circle.sc-z-toggle-switch{background-color:var(--color-surface01)}.theme-red .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch:not(.disabled)>span.circle.sc-z-toggle-switch>z-icon.sc-z-toggle-switch{fill:var(--red300)}.theme-red .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch:not(.checked){background-color:var(--gray200);color:var(--gray200);cursor:default;fill:var(--gray200)}.theme-red .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch:not(.checked)>span.circle.sc-z-toggle-switch{background-color:var(--color-surface01)}.theme-red .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch{background-color:var(--gray200);color:var(--gray200);cursor:default;fill:var(--gray200)}.theme-red .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{background-color:var(--color-surface01)}.theme-red .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch>span.circle.sc-z-toggle-switch>z-icon.sc-z-toggle-switch{fill:var(--gray200)}.theme-red .sc-z-toggle-switch-h label>span.container:not(.checked,.disabled).sc-z-toggle-switch:hover{background-color:var(--gray400);color:var(--gray400);fill:var(--gray400)}.theme-red .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch:not(.disabled):hover{background-color:var(--red400);color:var(--red400);fill:var(--red400)}.theme-red .sc-z-toggle-switch-h label>span.container:not(.checked,.disabled).sc-z-toggle-switch:active{background-color:var(--gray300);color:var(--gray300);fill:var(--gray300)}.theme-red .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch:not(.disabled):active{background-color:var(--red300);color:var(--red300);fill:var(--color-surface01)}.theme-black.theme-black--yellow .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{color:var(--color-default-text)}.theme-black.theme-black--yellow .sc-z-toggle-switch-h label>span.container:not(.checked,.disabled).sc-z-toggle-switch{background-color:var(--gray500);color:var(--gray500);fill:var(--gray500)}.theme-black.theme-black--yellow .sc-z-toggle-switch-h label>span.container:not(.checked,.disabled).sc-z-toggle-switch>span.circle.sc-z-toggle-switch{background-color:var(--color-surface01)}.theme-black.theme-black--yellow .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch:not(.disabled){background-color:var(--gray900);color:var(--gray900);fill:var(--color-surface01)}.theme-black.theme-black--yellow .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch:not(.disabled)>span.circle.sc-z-toggle-switch{background-color:var(--color-surface01)}.theme-black.theme-black--yellow .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch:not(.disabled)>span.circle.sc-z-toggle-switch>z-icon.sc-z-toggle-switch{fill:var(--gray950)}.theme-black.theme-black--yellow .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch:not(.checked){background-color:var(--gray200);color:var(--gray200);cursor:default;fill:var(--gray200)}.theme-black.theme-black--yellow .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch:not(.checked)>span.circle.sc-z-toggle-switch{background-color:var(--color-surface01)}.theme-black.theme-black--yellow .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch{background-color:var(--gray600);color:var(--gray600);cursor:default;fill:var(--gray600)}.theme-black.theme-black--yellow .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{background-color:var(--color-surface01)}.theme-black.theme-black--yellow .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch>span.circle.sc-z-toggle-switch>z-icon.sc-z-toggle-switch{fill:var(--gray600)}.theme-black.theme-black--yellow .sc-z-toggle-switch-h label>span.container:not(.checked,.disabled).sc-z-toggle-switch:hover{background-color:var(--gray600);color:var(--gray600);fill:var(--gray600)}.theme-black.theme-black--yellow .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch:not(.disabled):hover{background-color:var(--gray800);color:var(--gray800);fill:var(--gray800)}.theme-black.theme-black--yellow .sc-z-toggle-switch-h label>span.container:not(.checked,.disabled).sc-z-toggle-switch:active{background-color:var(--gray700);color:var(--gray700);fill:var(--gray700)}.theme-black.theme-black--yellow .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch:not(.disabled):active{background-color:var(--gray950);color:var(--gray950);fill:var(--color-surface01)}.theme-black.theme-black--red .sc-z-toggle-switch-h label>span.container:not(.checked,.disabled).sc-z-toggle-switch{background-color:var(--gray700);color:var(--gray700);fill:var(--gray700)}.theme-black.theme-black--red .sc-z-toggle-switch-h label>span.container:not(.checked,.disabled).sc-z-toggle-switch>span.circle.sc-z-toggle-switch{background-color:var(--color-surface01)}.theme-black.theme-black--red .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch:not(.disabled){background-color:var(--gray950);color:var(--gray950);fill:var(--color-surface01)}.theme-black.theme-black--red .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch:not(.disabled)>span.circle.sc-z-toggle-switch{background-color:var(--color-surface01)}.theme-black.theme-black--red .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch:not(.disabled)>span.circle.sc-z-toggle-switch>z-icon.sc-z-toggle-switch{fill:var(--gray950)}.theme-black.theme-black--red .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch:not(.checked){background-color:var(--gray600);color:var(--gray600);cursor:default;fill:var(--gray600)}.theme-black.theme-black--red .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch:not(.checked)>span.circle.sc-z-toggle-switch{background-color:var(--color-surface01)}.theme-black.theme-black--red .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch{background-color:var(--gray600);color:var(--gray600);cursor:default;fill:var(--gray600)}.theme-black.theme-black--red .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{background-color:var(--color-surface01)}.theme-black.theme-black--red .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch>span.circle.sc-z-toggle-switch>z-icon.sc-z-toggle-switch{fill:var(--gray600)}.theme-black.theme-black--red .sc-z-toggle-switch-h label>span.container:not(.checked,.disabled).sc-z-toggle-switch:hover{background-color:var(--gray600);color:var(--gray600);fill:var(--gray600)}.theme-black.theme-black--red .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch:not(.disabled):hover{background-color:var(--gray800);color:var(--gray800);fill:var(--gray800)}.theme-black.theme-black--red .sc-z-toggle-switch-h label>span.container:not(.checked,.disabled).sc-z-toggle-switch:active{background-color:var(--gray700);color:var(--gray700);fill:var(--gray700)}.theme-black.theme-black--red .sc-z-toggle-switch-h label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch:not(.disabled):active{background-color:var(--gray950);color:var(--gray950);fill:var(--color-surface01)}'}},[262,"z-toggle-switch",{disabled:[516],labelPosition:[513,"label-position"],checked:[1028],htmlid:[1]}]),h=g,n=function(){"undefined"!=typeof customElements&&["z-toggle-switch","z-icon"].forEach((c=>{switch(c){case"z-toggle-switch":customElements.get(a(c))||customElements.define(a(c),g);break;case"z-icon":customElements.get(a(c))||i()}}))};export{h as ZToggleSwitch,n as defineCustomElement}

package/dist/components/z-tool.js

@@ -1,2 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as o,Host as n,transformTag as s}from"@stencil/core/internal/client";import{P as a,g as r}from"./index2.js";import{a as l}from"./utils.js";import{d as h}from"./index3.js";import{d as f}from"./index16.js";import{d}from"./index21.js";const b=()=>`:host,*{box-sizing:border-box}.z-tool{--z-tool-size:calc(var(--space-unit) * 5.5);--z-tool-icon-size:calc(var(--space-unit) * 2.5);position:relative;display:inline-flex;width:var(--z-tool-size);height:var(--z-tool-size);align-items:center;justify-content:center;padding:0;border:none;margin:0;background-color:var(--color-surface01);border-radius:var(--border-radius);cursor:pointer}:host(:is([active],[open])) .z-tool{box-shadow:inset 0 0 0 2px var(--color-primary01)}:host([open]) .z-tool{background:var(--color-primary03)}@media (hover: hover){:host(:hover),:host(.z-tool-tooltip-open){z-index:1}:host(:not([disabled])) .z-tool:hover{background-color:var(--color-primary03)}}.z-tool:focus:focus-visible{background-color:var(--color-primary03);outline:none}z-icon{--z-icon-width:var(--z-tool-icon-size);--z-icon-height:var(--z-tool-icon-size);display:block;fill:var(--color-default-icon)}:host([disabled]) .z-tool{color:var(--color-disabled01-icon);cursor:not-allowed}:host([disabled]) z-icon{fill:var(--color-disabled01-icon)}.z-tool-tooltip{--z-tooltip-padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);--z-tooltip-shadow-filter:drop-shadow(0 4px 8px var(--shadow-color-base));position:relative;z-index:2;font-family:var(--font-family-sans);white-space:nowrap}.z-tool-submenu{z-index:3;border-radius:calc(var(--border-radius) + var(--border-size-small))}.z-tool-submenu ::slotted(z-color-picker){border:var(--border-size-small) solid var(--color-surface03);border-radius:var(--border-radius)}@media (max-width: 767px) and (hover: none){.z-tool-tooltip{display:none !important}}`;const g=()=>`:root{--font-family-sans:"IBM Plex Sans", sans-serif;--font-family-serif:"IBM Plex Serif", serif;--font-lt:300;--font-rg:400;--font-sb:600;--font-bd:700;--font-size-1:0.75rem;--font-size-2:0.875rem;--font-size-3:1rem;--font-size-4:1.125rem;--font-size-5:1.25rem;--font-size-6:1.5rem;--font-size-7:1.75rem;--font-size-8:2rem;--font-size-9:2.25rem;--font-size-10:2.625rem;--font-size-11:3rem;--font-size-12:3.375rem;--font-size-13:3.75rem;--font-size-14:4.25rem;--font-size-15:4.75rem;--font-size-16:5.25rem;--font-size-17:5.75rem;--section-title-1:var(--font-sb) var(--font-size-11) / 1.083 var(--font-family-serif);--section-title-2:var(--font-sb) var(--font-size-10) / 1.142 var(--font-family-serif);--section-title-3:var(--font-sb) var(--font-size-9) / 1.222 var(--font-family-serif);--section-title-4:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);--section-title-5:var(--font-sb) var(--font-size-7) / 1.2857 var(--font-family-serif);--section-title-6:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif)}.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-3,.heading-3-sb,.heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-4,.heading-4-sb,.heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-1,.body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-2,.body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.body-3,.body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.body-4,.body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.body-5,.body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.interactive-1,.interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.interactive-2,.interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.interactive-3,.interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.helper,.helper-sb{font-size:var(--font-size-1);font-style:italic;font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.section-title-1{font:var(--section-title-1)}.section-title-2{font:var(--section-title-2)}.section-title-3{font:var(--section-title-3)}.section-title-4{font:var(--section-title-4)}.section-title-5{font:var(--section-title-5)}.section-title-6{font:var(--section-title-6)}@media (min-width: 1152px){.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}}@media (max-width: 767px){.mobile-heading-1,.mobile-heading-1-sb,.mobile-heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.mobile-heading-2,.mobile-heading-2-sb,.mobile-heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-3,.mobile-heading-3-sb,.mobile-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-4,.mobile-heading-4-sb,.mobile-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-1,.mobile-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-2,.mobile-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.mobile-body-3,.mobile-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-body-4,.mobile-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-body-5,.mobile-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-interactive-1,.mobile-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-interactive-2,.mobile-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-interactive-3,.mobile-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-section-title-1{font:var(--section-title-1)}.mobile-section-title-2{font:var(--section-title-2)}.mobile-section-title-3{font:var(--section-title-3)}.mobile-section-title-4{font:var(--section-title-4)}.mobile-section-title-5{font:var(--section-title-5)}.mobile-section-title-6{font:var(--section-title-6)}.mobile-heading-1-lt,.mobile-heading-2-lt,.mobile-heading-3-lt,.mobile-heading-4-lt{font-weight:var(--font-lt)}.mobile-heading-1-sb,.mobile-heading-2-sb,.mobile-heading-3-sb,.mobile-heading-4-sb,.mobile-body-1-sb,.mobile-body-2-sb,.mobile-body-3-sb,.mobile-body-4-sb,.mobile-body-5-sb,.mobile-interactive-1-sb,.mobile-interactive-2-sb,.mobile-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 768px) and (max-width: 1151px){.tablet-heading-1,.tablet-heading-1-sb,.tablet-heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.tablet-heading-2,.tablet-heading-2-sb,.tablet-heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-3,.tablet-heading-3-sb,.tablet-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-4,.tablet-heading-4-sb,.tablet-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-1,.tablet-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-2,.tablet-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.tablet-body-3,.tablet-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-body-4,.tablet-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-body-5,.tablet-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-interactive-1,.tablet-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-interactive-2,.tablet-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-interactive-3,.tablet-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-section-title-1{font:var(--section-title-1)}.tablet-section-title-2{font:var(--section-title-2)}.tablet-section-title-3{font:var(--section-title-3)}.tablet-section-title-4{font:var(--section-title-4)}.tablet-section-title-5{font:var(--section-title-5)}.tablet-section-title-6{font:var(--section-title-6)}.tablet-heading-1-lt,.tablet-heading-2-lt,.tablet-heading-3-lt,.tablet-heading-4-lt{font-weight:var(--font-lt)}.tablet-heading-1-sb,.tablet-heading-2-sb,.tablet-heading-3-sb,.tablet-heading-4-sb,.tablet-body-1-sb,.tablet-body-2-sb,.tablet-body-3-sb,.tablet-body-4-sb,.tablet-body-5-sb,.tablet-interactive-1-sb,.tablet-interactive-2-sb,.tablet-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 1152px) and (max-width: 1365px){.desktop-heading-1,.desktop-heading-1-sb,.desktop-heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.desktop-heading-2,.desktop-heading-2-sb,.desktop-heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.desktop-heading-3,.desktop-heading-3-sb,.desktop-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.desktop-heading-4,.desktop-heading-4-sb,.desktop-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-1,.desktop-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-2,.desktop-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.desktop-body-3,.desktop-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-body-4,.desktop-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-body-5,.desktop-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-interactive-1,.desktop-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-interactive-2,.desktop-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-interactive-3,.desktop-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-section-title-1{font:var(--section-title-1)}.desktop-section-title-2{font:var(--section-title-2)}.desktop-section-title-3{font:var(--section-title-3)}.desktop-section-title-4{font:var(--section-title-4)}.desktop-section-title-5{font:var(--section-title-5)}.desktop-section-title-6{font:var(--section-title-6)}.desktop-heading-1-lt,.desktop-heading-2-lt,.desktop-heading-3-lt,.desktop-heading-4-lt{font-weight:var(--font-lt)}.desktop-heading-1-sb,.desktop-heading-2-sb,.desktop-heading-3-sb,.desktop-heading-4-sb,.desktop-body-1-sb,.desktop-body-2-sb,.desktop-body-3-sb,.desktop-body-4-sb,.desktop-body-5-sb,.desktop-interactive-1-sb,.desktop-interactive-2-sb,.desktop-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 1366px){.wide-heading-1,.wide-heading-1-sb,.wide-heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.wide-heading-2,.wide-heading-2-sb,.wide-heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.wide-heading-3,.wide-heading-3-sb,.wide-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.wide-heading-4,.wide-heading-4-sb,.wide-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-1,.wide-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-2,.wide-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.wide-body-3,.wide-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-body-4,.wide-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-body-5,.wide-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-interactive-1,.wide-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-interactive-2,.wide-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-interactive-3,.wide-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-section-title-1{font:var(--section-title-1)}.wide-section-title-2{font:var(--section-title-2)}.wide-section-title-3{font:var(--section-title-3)}.wide-section-title-4{font:var(--section-title-4)}.wide-section-title-5{font:var(--section-title-5)}.wide-section-title-6{font:var(--section-title-6)}.wide-heading-1-lt,.wide-heading-2-lt,.wide-heading-3-lt,.wide-heading-4-lt{font-weight:var(--font-lt)}.wide-heading-1-sb,.wide-heading-2-sb,.wide-heading-3-sb,.wide-heading-4-sb,.wide-body-1-sb,.wide-body-2-sb,.wide-body-3-sb,.wide-body-4-sb,.wide-body-5-sb,.wide-interactive-1-sb,.wide-interactive-2-sb,.wide-interactive-3-sb{font-weight:var(--font-sb)}}.heading-1-lt,.heading-2-lt,.heading-3-lt,.heading-4-lt{font-weight:var(--font-lt)}.heading-1-sb,.heading-2-sb,.heading-3-sb,.heading-4-sb,.body-1-sb,.body-2-sb,.body-3-sb,.body-4-sb,.body-5-sb,.interactive-1-sb,.interactive-2-sb,.interactive-3-sb,.helper-sb{font-weight:var(--font-sb)}`;const c=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.toggleSubmenu=i(this,"toggleSubmenu",7);this.toggleTooltip=i(this,"toggleTooltip",7);this.tooltipPosition=a.TOP;this.active=false;this.disabled=false;this.open=false;this.tooltipOpen=false;this.hasSlottedContent=false;this.isMobile=false;this.hasNestedOpenTools=false;this.isNested=false;this.handleTooltipOpen=t=>{if(!this.tooltip||this.open||!this.buttonRef.contains(t.target)){return}clearTimeout(this.hoverDelay);this.hoverDelay=setTimeout((()=>{this.tooltipOpen=true}),1e3)};this.handleTooltipClose=t=>{var e;if(!this.tooltip||((e=t.relatedTarget)===null||e===void 0?void 0:e.closest("z-tooltip"))===this.tooltipRef){return}clearTimeout(this.hoverDelay);this.tooltipOpen=false};this.handleClick=()=>{if(this.disabled||!this.hasSlottedContent){return}this.open=!this.open;if(this.open){const t=this.hostElement.querySelector(":scope > z-color-picker");if(t){t.setFocus();return}const e=this.hostElement.querySelector(":scope > z-toolbar z-tool[active]:not(:disabled)")||this.hostElement.querySelector(":scope > z-toolbar z-tool:not(:disabled)");e===null||e===void 0?void 0:e.setFocus()}};this.onTooltipOpenChange=t=>{if(t.target===this.tooltipRef){return}this.tooltipOpen=t.detail.open}}handleOpenChange(){this.toggleSubmenu.emit(this.open)}handleTooltipOpenChange(){this.toggleTooltip.emit(this.tooltipOpen)}handleKeyDown(t){if(!this.open||this.hasNestedOpenTools){return}switch(t.key){case r.ESC:t.stopPropagation();this.open=false;this.setFocus();break;case r.TAB:if(t.shiftKey&&t.target.closest("z-tool:not(:scope)")===this.hostElement){this.open=false}break}}onOutsideClick(t){const e=t.composedPath()[0];if(!this.open||l(this.hostElement,e)||this.hasNestedOpenTools){return}this.open=false}onNestedToolToggle(t){if(t.target===this.hostElement){return}if(t.detail===true){this.hasNestedOpenTools=true;return}this.hasNestedOpenTools=Array.from(this.hostElement.querySelectorAll("z-tool")).some((t=>t.open))}handleColorSelected(t){if(!Array.from(this.hostElement.children).includes(t.target)){return}this.indicatorColor=t.detail;this.open=false;this.setFocus()}handleExternalFocusin(t){const e=t.target;if(!l(this.hostElement,e)){this.open=false}}async setFocus(){if(this.disabled){return}setTimeout((()=>{var t;(t=this.buttonRef)===null||t===void 0?void 0:t.focus()}),50)}async setTabIndex(t){if(!this.buttonRef){return}this.buttonRef.tabIndex=this.disabled?-1:t}async closeTooltip(){clearTimeout(this.hoverDelay);this.tooltipOpen=false}componentWillLoad(){this.hasSlottedContent=this.hostElement.children.length>0;this.isNested=!!this.hostElement.closest("z-tool:not(:scope)");this.mainToolbar=this.hostElement.closest("z-toolbar:not(z-toolbar z-toolbar)");this.hasNestedOpenTools=!!this.hostElement.querySelector("z-tool[open]");this.mql=matchMedia("(max-width: 767px)");this.onMobileViewChange=t=>this.isMobile=t.matches;this.mql.addEventListener("change",this.onMobileViewChange);this.isMobile=this.mql.matches}disconnectedCallback(){var t;clearTimeout(this.hoverDelay);(t=this.mql)===null||t===void 0?void 0:t.removeEventListener("change",this.onMobileViewChange)}render(){return o(n,{key:"e3637bd703158c99bb7d0476beb71d60c005ec3f",class:{"z-tool-tooltip-open":this.tooltipOpen}},o("button",{key:"48112a7fe05418ad573757ca5c95eee245edeebc",class:"z-tool",type:"button",ref:t=>this.buttonRef=t,"aria-pressed":this.hasSlottedContent?undefined:this.active?"true":"false","aria-expanded":this.hasSlottedContent?this.open?"true":"false":undefined,"aria-haspopup":this.hasSlottedContent?"true":undefined,"aria-label":this.htmlAriaLabel||this.tooltip||undefined,disabled:this.disabled,onClick:this.handleClick,onMouseEnter:this.handleTooltipOpen,onMouseLeave:this.handleTooltipClose,onFocus:this.handleTooltipOpen,onBlur:this.handleTooltipClose},o("z-icon",{key:"60d4061b70583558ec17de689f612792cc586543",ref:t=>this.iconRef=t,name:this.icon,indicatorColor:this.indicatorColor})),this.tooltip&&o("z-tooltip",{key:"0334200fa40f510c0580e8f3b49f6b67c60d6b94",class:"z-tool-tooltip",ref:t=>this.tooltipRef=t,bindTo:this.iconRef,open:this.tooltipOpen&&!this.open,position:this.isNested?a.BOTTOM:this.tooltipPosition,dark:true,onMouseLeave:this.handleTooltipClose,onBlur:this.handleTooltipClose,onOpenChange:this.onTooltipOpenChange},o("span",{key:"36a829ac0b6acec5bdbfc47a393e52c90499e977",class:"body-4"},this.tooltip)),this.hasSlottedContent&&o("z-popover",{key:"055469441b39c1814730c31e40736d8f4cc9182a",class:"z-tool-submenu",open:this.open,bindTo:this.isMobile&&this.mainToolbar?this.mainToolbar:this.hostElement,center:true,closable:false,position:this.isMobile?a.TOP:a.BOTTOM},o("slot",{key:"d26415aa8a3fb91dc02f71b7f0ba068c08d002d9"})))}get hostElement(){return this}static get watchers(){return{open:[{handleOpenChange:0}],tooltipOpen:[{handleTooltipOpenChange:0}]}}static get style(){return b()+g()}},[257,"z-tool",{icon:[1],tooltip:[1],tooltipPosition:[1,"tooltip-position"],htmlAriaLabel:[1,"html-aria-label"],active:[516],disabled:[516],open:[1540],indicatorColor:[1025,"indicator-color"],tooltipOpen:[32],hasSlottedContent:[32],isMobile:[32],hasNestedOpenTools:[32],setFocus:[64],setTabIndex:[64],closeTooltip:[64]},[[0,"keydown","handleKeyDown"],[16,"click","onOutsideClick"],[0,"toggleSubmenu","onNestedToolToggle"],[0,"colorSelected","handleColorSelected"],[17,"focusin","handleExternalFocusin"]],{open:[{handleOpenChange:0}],tooltipOpen:[{handleTooltipOpenChange:0}]}]);function v(){if(typeof customElements==="undefined"){return}const t=["z-tool","z-icon","z-popover","z-tooltip"];t.forEach((t=>{switch(t){case"z-tool":if(!customElements.get(s(t))){customElements.define(s(t),c)}break;case"z-icon":if(!customElements.get(s(t))){h()}break;case"z-popover":if(!customElements.get(s(t))){f()}break;case"z-tooltip":if(!customElements.get(s(t))){d()}break}}))}const z=c;const p=v;export{z as ZTool,p as defineCustomElement};
-//# sourceMappingURL=z-tool.js.map
+import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as s,Host as o,transformTag as n}from"@stencil/core/internal/client";import{P as a,g as r}from"./index2.js";import{a as f}from"./utils.js";import{d}from"./index3.js";import{d as b}from"./index16.js";import{d as l}from"./index21.js";const h=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.toggleSubmenu=t(this,"toggleSubmenu",7),this.toggleTooltip=t(this,"toggleTooltip",7),this.tooltipPosition=a.TOP,this.active=!1,this.disabled=!1,this.open=!1,this.tooltipOpen=!1,this.hasSlottedContent=!1,this.isMobile=!1,this.hasNestedOpenTools=!1,this.isNested=!1,this.handleTooltipOpen=e=>{this.tooltip&&!this.open&&this.buttonRef.contains(e.target)&&(clearTimeout(this.hoverDelay),this.hoverDelay=setTimeout((()=>{this.tooltipOpen=!0}),1e3))},this.handleTooltipClose=e=>{var i;this.tooltip&&(null===(i=e.relatedTarget)||void 0===i?void 0:i.closest("z-tooltip"))!==this.tooltipRef&&(clearTimeout(this.hoverDelay),this.tooltipOpen=!1)},this.handleClick=()=>{if(!this.disabled&&this.hasSlottedContent&&(this.open=!this.open,this.open)){const e=this.hostElement.querySelector(":scope > z-color-picker");if(e)return void e.setFocus();const i=this.hostElement.querySelector(":scope > z-toolbar z-tool[active]:not(:disabled)")||this.hostElement.querySelector(":scope > z-toolbar z-tool:not(:disabled)");null==i||i.setFocus()}},this.onTooltipOpenChange=e=>{e.target!==this.tooltipRef&&(this.tooltipOpen=e.detail.open)}}handleOpenChange(){this.toggleSubmenu.emit(this.open)}handleTooltipOpenChange(){this.toggleTooltip.emit(this.tooltipOpen)}handleKeyDown(e){if(this.open&&!this.hasNestedOpenTools)switch(e.key){case r.ESC:e.stopPropagation(),this.open=!1,this.setFocus();break;case r.TAB:e.shiftKey&&e.target.closest("z-tool:not(:scope)")===this.hostElement&&(this.open=!1)}}onOutsideClick(e){const i=e.composedPath()[0];!this.open||f(this.hostElement,i)||this.hasNestedOpenTools||(this.open=!1)}onNestedToolToggle(e){e.target!==this.hostElement&&(this.hasNestedOpenTools=!0===e.detail||Array.from(this.hostElement.querySelectorAll("z-tool")).some((e=>e.open)))}handleColorSelected(e){Array.from(this.hostElement.children).includes(e.target)&&(this.indicatorColor=e.detail,this.open=!1,this.setFocus())}handleExternalFocusin(e){f(this.hostElement,e.target)||(this.open=!1)}async setFocus(){this.disabled||setTimeout((()=>{var e;null===(e=this.buttonRef)||void 0===e||e.focus()}),50)}async setTabIndex(e){this.buttonRef&&(this.buttonRef.tabIndex=this.disabled?-1:e)}async closeTooltip(){clearTimeout(this.hoverDelay),this.tooltipOpen=!1}componentWillLoad(){this.hasSlottedContent=this.hostElement.children.length>0,this.isNested=!!this.hostElement.closest("z-tool:not(:scope)"),this.mainToolbar=this.hostElement.closest("z-toolbar:not(z-toolbar z-toolbar)"),this.hasNestedOpenTools=!!this.hostElement.querySelector("z-tool[open]"),this.mql=matchMedia("(max-width: 767px)"),this.onMobileViewChange=e=>this.isMobile=e.matches,this.mql.addEventListener("change",this.onMobileViewChange),this.isMobile=this.mql.matches}disconnectedCallback(){var e;clearTimeout(this.hoverDelay),null===(e=this.mql)||void 0===e||e.removeEventListener("change",this.onMobileViewChange)}render(){return s(o,{key:"a862cc3b4bdcc8c2b20097e9ae48a61d2fb60b7a",class:{"z-tool-tooltip-open":this.tooltipOpen}},s("button",{key:"27d43ac4d61de27d52f238998461c256e67b9c99",class:"z-tool",type:"button",ref:e=>this.buttonRef=e,"aria-pressed":this.hasSlottedContent?void 0:this.active?"true":"false","aria-expanded":this.hasSlottedContent?this.open?"true":"false":void 0,"aria-haspopup":this.hasSlottedContent?"true":void 0,"aria-label":this.htmlAriaLabel||this.tooltip||void 0,disabled:this.disabled,onClick:this.handleClick,onMouseEnter:this.handleTooltipOpen,onMouseLeave:this.handleTooltipClose,onFocus:this.handleTooltipOpen,onBlur:this.handleTooltipClose},s("z-icon",{key:"8c9aade2f1fe33e259e35aa5348f421d4970b6d1",ref:e=>this.iconRef=e,name:this.icon,indicatorColor:this.indicatorColor})),this.tooltip&&s("z-tooltip",{key:"d0aa375bf017345075e4a4b29d513bc1f2bebc06",class:"z-tool-tooltip",ref:e=>this.tooltipRef=e,bindTo:this.iconRef,open:this.tooltipOpen&&!this.open,position:this.isNested?a.BOTTOM:this.tooltipPosition,dark:!0,onMouseLeave:this.handleTooltipClose,onBlur:this.handleTooltipClose,onOpenChange:this.onTooltipOpenChange},s("span",{key:"e3566362a0807d9e60d08b65e7242fd5b8fb9763",class:"body-4"},this.tooltip)),this.hasSlottedContent&&s("z-popover",{key:"d3464af7dc780cca6430aa957df4a82c72349b3c",class:"z-tool-submenu",open:this.open,bindTo:this.isMobile&&this.mainToolbar?this.mainToolbar:this.hostElement,center:!0,closable:!1,position:this.isMobile?a.TOP:a.BOTTOM},s("slot",{key:"eaba66d4cc957d0c1ee02f6c1b488eb80abd78c9"})))}get hostElement(){return this}static get watchers(){return{open:[{handleOpenChange:0}],tooltipOpen:[{handleTooltipOpenChange:0}]}}static get style(){return':host,*{box-sizing:border-box}.z-tool{--z-tool-size:calc(var(--space-unit) * 5.5);--z-tool-icon-size:calc(var(--space-unit) * 2.5);position:relative;display:inline-flex;width:var(--z-tool-size);height:var(--z-tool-size);align-items:center;justify-content:center;padding:0;border:none;margin:0;background-color:var(--color-surface01);border-radius:var(--border-radius);cursor:pointer}:host(:is([active],[open])) .z-tool{box-shadow:inset 0 0 0 2px var(--color-primary01)}:host([open]) .z-tool{background:var(--color-primary03)}@media (hover: hover){:host(:hover),:host(.z-tool-tooltip-open){z-index:1}:host(:not([disabled])) .z-tool:hover{background-color:var(--color-primary03)}}.z-tool:focus:focus-visible{background-color:var(--color-primary03);outline:none}z-icon{--z-icon-width:var(--z-tool-icon-size);--z-icon-height:var(--z-tool-icon-size);display:block;fill:var(--color-default-icon)}:host([disabled]) .z-tool{color:var(--color-disabled01-icon);cursor:not-allowed}:host([disabled]) z-icon{fill:var(--color-disabled01-icon)}.z-tool-tooltip{--z-tooltip-padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);--z-tooltip-shadow-filter:drop-shadow(0 4px 8px var(--shadow-color-base));position:relative;z-index:2;font-family:var(--font-family-sans);white-space:nowrap}.z-tool-submenu{z-index:3;border-radius:calc(var(--border-radius) + var(--border-size-small))}.z-tool-submenu ::slotted(z-color-picker){border:var(--border-size-small) solid var(--color-surface03);border-radius:var(--border-radius)}@media (max-width: 767px) and (hover: none){.z-tool-tooltip{display:none !important}}:root{--font-family-sans:"IBM Plex Sans", sans-serif;--font-family-serif:"IBM Plex Serif", serif;--font-lt:300;--font-rg:400;--font-sb:600;--font-bd:700;--font-size-1:0.75rem;--font-size-2:0.875rem;--font-size-3:1rem;--font-size-4:1.125rem;--font-size-5:1.25rem;--font-size-6:1.5rem;--font-size-7:1.75rem;--font-size-8:2rem;--font-size-9:2.25rem;--font-size-10:2.625rem;--font-size-11:3rem;--font-size-12:3.375rem;--font-size-13:3.75rem;--font-size-14:4.25rem;--font-size-15:4.75rem;--font-size-16:5.25rem;--font-size-17:5.75rem;--section-title-1:var(--font-sb) var(--font-size-11) / 1.083 var(--font-family-serif);--section-title-2:var(--font-sb) var(--font-size-10) / 1.142 var(--font-family-serif);--section-title-3:var(--font-sb) var(--font-size-9) / 1.222 var(--font-family-serif);--section-title-4:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);--section-title-5:var(--font-sb) var(--font-size-7) / 1.2857 var(--font-family-serif);--section-title-6:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-1:var(--font-rg) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-1-serif:var(--font-rg) var(--font-size-7) / 1.28 var(--font-family-serif);--heading-1-sb:var(--font-sb) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-1-sb-serif:var(--font-sb) var(--font-size-7) / 1.28 var(--font-family-serif);--heading-1-lt:var(--font-lt) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-1-lt-serif:var(--font-lt) var(--font-size-7) / 1.28 var(--font-family-serif);--heading-2:var(--font-rg) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-2-serif:var(--font-rg) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-2-sb:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-2-sb-serif:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-2-lt:var(--font-lt) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-2-lt-serif:var(--font-lt) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-3:var(--font-rg) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-3-serif:var(--font-rg) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-3-sb:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-3-sb-serif:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-3-lt:var(--font-lt) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-3-lt-serif:var(--font-lt) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-4:var(--font-rg) var(--font-size-5) / 1.4 var(--font-family-sans);--heading-4-serif:var(--font-rg) var(--font-size-5) / 1.4 var(--font-family-serif);--heading-4-sb:var(--font-sb) var(--font-size-5) / 1.4 var(--font-family-sans);--heading-4-sb-serif:var(--font-sb) var(--font-size-5) / 1.4 var(--font-family-serif);--heading-4-lt:var(--font-lt) var(--font-size-5) / 1.4 var(--font-family-sans);--heading-4-lt-serif:var(--font-lt) var(--font-size-5) / 1.4 var(--font-family-serif);--body-1:var(--font-rg) var(--font-size-5) / 1.4 var(--font-family-sans);--body-1-serif:var(--font-rg) var(--font-size-5) / 1.4 var(--font-family-serif);--body-1-sb:var(--font-sb) var(--font-size-5) / 1.4 var(--font-family-sans);--body-1-sb-serif:var(--font-sb) var(--font-size-5) / 1.4 var(--font-family-serif);--body-2:var(--font-rg) var(--font-size-4) / 1.5 var(--font-family-sans);--body-2-serif:var(--font-rg) var(--font-size-4) / 1.5 var(--font-family-serif);--body-2-sb:var(--font-sb) var(--font-size-4) / 1.5 var(--font-family-sans);--body-2-sb-serif:var(--font-sb) var(--font-size-4) / 1.5 var(--font-family-serif);--body-3:var(--font-rg) var(--font-size-3) / 1.5 var(--font-family-sans);--body-3-serif:var(--font-rg) var(--font-size-3) / 1.5 var(--font-family-serif);--body-3-sb:var(--font-sb) var(--font-size-3) / 1.5 var(--font-family-sans);--body-3-sb-serif:var(--font-sb) var(--font-size-3) / 1.5 var(--font-family-serif);--body-4:var(--font-rg) var(--font-size-2) / 1.4 var(--font-family-sans);--body-4-serif:var(--font-rg) var(--font-size-2) / 1.4 var(--font-family-serif);--body-4-sb:var(--font-sb) var(--font-size-2) / 1.4 var(--font-family-sans);--body-4-sb-serif:var(--font-sb) var(--font-size-2) / 1.4 var(--font-family-serif);--body-5:var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-sans);--body-5-serif:var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-serif);--body-5-sb:var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-sans);--body-5-sb-serif:var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-serif);--interactive-1:var(--font-rg) var(--font-size-3) / 1.5 var(--font-family-sans);--interactive-1-serif:var(--font-rg) var(--font-size-3) / 1.5 var(--font-family-serif);--interactive-1-sb:var(--font-sb) var(--font-size-3) / 1.5 var(--font-family-sans);--interactive-1-sb-serif:var(--font-sb) var(--font-size-3) / 1.5 var(--font-family-serif);--interactive-2:var(--font-rg) var(--font-size-2) / 1.4 var(--font-family-sans);--interactive-2-serif:var(--font-rg) var(--font-size-2) / 1.4 var(--font-family-serif);--interactive-2-sb:var(--font-sb) var(--font-size-2) / 1.4 var(--font-family-sans);--interactive-2-sb-serif:var(--font-sb) var(--font-size-2) / 1.4 var(--font-family-serif);--interactive-3:var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-sans);--interactive-3-serif:var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-serif);--interactive-3-sb:var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-sans);--interactive-3-sb-serif:var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-serif);--helper:italic var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-sans);--helper-serif:italic var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-serif);--helper-sb:italic var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-sans);--helper-sb-serif:italic var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-serif)}@media (min-width: 1152px){:root{--heading-1:var(--font-rg) var(--font-size-8) / 1.25 var(--font-family-sans);--heading-1-serif:var(--font-rg) var(--font-size-8) / 1.25 var(--font-family-serif);--heading-1-sb:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-sans);--heading-1-sb-serif:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);--heading-1-lt:var(--font-lt) var(--font-size-8) / 1.25 var(--font-family-sans);--heading-1-lt-serif:var(--font-lt) var(--font-size-8) / 1.25 var(--font-family-serif);--heading-2:var(--font-rg) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-2-serif:var(--font-rg) var(--font-size-7) / 1.28 var(--font-family-serif);--heading-2-sb:var(--font-sb) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-2-sb-serif:var(--font-sb) var(--font-size-7) / 1.28 var(--font-family-serif);--heading-2-lt:var(--font-lt) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-2-lt-serif:var(--font-lt) var(--font-size-7) / 1.28 var(--font-family-serif)}}.heading-1,.heading-1-sb,.heading-1-lt,.heading-1-serif,.heading-1-sb-serif,.heading-1-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.heading-2,.heading-2-sb,.heading-2-lt,.heading-2-serif,.heading-2-sb-serif,.heading-2-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-3,.heading-3-sb,.heading-3-lt,.heading-3-serif,.heading-3-sb-serif,.heading-3-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-4,.heading-4-sb,.heading-4-lt,.heading-4-serif,.heading-4-sb-serif,.heading-4-lt-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-1,.body-1-sb,.body-1-serif,.body-1-sb-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-2,.body-2-sb,.body-2-serif,.body-2-sb-serif{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.body-3,.body-3-sb,.body-3-serif,.body-3-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.body-4,.body-4-sb,.body-4-serif,.body-4-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.body-5,.body-5-sb,.body-5-serif,.body-5-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.interactive-1,.interactive-1-sb,.interactive-1-serif,.interactive-1-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.interactive-2,.interactive-2-sb,.interactive-2-serif,.interactive-2-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.interactive-3,.interactive-3-sb,.interactive-3-serif,.interactive-3-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.helper,.helper-sb,.helper-serif,.helper-sb-serif{font-size:var(--font-size-1);font-style:italic;font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.section-title-1{font:var(--section-title-1)}.section-title-2{font:var(--section-title-2)}.section-title-3{font:var(--section-title-3)}.section-title-4{font:var(--section-title-4)}.section-title-5{font:var(--section-title-5)}.section-title-6{font:var(--section-title-6)}@media (min-width: 1152px){.heading-1,.heading-1-sb,.heading-1-lt,.heading-1-serif,.heading-1-sb-serif,.heading-1-lt-serif{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.heading-2,.heading-2-sb,.heading-2-lt,.heading-2-serif,.heading-2-sb-serif,.heading-2-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}}@media (max-width: 767px){.mobile-heading-1,.mobile-heading-1-sb,.mobile-heading-1-lt,.mobile-heading-1-serif,.mobile-heading-1-sb-serif,.mobile-heading-1-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.mobile-heading-2,.mobile-heading-2-sb,.mobile-heading-2-lt,.mobile-heading-2-serif,.mobile-heading-2-sb-serif,.mobile-heading-2-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-3,.mobile-heading-3-sb,.mobile-heading-3-lt,.mobile-heading-3-serif,.mobile-heading-3-sb-serif,.mobile-heading-3-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-4,.mobile-heading-4-sb,.mobile-heading-4-lt,.mobile-heading-4-serif,.mobile-heading-4-sb-serif,.mobile-heading-4-lt-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-1,.mobile-body-1-sb,.mobile-body-1-serif,.mobile-body-1-sb-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-2,.mobile-body-2-sb,.mobile-body-2-serif,.mobile-body-2-sb-serif{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.mobile-body-3,.mobile-body-3-sb,.mobile-body-3-serif,.mobile-body-3-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-body-4,.mobile-body-4-sb,.mobile-body-4-serif,.mobile-body-4-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-body-5,.mobile-body-5-sb,.mobile-body-5-serif,.mobile-body-5-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-interactive-1,.mobile-interactive-1-sb,.mobile-interactive-1-serif,.mobile-interactive-1-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-interactive-2,.mobile-interactive-2-sb,.mobile-interactive-2-serif,.mobile-interactive-2-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-interactive-3,.mobile-interactive-3-sb,.mobile-interactive-3-serif,.mobile-interactive-3-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-section-title-1{font:var(--section-title-1)}.mobile-section-title-2{font:var(--section-title-2)}.mobile-section-title-3{font:var(--section-title-3)}.mobile-section-title-4{font:var(--section-title-4)}.mobile-section-title-5{font:var(--section-title-5)}.mobile-section-title-6{font:var(--section-title-6)}.mobile-heading-1-lt,.mobile-heading-2-lt,.mobile-heading-3-lt,.mobile-heading-4-lt,.mobile-heading-1-lt-serif,.mobile-heading-2-lt-serif,.mobile-heading-3-lt-serif,.mobile-heading-4-lt-serif{font-weight:var(--font-lt)}.mobile-heading-1-sb,.mobile-heading-2-sb,.mobile-heading-3-sb,.mobile-heading-4-sb,.mobile-body-1-sb,.mobile-body-2-sb,.mobile-body-3-sb,.mobile-body-4-sb,.mobile-body-5-sb,.mobile-interactive-1-sb,.mobile-interactive-2-sb,.mobile-interactive-3-sb,.mobile-heading-1-sb-serif,.mobile-heading-2-sb-serif,.mobile-heading-3-sb-serif,.mobile-heading-4-sb-serif,.mobile-body-1-sb-serif,.mobile-body-2-sb-serif,.mobile-body-3-sb-serif,.mobile-body-4-sb-serif,.mobile-body-5-sb-serif,.mobile-interactive-1-sb-serif,.mobile-interactive-2-sb-serif,.mobile-interactive-3-sb-serif{font-weight:var(--font-sb)}.mobile-heading-1-serif,.mobile-heading-1-sb-serif,.mobile-heading-1-lt-serif,.mobile-heading-2-serif,.mobile-heading-2-sb-serif,.mobile-heading-2-lt-serif,.mobile-heading-3-serif,.mobile-heading-3-sb-serif,.mobile-heading-3-lt-serif,.mobile-heading-4-serif,.mobile-heading-4-sb-serif,.mobile-heading-4-lt-serif,.mobile-body-1-serif,.mobile-body-1-sb-serif,.mobile-body-2-serif,.mobile-body-2-sb-serif,.mobile-body-3-serif,.mobile-body-3-sb-serif,.mobile-body-4-serif,.mobile-body-4-sb-serif,.mobile-body-5-serif,.mobile-body-5-sb-serif,.mobile-interactive-1-serif,.mobile-interactive-1-sb-serif,.mobile-interactive-2-serif,.mobile-interactive-2-sb-serif,.mobile-interactive-3-serif,.mobile-interactive-3-sb-serif{font-family:var(--font-family-serif)}}@media (min-width: 768px) and (max-width: 1151px){.tablet-heading-1,.tablet-heading-1-sb,.tablet-heading-1-lt,.tablet-heading-1-serif,.tablet-heading-1-sb-serif,.tablet-heading-1-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.tablet-heading-2,.tablet-heading-2-sb,.tablet-heading-2-lt,.tablet-heading-2-serif,.tablet-heading-2-sb-serif,.tablet-heading-2-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-3,.tablet-heading-3-sb,.tablet-heading-3-lt,.tablet-heading-3-serif,.tablet-heading-3-sb-serif,.tablet-heading-3-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-4,.tablet-heading-4-sb,.tablet-heading-4-lt,.tablet-heading-4-serif,.tablet-heading-4-sb-serif,.tablet-heading-4-lt-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-1,.tablet-body-1-sb,.tablet-body-1-serif,.tablet-body-1-sb-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-2,.tablet-body-2-sb,.tablet-body-2-serif,.tablet-body-2-sb-serif{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.tablet-body-3,.tablet-body-3-sb,.tablet-body-3-serif,.tablet-body-3-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-body-4,.tablet-body-4-sb,.tablet-body-4-serif,.tablet-body-4-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-body-5,.tablet-body-5-sb,.tablet-body-5-serif,.tablet-body-5-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-interactive-1,.tablet-interactive-1-sb,.tablet-interactive-1-serif,.tablet-interactive-1-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-interactive-2,.tablet-interactive-2-sb,.tablet-interactive-2-serif,.tablet-interactive-2-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-interactive-3,.tablet-interactive-3-sb,.tablet-interactive-3-serif,.tablet-interactive-3-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-section-title-1{font:var(--section-title-1)}.tablet-section-title-2{font:var(--section-title-2)}.tablet-section-title-3{font:var(--section-title-3)}.tablet-section-title-4{font:var(--section-title-4)}.tablet-section-title-5{font:var(--section-title-5)}.tablet-section-title-6{font:var(--section-title-6)}.tablet-heading-1-lt,.tablet-heading-2-lt,.tablet-heading-3-lt,.tablet-heading-4-lt,.tablet-heading-1-lt-serif,.tablet-heading-2-lt-serif,.tablet-heading-3-lt-serif,.tablet-heading-4-lt-serif{font-weight:var(--font-lt)}.tablet-heading-1-sb,.tablet-heading-2-sb,.tablet-heading-3-sb,.tablet-heading-4-sb,.tablet-body-1-sb,.tablet-body-2-sb,.tablet-body-3-sb,.tablet-body-4-sb,.tablet-body-5-sb,.tablet-interactive-1-sb,.tablet-interactive-2-sb,.tablet-interactive-3-sb,.tablet-heading-1-sb-serif,.tablet-heading-2-sb-serif,.tablet-heading-3-sb-serif,.tablet-heading-4-sb-serif,.tablet-body-1-sb-serif,.tablet-body-2-sb-serif,.tablet-body-3-sb-serif,.tablet-body-4-sb-serif,.tablet-body-5-sb-serif,.tablet-interactive-1-sb-serif,.tablet-interactive-2-sb-serif,.tablet-interactive-3-sb-serif{font-weight:var(--font-sb)}.tablet-heading-1-serif,.tablet-heading-1-sb-serif,.tablet-heading-1-lt-serif,.tablet-heading-2-serif,.tablet-heading-2-sb-serif,.tablet-heading-2-lt-serif,.tablet-heading-3-serif,.tablet-heading-3-sb-serif,.tablet-heading-3-lt-serif,.tablet-heading-4-serif,.tablet-heading-4-sb-serif,.tablet-heading-4-lt-serif,.tablet-body-1-serif,.tablet-body-1-sb-serif,.tablet-body-2-serif,.tablet-body-2-sb-serif,.tablet-body-3-serif,.tablet-body-3-sb-serif,.tablet-body-4-serif,.tablet-body-4-sb-serif,.tablet-body-5-serif,.tablet-body-5-sb-serif,.tablet-interactive-1-serif,.tablet-interactive-1-sb-serif,.tablet-interactive-2-serif,.tablet-interactive-2-sb-serif,.tablet-interactive-3-serif,.tablet-interactive-3-sb-serif{font-family:var(--font-family-serif)}}@media (min-width: 1152px) and (max-width: 1365px){.desktop-heading-1,.desktop-heading-1-sb,.desktop-heading-1-lt,.desktop-heading-1-serif,.desktop-heading-1-sb-serif,.desktop-heading-1-lt-serif{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.desktop-heading-2,.desktop-heading-2-sb,.desktop-heading-2-lt,.desktop-heading-2-serif,.desktop-heading-2-sb-serif,.desktop-heading-2-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.desktop-heading-3,.desktop-heading-3-sb,.desktop-heading-3-lt,.desktop-heading-3-serif,.desktop-heading-3-sb-serif,.desktop-heading-3-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.desktop-heading-4,.desktop-heading-4-sb,.desktop-heading-4-lt,.desktop-heading-4-serif,.desktop-heading-4-sb-serif,.desktop-heading-4-lt-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-1,.desktop-body-1-sb,.desktop-body-1-serif,.desktop-body-1-sb-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-2,.desktop-body-2-sb,.desktop-body-2-serif,.desktop-body-2-sb-serif{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.desktop-body-3,.desktop-body-3-sb,.desktop-body-3-serif,.desktop-body-3-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-body-4,.desktop-body-4-sb,.desktop-body-4-serif,.desktop-body-4-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-body-5,.desktop-body-5-sb,.desktop-body-5-serif,.desktop-body-5-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-interactive-1,.desktop-interactive-1-sb,.desktop-interactive-1-serif,.desktop-interactive-1-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-interactive-2,.desktop-interactive-2-sb,.desktop-interactive-2-serif,.desktop-interactive-2-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-interactive-3,.desktop-interactive-3-sb,.desktop-interactive-3-serif,.desktop-interactive-3-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-section-title-1{font:var(--section-title-1)}.desktop-section-title-2{font:var(--section-title-2)}.desktop-section-title-3{font:var(--section-title-3)}.desktop-section-title-4{font:var(--section-title-4)}.desktop-section-title-5{font:var(--section-title-5)}.desktop-section-title-6{font:var(--section-title-6)}.desktop-heading-1-lt,.desktop-heading-2-lt,.desktop-heading-3-lt,.desktop-heading-4-lt,.desktop-heading-1-lt-serif,.desktop-heading-2-lt-serif,.desktop-heading-3-lt-serif,.desktop-heading-4-lt-serif{font-weight:var(--font-lt)}.desktop-heading-1-sb,.desktop-heading-2-sb,.desktop-heading-3-sb,.desktop-heading-4-sb,.desktop-body-1-sb,.desktop-body-2-sb,.desktop-body-3-sb,.desktop-body-4-sb,.desktop-body-5-sb,.desktop-interactive-1-sb,.desktop-interactive-2-sb,.desktop-interactive-3-sb,.desktop-heading-1-sb-serif,.desktop-heading-2-sb-serif,.desktop-heading-3-sb-serif,.desktop-heading-4-sb-serif,.desktop-body-1-sb-serif,.desktop-body-2-sb-serif,.desktop-body-3-sb-serif,.desktop-body-4-sb-serif,.desktop-body-5-sb-serif,.desktop-interactive-1-sb-serif,.desktop-interactive-2-sb-serif,.desktop-interactive-3-sb-serif{font-weight:var(--font-sb)}.desktop-heading-1-serif,.desktop-heading-1-sb-serif,.desktop-heading-1-lt-serif,.desktop-heading-2-serif,.desktop-heading-2-sb-serif,.desktop-heading-2-lt-serif,.desktop-heading-3-serif,.desktop-heading-3-sb-serif,.desktop-heading-3-lt-serif,.desktop-heading-4-serif,.desktop-heading-4-sb-serif,.desktop-heading-4-lt-serif,.desktop-body-1-serif,.desktop-body-1-sb-serif,.desktop-body-2-serif,.desktop-body-2-sb-serif,.desktop-body-3-serif,.desktop-body-3-sb-serif,.desktop-body-4-serif,.desktop-body-4-sb-serif,.desktop-body-5-serif,.desktop-body-5-sb-serif,.desktop-interactive-1-serif,.desktop-interactive-1-sb-serif,.desktop-interactive-2-serif,.desktop-interactive-2-sb-serif,.desktop-interactive-3-serif,.desktop-interactive-3-sb-serif{font-family:var(--font-family-serif)}}@media (min-width: 1366px){.wide-heading-1,.wide-heading-1-sb,.wide-heading-1-lt,.wide-heading-1-serif,.wide-heading-1-sb-serif,.wide-heading-1-lt-serif{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.wide-heading-2,.wide-heading-2-sb,.wide-heading-2-lt,.wide-heading-2-serif,.wide-heading-2-sb-serif,.wide-heading-2-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.wide-heading-3,.wide-heading-3-sb,.wide-heading-3-lt,.wide-heading-3-serif,.wide-heading-3-sb-serif,.wide-heading-3-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.wide-heading-4,.wide-heading-4-sb,.wide-heading-4-lt,.wide-heading-4-serif,.wide-heading-4-sb-serif,.wide-heading-4-lt-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-1,.wide-body-1-sb,.wide-body-1-serif,.wide-body-1-sb-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-2,.wide-body-2-sb,.wide-body-2-serif,.wide-body-2-sb-serif{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.wide-body-3,.wide-body-3-sb,.wide-body-3-serif,.wide-body-3-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-body-4,.wide-body-4-sb,.wide-body-4-serif,.wide-body-4-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-body-5,.wide-body-5-sb,.wide-body-5-serif,.wide-body-5-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-interactive-1,.wide-interactive-1-sb,.wide-interactive-1-serif,.wide-interactive-1-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-interactive-2,.wide-interactive-2-sb,.wide-interactive-2-serif,.wide-interactive-2-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-interactive-3,.wide-interactive-3-sb,.wide-interactive-3-serif,.wide-interactive-3-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-section-title-1{font:var(--section-title-1)}.wide-section-title-2{font:var(--section-title-2)}.wide-section-title-3{font:var(--section-title-3)}.wide-section-title-4{font:var(--section-title-4)}.wide-section-title-5{font:var(--section-title-5)}.wide-section-title-6{font:var(--section-title-6)}.wide-heading-1-lt,.wide-heading-2-lt,.wide-heading-3-lt,.wide-heading-4-lt,.wide-heading-1-lt-serif,.wide-heading-2-lt-serif,.wide-heading-3-lt-serif,.wide-heading-4-lt-serif{font-weight:var(--font-lt)}.wide-heading-1-sb,.wide-heading-2-sb,.wide-heading-3-sb,.wide-heading-4-sb,.wide-body-1-sb,.wide-body-2-sb,.wide-body-3-sb,.wide-body-4-sb,.wide-body-5-sb,.wide-interactive-1-sb,.wide-interactive-2-sb,.wide-interactive-3-sb,.wide-heading-1-sb-serif,.wide-heading-2-sb-serif,.wide-heading-3-sb-serif,.wide-heading-4-sb-serif,.wide-body-1-sb-serif,.wide-body-2-sb-serif,.wide-body-3-sb-serif,.wide-body-4-sb-serif,.wide-body-5-sb-serif,.wide-interactive-1-sb-serif,.wide-interactive-2-sb-serif,.wide-interactive-3-sb-serif{font-weight:var(--font-sb)}.wide-heading-1-serif,.wide-heading-1-sb-serif,.wide-heading-1-lt-serif,.wide-heading-2-serif,.wide-heading-2-sb-serif,.wide-heading-2-lt-serif,.wide-heading-3-serif,.wide-heading-3-sb-serif,.wide-heading-3-lt-serif,.wide-heading-4-serif,.wide-heading-4-sb-serif,.wide-heading-4-lt-serif,.wide-body-1-serif,.wide-body-1-sb-serif,.wide-body-2-serif,.wide-body-2-sb-serif,.wide-body-3-serif,.wide-body-3-sb-serif,.wide-body-4-serif,.wide-body-4-sb-serif,.wide-body-5-serif,.wide-body-5-sb-serif,.wide-interactive-1-serif,.wide-interactive-1-sb-serif,.wide-interactive-2-serif,.wide-interactive-2-sb-serif,.wide-interactive-3-serif,.wide-interactive-3-sb-serif{font-family:var(--font-family-serif)}}.heading-1-lt,.heading-2-lt,.heading-3-lt,.heading-4-lt,.heading-1-lt-serif,.heading-2-lt-serif,.heading-3-lt-serif,.heading-4-lt-serif{font-weight:var(--font-lt)}.heading-1-sb,.heading-2-sb,.heading-3-sb,.heading-4-sb,.body-1-sb,.body-2-sb,.body-3-sb,.body-4-sb,.body-5-sb,.interactive-1-sb,.interactive-2-sb,.interactive-3-sb,.helper-sb,.heading-1-sb-serif,.heading-2-sb-serif,.heading-3-sb-serif,.heading-4-sb-serif,.body-1-sb-serif,.body-2-sb-serif,.body-3-sb-serif,.body-4-sb-serif,.body-5-sb-serif,.interactive-1-sb-serif,.interactive-2-sb-serif,.interactive-3-sb-serif,.helper-sb-serif{font-weight:var(--font-sb)}.heading-1-serif,.heading-1-sb-serif,.heading-1-lt-serif,.heading-2-serif,.heading-2-sb-serif,.heading-2-lt-serif,.heading-3-serif,.heading-3-sb-serif,.heading-3-lt-serif,.heading-4-serif,.heading-4-sb-serif,.heading-4-lt-serif,.body-1-serif,.body-1-sb-serif,.body-2-serif,.body-2-sb-serif,.body-3-serif,.body-3-sb-serif,.body-4-serif,.body-4-sb-serif,.body-5-serif,.body-5-sb-serif,.interactive-1-serif,.interactive-1-sb-serif,.interactive-2-serif,.interactive-2-sb-serif,.interactive-3-serif,.interactive-3-sb-serif,.helper-serif,.helper-sb-serif{font-family:var(--font-family-serif)}'}},[257,"z-tool",{icon:[1],tooltip:[1],tooltipPosition:[1,"tooltip-position"],htmlAriaLabel:[1,"html-aria-label"],active:[516],disabled:[516],open:[1540],indicatorColor:[1025,"indicator-color"],tooltipOpen:[32],hasSlottedContent:[32],isMobile:[32],hasNestedOpenTools:[32],setFocus:[64],setTabIndex:[64],closeTooltip:[64]},[[0,"keydown","handleKeyDown"],[16,"click","onOutsideClick"],[0,"toggleSubmenu","onNestedToolToggle"],[0,"colorSelected","handleColorSelected"],[17,"focusin","handleExternalFocusin"]],{open:[{handleOpenChange:0}],tooltipOpen:[{handleTooltipOpenChange:0}]}]),g=h,v=function(){"undefined"!=typeof customElements&&["z-tool","z-icon","z-popover","z-tooltip"].forEach((e=>{switch(e){case"z-tool":customElements.get(n(e))||customElements.define(n(e),h);break;case"z-icon":customElements.get(n(e))||d();break;case"z-popover":customElements.get(n(e))||b();break;case"z-tooltip":customElements.get(n(e))||l()}}))};export{g as ZTool,v as defineCustomElement}

package/dist/components/z-toolbar.js

@@ -1,2 +1 @@
-import{proxyCustomElement as t,HTMLElement as o,h as e,Host as s,transformTag as i}from"@stencil/core/internal/client";import{g as r}from"./index2.js";const n=()=>`:host,*{box-sizing:border-box}:host{display:flex;width:fit-content;align-items:center;padding:0;border:var(--border-size-small) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:calc(var(--border-radius) + var(--border-size-small));box-shadow:var(--shadow-4);gap:calc(var(--space-unit) / 2)}::slotted(z-divider){height:calc(var(--space-unit) * 4.5) !important}@media (max-width: 767px){:host{--z-toolbar-columns:6;position:relative;display:grid;max-width:100%;background:repeating-linear-gradient(         to bottom,         transparent 0,         transparent calc(var(--space-unit) * 5.5),         var(--color-surface03) calc(var(--space-unit) * 5.5),         var(--color-surface03) calc(var(--space-unit) * 5.5 + 1px)       )       center / calc(100% - var(--space-unit)) 100% no-repeat var(--color-surface01);gap:var(--border-size-small) calc(var(--space-unit) / 2);grid-template-columns:repeat(var(--z-toolbar-columns, auto-fill), minmax(44px, auto))}::slotted(z-divider){display:none !important}}`;const a=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.currentFocusIndex=0;this.toolItems=[]}componentDidLoad(){this.collectToolItems();this.updateTabIndexes();let t=parseInt(getComputedStyle(this.hostElement).getPropertyValue("--z-toolbar-columns")||"6");t=this.toolItems.length<=t?this.toolItems.length:t;this.hostElement.style.setProperty("--z-toolbar-columns",t.toString())}collectToolItems(){this.toolItems=Array.from(this.hostElement.querySelectorAll("z-tool:not(:scope z-tool z-tool)"))}updateTabIndexes(){this.toolItems.forEach(((t,o)=>{t.setTabIndex(o===this.currentFocusIndex?0:-1)}))}focusToolAt(t,o="next"){const e=this.toolItems[t];if(!e){return}this.currentFocusIndex=t;if(!e.disabled){e.setFocus();this.updateTabIndexes();return}if(o==="next"){this.focusNextTool()}else{this.focusPreviousTool()}}focusNextTool(){const t=(this.currentFocusIndex+1)%this.toolItems.length;this.focusToolAt(t)}focusPreviousTool(){const t=(this.currentFocusIndex-1+this.toolItems.length)%this.toolItems.length;this.focusToolAt(t,"previous")}closeSiblingSubmenusOnOpen(t){if(t.detail!==true){return}const o=t.target.closest("z-tool");if(!o||!this.toolItems.includes(o)){return}this.toolItems.forEach((t=>{if(t!==o&&t.open){t.open=false}}))}closeSiblingTooltipsOnOpen(t){if(t.detail!==true){return}const o=t.target;if(!this.toolItems.includes(o)){return}this.toolItems.forEach((t=>{if(t!==o){t.closeTooltip()}}))}handleKeyDown(t){const o=t.target;const e=o.closest("z-tool");if(!e||!this.toolItems.includes(e)){return}const s=this.toolItems.indexOf(e);if(s!==-1){this.currentFocusIndex=s}switch(t.key){case r.ARROW_RIGHT:t.preventDefault();this.focusNextTool();break;case r.ARROW_LEFT:t.preventDefault();this.focusPreviousTool();break}}handleFocusIn(t){const o=t.target;const e=o.closest("z-tool");const s=this.toolItems.indexOf(e);if(s!==-1&&s!==this.currentFocusIndex){this.currentFocusIndex=s;this.updateTabIndexes()}}render(){return e(s,{key:"159c32c5871694f677c1d2693c30c7c1b2ecd17c",role:"toolbar","aria-label":this.htmlAriaLabel},e("slot",{key:"e5c52b5ee6e6d0549b981046fff4d866941b6930",onSlotchange:()=>{this.collectToolItems();this.updateTabIndexes()}}))}get hostElement(){return this}static get style(){return n()}},[257,"z-toolbar",{htmlAriaLabel:[1,"html-aria-label"],currentFocusIndex:[32]},[[0,"toggleSubmenu","closeSiblingSubmenusOnOpen"],[0,"toggleTooltip","closeSiblingTooltipsOnOpen"],[0,"keydown","handleKeyDown"],[0,"focusin","handleFocusIn"]]]);function c(){if(typeof customElements==="undefined"){return}const t=["z-toolbar"];t.forEach((t=>{switch(t){case"z-toolbar":if(!customElements.get(i(t))){customElements.define(i(t),a)}break}}))}const l=a;const h=c;export{l as ZToolbar,h as defineCustomElement};
-//# sourceMappingURL=z-toolbar.js.map
+import{proxyCustomElement as t,HTMLElement as o,h as e,Host as s,transformTag as i}from"@stencil/core/internal/client";import{g as r}from"./index2.js";const a=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.currentFocusIndex=0,this.toolItems=[]}componentDidLoad(){this.collectToolItems(),this.updateTabIndexes();let t=parseInt(getComputedStyle(this.hostElement).getPropertyValue("--z-toolbar-columns")||"6");t=this.toolItems.length<=t?this.toolItems.length:t,this.hostElement.style.setProperty("--z-toolbar-columns",""+t)}collectToolItems(){this.toolItems=Array.from(this.hostElement.querySelectorAll("z-tool:not(:scope z-tool z-tool)"))}updateTabIndexes(){this.toolItems.forEach(((t,o)=>{t.setTabIndex(o===this.currentFocusIndex?0:-1)}))}focusToolAt(t,o="next"){const e=this.toolItems[t];if(e){if(this.currentFocusIndex=t,!e.disabled)return e.setFocus(),void this.updateTabIndexes();"next"===o?this.focusNextTool():this.focusPreviousTool()}}focusNextTool(){this.focusToolAt((this.currentFocusIndex+1)%this.toolItems.length)}focusPreviousTool(){this.focusToolAt((this.currentFocusIndex-1+this.toolItems.length)%this.toolItems.length,"previous")}closeSiblingSubmenusOnOpen(t){if(!0!==t.detail)return;const o=t.target.closest("z-tool");o&&this.toolItems.includes(o)&&this.toolItems.forEach((t=>{t!==o&&t.open&&(t.open=!1)}))}closeSiblingTooltipsOnOpen(t){if(!0!==t.detail)return;const o=t.target;this.toolItems.includes(o)&&this.toolItems.forEach((t=>{t!==o&&t.closeTooltip()}))}handleKeyDown(t){const o=t.target.closest("z-tool");if(!o||!this.toolItems.includes(o))return;const e=this.toolItems.indexOf(o);switch(-1!==e&&(this.currentFocusIndex=e),t.key){case r.ARROW_RIGHT:t.preventDefault(),this.focusNextTool();break;case r.ARROW_LEFT:t.preventDefault(),this.focusPreviousTool()}}handleFocusIn(t){const o=t.target.closest("z-tool"),e=this.toolItems.indexOf(o);-1!==e&&e!==this.currentFocusIndex&&(this.currentFocusIndex=e,this.updateTabIndexes())}render(){return e(s,{key:"4707441ebdff23322f9290c40106b59e06d2fd04",role:"toolbar","aria-label":this.htmlAriaLabel},e("slot",{key:"7ff3c1fa0c854de1690103522adcf02f6716a5d2",onSlotchange:()=>{this.collectToolItems(),this.updateTabIndexes()}}))}get hostElement(){return this}static get style(){return":host,*{box-sizing:border-box}:host{display:flex;width:fit-content;align-items:center;padding:0;border:var(--border-size-small) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:calc(var(--border-radius) + var(--border-size-small));box-shadow:var(--shadow-4);gap:calc(var(--space-unit) / 2)}::slotted(z-divider){height:calc(var(--space-unit) * 4.5) !important}@media (max-width: 767px){:host{--z-toolbar-columns:6;position:relative;display:grid;max-width:100%;background:repeating-linear-gradient(         to bottom,         transparent 0,         transparent calc(var(--space-unit) * 5.5),         var(--color-surface03) calc(var(--space-unit) * 5.5),         var(--color-surface03) calc(var(--space-unit) * 5.5 + 1px)       )       center / calc(100% - var(--space-unit)) 100% no-repeat var(--color-surface01);gap:var(--border-size-small) calc(var(--space-unit) / 2);grid-template-columns:repeat(var(--z-toolbar-columns, auto-fill), minmax(44px, auto))}::slotted(z-divider){display:none !important}}"}},[257,"z-toolbar",{htmlAriaLabel:[1,"html-aria-label"],currentFocusIndex:[32]},[[0,"toggleSubmenu","closeSiblingSubmenusOnOpen"],[0,"toggleTooltip","closeSiblingTooltipsOnOpen"],[0,"keydown","handleKeyDown"],[0,"focusin","handleFocusIn"]]]),n=a,l=function(){"undefined"!=typeof customElements&&["z-toolbar"].forEach((t=>{"z-toolbar"===t&&(customElements.get(i(t))||customElements.define(i(t),a))}))};export{n as ZToolbar,l as defineCustomElement}

package/dist/components/z-tooltip.js

@@ -1,2 +1 @@
-import{Z as o,d as s}from"./index21.js";const t=o;const n=s;export{t as ZTooltip,n as defineCustomElement};
-//# sourceMappingURL=z-tooltip.js.map
+import{Z as o,d as s}from"./index21.js";const r=o,t=s;export{r as ZTooltip,t as defineCustomElement}