@kubex/zinc 1.0.10 → 1.0.12

package/dist/zn.d.ts

@@ -414,6 +414,7 @@ declare module "components/popup/popup.component" {
         disconnectedCallback(): void;
         updated(changedProps: Map<string, unknown>): Promise<void>;
         private handleAnchorChange;
+        handleAnchorHover: () => void;
         private start;
         private stop;
         /** Forces the popup to recalculate and reposition itself. */
@@ -6587,6 +6588,10 @@ declare module "zinc" {
     export { default as ContentBlock } from "components/content-block/index";
     export { default as FilterWrapper } from "components/filter-wrapper/index";
     export { default as SettingsContainer } from "components/settings-container/index";
+    export { default as ZincElement } from "internal/zinc-element";
+    export * from "utilities/on";
+    export * from "utilities/query";
+    export * from "utilities/lit-to-html";
     export * from "events/events";
 }
 declare module "components/editor/modules/events/zn-command-select" {

package/dist/zn.min.js

@@ -139,7 +139,7 @@ function print() { __p += __j.call(arguments, '') }
               ${this.loadingText}<span class="loading-countdown"></span>
             </span>
         </div>
-      `:null}`}};it.styles=ne(p4),it.dependencies={"zn-tooltip":$a,"zn-icon":Ci},y([be(".button")],it.prototype,"button",2),y([ng(".loading-countdown")],it.prototype,"countdownContainer",2),y([_({})],it.prototype,"color",2),y([_({})],it.prototype,"size",2),y([_({type:Boolean})],it.prototype,"text",2),y([_({type:Boolean})],it.prototype,"outline",2),y([_({type:Boolean})],it.prototype,"disabled",2),y([_({type:Boolean})],it.prototype,"grow",2),y([_({type:Boolean})],it.prototype,"square",2),y([_({attribute:"dropdown-closer",type:Boolean})],it.prototype,"dropdownCloser",2),y([_({type:Number})],it.prototype,"notification",2),y([_({attribute:"muted-notifications",type:Boolean})],it.prototype,"mutedNotifications",2),y([_()],it.prototype,"verticalAlign",2),y([_()],it.prototype,"content",2),y([_()],it.prototype,"icon",2),y([_()],it.prototype,"gaid",2),y([_({attribute:"icon-position"})],it.prototype,"iconPosition",2),y([_({attribute:"icon-size"})],it.prototype,"iconSize",2),y([_({attribute:"icon-color"})],it.prototype,"iconColor",2),y([_()],it.prototype,"type",2),y([_()],it.prototype,"name",2),y([_()],it.prototype,"value",2),y([_()],it.prototype,"form",2),y([_({attribute:"formaction"})],it.prototype,"formAction",2),y([_({attribute:"formenctype"})],it.prototype,"formEnctype",2),y([_({attribute:"formmethod"})],it.prototype,"formMethod",2),y([_({attribute:"formnovalidate",type:Boolean})],it.prototype,"formNoValidate",2),y([_({attribute:"formtarget"})],it.prototype,"formTarget",2),y([_()],it.prototype,"href",2),y([_()],it.prototype,"target",2),y([_({attribute:"data-target"})],it.prototype,"dataTarget",2),y([_()],it.prototype,"rel",2),y([_()],it.prototype,"tooltip",2),y([_({type:Boolean,attribute:"auto-click"})],it.prototype,"autoClick",2),y([_({type:Number,attribute:"auto-click-delay"})],it.prototype,"autoClickDelay",2),y([_({type:String,attribute:"loading-text"})],it.prototype,"loadingText",2),y([_({type:String,attribute:"loading-text-position"})],it.prototype,"loadingTextPosition",2),y([_({type:Boolean})],it.prototype,"loading",2);var Cr=it;it.define("zn-button");var vc=class extends ee{connectedCallback(){super.connectedCallback(),this.observerDom()}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this.domObserver)==null||t.disconnect()}firstUpdated(t){super.firstUpdated(t),this.resize()}resize(){let t=0;Array.from(this.children).forEach(i=>{t+=i.getBoundingClientRect().height}),this.style.minHeight=t+"px"}observerDom(){this.domObserver=new MutationObserver(()=>{this.resize()}),this.domObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,characterData:!0})}createRenderRoot(){return this}};var $F=vc;vc.define("zn-absolute-container");var Xo=Math.min,$n=Math.max,Ph=Math.round,Rh=Math.floor,To=o=>({x:o,y:o}),FF={left:"right",right:"left",bottom:"top",top:"bottom"},NF={start:"end",end:"start"};function ag(o,t,i){return $n(o,Xo(t,i))}function Zl(o,t){return typeof o=="function"?o(t):o}function Fa(o){return o.split("-")[0]}function ed(o){return o.split("-")[1]}function K1(o){return o==="x"?"y":"x"}function sg(o){return o==="y"?"height":"width"}function Na(o){return["top","bottom"].includes(Fa(o))?"y":"x"}function lg(o){return K1(Na(o))}function m4(o,t,i){i===void 0&&(i=!1);let n=ed(o),r=lg(o),a=sg(r),s=r==="x"?n===(i?"end":"start")?"right":"left":n==="start"?"bottom":"top";return t.reference[a]>t.floating[a]&&(s=qh(s)),[s,qh(s)]}function g4(o){let t=qh(o);return[og(o),t,og(t)]}function og(o){return o.replace(/start|end/g,t=>NF[t])}function BF(o,t,i){let n=["left","right"],r=["right","left"],a=["top","bottom"],s=["bottom","top"];switch(o){case"top":case"bottom":return i?t?r:n:t?n:r;case"left":case"right":return t?a:s;default:return[]}}function b4(o,t,i,n){let r=ed(o),a=BF(Fa(o),i==="start",n);return r&&(a=a.map(s=>s+"-"+r),t&&(a=a.concat(a.map(og)))),a}function qh(o){return o.replace(/left|right|bottom|top/g,t=>FF[t])}function HF(o){return Se({top:0,right:0,bottom:0,left:0},o)}function Q1(o){return typeof o!="number"?HF(o):{top:o,right:o,bottom:o,left:o}}function td(o){let{x:t,y:i,width:n,height:r}=o;return{width:n,height:r,top:i,left:t,right:t+n,bottom:i+r,x:t,y:i}}function v4(o,t,i){let{reference:n,floating:r}=o,a=Na(t),s=lg(t),l=sg(s),d=Fa(t),c=a==="y",f=n.x+n.width/2-r.width/2,h=n.y+n.height/2-r.height/2,p=n[l]/2-r[l]/2,m;switch(d){case"top":m={x:f,y:n.y-r.height};break;case"bottom":m={x:f,y:n.y+n.height};break;case"right":m={x:n.x+n.width,y:h};break;case"left":m={x:n.x-r.width,y:h};break;default:m={x:n.x,y:n.y}}switch(ed(t)){case"start":m[s]-=p*(i&&c?-1:1);break;case"end":m[s]+=p*(i&&c?-1:1);break}return m}var y4=async(o,t,i)=>{let{placement:n="bottom",strategy:r="absolute",middleware:a=[],platform:s}=i,l=a.filter(Boolean),d=await(s.isRTL==null?void 0:s.isRTL(t)),c=await s.getElementRects({reference:o,floating:t,strategy:r}),{x:f,y:h}=v4(c,n,d),p=n,m={},v=0;for(let b=0;b<l.length;b++){let{name:x,fn:k}=l[b],{x:z,y:E,data:A,reset:C}=await k({x:f,y:h,initialPlacement:n,placement:p,strategy:r,middlewareData:m,rects:c,platform:s,elements:{reference:o,floating:t}});f=z!=null?z:f,h=E!=null?E:h,m=tt(Se({},m),{[x]:Se(Se({},m[x]),A)}),C&&v<=50&&(v++,typeof C=="object"&&(C.placement&&(p=C.placement),C.rects&&(c=C.rects===!0?await s.getElementRects({reference:o,floating:t,strategy:r}):C.rects),{x:f,y:h}=v4(c,p,d)),b=-1)}return{x:f,y:h,placement:p,strategy:r,middlewareData:m}};async function dg(o,t){var i;t===void 0&&(t={});let{x:n,y:r,platform:a,rects:s,elements:l,strategy:d}=o,{boundary:c="clippingAncestors",rootBoundary:f="viewport",elementContext:h="floating",altBoundary:p=!1,padding:m=0}=Zl(t,o),v=Q1(m),x=l[p?h==="floating"?"reference":"floating":h],k=td(await a.getClippingRect({element:(i=await(a.isElement==null?void 0:a.isElement(x)))==null||i?x:x.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(l.floating)),boundary:c,rootBoundary:f,strategy:d})),z=h==="floating"?{x:n,y:r,width:s.floating.width,height:s.floating.height}:s.reference,E=await(a.getOffsetParent==null?void 0:a.getOffsetParent(l.floating)),A=await(a.isElement==null?void 0:a.isElement(E))?await(a.getScale==null?void 0:a.getScale(E))||{x:1,y:1}:{x:1,y:1},C=td(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:z,offsetParent:E,strategy:d}):z);return{top:(k.top-C.top+v.top)/A.y,bottom:(C.bottom-k.bottom+v.bottom)/A.y,left:(k.left-C.left+v.left)/A.x,right:(C.right-k.right+v.right)/A.x}}var x4=o=>({name:"arrow",options:o,async fn(t){let{x:i,y:n,placement:r,rects:a,platform:s,elements:l,middlewareData:d}=t,{element:c,padding:f=0}=Zl(o,t)||{};if(c==null)return{};let h=Q1(f),p={x:i,y:n},m=lg(r),v=sg(m),b=await s.getDimensions(c),x=m==="y",k=x?"top":"left",z=x?"bottom":"right",E=x?"clientHeight":"clientWidth",A=a.reference[v]+a.reference[m]-p[m]-a.floating[v],C=p[m]-a.reference[m],M=await(s.getOffsetParent==null?void 0:s.getOffsetParent(c)),T=M?M[E]:0;(!T||!await(s.isElement==null?void 0:s.isElement(M)))&&(T=l.floating[E]||a.floating[v]);let P=A/2-C/2,$=T/2-b[v]/2-1,N=Xo(h[k],$),H=Xo(h[z],$),U=N,J=T-b[v]-H,ae=T/2-b[v]/2+P,oe=ag(U,ae,J),se=!d.arrow&&ed(r)!=null&&ae!==oe&&a.reference[v]/2-(ae<U?N:H)-b[v]/2<0,ce=se?ae<U?ae-U:ae-J:0;return{[m]:p[m]+ce,data:Se({[m]:oe,centerOffset:ae-oe-ce},se&&{alignmentOffset:ce}),reset:se}}});var w4=function(o){return o===void 0&&(o={}),{name:"flip",options:o,async fn(t){var i,n;let{placement:r,middlewareData:a,rects:s,initialPlacement:l,platform:d,elements:c}=t,oe=Zl(o,t),{mainAxis:f=!0,crossAxis:h=!0,fallbackPlacements:p,fallbackStrategy:m="bestFit",fallbackAxisSideDirection:v="none",flipAlignment:b=!0}=oe,x=Hl(oe,["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","fallbackAxisSideDirection","flipAlignment"]);if((i=a.arrow)!=null&&i.alignmentOffset)return{};let k=Fa(r),z=Na(l),E=Fa(l)===l,A=await(d.isRTL==null?void 0:d.isRTL(c.floating)),C=p||(E||!b?[qh(l)]:g4(l)),M=v!=="none";!p&&M&&C.push(...b4(l,b,v,A));let T=[l,...C],P=await dg(t,x),$=[],N=((n=a.flip)==null?void 0:n.overflows)||[];if(f&&$.push(P[k]),h){let se=m4(r,s,A);$.push(P[se[0]],P[se[1]])}if(N=[...N,{placement:r,overflows:$}],!$.every(se=>se<=0)){var H,U;let se=(((H=a.flip)==null?void 0:H.index)||0)+1,ce=T[se];if(ce){var J;let ve=h==="alignment"?z!==Na(ce):!1,Ae=((J=N[0])==null?void 0:J.overflows[0])>0;if(!ve||Ae)return{data:{index:se,overflows:N},reset:{placement:ce}}}let _e=(U=N.filter(ve=>ve.overflows[0]<=0).sort((ve,Ae)=>ve.overflows[1]-Ae.overflows[1])[0])==null?void 0:U.placement;if(!_e)switch(m){case"bestFit":{var ae;let ve=(ae=N.filter(Ae=>{if(M){let Le=Na(Ae.placement);return Le===z||Le==="y"}return!0}).map(Ae=>[Ae.placement,Ae.overflows.filter(Le=>Le>0).reduce((Le,Ce)=>Le+Ce,0)]).sort((Ae,Le)=>Ae[1]-Le[1])[0])==null?void 0:ae[0];ve&&(_e=ve);break}case"initialPlacement":_e=l;break}if(r!==_e)return{reset:{placement:_e}}}return{}}}};async function WF(o,t){let{placement:i,platform:n,elements:r}=o,a=await(n.isRTL==null?void 0:n.isRTL(r.floating)),s=Fa(i),l=ed(i),d=Na(i)==="y",c=["left","top"].includes(s)?-1:1,f=a&&d?-1:1,h=Zl(t,o),{mainAxis:p,crossAxis:m,alignmentAxis:v}=typeof h=="number"?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return l&&typeof v=="number"&&(m=l==="end"?v*-1:v),d?{x:m*f,y:p*c}:{x:p*c,y:m*f}}var k4=function(o){return o===void 0&&(o=0),{name:"offset",options:o,async fn(t){var i,n;let{x:r,y:a,placement:s,middlewareData:l}=t,d=await WF(t,o);return s===((i=l.offset)==null?void 0:i.placement)&&(n=l.arrow)!=null&&n.alignmentOffset?{}:{x:r+d.x,y:a+d.y,data:tt(Se({},d),{placement:s})}}}},_4=function(o){return o===void 0&&(o={}),{name:"shift",options:o,async fn(t){let{x:i,y:n,placement:r}=t,x=Zl(o,t),{mainAxis:a=!0,crossAxis:s=!1,limiter:l={fn:k=>{let{x:z,y:E}=k;return{x:z,y:E}}}}=x,d=Hl(x,["mainAxis","crossAxis","limiter"]),c={x:i,y:n},f=await dg(t,d),h=Na(Fa(r)),p=K1(h),m=c[p],v=c[h];if(a){let k=p==="y"?"top":"left",z=p==="y"?"bottom":"right",E=m+f[k],A=m-f[z];m=ag(E,m,A)}if(s){let k=h==="y"?"top":"left",z=h==="y"?"bottom":"right",E=v+f[k],A=v-f[z];v=ag(E,v,A)}let b=l.fn(tt(Se({},t),{[p]:m,[h]:v}));return tt(Se({},b),{data:{x:b.x-i,y:b.y-n,enabled:{[p]:a,[h]:s}}})}}};var z4=function(o){return o===void 0&&(o={}),{name:"size",options:o,async fn(t){var i,n;let{placement:r,rects:a,platform:s,elements:l}=t,N=Zl(o,t),{apply:d=()=>{}}=N,c=Hl(N,["apply"]),f=await dg(t,c),h=Fa(r),p=ed(r),m=Na(r)==="y",{width:v,height:b}=a.floating,x,k;h==="top"||h==="bottom"?(x=h,k=p===(await(s.isRTL==null?void 0:s.isRTL(l.floating))?"start":"end")?"left":"right"):(k=h,x=p==="end"?"top":"bottom");let z=b-f.top-f.bottom,E=v-f.left-f.right,A=Xo(b-f[x],z),C=Xo(v-f[k],E),M=!t.middlewareData.shift,T=A,P=C;if((i=t.middlewareData.shift)!=null&&i.enabled.x&&(P=E),(n=t.middlewareData.shift)!=null&&n.enabled.y&&(T=z),M&&!p){let H=$n(f.left,0),U=$n(f.right,0),J=$n(f.top,0),ae=$n(f.bottom,0);m?P=v-2*(H!==0||U!==0?H+U:$n(f.left,f.right)):T=b-2*(J!==0||ae!==0?J+ae:$n(f.top,f.bottom))}await d(tt(Se({},t),{availableWidth:P,availableHeight:T}));let $=await s.getDimensions(l.floating);return v!==$.width||b!==$.height?{reset:{rects:!0}}:{}}}};function cg(){return typeof window!="undefined"}function id(o){return S4(o)?(o.nodeName||"").toLowerCase():"#document"}function ir(o){var t;return(o==null||(t=o.ownerDocument)==null?void 0:t.defaultView)||window}function Mo(o){var t;return(t=(S4(o)?o.ownerDocument:o.document)||window.document)==null?void 0:t.documentElement}function S4(o){return cg()?o instanceof Node||o instanceof ir(o).Node:!1}function Zr(o){return cg()?o instanceof Element||o instanceof ir(o).Element:!1}function Lo(o){return cg()?o instanceof HTMLElement||o instanceof ir(o).HTMLElement:!1}function C4(o){return!cg()||typeof ShadowRoot=="undefined"?!1:o instanceof ShadowRoot||o instanceof ir(o).ShadowRoot}function xc(o){let{overflow:t,overflowX:i,overflowY:n,display:r}=eo(o);return/auto|scroll|overlay|hidden|clip/.test(t+n+i)&&!["inline","contents"].includes(r)}function A4(o){return["table","td","th"].includes(id(o))}function Oh(o){return[":popover-open",":modal"].some(t=>{try{return o.matches(t)}catch(i){return!1}})}function wc(o){let t=fg(),i=Zr(o)?eo(o):o;return["transform","translate","scale","rotate","perspective"].some(n=>i[n]?i[n]!=="none":!1)||(i.containerType?i.containerType!=="normal":!1)||!t&&(i.backdropFilter?i.backdropFilter!=="none":!1)||!t&&(i.filter?i.filter!=="none":!1)||["transform","translate","scale","rotate","perspective","filter"].some(n=>(i.willChange||"").includes(n))||["paint","layout","strict","content"].some(n=>(i.contain||"").includes(n))}function E4(o){let t=Ba(o);for(;Lo(t)&&!nd(t);){if(wc(t))return t;if(Oh(t))return null;t=Ba(t)}return null}function fg(){return typeof CSS=="undefined"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function nd(o){return["html","body","#document"].includes(id(o))}function eo(o){return ir(o).getComputedStyle(o)}function Dh(o){return Zr(o)?{scrollLeft:o.scrollLeft,scrollTop:o.scrollTop}:{scrollLeft:o.scrollX,scrollTop:o.scrollY}}function Ba(o){if(id(o)==="html")return o;let t=o.assignedSlot||o.parentNode||C4(o)&&o.host||Mo(o);return C4(t)?t.host:t}function T4(o){let t=Ba(o);return nd(t)?o.ownerDocument?o.ownerDocument.body:o.body:Lo(t)&&xc(t)?t:T4(t)}function yc(o,t,i){var n;t===void 0&&(t=[]),i===void 0&&(i=!0);let r=T4(o),a=r===((n=o.ownerDocument)==null?void 0:n.body),s=ir(r);if(a){let l=hg(s);return t.concat(s,s.visualViewport||[],xc(r)?r:[],l&&i?yc(l):[])}return t.concat(r,yc(r,[],i))}function hg(o){return o.parent&&Object.getPrototypeOf(o.parent)?o.frameElement:null}function q4(o){let t=eo(o),i=parseFloat(t.width)||0,n=parseFloat(t.height)||0,r=Lo(o),a=r?o.offsetWidth:i,s=r?o.offsetHeight:n,l=Ph(i)!==a||Ph(n)!==s;return l&&(i=a,n=s),{width:i,height:n,$:l}}function Z1(o){return Zr(o)?o:o.contextElement}function kc(o){let t=Z1(o);if(!Lo(t))return To(1);let i=t.getBoundingClientRect(),{width:n,height:r,$:a}=q4(t),s=(a?Ph(i.width):i.width)/n,l=(a?Ph(i.height):i.height)/r;return(!s||!Number.isFinite(s))&&(s=1),(!l||!Number.isFinite(l))&&(l=1),{x:s,y:l}}var jF=To(0);function P4(o){let t=ir(o);return!fg()||!t.visualViewport?jF:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function VF(o,t,i){return t===void 0&&(t=!1),!i||t&&i!==ir(o)?!1:t}function rd(o,t,i,n){t===void 0&&(t=!1),i===void 0&&(i=!1);let r=o.getBoundingClientRect(),a=Z1(o),s=To(1);t&&(n?Zr(n)&&(s=kc(n)):s=kc(o));let l=VF(a,i,n)?P4(a):To(0),d=(r.left+l.x)/s.x,c=(r.top+l.y)/s.y,f=r.width/s.x,h=r.height/s.y;if(a){let p=ir(a),m=n&&Zr(n)?ir(n):n,v=p,b=hg(v);for(;b&&n&&m!==v;){let x=kc(b),k=b.getBoundingClientRect(),z=eo(b),E=k.left+(b.clientLeft+parseFloat(z.paddingLeft))*x.x,A=k.top+(b.clientTop+parseFloat(z.paddingTop))*x.y;d*=x.x,c*=x.y,f*=x.x,h*=x.y,d+=E,c+=A,v=ir(b),b=hg(v)}}return td({width:f,height:h,x:d,y:c})}function ey(o,t){let i=Dh(o).scrollLeft;return t?t.left+i:rd(Mo(o)).left+i}function R4(o,t,i){i===void 0&&(i=!1);let n=o.getBoundingClientRect(),r=n.left+t.scrollLeft-(i?0:ey(o,n)),a=n.top+t.scrollTop;return{x:r,y:a}}function UF(o){let{elements:t,rect:i,offsetParent:n,strategy:r}=o,a=r==="fixed",s=Mo(n),l=t?Oh(t.floating):!1;if(n===s||l&&a)return i;let d={scrollLeft:0,scrollTop:0},c=To(1),f=To(0),h=Lo(n);if((h||!h&&!a)&&((id(n)!=="body"||xc(s))&&(d=Dh(n)),Lo(n))){let m=rd(n);c=kc(n),f.x=m.x+n.clientLeft,f.y=m.y+n.clientTop}let p=s&&!h&&!a?R4(s,d,!0):To(0);return{width:i.width*c.x,height:i.height*c.y,x:i.x*c.x-d.scrollLeft*c.x+f.x+p.x,y:i.y*c.y-d.scrollTop*c.y+f.y+p.y}}function GF(o){return Array.from(o.getClientRects())}function YF(o){let t=Mo(o),i=Dh(o),n=o.ownerDocument.body,r=$n(t.scrollWidth,t.clientWidth,n.scrollWidth,n.clientWidth),a=$n(t.scrollHeight,t.clientHeight,n.scrollHeight,n.clientHeight),s=-i.scrollLeft+ey(o),l=-i.scrollTop;return eo(n).direction==="rtl"&&(s+=$n(t.clientWidth,n.clientWidth)-r),{width:r,height:a,x:s,y:l}}function XF(o,t){let i=ir(o),n=Mo(o),r=i.visualViewport,a=n.clientWidth,s=n.clientHeight,l=0,d=0;if(r){a=r.width,s=r.height;let c=fg();(!c||c&&t==="fixed")&&(l=r.offsetLeft,d=r.offsetTop)}return{width:a,height:s,x:l,y:d}}function KF(o,t){let i=rd(o,!0,t==="fixed"),n=i.top+o.clientTop,r=i.left+o.clientLeft,a=Lo(o)?kc(o):To(1),s=o.clientWidth*a.x,l=o.clientHeight*a.y,d=r*a.x,c=n*a.y;return{width:s,height:l,x:d,y:c}}function M4(o,t,i){let n;if(t==="viewport")n=XF(o,i);else if(t==="document")n=YF(Mo(o));else if(Zr(t))n=KF(t,i);else{let r=P4(o);n={x:t.x-r.x,y:t.y-r.y,width:t.width,height:t.height}}return td(n)}function O4(o,t){let i=Ba(o);return i===t||!Zr(i)||nd(i)?!1:eo(i).position==="fixed"||O4(i,t)}function QF(o,t){let i=t.get(o);if(i)return i;let n=yc(o,[],!1).filter(l=>Zr(l)&&id(l)!=="body"),r=null,a=eo(o).position==="fixed",s=a?Ba(o):o;for(;Zr(s)&&!nd(s);){let l=eo(s),d=wc(s);!d&&l.position==="fixed"&&(r=null),(a?!d&&!r:!d&&l.position==="static"&&!!r&&["absolute","fixed"].includes(r.position)||xc(s)&&!d&&O4(o,s))?n=n.filter(f=>f!==s):r=l,s=Ba(s)}return t.set(o,n),n}function JF(o){let{element:t,boundary:i,rootBoundary:n,strategy:r}=o,s=[...i==="clippingAncestors"?Oh(t)?[]:QF(t,this._c):[].concat(i),n],l=s[0],d=s.reduce((c,f)=>{let h=M4(t,f,r);return c.top=$n(h.top,c.top),c.right=Xo(h.right,c.right),c.bottom=Xo(h.bottom,c.bottom),c.left=$n(h.left,c.left),c},M4(t,l,r));return{width:d.right-d.left,height:d.bottom-d.top,x:d.left,y:d.top}}function ZF(o){let{width:t,height:i}=q4(o);return{width:t,height:i}}function eN(o,t,i){let n=Lo(t),r=Mo(t),a=i==="fixed",s=rd(o,!0,a,t),l={scrollLeft:0,scrollTop:0},d=To(0);function c(){d.x=ey(r)}if(n||!n&&!a)if((id(t)!=="body"||xc(r))&&(l=Dh(t)),n){let m=rd(t,!0,a,t);d.x=m.x+t.clientLeft,d.y=m.y+t.clientTop}else r&&c();a&&!n&&r&&c();let f=r&&!n&&!a?R4(r,l):To(0),h=s.left+l.scrollLeft-d.x-f.x,p=s.top+l.scrollTop-d.y-f.y;return{x:h,y:p,width:s.width,height:s.height}}function J1(o){return eo(o).position==="static"}function L4(o,t){if(!Lo(o)||eo(o).position==="fixed")return null;if(t)return t(o);let i=o.offsetParent;return Mo(o)===i&&(i=i.ownerDocument.body),i}function D4(o,t){let i=ir(o);if(Oh(o))return i;if(!Lo(o)){let r=Ba(o);for(;r&&!nd(r);){if(Zr(r)&&!J1(r))return r;r=Ba(r)}return i}let n=L4(o,t);for(;n&&A4(n)&&J1(n);)n=L4(n,t);return n&&nd(n)&&J1(n)&&!wc(n)?i:n||E4(o)||i}var tN=async function(o){let t=this.getOffsetParent||D4,i=this.getDimensions,n=await i(o.floating);return{reference:eN(o.reference,await t(o.floating),o.strategy),floating:{x:0,y:0,width:n.width,height:n.height}}};function iN(o){return eo(o).direction==="rtl"}var Ih={convertOffsetParentRelativeRectToViewportRelativeRect:UF,getDocumentElement:Mo,getClippingRect:JF,getOffsetParent:D4,getElementRects:tN,getClientRects:GF,getDimensions:ZF,getScale:kc,isElement:Zr,isRTL:iN};function I4(o,t){return o.x===t.x&&o.y===t.y&&o.width===t.width&&o.height===t.height}function nN(o,t){let i=null,n,r=Mo(o);function a(){var l;clearTimeout(n),(l=i)==null||l.disconnect(),i=null}function s(l,d){l===void 0&&(l=!1),d===void 0&&(d=1),a();let c=o.getBoundingClientRect(),{left:f,top:h,width:p,height:m}=c;if(l||t(),!p||!m)return;let v=Rh(h),b=Rh(r.clientWidth-(f+p)),x=Rh(r.clientHeight-(h+m)),k=Rh(f),E={rootMargin:-v+"px "+-b+"px "+-x+"px "+-k+"px",threshold:$n(0,Xo(1,d))||1},A=!0;function C(M){let T=M[0].intersectionRatio;if(T!==d){if(!A)return s();T?s(!1,T):n=setTimeout(()=>{s(!1,1e-7)},1e3)}T===1&&!I4(c,o.getBoundingClientRect())&&s(),A=!1}try{i=new IntersectionObserver(C,tt(Se({},E),{root:r.ownerDocument}))}catch(M){i=new IntersectionObserver(C,E)}i.observe(o)}return s(!0),a}function $4(o,t,i,n){n===void 0&&(n={});let{ancestorScroll:r=!0,ancestorResize:a=!0,elementResize:s=typeof ResizeObserver=="function",layoutShift:l=typeof IntersectionObserver=="function",animationFrame:d=!1}=n,c=Z1(o),f=r||a?[...c?yc(c):[],...yc(t)]:[];f.forEach(k=>{r&&k.addEventListener("scroll",i,{passive:!0}),a&&k.addEventListener("resize",i)});let h=c&&l?nN(c,i):null,p=-1,m=null;s&&(m=new ResizeObserver(k=>{let[z]=k;z&&z.target===c&&m&&(m.unobserve(t),cancelAnimationFrame(p),p=requestAnimationFrame(()=>{var E;(E=m)==null||E.observe(t)})),i()}),c&&!d&&m.observe(c),m.observe(t));let v,b=d?rd(o):null;d&&x();function x(){let k=rd(o);b&&!I4(b,k)&&i(),b=k,v=requestAnimationFrame(x)}return i(),()=>{var k;f.forEach(z=>{r&&z.removeEventListener("scroll",i),a&&z.removeEventListener("resize",i)}),h==null||h(),(k=m)==null||k.disconnect(),m=null,d&&cancelAnimationFrame(v)}}var F4=k4;var N4=_4,B4=w4,ty=z4;var H4=x4;var W4=(o,t,i)=>{let n=new Map,r=Se({platform:Ih},i),a=tt(Se({},r.platform),{_c:n});return y4(o,t,tt(Se({},r),{platform:a}))};function j4(o){return rN(o)}function iy(o){return o.assignedSlot?o.assignedSlot:o.parentNode instanceof ShadowRoot?o.parentNode.host:o.parentNode}function rN(o){for(let t=o;t;t=iy(t))if(t instanceof Element&&getComputedStyle(t).display==="none")return null;for(let t=iy(o);t;t=iy(t)){if(!(t instanceof Element))continue;let i=getComputedStyle(t);if(i.display!=="contents"&&(i.position!=="static"||wc(i)||t.tagName==="BODY"))return t}return null}var V4=re`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container{height:100%;width:100%;max-width:var(--zn-container);margin:0 auto}.form-container{height:100%;width:100%;max-width:var(--zn-container-ph);margin:0 auto}:host{--arrow-color:rgb(0,0,0,0.9);--arrow-size:6px;--arrow-size-diagonal:calc(var(--arrow-size) * 0.7071);--arrow-padding-offset:calc(var(--arrow-size-diagonal) - var(--arrow-size));display:contents}.popup{position:absolute;isolation:isolate;margin:0;border:0;padding:0;background:transparent;overflow:visible;max-width:var(--auto-size-available-width,none)}.popup--fixed{position:fixed}.popup:not(.popup--active){display:none}.popup__arrow{position:absolute;width:calc(var(--arrow-size-diagonal) * 2);height:calc(var(--arrow-size-diagonal) * 2);rotate:45deg;background:var(--arrow-color);z-index:-1}.popup-hover-bridge:not(.popup-hover-bridge--visible){display:none}.popup-hover-bridge{position:fixed;z-index:calc(var(--zn-z-index-dropdown) - 1);top:0;right:0;bottom:0;left:0;clip-path:polygon(var(--hover-bridge-top-left-x,0) var(--hover-bridge-top-left-y,0),var(--hover-bridge-top-right-x,0) var(--hover-bridge-top-right-y,0),var(--hover-bridge-bottom-right-x,0) var(--hover-bridge-bottom-right-y,0),var(--hover-bridge-bottom-left-x,0) var(--hover-bridge-bottom-left-y,0))}`;function oN(o){return o!==null&&typeof o=="object"&&"getBoundingClientRect"in o&&("contextElement"in o?o instanceof Element:!0)}var St=class extends ee{constructor(){super(...arguments);this.active=!1;this.placement="top";this.strategy="fixed";this.distance=0;this.skidding=0;this.arrow=!1;this.arrowPlacement="anchor";this.arrowPadding=10;this.flip=!1;this.flipFallbackPlacements="";this.flipFallbackStrategy="best-fit";this.flipPadding=0;this.shift=!1;this.shiftPadding=0;this.autoSizePadding=0;this.hoverBridge=!1;this.updateHoverBridge=()=>{if(this.hoverBridge&&this.anchorEl){let i=this.anchorEl.getBoundingClientRect(),n=this.popup.getBoundingClientRect(),r=this.placement.includes("top")||this.placement.includes("bottom"),a,s,l,d,c,f,h,p;r?i.top<n.top?(a=i.left,s=i.bottom,l=i.right,d=i.bottom,c=n.left,f=n.top,h=n.right,p=n.top):(a=n.left,s=n.bottom,l=n.right,d=n.bottom,c=i.left,f=i.top,h=i.right,p=i.top):i.left<n.left?(a=i.right,s=i.top,l=n.left,d=n.top,c=i.right,f=i.bottom,h=n.left,p=n.bottom):(a=n.right,s=n.top,l=i.left,d=i.top,c=n.right,f=n.bottom,h=i.left,p=i.bottom),this.style.setProperty("--hover-bridge-top-left-x",`${a}px`),this.style.setProperty("--hover-bridge-top-left-y",`${s}px`),this.style.setProperty("--hover-bridge-top-right-x",`${l}px`),this.style.setProperty("--hover-bridge-top-right-y",`${d}px`),this.style.setProperty("--hover-bridge-bottom-left-x",`${c}px`),this.style.setProperty("--hover-bridge-bottom-left-y",`${f}px`),this.style.setProperty("--hover-bridge-bottom-right-x",`${h}px`),this.style.setProperty("--hover-bridge-bottom-right-y",`${p}px`)}}}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.active&&this.start()}disconnectedCallback(){super.disconnectedCallback(),this.stop()}async updated(i){super.updated(i),i.has("active")&&(this.active?this.start():this.stop()),i.has("anchor")&&this.handleAnchorChange(),this.active&&(await this.updateComplete,this.reposition())}async handleAnchorChange(){if(await this.stop(),this.anchor&&typeof this.anchor=="string"){let i=this.getRootNode();this.anchorEl=i.getElementById(this.anchor)}else this.anchor instanceof Element||oN(this.anchor)?this.anchorEl=this.anchor:this.anchorEl=this.querySelector('[slot="anchor"]');this.anchorEl instanceof HTMLSlotElement&&(this.anchorEl=this.anchorEl.assignedElements({flatten:!0})[0]),this.anchorEl&&this.active&&this.start()}start(){this.anchorEl&&(this.cleanup=$4(this.anchorEl,this.popup,()=>{this.reposition()}))}async stop(){return new Promise(i=>{this.cleanup?(this.cleanup(),this.cleanup=void 0,this.removeAttribute("data-current-placement"),this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height"),this.popup.hidePopover(),requestAnimationFrame(()=>i())):i()})}reposition(){if(!this.active||!this.anchorEl)return;let i=[F4({mainAxis:this.distance,crossAxis:this.skidding})];this.sync?i.push(ty({apply:({rects:r})=>{let a=this.sync==="width"||this.sync==="both",s=this.sync==="height"||this.sync==="both";this.popup.style.minWidth=a?`${r.reference.width}px`:"",this.popup.style.minHeight=s?`${r.reference.height}px`:""}})):(this.popup.style.width="",this.popup.style.height=""),this.flip&&i.push(B4({boundary:this.flipBoundary,fallbackPlacements:this.flipFallbackPlacements,fallbackStrategy:this.flipFallbackStrategy==="best-fit"?"bestFit":"initialPlacement",padding:this.flipPadding})),this.shift&&i.push(N4({boundary:this.shiftBoundary,padding:this.shiftPadding})),this.autoSize?i.push(ty({boundary:this.autoSizeBoundary,padding:this.autoSizePadding,apply:({availableWidth:r,availableHeight:a})=>{this.autoSize==="vertical"||this.autoSize==="both"?this.style.setProperty("--auto-size-available-height",`${a}px`):this.style.removeProperty("--auto-size-available-height"),this.autoSize==="horizontal"||this.autoSize==="both"?this.style.setProperty("--auto-size-available-width",`${r}px`):this.style.removeProperty("--auto-size-available-width")}})):(this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height")),this.arrow&&i.push(H4({element:this.arrowEl,padding:this.arrowPadding}));let n=this.strategy==="absolute"?r=>Ih.getOffsetParent(r,j4):Ih.getOffsetParent;W4(this.anchorEl,this.popup,{placement:this.placement,middleware:i,strategy:this.strategy,platform:tt(Se({},Ih),{getOffsetParent:n})}).then(({x:r,y:a,middlewareData:s,placement:l})=>{var c;let d={top:"bottom",right:"left",bottom:"top",left:"right"}[l.split("-")[0]];if(this.setAttribute("data-current-placement",l),Object.assign(this.popup.style,{left:`${r}px`,top:`${a}px`}),!!((c=this.popup)!=null&&c.isConnected)&&(this.popup.showPopover(),this.arrow)){let f=s.arrow.x,h=s.arrow.y,p="",m="",v="",b;this.arrowPlacement==="start"?(p=typeof h=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",m="",b=typeof f=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:""):this.arrowPlacement==="end"?(m=typeof f=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",b="",v=typeof h=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:""):this.arrowPlacement==="center"?(b=typeof f=="number"?"calc(50% - var(--arrow-size-diagonal))":"",p=typeof h=="number"?"calc(50% - var(--arrow-size-diagonal))":""):(b=typeof f=="number"?`${f}px`:"",p=typeof h=="number"?`${h}px`:""),Object.assign(this.arrowEl.style,{top:p,right:m,bottom:v,left:b,[d]:"calc(var(--arrow-size-diagonal) * -1)"})}}),requestAnimationFrame(()=>this.updateHoverBridge())}render(){return L`
+      `:null}`}};it.styles=ne(p4),it.dependencies={"zn-tooltip":$a,"zn-icon":Ci},y([be(".button")],it.prototype,"button",2),y([ng(".loading-countdown")],it.prototype,"countdownContainer",2),y([_({})],it.prototype,"color",2),y([_({})],it.prototype,"size",2),y([_({type:Boolean})],it.prototype,"text",2),y([_({type:Boolean})],it.prototype,"outline",2),y([_({type:Boolean})],it.prototype,"disabled",2),y([_({type:Boolean})],it.prototype,"grow",2),y([_({type:Boolean})],it.prototype,"square",2),y([_({attribute:"dropdown-closer",type:Boolean})],it.prototype,"dropdownCloser",2),y([_({type:Number})],it.prototype,"notification",2),y([_({attribute:"muted-notifications",type:Boolean})],it.prototype,"mutedNotifications",2),y([_()],it.prototype,"verticalAlign",2),y([_()],it.prototype,"content",2),y([_()],it.prototype,"icon",2),y([_()],it.prototype,"gaid",2),y([_({attribute:"icon-position"})],it.prototype,"iconPosition",2),y([_({attribute:"icon-size"})],it.prototype,"iconSize",2),y([_({attribute:"icon-color"})],it.prototype,"iconColor",2),y([_()],it.prototype,"type",2),y([_()],it.prototype,"name",2),y([_()],it.prototype,"value",2),y([_()],it.prototype,"form",2),y([_({attribute:"formaction"})],it.prototype,"formAction",2),y([_({attribute:"formenctype"})],it.prototype,"formEnctype",2),y([_({attribute:"formmethod"})],it.prototype,"formMethod",2),y([_({attribute:"formnovalidate",type:Boolean})],it.prototype,"formNoValidate",2),y([_({attribute:"formtarget"})],it.prototype,"formTarget",2),y([_()],it.prototype,"href",2),y([_()],it.prototype,"target",2),y([_({attribute:"data-target"})],it.prototype,"dataTarget",2),y([_()],it.prototype,"rel",2),y([_()],it.prototype,"tooltip",2),y([_({type:Boolean,attribute:"auto-click"})],it.prototype,"autoClick",2),y([_({type:Number,attribute:"auto-click-delay"})],it.prototype,"autoClickDelay",2),y([_({type:String,attribute:"loading-text"})],it.prototype,"loadingText",2),y([_({type:String,attribute:"loading-text-position"})],it.prototype,"loadingTextPosition",2),y([_({type:Boolean})],it.prototype,"loading",2);var Cr=it;it.define("zn-button");var vc=class extends ee{connectedCallback(){super.connectedCallback(),this.observerDom()}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this.domObserver)==null||t.disconnect()}firstUpdated(t){super.firstUpdated(t),this.resize()}resize(){let t=0;Array.from(this.children).forEach(i=>{t+=i.getBoundingClientRect().height}),this.style.minHeight=t+"px"}observerDom(){this.domObserver=new MutationObserver(()=>{this.resize()}),this.domObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,characterData:!0})}createRenderRoot(){return this}};var $F=vc;vc.define("zn-absolute-container");var Xo=Math.min,$n=Math.max,Ph=Math.round,Rh=Math.floor,To=o=>({x:o,y:o}),FF={left:"right",right:"left",bottom:"top",top:"bottom"},NF={start:"end",end:"start"};function ag(o,t,i){return $n(o,Xo(t,i))}function Zl(o,t){return typeof o=="function"?o(t):o}function Fa(o){return o.split("-")[0]}function ed(o){return o.split("-")[1]}function K1(o){return o==="x"?"y":"x"}function sg(o){return o==="y"?"height":"width"}function Na(o){return["top","bottom"].includes(Fa(o))?"y":"x"}function lg(o){return K1(Na(o))}function m4(o,t,i){i===void 0&&(i=!1);let n=ed(o),r=lg(o),a=sg(r),s=r==="x"?n===(i?"end":"start")?"right":"left":n==="start"?"bottom":"top";return t.reference[a]>t.floating[a]&&(s=qh(s)),[s,qh(s)]}function g4(o){let t=qh(o);return[og(o),t,og(t)]}function og(o){return o.replace(/start|end/g,t=>NF[t])}function BF(o,t,i){let n=["left","right"],r=["right","left"],a=["top","bottom"],s=["bottom","top"];switch(o){case"top":case"bottom":return i?t?r:n:t?n:r;case"left":case"right":return t?a:s;default:return[]}}function b4(o,t,i,n){let r=ed(o),a=BF(Fa(o),i==="start",n);return r&&(a=a.map(s=>s+"-"+r),t&&(a=a.concat(a.map(og)))),a}function qh(o){return o.replace(/left|right|bottom|top/g,t=>FF[t])}function HF(o){return Se({top:0,right:0,bottom:0,left:0},o)}function Q1(o){return typeof o!="number"?HF(o):{top:o,right:o,bottom:o,left:o}}function td(o){let{x:t,y:i,width:n,height:r}=o;return{width:n,height:r,top:i,left:t,right:t+n,bottom:i+r,x:t,y:i}}function v4(o,t,i){let{reference:n,floating:r}=o,a=Na(t),s=lg(t),l=sg(s),d=Fa(t),c=a==="y",f=n.x+n.width/2-r.width/2,h=n.y+n.height/2-r.height/2,p=n[l]/2-r[l]/2,m;switch(d){case"top":m={x:f,y:n.y-r.height};break;case"bottom":m={x:f,y:n.y+n.height};break;case"right":m={x:n.x+n.width,y:h};break;case"left":m={x:n.x-r.width,y:h};break;default:m={x:n.x,y:n.y}}switch(ed(t)){case"start":m[s]-=p*(i&&c?-1:1);break;case"end":m[s]+=p*(i&&c?-1:1);break}return m}var y4=async(o,t,i)=>{let{placement:n="bottom",strategy:r="absolute",middleware:a=[],platform:s}=i,l=a.filter(Boolean),d=await(s.isRTL==null?void 0:s.isRTL(t)),c=await s.getElementRects({reference:o,floating:t,strategy:r}),{x:f,y:h}=v4(c,n,d),p=n,m={},v=0;for(let b=0;b<l.length;b++){let{name:x,fn:k}=l[b],{x:z,y:E,data:A,reset:C}=await k({x:f,y:h,initialPlacement:n,placement:p,strategy:r,middlewareData:m,rects:c,platform:s,elements:{reference:o,floating:t}});f=z!=null?z:f,h=E!=null?E:h,m=tt(Se({},m),{[x]:Se(Se({},m[x]),A)}),C&&v<=50&&(v++,typeof C=="object"&&(C.placement&&(p=C.placement),C.rects&&(c=C.rects===!0?await s.getElementRects({reference:o,floating:t,strategy:r}):C.rects),{x:f,y:h}=v4(c,p,d)),b=-1)}return{x:f,y:h,placement:p,strategy:r,middlewareData:m}};async function dg(o,t){var i;t===void 0&&(t={});let{x:n,y:r,platform:a,rects:s,elements:l,strategy:d}=o,{boundary:c="clippingAncestors",rootBoundary:f="viewport",elementContext:h="floating",altBoundary:p=!1,padding:m=0}=Zl(t,o),v=Q1(m),x=l[p?h==="floating"?"reference":"floating":h],k=td(await a.getClippingRect({element:(i=await(a.isElement==null?void 0:a.isElement(x)))==null||i?x:x.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(l.floating)),boundary:c,rootBoundary:f,strategy:d})),z=h==="floating"?{x:n,y:r,width:s.floating.width,height:s.floating.height}:s.reference,E=await(a.getOffsetParent==null?void 0:a.getOffsetParent(l.floating)),A=await(a.isElement==null?void 0:a.isElement(E))?await(a.getScale==null?void 0:a.getScale(E))||{x:1,y:1}:{x:1,y:1},C=td(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:z,offsetParent:E,strategy:d}):z);return{top:(k.top-C.top+v.top)/A.y,bottom:(C.bottom-k.bottom+v.bottom)/A.y,left:(k.left-C.left+v.left)/A.x,right:(C.right-k.right+v.right)/A.x}}var x4=o=>({name:"arrow",options:o,async fn(t){let{x:i,y:n,placement:r,rects:a,platform:s,elements:l,middlewareData:d}=t,{element:c,padding:f=0}=Zl(o,t)||{};if(c==null)return{};let h=Q1(f),p={x:i,y:n},m=lg(r),v=sg(m),b=await s.getDimensions(c),x=m==="y",k=x?"top":"left",z=x?"bottom":"right",E=x?"clientHeight":"clientWidth",A=a.reference[v]+a.reference[m]-p[m]-a.floating[v],C=p[m]-a.reference[m],M=await(s.getOffsetParent==null?void 0:s.getOffsetParent(c)),T=M?M[E]:0;(!T||!await(s.isElement==null?void 0:s.isElement(M)))&&(T=l.floating[E]||a.floating[v]);let P=A/2-C/2,$=T/2-b[v]/2-1,N=Xo(h[k],$),H=Xo(h[z],$),U=N,J=T-b[v]-H,ae=T/2-b[v]/2+P,oe=ag(U,ae,J),se=!d.arrow&&ed(r)!=null&&ae!==oe&&a.reference[v]/2-(ae<U?N:H)-b[v]/2<0,ce=se?ae<U?ae-U:ae-J:0;return{[m]:p[m]+ce,data:Se({[m]:oe,centerOffset:ae-oe-ce},se&&{alignmentOffset:ce}),reset:se}}});var w4=function(o){return o===void 0&&(o={}),{name:"flip",options:o,async fn(t){var i,n;let{placement:r,middlewareData:a,rects:s,initialPlacement:l,platform:d,elements:c}=t,oe=Zl(o,t),{mainAxis:f=!0,crossAxis:h=!0,fallbackPlacements:p,fallbackStrategy:m="bestFit",fallbackAxisSideDirection:v="none",flipAlignment:b=!0}=oe,x=Hl(oe,["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","fallbackAxisSideDirection","flipAlignment"]);if((i=a.arrow)!=null&&i.alignmentOffset)return{};let k=Fa(r),z=Na(l),E=Fa(l)===l,A=await(d.isRTL==null?void 0:d.isRTL(c.floating)),C=p||(E||!b?[qh(l)]:g4(l)),M=v!=="none";!p&&M&&C.push(...b4(l,b,v,A));let T=[l,...C],P=await dg(t,x),$=[],N=((n=a.flip)==null?void 0:n.overflows)||[];if(f&&$.push(P[k]),h){let se=m4(r,s,A);$.push(P[se[0]],P[se[1]])}if(N=[...N,{placement:r,overflows:$}],!$.every(se=>se<=0)){var H,U;let se=(((H=a.flip)==null?void 0:H.index)||0)+1,ce=T[se];if(ce){var J;let ve=h==="alignment"?z!==Na(ce):!1,Ae=((J=N[0])==null?void 0:J.overflows[0])>0;if(!ve||Ae)return{data:{index:se,overflows:N},reset:{placement:ce}}}let _e=(U=N.filter(ve=>ve.overflows[0]<=0).sort((ve,Ae)=>ve.overflows[1]-Ae.overflows[1])[0])==null?void 0:U.placement;if(!_e)switch(m){case"bestFit":{var ae;let ve=(ae=N.filter(Ae=>{if(M){let Le=Na(Ae.placement);return Le===z||Le==="y"}return!0}).map(Ae=>[Ae.placement,Ae.overflows.filter(Le=>Le>0).reduce((Le,Ce)=>Le+Ce,0)]).sort((Ae,Le)=>Ae[1]-Le[1])[0])==null?void 0:ae[0];ve&&(_e=ve);break}case"initialPlacement":_e=l;break}if(r!==_e)return{reset:{placement:_e}}}return{}}}};async function WF(o,t){let{placement:i,platform:n,elements:r}=o,a=await(n.isRTL==null?void 0:n.isRTL(r.floating)),s=Fa(i),l=ed(i),d=Na(i)==="y",c=["left","top"].includes(s)?-1:1,f=a&&d?-1:1,h=Zl(t,o),{mainAxis:p,crossAxis:m,alignmentAxis:v}=typeof h=="number"?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return l&&typeof v=="number"&&(m=l==="end"?v*-1:v),d?{x:m*f,y:p*c}:{x:p*c,y:m*f}}var k4=function(o){return o===void 0&&(o=0),{name:"offset",options:o,async fn(t){var i,n;let{x:r,y:a,placement:s,middlewareData:l}=t,d=await WF(t,o);return s===((i=l.offset)==null?void 0:i.placement)&&(n=l.arrow)!=null&&n.alignmentOffset?{}:{x:r+d.x,y:a+d.y,data:tt(Se({},d),{placement:s})}}}},_4=function(o){return o===void 0&&(o={}),{name:"shift",options:o,async fn(t){let{x:i,y:n,placement:r}=t,x=Zl(o,t),{mainAxis:a=!0,crossAxis:s=!1,limiter:l={fn:k=>{let{x:z,y:E}=k;return{x:z,y:E}}}}=x,d=Hl(x,["mainAxis","crossAxis","limiter"]),c={x:i,y:n},f=await dg(t,d),h=Na(Fa(r)),p=K1(h),m=c[p],v=c[h];if(a){let k=p==="y"?"top":"left",z=p==="y"?"bottom":"right",E=m+f[k],A=m-f[z];m=ag(E,m,A)}if(s){let k=h==="y"?"top":"left",z=h==="y"?"bottom":"right",E=v+f[k],A=v-f[z];v=ag(E,v,A)}let b=l.fn(tt(Se({},t),{[p]:m,[h]:v}));return tt(Se({},b),{data:{x:b.x-i,y:b.y-n,enabled:{[p]:a,[h]:s}}})}}};var z4=function(o){return o===void 0&&(o={}),{name:"size",options:o,async fn(t){var i,n;let{placement:r,rects:a,platform:s,elements:l}=t,N=Zl(o,t),{apply:d=()=>{}}=N,c=Hl(N,["apply"]),f=await dg(t,c),h=Fa(r),p=ed(r),m=Na(r)==="y",{width:v,height:b}=a.floating,x,k;h==="top"||h==="bottom"?(x=h,k=p===(await(s.isRTL==null?void 0:s.isRTL(l.floating))?"start":"end")?"left":"right"):(k=h,x=p==="end"?"top":"bottom");let z=b-f.top-f.bottom,E=v-f.left-f.right,A=Xo(b-f[x],z),C=Xo(v-f[k],E),M=!t.middlewareData.shift,T=A,P=C;if((i=t.middlewareData.shift)!=null&&i.enabled.x&&(P=E),(n=t.middlewareData.shift)!=null&&n.enabled.y&&(T=z),M&&!p){let H=$n(f.left,0),U=$n(f.right,0),J=$n(f.top,0),ae=$n(f.bottom,0);m?P=v-2*(H!==0||U!==0?H+U:$n(f.left,f.right)):T=b-2*(J!==0||ae!==0?J+ae:$n(f.top,f.bottom))}await d(tt(Se({},t),{availableWidth:P,availableHeight:T}));let $=await s.getDimensions(l.floating);return v!==$.width||b!==$.height?{reset:{rects:!0}}:{}}}};function cg(){return typeof window!="undefined"}function id(o){return S4(o)?(o.nodeName||"").toLowerCase():"#document"}function ir(o){var t;return(o==null||(t=o.ownerDocument)==null?void 0:t.defaultView)||window}function Mo(o){var t;return(t=(S4(o)?o.ownerDocument:o.document)||window.document)==null?void 0:t.documentElement}function S4(o){return cg()?o instanceof Node||o instanceof ir(o).Node:!1}function Zr(o){return cg()?o instanceof Element||o instanceof ir(o).Element:!1}function Lo(o){return cg()?o instanceof HTMLElement||o instanceof ir(o).HTMLElement:!1}function C4(o){return!cg()||typeof ShadowRoot=="undefined"?!1:o instanceof ShadowRoot||o instanceof ir(o).ShadowRoot}function xc(o){let{overflow:t,overflowX:i,overflowY:n,display:r}=eo(o);return/auto|scroll|overlay|hidden|clip/.test(t+n+i)&&!["inline","contents"].includes(r)}function A4(o){return["table","td","th"].includes(id(o))}function Oh(o){return[":popover-open",":modal"].some(t=>{try{return o.matches(t)}catch(i){return!1}})}function wc(o){let t=fg(),i=Zr(o)?eo(o):o;return["transform","translate","scale","rotate","perspective"].some(n=>i[n]?i[n]!=="none":!1)||(i.containerType?i.containerType!=="normal":!1)||!t&&(i.backdropFilter?i.backdropFilter!=="none":!1)||!t&&(i.filter?i.filter!=="none":!1)||["transform","translate","scale","rotate","perspective","filter"].some(n=>(i.willChange||"").includes(n))||["paint","layout","strict","content"].some(n=>(i.contain||"").includes(n))}function E4(o){let t=Ba(o);for(;Lo(t)&&!nd(t);){if(wc(t))return t;if(Oh(t))return null;t=Ba(t)}return null}function fg(){return typeof CSS=="undefined"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function nd(o){return["html","body","#document"].includes(id(o))}function eo(o){return ir(o).getComputedStyle(o)}function Dh(o){return Zr(o)?{scrollLeft:o.scrollLeft,scrollTop:o.scrollTop}:{scrollLeft:o.scrollX,scrollTop:o.scrollY}}function Ba(o){if(id(o)==="html")return o;let t=o.assignedSlot||o.parentNode||C4(o)&&o.host||Mo(o);return C4(t)?t.host:t}function T4(o){let t=Ba(o);return nd(t)?o.ownerDocument?o.ownerDocument.body:o.body:Lo(t)&&xc(t)?t:T4(t)}function yc(o,t,i){var n;t===void 0&&(t=[]),i===void 0&&(i=!0);let r=T4(o),a=r===((n=o.ownerDocument)==null?void 0:n.body),s=ir(r);if(a){let l=hg(s);return t.concat(s,s.visualViewport||[],xc(r)?r:[],l&&i?yc(l):[])}return t.concat(r,yc(r,[],i))}function hg(o){return o.parent&&Object.getPrototypeOf(o.parent)?o.frameElement:null}function q4(o){let t=eo(o),i=parseFloat(t.width)||0,n=parseFloat(t.height)||0,r=Lo(o),a=r?o.offsetWidth:i,s=r?o.offsetHeight:n,l=Ph(i)!==a||Ph(n)!==s;return l&&(i=a,n=s),{width:i,height:n,$:l}}function Z1(o){return Zr(o)?o:o.contextElement}function kc(o){let t=Z1(o);if(!Lo(t))return To(1);let i=t.getBoundingClientRect(),{width:n,height:r,$:a}=q4(t),s=(a?Ph(i.width):i.width)/n,l=(a?Ph(i.height):i.height)/r;return(!s||!Number.isFinite(s))&&(s=1),(!l||!Number.isFinite(l))&&(l=1),{x:s,y:l}}var jF=To(0);function P4(o){let t=ir(o);return!fg()||!t.visualViewport?jF:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function VF(o,t,i){return t===void 0&&(t=!1),!i||t&&i!==ir(o)?!1:t}function rd(o,t,i,n){t===void 0&&(t=!1),i===void 0&&(i=!1);let r=o.getBoundingClientRect(),a=Z1(o),s=To(1);t&&(n?Zr(n)&&(s=kc(n)):s=kc(o));let l=VF(a,i,n)?P4(a):To(0),d=(r.left+l.x)/s.x,c=(r.top+l.y)/s.y,f=r.width/s.x,h=r.height/s.y;if(a){let p=ir(a),m=n&&Zr(n)?ir(n):n,v=p,b=hg(v);for(;b&&n&&m!==v;){let x=kc(b),k=b.getBoundingClientRect(),z=eo(b),E=k.left+(b.clientLeft+parseFloat(z.paddingLeft))*x.x,A=k.top+(b.clientTop+parseFloat(z.paddingTop))*x.y;d*=x.x,c*=x.y,f*=x.x,h*=x.y,d+=E,c+=A,v=ir(b),b=hg(v)}}return td({width:f,height:h,x:d,y:c})}function ey(o,t){let i=Dh(o).scrollLeft;return t?t.left+i:rd(Mo(o)).left+i}function R4(o,t,i){i===void 0&&(i=!1);let n=o.getBoundingClientRect(),r=n.left+t.scrollLeft-(i?0:ey(o,n)),a=n.top+t.scrollTop;return{x:r,y:a}}function UF(o){let{elements:t,rect:i,offsetParent:n,strategy:r}=o,a=r==="fixed",s=Mo(n),l=t?Oh(t.floating):!1;if(n===s||l&&a)return i;let d={scrollLeft:0,scrollTop:0},c=To(1),f=To(0),h=Lo(n);if((h||!h&&!a)&&((id(n)!=="body"||xc(s))&&(d=Dh(n)),Lo(n))){let m=rd(n);c=kc(n),f.x=m.x+n.clientLeft,f.y=m.y+n.clientTop}let p=s&&!h&&!a?R4(s,d,!0):To(0);return{width:i.width*c.x,height:i.height*c.y,x:i.x*c.x-d.scrollLeft*c.x+f.x+p.x,y:i.y*c.y-d.scrollTop*c.y+f.y+p.y}}function GF(o){return Array.from(o.getClientRects())}function YF(o){let t=Mo(o),i=Dh(o),n=o.ownerDocument.body,r=$n(t.scrollWidth,t.clientWidth,n.scrollWidth,n.clientWidth),a=$n(t.scrollHeight,t.clientHeight,n.scrollHeight,n.clientHeight),s=-i.scrollLeft+ey(o),l=-i.scrollTop;return eo(n).direction==="rtl"&&(s+=$n(t.clientWidth,n.clientWidth)-r),{width:r,height:a,x:s,y:l}}function XF(o,t){let i=ir(o),n=Mo(o),r=i.visualViewport,a=n.clientWidth,s=n.clientHeight,l=0,d=0;if(r){a=r.width,s=r.height;let c=fg();(!c||c&&t==="fixed")&&(l=r.offsetLeft,d=r.offsetTop)}return{width:a,height:s,x:l,y:d}}function KF(o,t){let i=rd(o,!0,t==="fixed"),n=i.top+o.clientTop,r=i.left+o.clientLeft,a=Lo(o)?kc(o):To(1),s=o.clientWidth*a.x,l=o.clientHeight*a.y,d=r*a.x,c=n*a.y;return{width:s,height:l,x:d,y:c}}function M4(o,t,i){let n;if(t==="viewport")n=XF(o,i);else if(t==="document")n=YF(Mo(o));else if(Zr(t))n=KF(t,i);else{let r=P4(o);n={x:t.x-r.x,y:t.y-r.y,width:t.width,height:t.height}}return td(n)}function O4(o,t){let i=Ba(o);return i===t||!Zr(i)||nd(i)?!1:eo(i).position==="fixed"||O4(i,t)}function QF(o,t){let i=t.get(o);if(i)return i;let n=yc(o,[],!1).filter(l=>Zr(l)&&id(l)!=="body"),r=null,a=eo(o).position==="fixed",s=a?Ba(o):o;for(;Zr(s)&&!nd(s);){let l=eo(s),d=wc(s);!d&&l.position==="fixed"&&(r=null),(a?!d&&!r:!d&&l.position==="static"&&!!r&&["absolute","fixed"].includes(r.position)||xc(s)&&!d&&O4(o,s))?n=n.filter(f=>f!==s):r=l,s=Ba(s)}return t.set(o,n),n}function JF(o){let{element:t,boundary:i,rootBoundary:n,strategy:r}=o,s=[...i==="clippingAncestors"?Oh(t)?[]:QF(t,this._c):[].concat(i),n],l=s[0],d=s.reduce((c,f)=>{let h=M4(t,f,r);return c.top=$n(h.top,c.top),c.right=Xo(h.right,c.right),c.bottom=Xo(h.bottom,c.bottom),c.left=$n(h.left,c.left),c},M4(t,l,r));return{width:d.right-d.left,height:d.bottom-d.top,x:d.left,y:d.top}}function ZF(o){let{width:t,height:i}=q4(o);return{width:t,height:i}}function eN(o,t,i){let n=Lo(t),r=Mo(t),a=i==="fixed",s=rd(o,!0,a,t),l={scrollLeft:0,scrollTop:0},d=To(0);function c(){d.x=ey(r)}if(n||!n&&!a)if((id(t)!=="body"||xc(r))&&(l=Dh(t)),n){let m=rd(t,!0,a,t);d.x=m.x+t.clientLeft,d.y=m.y+t.clientTop}else r&&c();a&&!n&&r&&c();let f=r&&!n&&!a?R4(r,l):To(0),h=s.left+l.scrollLeft-d.x-f.x,p=s.top+l.scrollTop-d.y-f.y;return{x:h,y:p,width:s.width,height:s.height}}function J1(o){return eo(o).position==="static"}function L4(o,t){if(!Lo(o)||eo(o).position==="fixed")return null;if(t)return t(o);let i=o.offsetParent;return Mo(o)===i&&(i=i.ownerDocument.body),i}function D4(o,t){let i=ir(o);if(Oh(o))return i;if(!Lo(o)){let r=Ba(o);for(;r&&!nd(r);){if(Zr(r)&&!J1(r))return r;r=Ba(r)}return i}let n=L4(o,t);for(;n&&A4(n)&&J1(n);)n=L4(n,t);return n&&nd(n)&&J1(n)&&!wc(n)?i:n||E4(o)||i}var tN=async function(o){let t=this.getOffsetParent||D4,i=this.getDimensions,n=await i(o.floating);return{reference:eN(o.reference,await t(o.floating),o.strategy),floating:{x:0,y:0,width:n.width,height:n.height}}};function iN(o){return eo(o).direction==="rtl"}var Ih={convertOffsetParentRelativeRectToViewportRelativeRect:UF,getDocumentElement:Mo,getClippingRect:JF,getOffsetParent:D4,getElementRects:tN,getClientRects:GF,getDimensions:ZF,getScale:kc,isElement:Zr,isRTL:iN};function I4(o,t){return o.x===t.x&&o.y===t.y&&o.width===t.width&&o.height===t.height}function nN(o,t){let i=null,n,r=Mo(o);function a(){var l;clearTimeout(n),(l=i)==null||l.disconnect(),i=null}function s(l,d){l===void 0&&(l=!1),d===void 0&&(d=1),a();let c=o.getBoundingClientRect(),{left:f,top:h,width:p,height:m}=c;if(l||t(),!p||!m)return;let v=Rh(h),b=Rh(r.clientWidth-(f+p)),x=Rh(r.clientHeight-(h+m)),k=Rh(f),E={rootMargin:-v+"px "+-b+"px "+-x+"px "+-k+"px",threshold:$n(0,Xo(1,d))||1},A=!0;function C(M){let T=M[0].intersectionRatio;if(T!==d){if(!A)return s();T?s(!1,T):n=setTimeout(()=>{s(!1,1e-7)},1e3)}T===1&&!I4(c,o.getBoundingClientRect())&&s(),A=!1}try{i=new IntersectionObserver(C,tt(Se({},E),{root:r.ownerDocument}))}catch(M){i=new IntersectionObserver(C,E)}i.observe(o)}return s(!0),a}function $4(o,t,i,n){n===void 0&&(n={});let{ancestorScroll:r=!0,ancestorResize:a=!0,elementResize:s=typeof ResizeObserver=="function",layoutShift:l=typeof IntersectionObserver=="function",animationFrame:d=!1}=n,c=Z1(o),f=r||a?[...c?yc(c):[],...yc(t)]:[];f.forEach(k=>{r&&k.addEventListener("scroll",i,{passive:!0}),a&&k.addEventListener("resize",i)});let h=c&&l?nN(c,i):null,p=-1,m=null;s&&(m=new ResizeObserver(k=>{let[z]=k;z&&z.target===c&&m&&(m.unobserve(t),cancelAnimationFrame(p),p=requestAnimationFrame(()=>{var E;(E=m)==null||E.observe(t)})),i()}),c&&!d&&m.observe(c),m.observe(t));let v,b=d?rd(o):null;d&&x();function x(){let k=rd(o);b&&!I4(b,k)&&i(),b=k,v=requestAnimationFrame(x)}return i(),()=>{var k;f.forEach(z=>{r&&z.removeEventListener("scroll",i),a&&z.removeEventListener("resize",i)}),h==null||h(),(k=m)==null||k.disconnect(),m=null,d&&cancelAnimationFrame(v)}}var F4=k4;var N4=_4,B4=w4,ty=z4;var H4=x4;var W4=(o,t,i)=>{let n=new Map,r=Se({platform:Ih},i),a=tt(Se({},r.platform),{_c:n});return y4(o,t,tt(Se({},r),{platform:a}))};function j4(o){return rN(o)}function iy(o){return o.assignedSlot?o.assignedSlot:o.parentNode instanceof ShadowRoot?o.parentNode.host:o.parentNode}function rN(o){for(let t=o;t;t=iy(t))if(t instanceof Element&&getComputedStyle(t).display==="none")return null;for(let t=iy(o);t;t=iy(t)){if(!(t instanceof Element))continue;let i=getComputedStyle(t);if(i.display!=="contents"&&(i.position!=="static"||wc(i)||t.tagName==="BODY"))return t}return null}var V4=re`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container{height:100%;width:100%;max-width:var(--zn-container);margin:0 auto}.form-container{height:100%;width:100%;max-width:var(--zn-container-ph);margin:0 auto}:host{--arrow-color:rgb(0,0,0,0.9);--arrow-size:6px;--arrow-size-diagonal:calc(var(--arrow-size) * 0.7071);--arrow-padding-offset:calc(var(--arrow-size-diagonal) - var(--arrow-size));display:contents}.popup{position:absolute;isolation:isolate;margin:0;border:0;padding:0;background:transparent;overflow:visible;max-width:var(--auto-size-available-width,none)}.popup--fixed{position:fixed}.popup:not(.popup--active){display:none}.popup__arrow{position:absolute;width:calc(var(--arrow-size-diagonal) * 2);height:calc(var(--arrow-size-diagonal) * 2);rotate:45deg;background:var(--arrow-color);z-index:-1}.popup-hover-bridge:not(.popup-hover-bridge--visible){display:none}.popup-hover-bridge{position:fixed;z-index:calc(var(--zn-z-index-dropdown) - 1);top:0;right:0;bottom:0;left:0;clip-path:polygon(var(--hover-bridge-top-left-x,0) var(--hover-bridge-top-left-y,0),var(--hover-bridge-top-right-x,0) var(--hover-bridge-top-right-y,0),var(--hover-bridge-bottom-right-x,0) var(--hover-bridge-bottom-right-y,0),var(--hover-bridge-bottom-left-x,0) var(--hover-bridge-bottom-left-y,0))}`;function oN(o){return o!==null&&typeof o=="object"&&"getBoundingClientRect"in o&&("contextElement"in o?o instanceof Element:!0)}var St=class extends ee{constructor(){super(...arguments);this.active=!1;this.placement="top";this.strategy="fixed";this.distance=0;this.skidding=0;this.arrow=!1;this.arrowPlacement="anchor";this.arrowPadding=10;this.flip=!1;this.flipFallbackPlacements="";this.flipFallbackStrategy="best-fit";this.flipPadding=0;this.shift=!1;this.shiftPadding=0;this.autoSizePadding=0;this.hoverBridge=!1;this.handleAnchorHover=()=>{this.active||this.start()};this.updateHoverBridge=()=>{if(this.hoverBridge&&this.anchorEl){let i=this.anchorEl.getBoundingClientRect(),n=this.popup.getBoundingClientRect(),r=this.placement.includes("top")||this.placement.includes("bottom"),a,s,l,d,c,f,h,p;r?i.top<n.top?(a=i.left,s=i.bottom,l=i.right,d=i.bottom,c=n.left,f=n.top,h=n.right,p=n.top):(a=n.left,s=n.bottom,l=n.right,d=n.bottom,c=i.left,f=i.top,h=i.right,p=i.top):i.left<n.left?(a=i.right,s=i.top,l=n.left,d=n.top,c=i.right,f=i.bottom,h=n.left,p=n.bottom):(a=n.right,s=n.top,l=i.left,d=i.top,c=n.right,f=n.bottom,h=i.left,p=i.bottom),this.style.setProperty("--hover-bridge-top-left-x",`${a}px`),this.style.setProperty("--hover-bridge-top-left-y",`${s}px`),this.style.setProperty("--hover-bridge-top-right-x",`${l}px`),this.style.setProperty("--hover-bridge-top-right-y",`${d}px`),this.style.setProperty("--hover-bridge-bottom-left-x",`${c}px`),this.style.setProperty("--hover-bridge-bottom-left-y",`${f}px`),this.style.setProperty("--hover-bridge-bottom-right-x",`${h}px`),this.style.setProperty("--hover-bridge-bottom-right-y",`${p}px`)}}}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.active&&this.start()}disconnectedCallback(){super.disconnectedCallback(),this.stop()}async updated(i){super.updated(i),i.has("active")&&(this.active?this.start():this.stop()),i.has("anchor")&&this.handleAnchorChange(),this.active&&(await this.updateComplete,this.reposition())}async handleAnchorChange(){if(await this.stop(),this.anchor&&typeof this.anchor=="string"){let i=this.getRootNode();this.anchorEl=i.getElementById(this.anchor)}else this.anchor instanceof Element||oN(this.anchor)?this.anchorEl=this.anchor:this.anchorEl=this.querySelector('[slot="anchor"]');this.anchorEl instanceof HTMLSlotElement&&(this.anchorEl=this.anchorEl.assignedElements({flatten:!0})[0]),this.anchorEl&&!this.active&&this.anchorEl instanceof Element&&(this.anchorEl.removeEventListener("mouseover",this.handleAnchorHover),this.anchorEl.addEventListener("mouseover",this.handleAnchorHover))}start(){this.anchorEl&&(this.cleanup=$4(this.anchorEl,this.popup,()=>{this.reposition()}))}async stop(){return new Promise(i=>{this.cleanup?(this.cleanup(),this.cleanup=void 0,this.removeAttribute("data-current-placement"),this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height"),this.popup.hidePopover(),requestAnimationFrame(()=>i())):i()})}reposition(){if(!this.active||!this.anchorEl)return;let i=[F4({mainAxis:this.distance,crossAxis:this.skidding})];this.sync?i.push(ty({apply:({rects:r})=>{let a=this.sync==="width"||this.sync==="both",s=this.sync==="height"||this.sync==="both";this.popup.style.minWidth=a?`${r.reference.width}px`:"",this.popup.style.minHeight=s?`${r.reference.height}px`:""}})):(this.popup.style.width="",this.popup.style.height=""),this.flip&&i.push(B4({boundary:this.flipBoundary,fallbackPlacements:this.flipFallbackPlacements,fallbackStrategy:this.flipFallbackStrategy==="best-fit"?"bestFit":"initialPlacement",padding:this.flipPadding})),this.shift&&i.push(N4({boundary:this.shiftBoundary,padding:this.shiftPadding})),this.autoSize?i.push(ty({boundary:this.autoSizeBoundary,padding:this.autoSizePadding,apply:({availableWidth:r,availableHeight:a})=>{this.autoSize==="vertical"||this.autoSize==="both"?this.style.setProperty("--auto-size-available-height",`${a}px`):this.style.removeProperty("--auto-size-available-height"),this.autoSize==="horizontal"||this.autoSize==="both"?this.style.setProperty("--auto-size-available-width",`${r}px`):this.style.removeProperty("--auto-size-available-width")}})):(this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height")),this.arrow&&i.push(H4({element:this.arrowEl,padding:this.arrowPadding}));let n=this.strategy==="absolute"?r=>Ih.getOffsetParent(r,j4):Ih.getOffsetParent;W4(this.anchorEl,this.popup,{placement:this.placement,middleware:i,strategy:this.strategy,platform:tt(Se({},Ih),{getOffsetParent:n})}).then(({x:r,y:a,middlewareData:s,placement:l})=>{var c;let d={top:"bottom",right:"left",bottom:"top",left:"right"}[l.split("-")[0]];if(this.setAttribute("data-current-placement",l),Object.assign(this.popup.style,{left:`${r}px`,top:`${a}px`}),!!((c=this.popup)!=null&&c.isConnected)&&(this.popup.showPopover(),this.arrow)){let f=s.arrow.x,h=s.arrow.y,p="",m="",v="",b;this.arrowPlacement==="start"?(p=typeof h=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",m="",b=typeof f=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:""):this.arrowPlacement==="end"?(m=typeof f=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",b="",v=typeof h=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:""):this.arrowPlacement==="center"?(b=typeof f=="number"?"calc(50% - var(--arrow-size-diagonal))":"",p=typeof h=="number"?"calc(50% - var(--arrow-size-diagonal))":""):(b=typeof f=="number"?`${f}px`:"",p=typeof h=="number"?`${h}px`:""),Object.assign(this.arrowEl.style,{top:p,right:m,bottom:v,left:b,[d]:"calc(var(--arrow-size-diagonal) * -1)"})}}),requestAnimationFrame(()=>this.updateHoverBridge())}render(){return L`
       <slot class="anchor" name="anchor" @slotchange="${this.handleAnchorChange}"></slot>
 
       <span
@@ -1880,7 +1880,7 @@ rect.legend-mouseover-inactive,
         @zn-remove=${n=>this.handleTagRemove(n,i)}>
         ${i.getTextLabel()}
       </zn-chip>
-    `;this.handleDocumentFocusIn=i=>{let n=i.composedPath();this&&!n.includes(this)&&this.hide()};this.handleDocumentKeyDown=i=>{let n=i.target,r=n.closest(".select__clear")!==null,a=n.closest("zn-icon-button")!==null;if(!(r||a)){if((i.key==="Escape"||i.key==="Tab")&&this.open&&!this.closeWatcher&&(i.preventDefault(),i.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})),i.key==="Enter"||i.key===" "&&this.typeToSelectString===""){if(i.preventDefault(),i.stopImmediatePropagation(),!this.open){this.show();return}this.currentOption&&!this.currentOption.disabled&&(this.valueHasChanged=!0,this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then(()=>{this.emit("zn-input"),this.emit("zn-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})));return}if(["ArrowUp","ArrowDown","Home","End"].includes(i.key)){let s=this.getAllOptions(),l=s.indexOf(this.currentOption),d=Math.max(0,l);if(i.preventDefault(),!this.open&&(this.show(),this.currentOption))return;i.key==="ArrowDown"?(d=l+1,d>s.length-1&&(d=0)):i.key==="ArrowUp"?(d=l-1,d<0&&(d=s.length-1)):i.key==="Home"?d=0:i.key==="End"&&(d=s.length-1),this.setCurrentOption(s[d])}if(i.key.length===1||i.key==="Backspace"){let s=this.getAllOptions();if(i.metaKey||i.ctrlKey||i.altKey)return;if(!this.open){if(i.key==="Backspace")return;this.show()}i.stopPropagation(),i.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout(()=>this.typeToSelectString="",1e3),i.key==="Backspace"?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=i.key.toLowerCase();for(let l of s)if(l.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(l);break}}}};this.handleDocumentMouseDown=i=>{let n=i.composedPath();this&&!n.includes(this)&&this.hide()}}get value(){return this._value}set value(i){this.multiple?i=Array.isArray(i)?i:i.split(" "):i=Array.isArray(i)?i.join(" "):i,this._value!==i&&(this.valueHasChanged=!0,this._value=i)}get validity(){var i;return(i=this.valueInput)==null?void 0:i.validity}get validationMessage(){var i;return(i=this.valueInput)==null?void 0:i.validationMessage}connectedCallback(){if(super.connectedCallback(),setTimeout(()=>{this.handleDefaultSlotChange()}),this.open=!1,this.cacheKey){let i=JSON.parse(localStorage.getItem("zn-linked-select-cache")||"{}");i[this.cacheKey]&&(this.value=i[this.cacheKey])}}addOpenListeners(){var n;let i=this.getRootNode();i.addEventListener("focusin",this.handleDocumentFocusIn),i.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown),"CloseWatcher"in window&&((n=this.closeWatcher)==null||n.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.open&&(this.hide(),this.displayInput.focus({preventScroll:!0}))})}removeOpenListeners(){var n;let i=this.getRootNode();i.removeEventListener("focusin",this.handleDocumentFocusIn),i.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),(n=this.closeWatcher)==null||n.destroy()}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("zn-focus")}handleBlur(){this.hasFocus=!1,this.emit("zn-blur")}handleLabelClick(){this.displayInput.focus()}handleComboboxMouseDown(i){let r=i.composedPath().some(a=>a instanceof Element&&a.tagName.toLowerCase()==="zn-icon-button");this.disabled||r||(i.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}handleComboboxKeyDown(i){i.key!=="Tab"&&(i.stopPropagation(),this.handleDocumentKeyDown(i))}handleClearClick(i){i.stopPropagation(),this.value!==""&&(this.setSelectedOptions([]),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.emit("zn-clear"),this.emit("zn-input"),this.emit("zn-change")}))}handleClearMouseDown(i){i.stopPropagation(),i.preventDefault()}handleOptionClick(i){let r=i.target.closest("zn-option"),a=this.value;if(r&&!r.disabled){if(this.valueHasChanged=!0,this.multiple)if(this.maxOptions>0){if(this.selectedOptions.length>=this.maxOptions&&!r.selected)return;this.toggleOptionSelection(r)}else this.toggleOptionSelection(r);else this.setSelectedOptions(r);this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})),this.value!==a&&this.updateComplete.then(()=>{this.emit("zn-input"),this.emit("zn-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0}))}}handleDefaultSlotChange(){customElements.get("zn-option")||customElements.whenDefined("zn-option").then(()=>this.handleDefaultSlotChange());let i=this.getAllOptions(),n=this.valueHasChanged?this.value:this.defaultValue,r=Array.isArray(n)?n:[n],a=[];i.forEach(s=>a.push(s.value)),this.setSelectedOptions(i.filter(s=>r.includes(s.value)))}handleTagRemove(i,n){i.stopPropagation(),this.disabled||(this.toggleOptionSelection(n,!1),this.updateComplete.then(()=>{this.emit("zn-input"),this.emit("zn-change")}))}getAllOptions(){return[...this.querySelectorAll("zn-option")]}getFirstOption(){return this.querySelector("zn-option")}setCurrentOption(i){this.getAllOptions().forEach(r=>{r.current=!1,r.tabIndex=-1}),i&&(this.currentOption=i,i.current=!0,i.tabIndex=0,i.focus())}setSelectedOptions(i){let n=this.getAllOptions(),r=Array.isArray(i)?i:[i];n.forEach(a=>a.selected=!1),r.length&&r.forEach(a=>a.selected=!0),this.selectionChanged()}toggleOptionSelection(i,n){n===!0||n===!1?i.selected=n:i.selected=!i.selected,this.selectionChanged()}selectionChanged(){var n,r;this.selectedOptions=this.getAllOptions().filter(a=>a.selected);let i=this.valueHasChanged;if(this.multiple)this.getAllOptions().filter(a=>a.multiple!==!0).forEach(a=>a.multiple=!0),this.value=this.selectedOptions.map(a=>a.value),this.placeholder&&this.value.length===0?this.displayLabel="":this.displayLabel=this.localize.term("numOptionsSelected",this.selectedOptions.length);else{this.getAllOptions().filter(s=>s.multiple===!0).forEach(s=>s.multiple=!1);let a=this.selectedOptions[0];this.value=(n=a==null?void 0:a.value)!=null?n:"",this.displayLabel=(r=a==null?void 0:a.getTextLabel())!=null?r:""}this.valueHasChanged=i,this.updateComplete.then(()=>{this.formControlController.updateValidity()})}get tags(){return this.selectedOptions.map((i,n)=>{if(n<this.maxOptionsVisible||this.maxOptionsVisible<=0){let r=this.getTag(i,n);return L`
+    `;this.handleDocumentFocusIn=i=>{let n=i.composedPath();this&&!n.includes(this)&&this.hide()};this.handleDocumentKeyDown=i=>{let n=i.target,r=n.closest(".select__clear")!==null,a=n.closest("zn-icon-button")!==null;if(!(r||a)){if((i.key==="Escape"||i.key==="Tab")&&this.open&&!this.closeWatcher&&(i.preventDefault(),i.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})),i.key==="Enter"||i.key===" "&&this.typeToSelectString===""){if(i.preventDefault(),i.stopImmediatePropagation(),!this.open){this.show();return}this.currentOption&&!this.currentOption.disabled&&(this.valueHasChanged=!0,this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then(()=>{this.emit("zn-input"),this.emit("zn-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})));return}if(["ArrowUp","ArrowDown","Home","End"].includes(i.key)){let s=this.getAllOptions(),l=s.indexOf(this.currentOption),d=Math.max(0,l);if(i.preventDefault(),!this.open&&(this.show(),this.currentOption))return;i.key==="ArrowDown"?(d=l+1,d>s.length-1&&(d=0)):i.key==="ArrowUp"?(d=l-1,d<0&&(d=s.length-1)):i.key==="Home"?d=0:i.key==="End"&&(d=s.length-1),this.setCurrentOption(s[d])}if(i.key.length===1||i.key==="Backspace"){let s=this.getAllOptions();if(i.metaKey||i.ctrlKey||i.altKey)return;if(!this.open){if(i.key==="Backspace")return;this.show()}i.stopPropagation(),i.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout(()=>this.typeToSelectString="",1e3),i.key==="Backspace"?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=i.key.toLowerCase();for(let l of s)if(l.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(l);break}}}};this.handleDocumentMouseDown=i=>{let n=i.composedPath();this&&!n.includes(this)&&this.hide()}}get value(){return this._value}set value(i){this.multiple?i=Array.isArray(i)?i:i.split(" "):i=Array.isArray(i)?i.join(" "):i,this._value!==i&&(this.valueHasChanged=!0,this._value=i)}get validity(){var i;return(i=this.valueInput)==null?void 0:i.validity}get validationMessage(){var i;return(i=this.valueInput)==null?void 0:i.validationMessage}connectedCallback(){if(super.connectedCallback(),this.updateComplete.then(()=>this.handleDefaultSlotChange()),this.open=!1,this.cacheKey){let i=JSON.parse(localStorage.getItem("zn-linked-select-cache")||"{}");i[this.cacheKey]&&(this.value=i[this.cacheKey])}}addOpenListeners(){var n;let i=this.getRootNode();i.addEventListener("focusin",this.handleDocumentFocusIn),i.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown),"CloseWatcher"in window&&((n=this.closeWatcher)==null||n.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.open&&(this.hide(),this.displayInput.focus({preventScroll:!0}))})}removeOpenListeners(){var n;let i=this.getRootNode();i.removeEventListener("focusin",this.handleDocumentFocusIn),i.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),(n=this.closeWatcher)==null||n.destroy()}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("zn-focus")}handleBlur(){this.hasFocus=!1,this.emit("zn-blur")}handleLabelClick(){this.displayInput.focus()}handleComboboxMouseDown(i){let r=i.composedPath().some(a=>a instanceof Element&&a.tagName.toLowerCase()==="zn-icon-button");this.disabled||r||(i.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}handleComboboxKeyDown(i){i.key!=="Tab"&&(i.stopPropagation(),this.handleDocumentKeyDown(i))}handleClearClick(i){i.stopPropagation(),this.value!==""&&(this.setSelectedOptions([]),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.emit("zn-clear"),this.emit("zn-input"),this.emit("zn-change")}))}handleClearMouseDown(i){i.stopPropagation(),i.preventDefault()}handleOptionClick(i){let r=i.target.closest("zn-option"),a=this.value;if(r&&!r.disabled){if(this.valueHasChanged=!0,this.multiple)if(this.maxOptions>0){if(this.selectedOptions.length>=this.maxOptions&&!r.selected)return;this.toggleOptionSelection(r)}else this.toggleOptionSelection(r);else this.setSelectedOptions(r);this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})),this.value!==a&&this.updateComplete.then(()=>{this.emit("zn-input"),this.emit("zn-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0}))}}handleDefaultSlotChange(){customElements.get("zn-option")||customElements.whenDefined("zn-option").then(()=>this.handleDefaultSlotChange());let i=this.getAllOptions(),n=this.valueHasChanged?this.value:this.defaultValue,r=Array.isArray(n)?n:[n],a=[];i.forEach(s=>a.push(s.value)),this.setSelectedOptions(i.filter(s=>r.includes(s.value)))}handleTagRemove(i,n){i.stopPropagation(),this.disabled||(this.toggleOptionSelection(n,!1),this.updateComplete.then(()=>{this.emit("zn-input"),this.emit("zn-change")}))}getAllOptions(){return[...this.querySelectorAll("zn-option")]}getFirstOption(){return this.querySelector("zn-option")}setCurrentOption(i){this.getAllOptions().forEach(r=>{r.current=!1,r.tabIndex=-1}),i&&(this.currentOption=i,i.current=!0,i.tabIndex=0,i.focus())}setSelectedOptions(i){let n=this.getAllOptions(),r=Array.isArray(i)?i:[i];n.forEach(a=>a.selected=!1),r.length&&r.forEach(a=>a.selected=!0),this.selectionChanged()}toggleOptionSelection(i,n){n===!0||n===!1?i.selected=n:i.selected=!i.selected,this.selectionChanged()}selectionChanged(){var n,r;this.selectedOptions=this.getAllOptions().filter(a=>a.selected);let i=this.valueHasChanged;if(this.multiple)this.getAllOptions().filter(a=>a.multiple!==!0).forEach(a=>a.multiple=!0),this.value=this.selectedOptions.map(a=>a.value),this.placeholder&&this.value.length===0?this.displayLabel="":this.displayLabel=this.localize.term("numOptionsSelected",this.selectedOptions.length);else{this.getAllOptions().filter(s=>s.multiple===!0).forEach(s=>s.multiple=!1);let a=this.selectedOptions[0];this.value=(n=a==null?void 0:a.value)!=null?n:"",this.displayLabel=(r=a==null?void 0:a.getTextLabel())!=null?r:""}this.valueHasChanged=i,this.updateComplete.then(()=>{this.formControlController.updateValidity()})}get tags(){return this.selectedOptions.map((i,n)=>{if(n<this.maxOptionsVisible||this.maxOptionsVisible<=0){let r=this.getTag(i,n);return L`
           <div @zn-remove=${a=>this.handleTagRemove(a,i)}>
             ${typeof r=="string"?zr(r):r}
           </div>`}else if(n===this.maxOptionsVisible)return L`
@@ -2006,7 +2006,7 @@ rect.legend-mouseover-inactive,
           <slot name="help-text">${this.helpText}</slot>
         </div>
       </div>
-    `}};st.styles=ne(lA),st.dependencies={"zn-icon":Ci,"zn-popup":$h,"zn-tag":Fh},y([be(".select")],st.prototype,"popup",2),y([be(".select__combobox")],st.prototype,"combobox",2),y([be(".select__display-input")],st.prototype,"displayInput",2),y([be(".select__value-input")],st.prototype,"valueInput",2),y([be(".select__listbox")],st.prototype,"listbox",2),y([je()],st.prototype,"hasFocus",2),y([je()],st.prototype,"displayLabel",2),y([je()],st.prototype,"currentOption",2),y([je()],st.prototype,"selectedOptions",2),y([je()],st.prototype,"valueHasChanged",2),y([_()],st.prototype,"name",2),y([je()],st.prototype,"value",1),y([_({attribute:"value"})],st.prototype,"defaultValue",2),y([_({reflect:!0})],st.prototype,"size",2),y([_()],st.prototype,"placeholder",2),y([_({type:Boolean,reflect:!0})],st.prototype,"multiple",2),y([_({attribute:"max-options",type:Number})],st.prototype,"maxOptions",2),y([_({attribute:"max-options-visible",type:Number})],st.prototype,"maxOptionsVisible",2),y([_({type:Boolean,reflect:!0})],st.prototype,"disabled",2),y([_({type:Boolean})],st.prototype,"clearable",2),y([_({type:Boolean,reflect:!0})],st.prototype,"open",2),y([_({type:Boolean})],st.prototype,"hoist",2),y([_({type:Boolean,reflect:!0})],st.prototype,"pill",2),y([_()],st.prototype,"label",2),y([_({attribute:"label-tooltip"})],st.prototype,"labelTooltip",2),y([_({attribute:"context-note"})],st.prototype,"contextNote",2),y([_({reflect:!0})],st.prototype,"placement",2),y([_({attribute:"help-text"})],st.prototype,"helpText",2),y([_({reflect:!0})],st.prototype,"form",2),y([_({type:Boolean,reflect:!0})],st.prototype,"required",2),y([_({attribute:"cache-key"})],st.prototype,"cacheKey",2),y([_()],st.prototype,"getTag",2),y([Be("disabled",{waitUntilFirstUpdate:!0})],st.prototype,"handleDisabledChange",1),y([Be(["defaultValue","value"],{waitUntilFirstUpdate:!0})],st.prototype,"handleValueChange",1),y([Be("open",{waitUntilFirstUpdate:!0})],st.prototype,"handleOpenChange",1);ca("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});ca("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});var os=st;st.define("zn-select");var dA=re`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container{height:100%;width:100%;max-width:var(--zn-container);margin:0 auto}.form-container{height:100%;width:100%;max-width:var(--zn-container-ph);margin:0 auto}button,.zn-button{border-radius:var(--zn-border-radius-medium);display:inline-flex;align-items:center;justify-content:center;padding:6px 15px;margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-weight:600;cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap}button:hover,.zn-button:hover{background-color:rgba(var(--zn-primary),0.8)}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=file],input[list],textarea,select{display:block;width:100%;border-radius:5px;border-style:solid;border-width:1px !important;border-color:rgb(var(--zn-border-color));background-color:rgb(var(--zn-input-bg));outline:none}input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,input[type=file]:focus,input[list]:focus,textarea:focus,select:focus{border-color:rgb(var(--zn-primary));box-shadow:0 0 0 3px rgba(var(--zn-primary),0.3)}input[type=date]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=file]::-moz-placeholder, input[list]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder{font-weight:400;color:rgba(var(--zn-text),0.6)}input[type=date]::placeholder,input[type=datetime-local]::placeholder,input[type=email]::placeholder,input[type=month]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder,input[type=url]::placeholder,input[type=week]::placeholder,input[type=file]::placeholder,input[list]::placeholder,textarea::placeholder,select::placeholder{font-weight:400;color:rgba(var(--zn-text),0.6)}@media (min-width:360px){input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=file],input[list],textarea,select{padding:10px}}label{font-weight:600;font-size:rgb(var(--zn-font-size-medium));color:rgb(var(--zn-text-heading));display:block;margin-bottom:5px;margin-top:15px}input[type=checkbox],input[type=radio]{border-radius:5px}input[type=radio]{border-radius:50%}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px;background-color:rgb(var(--zn-border-color));height:10px;accent-color:rgb(var(--zn-primary));width:100%;max-width:768px}fieldset{border-color:rgba(var(--zn-primary),20%);border-width:2px;padding:0 15px 15px}select option{padding:5px}select>option:checked{background-color:rgba(var(--zn-primary),20%);border-radius:5px}fieldset>legend{padding:5px}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){border-radius:var(--zn-border-radius-medium);display:inline-flex;align-items:center;justify-content:center;padding:6px 15px;margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-weight:600;cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap}input[type=button]:hover,input[type=submit]:hover,button[type=submit]:not(.button):hover,button[type=button]:not(.button):hover{background-color:rgba(var(--zn-primary),0.8)}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){width:auto}div+button{margin-top:15px}input[type=file]::-webkit-file-upload-button{border-radius:var(--zn-border-radius-medium);display:inline-flex;align-items:center;justify-content:center;padding:6px 15px;margin:auto;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-weight:600;cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;margin-right:10px}input[type=file]::-webkit-file-upload-button:hover{background-color:rgba(var(--zn-primary),0.8)}input::-webkit-calendar-picker-indicator{cursor:pointer;padding:10px}input[list]::-webkit-calendar-picker-indicator{padding:10px 5px}.input--with-icon{position:relative}.input--with-icon zn-icon{padding:14px;position:absolute;top:50%;pointer-events:none;transform:translateY(-50%);left:10px;background-color:rgb(var(--zn-primary));color:rgb(var(--zn-text));border-radius:50%}.input--with-icon input{padding-left:40px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:rgb(var(--zn-text));-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px rgba(35,35,35,0.1607843137)}select{height:43px}.no-border{border:none !important}:host{display:block;container-type:inline-size;width:100%}.ai{display:flex;width:100%;flex-direction:row;gap:10px}.ai:not(.ai--editing) .ai__input::part(base),.ai:not(.ai--editing) .ai__input::part(combobox){background-color:transparent;border-color:transparent;box-shadow:none;opacity:1;cursor:initial}.ai:not(.ai--editing) .ai__input::part(input){line-height:var(--zn-line-height-looser)}.ai:not(.ai--editing) .ai__input::part(display-input){color:rgb(var(--zn-text))}.ai:not(.ai--editing) .ai__input::part(input),.ai:not(.ai--editing) .ai__input::part(combobox){padding:0;color:rgb(var(--zn-text));text-decoration:underline;text-decoration-style:dashed;text-decoration-color:rgb(var(--zn-primary),0.5);text-underline-offset:3px}.ai:not(.ai--editing) .ai__input::part(expand-icon){display:none}.ai:not(.ai--editing) .ai__input::part(form-control-help-text){display:none}.ai:not(.ai--editing):hover .button--edit{display:inline-block}.ai__input::part(form-control-input){margin:0}.ai__input{height:unset;opacity:1}.ai--padded{padding:var(--zn-spacing-large)}.ai--inline{display:flex;flex-direction:row;align-items:start;gap:5px}@container (min-width:480px){.ai--inline{align-items:center}}.ai--inline .ai__input{width:100%}.ai--inline .ai__left{width:100%;display:flex;flex-direction:row;justify-content:flex-end}@container (max-width:479px){.ai--inline .ai__left{justify-content:flex-start;flex-direction:column}}.ai--editing .ai__right{display:flex !important}.ai__left{display:flex;flex-direction:column;gap:5px;width:100%}.ai:not(.ai--disabled) .ai__left{cursor:pointer}.ai__description{font-size:12px;font-weight:500;line-height:18px;color:rgb(var(--zn-text))}.ai__right{font-size:12px;color:rgb(var(--zn-primary));font-weight:500;cursor:pointer;flex-direction:row;gap:10px;align-items:center;justify-content:flex-end}.ai__right .button--edit{display:none}.ai--disabled:not(.ai--editing) .ai__input::part(input),.ai--disabled:not(.ai--editing) .ai__input::part(combobox){text-decoration:none;caret-color:transparent;border-radius:0}.ai--disabled:not(.ai--editing) .ai__input::part(display-input){cursor:text}.ai--disabled:not(.ai--editing) .ai__right{display:none !important}`;var It=class extends ee{constructor(){super(...arguments);this.formControlController=new rt(this,{defaultValue:i=>i.defaultValue});this.size="medium";this.inputType="text";this.options={};this.iconPosition="none";this.helpText="";this.mouseEventHandler=i=>{this.isEditing&&!this.contains(i.target)&&(this.isEditing=!1,this.value=this.defaultValue,this.input.blur())};this.escKeyHandler=i=>{i.key==="Escape"&&this.isEditing&&(this.isEditing=!1,this.value=this.defaultValue,this.input.blur())};this.submitKeyHandler=i=>{i.key==="Enter"&&this.isEditing&&(this.isEditing=!1,this.formControlController.submit(),this.input.blur())};this.captureMouseDown=i=>{this.disabled&&!this.isEditing&&i.stopPropagation()};this.captureKeyDown=i=>{this.disabled&&!this.isEditing&&(i.stopPropagation(),i.preventDefault())};this.handleEditClick=i=>{i.preventDefault(),i.stopPropagation(),!this.disabled&&(this.isEditing=!0)};this.handleSubmitClick=i=>{i.preventDefault(),this.isEditing=!1,this.formControlController.submit()};this.handleCancelClick=i=>{i.preventDefault(),this.isEditing=!1,this.value=this.defaultValue};this.handleBlur=()=>{this.hasFocus=!1};this.handleInput=i=>{this.disabled||!this.isEditing||(this.value=i.target.value)}}get validity(){var i;return(i=this.input)==null?void 0:i.validity}get validationMessage(){return this.input.validationMessage}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(i){this.input.setCustomValidity(i)}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.escKeyHandler),document.addEventListener("keydown",this.submitKeyHandler),document.addEventListener("click",this.mouseEventHandler),this.addEventListener("mousedown",this.captureMouseDown,{capture:!0}),this.addEventListener("keydown",this.captureKeyDown,{capture:!0})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.escKeyHandler),document.removeEventListener("keydown",this.submitKeyHandler),document.removeEventListener("click",this.mouseEventHandler),this.removeEventListener("mousedown",this.captureMouseDown,!0),this.removeEventListener("keydown",this.captureKeyDown,!0)}async firstUpdated(){await this.updateComplete,this.input.addEventListener("onclick",this.handleEditClick)}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}async handleIsEditingChange(){await this.updateComplete,this.input instanceof os&&!this.isEditing&&await this.input.hide()}render(){let i=this.editText;Object.keys(this.options).length>0&&(this.inputType="select"),this.selectProvider&&(this.inputType="data-select");let n;switch(this.inputType){case"select":n=this._getSelectInput();break;case"data-select":n=this._getDataSelectInput();break;case"number":n=this._getNumberInput();break;default:n=this._getTextInput()}return L`
+    `}};st.styles=ne(lA),st.dependencies={"zn-icon":Ci,"zn-popup":$h,"zn-tag":Fh},y([be(".select")],st.prototype,"popup",2),y([be(".select__combobox")],st.prototype,"combobox",2),y([be(".select__display-input")],st.prototype,"displayInput",2),y([be(".select__value-input")],st.prototype,"valueInput",2),y([be(".select__listbox")],st.prototype,"listbox",2),y([je()],st.prototype,"hasFocus",2),y([je()],st.prototype,"displayLabel",2),y([je()],st.prototype,"currentOption",2),y([je()],st.prototype,"selectedOptions",2),y([je()],st.prototype,"valueHasChanged",2),y([_()],st.prototype,"name",2),y([je()],st.prototype,"value",1),y([_({attribute:"value",converter:{fromAttribute:i=>!i||Array.isArray(i)?i:i.includes(" ")?i.split(" "):i,toAttribute:i=>Array.isArray(i)?i.join(" "):i}})],st.prototype,"defaultValue",2),y([_({reflect:!0})],st.prototype,"size",2),y([_()],st.prototype,"placeholder",2),y([_({type:Boolean,reflect:!0})],st.prototype,"multiple",2),y([_({attribute:"max-options",type:Number})],st.prototype,"maxOptions",2),y([_({attribute:"max-options-visible",type:Number})],st.prototype,"maxOptionsVisible",2),y([_({type:Boolean,reflect:!0})],st.prototype,"disabled",2),y([_({type:Boolean})],st.prototype,"clearable",2),y([_({type:Boolean,reflect:!0})],st.prototype,"open",2),y([_({type:Boolean})],st.prototype,"hoist",2),y([_({type:Boolean,reflect:!0})],st.prototype,"pill",2),y([_()],st.prototype,"label",2),y([_({attribute:"label-tooltip"})],st.prototype,"labelTooltip",2),y([_({attribute:"context-note"})],st.prototype,"contextNote",2),y([_({reflect:!0})],st.prototype,"placement",2),y([_({attribute:"help-text"})],st.prototype,"helpText",2),y([_({reflect:!0})],st.prototype,"form",2),y([_({type:Boolean,reflect:!0})],st.prototype,"required",2),y([_({attribute:"cache-key"})],st.prototype,"cacheKey",2),y([_()],st.prototype,"getTag",2),y([Be("disabled",{waitUntilFirstUpdate:!0})],st.prototype,"handleDisabledChange",1),y([Be(["defaultValue","value"],{waitUntilFirstUpdate:!0})],st.prototype,"handleValueChange",1),y([Be("open",{waitUntilFirstUpdate:!0})],st.prototype,"handleOpenChange",1);ca("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});ca("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});var os=st;st.define("zn-select");var dA=re`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container{height:100%;width:100%;max-width:var(--zn-container);margin:0 auto}.form-container{height:100%;width:100%;max-width:var(--zn-container-ph);margin:0 auto}button,.zn-button{border-radius:var(--zn-border-radius-medium);display:inline-flex;align-items:center;justify-content:center;padding:6px 15px;margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-weight:600;cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap}button:hover,.zn-button:hover{background-color:rgba(var(--zn-primary),0.8)}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=file],input[list],textarea,select{display:block;width:100%;border-radius:5px;border-style:solid;border-width:1px !important;border-color:rgb(var(--zn-border-color));background-color:rgb(var(--zn-input-bg));outline:none}input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,input[type=file]:focus,input[list]:focus,textarea:focus,select:focus{border-color:rgb(var(--zn-primary));box-shadow:0 0 0 3px rgba(var(--zn-primary),0.3)}input[type=date]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=file]::-moz-placeholder, input[list]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder{font-weight:400;color:rgba(var(--zn-text),0.6)}input[type=date]::placeholder,input[type=datetime-local]::placeholder,input[type=email]::placeholder,input[type=month]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder,input[type=url]::placeholder,input[type=week]::placeholder,input[type=file]::placeholder,input[list]::placeholder,textarea::placeholder,select::placeholder{font-weight:400;color:rgba(var(--zn-text),0.6)}@media (min-width:360px){input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=file],input[list],textarea,select{padding:10px}}label{font-weight:600;font-size:rgb(var(--zn-font-size-medium));color:rgb(var(--zn-text-heading));display:block;margin-bottom:5px;margin-top:15px}input[type=checkbox],input[type=radio]{border-radius:5px}input[type=radio]{border-radius:50%}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px;background-color:rgb(var(--zn-border-color));height:10px;accent-color:rgb(var(--zn-primary));width:100%;max-width:768px}fieldset{border-color:rgba(var(--zn-primary),20%);border-width:2px;padding:0 15px 15px}select option{padding:5px}select>option:checked{background-color:rgba(var(--zn-primary),20%);border-radius:5px}fieldset>legend{padding:5px}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){border-radius:var(--zn-border-radius-medium);display:inline-flex;align-items:center;justify-content:center;padding:6px 15px;margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-weight:600;cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap}input[type=button]:hover,input[type=submit]:hover,button[type=submit]:not(.button):hover,button[type=button]:not(.button):hover{background-color:rgba(var(--zn-primary),0.8)}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){width:auto}div+button{margin-top:15px}input[type=file]::-webkit-file-upload-button{border-radius:var(--zn-border-radius-medium);display:inline-flex;align-items:center;justify-content:center;padding:6px 15px;margin:auto;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-weight:600;cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;margin-right:10px}input[type=file]::-webkit-file-upload-button:hover{background-color:rgba(var(--zn-primary),0.8)}input::-webkit-calendar-picker-indicator{cursor:pointer;padding:10px}input[list]::-webkit-calendar-picker-indicator{padding:10px 5px}.input--with-icon{position:relative}.input--with-icon zn-icon{padding:14px;position:absolute;top:50%;pointer-events:none;transform:translateY(-50%);left:10px;background-color:rgb(var(--zn-primary));color:rgb(var(--zn-text));border-radius:50%}.input--with-icon input{padding-left:40px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:rgb(var(--zn-text));-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px rgba(35,35,35,0.1607843137)}select{height:43px}.no-border{border:none !important}:host{display:block;container-type:inline-size;width:100%}.ai{display:flex;width:100%;flex-direction:row;gap:10px}.ai:not(.ai--editing) .ai__input::part(base),.ai:not(.ai--editing) .ai__input::part(combobox){background-color:transparent;border-color:transparent;box-shadow:none;opacity:1;cursor:initial}.ai:not(.ai--editing) .ai__input::part(input){line-height:var(--zn-line-height-looser)}.ai:not(.ai--editing) .ai__input::part(display-input){color:rgb(var(--zn-text))}.ai:not(.ai--editing) .ai__input::part(input),.ai:not(.ai--editing) .ai__input::part(combobox){padding:0;color:rgb(var(--zn-text));text-decoration:underline;text-decoration-style:dashed;text-decoration-color:rgb(var(--zn-primary),0.5);text-underline-offset:3px}.ai:not(.ai--editing) .ai__input::part(expand-icon){display:none}.ai:not(.ai--editing) .ai__input::part(form-control-help-text){display:none}.ai:not(.ai--editing):hover .button--edit{display:inline-block}.ai__input::part(form-control-input){margin:0}.ai__input{height:unset;opacity:1}.ai--padded{padding:var(--zn-spacing-large)}.ai--inline{display:flex;flex-direction:row;align-items:start;gap:5px}@container (min-width:480px){.ai--inline{align-items:center}}.ai--inline .ai__input{width:100%}.ai--inline .ai__left{width:100%;display:flex;flex-direction:row;justify-content:flex-end}@container (max-width:479px){.ai--inline .ai__left{justify-content:flex-start;flex-direction:column}}.ai--editing .ai__right{display:flex !important}.ai__left{display:flex;flex-direction:column;gap:5px;width:100%}.ai:not(.ai--disabled) .ai__left{cursor:pointer}.ai__description{font-size:12px;font-weight:500;line-height:18px;color:rgb(var(--zn-text))}.ai__right{font-size:12px;color:rgb(var(--zn-primary));font-weight:500;cursor:pointer;flex-direction:row;gap:10px;align-items:center;justify-content:flex-end}.ai__right .button--edit{display:none}.ai--disabled:not(.ai--editing) .ai__input::part(input),.ai--disabled:not(.ai--editing) .ai__input::part(combobox){text-decoration:none;caret-color:transparent;border-radius:0}.ai--disabled:not(.ai--editing) .ai__input::part(display-input){cursor:text}.ai--disabled:not(.ai--editing) .ai__right{display:none !important}`;var It=class extends ee{constructor(){super(...arguments);this.formControlController=new rt(this,{defaultValue:i=>i.defaultValue});this.size="medium";this.inputType="text";this.options={};this.iconPosition="none";this.helpText="";this.mouseEventHandler=i=>{this.isEditing&&!this.contains(i.target)&&(this.isEditing=!1,this.value=this.defaultValue,this.input.blur())};this.escKeyHandler=i=>{i.key==="Escape"&&this.isEditing&&(this.isEditing=!1,this.value=this.defaultValue,this.input.blur())};this.submitKeyHandler=i=>{i.key==="Enter"&&this.isEditing&&(this.isEditing=!1,this.formControlController.submit(),this.input.blur())};this.captureMouseDown=i=>{this.disabled&&!this.isEditing&&i.stopPropagation()};this.captureKeyDown=i=>{this.disabled&&!this.isEditing&&(i.stopPropagation(),i.preventDefault())};this.handleEditClick=i=>{i.preventDefault(),i.stopPropagation(),!this.disabled&&(this.isEditing=!0)};this.handleSubmitClick=i=>{i.preventDefault(),this.isEditing=!1,this.formControlController.submit()};this.handleCancelClick=i=>{i.preventDefault(),this.isEditing=!1,this.value=this.defaultValue};this.handleBlur=()=>{this.hasFocus=!1};this.handleInput=i=>{this.disabled||!this.isEditing||(this.value=i.target.value)}}get validity(){var i;return(i=this.input)==null?void 0:i.validity}get validationMessage(){return this.input.validationMessage}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(i){this.input.setCustomValidity(i)}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.escKeyHandler),document.addEventListener("keydown",this.submitKeyHandler),document.addEventListener("click",this.mouseEventHandler),this.addEventListener("mousedown",this.captureMouseDown,{capture:!0}),this.addEventListener("keydown",this.captureKeyDown,{capture:!0})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.escKeyHandler),document.removeEventListener("keydown",this.submitKeyHandler),document.removeEventListener("click",this.mouseEventHandler),this.removeEventListener("mousedown",this.captureMouseDown,!0),this.removeEventListener("keydown",this.captureKeyDown,!0)}async firstUpdated(){await this.updateComplete,this.input.addEventListener("onclick",this.handleEditClick)}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}async handleIsEditingChange(){await this.updateComplete,this.input instanceof os&&!this.isEditing&&await this.input.hide()}render(){let i=this.editText;Object.keys(this.options).length>0&&(this.inputType="select"),this.selectProvider&&(this.inputType="data-select");let n;switch(this.inputType){case"select":n=this._getSelectInput();break;case"data-select":n=this._getDataSelectInput();break;case"number":n=this._getNumberInput();break;default:n=this._getTextInput()}return L`
       <div class="${de({ai:!0,"ai--editing":this.isEditing,"ai--focused":this.hasFocus,"ai--disabled":this.disabled,"ai--inline":this.inline,"ai--padded":this.padded})}">
 
         <div class="ai__left" @click="${this.disabled?void 0:this.handleEditClick}">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubex/zinc",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
   "keywords": [
     "web components",

package/src/components/popup/popup.component.ts

@@ -251,7 +251,14 @@ export default class ZnPopup extends ZincElement {
     }
 
     // If the anchor is valid, start it up
-    if (this.anchorEl && this.active) {
+    if (this.anchorEl && !this.active && this.anchorEl instanceof Element) {
+      this.anchorEl.removeEventListener('mouseover', this.handleAnchorHover);
+      this.anchorEl.addEventListener('mouseover', this.handleAnchorHover);
+    }
+  }
+
+  public handleAnchorHover = () => {
+    if (!this.active) {
       this.start();
     }
   }

package/src/components/select/select.component.ts

@@ -127,7 +127,18 @@ export default class ZnSelect extends ZincElement implements ZincFormControl {
   }
 
   /** The default value of the form control. Primarily used for resetting the form control. */
-  @property({attribute: 'value'}) defaultValue: string | string[] = '';
+  @property({
+    attribute: 'value',
+    converter: {
+      fromAttribute: (value) => {
+        if (!value || Array.isArray(value)) return value
+        return value.includes(' ') ? value.split(' ') : value;
+      },
+      toAttribute: (value) => {
+        return Array.isArray(value) ? value.join(' ') : value;
+      }
+    }
+  }) defaultValue: string | string[] = '';
 
   /** The select's size. */
   @property({reflect: true}) size: 'small' | 'medium' | 'large' = 'medium';
@@ -234,9 +245,7 @@ export default class ZnSelect extends ZincElement implements ZincFormControl {
   connectedCallback() {
     super.connectedCallback();
 
-    setTimeout(() => {
-      this.handleDefaultSlotChange();
-    });
+    this.updateComplete.then(() => this.handleDefaultSlotChange());
 
     // Because this is a form control, it shouldn't be opened initially
     this.open = false;

package/src/zinc.ts

@@ -79,10 +79,16 @@ export {default as Skeleton} from './components/skeleton';
 export {default as Style} from './components/style';
 export {default as ContentBlock} from './components/content-block';
 export {default as FilterWrapper} from './components/filter-wrapper';
-export { default as SettingsContainer } from './components/settings-container';
+export {default as SettingsContainer} from './components/settings-container';
 /* plop:component */
 
+// Base Component
+export {default as ZincElement} from './internal/zinc-element';
+
 // Utilities
+export * from './utilities/on';
+export * from './utilities/query';
+export * from './utilities/lit-to-html';
 
 // Events
 export * from './events/events';