@kubex/zinc 1.1.35 → 1.1.36
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +95 -75
- package/dist/vscode.html-custom-data.json +16 -11
- package/dist/web-types.json +33 -23
- package/dist/zn.d.ts +3 -0
- package/dist/zn.min.js +37 -36
- package/package.json +1 -1
- package/src/components/chat-message/chat-message.component.ts +5 -1
- package/src/components/settings-container/settings-container.component.ts +16 -3
package/dist/zn.min.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import{a as _n,b as D1,c as nr,d as c,e as B}from"./chunks/zn.UBLZO6CI.js";var J0=_n((Eit,Q0)=>{var to=-1,wr=1,De=0;function ml(i,o,t,r,n){if(i===o)return i?[[De,i]]:[];if(t!=null){var a=r$(i,o,t);if(a)return a}var s=Zh(i,o),l=i.substring(0,s);i=i.substring(s),o=o.substring(s),s=wd(i,o);var d=i.substring(i.length-s);i=i.substring(0,i.length-s),o=o.substring(0,o.length-s);var h=KA(i,o);return l&&h.unshift([De,l]),d&&h.push([De,d]),tu(h,n),r&&QA(h),h}function KA(i,o){var t;if(!i)return[[wr,o]];if(!o)return[[to,i]];var r=i.length>o.length?i:o,n=i.length>o.length?o:i,a=r.indexOf(n);if(a!==-1)return t=[[wr,r.substring(0,a)],[De,n],[wr,r.substring(a+n.length)]],i.length>o.length&&(t[0][0]=t[2][0]=to),t;if(n.length===1)return[[to,i],[wr,o]];var s=XA(i,o);if(s){var l=s[0],d=s[1],h=s[2],m=s[3],f=s[4],g=ml(l,h),b=ml(d,m);return g.concat([[De,f]],b)}return YA(i,o)}function YA(i,o){for(var t=i.length,r=o.length,n=Math.ceil((t+r)/2),a=n,s=2*n,l=new Array(s),d=new Array(s),h=0;h<s;h++)l[h]=-1,d[h]=-1;l[a+1]=0,d[a+1]=0;for(var m=t-r,f=m%2!==0,g=0,b=0,v=0,x=0,S=0;S<n;S++){for(var _=-S+g;_<=S-b;_+=2){var R=a+_,j;_===-S||_!==S&&l[R-1]<l[R+1]?j=l[R+1]:j=l[R-1]+1;for(var I=j-_;j<t&&I<r&&i.charAt(j)===o.charAt(I);)j++,I++;if(l[R]=j,j>t)b+=2;else if(I>r)g+=2;else if(f){var w=a+m-_;if(w>=0&&w<s&&d[w]!==-1){var E=t-d[w];if(j>=E)return B0(i,o,j,I)}}}for(var q=-S+v;q<=S-x;q+=2){var w=a+q,E;q===-S||q!==S&&d[w-1]<d[w+1]?E=d[w+1]:E=d[w-1]+1;for(var G=E-q;E<t&&G<r&&i.charAt(t-E-1)===o.charAt(r-G-1);)E++,G++;if(d[w]=E,E>t)x+=2;else if(G>r)v+=2;else if(!f){var R=a+m-q;if(R>=0&&R<s&&l[R]!==-1){var j=l[R],I=a+j-R;if(E=t-E,j>=E)return B0(i,o,j,I)}}}}return[[to,i],[wr,o]]}function B0(i,o,t,r){var n=i.substring(0,t),a=o.substring(0,r),s=i.substring(t),l=o.substring(r),d=ml(n,a),h=ml(s,l);return d.concat(h)}function Zh(i,o){if(!i||!o||i.charAt(0)!==o.charAt(0))return 0;for(var t=0,r=Math.min(i.length,o.length),n=r,a=0;t<n;)i.substring(a,n)==o.substring(a,n)?(t=n,a=t):r=n,n=Math.floor((r-t)/2+t);return W0(i.charCodeAt(n-1))&&n--,n}function V0(i,o){var t=i.length,r=o.length;if(t==0||r==0)return 0;t>r?i=i.substring(t-r):t<r&&(o=o.substring(0,t));var n=Math.min(t,r);if(i==o)return n;for(var a=0,s=1;;){var l=i.substring(n-s),d=o.indexOf(l);if(d==-1)return a;s+=d,(d==0||i.substring(n-s)==o.substring(0,s))&&(a=s,s++)}}function wd(i,o){if(!i||!o||i.slice(-1)!==o.slice(-1))return 0;for(var t=0,r=Math.min(i.length,o.length),n=r,a=0;t<n;)i.substring(i.length-n,i.length-a)==o.substring(o.length-n,o.length-a)?(t=n,a=t):r=n,n=Math.floor((r-t)/2+t);return K0(i.charCodeAt(i.length-n))&&n--,n}function XA(i,o){var t=i.length>o.length?i:o,r=i.length>o.length?o:i;if(t.length<4||r.length*2<t.length)return null;function n(b,v,x){for(var S=b.substring(x,x+Math.floor(b.length/4)),_=-1,R="",j,I,w,E;(_=v.indexOf(S,_+1))!==-1;){var q=Zh(b.substring(x),v.substring(_)),G=wd(b.substring(0,x),v.substring(0,_));R.length<G+q&&(R=v.substring(_-G,_)+v.substring(_,_+q),j=b.substring(0,x-G),I=b.substring(x+q),w=v.substring(0,_-G),E=v.substring(_+q))}return R.length*2>=b.length?[j,I,w,E,R]:null}var a=n(t,r,Math.ceil(t.length/4)),s=n(t,r,Math.ceil(t.length/2)),l;if(!a&&!s)return null;s?a?l=a[4].length>s[4].length?a:s:l=s:l=a;var d,h,m,f;i.length>o.length?(d=l[0],h=l[1],m=l[2],f=l[3]):(m=l[0],f=l[1],d=l[2],h=l[3]);var g=l[4];return[d,h,m,f,g]}function QA(i){for(var o=!1,t=[],r=0,n=null,a=0,s=0,l=0,d=0,h=0;a<i.length;)i[a][0]==De?(t[r++]=a,s=d,l=h,d=0,h=0,n=i[a][1]):(i[a][0]==wr?d+=i[a][1].length:h+=i[a][1].length,n&&n.length<=Math.max(s,l)&&n.length<=Math.max(d,h)&&(i.splice(t[r-1],0,[to,n]),i[t[r-1]+1][0]=wr,r--,r--,a=r>0?t[r-1]:-1,s=0,l=0,d=0,h=0,n=null,o=!0)),a++;for(o&&tu(i),t$(i),a=1;a<i.length;){if(i[a-1][0]==to&&i[a][0]==wr){var m=i[a-1][1],f=i[a][1],g=V0(m,f),b=V0(f,m);g>=b?(g>=m.length/2||g>=f.length/2)&&(i.splice(a,0,[De,f.substring(0,g)]),i[a-1][1]=m.substring(0,m.length-g),i[a+1][1]=f.substring(g),a++):(b>=m.length/2||b>=f.length/2)&&(i.splice(a,0,[De,m.substring(0,b)]),i[a-1][0]=wr,i[a-1][1]=f.substring(0,f.length-b),i[a+1][0]=to,i[a+1][1]=m.substring(b),a++),a++}a++}}var U0=/[^a-zA-Z0-9]/,j0=/\s/,G0=/[\r\n]/,JA=/\n\r?\n$/,ZA=/^\r?\n\r?\n/;function t$(i){function o(b,v){if(!b||!v)return 6;var x=b.charAt(b.length-1),S=v.charAt(0),_=x.match(U0),R=S.match(U0),j=_&&x.match(j0),I=R&&S.match(j0),w=j&&x.match(G0),E=I&&S.match(G0),q=w&&b.match(JA),G=E&&v.match(ZA);return q||G?5:w||E?4:_&&!j&&I?3:j||I?2:_||R?1:0}for(var t=1;t<i.length-1;){if(i[t-1][0]==De&&i[t+1][0]==De){var r=i[t-1][1],n=i[t][1],a=i[t+1][1],s=wd(r,n);if(s){var l=n.substring(n.length-s);r=r.substring(0,r.length-s),n=l+n.substring(0,n.length-s),a=l+a}for(var d=r,h=n,m=a,f=o(r,n)+o(n,a);n.charAt(0)===a.charAt(0);){r+=n.charAt(0),n=n.substring(1)+a.charAt(0),a=a.substring(1);var g=o(r,n)+o(n,a);g>=f&&(f=g,d=r,h=n,m=a)}i[t-1][1]!=d&&(d?i[t-1][1]=d:(i.splice(t-1,1),t--),i[t][1]=h,m?i[t+1][1]=m:(i.splice(t+1,1),t--))}t++}}function tu(i,o){i.push([De,""]);for(var t=0,r=0,n=0,a="",s="",l;t<i.length;){if(t<i.length-1&&!i[t][1]){i.splice(t,1);continue}switch(i[t][0]){case wr:n++,s+=i[t][1],t++;break;case to:r++,a+=i[t][1],t++;break;case De:var d=t-n-r-1;if(o){if(d>=0&&X0(i[d][1])){var h=i[d][1].slice(-1);if(i[d][1]=i[d][1].slice(0,-1),a=h+a,s=h+s,!i[d][1]){i.splice(d,1),t--;var m=d-1;i[m]&&i[m][0]===wr&&(n++,s=i[m][1]+s,m--),i[m]&&i[m][0]===to&&(r++,a=i[m][1]+a,m--),d=m}}if(Y0(i[t][1])){var h=i[t][1].charAt(0);i[t][1]=i[t][1].slice(1),a+=h,s+=h}}if(t<i.length-1&&!i[t][1]){i.splice(t,1);break}if(a.length>0||s.length>0){a.length>0&&s.length>0&&(l=Zh(s,a),l!==0&&(d>=0?i[d][1]+=s.substring(0,l):(i.splice(0,0,[De,s.substring(0,l)]),t++),s=s.substring(l),a=a.substring(l)),l=wd(s,a),l!==0&&(i[t][1]=s.substring(s.length-l)+i[t][1],s=s.substring(0,s.length-l),a=a.substring(0,a.length-l)));var f=n+r;a.length===0&&s.length===0?(i.splice(t-f,f),t=t-f):a.length===0?(i.splice(t-f,f,[wr,s]),t=t-f+1):s.length===0?(i.splice(t-f,f,[to,a]),t=t-f+1):(i.splice(t-f,f,[to,a],[wr,s]),t=t-f+2)}t!==0&&i[t-1][0]===De?(i[t-1][1]+=i[t][1],i.splice(t,1)):t++,n=0,r=0,a="",s="";break}}i[i.length-1][1]===""&&i.pop();var g=!1;for(t=1;t<i.length-1;)i[t-1][0]===De&&i[t+1][0]===De&&(i[t][1].substring(i[t][1].length-i[t-1][1].length)===i[t-1][1]?(i[t][1]=i[t-1][1]+i[t][1].substring(0,i[t][1].length-i[t-1][1].length),i[t+1][1]=i[t-1][1]+i[t+1][1],i.splice(t-1,1),g=!0):i[t][1].substring(0,i[t+1][1].length)==i[t+1][1]&&(i[t-1][1]+=i[t+1][1],i[t][1]=i[t][1].substring(i[t+1][1].length)+i[t+1][1],i.splice(t+1,1),g=!0)),t++;g&&tu(i,o)}function W0(i){return i>=55296&&i<=56319}function K0(i){return i>=56320&&i<=57343}function Y0(i){return K0(i.charCodeAt(0))}function X0(i){return W0(i.charCodeAt(i.length-1))}function e$(i){for(var o=[],t=0;t<i.length;t++)i[t][1].length>0&&o.push(i[t]);return o}function Jh(i,o,t,r){return X0(i)||Y0(r)?null:e$([[De,i],[to,o],[wr,t],[De,r]])}function r$(i,o,t){var r=typeof t=="number"?{index:t,length:0}:t.oldRange,n=typeof t=="number"?null:t.newRange,a=i.length,s=o.length;if(r.length===0&&(n===null||n.length===0)){var l=r.index,d=i.slice(0,l),h=i.slice(l),m=n?n.index:null;t:{var f=l+s-a;if(m!==null&&m!==f||f<0||f>s)break t;var g=o.slice(0,f),b=o.slice(f);if(b!==h)break t;var v=Math.min(l,f),x=d.slice(0,v),S=g.slice(0,v);if(x!==S)break t;var _=d.slice(v),R=g.slice(v);return Jh(x,_,R,h)}t:{if(m!==null&&m!==l)break t;var j=l,g=o.slice(0,j),b=o.slice(j);if(g!==d)break t;var I=Math.min(a-j,s-j),w=h.slice(h.length-I),E=b.slice(b.length-I);if(w!==E)break t;var _=h.slice(0,h.length-I),R=b.slice(0,b.length-I);return Jh(d,_,R,w)}}if(r.length>0&&n&&n.length===0)t:{var x=i.slice(0,r.index),w=i.slice(r.index+r.length),v=x.length,I=w.length;if(s<v+I)break t;var S=o.slice(0,v),E=o.slice(s-I);if(x!==S||w!==E)break t;var _=i.slice(v,a-I),R=o.slice(v,s-I);return Jh(x,_,R,w)}return null}function _d(i,o,t,r){return ml(i,o,t,r,!0)}_d.INSERT=wr;_d.DELETE=to;_d.EQUAL=De;Q0.exports=_d});var fu=_n((fl,ss)=>{var o$=200,dy="__lodash_hash_undefined__",py=9007199254740991,lu="[object Arguments]",n$="[object Array]",hy="[object Boolean]",uy="[object Date]",i$="[object Error]",cu="[object Function]",my="[object GeneratorFunction]",kd="[object Map]",fy="[object Number]",du="[object Object]",Z0="[object Promise]",gy="[object RegExp]",Sd="[object Set]",by="[object String]",vy="[object Symbol]",ru="[object WeakMap]",xy="[object ArrayBuffer]",Cd="[object DataView]",yy="[object Float32Array]",zy="[object Float64Array]",wy="[object Int8Array]",_y="[object Int16Array]",ky="[object Int32Array]",Sy="[object Uint8Array]",Cy="[object Uint8ClampedArray]",Ey="[object Uint16Array]",Ty="[object Uint32Array]",a$=/[\\^$.*+?()[\]{}|]/g,s$=/\w*$/,l$=/^\[object .+?Constructor\]$/,c$=/^(?:0|[1-9]\d*)$/,Ht={};Ht[lu]=Ht[n$]=Ht[xy]=Ht[Cd]=Ht[hy]=Ht[uy]=Ht[yy]=Ht[zy]=Ht[wy]=Ht[_y]=Ht[ky]=Ht[kd]=Ht[fy]=Ht[du]=Ht[gy]=Ht[Sd]=Ht[by]=Ht[vy]=Ht[Sy]=Ht[Cy]=Ht[Ey]=Ht[Ty]=!0;Ht[i$]=Ht[cu]=Ht[ru]=!1;var d$=typeof global=="object"&&global&&global.Object===Object&&global,p$=typeof self=="object"&&self&&self.Object===Object&&self,On=d$||p$||Function("return this")(),Ay=typeof fl=="object"&&fl&&!fl.nodeType&&fl,ty=Ay&&typeof ss=="object"&&ss&&!ss.nodeType&&ss,h$=ty&&ty.exports===Ay;function u$(i,o){return i.set(o[0],o[1]),i}function m$(i,o){return i.add(o),i}function f$(i,o){for(var t=-1,r=i?i.length:0;++t<r&&o(i[t],t,i)!==!1;);return i}function g$(i,o){for(var t=-1,r=o.length,n=i.length;++t<r;)i[n+t]=o[t];return i}function $y(i,o,t,r){var n=-1,a=i?i.length:0;for(r&&a&&(t=i[++n]);++n<a;)t=o(t,i[n],n,i);return t}function b$(i,o){for(var t=-1,r=Array(i);++t<i;)r[t]=o(t);return r}function v$(i,o){return i?.[o]}function qy(i){var o=!1;if(i!=null&&typeof i.toString!="function")try{o=!!(i+"")}catch{}return o}function ey(i){var o=-1,t=Array(i.size);return i.forEach(function(r,n){t[++o]=[n,r]}),t}function pu(i,o){return function(t){return i(o(t))}}function ry(i){var o=-1,t=Array(i.size);return i.forEach(function(r){t[++o]=r}),t}var x$=Array.prototype,y$=Function.prototype,Ed=Object.prototype,eu=On["__core-js_shared__"],oy=(function(){var i=/[^.]+$/.exec(eu&&eu.keys&&eu.keys.IE_PROTO||"");return i?"Symbol(src)_1."+i:""})(),Ly=y$.toString,bi=Ed.hasOwnProperty,Td=Ed.toString,z$=RegExp("^"+Ly.call(bi).replace(a$,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),ny=h$?On.Buffer:void 0,iy=On.Symbol,ay=On.Uint8Array,w$=pu(Object.getPrototypeOf,Object),_$=Object.create,k$=Ed.propertyIsEnumerable,S$=x$.splice,sy=Object.getOwnPropertySymbols,C$=ny?ny.isBuffer:void 0,E$=pu(Object.keys,Object),ou=ds(On,"DataView"),gl=ds(On,"Map"),nu=ds(On,"Promise"),iu=ds(On,"Set"),au=ds(On,"WeakMap"),bl=ds(Object,"create"),T$=sa(ou),A$=sa(gl),$$=sa(nu),q$=sa(iu),L$=sa(au),ly=iy?iy.prototype:void 0,cy=ly?ly.valueOf:void 0;function aa(i){var o=-1,t=i?i.length:0;for(this.clear();++o<t;){var r=i[o];this.set(r[0],r[1])}}function M$(){this.__data__=bl?bl(null):{}}function I$(i){return this.has(i)&&delete this.__data__[i]}function N$(i){var o=this.__data__;if(bl){var t=o[i];return t===dy?void 0:t}return bi.call(o,i)?o[i]:void 0}function D$(i){var o=this.__data__;return bl?o[i]!==void 0:bi.call(o,i)}function R$(i,o){var t=this.__data__;return t[i]=bl&&o===void 0?dy:o,this}aa.prototype.clear=M$;aa.prototype.delete=I$;aa.prototype.get=N$;aa.prototype.has=D$;aa.prototype.set=R$;function Pn(i){var o=-1,t=i?i.length:0;for(this.clear();++o<t;){var r=i[o];this.set(r[0],r[1])}}function O$(){this.__data__=[]}function P$(i){var o=this.__data__,t=Ad(o,i);if(t<0)return!1;var r=o.length-1;return t==r?o.pop():S$.call(o,t,1),!0}function H$(i){var o=this.__data__,t=Ad(o,i);return t<0?void 0:o[t][1]}function F$(i){return Ad(this.__data__,i)>-1}function B$(i,o){var t=this.__data__,r=Ad(t,i);return r<0?t.push([i,o]):t[r][1]=o,this}Pn.prototype.clear=O$;Pn.prototype.delete=P$;Pn.prototype.get=H$;Pn.prototype.has=F$;Pn.prototype.set=B$;function ls(i){var o=-1,t=i?i.length:0;for(this.clear();++o<t;){var r=i[o];this.set(r[0],r[1])}}function V$(){this.__data__={hash:new aa,map:new(gl||Pn),string:new aa}}function U$(i){return $d(this,i).delete(i)}function j$(i){return $d(this,i).get(i)}function G$(i){return $d(this,i).has(i)}function W$(i,o){return $d(this,i).set(i,o),this}ls.prototype.clear=V$;ls.prototype.delete=U$;ls.prototype.get=j$;ls.prototype.has=G$;ls.prototype.set=W$;function cs(i){this.__data__=new Pn(i)}function K$(){this.__data__=new Pn}function Y$(i){return this.__data__.delete(i)}function X$(i){return this.__data__.get(i)}function Q$(i){return this.__data__.has(i)}function J$(i,o){var t=this.__data__;if(t instanceof Pn){var r=t.__data__;if(!gl||r.length<o$-1)return r.push([i,o]),this;t=this.__data__=new ls(r)}return t.set(i,o),this}cs.prototype.clear=K$;cs.prototype.delete=Y$;cs.prototype.get=X$;cs.prototype.has=Q$;cs.prototype.set=J$;function Z$(i,o){var t=uu(i)||_q(i)?b$(i.length,String):[],r=t.length,n=!!r;for(var a in i)(o||bi.call(i,a))&&!(n&&(a=="length"||xq(a,r)))&&t.push(a);return t}function My(i,o,t){var r=i[o];(!(bi.call(i,o)&&Ry(r,t))||t===void 0&&!(o in i))&&(i[o]=t)}function Ad(i,o){for(var t=i.length;t--;)if(Ry(i[t][0],o))return t;return-1}function tq(i,o){return i&&Iy(o,mu(o),i)}function su(i,o,t,r,n,a,s){var l;if(r&&(l=a?r(i,n,a,s):r(i)),l!==void 0)return l;if(!qd(i))return i;var d=uu(i);if(d){if(l=gq(i),!o)return uq(i,l)}else{var h=ia(i),m=h==cu||h==my;if(Sq(i))return aq(i,o);if(h==du||h==lu||m&&!a){if(qy(i))return a?i:{};if(l=bq(m?{}:i),!o)return mq(i,tq(l,i))}else{if(!Ht[h])return a?i:{};l=vq(i,h,su,o)}}s||(s=new cs);var f=s.get(i);if(f)return f;if(s.set(i,l),!d)var g=t?fq(i):mu(i);return f$(g||i,function(b,v){g&&(v=b,b=i[v]),My(l,v,su(b,o,t,r,v,i,s))}),l}function eq(i){return qd(i)?_$(i):{}}function rq(i,o,t){var r=o(i);return uu(i)?r:g$(r,t(i))}function oq(i){return Td.call(i)}function nq(i){if(!qd(i)||zq(i))return!1;var o=Py(i)||qy(i)?z$:l$;return o.test(sa(i))}function iq(i){if(!Dy(i))return E$(i);var o=[];for(var t in Object(i))bi.call(i,t)&&t!="constructor"&&o.push(t);return o}function aq(i,o){if(o)return i.slice();var t=new i.constructor(i.length);return i.copy(t),t}function hu(i){var o=new i.constructor(i.byteLength);return new ay(o).set(new ay(i)),o}function sq(i,o){var t=o?hu(i.buffer):i.buffer;return new i.constructor(t,i.byteOffset,i.byteLength)}function lq(i,o,t){var r=o?t(ey(i),!0):ey(i);return $y(r,u$,new i.constructor)}function cq(i){var o=new i.constructor(i.source,s$.exec(i));return o.lastIndex=i.lastIndex,o}function dq(i,o,t){var r=o?t(ry(i),!0):ry(i);return $y(r,m$,new i.constructor)}function pq(i){return cy?Object(cy.call(i)):{}}function hq(i,o){var t=o?hu(i.buffer):i.buffer;return new i.constructor(t,i.byteOffset,i.length)}function uq(i,o){var t=-1,r=i.length;for(o||(o=Array(r));++t<r;)o[t]=i[t];return o}function Iy(i,o,t,r){t||(t={});for(var n=-1,a=o.length;++n<a;){var s=o[n],l=r?r(t[s],i[s],s,t,i):void 0;My(t,s,l===void 0?i[s]:l)}return t}function mq(i,o){return Iy(i,Ny(i),o)}function fq(i){return rq(i,mu,Ny)}function $d(i,o){var t=i.__data__;return yq(o)?t[typeof o=="string"?"string":"hash"]:t.map}function ds(i,o){var t=v$(i,o);return nq(t)?t:void 0}var Ny=sy?pu(sy,Object):Tq,ia=oq;(ou&&ia(new ou(new ArrayBuffer(1)))!=Cd||gl&&ia(new gl)!=kd||nu&&ia(nu.resolve())!=Z0||iu&&ia(new iu)!=Sd||au&&ia(new au)!=ru)&&(ia=function(i){var o=Td.call(i),t=o==du?i.constructor:void 0,r=t?sa(t):void 0;if(r)switch(r){case T$:return Cd;case A$:return kd;case $$:return Z0;case q$:return Sd;case L$:return ru}return o});function gq(i){var o=i.length,t=i.constructor(o);return o&&typeof i[0]=="string"&&bi.call(i,"index")&&(t.index=i.index,t.input=i.input),t}function bq(i){return typeof i.constructor=="function"&&!Dy(i)?eq(w$(i)):{}}function vq(i,o,t,r){var n=i.constructor;switch(o){case xy:return hu(i);case hy:case uy:return new n(+i);case Cd:return sq(i,r);case yy:case zy:case wy:case _y:case ky:case Sy:case Cy:case Ey:case Ty:return hq(i,r);case kd:return lq(i,r,t);case fy:case by:return new n(i);case gy:return cq(i);case Sd:return dq(i,r,t);case vy:return pq(i)}}function xq(i,o){return o=o??py,!!o&&(typeof i=="number"||c$.test(i))&&i>-1&&i%1==0&&i<o}function yq(i){var o=typeof i;return o=="string"||o=="number"||o=="symbol"||o=="boolean"?i!=="__proto__":i===null}function zq(i){return!!oy&&oy in i}function Dy(i){var o=i&&i.constructor,t=typeof o=="function"&&o.prototype||Ed;return i===t}function sa(i){if(i!=null){try{return Ly.call(i)}catch{}try{return i+""}catch{}}return""}function wq(i){return su(i,!0,!0)}function Ry(i,o){return i===o||i!==i&&o!==o}function _q(i){return kq(i)&&bi.call(i,"callee")&&(!k$.call(i,"callee")||Td.call(i)==lu)}var uu=Array.isArray;function Oy(i){return i!=null&&Cq(i.length)&&!Py(i)}function kq(i){return Eq(i)&&Oy(i)}var Sq=C$||Aq;function Py(i){var o=qd(i)?Td.call(i):"";return o==cu||o==my}function Cq(i){return typeof i=="number"&&i>-1&&i%1==0&&i<=py}function qd(i){var o=typeof i;return!!i&&(o=="object"||o=="function")}function Eq(i){return!!i&&typeof i=="object"}function mu(i){return Oy(i)?Z$(i):iq(i)}function Tq(){return[]}function Aq(){return!1}ss.exports=wq});var Eu=_n((vl,hs)=>{var $q=200,Cu="__lodash_hash_undefined__",Pd=1,Qy=2,Jy=9007199254740991,Ld="[object Arguments]",xu="[object Array]",qq="[object AsyncFunction]",Zy="[object Boolean]",tz="[object Date]",ez="[object Error]",rz="[object Function]",Lq="[object GeneratorFunction]",Md="[object Map]",oz="[object Number]",Mq="[object Null]",ps="[object Object]",Hy="[object Promise]",Iq="[object Proxy]",nz="[object RegExp]",Id="[object Set]",iz="[object String]",Nq="[object Symbol]",Dq="[object Undefined]",yu="[object WeakMap]",az="[object ArrayBuffer]",Nd="[object DataView]",Rq="[object Float32Array]",Oq="[object Float64Array]",Pq="[object Int8Array]",Hq="[object Int16Array]",Fq="[object Int32Array]",Bq="[object Uint8Array]",Vq="[object Uint8ClampedArray]",Uq="[object Uint16Array]",jq="[object Uint32Array]",Gq=/[\\^$.*+?()[\]{}|]/g,Wq=/^\[object .+?Constructor\]$/,Kq=/^(?:0|[1-9]\d*)$/,Kt={};Kt[Rq]=Kt[Oq]=Kt[Pq]=Kt[Hq]=Kt[Fq]=Kt[Bq]=Kt[Vq]=Kt[Uq]=Kt[jq]=!0;Kt[Ld]=Kt[xu]=Kt[az]=Kt[Zy]=Kt[Nd]=Kt[tz]=Kt[ez]=Kt[rz]=Kt[Md]=Kt[oz]=Kt[ps]=Kt[nz]=Kt[Id]=Kt[iz]=Kt[yu]=!1;var sz=typeof global=="object"&&global&&global.Object===Object&&global,Yq=typeof self=="object"&&self&&self.Object===Object&&self,Hn=sz||Yq||Function("return this")(),lz=typeof vl=="object"&&vl&&!vl.nodeType&&vl,Fy=lz&&typeof hs=="object"&&hs&&!hs.nodeType&&hs,cz=Fy&&Fy.exports===lz,gu=cz&&sz.process,By=(function(){try{return gu&&gu.binding&&gu.binding("util")}catch{}})(),Vy=By&&By.isTypedArray;function Xq(i,o){for(var t=-1,r=i==null?0:i.length,n=0,a=[];++t<r;){var s=i[t];o(s,t,i)&&(a[n++]=s)}return a}function Qq(i,o){for(var t=-1,r=o.length,n=i.length;++t<r;)i[n+t]=o[t];return i}function Jq(i,o){for(var t=-1,r=i==null?0:i.length;++t<r;)if(o(i[t],t,i))return!0;return!1}function Zq(i,o){for(var t=-1,r=Array(i);++t<i;)r[t]=o(t);return r}function tL(i){return function(o){return i(o)}}function eL(i,o){return i.has(o)}function rL(i,o){return i?.[o]}function oL(i){var o=-1,t=Array(i.size);return i.forEach(function(r,n){t[++o]=[n,r]}),t}function nL(i,o){return function(t){return i(o(t))}}function iL(i){var o=-1,t=Array(i.size);return i.forEach(function(r){t[++o]=r}),t}var aL=Array.prototype,sL=Function.prototype,Hd=Object.prototype,bu=Hn["__core-js_shared__"],dz=sL.toString,fn=Hd.hasOwnProperty,Uy=(function(){var i=/[^.]+$/.exec(bu&&bu.keys&&bu.keys.IE_PROTO||"");return i?"Symbol(src)_1."+i:""})(),pz=Hd.toString,lL=RegExp("^"+dz.call(fn).replace(Gq,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),jy=cz?Hn.Buffer:void 0,Dd=Hn.Symbol,Gy=Hn.Uint8Array,hz=Hd.propertyIsEnumerable,cL=aL.splice,la=Dd?Dd.toStringTag:void 0,Wy=Object.getOwnPropertySymbols,dL=jy?jy.isBuffer:void 0,pL=nL(Object.keys,Object),zu=us(Hn,"DataView"),xl=us(Hn,"Map"),wu=us(Hn,"Promise"),_u=us(Hn,"Set"),ku=us(Hn,"WeakMap"),yl=us(Object,"create"),hL=pa(zu),uL=pa(xl),mL=pa(wu),fL=pa(_u),gL=pa(ku),Ky=Dd?Dd.prototype:void 0,vu=Ky?Ky.valueOf:void 0;function ca(i){var o=-1,t=i==null?0:i.length;for(this.clear();++o<t;){var r=i[o];this.set(r[0],r[1])}}function bL(){this.__data__=yl?yl(null):{},this.size=0}function vL(i){var o=this.has(i)&&delete this.__data__[i];return this.size-=o?1:0,o}function xL(i){var o=this.__data__;if(yl){var t=o[i];return t===Cu?void 0:t}return fn.call(o,i)?o[i]:void 0}function yL(i){var o=this.__data__;return yl?o[i]!==void 0:fn.call(o,i)}function zL(i,o){var t=this.__data__;return this.size+=this.has(i)?0:1,t[i]=yl&&o===void 0?Cu:o,this}ca.prototype.clear=bL;ca.prototype.delete=vL;ca.prototype.get=xL;ca.prototype.has=yL;ca.prototype.set=zL;function Fn(i){var o=-1,t=i==null?0:i.length;for(this.clear();++o<t;){var r=i[o];this.set(r[0],r[1])}}function wL(){this.__data__=[],this.size=0}function _L(i){var o=this.__data__,t=Fd(o,i);if(t<0)return!1;var r=o.length-1;return t==r?o.pop():cL.call(o,t,1),--this.size,!0}function kL(i){var o=this.__data__,t=Fd(o,i);return t<0?void 0:o[t][1]}function SL(i){return Fd(this.__data__,i)>-1}function CL(i,o){var t=this.__data__,r=Fd(t,i);return r<0?(++this.size,t.push([i,o])):t[r][1]=o,this}Fn.prototype.clear=wL;Fn.prototype.delete=_L;Fn.prototype.get=kL;Fn.prototype.has=SL;Fn.prototype.set=CL;function da(i){var o=-1,t=i==null?0:i.length;for(this.clear();++o<t;){var r=i[o];this.set(r[0],r[1])}}function EL(){this.size=0,this.__data__={hash:new ca,map:new(xl||Fn),string:new ca}}function TL(i){var o=Bd(this,i).delete(i);return this.size-=o?1:0,o}function AL(i){return Bd(this,i).get(i)}function $L(i){return Bd(this,i).has(i)}function qL(i,o){var t=Bd(this,i),r=t.size;return t.set(i,o),this.size+=t.size==r?0:1,this}da.prototype.clear=EL;da.prototype.delete=TL;da.prototype.get=AL;da.prototype.has=$L;da.prototype.set=qL;function Rd(i){var o=-1,t=i==null?0:i.length;for(this.__data__=new da;++o<t;)this.add(i[o])}function LL(i){return this.__data__.set(i,Cu),this}function ML(i){return this.__data__.has(i)}Rd.prototype.add=Rd.prototype.push=LL;Rd.prototype.has=ML;function xi(i){var o=this.__data__=new Fn(i);this.size=o.size}function IL(){this.__data__=new Fn,this.size=0}function NL(i){var o=this.__data__,t=o.delete(i);return this.size=o.size,t}function DL(i){return this.__data__.get(i)}function RL(i){return this.__data__.has(i)}function OL(i,o){var t=this.__data__;if(t instanceof Fn){var r=t.__data__;if(!xl||r.length<$q-1)return r.push([i,o]),this.size=++t.size,this;t=this.__data__=new da(r)}return t.set(i,o),this.size=t.size,this}xi.prototype.clear=IL;xi.prototype.delete=NL;xi.prototype.get=DL;xi.prototype.has=RL;xi.prototype.set=OL;function PL(i,o){var t=Od(i),r=!t&&t3(i),n=!t&&!r&&Su(i),a=!t&&!r&&!n&&xz(i),s=t||r||n||a,l=s?Zq(i.length,String):[],d=l.length;for(var h in i)(o||fn.call(i,h))&&!(s&&(h=="length"||n&&(h=="offset"||h=="parent")||a&&(h=="buffer"||h=="byteLength"||h=="byteOffset")||YL(h,d)))&&l.push(h);return l}function Fd(i,o){for(var t=i.length;t--;)if(fz(i[t][0],o))return t;return-1}function HL(i,o,t){var r=o(i);return Od(i)?r:Qq(r,t(i))}function wl(i){return i==null?i===void 0?Dq:Mq:la&&la in Object(i)?WL(i):ZL(i)}function Yy(i){return zl(i)&&wl(i)==Ld}function uz(i,o,t,r,n){return i===o?!0:i==null||o==null||!zl(i)&&!zl(o)?i!==i&&o!==o:FL(i,o,t,r,uz,n)}function FL(i,o,t,r,n,a){var s=Od(i),l=Od(o),d=s?xu:vi(i),h=l?xu:vi(o);d=d==Ld?ps:d,h=h==Ld?ps:h;var m=d==ps,f=h==ps,g=d==h;if(g&&Su(i)){if(!Su(o))return!1;s=!0,m=!1}if(g&&!m)return a||(a=new xi),s||xz(i)?mz(i,o,t,r,n,a):jL(i,o,d,t,r,n,a);if(!(t&Pd)){var b=m&&fn.call(i,"__wrapped__"),v=f&&fn.call(o,"__wrapped__");if(b||v){var x=b?i.value():i,S=v?o.value():o;return a||(a=new xi),n(x,S,t,r,a)}}return g?(a||(a=new xi),GL(i,o,t,r,n,a)):!1}function BL(i){if(!vz(i)||QL(i))return!1;var o=gz(i)?lL:Wq;return o.test(pa(i))}function VL(i){return zl(i)&&bz(i.length)&&!!Kt[wl(i)]}function UL(i){if(!JL(i))return pL(i);var o=[];for(var t in Object(i))fn.call(i,t)&&t!="constructor"&&o.push(t);return o}function mz(i,o,t,r,n,a){var s=t&Pd,l=i.length,d=o.length;if(l!=d&&!(s&&d>l))return!1;var h=a.get(i);if(h&&a.get(o))return h==o;var m=-1,f=!0,g=t&Qy?new Rd:void 0;for(a.set(i,o),a.set(o,i);++m<l;){var b=i[m],v=o[m];if(r)var x=s?r(v,b,m,o,i,a):r(b,v,m,i,o,a);if(x!==void 0){if(x)continue;f=!1;break}if(g){if(!Jq(o,function(S,_){if(!eL(g,_)&&(b===S||n(b,S,t,r,a)))return g.push(_)})){f=!1;break}}else if(!(b===v||n(b,v,t,r,a))){f=!1;break}}return a.delete(i),a.delete(o),f}function jL(i,o,t,r,n,a,s){switch(t){case Nd:if(i.byteLength!=o.byteLength||i.byteOffset!=o.byteOffset)return!1;i=i.buffer,o=o.buffer;case az:return!(i.byteLength!=o.byteLength||!a(new Gy(i),new Gy(o)));case Zy:case tz:case oz:return fz(+i,+o);case ez:return i.name==o.name&&i.message==o.message;case nz:case iz:return i==o+"";case Md:var l=oL;case Id:var d=r&Pd;if(l||(l=iL),i.size!=o.size&&!d)return!1;var h=s.get(i);if(h)return h==o;r|=Qy,s.set(i,o);var m=mz(l(i),l(o),r,n,a,s);return s.delete(i),m;case Nq:if(vu)return vu.call(i)==vu.call(o)}return!1}function GL(i,o,t,r,n,a){var s=t&Pd,l=Xy(i),d=l.length,h=Xy(o),m=h.length;if(d!=m&&!s)return!1;for(var f=d;f--;){var g=l[f];if(!(s?g in o:fn.call(o,g)))return!1}var b=a.get(i);if(b&&a.get(o))return b==o;var v=!0;a.set(i,o),a.set(o,i);for(var x=s;++f<d;){g=l[f];var S=i[g],_=o[g];if(r)var R=s?r(_,S,g,o,i,a):r(S,_,g,i,o,a);if(!(R===void 0?S===_||n(S,_,t,r,a):R)){v=!1;break}x||(x=g=="constructor")}if(v&&!x){var j=i.constructor,I=o.constructor;j!=I&&"constructor"in i&&"constructor"in o&&!(typeof j=="function"&&j instanceof j&&typeof I=="function"&&I instanceof I)&&(v=!1)}return a.delete(i),a.delete(o),v}function Xy(i){return HL(i,o3,KL)}function Bd(i,o){var t=i.__data__;return XL(o)?t[typeof o=="string"?"string":"hash"]:t.map}function us(i,o){var t=rL(i,o);return BL(t)?t:void 0}function WL(i){var o=fn.call(i,la),t=i[la];try{i[la]=void 0;var r=!0}catch{}var n=pz.call(i);return r&&(o?i[la]=t:delete i[la]),n}var KL=Wy?function(i){return i==null?[]:(i=Object(i),Xq(Wy(i),function(o){return hz.call(i,o)}))}:n3,vi=wl;(zu&&vi(new zu(new ArrayBuffer(1)))!=Nd||xl&&vi(new xl)!=Md||wu&&vi(wu.resolve())!=Hy||_u&&vi(new _u)!=Id||ku&&vi(new ku)!=yu)&&(vi=function(i){var o=wl(i),t=o==ps?i.constructor:void 0,r=t?pa(t):"";if(r)switch(r){case hL:return Nd;case uL:return Md;case mL:return Hy;case fL:return Id;case gL:return yu}return o});function YL(i,o){return o=o??Jy,!!o&&(typeof i=="number"||Kq.test(i))&&i>-1&&i%1==0&&i<o}function XL(i){var o=typeof i;return o=="string"||o=="number"||o=="symbol"||o=="boolean"?i!=="__proto__":i===null}function QL(i){return!!Uy&&Uy in i}function JL(i){var o=i&&i.constructor,t=typeof o=="function"&&o.prototype||Hd;return i===t}function ZL(i){return pz.call(i)}function pa(i){if(i!=null){try{return dz.call(i)}catch{}try{return i+""}catch{}}return""}function fz(i,o){return i===o||i!==i&&o!==o}var t3=Yy((function(){return arguments})())?Yy:function(i){return zl(i)&&fn.call(i,"callee")&&!hz.call(i,"callee")},Od=Array.isArray;function e3(i){return i!=null&&bz(i.length)&&!gz(i)}var Su=dL||i3;function r3(i,o){return uz(i,o)}function gz(i){if(!vz(i))return!1;var o=wl(i);return o==rz||o==Lq||o==qq||o==Iq}function bz(i){return typeof i=="number"&&i>-1&&i%1==0&&i<=Jy}function vz(i){var o=typeof i;return i!=null&&(o=="object"||o=="function")}function zl(i){return i!=null&&typeof i=="object"}var xz=Vy?tL(Vy):VL;function o3(i){return e3(i)?PL(i):UL(i)}function n3(){return[]}function i3(){return!1}hs.exports=r3});var yz=_n(Au=>{"use strict";Object.defineProperty(Au,"__esModule",{value:!0});var a3=fu(),s3=Eu(),Tu;(function(i){function o(a={},s={},l=!1){typeof a!="object"&&(a={}),typeof s!="object"&&(s={});let d=a3(s);l||(d=Object.keys(d).reduce((h,m)=>(d[m]!=null&&(h[m]=d[m]),h),{}));for(let h in a)a[h]!==void 0&&s[h]===void 0&&(d[h]=a[h]);return Object.keys(d).length>0?d:void 0}i.compose=o;function t(a={},s={}){typeof a!="object"&&(a={}),typeof s!="object"&&(s={});let l=Object.keys(a).concat(Object.keys(s)).reduce((d,h)=>(s3(a[h],s[h])||(d[h]=s[h]===void 0?null:s[h]),d),{});return Object.keys(l).length>0?l:void 0}i.diff=t;function r(a={},s={}){a=a||{};let l=Object.keys(s).reduce((d,h)=>(s[h]!==a[h]&&a[h]!==void 0&&(d[h]=s[h]),d),{});return Object.keys(a).reduce((d,h)=>(a[h]!==s[h]&&s[h]===void 0&&(d[h]=null),d),l)}i.invert=r;function n(a,s,l=!1){if(typeof a!="object")return s;if(typeof s!="object")return;if(!l)return s;let d=Object.keys(s).reduce((h,m)=>(a[m]===void 0&&(h[m]=s[m]),h),{});return Object.keys(d).length>0?d:void 0}i.transform=n})(Tu||(Tu={}));Au.default=Tu});var Lu=_n(qu=>{"use strict";Object.defineProperty(qu,"__esModule",{value:!0});var $u;(function(i){function o(t){return typeof t.delete=="number"?t.delete:typeof t.retain=="number"?t.retain:typeof t.retain=="object"&&t.retain!==null?1:typeof t.insert=="string"?t.insert.length:1}i.length=o})($u||($u={}));qu.default=$u});var wz=_n(Iu=>{"use strict";Object.defineProperty(Iu,"__esModule",{value:!0});var zz=Lu(),Mu=class{constructor(o){this.ops=o,this.index=0,this.offset=0}hasNext(){return this.peekLength()<1/0}next(o){o||(o=1/0);let t=this.ops[this.index];if(t){let r=this.offset,n=zz.default.length(t);if(o>=n-r?(o=n-r,this.index+=1,this.offset=0):this.offset+=o,typeof t.delete=="number")return{delete:o};{let a={};return t.attributes&&(a.attributes=t.attributes),typeof t.retain=="number"?a.retain=o:typeof t.retain=="object"&&t.retain!==null?a.retain=t.retain:typeof t.insert=="string"?a.insert=t.insert.substr(r,o):a.insert=t.insert,a}}else return{retain:1/0}}peek(){return this.ops[this.index]}peekLength(){return this.ops[this.index]?zz.default.length(this.ops[this.index])-this.offset:1/0}peekType(){let o=this.ops[this.index];return o?typeof o.delete=="number"?"delete":typeof o.retain=="number"||typeof o.retain=="object"&&o.retain!==null?"retain":"insert":"retain"}rest(){if(this.hasNext()){if(this.offset===0)return this.ops.slice(this.index);{let o=this.offset,t=this.index,r=this.next(),n=this.ops.slice(this.index);return this.offset=o,this.index=t,[r].concat(n)}}else return[]}};Iu.default=Mu});var Hr=_n((Vn,Ud)=>{"use strict";Object.defineProperty(Vn,"__esModule",{value:!0});Vn.AttributeMap=Vn.OpIterator=Vn.Op=void 0;var Vd=J0(),l3=fu(),Nu=Eu(),ha=yz();Vn.AttributeMap=ha.default;var Bn=Lu();Vn.Op=Bn.default;var vo=wz();Vn.OpIterator=vo.default;var c3="\0",_z=(i,o)=>{if(typeof i!="object"||i===null)throw new Error(`cannot retain a ${typeof i}`);if(typeof o!="object"||o===null)throw new Error(`cannot retain a ${typeof o}`);let t=Object.keys(i)[0];if(!t||t!==Object.keys(o)[0])throw new Error(`embed types not matched: ${t} != ${Object.keys(o)[0]}`);return[t,i[t],o[t]]},Un=class i{constructor(o){Array.isArray(o)?this.ops=o:o!=null&&Array.isArray(o.ops)?this.ops=o.ops:this.ops=[]}static registerEmbed(o,t){this.handlers[o]=t}static unregisterEmbed(o){delete this.handlers[o]}static getHandler(o){let t=this.handlers[o];if(!t)throw new Error(`no handlers for embed type "${o}"`);return t}insert(o,t){let r={};return typeof o=="string"&&o.length===0?this:(r.insert=o,t!=null&&typeof t=="object"&&Object.keys(t).length>0&&(r.attributes=t),this.push(r))}delete(o){return o<=0?this:this.push({delete:o})}retain(o,t){if(typeof o=="number"&&o<=0)return this;let r={retain:o};return t!=null&&typeof t=="object"&&Object.keys(t).length>0&&(r.attributes=t),this.push(r)}push(o){let t=this.ops.length,r=this.ops[t-1];if(o=l3(o),typeof r=="object"){if(typeof o.delete=="number"&&typeof r.delete=="number")return this.ops[t-1]={delete:r.delete+o.delete},this;if(typeof r.delete=="number"&&o.insert!=null&&(t-=1,r=this.ops[t-1],typeof r!="object"))return this.ops.unshift(o),this;if(Nu(o.attributes,r.attributes)){if(typeof o.insert=="string"&&typeof r.insert=="string")return this.ops[t-1]={insert:r.insert+o.insert},typeof o.attributes=="object"&&(this.ops[t-1].attributes=o.attributes),this;if(typeof o.retain=="number"&&typeof r.retain=="number")return this.ops[t-1]={retain:r.retain+o.retain},typeof o.attributes=="object"&&(this.ops[t-1].attributes=o.attributes),this}}return t===this.ops.length?this.ops.push(o):this.ops.splice(t,0,o),this}chop(){let o=this.ops[this.ops.length-1];return o&&typeof o.retain=="number"&&!o.attributes&&this.ops.pop(),this}filter(o){return this.ops.filter(o)}forEach(o){this.ops.forEach(o)}map(o){return this.ops.map(o)}partition(o){let t=[],r=[];return this.forEach(n=>{(o(n)?t:r).push(n)}),[t,r]}reduce(o,t){return this.ops.reduce(o,t)}changeLength(){return this.reduce((o,t)=>t.insert?o+Bn.default.length(t):t.delete?o-t.delete:o,0)}length(){return this.reduce((o,t)=>o+Bn.default.length(t),0)}slice(o=0,t=1/0){let r=[],n=new vo.default(this.ops),a=0;for(;a<t&&n.hasNext();){let s;a<o?s=n.next(o-a):(s=n.next(t-a),r.push(s)),a+=Bn.default.length(s)}return new i(r)}compose(o){let t=new vo.default(this.ops),r=new vo.default(o.ops),n=[],a=r.peek();if(a!=null&&typeof a.retain=="number"&&a.attributes==null){let l=a.retain;for(;t.peekType()==="insert"&&t.peekLength()<=l;)l-=t.peekLength(),n.push(t.next());a.retain-l>0&&r.next(a.retain-l)}let s=new i(n);for(;t.hasNext()||r.hasNext();)if(r.peekType()==="insert")s.push(r.next());else if(t.peekType()==="delete")s.push(t.next());else{let l=Math.min(t.peekLength(),r.peekLength()),d=t.next(l),h=r.next(l);if(h.retain){let m={};if(typeof d.retain=="number")m.retain=typeof h.retain=="number"?l:h.retain;else if(typeof h.retain=="number")d.retain==null?m.insert=d.insert:m.retain=d.retain;else{let g=d.retain==null?"insert":"retain",[b,v,x]=_z(d[g],h.retain),S=i.getHandler(b);m[g]={[b]:S.compose(v,x,g==="retain")}}let f=ha.default.compose(d.attributes,h.attributes,typeof d.retain=="number");if(f&&(m.attributes=f),s.push(m),!r.hasNext()&&Nu(s.ops[s.ops.length-1],m)){let g=new i(t.rest());return s.concat(g).chop()}}else typeof h.delete=="number"&&(typeof d.retain=="number"||typeof d.retain=="object"&&d.retain!==null)&&s.push(h)}return s.chop()}concat(o){let t=new i(this.ops.slice());return o.ops.length>0&&(t.push(o.ops[0]),t.ops=t.ops.concat(o.ops.slice(1))),t}diff(o,t){if(this.ops===o.ops)return new i;let r=[this,o].map(d=>d.map(h=>{if(h.insert!=null)return typeof h.insert=="string"?h.insert:c3;let m=d===o?"on":"with";throw new Error("diff() called "+m+" non-document")}).join("")),n=new i,a=Vd(r[0],r[1],t,!0),s=new vo.default(this.ops),l=new vo.default(o.ops);return a.forEach(d=>{let h=d[1].length;for(;h>0;){let m=0;switch(d[0]){case Vd.INSERT:m=Math.min(l.peekLength(),h),n.push(l.next(m));break;case Vd.DELETE:m=Math.min(h,s.peekLength()),s.next(m),n.delete(m);break;case Vd.EQUAL:m=Math.min(s.peekLength(),l.peekLength(),h);let f=s.next(m),g=l.next(m);Nu(f.insert,g.insert)?n.retain(m,ha.default.diff(f.attributes,g.attributes)):n.push(g).delete(m);break}h-=m}}),n.chop()}eachLine(o,t=`
|
|
2
2
|
`){let r=new vo.default(this.ops),n=new i,a=0;for(;r.hasNext();){if(r.peekType()!=="insert")return;let s=r.peek(),l=Bn.default.length(s)-r.peekLength(),d=typeof s.insert=="string"?s.insert.indexOf(t,l)-l:-1;if(d<0)n.push(r.next());else if(d>0)n.push(r.next(d));else{if(o(n,r.next(1).attributes||{},a)===!1)return;a+=1,n=new i}}n.length()>0&&o(n,{},a)}invert(o){let t=new i;return this.reduce((r,n)=>{if(n.insert)t.delete(Bn.default.length(n));else{if(typeof n.retain=="number"&&n.attributes==null)return t.retain(n.retain),r+n.retain;if(n.delete||typeof n.retain=="number"){let a=n.delete||n.retain;return o.slice(r,r+a).forEach(l=>{n.delete?t.push(l):n.retain&&n.attributes&&t.retain(Bn.default.length(l),ha.default.invert(n.attributes,l.attributes))}),r+a}else if(typeof n.retain=="object"&&n.retain!==null){let a=o.slice(r,r+1),s=new vo.default(a.ops).next(),[l,d,h]=_z(n.retain,s.insert),m=i.getHandler(l);return t.retain({[l]:m.invert(d,h)},ha.default.invert(n.attributes,s.attributes)),r+1}}return r},0),t.chop()}transform(o,t=!1){if(t=!!t,typeof o=="number")return this.transformPosition(o,t);let r=o,n=new vo.default(this.ops),a=new vo.default(r.ops),s=new i;for(;n.hasNext()||a.hasNext();)if(n.peekType()==="insert"&&(t||a.peekType()!=="insert"))s.retain(Bn.default.length(n.next()));else if(a.peekType()==="insert")s.push(a.next());else{let l=Math.min(n.peekLength(),a.peekLength()),d=n.next(l),h=a.next(l);if(d.delete)continue;if(h.delete)s.push(h);else{let m=d.retain,f=h.retain,g=typeof f=="object"&&f!==null?f:l;if(typeof m=="object"&&m!==null&&typeof f=="object"&&f!==null){let b=Object.keys(m)[0];if(b===Object.keys(f)[0]){let v=i.getHandler(b);v&&(g={[b]:v.transform(m[b],f[b],t)})}}s.retain(g,ha.default.transform(d.attributes,h.attributes,t))}}return s.chop()}transformPosition(o,t=!1){t=!!t;let r=new vo.default(this.ops),n=0;for(;r.hasNext()&&n<=o;){let a=r.peekLength(),s=r.peekType();if(r.next(),s==="delete"){o-=Math.min(a,o-n);continue}else s==="insert"&&(n<o||!t)&&(o+=a);n+=a}return o}};Un.Op=Bn.default;Un.OpIterator=vo.default;Un.AttributeMap=ha.default;Un.handlers={};Vn.default=Un;typeof Ud=="object"&&(Ud.exports=Un,Ud.exports.default=Un)});var Cz=_n((Xit,Hu)=>{"use strict";var p3=Object.prototype.hasOwnProperty,_r="~";function kl(){}Object.create&&(kl.prototype=Object.create(null),new kl().__proto__||(_r=!1));function h3(i,o,t){this.fn=i,this.context=o,this.once=t||!1}function Sz(i,o,t,r,n){if(typeof t!="function")throw new TypeError("The listener must be a function");var a=new h3(t,r||i,n),s=_r?_r+o:o;return i._events[s]?i._events[s].fn?i._events[s]=[i._events[s],a]:i._events[s].push(a):(i._events[s]=a,i._eventsCount++),i}function jd(i,o){--i._eventsCount===0?i._events=new kl:delete i._events[o]}function pr(){this._events=new kl,this._eventsCount=0}pr.prototype.eventNames=function(){var o=[],t,r;if(this._eventsCount===0)return o;for(r in t=this._events)p3.call(t,r)&&o.push(_r?r.slice(1):r);return Object.getOwnPropertySymbols?o.concat(Object.getOwnPropertySymbols(t)):o};pr.prototype.listeners=function(o){var t=_r?_r+o:o,r=this._events[t];if(!r)return[];if(r.fn)return[r.fn];for(var n=0,a=r.length,s=new Array(a);n<a;n++)s[n]=r[n].fn;return s};pr.prototype.listenerCount=function(o){var t=_r?_r+o:o,r=this._events[t];return r?r.fn?1:r.length:0};pr.prototype.emit=function(o,t,r,n,a,s){var l=_r?_r+o:o;if(!this._events[l])return!1;var d=this._events[l],h=arguments.length,m,f;if(d.fn){switch(d.once&&this.removeListener(o,d.fn,void 0,!0),h){case 1:return d.fn.call(d.context),!0;case 2:return d.fn.call(d.context,t),!0;case 3:return d.fn.call(d.context,t,r),!0;case 4:return d.fn.call(d.context,t,r,n),!0;case 5:return d.fn.call(d.context,t,r,n,a),!0;case 6:return d.fn.call(d.context,t,r,n,a,s),!0}for(f=1,m=new Array(h-1);f<h;f++)m[f-1]=arguments[f];d.fn.apply(d.context,m)}else{var g=d.length,b;for(f=0;f<g;f++)switch(d[f].once&&this.removeListener(o,d[f].fn,void 0,!0),h){case 1:d[f].fn.call(d[f].context);break;case 2:d[f].fn.call(d[f].context,t);break;case 3:d[f].fn.call(d[f].context,t,r);break;case 4:d[f].fn.call(d[f].context,t,r,n);break;default:if(!m)for(b=1,m=new Array(h-1);b<h;b++)m[b-1]=arguments[b];d[f].fn.apply(d[f].context,m)}}return!0};pr.prototype.on=function(o,t,r){return Sz(this,o,t,r,!1)};pr.prototype.once=function(o,t,r){return Sz(this,o,t,r,!0)};pr.prototype.removeListener=function(o,t,r,n){var a=_r?_r+o:o;if(!this._events[a])return this;if(!t)return jd(this,a),this;var s=this._events[a];if(s.fn)s.fn===t&&(!n||s.once)&&(!r||s.context===r)&&jd(this,a);else{for(var l=0,d=[],h=s.length;l<h;l++)(s[l].fn!==t||n&&!s[l].once||r&&s[l].context!==r)&&d.push(s[l]);d.length?this._events[a]=d.length===1?d[0]:d:jd(this,a)}return this};pr.prototype.removeAllListeners=function(o){var t;return o?(t=_r?_r+o:o,this._events[t]&&jd(this,t)):(this._events=new kl,this._eventsCount=0),this};pr.prototype.off=pr.prototype.removeListener;pr.prototype.addListener=pr.prototype.on;pr.prefixed=_r;pr.EventEmitter=pr;typeof Hu<"u"&&(Hu.exports=pr)});var Em=_n((Xl,Cm)=>{(function(i,o){typeof Xl=="object"&&typeof Cm=="object"?Cm.exports=o():typeof define=="function"&&define.amd?define([],o):typeof Xl=="object"?Xl.AirDatepicker=o():i.AirDatepicker=o()})(Xl,(function(){return(function(){"use strict";var i={d:function(D,y){for(var k in y)i.o(y,k)&&!i.o(D,k)&&Object.defineProperty(D,k,{enumerable:!0,get:y[k]})},o:function(D,y){return Object.prototype.hasOwnProperty.call(D,y)}},o={};i.d(o,{default:function(){return ot}});var t={days:"days",months:"months",years:"years",day:"day",month:"month",year:"year",eventChangeViewDate:"changeViewDate",eventChangeCurrentView:"changeCurrentView",eventChangeFocusDate:"changeFocusDate",eventChangeSelectedDate:"changeSelectedDate",eventChangeTime:"changeTime",eventChangeLastSelectedDate:"changeLastSelectedDate",actionSelectDate:"selectDate",actionUnselectDate:"unselectDate",cssClassWeekend:"-weekend-"},r={classes:"",inline:!1,locale:{days:["\u0412\u043E\u0441\u043A\u0440\u0435\u0441\u0435\u043D\u044C\u0435","\u041F\u043E\u043D\u0435\u0434\u0435\u043B\u044C\u043D\u0438\u043A","\u0412\u0442\u043E\u0440\u043D\u0438\u043A","\u0421\u0440\u0435\u0434\u0430","\u0427\u0435\u0442\u0432\u0435\u0440\u0433","\u041F\u044F\u0442\u043D\u0438\u0446\u0430","\u0421\u0443\u0431\u0431\u043E\u0442\u0430"],daysShort:["\u0412\u043E\u0441","\u041F\u043E\u043D","\u0412\u0442\u043E","\u0421\u0440\u0435","\u0427\u0435\u0442","\u041F\u044F\u0442","\u0421\u0443\u0431"],daysMin:["\u0412\u0441","\u041F\u043D","\u0412\u0442","\u0421\u0440","\u0427\u0442","\u041F\u0442","\u0421\u0431"],months:["\u042F\u043D\u0432\u0430\u0440\u044C","\u0424\u0435\u0432\u0440\u0430\u043B\u044C","\u041C\u0430\u0440\u0442","\u0410\u043F\u0440\u0435\u043B\u044C","\u041C\u0430\u0439","\u0418\u044E\u043D\u044C","\u0418\u044E\u043B\u044C","\u0410\u0432\u0433\u0443\u0441\u0442","\u0421\u0435\u043D\u0442\u044F\u0431\u0440\u044C","\u041E\u043A\u0442\u044F\u0431\u0440\u044C","\u041D\u043E\u044F\u0431\u0440\u044C","\u0414\u0435\u043A\u0430\u0431\u0440\u044C"],monthsShort:["\u042F\u043D\u0432","\u0424\u0435\u0432","\u041C\u0430\u0440","\u0410\u043F\u0440","\u041C\u0430\u0439","\u0418\u044E\u043D","\u0418\u044E\u043B","\u0410\u0432\u0433","\u0421\u0435\u043D","\u041E\u043A\u0442","\u041D\u043E\u044F","\u0414\u0435\u043A"],today:"\u0421\u0435\u0433\u043E\u0434\u043D\u044F",clear:"\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C",dateFormat:"dd.MM.yyyy",timeFormat:"HH:mm",firstDay:1},startDate:new Date,firstDay:"",weekends:[6,0],dateFormat:"",altField:"",altFieldDateFormat:"T",toggleSelected:!0,keyboardNav:!0,selectedDates:!1,container:"",isMobile:!1,visible:!1,position:"bottom left",offset:12,view:t.days,minView:t.days,showOtherMonths:!0,selectOtherMonths:!0,moveToOtherMonthsOnSelect:!0,showOtherYears:!0,selectOtherYears:!0,moveToOtherYearsOnSelect:!0,minDate:"",maxDate:"",disableNavWhenOutOfRange:!0,multipleDates:!1,multipleDatesSeparator:", ",range:!1,dynamicRange:!0,buttons:!1,monthsField:"monthsShort",showEvent:"focus",autoClose:!1,fixedHeight:!1,prevHtml:'<svg><path d="M 17,12 l -5,5 l 5,5"></path></svg>',nextHtml:'<svg><path d="M 14,12 l 5,5 l -5,5"></path></svg>',navTitles:{days:"MMMM, <i>yyyy</i>",months:"yyyy",years:"yyyy1 - yyyy2"},timepicker:!1,onlyTimepicker:!1,dateTimeSeparator:" ",timeFormat:"",minHours:0,maxHours:24,minMinutes:0,maxMinutes:59,hoursStep:1,minutesStep:1,onSelect:!1,onChangeViewDate:!1,onChangeView:!1,onRenderCell:!1,onShow:!1,onHide:!1,onClickDayName:!1};function n(D){let y=arguments.length>1&&arguments[1]!==void 0?arguments[1]:document;return typeof D=="string"?y.querySelector(D):D}function a(){let{tagName:D="div",className:y="",innerHtml:k="",id:z="",attrs:M={}}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},L=document.createElement(D);return y&&L.classList.add(...y.split(" ")),z&&(L.id=z),k&&(L.innerHTML=k),M&&s(L,M),L}function s(D,y){for(let[k,z]of Object.entries(y))z!==void 0&&D.setAttribute(k,z);return D}function l(D){return new Date(D.getFullYear(),D.getMonth()+1,0).getDate()}function d(D){let y=D.getHours(),{hours:k,dayPeriod:z}=h(y);return{year:D.getFullYear(),month:D.getMonth(),fullMonth:D.getMonth()+1<10?"0"+(D.getMonth()+1):D.getMonth()+1,date:D.getDate(),fullDate:D.getDate()<10?"0"+D.getDate():D.getDate(),day:D.getDay(),hours:y,fullHours:m(y),hours12:k,dayPeriod:z,fullHours12:m(k),minutes:D.getMinutes(),fullMinutes:D.getMinutes()<10?"0"+D.getMinutes():D.getMinutes()}}function h(D){return{dayPeriod:D>11?"pm":"am",hours:D%12==0?12:D%12}}function m(D){return D<10?"0"+D:D}function f(D){let y=10*Math.floor(D.getFullYear()/10);return[y,y+9]}function g(){let D=[];for(var y=arguments.length,k=new Array(y),z=0;z<y;z++)k[z]=arguments[z];return k.forEach((M=>{if(typeof M=="object")for(let L in M)M[L]&&D.push(L);else M&&D.push(M)})),D.join(" ")}function b(D,y){let k=arguments.length>2&&arguments[2]!==void 0?arguments[2]:t.days;if(!D||!y)return!1;let z=d(D),M=d(y);return{[t.days]:z.date===M.date&&z.month===M.month&&z.year===M.year,[t.months]:z.month===M.month&&z.year===M.year,[t.years]:z.year===M.year}[k]}function v(D,y,k){let z=S(D,!1).getTime(),M=S(y,!1).getTime();return k?z>=M:z>M}function x(D,y){return!v(D,y,!0)}function S(D){let y=!(arguments.length>1&&arguments[1]!==void 0)||arguments[1],k=new Date(D.getTime());return typeof y!="boolean"||y||(function(z){z.setHours(0,0,0,0)})(k),k}function _(D,y,k){D.length?D.forEach((z=>{z.addEventListener(y,k)})):D.addEventListener(y,k)}function R(D,y){return!(!D||D===document||D instanceof DocumentFragment)&&(D.matches(y)?D:R(D.parentNode,y))}function j(D,y,k){return D>k?k:D<y?y:D}function I(D){for(var y=arguments.length,k=new Array(y>1?y-1:0),z=1;z<y;z++)k[z-1]=arguments[z];return k.filter((M=>M)).forEach((M=>{for(let[L,$]of Object.entries(M))if($!==void 0&&$.toString()==="[object Object]"){let O=D[L]!==void 0?D[L].toString():void 0,F=$.toString(),Y=Array.isArray($)?[]:{};D[L]=D[L]?O!==F?Y:D[L]:Y,I(D[L],$)}else D[L]=$})),D}function w(D){let y=D;return D instanceof Date||(typeof D=="string"&&/^\d{4}-\d{2}-\d{2}$/.test(D)&&(D+="T00:00:00"),y=new Date(D)),isNaN(y.getTime())&&(console.log(`Unable to convert value "${D}" to Date object`),y=!1),y}function E(D){let y="\\s|\\.|-|/|\\\\|,|\\$|\\!|\\?|:|;";return new RegExp("(^|>|"+y+")("+D+")($|<|"+y+")","g")}function q(D,y,k){return(y=(function(z){var M=(function(L,$){if(typeof L!="object"||L===null)return L;var O=L[Symbol.toPrimitive];if(O!==void 0){var F=O.call(L,"string");if(typeof F!="object")return F;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(L)})(z);return typeof M=="symbol"?M:String(M)})(y))in D?Object.defineProperty(D,y,{value:k,enumerable:!0,configurable:!0,writable:!0}):D[y]=k,D}class G{constructor(){let{type:y,date:k,dp:z,opts:M,body:L}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};q(this,"focus",(()=>{this.$cell.classList.add("-focus-"),this.focused=!0})),q(this,"removeFocus",(()=>{this.$cell.classList.remove("-focus-"),this.focused=!1})),q(this,"select",(()=>{this.$cell.classList.add("-selected-"),this.selected=!0})),q(this,"removeSelect",(()=>{this.$cell.classList.remove("-selected-","-range-from-","-range-to-"),this.selected=!1})),q(this,"onChangeSelectedDate",(()=>{this.isDisabled||(this._handleSelectedStatus(),this.opts.range&&this._handleRangeStatus())})),q(this,"onChangeFocusDate",($=>{if(!$)return void(this.focused&&this.removeFocus());let O=b($,this.date,this.type);O?this.focus():!O&&this.focused&&this.removeFocus(),this.opts.range&&this._handleRangeStatus()})),q(this,"render",(()=>(this.$cell.innerHTML=this._getHtml(),this._handleClasses(),this.$cell))),this.type=y,this.singleType=this.type.slice(0,-1),this.date=k,this.dp=z,this.opts=M,this.body=L,this.customData=!1,this.init()}init(){var y,k;let{onRenderCell:z}=this.opts;z&&(this.customData=z({date:this.date,cellType:this.singleType,datepicker:this.dp})),this._createElement(),this._bindDatepickerEvents(),(y=this.customData)!==null&&y!==void 0&&y.disabled?this.dp.disableDate(this.date):((k=this.customData)===null||k===void 0?void 0:k.disabled)===!1&&this.dp.enableDate(this.date)}_bindDatepickerEvents(){this.dp.on(t.eventChangeSelectedDate,this.onChangeSelectedDate),this.dp.on(t.eventChangeFocusDate,this.onChangeFocusDate)}unbindDatepickerEvents(){this.dp.off(t.eventChangeSelectedDate,this.onChangeSelectedDate),this.dp.off(t.eventChangeFocusDate,this.onChangeFocusDate)}_createElement(){var y;let{year:k,month:z,fullMonth:M,date:L,fullDate:$}=d(this.date),O=((y=this.customData)===null||y===void 0?void 0:y.attrs)||{};this.$cell=a({attrs:{"data-year":k,"data-month":z,"data-date":L,"data-iso-date":`${k}-${M}-${$}`,...O}}),this.$cell.adpCell=this}_getClassName(){var y;let k=new Date,{selectOtherMonths:z,selectOtherYears:M}=this.opts,{minDate:L,maxDate:$,isDateDisabled:O}=this.dp,{day:F}=d(this.date),Y=this._isOutOfMinMaxRange(),rt=O(this.date),et=g("air-datepicker-cell",`-${this.singleType}-`,{"-current-":b(k,this.date,this.type),"-min-date-":L&&b(L,this.date,this.type),"-max-date-":$&&b($,this.date,this.type)}),nt="";switch(this.type){case t.days:nt=g({"-weekend-":this.dp.isWeekend(F),"-other-month-":this.isOtherMonth,"-disabled-":this.isOtherMonth&&!z||Y||rt});break;case t.months:nt=g({"-disabled-":Y});break;case t.years:nt=g({"-other-decade-":this.isOtherDecade,"-disabled-":Y||this.isOtherDecade&&!M})}return g(et,nt,(y=this.customData)===null||y===void 0?void 0:y.classes).split(" ")}_getHtml(){var y;let{year:k,month:z,date:M}=d(this.date),{showOtherMonths:L,showOtherYears:$}=this.opts;if((y=this.customData)!==null&&y!==void 0&&y.html)return this.customData.html;switch(this.type){case t.days:return!L&&this.isOtherMonth?"":M;case t.months:return this.dp.locale[this.opts.monthsField][z];case t.years:return!$&&this.isOtherDecade?"":k}}_isOutOfMinMaxRange(){let{minDate:y,maxDate:k}=this.dp,{type:z,date:M}=this,{month:L,year:$,date:O}=d(M),F=z===t.days,Y=z===t.years,rt=!!y&&new Date($,Y?y.getMonth():L,F?O:y.getDate()),et=!!k&&new Date($,Y?k.getMonth():L,F?O:k.getDate());return y&&k?x(rt,y)||v(et,k):y?x(rt,y):k?v(et,k):void 0}destroy(){this.unbindDatepickerEvents()}_handleRangeStatus(){let{selectedDates:y,focusDate:k,rangeDateTo:z,rangeDateFrom:M}=this.dp,L=y.length;if(this.$cell.classList.remove("-range-from-","-range-to-","-in-range-"),!L)return;let $=M,O=z;if(L===1&&k){let nt=v(k,y[0]);$=nt?y[0]:k,O=nt?k:y[0]}let F=g({"-in-range-":$&&O&&(Y=this.date,rt=$,et=O,v(Y,rt)&&x(Y,et)),"-range-from-":$&&b(this.date,$,this.type),"-range-to-":O&&b(this.date,O,this.type)});var Y,rt,et;F&&this.$cell.classList.add(...F.split(" "))}_handleSelectedStatus(){let y=this.dp._checkIfDateIsSelected(this.date,this.type);y?this.select():!y&&this.selected&&this.removeSelect()}_handleInitialFocusStatus(){b(this.dp.focusDate,this.date,this.type)&&this.focus()}_handleClasses(){this.$cell.setAttribute("class",""),this._handleInitialFocusStatus(),this.dp.hasSelectedDates&&(this._handleSelectedStatus(),this.dp.opts.range&&this._handleRangeStatus()),this.$cell.classList.add(...this._getClassName())}get isDisabled(){return this.$cell.matches(".-disabled-")}get isOtherMonth(){return this.dp.isOtherMonth(this.date)}get isOtherDecade(){return this.dp.isOtherDecade(this.date)}}function tt(D,y,k){return(y=(function(z){var M=(function(L,$){if(typeof L!="object"||L===null)return L;var O=L[Symbol.toPrimitive];if(O!==void 0){var F=O.call(L,"string");if(typeof F!="object")return F;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(L)})(z);return typeof M=="symbol"?M:String(M)})(y))in D?Object.defineProperty(D,y,{value:k,enumerable:!0,configurable:!0,writable:!0}):D[y]=k,D}let ut={[t.days]:`<div class="air-datepicker-body--day-names"></div><div class="air-datepicker-body--cells -${t.days}-"></div>`,[t.months]:`<div class="air-datepicker-body--cells -${t.months}-"></div>`,[t.years]:`<div class="air-datepicker-body--cells -${t.years}-"></div>`},pt=".air-datepicker-cell";class gt{constructor(y){let{dp:k,type:z,opts:M}=y;tt(this,"handleClick",(L=>{let $=L.target.closest(pt).adpCell;if($.isDisabled)return;if(!this.dp.isMinViewReached)return void this.dp.down();let O=this.dp._checkIfDateIsSelected($.date,$.type);O?this.dp._handleAlreadySelectedDates(O,$.date):this.dp.selectDate($.date)})),tt(this,"handleDayNameClick",(L=>{let $=L.target.getAttribute("data-day-index");this.opts.onClickDayName({dayIndex:Number($),datepicker:this.dp})})),tt(this,"onChangeCurrentView",(L=>{L!==this.type?this.hide():(this.show(),this.render())})),tt(this,"onMouseOverCell",(L=>{let $=R(L.target,pt);this.dp.setFocusDate(!!$&&$.adpCell.date)})),tt(this,"onMouseOutCell",(()=>{this.dp.setFocusDate(!1)})),tt(this,"onClickBody",(L=>{let{onClickDayName:$}=this.opts,O=L.target;O.closest(pt)&&this.handleClick(L),$&&O.closest(".air-datepicker-body--day-name")&&this.handleDayNameClick(L)})),tt(this,"onMouseDown",(L=>{this.pressed=!0;let $=R(L.target,pt),O=$&&$.adpCell;b(O.date,this.dp.rangeDateFrom)&&(this.rangeFromFocused=!0),b(O.date,this.dp.rangeDateTo)&&(this.rangeToFocused=!0)})),tt(this,"onMouseMove",(L=>{if(!this.pressed||!this.dp.isMinViewReached)return;L.preventDefault();let $=R(L.target,pt),O=$&&$.adpCell,{selectedDates:F,rangeDateTo:Y,rangeDateFrom:rt}=this.dp;if(!O||O.isDisabled)return;let{date:et}=O;if(F.length===2){if(this.rangeFromFocused&&!v(et,Y)){let{hours:nt,minutes:he}=d(rt);et.setHours(nt),et.setMinutes(he),this.dp.rangeDateFrom=et,this.dp.replaceDate(rt,et)}if(this.rangeToFocused&&!x(et,rt)){let{hours:nt,minutes:he}=d(Y);et.setHours(nt),et.setMinutes(he),this.dp.rangeDateTo=et,this.dp.replaceDate(Y,et)}}})),tt(this,"onMouseUp",(()=>{this.pressed=!1,this.rangeFromFocused=!1,this.rangeToFocused=!1})),tt(this,"onChangeViewDate",((L,$)=>{if(!this.isVisible)return;let O=f(L),F=f($);switch(this.dp.currentView){case t.days:if(b(L,$,t.months))return;break;case t.months:if(b(L,$,t.years))return;break;case t.years:if(O[0]===F[0]&&O[1]===F[1])return}this.render()})),tt(this,"render",(()=>{this.destroyCells(),this._generateCells(),this.cells.forEach((L=>{this.$cells.appendChild(L.render())}))})),this.dp=k,this.type=z,this.opts=M,this.cells=[],this.$el="",this.pressed=!1,this.isVisible=!0,this.init()}init(){this._buildBaseHtml(),this.type===t.days&&this.renderDayNames(),this.render(),this._bindEvents(),this._bindDatepickerEvents()}_bindEvents(){let{range:y,dynamicRange:k}=this.opts;_(this.$el,"mouseover",this.onMouseOverCell),_(this.$el,"mouseout",this.onMouseOutCell),_(this.$el,"click",this.onClickBody),y&&k&&(_(this.$el,"mousedown",this.onMouseDown),_(this.$el,"mousemove",this.onMouseMove),_(window.document,"mouseup",this.onMouseUp))}_bindDatepickerEvents(){this.dp.on(t.eventChangeViewDate,this.onChangeViewDate),this.dp.on(t.eventChangeCurrentView,this.onChangeCurrentView)}_buildBaseHtml(){this.$el=a({className:`air-datepicker-body -${this.type}-`,innerHtml:ut[this.type]}),this.$names=n(".air-datepicker-body--day-names",this.$el),this.$cells=n(".air-datepicker-body--cells",this.$el)}_getDayNamesHtml(){let y=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.dp.locale.firstDay,k="",z=this.dp.isWeekend,{onClickDayName:M}=this.opts,L=y,$=0;for(;$<7;){let O=L%7;k+=`<div class="${g("air-datepicker-body--day-name",{[t.cssClassWeekend]:z(O),"-clickable-":!!M})}" data-day-index='${O}'>${this.dp.locale.daysMin[O]}</div>`,$++,L++}return k}renderDayNames(){this.$names.innerHTML=this._getDayNamesHtml()}_generateCell(y){let{type:k,dp:z,opts:M}=this;return new G({type:k,dp:z,opts:M,date:y,body:this})}_generateCells(){gt.getDatesFunction(this.type)(this.dp,(y=>{this.cells.push(this._generateCell(y))}))}show(){this.isVisible=!0,this.$el.classList.remove("-hidden-")}hide(){this.isVisible=!1,this.$el.classList.add("-hidden-")}destroyCells(){this.cells.forEach((y=>y.destroy())),this.cells=[],this.$cells.innerHTML=""}destroy(){this.destroyCells(),this.dp.off(t.eventChangeViewDate,this.onChangeViewDate),this.dp.off(t.eventChangeCurrentView,this.onChangeCurrentView)}static getDaysDates(y,k){let{viewDate:z,opts:{fixedHeight:M},locale:{firstDay:L}}=y,$=l(z),{year:O,month:F}=d(z),Y=new Date(O,F,1),rt=new Date(O,F,$),et=Y.getDay()-L,nt=6-rt.getDay()+L;et=et<0?et+7:et,nt=nt>6?nt-7:nt;let he=(function(Oi,Np){let{year:cc,month:I1,date:N1}=d(Oi);return new Date(cc,I1,N1-Np)})(Y,et),$r=$+et+nt,or=he.getDate(),{year:Jo,month:$s}=d(he),Di=0;M&&($r=42);let Ri=[];for(;Di<$r;){let Oi=new Date(Jo,$s,or+Di);k&&k(Oi),Ri.push(Oi),Di++}return Ri}static getMonthsDates(y,k){let{year:z}=y.parsedViewDate,M=0,L=[];for(;M<12;){let $=new Date(z,M);L.push($),k&&k($),M++}return L}static getYearsDates(y,k){let z=f(y.viewDate),M=z[0]-1,L=z[1]+1,$=M,O=[];for(;$<=L;){let F=new Date($,0);O.push(F),k&&k(F),$++}return O}static getDatesFunction(){let y=arguments.length>0&&arguments[0]!==void 0?arguments[0]:t.days;return{[t.days]:gt.getDaysDates,[t.months]:gt.getMonthsDates,[t.years]:gt.getYearsDates}[y]}}function Vt(D,y,k){return(y=(function(z){var M=(function(L,$){if(typeof L!="object"||L===null)return L;var O=L[Symbol.toPrimitive];if(O!==void 0){var F=O.call(L,"string");if(typeof F!="object")return F;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(L)})(z);return typeof M=="symbol"?M:String(M)})(y))in D?Object.defineProperty(D,y,{value:k,enumerable:!0,configurable:!0,writable:!0}):D[y]=k,D}class Ut{constructor(y){let{dp:k,opts:z}=y;Vt(this,"onClickNav",(M=>{let L=R(M.target,".air-datepicker-nav--action");if(!L)return;let $=L.dataset.action;this.dp[$]()})),Vt(this,"onChangeViewDate",(()=>{this.render(),this._resetNavStatus(),this.handleNavStatus()})),Vt(this,"onChangeCurrentView",(()=>{this.render(),this._resetNavStatus(),this.handleNavStatus()})),Vt(this,"onClickNavTitle",(()=>{this.dp.isFinalView||this.dp.up()})),Vt(this,"update",(()=>{let{prevHtml:M,nextHtml:L}=this.opts;this.$prev.innerHTML=M,this.$next.innerHTML=L,this._resetNavStatus(),this.render(),this.handleNavStatus()})),Vt(this,"renderDelay",(()=>{setTimeout(this.render)})),Vt(this,"render",(()=>{this.$title.innerHTML=this._getTitle(),(function(M,L){for(let $ in L)L[$]?M.classList.add($):M.classList.remove($)})(this.$title,{"-disabled-":this.dp.isFinalView})})),this.dp=k,this.opts=z,this.init()}init(){this._createElement(),this._buildBaseHtml(),this._defineDOM(),this.render(),this.handleNavStatus(),this._bindEvents(),this._bindDatepickerEvents()}_defineDOM(){this.$title=n(".air-datepicker-nav--title",this.$el),this.$prev=n('[data-action="prev"]',this.$el),this.$next=n('[data-action="next"]',this.$el)}_bindEvents(){this.$el.addEventListener("click",this.onClickNav),this.$title.addEventListener("click",this.onClickNavTitle)}_bindDatepickerEvents(){this.dp.on(t.eventChangeViewDate,this.onChangeViewDate),this.dp.on(t.eventChangeCurrentView,this.onChangeCurrentView),this.isNavIsFunction&&(this.dp.on(t.eventChangeSelectedDate,this.renderDelay),this.dp.opts.timepicker&&this.dp.on(t.eventChangeTime,this.render))}destroy(){this.dp.off(t.eventChangeViewDate,this.onChangeViewDate),this.dp.off(t.eventChangeCurrentView,this.onChangeCurrentView),this.isNavIsFunction&&(this.dp.off(t.eventChangeSelectedDate,this.renderDelay),this.dp.opts.timepicker&&this.dp.off(t.eventChangeTime,this.render))}_createElement(){this.$el=a({tagName:"nav",className:"air-datepicker-nav"})}_getTitle(){let{dp:y,opts:k}=this,z=k.navTitles[y.currentView];return typeof z=="function"?z(y):y.formatDate(y.viewDate,z)}handleNavStatus(){let{disableNavWhenOutOfRange:y}=this.opts,{minDate:k,maxDate:z}=this.dp;if(!k&&!z||!y)return;let{year:M,month:L}=this.dp.parsedViewDate,$=!!k&&d(k),O=!!z&&d(z);switch(this.dp.currentView){case t.days:k&&$.month>=L&&$.year>=M&&this._disableNav("prev"),z&&O.month<=L&&O.year<=M&&this._disableNav("next");break;case t.months:k&&$.year>=M&&this._disableNav("prev"),z&&O.year<=M&&this._disableNav("next");break;case t.years:{let F=f(this.dp.viewDate);k&&$.year>=F[0]&&this._disableNav("prev"),z&&O.year<=F[1]&&this._disableNav("next");break}}}_disableNav(y){n('[data-action="'+y+'"]',this.$el).classList.add("-disabled-")}_resetNavStatus(){(function(y){for(var k=arguments.length,z=new Array(k>1?k-1:0),M=1;M<k;M++)z[M-1]=arguments[M];y.length?y.forEach((L=>{L.classList.remove(...z)})):y.classList.remove(...z)})(this.$el.querySelectorAll(".air-datepicker-nav--action"),"-disabled-")}_buildBaseHtml(){let{prevHtml:y,nextHtml:k}=this.opts;this.$el.innerHTML=`<div class="air-datepicker-nav--action" data-action="prev">${y}</div><div class="air-datepicker-nav--title"></div><div class="air-datepicker-nav--action" data-action="next">${k}</div>`}get isNavIsFunction(){let{navTitles:y}=this.opts;return Object.keys(y).find((k=>typeof y[k]=="function"))}}var Fe={today:{content:D=>D.locale.today,onClick:D=>D.setViewDate(new Date)},clear:{content:D=>D.locale.clear,onClick:D=>D.clear()}};class rr{constructor(y){let{dp:k,opts:z}=y;this.dp=k,this.opts=z,this.init()}init(){this.createElement(),this.render()}createElement(){this.$el=a({className:"air-datepicker-buttons"})}destroy(){this.$el.parentNode.removeChild(this.$el)}clearHtml(){return this.$el.innerHTML="",this}generateButtons(){let{buttons:y}=this.opts;Array.isArray(y)||(y=[y]),y.forEach((k=>{let z=k;typeof k=="string"&&Fe[k]&&(z=Fe[k]);let M=this.createButton(z);z.onClick&&this.attachEventToButton(M,z.onClick),this.$el.appendChild(M)}))}attachEventToButton(y,k){y.addEventListener("click",(()=>{k(this.dp)}))}createButton(y){let{content:k,className:z,tagName:M="button",attrs:L={}}=y;return a({tagName:M,innerHtml:`<span tabindex='-1'>${typeof k=="function"?k(this.dp):k}</span>`,className:g("air-datepicker-button",z),attrs:L})}render(){this.generateButtons()}}function Qt(D,y,k){return(y=(function(z){var M=(function(L,$){if(typeof L!="object"||L===null)return L;var O=L[Symbol.toPrimitive];if(O!==void 0){var F=O.call(L,"string");if(typeof F!="object")return F;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(L)})(z);return typeof M=="symbol"?M:String(M)})(y))in D?Object.defineProperty(D,y,{value:k,enumerable:!0,configurable:!0,writable:!0}):D[y]=k,D}class Be{constructor(){let{opts:y,dp:k}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};Qt(this,"toggleTimepickerIsActive",(M=>{this.dp.timepickerIsActive=M})),Qt(this,"onChangeSelectedDate",(M=>{let{date:L,updateTime:$=!1}=M;L&&(this.setMinMaxTime(L),this.setCurrentTime(!!$&&L),this.addTimeToDate(L))})),Qt(this,"onChangeLastSelectedDate",(M=>{M&&(this.setTime(M),this.render())})),Qt(this,"onChangeInputRange",(M=>{let L=M.target;this[L.getAttribute("name")]=L.value,this.updateText(),this.dp.trigger(t.eventChangeTime,{hours:this.hours,minutes:this.minutes})})),Qt(this,"onMouseEnterLeave",(M=>{let L=M.target.getAttribute("name"),$=this.$minutesText;L==="hours"&&($=this.$hoursText),$.classList.toggle("-focus-")})),Qt(this,"onFocus",(()=>{this.toggleTimepickerIsActive(!0)})),Qt(this,"onBlur",(()=>{this.toggleTimepickerIsActive(!1)})),this.opts=y,this.dp=k;let{timeFormat:z}=this.dp.locale;z&&(z.match(E("h"))||z.match(E("hh")))&&(this.ampm=!0),this.init()}init(){this.setTime(this.dp.lastSelectedDate||this.dp.viewDate),this.createElement(),this.buildHtml(),this.defineDOM(),this.render(),this.bindDatepickerEvents(),this.bindDOMEvents()}bindDatepickerEvents(){this.dp.on(t.eventChangeSelectedDate,this.onChangeSelectedDate),this.dp.on(t.eventChangeLastSelectedDate,this.onChangeLastSelectedDate)}bindDOMEvents(){let y="input";navigator.userAgent.match(/trident/gi)&&(y="change"),_(this.$ranges,y,this.onChangeInputRange),_(this.$ranges,"mouseenter",this.onMouseEnterLeave),_(this.$ranges,"mouseleave",this.onMouseEnterLeave),_(this.$ranges,"focus",this.onFocus),_(this.$ranges,"mousedown",this.onFocus),_(this.$ranges,"blur",this.onBlur)}createElement(){this.$el=a({className:g("air-datepicker-time",{"-am-pm-":this.dp.ampm})})}destroy(){this.dp.off(t.eventChangeSelectedDate,this.onChangeSelectedDate),this.dp.off(t.eventChangeLastSelectedDate,this.onChangeLastSelectedDate),this.$el.parentNode.removeChild(this.$el)}buildHtml(){let{ampm:y,hours:k,displayHours:z,minutes:M,minHours:L,minMinutes:$,maxHours:O,maxMinutes:F,dayPeriod:Y,opts:{hoursStep:rt,minutesStep:et}}=this;this.$el.innerHTML=`<div class="air-datepicker-time--current"> <span class="air-datepicker-time--current-hours">${m(z)}</span> <span class="air-datepicker-time--current-colon">:</span> <span class="air-datepicker-time--current-minutes">${m(M)}</span> `+(y?`<span class='air-datepicker-time--current-ampm'>${Y}</span>`:"")+`</div><div class="air-datepicker-time--sliders"> <div class="air-datepicker-time--row"> <input type="range" name="hours" value="${k}" min="${L}" max="${O}" step="${rt}"/> </div> <div class="air-datepicker-time--row"> <input type="range" name="minutes" value="${M}" min="${$}" max="${F}" step="${et}"/> </div></div>`}defineDOM(){let y=k=>n(k,this.$el);this.$ranges=this.$el.querySelectorAll('[type="range"]'),this.$hours=y('[name="hours"]'),this.$minutes=y('[name="minutes"]'),this.$hoursText=y(".air-datepicker-time--current-hours"),this.$minutesText=y(".air-datepicker-time--current-minutes"),this.$ampm=y(".air-datepicker-time--current-ampm")}setTime(y){this.setMinMaxTime(y),this.setCurrentTime(y)}addTimeToDate(y){y&&(y.setHours(this.hours),y.setMinutes(this.minutes))}setMinMaxTime(y){if(this.setMinMaxTimeFromOptions(),y){let{minDate:k,maxDate:z}=this.dp;k&&b(y,k)&&this.setMinTimeFromMinDate(k),z&&b(y,z)&&this.setMaxTimeFromMaxDate(z)}}setCurrentTime(y){let{hours:k,minutes:z}=y?d(y):this;this.hours=j(k,this.minHours,this.maxHours),this.minutes=j(z,this.minMinutes,this.maxMinutes)}setMinMaxTimeFromOptions(){let{minHours:y,minMinutes:k,maxHours:z,maxMinutes:M}=this.opts;this.minHours=j(y,0,23),this.minMinutes=j(k,0,59),this.maxHours=j(z,0,23),this.maxMinutes=j(M,0,59)}setMinTimeFromMinDate(y){let{lastSelectedDate:k}=this.dp;this.minHours=y.getHours(),k&&k.getHours()>y.getHours()?this.minMinutes=this.opts.minMinutes:this.minMinutes=y.getMinutes()}setMaxTimeFromMaxDate(y){let{lastSelectedDate:k}=this.dp;this.maxHours=y.getHours(),k&&k.getHours()<y.getHours()?this.maxMinutes=this.opts.maxMinutes:this.maxMinutes=y.getMinutes()}updateSliders(){s(this.$hours,{min:this.minHours,max:this.maxHours}).value=this.hours,s(this.$minutes,{min:this.minMinutes,max:this.maxMinutes}).value=this.minutes}updateText(){this.$hoursText.innerHTML=m(this.displayHours),this.$minutesText.innerHTML=m(this.minutes),this.ampm&&(this.$ampm.innerHTML=this.dayPeriod)}set hours(y){this._hours=y;let{hours:k,dayPeriod:z}=h(y);this.displayHours=this.ampm?k:y,this.dayPeriod=z}get hours(){return this._hours}render(){this.updateSliders(),this.updateText()}}function ve(D,y,k){return(y=(function(z){var M=(function(L,$){if(typeof L!="object"||L===null)return L;var O=L[Symbol.toPrimitive];if(O!==void 0){var F=O.call(L,"string");if(typeof F!="object")return F;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(L)})(z);return typeof M=="symbol"?M:String(M)})(y))in D?Object.defineProperty(D,y,{value:k,enumerable:!0,configurable:!0,writable:!0}):D[y]=k,D}class Qn{constructor(y){let{dp:k,opts:z}=y;ve(this,"pressedKeys",new Set),ve(this,"hotKeys",new Map([[[["Control","ArrowRight"],["Control","ArrowUp"]],M=>M.month++],[[["Control","ArrowLeft"],["Control","ArrowDown"]],M=>M.month--],[[["Shift","ArrowRight"],["Shift","ArrowUp"]],M=>M.year++],[[["Shift","ArrowLeft"],["Shift","ArrowDown"]],M=>M.year--],[[["Alt","ArrowRight"],["Alt","ArrowUp"]],M=>M.year+=10],[[["Alt","ArrowLeft"],["Alt","ArrowDown"]],M=>M.year-=10],[["Control","Shift","ArrowUp"],(M,L)=>L.up()]])),ve(this,"handleHotKey",(M=>{let L=this.hotKeys.get(M),$=d(this.getInitialFocusDate());L($,this.dp);let{year:O,month:F,date:Y}=$,rt=l(new Date(O,F));rt<Y&&(Y=rt);let et=this.dp.getClampedDate(new Date(O,F,Y));this.dp.setFocusDate(et,{viewDateTransition:!0})})),ve(this,"isHotKeyPressed",(()=>{let M=!1,L=this.pressedKeys.size,$=O=>this.pressedKeys.has(O);for(let[O]of this.hotKeys){if(M)break;if(Array.isArray(O[0]))O.forEach((F=>{M||L!==F.length||(M=F.every($)&&O)}));else{if(L!==O.length)continue;M=O.every($)&&O}}return M})),ve(this,"isArrow",(M=>M>=37&&M<=40)),ve(this,"onKeyDown",(M=>{if(!this.dp.visible&&!this.dp.treatAsInline)return;let{key:L,which:$}=M,{dp:O,dp:{focusDate:F},opts:Y}=this;this.registerKey(L);let rt=this.isHotKeyPressed();if(rt)return M.preventDefault(),void this.handleHotKey(rt);if(this.isArrow($))return M.preventDefault(),void this.focusNextCell(L);if(L==="Enter"){if(O.currentView!==Y.minView)return void O.down();if(F){let et=O._checkIfDateIsSelected(F);return void(et?O._handleAlreadySelectedDates(et,F):O.selectDate(F))}}L==="Escape"&&this.dp.hide()})),ve(this,"onKeyUp",(M=>{this.removeKey(M.key)})),this.dp=k,this.opts=z,this.init()}init(){this.bindKeyboardEvents()}bindKeyboardEvents(){let{$el:y}=this.dp;y.addEventListener("keydown",this.onKeyDown),y.addEventListener("keyup",this.onKeyUp)}destroy(){let{$el:y}=this.dp;y.removeEventListener("keydown",this.onKeyDown),y.removeEventListener("keyup",this.onKeyUp),this.hotKeys=null,this.pressedKeys=null}getInitialFocusDate(){let{focusDate:y,currentView:k,selectedDates:z,parsedViewDate:{year:M,month:L}}=this.dp,$=y||z[z.length-1];if(!$)switch(k){case t.days:$=new Date(M,L,new Date().getDate());break;case t.months:$=new Date(M,L,1);break;case t.years:$=new Date(M,0,1)}return $}focusNextCell(y){let k=this.getInitialFocusDate(),{currentView:z}=this.dp,{days:M,months:L,years:$}=t,O=d(k),F=O.year,Y=O.month,rt=O.date;switch(y){case"ArrowLeft":z===M&&(rt-=1),z===L&&(Y-=1),z===$&&(F-=1);break;case"ArrowUp":z===M&&(rt-=7),z===L&&(Y-=3),z===$&&(F-=4);break;case"ArrowRight":z===M&&(rt+=1),z===L&&(Y+=1),z===$&&(F+=1);break;case"ArrowDown":z===M&&(rt+=7),z===L&&(Y+=3),z===$&&(F+=4)}let et=this.dp.getClampedDate(new Date(F,Y,rt));this.dp.setFocusDate(et,{viewDateTransition:!0})}registerKey(y){this.pressedKeys.add(y)}removeKey(y){this.pressedKeys.delete(y)}}let _a={on(D,y){this.__events||(this.__events={}),this.__events[D]?this.__events[D].push(y):this.__events[D]=[y]},off(D,y){this.__events&&this.__events[D]&&(this.__events[D]=this.__events[D].filter((k=>k!==y)))},removeAllEvents(){this.__events={}},trigger(D){for(var y=arguments.length,k=new Array(y>1?y-1:0),z=1;z<y;z++)k[z-1]=arguments[z];this.__events&&this.__events[D]&&this.__events[D].forEach((M=>{M(...k)}))}};function ht(D,y,k){return(y=(function(z){var M=(function(L,$){if(typeof L!="object"||L===null)return L;var O=L[Symbol.toPrimitive];if(O!==void 0){var F=O.call(L,"string");if(typeof F!="object")return F;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(L)})(z);return typeof M=="symbol"?M:String(M)})(y))in D?Object.defineProperty(D,y,{value:k,enumerable:!0,configurable:!0,writable:!0}):D[y]=k,D}let To="",Ao="",dt=!1;class ot{static buildGlobalContainer(y){dt=!0,To=a({className:y,id:y}),n("body").appendChild(To)}constructor(y,k){var z=this;if(ht(this,"viewIndexes",[t.days,t.months,t.years]),ht(this,"next",(()=>{let{year:$,month:O}=this.parsedViewDate;switch(this.currentView){case t.days:this.setViewDate(new Date($,O+1,1));break;case t.months:this.setViewDate(new Date($+1,O,1));break;case t.years:this.setViewDate(new Date($+10,0,1))}})),ht(this,"prev",(()=>{let{year:$,month:O}=this.parsedViewDate;switch(this.currentView){case t.days:this.setViewDate(new Date($,O-1,1));break;case t.months:this.setViewDate(new Date($-1,O,1));break;case t.years:this.setViewDate(new Date($-10,0,1))}})),ht(this,"_finishHide",(()=>{this.hideAnimation=!1,this._destroyComponents(),this.$container.removeChild(this.$datepicker)})),ht(this,"setPosition",(function($){let O=arguments.length>1&&arguments[1]!==void 0&&arguments[1];if(typeof($=$||z.opts.position)=="function")return void(z.customHide=$({$datepicker:z.$datepicker,$target:z.$el,$pointer:z.$pointer,isViewChange:O,done:z._finishHide}));let F,Y,{isMobile:rt}=z.opts,et=z.$el.getBoundingClientRect(),nt=z.$el.getBoundingClientRect(),he=z.$datepicker.offsetParent,$r=z.$el.offsetParent,or=z.$datepicker.getBoundingClientRect(),Jo=$.split(" "),$s=window.scrollY,Di=window.scrollX,Ri=z.opts.offset,Oi=Jo[0],Np=Jo[1];if(rt)z.$datepicker.style.cssText="left: 50%; top: 50%";else{if(he===$r&&he!==document.body&&(nt={top:z.$el.offsetTop,left:z.$el.offsetLeft,width:et.width,height:z.$el.offsetHeight},$s=0,Di=0),he!==$r&&he!==document.body){let cc=he.getBoundingClientRect();nt={top:et.top-cc.top,left:et.left-cc.left,width:et.width,height:et.height},$s=0,Di=0}switch(Oi){case"top":F=nt.top-or.height-Ri;break;case"right":Y=nt.left+nt.width+Ri;break;case"bottom":F=nt.top+nt.height+Ri;break;case"left":Y=nt.left-or.width-Ri}switch(Np){case"top":F=nt.top;break;case"right":Y=nt.left+nt.width-or.width;break;case"bottom":F=nt.top+nt.height-or.height;break;case"left":Y=nt.left;break;case"center":/left|right/.test(Oi)?F=nt.top+nt.height/2-or.height/2:Y=nt.left+nt.width/2-or.width/2}z.$datepicker.style.cssText=`left: ${Y+Di}px; top: ${F+$s}px`}})),ht(this,"_setInputValue",(()=>{let{opts:$,$altField:O,locale:{dateFormat:F}}=this,{altFieldDateFormat:Y,altField:rt}=$;rt&&O&&(O.value=this._getInputValue(Y)),this.$el.value=this._getInputValue(F),this.$el.dispatchEvent(new Event("change"))})),ht(this,"_getInputValue",($=>{let{selectedDates:O,opts:F}=this,{multipleDates:Y,multipleDatesSeparator:rt}=F;if(!O.length)return"";let et=typeof $=="function",nt=et?$(Y?O:O[0]):O.map((he=>this.formatDate(he,$)));return nt=et?nt:nt.join(rt),nt})),ht(this,"_checkIfDateIsSelected",(function($){let O=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t.days,F=!1;return z.selectedDates.some((Y=>{let rt=b($,Y,O);return F=rt&&Y,rt})),F})),ht(this,"_scheduleCallAfterTransition",($=>{this._cancelScheduledCall(),$&&$(!1),this._onTransitionEnd=()=>{$&&$(!0)},this.$datepicker.addEventListener("transitionend",this._onTransitionEnd,{once:!0})})),ht(this,"_cancelScheduledCall",(()=>{this.$datepicker.removeEventListener("transitionend",this._onTransitionEnd)})),ht(this,"setViewDate",($=>{if(!(($=w($))instanceof Date)||b($,this.viewDate))return;let O=this.viewDate;this.viewDate=$;let{onChangeViewDate:F}=this.opts;if(F){let{month:Y,year:rt}=this.parsedViewDate;F({month:Y,year:rt,decade:this.curDecade})}this.trigger(t.eventChangeViewDate,$,O)})),ht(this,"setFocusDate",(function($){let O=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};(!$||($=w($))instanceof Date)&&(z.focusDate=$,z.trigger(t.eventChangeFocusDate,$,O))})),ht(this,"setCurrentView",(function($){let O=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};if(z.viewIndexes.includes($)){if(z.currentView=$,z.elIsInput&&z.visible&&z.setPosition(void 0,!0),z.trigger(t.eventChangeCurrentView,$),!z.views[$]){let F=z.views[$]=new gt({dp:z,opts:z.opts,type:$});z.shouldUpdateDOM&&z.$content.appendChild(F.$el)}z.opts.onChangeView&&!O.silent&&z.opts.onChangeView($)}})),ht(this,"_updateLastSelectedDate",($=>{this.lastSelectedDate=$,this.trigger(t.eventChangeLastSelectedDate,$)})),ht(this,"destroy",(()=>{if(this.isDestroyed)return;let{showEvent:$,isMobile:O}=this.opts,F=this.$datepicker.parentNode;F&&F.removeChild(this.$datepicker),this.$el.removeEventListener($,this._onFocus),this.$el.removeEventListener("blur",this._onBlur),window.removeEventListener("resize",this._onResize),O&&this._removeMobileAttributes(),this.keyboardNav&&this.keyboardNav.destroy(),this.views=null,this.nav=null,this.$datepicker=null,this.opts={},this.$customContainer=null,this.viewDate=null,this.focusDate=null,this.selectedDates=[],this.rangeDateFrom=null,this.rangeDateTo=null,this.isDestroyed=!0})),ht(this,"update",(function(){let $=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},O=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},F=I({},z.opts),{silent:Y}=O;I(z.opts,$);let{timepicker:rt,buttons:et,range:nt,selectedDates:he,isMobile:$r}=z.opts,or=z.visible||z.treatAsInline;z._createMinMaxDates(),z._limitViewDateByMaxMinDates(),z._handleLocale(),he&&(z.selectedDates=[],z.selectDate(he,{silent:Y})),$.view&&z.setCurrentView($.view,{silent:Y}),z._setInputValue(),F.range&&!nt?(z.rangeDateTo=!1,z.rangeDateFrom=!1):!F.range&&nt&&z.selectedDates.length&&(z.rangeDateFrom=z.selectedDates[0],z.rangeDateTo=z.selectedDates[1]),F.timepicker&&!rt?(or&&z.timepicker.destroy(),z.timepicker=!1,z.$timepicker.parentNode.removeChild(z.$timepicker)):!F.timepicker&&rt&&z._addTimepicker(),!F.buttons&&et?z._addButtons():F.buttons&&!et?(z.buttons.destroy(),z.$buttons.parentNode.removeChild(z.$buttons)):or&&F.buttons&&et&&z.buttons.clearHtml().render(),!F.isMobile&&$r?(z.treatAsInline||Ao||z._createMobileOverlay(),z._addMobileAttributes(),z.visible&&z._showMobileOverlay()):F.isMobile&&!$r&&(z._removeMobileAttributes(),z.visible&&(Ao.classList.remove("-active-"),typeof z.opts.position!="function"&&z.setPosition())),or&&(z.nav.update(),z.views[z.currentView].render(),z.currentView===t.days&&z.views[z.currentView].renderDayNames())})),ht(this,"disableDate",(($,O)=>{(Array.isArray($)?$:[$]).forEach((F=>{let Y=w(F);if(!Y)return;let rt=O?"delete":"add";this.disabledDates[rt](this.formatDate(Y,"yyyy-MM-dd"));let et=this.getCell(Y,this.currentViewSingular);et&&et.adpCell.render()}),[])})),ht(this,"enableDate",($=>{this.disableDate($,!0)})),ht(this,"isDateDisabled",($=>{let O=w($);return this.disabledDates.has(this.formatDate(O,"yyyy-MM-dd"))})),ht(this,"isOtherMonth",($=>{let{month:O}=d($);return O!==this.parsedViewDate.month})),ht(this,"isOtherYear",($=>{let{year:O}=d($);return O!==this.parsedViewDate.year})),ht(this,"isOtherDecade",($=>{let{year:O}=d($),[F,Y]=f(this.viewDate);return O<F||O>Y})),ht(this,"_onChangeSelectedDate",($=>{let{silent:O}=$;setTimeout((()=>{this._setInputValue(),this.opts.onSelect&&!O&&this._triggerOnSelect()}))})),ht(this,"_onChangeFocusedDate",(function($){let{viewDateTransition:O}=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};if(!$)return;let F=!1;O&&(F=z.isOtherMonth($)||z.isOtherYear($)||z.isOtherDecade($)),F&&z.setViewDate($),z.opts.onFocus&&z.opts.onFocus({datepicker:z,date:$})})),ht(this,"_onChangeTime",($=>{let{hours:O,minutes:F}=$,Y=new Date,{lastSelectedDate:rt,opts:{onSelect:et}}=this,nt=rt;rt||(nt=Y);let he=this.getCell(nt,this.currentViewSingular),$r=he&&he.adpCell;$r&&$r.isDisabled||(nt.setHours(O),nt.setMinutes(F),rt?(this._setInputValue(),et&&this._triggerOnSelect()):this.selectDate(nt))})),ht(this,"_onFocus",($=>{this.visible||this.show()})),ht(this,"_onBlur",($=>{this.inFocus||!this.visible||this.opts.isMobile||this.hide()})),ht(this,"_onMouseDown",($=>{this.inFocus=!0})),ht(this,"_onMouseUp",($=>{this.inFocus=!1,this.$el.focus()})),ht(this,"_onResize",(()=>{this.visible&&typeof this.opts.position!="function"&&this.setPosition()})),ht(this,"_onClickOverlay",(()=>{this.visible&&this.hide()})),ht(this,"getViewDates",(function(){let $=arguments.length>0&&arguments[0]!==void 0?arguments[0]:t.days;return gt.getDatesFunction($)(z)})),ht(this,"isWeekend",($=>this.opts.weekends.includes($))),ht(this,"getClampedDate",($=>{let{minDate:O,maxDate:F}=this,Y=$;return F&&v($,F)?Y=F:O&&x($,O)&&(Y=O),Y})),this.$el=n(y),!this.$el)return;this.$datepicker=a({className:"air-datepicker"}),this.opts=I({},r,k),this.$customContainer=!!this.opts.container&&n(this.opts.container),this.$altField=n(this.opts.altField||!1);let{view:M,startDate:L}=this.opts;L||(this.opts.startDate=new Date),this.$el.nodeName==="INPUT"&&(this.elIsInput=!0),this.inited=!1,this.visible=!1,this.viewDate=w(this.opts.startDate),this.focusDate=!1,this.initialReadonly=this.$el.getAttribute("readonly"),this.customHide=!1,this.currentView=M,this.selectedDates=[],this.disabledDates=new Set,this.isDestroyed=!1,this.views={},this.keys=[],this.rangeDateFrom="",this.rangeDateTo="",this.timepickerIsActive=!1,this.treatAsInline=this.opts.inline||!this.elIsInput,this.init()}init(){let{opts:y,treatAsInline:k,opts:{inline:z,isMobile:M,selectedDates:L,keyboardNav:$,onlyTimepicker:O}}=this,F=n("body");(!dt||dt&&To&&!F.contains(To))&&!z&&this.elIsInput&&!this.$customContainer&&ot.buildGlobalContainer(ot.defaultGlobalContainerId),!M||Ao||k||this._createMobileOverlay(),this._handleLocale(),this._bindSubEvents(),this._createMinMaxDates(),this._limitViewDateByMaxMinDates(),this.elIsInput&&(z||this._bindEvents(),$&&!O&&(this.keyboardNav=new Qn({dp:this,opts:y}))),L&&this.selectDate(L,{silent:!0}),this.opts.visible&&!k&&this.show(),M&&!k&&this.$el.setAttribute("readonly",!0),k&&this._createComponents()}_createMobileOverlay(){Ao=a({className:"air-datepicker-overlay"}),To.appendChild(Ao)}_createComponents(){let{opts:y,treatAsInline:k,opts:{inline:z,buttons:M,timepicker:L,position:$,classes:O,onlyTimepicker:F,isMobile:Y}}=this;this._buildBaseHtml(),this.elIsInput&&(z||this._setPositionClasses($)),!z&&this.elIsInput||this.$datepicker.classList.add("-inline-"),O&&this.$datepicker.classList.add(...O.split(" ")),F&&this.$datepicker.classList.add("-only-timepicker-"),Y&&!k&&this._addMobileAttributes(),this.views[this.currentView]=new gt({dp:this,type:this.currentView,opts:y}),this.nav=new Ut({dp:this,opts:y}),L&&this._addTimepicker(),M&&this._addButtons(),this.$content.appendChild(this.views[this.currentView].$el),this.$nav.appendChild(this.nav.$el)}_destroyComponents(){for(let y in this.views)this.views[y].destroy();this.views={},this.nav.destroy(),this.timepicker&&this.timepicker.destroy()}_addMobileAttributes(){Ao.addEventListener("click",this._onClickOverlay),this.$datepicker.classList.add("-is-mobile-"),this.$el.setAttribute("readonly",!0)}_removeMobileAttributes(){Ao.removeEventListener("click",this._onClickOverlay),this.$datepicker.classList.remove("-is-mobile-"),this.initialReadonly||this.initialReadonly===""||this.$el.removeAttribute("readonly")}_createMinMaxDates(){let{minDate:y,maxDate:k}=this.opts;this.minDate=!!y&&w(y),this.maxDate=!!k&&w(k)}_addTimepicker(){this.$timepicker=a({className:"air-datepicker--time"}),this.$datepicker.appendChild(this.$timepicker),this.timepicker=new Be({dp:this,opts:this.opts}),this.$timepicker.appendChild(this.timepicker.$el)}_addButtons(){this.$buttons=a({className:"air-datepicker--buttons"}),this.$datepicker.appendChild(this.$buttons),this.buttons=new rr({dp:this,opts:this.opts}),this.$buttons.appendChild(this.buttons.$el)}_bindSubEvents(){this.on(t.eventChangeSelectedDate,this._onChangeSelectedDate),this.on(t.eventChangeFocusDate,this._onChangeFocusedDate),this.on(t.eventChangeTime,this._onChangeTime)}_buildBaseHtml(){let{inline:y}=this.opts;var k,z;this.elIsInput?y?(k=this.$datepicker,(z=this.$el).parentNode.insertBefore(k,z.nextSibling)):this.$container.appendChild(this.$datepicker):this.$el.appendChild(this.$datepicker),this.$datepicker.innerHTML='<i class="air-datepicker--pointer"></i><div class="air-datepicker--navigation"></div><div class="air-datepicker--content"></div>',this.$content=n(".air-datepicker--content",this.$datepicker),this.$pointer=n(".air-datepicker--pointer",this.$datepicker),this.$nav=n(".air-datepicker--navigation",this.$datepicker)}_handleLocale(){let{locale:y,dateFormat:k,firstDay:z,timepicker:M,onlyTimepicker:L,timeFormat:$,dateTimeSeparator:O}=this.opts;var F;this.locale=(F=y,JSON.parse(JSON.stringify(F))),k&&(this.locale.dateFormat=k),$!==void 0&&$!==""&&(this.locale.timeFormat=$);let{timeFormat:Y}=this.locale;if(z!==""&&(this.locale.firstDay=z),M&&typeof k!="function"){let rt=Y?O:"";this.locale.dateFormat=[this.locale.dateFormat,Y||""].join(rt)}L&&typeof k!="function"&&(this.locale.dateFormat=this.locale.timeFormat)}_setPositionClasses(y){if(typeof y=="function")return void this.$datepicker.classList.add("-custom-position-");let k=(y=y.split(" "))[0],z=`air-datepicker -${k}-${y[1]}- -from-${k}-`;this.$datepicker.classList.add(...z.split(" "))}_bindEvents(){this.$el.addEventListener(this.opts.showEvent,this._onFocus),this.$el.addEventListener("blur",this._onBlur),this.$datepicker.addEventListener("mousedown",this._onMouseDown),this.$datepicker.addEventListener("mouseup",this._onMouseUp),window.addEventListener("resize",this._onResize)}_limitViewDateByMaxMinDates(){let{viewDate:y,minDate:k,maxDate:z}=this;z&&v(y,z)&&this.setViewDate(z),k&&x(y,k)&&this.setViewDate(k)}formatDate(){let y=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.viewDate,k=arguments.length>1?arguments[1]:void 0;if(y=w(y),!(y instanceof Date))return;let z=k,M=this.locale,L=d(y),$=L.dayPeriod,O=f(y),F=ot.replacer,Y={T:y.getTime(),m:L.minutes,mm:L.fullMinutes,h:L.hours12,hh:L.fullHours12,H:L.hours,HH:L.fullHours,aa:$,AA:$.toUpperCase(),E:M.daysShort[L.day],EEEE:M.days[L.day],d:L.date,dd:L.fullDate,M:L.month+1,MM:L.fullMonth,MMM:M.monthsShort[L.month],MMMM:M.months[L.month],yy:L.year.toString().slice(-2),yyyy:L.year,yyyy1:O[0],yyyy2:O[1]};for(let[rt,et]of Object.entries(Y))z=F(z,E(rt),et);return z}down(y){this._handleUpDownActions(y,"down")}up(y){this._handleUpDownActions(y,"up")}selectDate(y){let k,z=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},{currentView:M,parsedViewDate:L,selectedDates:$}=this,{updateTime:O,silent:F}=z,{moveToOtherMonthsOnSelect:Y,moveToOtherYearsOnSelect:rt,multipleDates:et,range:nt,autoClose:he,onBeforeSelect:$r}=this.opts,or=$.length;if(Array.isArray(y))return y.forEach((Jo=>{this.selectDate(Jo,z)})),new Promise((Jo=>{setTimeout(Jo)}));if((y=w(y))instanceof Date){if($r&&!F&&!$r({date:y,datepicker:this}))return Promise.resolve();if(M===t.days&&y.getMonth()!==L.month&&Y&&(k=new Date(y.getFullYear(),y.getMonth(),1)),M===t.years&&y.getFullYear()!==L.year&&rt&&(k=new Date(y.getFullYear(),0,1)),k&&this.setViewDate(k),et&&!nt){if(or===et)return;this._checkIfDateIsSelected(y)||$.push(y)}else if(nt)switch(or){case 1:$.push(y),this.rangeDateTo||(this.rangeDateTo=y),v(this.rangeDateFrom,this.rangeDateTo)&&(this.rangeDateTo=this.rangeDateFrom,this.rangeDateFrom=y),this.selectedDates=[this.rangeDateFrom,this.rangeDateTo];break;case 2:this.selectedDates=[y],this.rangeDateFrom=y,this.rangeDateTo="";break;default:this.selectedDates=[y],this.rangeDateFrom=y}else this.selectedDates=[y];return this.trigger(t.eventChangeSelectedDate,{action:t.actionSelectDate,silent:z?.silent,date:y,updateTime:O}),this._updateLastSelectedDate(y),he&&!this.timepickerIsActive&&this.visible&&(et||nt?nt&&or===1&&this.hide():this.hide()),new Promise((Jo=>{setTimeout(Jo)}))}}unselectDate(y){let k=this.selectedDates,z=this;if((y=w(y))instanceof Date)return k.some(((M,L)=>{if(b(M,y))return k.splice(L,1),z.selectedDates.length?(z.rangeDateTo="",z.rangeDateFrom=k[0],z._updateLastSelectedDate(z.selectedDates[z.selectedDates.length-1])):(z.rangeDateFrom="",z.rangeDateTo="",z._updateLastSelectedDate(!1)),this.trigger(t.eventChangeSelectedDate,{action:t.actionUnselectDate,date:y}),!0}))}replaceDate(y,k){let z=this.selectedDates.find((L=>b(L,y,this.currentView))),M=this.selectedDates.indexOf(z);M<0||b(this.selectedDates[M],k,this.currentView)||(this.selectedDates[M]=k,this.trigger(t.eventChangeSelectedDate,{action:t.actionSelectDate,date:k,updateTime:!0}),this._updateLastSelectedDate(k))}clear(){let y=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};return this.selectedDates=[],this.rangeDateFrom=!1,this.rangeDateTo=!1,this.lastSelectedDate=!1,this.trigger(t.eventChangeSelectedDate,{action:t.actionUnselectDate,silent:y.silent}),new Promise((k=>{setTimeout(k)}))}show(){let{onShow:y,isMobile:k}=this.opts;this._cancelScheduledCall(),this.visible||this.hideAnimation||this._createComponents(),this.setPosition(this.opts.position),this.$datepicker.classList.add("-active-"),this.visible=!0,y&&this._scheduleCallAfterTransition(y),k&&this._showMobileOverlay()}hide(){let{onHide:y,isMobile:k}=this.opts,z=this._hasTransition();this.visible=!1,this.hideAnimation=!0,this.$datepicker.classList.remove("-active-"),this.customHide&&this.customHide(),this.elIsInput&&this.$el.blur(),this._scheduleCallAfterTransition((M=>{!this.customHide&&(M&&z||!M&&!z)&&this._finishHide(),y&&y(M)})),k&&Ao.classList.remove("-active-")}_triggerOnSelect(){let y=[],k=[],{selectedDates:z,locale:M,opts:{onSelect:L,multipleDates:$,range:O}}=this,F=$||O,Y=typeof M.dateFormat=="function";z.length&&(y=z.map(S),k=Y?$?M.dateFormat(y):y.map((rt=>M.dateFormat(rt))):y.map((rt=>this.formatDate(rt,M.dateFormat)))),L({date:F?y:y[0],formattedDate:F?k:k[0],datepicker:this})}_handleAlreadySelectedDates(y,k){let{selectedDates:z,rangeDateFrom:M,rangeDateTo:L}=this,{range:$,toggleSelected:O}=this.opts,F=z.length,Y=typeof O=="function"?O({datepicker:this,date:k}):O,rt=!!($&&F===1&&y),et=rt?S(k):k;$&&!Y&&(F!==2&&this.selectDate(et),F===2&&b(M,L))||(Y?this.unselectDate(et):this._updateLastSelectedDate(rt?et:y))}_handleUpDownActions(y,k){if(!((y=w(y||this.focusDate||this.viewDate))instanceof Date))return;let z=k==="up"?this.viewIndex+1:this.viewIndex-1;z>2&&(z=2),z<0&&(z=0),this.setViewDate(new Date(y.getFullYear(),y.getMonth(),1)),this.setCurrentView(this.viewIndexes[z])}getCell(y){let k=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t.day;if(!((y=w(y))instanceof Date))return;let{year:z,month:M,date:L}=d(y),$=`[data-year="${z}"]`,O=`[data-month="${M}"]`,F={[t.day]:`${$}${O}[data-date="${L}"]`,[t.month]:`${$}${O}`,[t.year]:`${$}`};return this.views[this.currentView]?this.views[this.currentView].$el.querySelector(F[k]):void 0}_showMobileOverlay(){Ao.classList.add("-active-")}_hasTransition(){return window.getComputedStyle(this.$datepicker).getPropertyValue("transition-duration").split(", ").reduce(((y,k)=>parseFloat(k)+y),0)>0}get shouldUpdateDOM(){return this.visible||this.treatAsInline}get parsedViewDate(){return d(this.viewDate)}get currentViewSingular(){return this.currentView.slice(0,-1)}get curDecade(){return f(this.viewDate)}get viewIndex(){return this.viewIndexes.indexOf(this.currentView)}get isFinalView(){return this.currentView===t.years}get hasSelectedDates(){return this.selectedDates.length>0}get isMinViewReached(){return this.currentView===this.opts.minView||this.currentView===t.days}get $container(){return this.$customContainer||To}static replacer(y,k,z){return y.replace(k,(function(M,L,$,O){return L+z+O}))}}var xt;return ht(ot,"defaults",r),ht(ot,"version","3.6.0"),ht(ot,"defaultGlobalContainerId","air-datepicker-global-container"),xt=ot.prototype,Object.assign(xt,_a),o.default})()}))});var Ls=globalThis,ff=i=>i,dc=Ls.trustedTypes,gf=dc?dc.createPolicy("lit-html",{createHTML:i=>i}):void 0,Rp="$lit$",kn=`lit$${Math.random().toFixed(9).slice(2)}$`,Op="?"+kn,R1=`<${Op}>`,Fi=document,Ms=()=>Fi.createComment(""),Is=i=>i===null||typeof i!="object"&&typeof i!="function",Pp=Array.isArray,wf=i=>Pp(i)||typeof i?.[Symbol.iterator]=="function",Dp=`[
|
|
3
3
|
\f\r]`,qs=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,bf=/-->/g,vf=/>/g,Pi=RegExp(`>|${Dp}(?:([^\\s"'>=/]+)(${Dp}*=${Dp}*(?:[^
|
|
4
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),xf=/'/g,yf=/"/g,_f=/^(?:script|style|textarea|title)$/i,Hp=i=>(o,...t)=>({_$litType$:i,strings:o,values:t}),u=Hp(1),$o=Hp(2),kf=Hp(3),ne=Symbol.for("lit-noChange"),W=Symbol.for("lit-nothing"),zf=new WeakMap,Hi=Fi.createTreeWalker(Fi,129);function Sf(i,o){if(!Pp(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return gf!==void 0?gf.createHTML(o):o}var Cf=(i,o)=>{let t=i.length-1,r=[],n,a=o===2?"<svg>":o===3?"<math>":"",s=qs;for(let l=0;l<t;l++){let d=i[l],h,m,f=-1,g=0;for(;g<d.length&&(s.lastIndex=g,m=s.exec(d),m!==null);)g=s.lastIndex,s===qs?m[1]==="!--"?s=bf:m[1]!==void 0?s=vf:m[2]!==void 0?(_f.test(m[2])&&(n=RegExp("</"+m[2],"g")),s=Pi):m[3]!==void 0&&(s=Pi):s===Pi?m[0]===">"?(s=n??qs,f=-1):m[1]===void 0?f=-2:(f=s.lastIndex-m[2].length,h=m[1],s=m[3]===void 0?Pi:m[3]==='"'?yf:xf):s===yf||s===xf?s=Pi:s===bf||s===vf?s=qs:(s=Pi,n=void 0);let b=s===Pi&&i[l+1].startsWith("/>")?" ":"";a+=s===qs?d+R1:f>=0?(r.push(h),d.slice(0,f)+Rp+d.slice(f)+kn+b):d+kn+(f===-2?l:b)}return[Sf(i,a+(i[t]||"<?>")+(o===2?"</svg>":o===3?"</math>":"")),r]},Ns=class i{constructor({strings:o,_$litType$:t},r){let n;this.parts=[];let a=0,s=0,l=o.length-1,d=this.parts,[h,m]=Cf(o,t);if(this.el=i.createElement(h,r),Hi.currentNode=this.el.content,t===2||t===3){let f=this.el.content.firstChild;f.replaceWith(...f.childNodes)}for(;(n=Hi.nextNode())!==null&&d.length<l;){if(n.nodeType===1){if(n.hasAttributes())for(let f of n.getAttributeNames())if(f.endsWith(Rp)){let g=m[s++],b=n.getAttribute(f).split(kn),v=/([.?@])?(.*)/.exec(g);d.push({type:1,index:a,name:v[2],strings:b,ctor:v[1]==="."?hc:v[1]==="?"?uc:v[1]==="@"?mc:Vi}),n.removeAttribute(f)}else f.startsWith(kn)&&(d.push({type:6,index:a}),n.removeAttribute(f));if(_f.test(n.tagName)){let f=n.textContent.split(kn),g=f.length-1;if(g>0){n.textContent=dc?dc.emptyScript:"";for(let b=0;b<g;b++)n.append(f[b],Ms()),Hi.nextNode(),d.push({type:2,index:++a});n.append(f[g],Ms())}}}else if(n.nodeType===8)if(n.data===Op)d.push({type:2,index:a});else{let f=-1;for(;(f=n.data.indexOf(kn,f+1))!==-1;)d.push({type:7,index:a}),f+=kn.length-1}a++}}static createElement(o,t){let r=Fi.createElement("template");return r.innerHTML=o,r}};function Bi(i,o,t=i,r){if(o===ne)return o;let n=r!==void 0?t._$Co?.[r]:t._$Cl,a=Is(o)?void 0:o._$litDirective$;return n?.constructor!==a&&(n?._$AO?.(!1),a===void 0?n=void 0:(n=new a(i),n._$AT(i,t,r)),r!==void 0?(t._$Co??(t._$Co=[]))[r]=n:t._$Cl=n),n!==void 0&&(o=Bi(i,n._$AS(i,o.values),n,r)),o}var pc=class{constructor(o,t){this._$AV=[],this._$AN=void 0,this._$AD=o,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(o){let{el:{content:t},parts:r}=this._$AD,n=(o?.creationScope??Fi).importNode(t,!0);Hi.currentNode=n;let a=Hi.nextNode(),s=0,l=0,d=r[0];for(;d!==void 0;){if(s===d.index){let h;d.type===2?h=new ka(a,a.nextSibling,this,o):d.type===1?h=new d.ctor(a,d.name,d.strings,this,o):d.type===6&&(h=new fc(a,this,o)),this._$AV.push(h),d=r[++l]}s!==d?.index&&(a=Hi.nextNode(),s++)}return Hi.currentNode=Fi,n}p(o){let t=0;for(let r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(o,r,t),t+=r.strings.length-2):r._$AI(o[t])),t++}},ka=class i{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(o,t,r,n){this.type=2,this._$AH=W,this._$AN=void 0,this._$AA=o,this._$AB=t,this._$AM=r,this.options=n,this._$Cv=n?.isConnected??!0}get parentNode(){let o=this._$AA.parentNode,t=this._$AM;return t!==void 0&&o?.nodeType===11&&(o=t.parentNode),o}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(o,t=this){o=Bi(this,o,t),Is(o)?o===W||o==null||o===""?(this._$AH!==W&&this._$AR(),this._$AH=W):o!==this._$AH&&o!==ne&&this._(o):o._$litType$!==void 0?this.$(o):o.nodeType!==void 0?this.T(o):wf(o)?this.k(o):this._(o)}O(o){return this._$AA.parentNode.insertBefore(o,this._$AB)}T(o){this._$AH!==o&&(this._$AR(),this._$AH=this.O(o))}_(o){this._$AH!==W&&Is(this._$AH)?this._$AA.nextSibling.data=o:this.T(Fi.createTextNode(o)),this._$AH=o}$(o){let{values:t,_$litType$:r}=o,n=typeof r=="number"?this._$AC(o):(r.el===void 0&&(r.el=Ns.createElement(Sf(r.h,r.h[0]),this.options)),r);if(this._$AH?._$AD===n)this._$AH.p(t);else{let a=new pc(n,this),s=a.u(this.options);a.p(t),this.T(s),this._$AH=a}}_$AC(o){let t=zf.get(o.strings);return t===void 0&&zf.set(o.strings,t=new Ns(o)),t}k(o){Pp(this._$AH)||(this._$AH=[],this._$AR());let t=this._$AH,r,n=0;for(let a of o)n===t.length?t.push(r=new i(this.O(Ms()),this.O(Ms()),this,this.options)):r=t[n],r._$AI(a),n++;n<t.length&&(this._$AR(r&&r._$AB.nextSibling,n),t.length=n)}_$AR(o=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);o!==this._$AB;){let r=ff(o).nextSibling;ff(o).remove(),o=r}}setConnected(o){this._$AM===void 0&&(this._$Cv=o,this._$AP?.(o))}},Vi=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(o,t,r,n,a){this.type=1,this._$AH=W,this._$AN=void 0,this.element=o,this.name=t,this._$AM=n,this.options=a,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=W}_$AI(o,t=this,r,n){let a=this.strings,s=!1;if(a===void 0)o=Bi(this,o,t,0),s=!Is(o)||o!==this._$AH&&o!==ne,s&&(this._$AH=o);else{let l=o,d,h;for(o=a[0],d=0;d<a.length-1;d++)h=Bi(this,l[r+d],t,d),h===ne&&(h=this._$AH[d]),s||(s=!Is(h)||h!==this._$AH[d]),h===W?o=W:o!==W&&(o+=(h??"")+a[d+1]),this._$AH[d]=h}s&&!n&&this.j(o)}j(o){o===W?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,o??"")}},hc=class extends Vi{constructor(){super(...arguments),this.type=3}j(o){this.element[this.name]=o===W?void 0:o}},uc=class extends Vi{constructor(){super(...arguments),this.type=4}j(o){this.element.toggleAttribute(this.name,!!o&&o!==W)}},mc=class extends Vi{constructor(o,t,r,n,a){super(o,t,r,n,a),this.type=5}_$AI(o,t=this){if((o=Bi(this,o,t,0)??W)===ne)return;let r=this._$AH,n=o===W&&r!==W||o.capture!==r.capture||o.once!==r.once||o.passive!==r.passive,a=o!==W&&(r===W||n);n&&this.element.removeEventListener(this.name,this,r),a&&this.element.addEventListener(this.name,this,o),this._$AH=o}handleEvent(o){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,o):this._$AH.handleEvent(o)}},fc=class{constructor(o,t,r){this.element=o,this.type=6,this._$AN=void 0,this._$AM=t,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(o){Bi(this,o)}},Ef={M:Rp,P:kn,A:Op,C:1,L:Cf,R:pc,D:wf,V:Bi,I:ka,H:Vi,N:uc,U:mc,B:hc,F:fc},O1=Ls.litHtmlPolyfillSupport;O1?.(Ns,ka),(Ls.litHtmlVersions??(Ls.litHtmlVersions=[])).push("3.3.3");var Sa=(i,o,t)=>{let r=t?.renderBefore??o,n=r._$litPart$;if(n===void 0){let a=t?.renderBefore??null;r._$litPart$=n=new ka(o.insertBefore(Ms(),a),a,void 0,t??{})}return n._$AI(i),n};var Ke={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},ie=i=>(...o)=>({_$litDirective$:i,values:o}),Ve=class{constructor(o){}get _$AU(){return this._$AM._$AU}_$AT(o,t,r){this._$Ct=o,this._$AM=t,this._$Ci=r}_$AS(o,t){return this.update(o,t)}update(o,t){return this.render(...t)}};var N=ie(class extends Ve{constructor(i){if(super(i),i.type!==Ke.ATTRIBUTE||i.name!=="class"||i.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(i){return" "+Object.keys(i).filter(o=>i[o]).join(" ")+" "}update(i,[o]){if(this.st===void 0){this.st=new Set,i.strings!==void 0&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter(r=>r!=="")));for(let r in o)o[r]&&!this.nt?.has(r)&&this.st.add(r);return this.render(o)}let t=i.element.classList;for(let r of this.st)r in o||(t.remove(r),this.st.delete(r));for(let r in o){let n=!!o[r];n===this.st.has(r)||this.nt?.has(r)||(n?(t.add(r),this.st.add(r)):(t.remove(r),this.st.delete(r)))}return ne}});var gc=globalThis,bc=gc.ShadowRoot&&(gc.ShadyCSS===void 0||gc.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Fp=Symbol(),Tf=new WeakMap,Ds=class{constructor(o,t,r){if(this._$cssResult$=!0,r!==Fp)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=o,this.t=t}get styleSheet(){let o=this.o,t=this.t;if(bc&&o===void 0){let r=t!==void 0&&t.length===1;r&&(o=Tf.get(t)),o===void 0&&((this.o=o=new CSSStyleSheet).replaceSync(this.cssText),r&&Tf.set(t,o))}return o}toString(){return this.cssText}},T=i=>new Ds(typeof i=="string"?i:i+"",void 0,Fp),A=(i,...o)=>{let t=i.length===1?i[0]:o.reduce((r,n,a)=>r+(s=>{if(s._$cssResult$===!0)return s.cssText;if(typeof s=="number")return s;throw Error("Value passed to 'css' function must be a 'css' function result: "+s+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+i[a+1],i[0]);return new Ds(t,i,Fp)},Af=(i,o)=>{if(bc)i.adoptedStyleSheets=o.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(let t of o){let r=document.createElement("style"),n=gc.litNonce;n!==void 0&&r.setAttribute("nonce",n),r.textContent=t.cssText,i.appendChild(r)}},Bp=bc?i=>i:i=>i instanceof CSSStyleSheet?(o=>{let t="";for(let r of o.cssRules)t+=r.cssText;return T(t)})(i):i;var{is:P1,defineProperty:H1,getOwnPropertyDescriptor:F1,getOwnPropertyNames:B1,getOwnPropertySymbols:V1,getPrototypeOf:U1}=Object,Jn=globalThis,$f=Jn.trustedTypes,j1=$f?$f.emptyScript:"",G1=Jn.reactiveElementPolyfillSupport,Rs=(i,o)=>i,Zn={toAttribute(i,o){switch(o){case Boolean:i=i?j1:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,o){let t=i;switch(o){case Boolean:t=i!==null;break;case Number:t=i===null?null:Number(i);break;case Object:case Array:try{t=JSON.parse(i)}catch{t=null}}return t}},Ca=(i,o)=>!P1(i,o),qf={attribute:!0,type:String,converter:Zn,reflect:!1,useDefault:!1,hasChanged:Ca};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),Jn.litPropertyMetadata??(Jn.litPropertyMetadata=new WeakMap);var Sn=class extends HTMLElement{static addInitializer(o){this._$Ei(),(this.l??(this.l=[])).push(o)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(o,t=qf){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(o)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(o,t),!t.noAccessor){let r=Symbol(),n=this.getPropertyDescriptor(o,r,t);n!==void 0&&H1(this.prototype,o,n)}}static getPropertyDescriptor(o,t,r){let{get:n,set:a}=F1(this.prototype,o)??{get(){return this[t]},set(s){this[t]=s}};return{get:n,set(s){let l=n?.call(this);a?.call(this,s),this.requestUpdate(o,l,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(o){return this.elementProperties.get(o)??qf}static _$Ei(){if(this.hasOwnProperty(Rs("elementProperties")))return;let o=U1(this);o.finalize(),o.l!==void 0&&(this.l=[...o.l]),this.elementProperties=new Map(o.elementProperties)}static finalize(){if(this.hasOwnProperty(Rs("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(Rs("properties"))){let t=this.properties,r=[...B1(t),...V1(t)];for(let n of r)this.createProperty(n,t[n])}let o=this[Symbol.metadata];if(o!==null){let t=litPropertyMetadata.get(o);if(t!==void 0)for(let[r,n]of t)this.elementProperties.set(r,n)}this._$Eh=new Map;for(let[t,r]of this.elementProperties){let n=this._$Eu(t,r);n!==void 0&&this._$Eh.set(n,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(o){let t=[];if(Array.isArray(o)){let r=new Set(o.flat(1/0).reverse());for(let n of r)t.unshift(Bp(n))}else o!==void 0&&t.push(Bp(o));return t}static _$Eu(o,t){let r=t.attribute;return r===!1?void 0:typeof r=="string"?r:typeof o=="string"?o.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(o=>this.enableUpdating=o),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(o=>o(this))}addController(o){(this._$EO??(this._$EO=new Set)).add(o),this.renderRoot!==void 0&&this.isConnected&&o.hostConnected?.()}removeController(o){this._$EO?.delete(o)}_$E_(){let o=new Map,t=this.constructor.elementProperties;for(let r of t.keys())this.hasOwnProperty(r)&&(o.set(r,this[r]),delete this[r]);o.size>0&&(this._$Ep=o)}createRenderRoot(){let o=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Af(o,this.constructor.elementStyles),o}connectedCallback(){this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),this._$EO?.forEach(o=>o.hostConnected?.())}enableUpdating(o){}disconnectedCallback(){this._$EO?.forEach(o=>o.hostDisconnected?.())}attributeChangedCallback(o,t,r){this._$AK(o,r)}_$ET(o,t){let r=this.constructor.elementProperties.get(o),n=this.constructor._$Eu(o,r);if(n!==void 0&&r.reflect===!0){let a=(r.converter?.toAttribute!==void 0?r.converter:Zn).toAttribute(t,r.type);this._$Em=o,a==null?this.removeAttribute(n):this.setAttribute(n,a),this._$Em=null}}_$AK(o,t){let r=this.constructor,n=r._$Eh.get(o);if(n!==void 0&&this._$Em!==n){let a=r.getPropertyOptions(n),s=typeof a.converter=="function"?{fromAttribute:a.converter}:a.converter?.fromAttribute!==void 0?a.converter:Zn;this._$Em=n;let l=s.fromAttribute(t,a.type);this[n]=l??this._$Ej?.get(n)??l,this._$Em=null}}requestUpdate(o,t,r,n=!1,a){if(o!==void 0){let s=this.constructor;if(n===!1&&(a=this[o]),r??(r=s.getPropertyOptions(o)),!((r.hasChanged??Ca)(a,t)||r.useDefault&&r.reflect&&a===this._$Ej?.get(o)&&!this.hasAttribute(s._$Eu(o,r))))return;this.C(o,t,r)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(o,t,{useDefault:r,reflect:n,wrapped:a},s){r&&!(this._$Ej??(this._$Ej=new Map)).has(o)&&(this._$Ej.set(o,s??t??this[o]),a!==!0||s!==void 0)||(this._$AL.has(o)||(this.hasUpdated||r||(t=void 0),this._$AL.set(o,t)),n===!0&&this._$Em!==o&&(this._$Eq??(this._$Eq=new Set)).add(o))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}let o=this.scheduleUpdate();return o!=null&&await o,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(let[n,a]of this._$Ep)this[n]=a;this._$Ep=void 0}let r=this.constructor.elementProperties;if(r.size>0)for(let[n,a]of r){let{wrapped:s}=a,l=this[n];s!==!0||this._$AL.has(n)||l===void 0||this.C(n,void 0,a,l)}}let o=!1,t=this._$AL;try{o=this.shouldUpdate(t),o?(this.willUpdate(t),this._$EO?.forEach(r=>r.hostUpdate?.()),this.update(t)):this._$EM()}catch(r){throw o=!1,this._$EM(),r}o&&this._$AE(t)}willUpdate(o){}_$AE(o){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(o)),this.updated(o)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(o){return!0}update(o){this._$Eq&&(this._$Eq=this._$Eq.forEach(t=>this._$ET(t,this[t]))),this._$EM()}updated(o){}firstUpdated(o){}};Sn.elementStyles=[],Sn.shadowRootOptions={mode:"open"},Sn[Rs("elementProperties")]=new Map,Sn[Rs("finalized")]=new Map,G1?.({ReactiveElement:Sn}),(Jn.reactiveElementVersions??(Jn.reactiveElementVersions=[])).push("2.1.2");var Os=globalThis,ti=class extends Sn{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t;let o=super.createRenderRoot();return(t=this.renderOptions).renderBefore??(t.renderBefore=o.firstChild),o}update(o){let t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(o),this._$Do=Sa(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return ne}};ti._$litElement$=!0,ti.finalized=!0,Os.litElementHydrateSupport?.({LitElement:ti});var W1=Os.litElementPolyfillSupport;W1?.({LitElement:ti});(Os.litElementVersions??(Os.litElementVersions=[])).push("4.2.2");var Lf=new WeakMap;function Mf(i){let o=Lf.get(i);return o||(o=window.getComputedStyle(i,null),Lf.set(i,o)),o}function K1(i){if(typeof i.checkVisibility=="function")return i.checkVisibility({checkOpacity:!1,checkVisibilityCSS:!0});let o=Mf(i);return o.visibility!=="hidden"&&o.display!=="none"}function Y1(i){let o=Mf(i),{overflowY:t,overflowX:r}=o;return t==="scroll"||r==="scroll"?!0:t!=="auto"||r!=="auto"?!1:i.scrollHeight>i.clientHeight&&t==="auto"||i.scrollWidth>i.clientWidth&&r==="auto"}function X1(i){let o=i.tagName.toLowerCase(),t=Number(i.getAttribute("tabindex"));return i.hasAttribute("tabindex")&&(isNaN(t)||t<=-1)||i.hasAttribute("disabled")||i.closest("[inert]")||o==="input"&&i.getAttribute("type")==="radio"&&!i.hasAttribute("checked")||!K1(i)?!1:(o==="audio"||o==="video")&&i.hasAttribute("controls")||i.hasAttribute("tabindex")||i.hasAttribute("contenteditable")&&i.getAttribute("contenteditable")!=="false"||["button","input","select","textarea","a","audio","video","summary","iframe"].includes(o)?!0:Y1(i)}function If(i){let o=Vp(i),t=o[0]??null,r=o[o.length-1]??null;return{start:t,end:r}}function Q1(i,o){return i.getRootNode({composed:!0})?.host!==o}function Vp(i){let o=new WeakMap,t=[];function r(n){if(n instanceof Element){if(n.hasAttribute("inert")||n.closest("[inert]")||o.has(n))return;o.set(n,!0),!t.includes(n)&&X1(n)&&t.push(n),n instanceof HTMLSlotElement&&Q1(n,i)&&n.assignedElements({flatten:!0}).forEach(a=>{r(a)}),n.shadowRoot!==null&&n.shadowRoot.mode==="open"&&r(n.shadowRoot)}for(let a of n.children)r(a)}return r(i),t.sort((n,a)=>{let s=Number(n.getAttribute("tabindex"))||0;return(Number(a.getAttribute("tabindex"))||0)-s})}var Nf=new WeakMap,Up=class{constructor(o){this.handleKeyDown=o=>{if(o.key==="Enter"){if(o.altKey||o.ctrlKey||o.metaKey||o.shiftKey||o.isComposing||o.defaultPrevented)return;let r=o.target;if(this.isSelectOption(r)){o.preventDefault(),setTimeout(()=>{let a=this.findParentSelect(r);a&&this.focusNextControl(a)},0);return}if(this.shouldSkipEnterKey(r))return;let n=this.findParentGroup(r);if(n){o.preventDefault(),this.focusNextInGroup(r,n)||this.focusNextControl(n);return}o.preventDefault(),this.areRequiredFieldsFilled()?this.submitForm():this.focusNextControl(r);return}if(o.key==="ArrowDown"){let t=o.target,r=t.tagName;if(!(o.altKey||o.ctrlKey||o.metaKey||o.shiftKey)&&!o.defaultPrevented){let a=this.findParentGroup(t);if(a){o.preventDefault(),this.focusNextInGroup(t,a)||this.focusNextControl(a);return}(r==="ZN-CHECKBOX"||r==="ZN-TOGGLE")&&(o.preventDefault(),this.focusNextControl(t))}}if(o.key==="ArrowUp"){let t=o.target,r=t.tagName;if(!(o.altKey||o.ctrlKey||o.metaKey||o.shiftKey)&&!o.defaultPrevented){let a=this.findParentGroup(t);if(a){o.preventDefault(),this.focusPreviousInGroup(t,a)||this.focusPreviousControl(a);return}(r==="ZN-CHECKBOX"||r==="ZN-TOGGLE")&&(o.preventDefault(),this.focusPreviousControl(t))}}};this.form=o,this.form.addEventListener("keydown",this.handleKeyDown,!0)}shouldSkipEnterKey(o){let t=o.tagName.toLowerCase();return t==="zn-textarea"||t==="textarea"||(t==="zn-input"||t==="input")&&o.getAttribute("type")==="search"?!0:t==="button"||t==="zn-button"}shouldExcludeFromNavigation(o){let t=o.tagName.toLowerCase();return t==="button"||t==="zn-button"}isSelectOption(o){return o.tagName.toLowerCase()==="zn-option"}findParentSelect(o){let t=o;for(;t;){if(t.tagName.toLowerCase()==="zn-select")return t;let r=t.getRootNode();if(r instanceof ShadowRoot)t=r.host;else if(t.parentElement)t=t.parentElement;else break}return null}findParentGroup(o){let t=o;for(;t;){let r=t.tagName;if(r==="ZN-RADIO-GROUP"||r==="ZN-CHECKBOX-GROUP")return t;let n=t.getRootNode();if(n instanceof ShadowRoot)t=n.host;else if(t.parentElement)t=t.parentElement;else break}return null}getGroupItems(o){let t=o.tagName==="ZN-RADIO-GROUP"?"ZN-RADIO":"ZN-CHECKBOX",r=[],n=document.createTreeWalker(o,NodeFilter.SHOW_ELEMENT,{acceptNode:s=>s.tagName===t?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}),a;for(;a=n.nextNode();)r.push(a);return r}focusNextInGroup(o,t){let r=this.getGroupItems(t);if(r.length===0)return!1;let n=-1;for(let a=0;a<r.length;a++)if(r[a]===o||r[a].contains(o)){n=a;break}if(n>=0&&n<r.length-1){let a=r[n+1];if(typeof a.focus=="function")return a.focus(),!0}return!1}focusPreviousInGroup(o,t){let r=this.getGroupItems(t);if(r.length===0)return!1;let n=-1;for(let a=0;a<r.length;a++)if(r[a]===o||r[a].contains(o)){n=a;break}if(n>0){let a=r[n-1];if(typeof a.focus=="function")return a.focus(),!0}return!1}areRequiredFieldsFilled(){let o=Ui.get(this.form);if(!o)return!0;for(let t of o){let r=t;if(!r.name||r.disabled)continue;let n=r.value;if(!(n!=null&&n!=="")||typeof r.checkValidity=="function"&&!r.checkValidity())return!1}return!0}getNavigableControls(){let o=Vp(this.form),t=[],r=new Set;for(let n of o){let a=n.tagName.toLowerCase();if(["zn-input","zn-select","zn-datepicker","zn-textarea","zn-file","zn-checkbox","zn-radio","zn-radio-group","zn-toggle"].includes(a)){if(a==="zn-radio"){let h=n.closest("zn-radio-group");if(h){r.has(h)||(r.add(h),this.shouldExcludeFromNavigation(h)||t.push(h));continue}}if(r.has(n)||(r.add(n),this.shouldExcludeFromNavigation(n)))continue;t.push(n);continue}let l=n.getRootNode().host;if(l&&l!==this.form){let h=l.tagName.toLowerCase();if(["zn-input","zn-select","zn-datepicker","zn-textarea","zn-file","zn-checkbox","zn-radio","zn-radio-group","zn-toggle"].includes(h)){if(h==="zn-radio"){let f=l.closest("zn-radio-group");if(f){r.has(f)||(r.add(f),this.shouldExcludeFromNavigation(f)||t.push(f));continue}}if(r.has(l)||(r.add(l),this.shouldExcludeFromNavigation(l)))continue;t.push(l);continue}}if(["input","select"].includes(a)){if(r.has(n)||(r.add(n),n.getAttribute("type")==="search"))continue;t.push(n)}}return t}findCurrentControlIndex(o,t){for(let r=0;r<t.length;r++){let n=t[r];if(n===o)return r;let a=o.getRootNode();if(a instanceof ShadowRoot&&a.host===n||n.contains(o)||o.contains(n))return r}return-1}focusNextControl(o){let t=this.getNavigableControls(),r=this.findCurrentControlIndex(o,t);if(r>=0&&r<t.length-1){let n=t[r+1];if(typeof n.focus=="function"&&(n.focus(),n.tagName.toLowerCase()==="zn-select")){let s=n;typeof s.show=="function"&&setTimeout(()=>{s.show?.()},0)}}}focusPreviousControl(o){let t=this.getNavigableControls(),r=this.findCurrentControlIndex(o,t);if(r>0){let n=t[r-1];if(typeof n.focus=="function"&&(n.focus(),n.tagName.toLowerCase()==="zn-select")){let s=n;typeof s.show=="function"&&setTimeout(()=>{s.show?.()},0)}}}submitForm(){let o=this.form.querySelector('[type="submit"]');if(o)o.click();else if(typeof this.form.requestSubmit=="function")this.form.requestSubmit();else{let t=new Event("submit",{bubbles:!0,cancelable:!0});this.form.dispatchEvent(t)}}destroy(){this.form.removeEventListener("keydown",this.handleKeyDown,!0)}};function Df(i){let o=Nf.get(i);return o||(o=new Up(i),Nf.set(i,o)),o}var qr=class{constructor(o,t,r=0){this.storage=o,this.prefix=t,this.ttl=r*1e3,this.cleanup()}get(o){return!o||o.length<1?null:this.stripTtl(this.storage.getItem(this.prefix+o))}stripTtl(o){if(o===null)return null;let t=o.split(",");if(t.length===1)return t[0];let r=t.shift(),n=r?parseInt(r):0;return n>0&&n<Date.now()?null:t.join(",")||""}setWithTTL(o,t,r){!o||o.length<1||(r=r>0?Date.now()+r*1e3:0,this.storage.setItem(this.prefix+o,r+","+t))}set(o,t){this.setWithTTL(o,t,this.ttl)}remove(o){this.storage.removeItem(this.prefix+o)}cleanup(){for(let o=0;o<this.storage.length;o++){let t=this.storage.key(o);t!==null&&t.startsWith(this.prefix)&&this.stripTtl(this.storage.getItem(t))===null&&this.storage.removeItem(t)}}};var Ui=new WeakMap,Ps=new WeakMap,Hs=new WeakMap,vc=new WeakMap,jp=new WeakSet,xc=new WeakMap,Ff="znform:";function Gp(i=!1){try{return i?window.localStorage:window.sessionStorage}catch{return null}}function J1(i=!1,o=0){let t=Gp(i);return t?new qr(t,Ff,o):null}function Rf(i){let o=i?.getAttribute("store-ttl");return o&&Number(o)||0}function Of(i){return!!i?.hasAttribute("local-storage")}function Bf(i){return i?.getAttribute("store-key")||""}function Z1(i){return i.getAttribute("store-key")||""}function tk(i){return i.getAttribute("name")||("name"in i&&typeof i.name=="string"?i.name:"")}function Vf(i,o){let t=Z1(i),r=Bf(o);if(t)return r?`${r}:${t}`:t;let n=tk(i);return r&&n?`${r}:${n}`:""}function Uf(i,o){let t=Of(i)||Of(o),r=Rf(i)||Rf(o);return J1(t,r)}function jf(i,o){let t=Vf(i,o),n=(t?Uf(i,o):null)?.get(t);if(!n)return null;try{return JSON.parse(n)}catch{return{value:n}}}function Gf(i,o,t){let r=Vf(i,o),n=r?Uf(i,o):null;n&&n.set(r,JSON.stringify(t))}function ek(i){return i instanceof HTMLInputElement||i instanceof HTMLTextAreaElement||i instanceof HTMLSelectElement}function rk(i){return i instanceof HTMLInputElement&&(i.type==="checkbox"||i.type==="radio")?{checked:i.checked,value:i.value}:{value:i.value}}function ok(i){i.querySelectorAll("input, textarea, select").forEach(t=>{let r=jf(t,i);if(r){if(t instanceof HTMLInputElement&&(t.type==="checkbox"||t.type==="radio")){typeof r.checked=="boolean"&&(t.checked=r.checked);return}"value"in r&&(t.value=String(r.value??""))}})}function Pf(i,o){!ek(i)||i.form!==o||Gf(i,o,rk(i))}function nk(i,o){let t={value:o};return"checked"in i&&typeof i.checked=="boolean"&&(t.checked=i.checked),"indeterminate"in i&&typeof i.indeterminate=="boolean"&&(t.indeterminate=i.indeterminate),t}function Hf(i,o){let t=[],r=Ff+o;for(let n=0;n<i.length;n++){let a=i.key(n);(a===r||a?.startsWith(r+":"))&&t.push(a)}t.forEach(n=>i.removeItem(n))}function ik(i){let o=typeof i=="string"?i:Bf(i);if(!o)return;let t=Gp(!0),r=Gp(!1);t&&Hf(t,o),r&&r!==t&&Hf(r,o)}var it=class{constructor(o,t){this.handleFormData=o=>{let t=this.options.disabled(this.host),r=this.options.name(this.host),n=this.options.value(this.host),a=this.host.tagName.toLowerCase()==="zn-button";if(this.host.isConnected&&!t&&!a&&r.length>0&&typeof n<"u"){let s=m=>{o.formData.append(r,m.toString())},l=(m,f)=>{let g=m,b=f??(typeof g.name=="string"?g.name:void 0);typeof b=="string"?o.formData.append(r,m,b):o.formData.append(r,m)},d=m=>typeof FileList<"u"&&m instanceof FileList,h=m=>typeof Blob<"u"&&m instanceof Blob;if(d(n)){if(n.length>0)for(let m=0;m<n.length;m++){let f=n.item(m);f&&l(f,f.name)}}else h(n)?l(n,n.name):Array.isArray(n)?n.forEach(m=>{if(h(m))l(m,m.name);else if(d(m)){let f=m;for(let g=0;g<f.length;g++){let b=f.item(g);b&&l(b,b.name)}}else s(m)}):s(n);this.host.dispatchEvent(new CustomEvent("zn-formdata",{bubbles:!0,composed:!0}))}};this.handleFormSubmit=o=>{let t=this.options.disabled(this.host),r=this.options.reportValidity;this.form&&!this.form.noValidate&&Ui.get(this.form)?.forEach(s=>{this.setUserInteracted(s,!0)});let n=this.form?.querySelector('[type="submit"]'),a=n?.innerHTML??"Submit";n&&(n.setAttribute("data-original-text",a),setTimeout(()=>{n.disabled=!0,n.innerHTML=this.form?.hasAttribute("data-no-loading-text")?a:this.form?.getAttribute("data-loading-text")||"Processing..."},20),setTimeout(()=>{n.disabled=!1,n.innerHTML=a},15e3)),this.form&&!this.form.noValidate&&!t&&!r(this.host)&&(o.preventDefault(),o.stopImmediatePropagation(),n&&(n.disabled=!1,n.innerHTML=a))};this.enableSubmit=o=>{if(o.target!==this.form)return;let r=this.form?.querySelector('[type="submit"]');if(r){let n=r.getAttribute("data-original-text")??r.innerHTML;r.disabled=!1,r.innerHTML=n}};this.handleFormReset=()=>{this.options.setValue(this.host,this.options.defaultValue(this.host)),this.setUserInteracted(this.host,!1),xc.set(this.host,[])};this.handleInteraction=o=>{let t=xc.get(this.host);t.includes(o.type)||t.push(o.type),t.length===this.options.assumeInteractionOn.length&&this.setUserInteracted(this.host,!0),this.persistHostValue(),this.checkFormValidity()};this.checkFormValidity=()=>{let o=this.form?.querySelector('[type="submit"]');if(this.form&&!this.form.noValidate){let t=this.form.querySelectorAll("*");for(let r of t)if(typeof r.checkValidity=="function"&&!r.checkValidity())return o?.setAttribute("disabled","disabled"),!1}return o?.removeAttribute("disabled"),!0};this.reportFormValidity=()=>{if(this.form&&!this.form.noValidate){let o=this.form.querySelectorAll("*");for(let t of o)if(typeof t.reportValidity=="function"&&!t.reportValidity())return!1}return!0};(this.host=o).addController(this),this.options={form:r=>{let n=r.form;if(n){let s=r.getRootNode().querySelector(`#${n}`);if(s)return s}return r.closest("form")},name:r=>r.name,value:r=>r.value,defaultValue:r=>r.defaultValue,disabled:r=>r.disabled??!1,reportValidity:r=>typeof r.reportValidity=="function"?r.reportValidity():!0,checkValidity:r=>typeof r.checkValidity=="function"?r.checkValidity():!0,setValue:(r,n)=>r.value=n,assumeInteractionOn:["zn-input"],...t}}async hostConnected(){let o=this.options.form(this.host);o&&this.attachForm(o),xc.set(this.host,[]),this.options.assumeInteractionOn.forEach(t=>{this.host.addEventListener(t,this.handleInteraction)}),await this.host.updateComplete,this.restorePersistedValue(),o&&this.checkFormValidity()}hostDisconnected(){this.detachForm(),xc.delete(this.host),this.options.assumeInteractionOn.forEach(o=>{this.host.removeEventListener(o,this.handleInteraction)})}hostUpdated(){let o=this.options.form(this.host);o||this.detachForm(),o&&this.form!==o&&(this.detachForm(),this.attachForm(o)),this.host.hasUpdated&&this.setValidity(this.host.validity?.valid)}attachForm(o){if(!o){this.form=void 0;return}this.form=o,Ui.has(this.form)?Ui.get(this.form).add(this.host):Ui.set(this.form,new Set([this.host])),this.form.hasAttribute("data-enter-navigation")&&Df(this.form),this.form.addEventListener("formdata",this.handleFormData),this.form.addEventListener("submit",this.handleFormSubmit),this.form.addEventListener("reset",this.handleFormReset),this.form.addEventListener("complete",this.enableSubmit),this.form.addEventListener("cancelled",this.enableSubmit),this.form.addEventListener("error",this.enableSubmit),this.attachFormPersistence(this.form),Ps.has(this.form)||(Ps.set(this.form,this.form.reportValidity),this.form.reportValidity=()=>this.reportFormValidity()),Hs.has(this.form)||(Hs.set(this.form,this.form.checkValidity),this.form.checkValidity=()=>this.checkFormValidity())}detachForm(){if(!this.form)return;let o=Ui.get(this.form);o&&(o.delete(this.host),o.size<=0&&(this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form.removeEventListener("reset",this.handleFormReset),this.form.removeEventListener("complete",this.enableSubmit),this.form.removeEventListener("cancelled",this.enableSubmit),this.form.removeEventListener("error",this.enableSubmit),this.detachFormPersistence(this.form),Ps.has(this.form)&&(this.form.reportValidity=Ps.get(this.form),Ps.delete(this.form)),Hs.has(this.form)&&(this.form.checkValidity=Hs.get(this.form),Hs.delete(this.form)),this.form=void 0))}attachFormPersistence(o){if(vc.has(o))return;let t=n=>Pf(n.target,o),r=n=>Pf(n.target,o);o.addEventListener("input",t),o.addEventListener("change",r),vc.set(o,{handleInput:t,handleChange:r}),ok(o)}detachFormPersistence(o){let t=vc.get(o);t&&(o.removeEventListener("input",t.handleInput),o.removeEventListener("change",t.handleChange),vc.delete(o))}restorePersistedValue(){let o=jf(this.host,this.form);o&&("checked"in this.host&&typeof o.checked=="boolean"?this.options.setValue(this.host,o.checked):"value"in o&&this.options.setValue(this.host,o.value),"indeterminate"in this.host&&typeof o.indeterminate=="boolean"&&(this.host.indeterminate=o.indeterminate))}persistHostValue(){Gf(this.host,this.form,nk(this.host,this.options.value(this.host)))}setUserInteracted(o,t){t?jp.add(o):jp.delete(o),o.requestUpdate()}doAction(o,t){if(this.form){let r=document.createElement("button");r.type=o,r.style.position="absolute",r.style.width="0",r.style.height="0",r.style.clipPath="inset(50%)",r.style.overflow="hidden",r.style.whiteSpace="nowrap",t&&(r.name=t.name,r.value=t.value,["formaction","formenctype","formmethod","formnovalidate","formtarget"].forEach(n=>{t.hasAttribute(n)&&r.setAttribute(n,t.getAttribute(n))})),this.form.append(r),this.form instanceof HTMLFormElement&&document.dispatchEvent(new CustomEvent("zn-register-element",{detail:{element:this.form}})),r.click(),r.remove()}}getForm(){return this.form??null}reset(o){this.doAction("reset",o)}submit(o){this.doAction("submit",o)}setValidity(o){let t=this.host,r=!!jp.has(t),n=!!t.required;t.toggleAttribute("data-required",n),t.toggleAttribute("data-optional",!n),t.toggleAttribute("data-invalid",!o),t.toggleAttribute("data-valid",o),t.toggleAttribute("data-user-invalid",!o&&r),t.toggleAttribute("data-user-valid",o&&r)}updateValidity(){let o=this.host;this.setValidity(o.validity?.valid)}emitInvalidEvent(o){let t=new CustomEvent("zn-invalid",{bubbles:!1,composed:!1,cancelable:!0,detail:{}});o||t.preventDefault(),this.host.dispatchEvent(t)||o?.preventDefault()}},Se=Object.freeze({badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!0,valueMissing:!1}),yc=Object.freeze({...Se,customError:!0,valid:!1}),zc=Object.freeze({...Se,valueMissing:!0,valid:!1});var J=class{constructor(o,...t){this.slotNames=[];this.handleSlotChange=o=>{let t=o.target;(this.slotNames.includes("[default]")&&!t.name||t.name&&this.slotNames.includes(t.name))&&this.host.requestUpdate()};(this.host=o).addController(this),this.slotNames=t}hasDefaultSlot(){return[...this.host.childNodes].some(o=>{if(o.nodeType===o.TEXT_NODE&&o.textContent.trim()!=="")return!0;if(o.nodeType===o.ELEMENT_NODE){let t=o;if(t.tagName.toLowerCase()==="zn-visually-hidden")return!1;if(!t.hasAttribute("slot"))return!0}return!1})}hasNamedSlot(o){return this.host.querySelector(`:scope > [slot="${o}"]`)!==null}test(o){return o==="[default]"?this.hasDefaultSlot():this.hasNamedSlot(o)}hostConnected(){this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange)}getSlot(o){return this.host.querySelector(`:scope > [slot="${o}"]`)}getDefaultSlot(){return[...this.host.childNodes].filter(o=>{if(o.nodeType===o.TEXT_NODE&&o.textContent.trim()!=="")return!0;if(o.nodeType===o.ELEMENT_NODE){let t=o;if(t.tagName.toLowerCase()==="zn-visually-hidden")return!1;if(!t.hasAttribute("slot"))return!0}return!1})}getSlots(o){return this.host.querySelectorAll(`:scope > [slot="${o}"]`)}};function Wf(i){if(!i)return"";let o=i.assignedNodes({flatten:!0}),t="";return[...o].forEach(r=>{r.nodeType===Node.TEXT_NODE&&(t+=r.textContent)}),t}var Yf=Symbol.for(""),ak=i=>{if(i?.r===Yf)return i?._$litStatic$};var Cn=(i,...o)=>({_$litStatic$:o.reduce((t,r,n)=>t+(a=>{if(a._$litStatic$!==void 0)return a._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${a}. Use 'unsafeStatic' to pass non-literal values, but
|
|
5
|
-
take care to ensure page security.`)})(r)+i[n+1],i[0]),r:Yf}),Kf=new Map,Wp=i=>(o,...t)=>{let r=t.length,n,a,s=[],l=[],d,h=0,m=!1;for(;h<r;){for(d=o[h];h<r&&(a=t[h],(n=ak(a))!==void 0);)d+=n+o[++h],m=!0;h!==r&&l.push(a),s.push(d),h++}if(h===r&&s.push(o[r]),m){let f=s.join("$$lit$$");(o=Kf.get(f))===void 0&&(s.raw=s,Kf.set(f,o=s)),t=l}return i(o,...t)},ue=Wp(u),HI=Wp($o),FI=Wp(kf);var P=i=>i??W;var sk={attribute:!0,type:String,converter:Zn,reflect:!1,hasChanged:Ca},lk=(i=sk,o,t)=>{let{kind:r,metadata:n}=t,a=globalThis.litPropertyMetadata.get(n);if(a===void 0&&globalThis.litPropertyMetadata.set(n,a=new Map),r==="setter"&&((i=Object.create(i)).wrapped=!0),a.set(t.name,i),r==="accessor"){let{name:s}=t;return{set(l){let d=o.get.call(this);o.set.call(this,l),this.requestUpdate(s,d,i,!0,l)},init(l){return l!==void 0&&this.C(s,void 0,i,l),l}}}if(r==="setter"){let{name:s}=t;return function(l){let d=this[s];o.call(this,l),this.requestUpdate(s,d,i,!0,l)}}throw Error("Unsupported decorator location: "+r)};function p(i){return(o,t)=>typeof t=="object"?lk(i,o,t):((r,n,a)=>{let s=n.hasOwnProperty(a);return n.constructor.createProperty(a,r),s?Object.getOwnPropertyDescriptor(n,a):void 0})(i,o,t)}function H(i){return p({...i,state:!0,attribute:!1})}function Xf(i){return(o,t)=>{let r=typeof o=="function"?o:o[t];Object.assign(r,i)}}var Zo=(i,o,t)=>(t.configurable=!0,t.enumerable=!0,Reflect.decorate&&typeof o!="object"&&Object.defineProperty(i,o,t),t);function V(i,o){return(t,r,n)=>{let a=s=>s.renderRoot?.querySelector(i)??null;if(o){let{get:s,set:l}=typeof r=="object"?t:n??(()=>{let d=Symbol();return{get(){return this[d]},set(h){this[d]=h}}})();return Zo(t,r,{get(){let d=s.call(this);return d===void 0&&(d=a(this),(d!==null||this.hasUpdated)&&l.call(this,d)),d}})}return Zo(t,r,{get(){return a(this)}})}}var ck;function wc(i){return(o,t)=>Zo(o,t,{get(){return(this.renderRoot??ck??(ck=document.createDocumentFragment())).querySelectorAll(i)}})}function Qf(i){return(o,t)=>Zo(o,t,{async get(){return await this.updateComplete,this.renderRoot?.querySelector(i)??null}})}function Jf(i){return(o,t)=>{let{slot:r}=i??{},n="slot"+(r?`[name=${r}]`:":not([name])");return Zo(o,t,{get(){return this.renderRoot?.querySelector(n)?.assignedNodes(i)??[]}})}}var Zf="important",dk=" !"+Zf,qo=ie(class extends Ve{constructor(i){if(super(i),i.type!==Ke.ATTRIBUTE||i.name!=="style"||i.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(i){return Object.keys(i).reduce((o,t)=>{let r=i[t];return r==null?o:o+`${t=t.includes("-")?t:t.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`},"")}update(i,[o]){let{style:t}=i.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(o)),this.render(o);for(let r of this.ft)o[r]==null&&(this.ft.delete(r),r.includes("-")?t.removeProperty(r):t[r]=null);for(let r in o){let n=o[r];if(n!=null){this.ft.add(r);let a=typeof n=="string"&&n.endsWith(dk);r.includes("-")||a?t.setProperty(r,a?n.slice(0,-11):n,a?Zf:""):t[r]=n}}return ne}});function K(i,o){let t={waitUntilFirstUpdate:!1,...o};return(r,n)=>{let{update:a}=r,s=Array.isArray(i)?i:[i];r.update=function(l){s.forEach(d=>{let h=d;if(l.has(h)){let m=l.get(h),f=this[h];m!==f&&(!t.waitUntilFirstUpdate||this.hasUpdated)&&this[n](m,f)}}),a.call(this,l)}}}var pk=Object.defineProperty,hk=(i,o,t)=>o in i?pk(i,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[o]=t,Kp=(i,o,t)=>(hk(i,typeof o!="symbol"?o+"":o,t),t),uk=(i,o,t)=>{if(!o.has(i))throw TypeError("Cannot "+t)},Yp=(i,o)=>{if(Object(o)!==o)throw TypeError('Cannot use the "in" operator on this value');return i.has(o)},_c=(i,o,t)=>{if(o.has(i))throw TypeError("Cannot add the same private member more than once");o instanceof WeakSet?o.add(i):o.set(i,t)},tg=(i,o,t)=>(uk(i,o,"access private method"),t);function eg(i,o){return Object.is(i,o)}var Ce=null,Fs=!1,kc=1,Sc=Symbol("SIGNAL");function Ea(i){let o=Ce;return Ce=i,o}function mk(){return Ce}function fk(){return Fs}var th={version:0,lastCleanEpoch:0,dirty:!1,producerNode:void 0,producerLastReadVersion:void 0,producerIndexOfThis:void 0,nextProducerIndex:0,liveConsumerNode:void 0,liveConsumerIndexOfThis:void 0,consumerAllowSignalWrites:!1,consumerIsAlwaysLive:!1,producerMustRecompute:()=>!1,producerRecomputeValue:()=>{},consumerMarkedDirty:()=>{},consumerOnSignalRead:()=>{}};function Cc(i){if(Fs)throw new Error(typeof ngDevMode<"u"&&ngDevMode?"Assertion error: signal read during notification phase":"");if(Ce===null)return;Ce.consumerOnSignalRead(i);let o=Ce.nextProducerIndex++;if(Ta(Ce),o<Ce.producerNode.length&&Ce.producerNode[o]!==i&&Jp(Ce)){let t=Ce.producerNode[o];Ec(t,Ce.producerIndexOfThis[o])}Ce.producerNode[o]!==i&&(Ce.producerNode[o]=i,Ce.producerIndexOfThis[o]=Jp(Ce)?ng(i,Ce,o):0),Ce.producerLastReadVersion[o]=i.version}function gk(){kc++}function rg(i){if(!(!i.dirty&&i.lastCleanEpoch===kc)){if(!i.producerMustRecompute(i)&&!zk(i)){i.dirty=!1,i.lastCleanEpoch=kc;return}i.producerRecomputeValue(i),i.dirty=!1,i.lastCleanEpoch=kc}}function og(i){if(i.liveConsumerNode===void 0)return;let o=Fs;Fs=!0;try{for(let t of i.liveConsumerNode)t.dirty||vk(t)}finally{Fs=o}}function bk(){return Ce?.consumerAllowSignalWrites!==!1}function vk(i){var o;i.dirty=!0,og(i),(o=i.consumerMarkedDirty)==null||o.call(i.wrapper??i)}function xk(i){return i&&(i.nextProducerIndex=0),Ea(i)}function yk(i,o){if(Ea(o),!(!i||i.producerNode===void 0||i.producerIndexOfThis===void 0||i.producerLastReadVersion===void 0)){if(Jp(i))for(let t=i.nextProducerIndex;t<i.producerNode.length;t++)Ec(i.producerNode[t],i.producerIndexOfThis[t]);for(;i.producerNode.length>i.nextProducerIndex;)i.producerNode.pop(),i.producerLastReadVersion.pop(),i.producerIndexOfThis.pop()}}function zk(i){Ta(i);for(let o=0;o<i.producerNode.length;o++){let t=i.producerNode[o],r=i.producerLastReadVersion[o];if(r!==t.version||(rg(t),r!==t.version))return!0}return!1}function ng(i,o,t){var r;if(eh(i),Ta(i),i.liveConsumerNode.length===0){(r=i.watched)==null||r.call(i.wrapper);for(let n=0;n<i.producerNode.length;n++)i.producerIndexOfThis[n]=ng(i.producerNode[n],i,n)}return i.liveConsumerIndexOfThis.push(t),i.liveConsumerNode.push(o)-1}function Ec(i,o){var t;if(eh(i),Ta(i),typeof ngDevMode<"u"&&ngDevMode&&o>=i.liveConsumerNode.length)throw new Error(`Assertion error: active consumer index ${o} is out of bounds of ${i.liveConsumerNode.length} consumers)`);if(i.liveConsumerNode.length===1){(t=i.unwatched)==null||t.call(i.wrapper);for(let n=0;n<i.producerNode.length;n++)Ec(i.producerNode[n],i.producerIndexOfThis[n])}let r=i.liveConsumerNode.length-1;if(i.liveConsumerNode[o]=i.liveConsumerNode[r],i.liveConsumerIndexOfThis[o]=i.liveConsumerIndexOfThis[r],i.liveConsumerNode.length--,i.liveConsumerIndexOfThis.length--,o<i.liveConsumerNode.length){let n=i.liveConsumerIndexOfThis[o],a=i.liveConsumerNode[o];Ta(a),a.producerIndexOfThis[n]=o}}function Jp(i){var o;return i.consumerIsAlwaysLive||(((o=i?.liveConsumerNode)==null?void 0:o.length)??0)>0}function Ta(i){i.producerNode??(i.producerNode=[]),i.producerIndexOfThis??(i.producerIndexOfThis=[]),i.producerLastReadVersion??(i.producerLastReadVersion=[])}function eh(i){i.liveConsumerNode??(i.liveConsumerNode=[]),i.liveConsumerIndexOfThis??(i.liveConsumerIndexOfThis=[])}function ig(i){if(rg(i),Cc(i),i.value===Zp)throw i.error;return i.value}function wk(i){let o=Object.create(_k);o.computation=i;let t=()=>ig(o);return t[Sc]=o,t}var Xp=Symbol("UNSET"),Qp=Symbol("COMPUTING"),Zp=Symbol("ERRORED"),_k={...th,value:Xp,dirty:!0,error:null,equal:eg,producerMustRecompute(i){return i.value===Xp||i.value===Qp},producerRecomputeValue(i){if(i.value===Qp)throw new Error("Detected cycle in computations.");let o=i.value;i.value=Qp;let t=xk(i),r,n=!1;try{r=i.computation.call(i.wrapper),n=o!==Xp&&o!==Zp&&i.equal.call(i.wrapper,o,r)}catch(a){r=Zp,i.error=a}finally{yk(i,t)}if(n){i.value=o;return}i.value=r,i.version++}};function kk(){throw new Error}var Sk=kk;function Ck(){Sk()}function Ek(i){let o=Object.create($k);o.value=i;let t=()=>(Cc(o),o.value);return t[Sc]=o,t}function Tk(){return Cc(this),this.value}function Ak(i,o){bk()||Ck(),i.equal.call(i.wrapper,i.value,o)||(i.value=o,qk(i))}var $k={...th,equal:eg,value:void 0};function qk(i){i.version++,gk(),og(i)}var Ye=Symbol("node"),jt;(i=>{var o,t,r,n,a,s;class l{constructor(m,f={}){_c(this,t),Kp(this,o);let b=Ek(m)[Sc];if(this[Ye]=b,b.wrapper=this,f){let v=f.equals;v&&(b.equal=v),b.watched=f[i.subtle.watched],b.unwatched=f[i.subtle.unwatched]}}get(){if(!(0,i.isState)(this))throw new TypeError("Wrong receiver type for Signal.State.prototype.get");return Tk.call(this[Ye])}set(m){if(!(0,i.isState)(this))throw new TypeError("Wrong receiver type for Signal.State.prototype.set");if(fk())throw new Error("Writes to signals not permitted during Watcher callback");let f=this[Ye];Ak(f,m)}}o=Ye,t=new WeakSet,r=function(){},i.isState=h=>typeof h=="object"&&Yp(t,h),i.State=l;class d{constructor(m,f){_c(this,a),Kp(this,n);let b=wk(m)[Sc];if(b.consumerAllowSignalWrites=!0,this[Ye]=b,b.wrapper=this,f){let v=f.equals;v&&(b.equal=v),b.watched=f[i.subtle.watched],b.unwatched=f[i.subtle.unwatched]}}get(){if(!(0,i.isComputed)(this))throw new TypeError("Wrong receiver type for Signal.Computed.prototype.get");return ig(this[Ye])}}n=Ye,a=new WeakSet,s=function(){},i.isComputed=h=>typeof h=="object"&&Yp(a,h),i.Computed=d,(h=>{var m,f,g,b,v;function x(E){let q,G=null;try{G=Ea(null),q=E()}finally{Ea(G)}return q}h.untrack=x;function S(E){var q;if(!(0,i.isComputed)(E)&&!(0,i.isWatcher)(E))throw new TypeError("Called introspectSources without a Computed or Watcher argument");return((q=E[Ye].producerNode)==null?void 0:q.map(G=>G.wrapper))??[]}h.introspectSources=S;function _(E){var q;if(!(0,i.isComputed)(E)&&!(0,i.isState)(E))throw new TypeError("Called introspectSinks without a Signal argument");return((q=E[Ye].liveConsumerNode)==null?void 0:q.map(G=>G.wrapper))??[]}h.introspectSinks=_;function R(E){if(!(0,i.isComputed)(E)&&!(0,i.isState)(E))throw new TypeError("Called hasSinks without a Signal argument");let q=E[Ye].liveConsumerNode;return q?q.length>0:!1}h.hasSinks=R;function j(E){if(!(0,i.isComputed)(E)&&!(0,i.isWatcher)(E))throw new TypeError("Called hasSources without a Computed or Watcher argument");let q=E[Ye].producerNode;return q?q.length>0:!1}h.hasSources=j;class I{constructor(q){_c(this,f),_c(this,b),Kp(this,m);let G=Object.create(th);G.wrapper=this,G.consumerMarkedDirty=q,G.consumerIsAlwaysLive=!0,G.consumerAllowSignalWrites=!1,G.producerNode=[],this[Ye]=G}watch(...q){if(!(0,i.isWatcher)(this))throw new TypeError("Called unwatch without Watcher receiver");tg(this,b,v).call(this,q);let G=this[Ye];G.dirty=!1;let tt=Ea(G);for(let ut of q)Cc(ut[Ye]);Ea(tt)}unwatch(...q){if(!(0,i.isWatcher)(this))throw new TypeError("Called unwatch without Watcher receiver");tg(this,b,v).call(this,q);let G=this[Ye];Ta(G);for(let tt=G.producerNode.length-1;tt>=0;tt--)if(q.includes(G.producerNode[tt].wrapper)){Ec(G.producerNode[tt],G.producerIndexOfThis[tt]);let ut=G.producerNode.length-1;if(G.producerNode[tt]=G.producerNode[ut],G.producerIndexOfThis[tt]=G.producerIndexOfThis[ut],G.producerNode.length--,G.producerIndexOfThis.length--,G.nextProducerIndex--,tt<G.producerNode.length){let pt=G.producerIndexOfThis[tt],gt=G.producerNode[tt];eh(gt),gt.liveConsumerIndexOfThis[pt]=tt}}}getPending(){if(!(0,i.isWatcher)(this))throw new TypeError("Called getPending without Watcher receiver");return this[Ye].producerNode.filter(G=>G.dirty).map(G=>G.wrapper)}}m=Ye,f=new WeakSet,g=function(){},b=new WeakSet,v=function(E){for(let q of E)if(!(0,i.isComputed)(q)&&!(0,i.isState)(q))throw new TypeError("Called watch/unwatch without a Computed or State argument")},i.isWatcher=E=>Yp(f,E),h.Watcher=I;function w(){var E;return(E=mk())==null?void 0:E.wrapper}h.currentComputed=w,h.watched=Symbol("watched"),h.unwatched=Symbol("unwatched")})(i.subtle||(i.subtle={}))})(jt||(jt={}));var rh=!1,ag=new jt.subtle.Watcher(()=>{rh||(rh=!0,queueMicrotask(()=>{rh=!1;for(let i of ag.getPending())i.get();ag.watch()}))}),Lk=Symbol("SignalWatcherBrand"),Mk=new FinalizationRegistry(i=>{i.unwatch(...jt.subtle.introspectSources(i))}),sg=new WeakMap;function Tc(i){return i[Lk]===!0?(console.warn("SignalWatcher should not be applied to the same class more than once."),i):class extends i{constructor(){super(...arguments),this._$St=new Map,this._$So=new jt.State(0),this._$Si=!1}_$Sl(){var o,t;let r=[],n=[];this._$St.forEach((s,l)=>{(s?.beforeUpdate?r:n).push(l)});let a=(o=this.h)===null||o===void 0?void 0:o.getPending().filter(s=>s!==this._$Su&&!this._$St.has(s));r.forEach(s=>s.get()),(t=this._$Su)===null||t===void 0||t.get(),a.forEach(s=>s.get()),n.forEach(s=>s.get())}_$Sv(){this.isUpdatePending||queueMicrotask(()=>{this.isUpdatePending||this._$Sl()})}_$S_(){if(this.h!==void 0)return;this._$Su=new jt.Computed(()=>{this._$So.get(),super.performUpdate()});let o=this.h=new jt.subtle.Watcher(function(){let t=sg.get(this);t!==void 0&&(t._$Si===!1&&(new Set(this.getPending()).has(t._$Su)?t.requestUpdate():t._$Sv()),this.watch())});sg.set(o,this),Mk.register(this,o),o.watch(this._$Su),o.watch(...Array.from(this._$St).map(([t])=>t))}_$Sp(){if(this.h===void 0)return;let o=!1;this.h.unwatch(...jt.subtle.introspectSources(this.h).filter(t=>{var r;let n=((r=this._$St.get(t))===null||r===void 0?void 0:r.manualDispose)!==!0;return n&&this._$St.delete(t),o||(o=!n),n})),o||(this._$Su=void 0,this.h=void 0,this._$St.clear())}updateEffect(o,t){var r;this._$S_();let n=new jt.Computed(()=>{o()});return this.h.watch(n),this._$St.set(n,t),(r=t?.beforeUpdate)!==null&&r!==void 0&&r?jt.subtle.untrack(()=>n.get()):this.updateComplete.then(()=>jt.subtle.untrack(()=>n.get())),()=>{this._$St.delete(n),this.h.unwatch(n),this.isConnected===!1&&this._$Sp()}}performUpdate(){this.isUpdatePending&&(this._$S_(),this._$Si=!0,this._$So.set(this._$So.get()+1),this._$Si=!1,this._$Sl())}connectedCallback(){super.connectedCallback(),this.requestUpdate()}disconnectedCallback(){super.disconnectedCallback(),queueMicrotask(()=>{this.isConnected===!1&&this._$Sp()})}}}var{I:Ik}=Ef,lg=i=>i;var Ac=i=>i.strings===void 0,cg=()=>document.createComment(""),Aa=(i,o,t)=>{let r=i._$AA.parentNode,n=o===void 0?i._$AB:o._$AA;if(t===void 0){let a=r.insertBefore(cg(),n),s=r.insertBefore(cg(),n);t=new Ik(a,s,i,i.options)}else{let a=t._$AB.nextSibling,s=t._$AM,l=s!==i;if(l){let d;t._$AQ?.(i),t._$AM=i,t._$AP!==void 0&&(d=i._$AU)!==s._$AU&&t._$AP(d)}if(a!==n||l){let d=t._$AA;for(;d!==a;){let h=lg(d).nextSibling;lg(r).insertBefore(d,n),d=h}}}return t},ei=(i,o,t=i)=>(i._$AI(o,t),i),Nk={},$a=(i,o=Nk)=>i._$AH=o,dg=i=>i._$AH,$c=i=>{i._$AR(),i._$AA.remove()};var Bs=(i,o)=>{let t=i._$AN;if(t===void 0)return!1;for(let r of t)r._$AO?.(o,!1),Bs(r,o);return!0},qc=i=>{let o,t;do{if((o=i._$AM)===void 0)break;t=o._$AN,t.delete(i),i=o}while(t?.size===0)},pg=i=>{for(let o;o=i._$AM;i=o){let t=o._$AN;if(t===void 0)o._$AN=t=new Set;else if(t.has(i))break;t.add(i),Ok(o)}};function Dk(i){this._$AN!==void 0?(qc(this),this._$AM=i,pg(this)):this._$AM=i}function Rk(i,o=!1,t=0){let r=this._$AH,n=this._$AN;if(n!==void 0&&n.size!==0)if(o)if(Array.isArray(r))for(let a=t;a<r.length;a++)Bs(r[a],!1),qc(r[a]);else r!=null&&(Bs(r,!1),qc(r));else Bs(this,i)}var Ok=i=>{i.type==Ke.CHILD&&(i._$AP??(i._$AP=Rk),i._$AQ??(i._$AQ=Dk))},ri=class extends Ve{constructor(){super(...arguments),this._$AN=void 0}_$AT(o,t,r){super._$AT(o,t,r),pg(this),this.isConnected=o._$AU}_$AO(o,t=!0){o!==this.isConnected&&(this.isConnected=o,o?this.reconnected?.():this.disconnected?.()),t&&(Bs(this,o),qc(this))}setValue(o){if(Ac(this._$Ct))this._$Ct._$AI(o,this);else{let t=[...this._$Ct._$AH];t[this._$Ci]=o,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};var oh=!1,nh=new jt.subtle.Watcher(async()=>{oh||(oh=!0,queueMicrotask(()=>{oh=!1;for(let i of nh.getPending())i.get();nh.watch()}))}),Lc=class extends ri{_$S_(){var o,t;this._$Sm===void 0&&(this._$Sj=new jt.Computed(()=>{var r;let n=(r=this._$SW)===null||r===void 0?void 0:r.get();return this.setValue(n),n}),this._$Sm=(t=(o=this._$Sk)===null||o===void 0?void 0:o.h)!==null&&t!==void 0?t:nh,this._$Sm.watch(this._$Sj),jt.subtle.untrack(()=>{var r;return(r=this._$Sj)===null||r===void 0?void 0:r.get()}))}_$Sp(){this._$Sm!==void 0&&(this._$Sm.unwatch(this._$SW),this._$Sm=void 0)}render(o){return jt.subtle.untrack(()=>o.get())}update(o,[t]){var r,n;return(r=this._$Sk)!==null&&r!==void 0||(this._$Sk=(n=o.options)===null||n===void 0?void 0:n.host),t!==this._$SW&&this._$SW!==void 0&&this._$Sp(),this._$SW=t,this._$S_(),jt.subtle.untrack(()=>this._$SW.get())}disconnected(){this._$Sp()}reconnected(){this._$S_()}},ih=ie(Lc);var ah=i=>(o,...t)=>i(o,...t.map(r=>r instanceof jt.State||r instanceof jt.Computed?ih(r):r)),Pk=ah(u),Hk=ah($o);var tD=jt.State,eD=jt.Computed,hg=(i,o)=>new jt.State(i,o);function mg(){return typeof document>"u"?"light":document.documentElement.getAttribute("t")||document.body.getAttribute("t")||"light"}var Mc=hg(mg()),ug=!1;function Fk(){ug||typeof window>"u"||(ug=!0,window.addEventListener("theme-change",i=>{let o=i.detail,t;typeof o=="string"?t=o:o&&typeof o=="object"&&"theme"in o&&typeof o.theme=="string"?t=o.theme:t=mg(),t!==Mc.get()&&Mc.set(t)}))}Fk();var Bk=Tc(ti),C=class extends Bk{willUpdate(o){this.t=Mc.get(),super.willUpdate(o)}static define(o,t=this,r={}){let n=customElements.get(o);if(!n){customElements.define(o,class extends t{},r);return}let a=" (unknown version)",s=a;"version"in t&&t.version&&typeof t.version=="string"&&(a=` v${t.version}`),"version"in n&&n.version&&typeof n.version=="string"&&(s=` v${n.version}`),!(a&&s&&a===s)&&console.warn(`Attempted to register <${o}>${a} but it is already registered as <${o}>${s}.`)}constructor(){super(),Object.entries(this.constructor.dependencies).forEach(([o,t])=>{this.constructor.define(o,t)})}emit(o,t){let r=new CustomEvent(o,{bubbles:!0,cancelable:!0,composed:!0,detail:{element:this},...t});return this.dispatchEvent(r),r}};C.dependencies={},c([p()],C.prototype,"dir",2),c([p()],C.prototype,"lang",2),c([p({reflect:!0})],C.prototype,"t",2);var ji=class extends Ve{constructor(o){if(super(o),this.it=W,o.type!==Ke.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(o){if(o===W||o==null)return this._t=void 0,this.it=o;if(o===ne)return o;if(typeof o!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(o===this.it)return this._t;this.it=o;let t=[o];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}};ji.directiveName="unsafeHTML",ji.resultType=1;var Xe=ie(ji);function so(i,o){return new Promise(t=>{function r(n){n.target===i&&(i.removeEventListener(o,r),t())}i.addEventListener(o,r)})}var sh=class{constructor(){this.openDropdowns=new Set;this.openTooltips=new Set}registerDropdown(o){this.openDropdowns.add(o)}unregisterDropdown(o){this.openDropdowns.delete(o)}isDropdownOpen(){return this.openDropdowns.size>0}registerTooltip(o){this.openTooltips.add(o)}unregisterTooltip(o){this.openTooltips.delete(o)}isTooltipOpen(){return this.openTooltips.size>0}},Vk=new sh,Lo=Vk;var fg=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{display:inline-block}.dropdown::part(popup){z-index:var(--zn-z-index-dropdown)}`;var me=class extends C{constructor(){super(...arguments);this.open=!1;this.placement="bottom-start";this.disabled=!1;this.stayOpenOnSelect=!1;this.distance=0;this.skidding=0;this.hoist=!0;this.sync=void 0;this.fetchedContent="";this.handlePanelSelect=t=>{let r=t.target;!this.stayOpenOnSelect&&r.tagName.toLowerCase()==="zn-menu"&&(this.hide().then(n=>n),this.focusOnTrigger())};this.handlePreload=()=>{this.preloadContent().then(t=>t)}}connectedCallback(){super.connectedCallback(),this.containingElement||(this.containingElement=this)}focusOnTrigger(){let t=this.trigger?.assignedElements({flatten:!0})[0];typeof t?.focus=="function"&&t.focus()}firstUpdated(t){this.panel.hidden=!this.open,this.open&&(this.addOpenListeners(),this.popup.active=!0),super.firstUpdated(t)}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.hide().then(t=>t)}getMenu(){return this.panel.assignedElements({flatten:!0}).find(t=>t.tagName.toLowerCase()==="zn-menu")}addOpenListeners(){this.panel.addEventListener("zn-select",this.handlePanelSelect),"CloseWatcher"in window?(this.closeWatcher?.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.hide().then(t=>t),this.focusOnTrigger()}):this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown.bind(this)),document.addEventListener("mousedown",this.handleDocumentMouseDown.bind(this)),this.closeWatcher?.destroy()}removeOpenListeners(){this.panel&&(this.panel.removeEventListener("zn-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),this.closeWatcher?.destroy()}async preloadContent(){if(this.uri&&!this.fetchedContent){let t=await fetch(this.uri,{credentials:"same-origin",headers:{"x-kx-inline":"inline"}});this.fetchedContent=await t.text(),this.requestUpdate()}}async handleTriggerClick(){this.open?await this.hide():(await this.show(),this.focusOnTrigger())}handleKeyDown(t){this.open&&t.key==="Escape"&&(t.stopPropagation(),this.hide().then(r=>r),this.focusOnTrigger())}async handleTriggerKeyDown(t){if([" ","Enter","Tab"].includes(t.key)){t.preventDefault(),await this.handleTriggerClick();return}let r=this.getMenu();if(r){let n=r.getAllItems(),a=n[0],s=n[n.length-1];["ArrowDown","ArrowUp","Home","End"].includes(t.key)&&(t.preventDefault(),this.open||(this.show().then(l=>l),await this.updateComplete),n.length>0&&this.updateComplete.then(()=>{(t.key==="ArrowDown"||t.key==="Home")&&(r.setCurrentItem(a),a.focus()),(t.key==="ArrowUp"||t.key==="End")&&(r.setCurrentItem(s),s.focus())}))}}handleTriggerKeyUp(t){t.key===" "&&t.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}handleDocumentMouseDown(t){let r=t.composedPath();this.containingElement&&!r.includes(this.containingElement)&&this.hide().then(n=>n)}handleDocumentKeyDown(t){if(t.key==="Escape"&&this.open&&!this.closeWatcher){t.stopPropagation(),this.focusOnTrigger(),this.hide().then(r=>r);return}if(t.key==="Tab"){if(this.open){t.preventDefault(),this.hide().then(r=>r),this.focusOnTrigger();return}setTimeout(()=>{let r=this.containingElement?.getRootNode()instanceof ShadowRoot?document.activeElement?.shadowRoot?.activeElement:document.activeElement;(!this.containingElement||r?.closest(this.containingElement.tagName.toLowerCase())!==this.containingElement)&&this.hide().then(n=>n)})}}async show(){if(!this.open)return this.open=!0,so(this,"zn-after-show")}async hide(){if(this.open)return this.open=!1,so(this,"zn-after-hide")}reposition(){this.popup.reposition()}updateAccessibleTrigger(){let r=this.trigger.assignedElements({flatten:!0}).find(a=>If(a).start),n=null;r&&(r.tagName.toLowerCase()==="zn-button"?n=r.button:n=r),n&&(n.setAttribute("aria-haspopup","true"),n.setAttribute("aria-expanded",this.open.toString()))}handleOpenChange(){if(this.disabled){this.open=!1;return}this.updateAccessibleTrigger(),this.open?(this.emit("zn-show"),Lo.registerDropdown(this),this.addOpenListeners(),this.panel.hidden=!1,this.popup.active=!0,this.panel.focus(),this.emit("zn-after-show")):(this.emit("zn-hide"),Lo.unregisterDropdown(this),this.removeOpenListeners(),this.panel.blur(),this.panel.hidden=!0,this.popup.active=!1,this.emit("zn-after-hide"))}render(){return u`
|
|
4
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),xf=/'/g,yf=/"/g,_f=/^(?:script|style|textarea|title)$/i,Hp=i=>(o,...t)=>({_$litType$:i,strings:o,values:t}),u=Hp(1),$o=Hp(2),kf=Hp(3),ne=Symbol.for("lit-noChange"),W=Symbol.for("lit-nothing"),zf=new WeakMap,Hi=Fi.createTreeWalker(Fi,129);function Sf(i,o){if(!Pp(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return gf!==void 0?gf.createHTML(o):o}var Cf=(i,o)=>{let t=i.length-1,r=[],n,a=o===2?"<svg>":o===3?"<math>":"",s=qs;for(let l=0;l<t;l++){let d=i[l],h,m,f=-1,g=0;for(;g<d.length&&(s.lastIndex=g,m=s.exec(d),m!==null);)g=s.lastIndex,s===qs?m[1]==="!--"?s=bf:m[1]!==void 0?s=vf:m[2]!==void 0?(_f.test(m[2])&&(n=RegExp("</"+m[2],"g")),s=Pi):m[3]!==void 0&&(s=Pi):s===Pi?m[0]===">"?(s=n??qs,f=-1):m[1]===void 0?f=-2:(f=s.lastIndex-m[2].length,h=m[1],s=m[3]===void 0?Pi:m[3]==='"'?yf:xf):s===yf||s===xf?s=Pi:s===bf||s===vf?s=qs:(s=Pi,n=void 0);let b=s===Pi&&i[l+1].startsWith("/>")?" ":"";a+=s===qs?d+R1:f>=0?(r.push(h),d.slice(0,f)+Rp+d.slice(f)+kn+b):d+kn+(f===-2?l:b)}return[Sf(i,a+(i[t]||"<?>")+(o===2?"</svg>":o===3?"</math>":"")),r]},Ns=class i{constructor({strings:o,_$litType$:t},r){let n;this.parts=[];let a=0,s=0,l=o.length-1,d=this.parts,[h,m]=Cf(o,t);if(this.el=i.createElement(h,r),Hi.currentNode=this.el.content,t===2||t===3){let f=this.el.content.firstChild;f.replaceWith(...f.childNodes)}for(;(n=Hi.nextNode())!==null&&d.length<l;){if(n.nodeType===1){if(n.hasAttributes())for(let f of n.getAttributeNames())if(f.endsWith(Rp)){let g=m[s++],b=n.getAttribute(f).split(kn),v=/([.?@])?(.*)/.exec(g);d.push({type:1,index:a,name:v[2],strings:b,ctor:v[1]==="."?hc:v[1]==="?"?uc:v[1]==="@"?mc:Vi}),n.removeAttribute(f)}else f.startsWith(kn)&&(d.push({type:6,index:a}),n.removeAttribute(f));if(_f.test(n.tagName)){let f=n.textContent.split(kn),g=f.length-1;if(g>0){n.textContent=dc?dc.emptyScript:"";for(let b=0;b<g;b++)n.append(f[b],Ms()),Hi.nextNode(),d.push({type:2,index:++a});n.append(f[g],Ms())}}}else if(n.nodeType===8)if(n.data===Op)d.push({type:2,index:a});else{let f=-1;for(;(f=n.data.indexOf(kn,f+1))!==-1;)d.push({type:7,index:a}),f+=kn.length-1}a++}}static createElement(o,t){let r=Fi.createElement("template");return r.innerHTML=o,r}};function Bi(i,o,t=i,r){if(o===ne)return o;let n=r!==void 0?t._$Co?.[r]:t._$Cl,a=Is(o)?void 0:o._$litDirective$;return n?.constructor!==a&&(n?._$AO?.(!1),a===void 0?n=void 0:(n=new a(i),n._$AT(i,t,r)),r!==void 0?(t._$Co??(t._$Co=[]))[r]=n:t._$Cl=n),n!==void 0&&(o=Bi(i,n._$AS(i,o.values),n,r)),o}var pc=class{constructor(o,t){this._$AV=[],this._$AN=void 0,this._$AD=o,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(o){let{el:{content:t},parts:r}=this._$AD,n=(o?.creationScope??Fi).importNode(t,!0);Hi.currentNode=n;let a=Hi.nextNode(),s=0,l=0,d=r[0];for(;d!==void 0;){if(s===d.index){let h;d.type===2?h=new ka(a,a.nextSibling,this,o):d.type===1?h=new d.ctor(a,d.name,d.strings,this,o):d.type===6&&(h=new fc(a,this,o)),this._$AV.push(h),d=r[++l]}s!==d?.index&&(a=Hi.nextNode(),s++)}return Hi.currentNode=Fi,n}p(o){let t=0;for(let r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(o,r,t),t+=r.strings.length-2):r._$AI(o[t])),t++}},ka=class i{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(o,t,r,n){this.type=2,this._$AH=W,this._$AN=void 0,this._$AA=o,this._$AB=t,this._$AM=r,this.options=n,this._$Cv=n?.isConnected??!0}get parentNode(){let o=this._$AA.parentNode,t=this._$AM;return t!==void 0&&o?.nodeType===11&&(o=t.parentNode),o}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(o,t=this){o=Bi(this,o,t),Is(o)?o===W||o==null||o===""?(this._$AH!==W&&this._$AR(),this._$AH=W):o!==this._$AH&&o!==ne&&this._(o):o._$litType$!==void 0?this.$(o):o.nodeType!==void 0?this.T(o):wf(o)?this.k(o):this._(o)}O(o){return this._$AA.parentNode.insertBefore(o,this._$AB)}T(o){this._$AH!==o&&(this._$AR(),this._$AH=this.O(o))}_(o){this._$AH!==W&&Is(this._$AH)?this._$AA.nextSibling.data=o:this.T(Fi.createTextNode(o)),this._$AH=o}$(o){let{values:t,_$litType$:r}=o,n=typeof r=="number"?this._$AC(o):(r.el===void 0&&(r.el=Ns.createElement(Sf(r.h,r.h[0]),this.options)),r);if(this._$AH?._$AD===n)this._$AH.p(t);else{let a=new pc(n,this),s=a.u(this.options);a.p(t),this.T(s),this._$AH=a}}_$AC(o){let t=zf.get(o.strings);return t===void 0&&zf.set(o.strings,t=new Ns(o)),t}k(o){Pp(this._$AH)||(this._$AH=[],this._$AR());let t=this._$AH,r,n=0;for(let a of o)n===t.length?t.push(r=new i(this.O(Ms()),this.O(Ms()),this,this.options)):r=t[n],r._$AI(a),n++;n<t.length&&(this._$AR(r&&r._$AB.nextSibling,n),t.length=n)}_$AR(o=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);o!==this._$AB;){let r=ff(o).nextSibling;ff(o).remove(),o=r}}setConnected(o){this._$AM===void 0&&(this._$Cv=o,this._$AP?.(o))}},Vi=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(o,t,r,n,a){this.type=1,this._$AH=W,this._$AN=void 0,this.element=o,this.name=t,this._$AM=n,this.options=a,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=W}_$AI(o,t=this,r,n){let a=this.strings,s=!1;if(a===void 0)o=Bi(this,o,t,0),s=!Is(o)||o!==this._$AH&&o!==ne,s&&(this._$AH=o);else{let l=o,d,h;for(o=a[0],d=0;d<a.length-1;d++)h=Bi(this,l[r+d],t,d),h===ne&&(h=this._$AH[d]),s||(s=!Is(h)||h!==this._$AH[d]),h===W?o=W:o!==W&&(o+=(h??"")+a[d+1]),this._$AH[d]=h}s&&!n&&this.j(o)}j(o){o===W?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,o??"")}},hc=class extends Vi{constructor(){super(...arguments),this.type=3}j(o){this.element[this.name]=o===W?void 0:o}},uc=class extends Vi{constructor(){super(...arguments),this.type=4}j(o){this.element.toggleAttribute(this.name,!!o&&o!==W)}},mc=class extends Vi{constructor(o,t,r,n,a){super(o,t,r,n,a),this.type=5}_$AI(o,t=this){if((o=Bi(this,o,t,0)??W)===ne)return;let r=this._$AH,n=o===W&&r!==W||o.capture!==r.capture||o.once!==r.once||o.passive!==r.passive,a=o!==W&&(r===W||n);n&&this.element.removeEventListener(this.name,this,r),a&&this.element.addEventListener(this.name,this,o),this._$AH=o}handleEvent(o){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,o):this._$AH.handleEvent(o)}},fc=class{constructor(o,t,r){this.element=o,this.type=6,this._$AN=void 0,this._$AM=t,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(o){Bi(this,o)}},Ef={M:Rp,P:kn,A:Op,C:1,L:Cf,R:pc,D:wf,V:Bi,I:ka,H:Vi,N:uc,U:mc,B:hc,F:fc},O1=Ls.litHtmlPolyfillSupport;O1?.(Ns,ka),(Ls.litHtmlVersions??(Ls.litHtmlVersions=[])).push("3.3.3");var Sa=(i,o,t)=>{let r=t?.renderBefore??o,n=r._$litPart$;if(n===void 0){let a=t?.renderBefore??null;r._$litPart$=n=new ka(o.insertBefore(Ms(),a),a,void 0,t??{})}return n._$AI(i),n};var Ye={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},ie=i=>(...o)=>({_$litDirective$:i,values:o}),Ve=class{constructor(o){}get _$AU(){return this._$AM._$AU}_$AT(o,t,r){this._$Ct=o,this._$AM=t,this._$Ci=r}_$AS(o,t){return this.update(o,t)}update(o,t){return this.render(...t)}};var N=ie(class extends Ve{constructor(i){if(super(i),i.type!==Ye.ATTRIBUTE||i.name!=="class"||i.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(i){return" "+Object.keys(i).filter(o=>i[o]).join(" ")+" "}update(i,[o]){if(this.st===void 0){this.st=new Set,i.strings!==void 0&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter(r=>r!=="")));for(let r in o)o[r]&&!this.nt?.has(r)&&this.st.add(r);return this.render(o)}let t=i.element.classList;for(let r of this.st)r in o||(t.remove(r),this.st.delete(r));for(let r in o){let n=!!o[r];n===this.st.has(r)||this.nt?.has(r)||(n?(t.add(r),this.st.add(r)):(t.remove(r),this.st.delete(r)))}return ne}});var gc=globalThis,bc=gc.ShadowRoot&&(gc.ShadyCSS===void 0||gc.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Fp=Symbol(),Tf=new WeakMap,Ds=class{constructor(o,t,r){if(this._$cssResult$=!0,r!==Fp)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=o,this.t=t}get styleSheet(){let o=this.o,t=this.t;if(bc&&o===void 0){let r=t!==void 0&&t.length===1;r&&(o=Tf.get(t)),o===void 0&&((this.o=o=new CSSStyleSheet).replaceSync(this.cssText),r&&Tf.set(t,o))}return o}toString(){return this.cssText}},T=i=>new Ds(typeof i=="string"?i:i+"",void 0,Fp),A=(i,...o)=>{let t=i.length===1?i[0]:o.reduce((r,n,a)=>r+(s=>{if(s._$cssResult$===!0)return s.cssText;if(typeof s=="number")return s;throw Error("Value passed to 'css' function must be a 'css' function result: "+s+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+i[a+1],i[0]);return new Ds(t,i,Fp)},Af=(i,o)=>{if(bc)i.adoptedStyleSheets=o.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(let t of o){let r=document.createElement("style"),n=gc.litNonce;n!==void 0&&r.setAttribute("nonce",n),r.textContent=t.cssText,i.appendChild(r)}},Bp=bc?i=>i:i=>i instanceof CSSStyleSheet?(o=>{let t="";for(let r of o.cssRules)t+=r.cssText;return T(t)})(i):i;var{is:P1,defineProperty:H1,getOwnPropertyDescriptor:F1,getOwnPropertyNames:B1,getOwnPropertySymbols:V1,getPrototypeOf:U1}=Object,Jn=globalThis,$f=Jn.trustedTypes,j1=$f?$f.emptyScript:"",G1=Jn.reactiveElementPolyfillSupport,Rs=(i,o)=>i,Zn={toAttribute(i,o){switch(o){case Boolean:i=i?j1:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,o){let t=i;switch(o){case Boolean:t=i!==null;break;case Number:t=i===null?null:Number(i);break;case Object:case Array:try{t=JSON.parse(i)}catch{t=null}}return t}},Ca=(i,o)=>!P1(i,o),qf={attribute:!0,type:String,converter:Zn,reflect:!1,useDefault:!1,hasChanged:Ca};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),Jn.litPropertyMetadata??(Jn.litPropertyMetadata=new WeakMap);var Sn=class extends HTMLElement{static addInitializer(o){this._$Ei(),(this.l??(this.l=[])).push(o)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(o,t=qf){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(o)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(o,t),!t.noAccessor){let r=Symbol(),n=this.getPropertyDescriptor(o,r,t);n!==void 0&&H1(this.prototype,o,n)}}static getPropertyDescriptor(o,t,r){let{get:n,set:a}=F1(this.prototype,o)??{get(){return this[t]},set(s){this[t]=s}};return{get:n,set(s){let l=n?.call(this);a?.call(this,s),this.requestUpdate(o,l,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(o){return this.elementProperties.get(o)??qf}static _$Ei(){if(this.hasOwnProperty(Rs("elementProperties")))return;let o=U1(this);o.finalize(),o.l!==void 0&&(this.l=[...o.l]),this.elementProperties=new Map(o.elementProperties)}static finalize(){if(this.hasOwnProperty(Rs("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(Rs("properties"))){let t=this.properties,r=[...B1(t),...V1(t)];for(let n of r)this.createProperty(n,t[n])}let o=this[Symbol.metadata];if(o!==null){let t=litPropertyMetadata.get(o);if(t!==void 0)for(let[r,n]of t)this.elementProperties.set(r,n)}this._$Eh=new Map;for(let[t,r]of this.elementProperties){let n=this._$Eu(t,r);n!==void 0&&this._$Eh.set(n,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(o){let t=[];if(Array.isArray(o)){let r=new Set(o.flat(1/0).reverse());for(let n of r)t.unshift(Bp(n))}else o!==void 0&&t.push(Bp(o));return t}static _$Eu(o,t){let r=t.attribute;return r===!1?void 0:typeof r=="string"?r:typeof o=="string"?o.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(o=>this.enableUpdating=o),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(o=>o(this))}addController(o){(this._$EO??(this._$EO=new Set)).add(o),this.renderRoot!==void 0&&this.isConnected&&o.hostConnected?.()}removeController(o){this._$EO?.delete(o)}_$E_(){let o=new Map,t=this.constructor.elementProperties;for(let r of t.keys())this.hasOwnProperty(r)&&(o.set(r,this[r]),delete this[r]);o.size>0&&(this._$Ep=o)}createRenderRoot(){let o=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Af(o,this.constructor.elementStyles),o}connectedCallback(){this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),this._$EO?.forEach(o=>o.hostConnected?.())}enableUpdating(o){}disconnectedCallback(){this._$EO?.forEach(o=>o.hostDisconnected?.())}attributeChangedCallback(o,t,r){this._$AK(o,r)}_$ET(o,t){let r=this.constructor.elementProperties.get(o),n=this.constructor._$Eu(o,r);if(n!==void 0&&r.reflect===!0){let a=(r.converter?.toAttribute!==void 0?r.converter:Zn).toAttribute(t,r.type);this._$Em=o,a==null?this.removeAttribute(n):this.setAttribute(n,a),this._$Em=null}}_$AK(o,t){let r=this.constructor,n=r._$Eh.get(o);if(n!==void 0&&this._$Em!==n){let a=r.getPropertyOptions(n),s=typeof a.converter=="function"?{fromAttribute:a.converter}:a.converter?.fromAttribute!==void 0?a.converter:Zn;this._$Em=n;let l=s.fromAttribute(t,a.type);this[n]=l??this._$Ej?.get(n)??l,this._$Em=null}}requestUpdate(o,t,r,n=!1,a){if(o!==void 0){let s=this.constructor;if(n===!1&&(a=this[o]),r??(r=s.getPropertyOptions(o)),!((r.hasChanged??Ca)(a,t)||r.useDefault&&r.reflect&&a===this._$Ej?.get(o)&&!this.hasAttribute(s._$Eu(o,r))))return;this.C(o,t,r)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(o,t,{useDefault:r,reflect:n,wrapped:a},s){r&&!(this._$Ej??(this._$Ej=new Map)).has(o)&&(this._$Ej.set(o,s??t??this[o]),a!==!0||s!==void 0)||(this._$AL.has(o)||(this.hasUpdated||r||(t=void 0),this._$AL.set(o,t)),n===!0&&this._$Em!==o&&(this._$Eq??(this._$Eq=new Set)).add(o))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}let o=this.scheduleUpdate();return o!=null&&await o,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(let[n,a]of this._$Ep)this[n]=a;this._$Ep=void 0}let r=this.constructor.elementProperties;if(r.size>0)for(let[n,a]of r){let{wrapped:s}=a,l=this[n];s!==!0||this._$AL.has(n)||l===void 0||this.C(n,void 0,a,l)}}let o=!1,t=this._$AL;try{o=this.shouldUpdate(t),o?(this.willUpdate(t),this._$EO?.forEach(r=>r.hostUpdate?.()),this.update(t)):this._$EM()}catch(r){throw o=!1,this._$EM(),r}o&&this._$AE(t)}willUpdate(o){}_$AE(o){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(o)),this.updated(o)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(o){return!0}update(o){this._$Eq&&(this._$Eq=this._$Eq.forEach(t=>this._$ET(t,this[t]))),this._$EM()}updated(o){}firstUpdated(o){}};Sn.elementStyles=[],Sn.shadowRootOptions={mode:"open"},Sn[Rs("elementProperties")]=new Map,Sn[Rs("finalized")]=new Map,G1?.({ReactiveElement:Sn}),(Jn.reactiveElementVersions??(Jn.reactiveElementVersions=[])).push("2.1.2");var Os=globalThis,ti=class extends Sn{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t;let o=super.createRenderRoot();return(t=this.renderOptions).renderBefore??(t.renderBefore=o.firstChild),o}update(o){let t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(o),this._$Do=Sa(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return ne}};ti._$litElement$=!0,ti.finalized=!0,Os.litElementHydrateSupport?.({LitElement:ti});var W1=Os.litElementPolyfillSupport;W1?.({LitElement:ti});(Os.litElementVersions??(Os.litElementVersions=[])).push("4.2.2");var Lf=new WeakMap;function Mf(i){let o=Lf.get(i);return o||(o=window.getComputedStyle(i,null),Lf.set(i,o)),o}function K1(i){if(typeof i.checkVisibility=="function")return i.checkVisibility({checkOpacity:!1,checkVisibilityCSS:!0});let o=Mf(i);return o.visibility!=="hidden"&&o.display!=="none"}function Y1(i){let o=Mf(i),{overflowY:t,overflowX:r}=o;return t==="scroll"||r==="scroll"?!0:t!=="auto"||r!=="auto"?!1:i.scrollHeight>i.clientHeight&&t==="auto"||i.scrollWidth>i.clientWidth&&r==="auto"}function X1(i){let o=i.tagName.toLowerCase(),t=Number(i.getAttribute("tabindex"));return i.hasAttribute("tabindex")&&(isNaN(t)||t<=-1)||i.hasAttribute("disabled")||i.closest("[inert]")||o==="input"&&i.getAttribute("type")==="radio"&&!i.hasAttribute("checked")||!K1(i)?!1:(o==="audio"||o==="video")&&i.hasAttribute("controls")||i.hasAttribute("tabindex")||i.hasAttribute("contenteditable")&&i.getAttribute("contenteditable")!=="false"||["button","input","select","textarea","a","audio","video","summary","iframe"].includes(o)?!0:Y1(i)}function If(i){let o=Vp(i),t=o[0]??null,r=o[o.length-1]??null;return{start:t,end:r}}function Q1(i,o){return i.getRootNode({composed:!0})?.host!==o}function Vp(i){let o=new WeakMap,t=[];function r(n){if(n instanceof Element){if(n.hasAttribute("inert")||n.closest("[inert]")||o.has(n))return;o.set(n,!0),!t.includes(n)&&X1(n)&&t.push(n),n instanceof HTMLSlotElement&&Q1(n,i)&&n.assignedElements({flatten:!0}).forEach(a=>{r(a)}),n.shadowRoot!==null&&n.shadowRoot.mode==="open"&&r(n.shadowRoot)}for(let a of n.children)r(a)}return r(i),t.sort((n,a)=>{let s=Number(n.getAttribute("tabindex"))||0;return(Number(a.getAttribute("tabindex"))||0)-s})}var Nf=new WeakMap,Up=class{constructor(o){this.handleKeyDown=o=>{if(o.key==="Enter"){if(o.altKey||o.ctrlKey||o.metaKey||o.shiftKey||o.isComposing||o.defaultPrevented)return;let r=o.target;if(this.isSelectOption(r)){o.preventDefault(),setTimeout(()=>{let a=this.findParentSelect(r);a&&this.focusNextControl(a)},0);return}if(this.shouldSkipEnterKey(r))return;let n=this.findParentGroup(r);if(n){o.preventDefault(),this.focusNextInGroup(r,n)||this.focusNextControl(n);return}o.preventDefault(),this.areRequiredFieldsFilled()?this.submitForm():this.focusNextControl(r);return}if(o.key==="ArrowDown"){let t=o.target,r=t.tagName;if(!(o.altKey||o.ctrlKey||o.metaKey||o.shiftKey)&&!o.defaultPrevented){let a=this.findParentGroup(t);if(a){o.preventDefault(),this.focusNextInGroup(t,a)||this.focusNextControl(a);return}(r==="ZN-CHECKBOX"||r==="ZN-TOGGLE")&&(o.preventDefault(),this.focusNextControl(t))}}if(o.key==="ArrowUp"){let t=o.target,r=t.tagName;if(!(o.altKey||o.ctrlKey||o.metaKey||o.shiftKey)&&!o.defaultPrevented){let a=this.findParentGroup(t);if(a){o.preventDefault(),this.focusPreviousInGroup(t,a)||this.focusPreviousControl(a);return}(r==="ZN-CHECKBOX"||r==="ZN-TOGGLE")&&(o.preventDefault(),this.focusPreviousControl(t))}}};this.form=o,this.form.addEventListener("keydown",this.handleKeyDown,!0)}shouldSkipEnterKey(o){let t=o.tagName.toLowerCase();return t==="zn-textarea"||t==="textarea"||(t==="zn-input"||t==="input")&&o.getAttribute("type")==="search"?!0:t==="button"||t==="zn-button"}shouldExcludeFromNavigation(o){let t=o.tagName.toLowerCase();return t==="button"||t==="zn-button"}isSelectOption(o){return o.tagName.toLowerCase()==="zn-option"}findParentSelect(o){let t=o;for(;t;){if(t.tagName.toLowerCase()==="zn-select")return t;let r=t.getRootNode();if(r instanceof ShadowRoot)t=r.host;else if(t.parentElement)t=t.parentElement;else break}return null}findParentGroup(o){let t=o;for(;t;){let r=t.tagName;if(r==="ZN-RADIO-GROUP"||r==="ZN-CHECKBOX-GROUP")return t;let n=t.getRootNode();if(n instanceof ShadowRoot)t=n.host;else if(t.parentElement)t=t.parentElement;else break}return null}getGroupItems(o){let t=o.tagName==="ZN-RADIO-GROUP"?"ZN-RADIO":"ZN-CHECKBOX",r=[],n=document.createTreeWalker(o,NodeFilter.SHOW_ELEMENT,{acceptNode:s=>s.tagName===t?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}),a;for(;a=n.nextNode();)r.push(a);return r}focusNextInGroup(o,t){let r=this.getGroupItems(t);if(r.length===0)return!1;let n=-1;for(let a=0;a<r.length;a++)if(r[a]===o||r[a].contains(o)){n=a;break}if(n>=0&&n<r.length-1){let a=r[n+1];if(typeof a.focus=="function")return a.focus(),!0}return!1}focusPreviousInGroup(o,t){let r=this.getGroupItems(t);if(r.length===0)return!1;let n=-1;for(let a=0;a<r.length;a++)if(r[a]===o||r[a].contains(o)){n=a;break}if(n>0){let a=r[n-1];if(typeof a.focus=="function")return a.focus(),!0}return!1}areRequiredFieldsFilled(){let o=Ui.get(this.form);if(!o)return!0;for(let t of o){let r=t;if(!r.name||r.disabled)continue;let n=r.value;if(!(n!=null&&n!=="")||typeof r.checkValidity=="function"&&!r.checkValidity())return!1}return!0}getNavigableControls(){let o=Vp(this.form),t=[],r=new Set;for(let n of o){let a=n.tagName.toLowerCase();if(["zn-input","zn-select","zn-datepicker","zn-textarea","zn-file","zn-checkbox","zn-radio","zn-radio-group","zn-toggle"].includes(a)){if(a==="zn-radio"){let h=n.closest("zn-radio-group");if(h){r.has(h)||(r.add(h),this.shouldExcludeFromNavigation(h)||t.push(h));continue}}if(r.has(n)||(r.add(n),this.shouldExcludeFromNavigation(n)))continue;t.push(n);continue}let l=n.getRootNode().host;if(l&&l!==this.form){let h=l.tagName.toLowerCase();if(["zn-input","zn-select","zn-datepicker","zn-textarea","zn-file","zn-checkbox","zn-radio","zn-radio-group","zn-toggle"].includes(h)){if(h==="zn-radio"){let f=l.closest("zn-radio-group");if(f){r.has(f)||(r.add(f),this.shouldExcludeFromNavigation(f)||t.push(f));continue}}if(r.has(l)||(r.add(l),this.shouldExcludeFromNavigation(l)))continue;t.push(l);continue}}if(["input","select"].includes(a)){if(r.has(n)||(r.add(n),n.getAttribute("type")==="search"))continue;t.push(n)}}return t}findCurrentControlIndex(o,t){for(let r=0;r<t.length;r++){let n=t[r];if(n===o)return r;let a=o.getRootNode();if(a instanceof ShadowRoot&&a.host===n||n.contains(o)||o.contains(n))return r}return-1}focusNextControl(o){let t=this.getNavigableControls(),r=this.findCurrentControlIndex(o,t);if(r>=0&&r<t.length-1){let n=t[r+1];if(typeof n.focus=="function"&&(n.focus(),n.tagName.toLowerCase()==="zn-select")){let s=n;typeof s.show=="function"&&setTimeout(()=>{s.show?.()},0)}}}focusPreviousControl(o){let t=this.getNavigableControls(),r=this.findCurrentControlIndex(o,t);if(r>0){let n=t[r-1];if(typeof n.focus=="function"&&(n.focus(),n.tagName.toLowerCase()==="zn-select")){let s=n;typeof s.show=="function"&&setTimeout(()=>{s.show?.()},0)}}}submitForm(){let o=this.form.querySelector('[type="submit"]');if(o)o.click();else if(typeof this.form.requestSubmit=="function")this.form.requestSubmit();else{let t=new Event("submit",{bubbles:!0,cancelable:!0});this.form.dispatchEvent(t)}}destroy(){this.form.removeEventListener("keydown",this.handleKeyDown,!0)}};function Df(i){let o=Nf.get(i);return o||(o=new Up(i),Nf.set(i,o)),o}var qr=class{constructor(o,t,r=0){this.storage=o,this.prefix=t,this.ttl=r*1e3,this.cleanup()}get(o){return!o||o.length<1?null:this.stripTtl(this.storage.getItem(this.prefix+o))}stripTtl(o){if(o===null)return null;let t=o.split(",");if(t.length===1)return t[0];let r=t.shift(),n=r?parseInt(r):0;return n>0&&n<Date.now()?null:t.join(",")||""}setWithTTL(o,t,r){!o||o.length<1||(r=r>0?Date.now()+r*1e3:0,this.storage.setItem(this.prefix+o,r+","+t))}set(o,t){this.setWithTTL(o,t,this.ttl)}remove(o){this.storage.removeItem(this.prefix+o)}cleanup(){for(let o=0;o<this.storage.length;o++){let t=this.storage.key(o);t!==null&&t.startsWith(this.prefix)&&this.stripTtl(this.storage.getItem(t))===null&&this.storage.removeItem(t)}}};var Ui=new WeakMap,Ps=new WeakMap,Hs=new WeakMap,vc=new WeakMap,jp=new WeakSet,xc=new WeakMap,Ff="znform:";function Gp(i=!1){try{return i?window.localStorage:window.sessionStorage}catch{return null}}function J1(i=!1,o=0){let t=Gp(i);return t?new qr(t,Ff,o):null}function Rf(i){let o=i?.getAttribute("store-ttl");return o&&Number(o)||0}function Of(i){return!!i?.hasAttribute("local-storage")}function Bf(i){return i?.getAttribute("store-key")||""}function Z1(i){return i.getAttribute("store-key")||""}function tk(i){return i.getAttribute("name")||("name"in i&&typeof i.name=="string"?i.name:"")}function Vf(i,o){let t=Z1(i),r=Bf(o);if(t)return r?`${r}:${t}`:t;let n=tk(i);return r&&n?`${r}:${n}`:""}function Uf(i,o){let t=Of(i)||Of(o),r=Rf(i)||Rf(o);return J1(t,r)}function jf(i,o){let t=Vf(i,o),n=(t?Uf(i,o):null)?.get(t);if(!n)return null;try{return JSON.parse(n)}catch{return{value:n}}}function Gf(i,o,t){let r=Vf(i,o),n=r?Uf(i,o):null;n&&n.set(r,JSON.stringify(t))}function ek(i){return i instanceof HTMLInputElement||i instanceof HTMLTextAreaElement||i instanceof HTMLSelectElement}function rk(i){return i instanceof HTMLInputElement&&(i.type==="checkbox"||i.type==="radio")?{checked:i.checked,value:i.value}:{value:i.value}}function ok(i){i.querySelectorAll("input, textarea, select").forEach(t=>{let r=jf(t,i);if(r){if(t instanceof HTMLInputElement&&(t.type==="checkbox"||t.type==="radio")){typeof r.checked=="boolean"&&(t.checked=r.checked);return}"value"in r&&(t.value=String(r.value??""))}})}function Pf(i,o){!ek(i)||i.form!==o||Gf(i,o,rk(i))}function nk(i,o){let t={value:o};return"checked"in i&&typeof i.checked=="boolean"&&(t.checked=i.checked),"indeterminate"in i&&typeof i.indeterminate=="boolean"&&(t.indeterminate=i.indeterminate),t}function Hf(i,o){let t=[],r=Ff+o;for(let n=0;n<i.length;n++){let a=i.key(n);(a===r||a?.startsWith(r+":"))&&t.push(a)}t.forEach(n=>i.removeItem(n))}function ik(i){let o=typeof i=="string"?i:Bf(i);if(!o)return;let t=Gp(!0),r=Gp(!1);t&&Hf(t,o),r&&r!==t&&Hf(r,o)}var it=class{constructor(o,t){this.handleFormData=o=>{let t=this.options.disabled(this.host),r=this.options.name(this.host),n=this.options.value(this.host),a=this.host.tagName.toLowerCase()==="zn-button";if(this.host.isConnected&&!t&&!a&&r.length>0&&typeof n<"u"){let s=m=>{o.formData.append(r,m.toString())},l=(m,f)=>{let g=m,b=f??(typeof g.name=="string"?g.name:void 0);typeof b=="string"?o.formData.append(r,m,b):o.formData.append(r,m)},d=m=>typeof FileList<"u"&&m instanceof FileList,h=m=>typeof Blob<"u"&&m instanceof Blob;if(d(n)){if(n.length>0)for(let m=0;m<n.length;m++){let f=n.item(m);f&&l(f,f.name)}}else h(n)?l(n,n.name):Array.isArray(n)?n.forEach(m=>{if(h(m))l(m,m.name);else if(d(m)){let f=m;for(let g=0;g<f.length;g++){let b=f.item(g);b&&l(b,b.name)}}else s(m)}):s(n);this.host.dispatchEvent(new CustomEvent("zn-formdata",{bubbles:!0,composed:!0}))}};this.handleFormSubmit=o=>{let t=this.options.disabled(this.host),r=this.options.reportValidity;this.form&&!this.form.noValidate&&Ui.get(this.form)?.forEach(s=>{this.setUserInteracted(s,!0)});let n=this.form?.querySelector('[type="submit"]'),a=n?.innerHTML??"Submit";n&&(n.setAttribute("data-original-text",a),setTimeout(()=>{n.disabled=!0,n.innerHTML=this.form?.hasAttribute("data-no-loading-text")?a:this.form?.getAttribute("data-loading-text")||"Processing..."},20),setTimeout(()=>{n.disabled=!1,n.innerHTML=a},15e3)),this.form&&!this.form.noValidate&&!t&&!r(this.host)&&(o.preventDefault(),o.stopImmediatePropagation(),n&&(n.disabled=!1,n.innerHTML=a))};this.enableSubmit=o=>{if(o.target!==this.form)return;let r=this.form?.querySelector('[type="submit"]');if(r){let n=r.getAttribute("data-original-text")??r.innerHTML;r.disabled=!1,r.innerHTML=n}};this.handleFormReset=()=>{this.options.setValue(this.host,this.options.defaultValue(this.host)),this.setUserInteracted(this.host,!1),xc.set(this.host,[])};this.handleInteraction=o=>{let t=xc.get(this.host);t.includes(o.type)||t.push(o.type),t.length===this.options.assumeInteractionOn.length&&this.setUserInteracted(this.host,!0),this.persistHostValue(),this.checkFormValidity()};this.checkFormValidity=()=>{let o=this.form?.querySelector('[type="submit"]');if(this.form&&!this.form.noValidate){let t=this.form.querySelectorAll("*");for(let r of t)if(typeof r.checkValidity=="function"&&!r.checkValidity())return o?.setAttribute("disabled","disabled"),!1}return o?.removeAttribute("disabled"),!0};this.reportFormValidity=()=>{if(this.form&&!this.form.noValidate){let o=this.form.querySelectorAll("*");for(let t of o)if(typeof t.reportValidity=="function"&&!t.reportValidity())return!1}return!0};(this.host=o).addController(this),this.options={form:r=>{let n=r.form;if(n){let s=r.getRootNode().querySelector(`#${n}`);if(s)return s}return r.closest("form")},name:r=>r.name,value:r=>r.value,defaultValue:r=>r.defaultValue,disabled:r=>r.disabled??!1,reportValidity:r=>typeof r.reportValidity=="function"?r.reportValidity():!0,checkValidity:r=>typeof r.checkValidity=="function"?r.checkValidity():!0,setValue:(r,n)=>r.value=n,assumeInteractionOn:["zn-input"],...t}}async hostConnected(){let o=this.options.form(this.host);o&&this.attachForm(o),xc.set(this.host,[]),this.options.assumeInteractionOn.forEach(t=>{this.host.addEventListener(t,this.handleInteraction)}),await this.host.updateComplete,this.restorePersistedValue(),o&&this.checkFormValidity()}hostDisconnected(){this.detachForm(),xc.delete(this.host),this.options.assumeInteractionOn.forEach(o=>{this.host.removeEventListener(o,this.handleInteraction)})}hostUpdated(){let o=this.options.form(this.host);o||this.detachForm(),o&&this.form!==o&&(this.detachForm(),this.attachForm(o)),this.host.hasUpdated&&this.setValidity(this.host.validity?.valid)}attachForm(o){if(!o){this.form=void 0;return}this.form=o,Ui.has(this.form)?Ui.get(this.form).add(this.host):Ui.set(this.form,new Set([this.host])),this.form.hasAttribute("data-enter-navigation")&&Df(this.form),this.form.addEventListener("formdata",this.handleFormData),this.form.addEventListener("submit",this.handleFormSubmit),this.form.addEventListener("reset",this.handleFormReset),this.form.addEventListener("complete",this.enableSubmit),this.form.addEventListener("cancelled",this.enableSubmit),this.form.addEventListener("error",this.enableSubmit),this.attachFormPersistence(this.form),Ps.has(this.form)||(Ps.set(this.form,this.form.reportValidity),this.form.reportValidity=()=>this.reportFormValidity()),Hs.has(this.form)||(Hs.set(this.form,this.form.checkValidity),this.form.checkValidity=()=>this.checkFormValidity())}detachForm(){if(!this.form)return;let o=Ui.get(this.form);o&&(o.delete(this.host),o.size<=0&&(this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form.removeEventListener("reset",this.handleFormReset),this.form.removeEventListener("complete",this.enableSubmit),this.form.removeEventListener("cancelled",this.enableSubmit),this.form.removeEventListener("error",this.enableSubmit),this.detachFormPersistence(this.form),Ps.has(this.form)&&(this.form.reportValidity=Ps.get(this.form),Ps.delete(this.form)),Hs.has(this.form)&&(this.form.checkValidity=Hs.get(this.form),Hs.delete(this.form)),this.form=void 0))}attachFormPersistence(o){if(vc.has(o))return;let t=n=>Pf(n.target,o),r=n=>Pf(n.target,o);o.addEventListener("input",t),o.addEventListener("change",r),vc.set(o,{handleInput:t,handleChange:r}),ok(o)}detachFormPersistence(o){let t=vc.get(o);t&&(o.removeEventListener("input",t.handleInput),o.removeEventListener("change",t.handleChange),vc.delete(o))}restorePersistedValue(){let o=jf(this.host,this.form);o&&("checked"in this.host&&typeof o.checked=="boolean"?this.options.setValue(this.host,o.checked):"value"in o&&this.options.setValue(this.host,o.value),"indeterminate"in this.host&&typeof o.indeterminate=="boolean"&&(this.host.indeterminate=o.indeterminate))}persistHostValue(){Gf(this.host,this.form,nk(this.host,this.options.value(this.host)))}setUserInteracted(o,t){t?jp.add(o):jp.delete(o),o.requestUpdate()}doAction(o,t){if(this.form){let r=document.createElement("button");r.type=o,r.style.position="absolute",r.style.width="0",r.style.height="0",r.style.clipPath="inset(50%)",r.style.overflow="hidden",r.style.whiteSpace="nowrap",t&&(r.name=t.name,r.value=t.value,["formaction","formenctype","formmethod","formnovalidate","formtarget"].forEach(n=>{t.hasAttribute(n)&&r.setAttribute(n,t.getAttribute(n))})),this.form.append(r),this.form instanceof HTMLFormElement&&document.dispatchEvent(new CustomEvent("zn-register-element",{detail:{element:this.form}})),r.click(),r.remove()}}getForm(){return this.form??null}reset(o){this.doAction("reset",o)}submit(o){this.doAction("submit",o)}setValidity(o){let t=this.host,r=!!jp.has(t),n=!!t.required;t.toggleAttribute("data-required",n),t.toggleAttribute("data-optional",!n),t.toggleAttribute("data-invalid",!o),t.toggleAttribute("data-valid",o),t.toggleAttribute("data-user-invalid",!o&&r),t.toggleAttribute("data-user-valid",o&&r)}updateValidity(){let o=this.host;this.setValidity(o.validity?.valid)}emitInvalidEvent(o){let t=new CustomEvent("zn-invalid",{bubbles:!1,composed:!1,cancelable:!0,detail:{}});o||t.preventDefault(),this.host.dispatchEvent(t)||o?.preventDefault()}},Se=Object.freeze({badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!0,valueMissing:!1}),yc=Object.freeze({...Se,customError:!0,valid:!1}),zc=Object.freeze({...Se,valueMissing:!0,valid:!1});var J=class{constructor(o,...t){this.slotNames=[];this.handleSlotChange=o=>{let t=o.target;(this.slotNames.includes("[default]")&&!t.name||t.name&&this.slotNames.includes(t.name))&&this.host.requestUpdate()};(this.host=o).addController(this),this.slotNames=t}hasDefaultSlot(){return[...this.host.childNodes].some(o=>{if(o.nodeType===o.TEXT_NODE&&o.textContent.trim()!=="")return!0;if(o.nodeType===o.ELEMENT_NODE){let t=o;if(t.tagName.toLowerCase()==="zn-visually-hidden")return!1;if(!t.hasAttribute("slot"))return!0}return!1})}hasNamedSlot(o){return this.host.querySelector(`:scope > [slot="${o}"]`)!==null}test(o){return o==="[default]"?this.hasDefaultSlot():this.hasNamedSlot(o)}hostConnected(){this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange)}getSlot(o){return this.host.querySelector(`:scope > [slot="${o}"]`)}getDefaultSlot(){return[...this.host.childNodes].filter(o=>{if(o.nodeType===o.TEXT_NODE&&o.textContent.trim()!=="")return!0;if(o.nodeType===o.ELEMENT_NODE){let t=o;if(t.tagName.toLowerCase()==="zn-visually-hidden")return!1;if(!t.hasAttribute("slot"))return!0}return!1})}getSlots(o){return this.host.querySelectorAll(`:scope > [slot="${o}"]`)}};function Wf(i){if(!i)return"";let o=i.assignedNodes({flatten:!0}),t="";return[...o].forEach(r=>{r.nodeType===Node.TEXT_NODE&&(t+=r.textContent)}),t}var Yf=Symbol.for(""),ak=i=>{if(i?.r===Yf)return i?._$litStatic$};var Cn=(i,...o)=>({_$litStatic$:o.reduce((t,r,n)=>t+(a=>{if(a._$litStatic$!==void 0)return a._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${a}. Use 'unsafeStatic' to pass non-literal values, but
|
|
5
|
+
take care to ensure page security.`)})(r)+i[n+1],i[0]),r:Yf}),Kf=new Map,Wp=i=>(o,...t)=>{let r=t.length,n,a,s=[],l=[],d,h=0,m=!1;for(;h<r;){for(d=o[h];h<r&&(a=t[h],(n=ak(a))!==void 0);)d+=n+o[++h],m=!0;h!==r&&l.push(a),s.push(d),h++}if(h===r&&s.push(o[r]),m){let f=s.join("$$lit$$");(o=Kf.get(f))===void 0&&(s.raw=s,Kf.set(f,o=s)),t=l}return i(o,...t)},ue=Wp(u),HI=Wp($o),FI=Wp(kf);var P=i=>i??W;var sk={attribute:!0,type:String,converter:Zn,reflect:!1,hasChanged:Ca},lk=(i=sk,o,t)=>{let{kind:r,metadata:n}=t,a=globalThis.litPropertyMetadata.get(n);if(a===void 0&&globalThis.litPropertyMetadata.set(n,a=new Map),r==="setter"&&((i=Object.create(i)).wrapped=!0),a.set(t.name,i),r==="accessor"){let{name:s}=t;return{set(l){let d=o.get.call(this);o.set.call(this,l),this.requestUpdate(s,d,i,!0,l)},init(l){return l!==void 0&&this.C(s,void 0,i,l),l}}}if(r==="setter"){let{name:s}=t;return function(l){let d=this[s];o.call(this,l),this.requestUpdate(s,d,i,!0,l)}}throw Error("Unsupported decorator location: "+r)};function p(i){return(o,t)=>typeof t=="object"?lk(i,o,t):((r,n,a)=>{let s=n.hasOwnProperty(a);return n.constructor.createProperty(a,r),s?Object.getOwnPropertyDescriptor(n,a):void 0})(i,o,t)}function H(i){return p({...i,state:!0,attribute:!1})}function Xf(i){return(o,t)=>{let r=typeof o=="function"?o:o[t];Object.assign(r,i)}}var Zo=(i,o,t)=>(t.configurable=!0,t.enumerable=!0,Reflect.decorate&&typeof o!="object"&&Object.defineProperty(i,o,t),t);function V(i,o){return(t,r,n)=>{let a=s=>s.renderRoot?.querySelector(i)??null;if(o){let{get:s,set:l}=typeof r=="object"?t:n??(()=>{let d=Symbol();return{get(){return this[d]},set(h){this[d]=h}}})();return Zo(t,r,{get(){let d=s.call(this);return d===void 0&&(d=a(this),(d!==null||this.hasUpdated)&&l.call(this,d)),d}})}return Zo(t,r,{get(){return a(this)}})}}var ck;function wc(i){return(o,t)=>Zo(o,t,{get(){return(this.renderRoot??ck??(ck=document.createDocumentFragment())).querySelectorAll(i)}})}function Qf(i){return(o,t)=>Zo(o,t,{async get(){return await this.updateComplete,this.renderRoot?.querySelector(i)??null}})}function Jf(i){return(o,t)=>{let{slot:r}=i??{},n="slot"+(r?`[name=${r}]`:":not([name])");return Zo(o,t,{get(){return this.renderRoot?.querySelector(n)?.assignedNodes(i)??[]}})}}var Zf="important",dk=" !"+Zf,qo=ie(class extends Ve{constructor(i){if(super(i),i.type!==Ye.ATTRIBUTE||i.name!=="style"||i.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(i){return Object.keys(i).reduce((o,t)=>{let r=i[t];return r==null?o:o+`${t=t.includes("-")?t:t.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`},"")}update(i,[o]){let{style:t}=i.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(o)),this.render(o);for(let r of this.ft)o[r]==null&&(this.ft.delete(r),r.includes("-")?t.removeProperty(r):t[r]=null);for(let r in o){let n=o[r];if(n!=null){this.ft.add(r);let a=typeof n=="string"&&n.endsWith(dk);r.includes("-")||a?t.setProperty(r,a?n.slice(0,-11):n,a?Zf:""):t[r]=n}}return ne}});function K(i,o){let t={waitUntilFirstUpdate:!1,...o};return(r,n)=>{let{update:a}=r,s=Array.isArray(i)?i:[i];r.update=function(l){s.forEach(d=>{let h=d;if(l.has(h)){let m=l.get(h),f=this[h];m!==f&&(!t.waitUntilFirstUpdate||this.hasUpdated)&&this[n](m,f)}}),a.call(this,l)}}}var pk=Object.defineProperty,hk=(i,o,t)=>o in i?pk(i,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[o]=t,Kp=(i,o,t)=>(hk(i,typeof o!="symbol"?o+"":o,t),t),uk=(i,o,t)=>{if(!o.has(i))throw TypeError("Cannot "+t)},Yp=(i,o)=>{if(Object(o)!==o)throw TypeError('Cannot use the "in" operator on this value');return i.has(o)},_c=(i,o,t)=>{if(o.has(i))throw TypeError("Cannot add the same private member more than once");o instanceof WeakSet?o.add(i):o.set(i,t)},tg=(i,o,t)=>(uk(i,o,"access private method"),t);function eg(i,o){return Object.is(i,o)}var Ce=null,Fs=!1,kc=1,Sc=Symbol("SIGNAL");function Ea(i){let o=Ce;return Ce=i,o}function mk(){return Ce}function fk(){return Fs}var th={version:0,lastCleanEpoch:0,dirty:!1,producerNode:void 0,producerLastReadVersion:void 0,producerIndexOfThis:void 0,nextProducerIndex:0,liveConsumerNode:void 0,liveConsumerIndexOfThis:void 0,consumerAllowSignalWrites:!1,consumerIsAlwaysLive:!1,producerMustRecompute:()=>!1,producerRecomputeValue:()=>{},consumerMarkedDirty:()=>{},consumerOnSignalRead:()=>{}};function Cc(i){if(Fs)throw new Error(typeof ngDevMode<"u"&&ngDevMode?"Assertion error: signal read during notification phase":"");if(Ce===null)return;Ce.consumerOnSignalRead(i);let o=Ce.nextProducerIndex++;if(Ta(Ce),o<Ce.producerNode.length&&Ce.producerNode[o]!==i&&Jp(Ce)){let t=Ce.producerNode[o];Ec(t,Ce.producerIndexOfThis[o])}Ce.producerNode[o]!==i&&(Ce.producerNode[o]=i,Ce.producerIndexOfThis[o]=Jp(Ce)?ng(i,Ce,o):0),Ce.producerLastReadVersion[o]=i.version}function gk(){kc++}function rg(i){if(!(!i.dirty&&i.lastCleanEpoch===kc)){if(!i.producerMustRecompute(i)&&!zk(i)){i.dirty=!1,i.lastCleanEpoch=kc;return}i.producerRecomputeValue(i),i.dirty=!1,i.lastCleanEpoch=kc}}function og(i){if(i.liveConsumerNode===void 0)return;let o=Fs;Fs=!0;try{for(let t of i.liveConsumerNode)t.dirty||vk(t)}finally{Fs=o}}function bk(){return Ce?.consumerAllowSignalWrites!==!1}function vk(i){var o;i.dirty=!0,og(i),(o=i.consumerMarkedDirty)==null||o.call(i.wrapper??i)}function xk(i){return i&&(i.nextProducerIndex=0),Ea(i)}function yk(i,o){if(Ea(o),!(!i||i.producerNode===void 0||i.producerIndexOfThis===void 0||i.producerLastReadVersion===void 0)){if(Jp(i))for(let t=i.nextProducerIndex;t<i.producerNode.length;t++)Ec(i.producerNode[t],i.producerIndexOfThis[t]);for(;i.producerNode.length>i.nextProducerIndex;)i.producerNode.pop(),i.producerLastReadVersion.pop(),i.producerIndexOfThis.pop()}}function zk(i){Ta(i);for(let o=0;o<i.producerNode.length;o++){let t=i.producerNode[o],r=i.producerLastReadVersion[o];if(r!==t.version||(rg(t),r!==t.version))return!0}return!1}function ng(i,o,t){var r;if(eh(i),Ta(i),i.liveConsumerNode.length===0){(r=i.watched)==null||r.call(i.wrapper);for(let n=0;n<i.producerNode.length;n++)i.producerIndexOfThis[n]=ng(i.producerNode[n],i,n)}return i.liveConsumerIndexOfThis.push(t),i.liveConsumerNode.push(o)-1}function Ec(i,o){var t;if(eh(i),Ta(i),typeof ngDevMode<"u"&&ngDevMode&&o>=i.liveConsumerNode.length)throw new Error(`Assertion error: active consumer index ${o} is out of bounds of ${i.liveConsumerNode.length} consumers)`);if(i.liveConsumerNode.length===1){(t=i.unwatched)==null||t.call(i.wrapper);for(let n=0;n<i.producerNode.length;n++)Ec(i.producerNode[n],i.producerIndexOfThis[n])}let r=i.liveConsumerNode.length-1;if(i.liveConsumerNode[o]=i.liveConsumerNode[r],i.liveConsumerIndexOfThis[o]=i.liveConsumerIndexOfThis[r],i.liveConsumerNode.length--,i.liveConsumerIndexOfThis.length--,o<i.liveConsumerNode.length){let n=i.liveConsumerIndexOfThis[o],a=i.liveConsumerNode[o];Ta(a),a.producerIndexOfThis[n]=o}}function Jp(i){var o;return i.consumerIsAlwaysLive||(((o=i?.liveConsumerNode)==null?void 0:o.length)??0)>0}function Ta(i){i.producerNode??(i.producerNode=[]),i.producerIndexOfThis??(i.producerIndexOfThis=[]),i.producerLastReadVersion??(i.producerLastReadVersion=[])}function eh(i){i.liveConsumerNode??(i.liveConsumerNode=[]),i.liveConsumerIndexOfThis??(i.liveConsumerIndexOfThis=[])}function ig(i){if(rg(i),Cc(i),i.value===Zp)throw i.error;return i.value}function wk(i){let o=Object.create(_k);o.computation=i;let t=()=>ig(o);return t[Sc]=o,t}var Xp=Symbol("UNSET"),Qp=Symbol("COMPUTING"),Zp=Symbol("ERRORED"),_k={...th,value:Xp,dirty:!0,error:null,equal:eg,producerMustRecompute(i){return i.value===Xp||i.value===Qp},producerRecomputeValue(i){if(i.value===Qp)throw new Error("Detected cycle in computations.");let o=i.value;i.value=Qp;let t=xk(i),r,n=!1;try{r=i.computation.call(i.wrapper),n=o!==Xp&&o!==Zp&&i.equal.call(i.wrapper,o,r)}catch(a){r=Zp,i.error=a}finally{yk(i,t)}if(n){i.value=o;return}i.value=r,i.version++}};function kk(){throw new Error}var Sk=kk;function Ck(){Sk()}function Ek(i){let o=Object.create($k);o.value=i;let t=()=>(Cc(o),o.value);return t[Sc]=o,t}function Tk(){return Cc(this),this.value}function Ak(i,o){bk()||Ck(),i.equal.call(i.wrapper,i.value,o)||(i.value=o,qk(i))}var $k={...th,equal:eg,value:void 0};function qk(i){i.version++,gk(),og(i)}var Xe=Symbol("node"),jt;(i=>{var o,t,r,n,a,s;class l{constructor(m,f={}){_c(this,t),Kp(this,o);let b=Ek(m)[Sc];if(this[Xe]=b,b.wrapper=this,f){let v=f.equals;v&&(b.equal=v),b.watched=f[i.subtle.watched],b.unwatched=f[i.subtle.unwatched]}}get(){if(!(0,i.isState)(this))throw new TypeError("Wrong receiver type for Signal.State.prototype.get");return Tk.call(this[Xe])}set(m){if(!(0,i.isState)(this))throw new TypeError("Wrong receiver type for Signal.State.prototype.set");if(fk())throw new Error("Writes to signals not permitted during Watcher callback");let f=this[Xe];Ak(f,m)}}o=Xe,t=new WeakSet,r=function(){},i.isState=h=>typeof h=="object"&&Yp(t,h),i.State=l;class d{constructor(m,f){_c(this,a),Kp(this,n);let b=wk(m)[Sc];if(b.consumerAllowSignalWrites=!0,this[Xe]=b,b.wrapper=this,f){let v=f.equals;v&&(b.equal=v),b.watched=f[i.subtle.watched],b.unwatched=f[i.subtle.unwatched]}}get(){if(!(0,i.isComputed)(this))throw new TypeError("Wrong receiver type for Signal.Computed.prototype.get");return ig(this[Xe])}}n=Xe,a=new WeakSet,s=function(){},i.isComputed=h=>typeof h=="object"&&Yp(a,h),i.Computed=d,(h=>{var m,f,g,b,v;function x(E){let q,G=null;try{G=Ea(null),q=E()}finally{Ea(G)}return q}h.untrack=x;function S(E){var q;if(!(0,i.isComputed)(E)&&!(0,i.isWatcher)(E))throw new TypeError("Called introspectSources without a Computed or Watcher argument");return((q=E[Xe].producerNode)==null?void 0:q.map(G=>G.wrapper))??[]}h.introspectSources=S;function _(E){var q;if(!(0,i.isComputed)(E)&&!(0,i.isState)(E))throw new TypeError("Called introspectSinks without a Signal argument");return((q=E[Xe].liveConsumerNode)==null?void 0:q.map(G=>G.wrapper))??[]}h.introspectSinks=_;function R(E){if(!(0,i.isComputed)(E)&&!(0,i.isState)(E))throw new TypeError("Called hasSinks without a Signal argument");let q=E[Xe].liveConsumerNode;return q?q.length>0:!1}h.hasSinks=R;function j(E){if(!(0,i.isComputed)(E)&&!(0,i.isWatcher)(E))throw new TypeError("Called hasSources without a Computed or Watcher argument");let q=E[Xe].producerNode;return q?q.length>0:!1}h.hasSources=j;class I{constructor(q){_c(this,f),_c(this,b),Kp(this,m);let G=Object.create(th);G.wrapper=this,G.consumerMarkedDirty=q,G.consumerIsAlwaysLive=!0,G.consumerAllowSignalWrites=!1,G.producerNode=[],this[Xe]=G}watch(...q){if(!(0,i.isWatcher)(this))throw new TypeError("Called unwatch without Watcher receiver");tg(this,b,v).call(this,q);let G=this[Xe];G.dirty=!1;let tt=Ea(G);for(let ut of q)Cc(ut[Xe]);Ea(tt)}unwatch(...q){if(!(0,i.isWatcher)(this))throw new TypeError("Called unwatch without Watcher receiver");tg(this,b,v).call(this,q);let G=this[Xe];Ta(G);for(let tt=G.producerNode.length-1;tt>=0;tt--)if(q.includes(G.producerNode[tt].wrapper)){Ec(G.producerNode[tt],G.producerIndexOfThis[tt]);let ut=G.producerNode.length-1;if(G.producerNode[tt]=G.producerNode[ut],G.producerIndexOfThis[tt]=G.producerIndexOfThis[ut],G.producerNode.length--,G.producerIndexOfThis.length--,G.nextProducerIndex--,tt<G.producerNode.length){let pt=G.producerIndexOfThis[tt],gt=G.producerNode[tt];eh(gt),gt.liveConsumerIndexOfThis[pt]=tt}}}getPending(){if(!(0,i.isWatcher)(this))throw new TypeError("Called getPending without Watcher receiver");return this[Xe].producerNode.filter(G=>G.dirty).map(G=>G.wrapper)}}m=Xe,f=new WeakSet,g=function(){},b=new WeakSet,v=function(E){for(let q of E)if(!(0,i.isComputed)(q)&&!(0,i.isState)(q))throw new TypeError("Called watch/unwatch without a Computed or State argument")},i.isWatcher=E=>Yp(f,E),h.Watcher=I;function w(){var E;return(E=mk())==null?void 0:E.wrapper}h.currentComputed=w,h.watched=Symbol("watched"),h.unwatched=Symbol("unwatched")})(i.subtle||(i.subtle={}))})(jt||(jt={}));var rh=!1,ag=new jt.subtle.Watcher(()=>{rh||(rh=!0,queueMicrotask(()=>{rh=!1;for(let i of ag.getPending())i.get();ag.watch()}))}),Lk=Symbol("SignalWatcherBrand"),Mk=new FinalizationRegistry(i=>{i.unwatch(...jt.subtle.introspectSources(i))}),sg=new WeakMap;function Tc(i){return i[Lk]===!0?(console.warn("SignalWatcher should not be applied to the same class more than once."),i):class extends i{constructor(){super(...arguments),this._$St=new Map,this._$So=new jt.State(0),this._$Si=!1}_$Sl(){var o,t;let r=[],n=[];this._$St.forEach((s,l)=>{(s?.beforeUpdate?r:n).push(l)});let a=(o=this.h)===null||o===void 0?void 0:o.getPending().filter(s=>s!==this._$Su&&!this._$St.has(s));r.forEach(s=>s.get()),(t=this._$Su)===null||t===void 0||t.get(),a.forEach(s=>s.get()),n.forEach(s=>s.get())}_$Sv(){this.isUpdatePending||queueMicrotask(()=>{this.isUpdatePending||this._$Sl()})}_$S_(){if(this.h!==void 0)return;this._$Su=new jt.Computed(()=>{this._$So.get(),super.performUpdate()});let o=this.h=new jt.subtle.Watcher(function(){let t=sg.get(this);t!==void 0&&(t._$Si===!1&&(new Set(this.getPending()).has(t._$Su)?t.requestUpdate():t._$Sv()),this.watch())});sg.set(o,this),Mk.register(this,o),o.watch(this._$Su),o.watch(...Array.from(this._$St).map(([t])=>t))}_$Sp(){if(this.h===void 0)return;let o=!1;this.h.unwatch(...jt.subtle.introspectSources(this.h).filter(t=>{var r;let n=((r=this._$St.get(t))===null||r===void 0?void 0:r.manualDispose)!==!0;return n&&this._$St.delete(t),o||(o=!n),n})),o||(this._$Su=void 0,this.h=void 0,this._$St.clear())}updateEffect(o,t){var r;this._$S_();let n=new jt.Computed(()=>{o()});return this.h.watch(n),this._$St.set(n,t),(r=t?.beforeUpdate)!==null&&r!==void 0&&r?jt.subtle.untrack(()=>n.get()):this.updateComplete.then(()=>jt.subtle.untrack(()=>n.get())),()=>{this._$St.delete(n),this.h.unwatch(n),this.isConnected===!1&&this._$Sp()}}performUpdate(){this.isUpdatePending&&(this._$S_(),this._$Si=!0,this._$So.set(this._$So.get()+1),this._$Si=!1,this._$Sl())}connectedCallback(){super.connectedCallback(),this.requestUpdate()}disconnectedCallback(){super.disconnectedCallback(),queueMicrotask(()=>{this.isConnected===!1&&this._$Sp()})}}}var{I:Ik}=Ef,lg=i=>i;var Ac=i=>i.strings===void 0,cg=()=>document.createComment(""),Aa=(i,o,t)=>{let r=i._$AA.parentNode,n=o===void 0?i._$AB:o._$AA;if(t===void 0){let a=r.insertBefore(cg(),n),s=r.insertBefore(cg(),n);t=new Ik(a,s,i,i.options)}else{let a=t._$AB.nextSibling,s=t._$AM,l=s!==i;if(l){let d;t._$AQ?.(i),t._$AM=i,t._$AP!==void 0&&(d=i._$AU)!==s._$AU&&t._$AP(d)}if(a!==n||l){let d=t._$AA;for(;d!==a;){let h=lg(d).nextSibling;lg(r).insertBefore(d,n),d=h}}}return t},ei=(i,o,t=i)=>(i._$AI(o,t),i),Nk={},$a=(i,o=Nk)=>i._$AH=o,dg=i=>i._$AH,$c=i=>{i._$AR(),i._$AA.remove()};var Bs=(i,o)=>{let t=i._$AN;if(t===void 0)return!1;for(let r of t)r._$AO?.(o,!1),Bs(r,o);return!0},qc=i=>{let o,t;do{if((o=i._$AM)===void 0)break;t=o._$AN,t.delete(i),i=o}while(t?.size===0)},pg=i=>{for(let o;o=i._$AM;i=o){let t=o._$AN;if(t===void 0)o._$AN=t=new Set;else if(t.has(i))break;t.add(i),Ok(o)}};function Dk(i){this._$AN!==void 0?(qc(this),this._$AM=i,pg(this)):this._$AM=i}function Rk(i,o=!1,t=0){let r=this._$AH,n=this._$AN;if(n!==void 0&&n.size!==0)if(o)if(Array.isArray(r))for(let a=t;a<r.length;a++)Bs(r[a],!1),qc(r[a]);else r!=null&&(Bs(r,!1),qc(r));else Bs(this,i)}var Ok=i=>{i.type==Ye.CHILD&&(i._$AP??(i._$AP=Rk),i._$AQ??(i._$AQ=Dk))},ri=class extends Ve{constructor(){super(...arguments),this._$AN=void 0}_$AT(o,t,r){super._$AT(o,t,r),pg(this),this.isConnected=o._$AU}_$AO(o,t=!0){o!==this.isConnected&&(this.isConnected=o,o?this.reconnected?.():this.disconnected?.()),t&&(Bs(this,o),qc(this))}setValue(o){if(Ac(this._$Ct))this._$Ct._$AI(o,this);else{let t=[...this._$Ct._$AH];t[this._$Ci]=o,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};var oh=!1,nh=new jt.subtle.Watcher(async()=>{oh||(oh=!0,queueMicrotask(()=>{oh=!1;for(let i of nh.getPending())i.get();nh.watch()}))}),Lc=class extends ri{_$S_(){var o,t;this._$Sm===void 0&&(this._$Sj=new jt.Computed(()=>{var r;let n=(r=this._$SW)===null||r===void 0?void 0:r.get();return this.setValue(n),n}),this._$Sm=(t=(o=this._$Sk)===null||o===void 0?void 0:o.h)!==null&&t!==void 0?t:nh,this._$Sm.watch(this._$Sj),jt.subtle.untrack(()=>{var r;return(r=this._$Sj)===null||r===void 0?void 0:r.get()}))}_$Sp(){this._$Sm!==void 0&&(this._$Sm.unwatch(this._$SW),this._$Sm=void 0)}render(o){return jt.subtle.untrack(()=>o.get())}update(o,[t]){var r,n;return(r=this._$Sk)!==null&&r!==void 0||(this._$Sk=(n=o.options)===null||n===void 0?void 0:n.host),t!==this._$SW&&this._$SW!==void 0&&this._$Sp(),this._$SW=t,this._$S_(),jt.subtle.untrack(()=>this._$SW.get())}disconnected(){this._$Sp()}reconnected(){this._$S_()}},ih=ie(Lc);var ah=i=>(o,...t)=>i(o,...t.map(r=>r instanceof jt.State||r instanceof jt.Computed?ih(r):r)),Pk=ah(u),Hk=ah($o);var tD=jt.State,eD=jt.Computed,hg=(i,o)=>new jt.State(i,o);function mg(){return typeof document>"u"?"light":document.documentElement.getAttribute("t")||document.body.getAttribute("t")||"light"}var Mc=hg(mg()),ug=!1;function Fk(){ug||typeof window>"u"||(ug=!0,window.addEventListener("theme-change",i=>{let o=i.detail,t;typeof o=="string"?t=o:o&&typeof o=="object"&&"theme"in o&&typeof o.theme=="string"?t=o.theme:t=mg(),t!==Mc.get()&&Mc.set(t)}))}Fk();var Bk=Tc(ti),C=class extends Bk{willUpdate(o){this.t=Mc.get(),super.willUpdate(o)}static define(o,t=this,r={}){let n=customElements.get(o);if(!n){customElements.define(o,class extends t{},r);return}let a=" (unknown version)",s=a;"version"in t&&t.version&&typeof t.version=="string"&&(a=` v${t.version}`),"version"in n&&n.version&&typeof n.version=="string"&&(s=` v${n.version}`),!(a&&s&&a===s)&&console.warn(`Attempted to register <${o}>${a} but it is already registered as <${o}>${s}.`)}constructor(){super(),Object.entries(this.constructor.dependencies).forEach(([o,t])=>{this.constructor.define(o,t)})}emit(o,t){let r=new CustomEvent(o,{bubbles:!0,cancelable:!0,composed:!0,detail:{element:this},...t});return this.dispatchEvent(r),r}};C.dependencies={},c([p()],C.prototype,"dir",2),c([p()],C.prototype,"lang",2),c([p({reflect:!0})],C.prototype,"t",2);var ji=class extends Ve{constructor(o){if(super(o),this.it=W,o.type!==Ye.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(o){if(o===W||o==null)return this._t=void 0,this.it=o;if(o===ne)return o;if(typeof o!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(o===this.it)return this._t;this.it=o;let t=[o];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}};ji.directiveName="unsafeHTML",ji.resultType=1;var Qe=ie(ji);function so(i,o){return new Promise(t=>{function r(n){n.target===i&&(i.removeEventListener(o,r),t())}i.addEventListener(o,r)})}var sh=class{constructor(){this.openDropdowns=new Set;this.openTooltips=new Set}registerDropdown(o){this.openDropdowns.add(o)}unregisterDropdown(o){this.openDropdowns.delete(o)}isDropdownOpen(){return this.openDropdowns.size>0}registerTooltip(o){this.openTooltips.add(o)}unregisterTooltip(o){this.openTooltips.delete(o)}isTooltipOpen(){return this.openTooltips.size>0}},Vk=new sh,Lo=Vk;var fg=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{display:inline-block}.dropdown::part(popup){z-index:var(--zn-z-index-dropdown)}`;var me=class extends C{constructor(){super(...arguments);this.open=!1;this.placement="bottom-start";this.disabled=!1;this.stayOpenOnSelect=!1;this.distance=0;this.skidding=0;this.hoist=!0;this.sync=void 0;this.fetchedContent="";this.handlePanelSelect=t=>{let r=t.target;!this.stayOpenOnSelect&&r.tagName.toLowerCase()==="zn-menu"&&(this.hide().then(n=>n),this.focusOnTrigger())};this.handlePreload=()=>{this.preloadContent().then(t=>t)}}connectedCallback(){super.connectedCallback(),this.containingElement||(this.containingElement=this)}focusOnTrigger(){let t=this.trigger?.assignedElements({flatten:!0})[0];typeof t?.focus=="function"&&t.focus()}firstUpdated(t){this.panel.hidden=!this.open,this.open&&(this.addOpenListeners(),this.popup.active=!0),super.firstUpdated(t)}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.hide().then(t=>t)}getMenu(){return this.panel.assignedElements({flatten:!0}).find(t=>t.tagName.toLowerCase()==="zn-menu")}addOpenListeners(){this.panel.addEventListener("zn-select",this.handlePanelSelect),"CloseWatcher"in window?(this.closeWatcher?.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.hide().then(t=>t),this.focusOnTrigger()}):this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown.bind(this)),document.addEventListener("mousedown",this.handleDocumentMouseDown.bind(this)),this.closeWatcher?.destroy()}removeOpenListeners(){this.panel&&(this.panel.removeEventListener("zn-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),this.closeWatcher?.destroy()}async preloadContent(){if(this.uri&&!this.fetchedContent){let t=await fetch(this.uri,{credentials:"same-origin",headers:{"x-kx-inline":"inline"}});this.fetchedContent=await t.text(),this.requestUpdate()}}async handleTriggerClick(){this.open?await this.hide():(await this.show(),this.focusOnTrigger())}handleKeyDown(t){this.open&&t.key==="Escape"&&(t.stopPropagation(),this.hide().then(r=>r),this.focusOnTrigger())}async handleTriggerKeyDown(t){if([" ","Enter","Tab"].includes(t.key)){t.preventDefault(),await this.handleTriggerClick();return}let r=this.getMenu();if(r){let n=r.getAllItems(),a=n[0],s=n[n.length-1];["ArrowDown","ArrowUp","Home","End"].includes(t.key)&&(t.preventDefault(),this.open||(this.show().then(l=>l),await this.updateComplete),n.length>0&&this.updateComplete.then(()=>{(t.key==="ArrowDown"||t.key==="Home")&&(r.setCurrentItem(a),a.focus()),(t.key==="ArrowUp"||t.key==="End")&&(r.setCurrentItem(s),s.focus())}))}}handleTriggerKeyUp(t){t.key===" "&&t.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}handleDocumentMouseDown(t){let r=t.composedPath();this.containingElement&&!r.includes(this.containingElement)&&this.hide().then(n=>n)}handleDocumentKeyDown(t){if(t.key==="Escape"&&this.open&&!this.closeWatcher){t.stopPropagation(),this.focusOnTrigger(),this.hide().then(r=>r);return}if(t.key==="Tab"){if(this.open){t.preventDefault(),this.hide().then(r=>r),this.focusOnTrigger();return}setTimeout(()=>{let r=this.containingElement?.getRootNode()instanceof ShadowRoot?document.activeElement?.shadowRoot?.activeElement:document.activeElement;(!this.containingElement||r?.closest(this.containingElement.tagName.toLowerCase())!==this.containingElement)&&this.hide().then(n=>n)})}}async show(){if(!this.open)return this.open=!0,so(this,"zn-after-show")}async hide(){if(this.open)return this.open=!1,so(this,"zn-after-hide")}reposition(){this.popup.reposition()}updateAccessibleTrigger(){let r=this.trigger.assignedElements({flatten:!0}).find(a=>If(a).start),n=null;r&&(r.tagName.toLowerCase()==="zn-button"?n=r.button:n=r),n&&(n.setAttribute("aria-haspopup","true"),n.setAttribute("aria-expanded",this.open.toString()))}handleOpenChange(){if(this.disabled){this.open=!1;return}this.updateAccessibleTrigger(),this.open?(this.emit("zn-show"),Lo.registerDropdown(this),this.addOpenListeners(),this.panel.hidden=!1,this.popup.active=!0,this.panel.focus(),this.emit("zn-after-show")):(this.emit("zn-hide"),Lo.unregisterDropdown(this),this.removeOpenListeners(),this.panel.blur(),this.panel.hidden=!0,this.popup.active=!1,this.emit("zn-after-hide"))}render(){return u`
|
|
6
6
|
<zn-popup
|
|
7
7
|
part="base"
|
|
8
8
|
exportparts="popup:base__popup"
|
|
@@ -31,12 +31,12 @@ import{a as _n,b as D1,c as nr,d as c,e as B}from"./chunks/zn.UBLZO6CI.js";var J
|
|
|
31
31
|
></slot>
|
|
32
32
|
|
|
33
33
|
<div aria-hidden=${this.open?"false":"true"} ?inert=${!this.open} aria-labelledby="dropdown">
|
|
34
|
-
${this.fetchedContent?
|
|
34
|
+
${this.fetchedContent?Qe(this.fetchedContent):""}
|
|
35
35
|
<slot part="panel" class="dropdown__panel"></slot>
|
|
36
36
|
</div>
|
|
37
37
|
</zn-popup>
|
|
38
38
|
`}};me.styles=T(fg),c([V(".dropdown")],me.prototype,"popup",2),c([V(".dropdown__trigger")],me.prototype,"trigger",2),c([V(".dropdown__panel")],me.prototype,"panel",2),c([p({type:Boolean,reflect:!0})],me.prototype,"open",2),c([p({reflect:!0})],me.prototype,"placement",2),c([p({type:Boolean,reflect:!0})],me.prototype,"disabled",2),c([p({attribute:"stay-open-on-select",type:Boolean,reflect:!0})],me.prototype,"stayOpenOnSelect",2),c([p({attribute:!1})],me.prototype,"containingElement",2),c([p({type:Number})],me.prototype,"distance",2),c([p({type:Number})],me.prototype,"skidding",2),c([p({type:Boolean})],me.prototype,"hoist",2),c([p({reflect:!0})],me.prototype,"sync",2),c([p()],me.prototype,"uri",2),c([p({type:String})],me.prototype,"fetchedContent",2),c([K("open",{waitUntilFirstUpdate:!0})],me.prototype,"handleOpenChange",1);var gr=me;me.define("zn-dropdown");var gg=(i,o,t)=>{for(let r of o)if(r[0]===i)return(0,r[1])();return t?.()};function bg(i){function o(g,b){return g>>>b|g<<32-b}function t(g){g=g.replace(/\r\n/g,`
|
|
39
|
-
`);let b="";for(let v=0;v<g.length;v++){let x=g.charCodeAt(v);x<128?b+=String.fromCharCode(x):x<2048?(b+=String.fromCharCode(x>>6|192),b+=String.fromCharCode(x&63|128)):(b+=String.fromCharCode(x>>12|224),b+=String.fromCharCode(x>>6&63|128),b+=String.fromCharCode(x&63|128))}return b}let r=Math.pow,n=r(2,32),a=[],s=[],l=[],d={},h=0,m=t(i),f=m.length*8;for(let g=2;h<64;g++)if(!d[g]){for(let b=0;b<313;b+=g)d[b]=!0;h<8&&(s[h]=r(g,.5)*n|0),l[h]=r(g,1/3)*n|0,h++}for(m+="\x80";m.length%64!==56;)m+="\0";for(let g=0;g<m.length;g++)a[g>>2]|=m.charCodeAt(g)<<(3-g%4)*8;a[a.length]=f/n|0,a[a.length]=f;for(let g=0;g<a.length;g+=16){let b=s.slice(0,8),v=a.slice(g,g+16);for(let x=16;x<64;x++){let S=v[x-15],_=v[x-2],R=o(S,7)^o(S,18)^S>>>3,j=o(_,17)^o(_,19)^_>>>10;v[x]=v[x-16]+R+v[x-7]+j|0}for(let x=0;x<64;x++){let S=b[0],_=b[1],R=b[2],j=b[3],I=b[4],w=b[5],E=b[6],q=b[7],G=o(I,6)^o(I,11)^o(I,25),tt=I&w^~I&E,ut=q+G+tt+l[x]+v[x]|0,pt=o(S,2)^o(S,13)^o(S,22),gt=S&_^S&R^_&R,Vt=pt+gt|0;b[7]=E,b[6]=w,b[5]=I,b[4]=j+ut|0,b[3]=R,b[2]=_,b[1]=S,b[0]=ut+Vt|0}for(let x=0;x<8;x++)s[x]=s[x]+b[x]|0}return s.map(g=>(g>>>0).toString(16).padStart(8,"0")).join("")}var Vs=class extends ji{};Vs.directiveName="unsafeSVG",Vs.resultType=2;var vg=ie(Vs);var xg=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}.lni{display:inline-block;font:normal normal normal 1em/1 "Lineicons";color:inherit;flex-shrink:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lni-sm{font-size:0.8em}.lni-lg{font-size:1.2em}.lni-16{font-size:16px}.lni-32{font-size:32px}.lni-is-spinning{animation:lni-spin 1s infinite linear}@keyframes lni-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.lni-rotate-90{transform:rotate(90deg)}.lni-rotate-180{transform:rotate(180deg)}.lni-rotate-270{transform:rotate(270deg)}.lni-flip-y{transform:scaleY(-1)}.lni-flip-x{transform:scaleX(-1)}.lni-500px::before{content:"\\ea01"}.lni-adobe::before{content:"\\ea02"}.lni-adonis::before{content:"\\ea03"}.lni-aeroplane-1::before{content:"\\ea04"}.lni-agenda::before{content:"\\ea05"}.lni-airbnb::before{content:"\\ea06"}.lni-airtable::before{content:"\\ea07"}.lni-alarm-1::before{content:"\\ea08"}.lni-align-text-center::before{content:"\\ea09"}.lni-align-text-left::before{content:"\\ea0a"}.lni-align-text-right::before{content:"\\ea0b"}.lni-alpinejs::before{content:"\\ea0c"}.lni-amazon::before{content:"\\ea0d"}.lni-amazon-original::before{content:"\\ea0e"}.lni-amazon-pay::before{content:"\\ea0f"}.lni-ambulance-1::before{content:"\\ea10"}.lni-amd::before{content:"\\ea11"}.lni-amex::before{content:"\\ea12"}.lni-anchor::before{content:"\\ea13"}.lni-android::before{content:"\\ea14"}.lni-android-old::before{content:"\\ea15"}.lni-angellist::before{content:"\\ea16"}.lni-angle-double-down::before{content:"\\ea17"}.lni-angle-double-left::before{content:"\\ea18"}.lni-angle-double-right::before{content:"\\ea19"}.lni-angle-double-up::before{content:"\\ea1a"}.lni-angular::before{content:"\\ea1b"}.lni-app-store::before{content:"\\ea1c"}.lni-apple-brand::before{content:"\\ea1d"}.lni-apple-music::before{content:"\\ea1e"}.lni-apple-music-alt::before{content:"\\ea1f"}.lni-apple-pay::before{content:"\\ea20"}.lni-arc-browser::before{content:"\\ea21"}.lni-arrow-all-direction::before{content:"\\ea22"}.lni-arrow-angular-top-left::before{content:"\\ea23"}.lni-arrow-angular-top-right::before{content:"\\ea24"}.lni-arrow-both-direction-horizontal-1::before{content:"\\ea25"}.lni-arrow-both-direction-vertical-1::before{content:"\\ea26"}.lni-arrow-downward::before{content:"\\ea27"}.lni-arrow-left::before{content:"\\ea28"}.lni-arrow-left-circle::before{content:"\\ea29"}.lni-arrow-right::before{content:"\\ea2a"}.lni-arrow-right-circle::before{content:"\\ea2b"}.lni-arrow-upward::before{content:"\\ea2c"}.lni-asana::before{content:"\\ea2d"}.lni-astro::before{content:"\\ea2e"}.lni-atlassian::before{content:"\\ea2f"}.lni-audi::before{content:"\\ea30"}.lni-audi-alt::before{content:"\\ea31"}.lni-aws::before{content:"\\ea32"}.lni-azure::before{content:"\\ea33"}.lni-badge-decagram-percent::before{content:"\\ea34"}.lni-balloons::before{content:"\\ea35"}.lni-ban-2::before{content:"\\ea36"}.lni-bar-chart-4::before{content:"\\ea37"}.lni-bar-chart-dollar::before{content:"\\ea38"}.lni-basket-shopping-3::before{content:"\\ea39"}.lni-beat::before{content:"\\ea3a"}.lni-behance::before{content:"\\ea3b"}.lni-bell-1::before{content:"\\ea3c"}.lni-bike::before{content:"\\ea3d"}.lni-bing::before{content:"\\ea3e"}.lni-bitbucket::before{content:"\\ea3f"}.lni-bitcoin::before{content:"\\ea40"}.lni-bittorrent::before{content:"\\ea41"}.lni-blogger::before{content:"\\ea42"}.lni-blogger-alt::before{content:"\\ea43"}.lni-bluetooth::before{content:"\\ea44"}.lni-bluetooth-logo::before{content:"\\ea45"}.lni-bmw::before{content:"\\ea46"}.lni-board-writing-3::before{content:"\\ea47"}.lni-bold::before{content:"\\ea48"}.lni-bolt-2::before{content:"\\ea49"}.lni-bolt-3::before{content:"\\ea4a"}.lni-book-1::before{content:"\\ea4b"}.lni-bookmark-1::before{content:"\\ea4c"}.lni-bookmark-circle::before{content:"\\ea4d"}.lni-books-2::before{content:"\\ea4e"}.lni-bootstrap-5::before{content:"\\ea4f"}.lni-bootstrap-5-square::before{content:"\\ea50"}.lni-box-archive-1::before{content:"\\ea51"}.lni-box-closed::before{content:"\\ea52"}.lni-box-gift-1::before{content:"\\ea53"}.lni-brave::before{content:"\\ea54"}.lni-bricks::before{content:"\\ea55"}.lni-bridge-3::before{content:"\\ea56"}.lni-briefcase-1::before{content:"\\ea57"}.lni-briefcase-2::before{content:"\\ea58"}.lni-briefcase-plus-1::before{content:"\\ea59"}.lni-brush-1-rotated::before{content:"\\ea5a"}.lni-brush-2::before{content:"\\ea5b"}.lni-btc::before{content:"\\ea5c"}.lni-bug-1::before{content:"\\ea5d"}.lni-buildings-1::before{content:"\\ea5e"}.lni-bulb-2::before{content:"\\ea5f"}.lni-bulb-4::before{content:"\\ea60"}.lni-burger-1::before{content:"\\ea61"}.lni-burger-drink::before{content:"\\ea62"}.lni-bus-1::before{content:"\\ea63"}.lni-busket-ball::before{content:"\\ea64"}.lni-cake-1::before{content:"\\ea65"}.lni-calculator-1::before{content:"\\ea66"}.lni-calculator-2::before{content:"\\ea67"}.lni-calendar-days::before{content:"\\ea68"}.lni-camera-1::before{content:"\\ea69"}.lni-camera-movie-1::before{content:"\\ea6a"}.lni-candy-cane-2::before{content:"\\ea6b"}.lni-candy-round-1::before{content:"\\ea6c"}.lni-canva::before{content:"\\ea6d"}.lni-capsule-1::before{content:"\\ea6e"}.lni-car-2::before{content:"\\ea6f"}.lni-car-4::before{content:"\\ea70"}.lni-car-6::before{content:"\\ea71"}.lni-caravan-1::before{content:"\\ea72"}.lni-cart-1::before{content:"\\ea73"}.lni-cart-2::before{content:"\\ea74"}.lni-cash-app::before{content:"\\ea75"}.lni-certificate-badge-1::before{content:"\\ea76"}.lni-chat-bubble-2::before{content:"\\ea77"}.lni-check::before{content:"\\ea78"}.lni-check-circle-1::before{content:"\\ea79"}.lni-check-square-2::before{content:"\\ea7a"}.lni-chevron-down::before{content:"\\ea7b"}.lni-chevron-down-circle::before{content:"\\ea7c"}.lni-chevron-left::before{content:"\\ea7d"}.lni-chevron-left-circle::before{content:"\\ea7e"}.lni-chevron-right-circle::before{content:"\\ea7f"}.lni-chevron-up::before{content:"\\ea80"}.lni-chevron-up-circle::before{content:"\\ea81"}.lni-chrome::before{content:"\\ea82"}.lni-chromecast::before{content:"\\ea83"}.lni-cisco::before{content:"\\ea84"}.lni-claude::before{content:"\\ea85"}.lni-clickup::before{content:"\\ea86"}.lni-clipboard::before{content:"\\ea87"}.lni-cloud-2::before{content:"\\ea88"}.lni-cloud-bolt-1::before{content:"\\ea89"}.lni-cloud-bolt-2::before{content:"\\ea8a"}.lni-cloud-check-circle::before{content:"\\ea8b"}.lni-cloud-download::before{content:"\\ea8c"}.lni-cloud-iot-2::before{content:"\\ea8d"}.lni-cloud-rain::before{content:"\\ea8e"}.lni-cloud-refresh-clockwise::before{content:"\\ea8f"}.lni-cloud-sun::before{content:"\\ea90"}.lni-cloud-upload::before{content:"\\ea91"}.lni-cloudflare::before{content:"\\ea92"}.lni-code-1::before{content:"\\ea93"}.lni-code-s::before{content:"\\ea94"}.lni-codepen::before{content:"\\ea95"}.lni-coffee-cup-2::before{content:"\\ea96"}.lni-coinbase::before{content:"\\ea97"}.lni-colour-palette-3::before{content:"\\ea98"}.lni-comment-1::before{content:"\\ea99"}.lni-comment-1-share::before{content:"\\ea9a"}.lni-comment-1-text::before{content:"\\ea9b"}.lni-compass-drafting-2::before{content:"\\ea9c"}.lni-connectdevelop::before{content:"\\ea9d"}.lni-copilot::before{content:"\\ea9e"}.lni-coral::before{content:"\\ea9f"}.lni-cpanel::before{content:"\\eaa0"}.lni-crane-4::before{content:"\\eaa1"}.lni-creative-commons::before{content:"\\eaa2"}.lni-credit-card-multiple::before{content:"\\eaa3"}.lni-crop-2::before{content:"\\eaa4"}.lni-crown-3::before{content:"\\eaa5"}.lni-css3::before{content:"\\eaa6"}.lni-dashboard-square-1::before{content:"\\eaa7"}.lni-database-2::before{content:"\\eaa8"}.lni-deno::before{content:"\\eaa9"}.lni-dev::before{content:"\\eaaa"}.lni-dialogflow::before{content:"\\eaab"}.lni-diamonds-1::before{content:"\\eaac"}.lni-diamonds-2::before{content:"\\eaad"}.lni-digitalocean::before{content:"\\eaae"}.lni-diners-club::before{content:"\\eaaf"}.lni-direction-ltr::before{content:"\\eab0"}.lni-direction-rtl::before{content:"\\eab1"}.lni-discord::before{content:"\\eab2"}.lni-discord-chat::before{content:"\\eab3"}.lni-discover::before{content:"\\eab4"}.lni-docker::before{content:"\\eab5"}.lni-dollar::before{content:"\\eab6"}.lni-dollar-circle::before{content:"\\eab7"}.lni-double-quotes-end-1::before{content:"\\eab8"}.lni-download-1::before{content:"\\eab9"}.lni-download-circle-1::before{content:"\\eaba"}.lni-dribbble::before{content:"\\eabb"}.lni-dribbble-symbol::before{content:"\\eabc"}.lni-drizzle::before{content:"\\eabd"}.lni-dropbox::before{content:"\\eabe"}.lni-drupal::before{content:"\\eabf"}.lni-dumbbell-1::before{content:"\\eac0"}.lni-edge::before{content:"\\eac1"}.lni-emoji-expressionless::before{content:"\\eac2"}.lni-emoji-expressionless-flat-eyes::before{content:"\\eac3"}.lni-emoji-grin::before{content:"\\eac4"}.lni-emoji-sad::before{content:"\\eac5"}.lni-emoji-smile::before{content:"\\eac6"}.lni-emoji-smile-side::before{content:"\\eac7"}.lni-emoji-smile-sunglass::before{content:"\\eac8"}.lni-emoji-smile-tongue::before{content:"\\eac9"}.lni-enter::before{content:"\\eaca"}.lni-enter-down::before{content:"\\eacb"}.lni-envato::before{content:"\\eacc"}.lni-envelope-1::before{content:"\\eacd"}.lni-eraser-1::before{content:"\\eace"}.lni-ethereum-logo::before{content:"\\eacf"}.lni-euro::before{content:"\\ead0"}.lni-exit::before{content:"\\ead1"}.lni-exit-up::before{content:"\\ead2"}.lni-expand-arrow-1::before{content:"\\ead3"}.lni-expand-square-4::before{content:"\\ead4"}.lni-expressjs::before{content:"\\ead5"}.lni-eye::before{content:"\\ead6"}.lni-facebook::before{content:"\\ead7"}.lni-facebook-messenger::before{content:"\\ead8"}.lni-facebook-rounded::before{content:"\\ead9"}.lni-facebook-square::before{content:"\\eada"}.lni-facetime::before{content:"\\eadb"}.lni-figma::before{content:"\\eadc"}.lni-file-format-zip::before{content:"\\eadd"}.lni-file-multiple::before{content:"\\eade"}.lni-file-pencil::before{content:"\\eadf"}.lni-file-plus-circle::before{content:"\\eae0"}.lni-file-question::before{content:"\\eae1"}.lni-file-xmark::before{content:"\\eae2"}.lni-firebase::before{content:"\\eae3"}.lni-firefox::before{content:"\\eae4"}.lni-firework-rocket-4::before{content:"\\eae5"}.lni-fitbit::before{content:"\\eae6"}.lni-flag-1::before{content:"\\eae7"}.lni-flag-2::before{content:"\\eae8"}.lni-flickr::before{content:"\\eae9"}.lni-floppy-disk-1::before{content:"\\eaea"}.lni-flower-2::before{content:"\\eaeb"}.lni-flutter::before{content:"\\eaec"}.lni-folder-1::before{content:"\\eaed"}.lni-ford::before{content:"\\eaee"}.lni-framer::before{content:"\\eaef"}.lni-funnel-1::before{content:"\\eaf0"}.lni-gallery::before{content:"\\eaf1"}.lni-game-pad-modern-1::before{content:"\\eaf2"}.lni-gatsby::before{content:"\\eaf3"}.lni-gauge-1::before{content:"\\eaf4"}.lni-gear-1::before{content:"\\eaf5"}.lni-gears-3::before{content:"\\eaf6"}.lni-gemini::before{content:"\\eaf7"}.lni-git::before{content:"\\eaf8"}.lni-github::before{content:"\\eaf9"}.lni-glass-juice-1::before{content:"\\eafa"}.lni-globe-1::before{content:"\\eafb"}.lni-globe-stand::before{content:"\\eafc"}.lni-go::before{content:"\\eafd"}.lni-goodreads::before{content:"\\eafe"}.lni-google::before{content:"\\eaff"}.lni-google-cloud::before{content:"\\eb00"}.lni-google-drive::before{content:"\\eb01"}.lni-google-meet::before{content:"\\eb02"}.lni-google-pay::before{content:"\\eb03"}.lni-google-wallet::before{content:"\\eb04"}.lni-graduation-cap-1::before{content:"\\eb05"}.lni-grammarly::before{content:"\\eb06"}.lni-hacker-news::before{content:"\\eb07"}.lni-hammer-1::before{content:"\\eb08"}.lni-hammer-2::before{content:"\\eb09"}.lni-hand-mic::before{content:"\\eb0a"}.lni-hand-shake::before{content:"\\eb0b"}.lni-hand-stop::before{content:"\\eb0c"}.lni-hand-taking-dollar::before{content:"\\eb0d"}.lni-hand-taking-leaf-1::before{content:"\\eb0e"}.lni-hand-taking-user::before{content:"\\eb0f"}.lni-hashnode::before{content:"\\eb10"}.lni-hat-chef-3::before{content:"\\eb11"}.lni-headphone-1::before{content:"\\eb12"}.lni-heart::before{content:"\\eb13"}.lni-helicopter-2::before{content:"\\eb14"}.lni-helmet-safety-1::before{content:"\\eb15"}.lni-hierarchy-1::before{content:"\\eb16"}.lni-highlighter-1::before{content:"\\eb17"}.lni-highlighter-2::before{content:"\\eb18"}.lni-home-2::before{content:"\\eb19"}.lni-hospital-2::before{content:"\\eb1a"}.lni-hourglass::before{content:"\\eb1b"}.lni-html5::before{content:"\\eb1c"}.lni-ibm::before{content:"\\eb1d"}.lni-id-card::before{content:"\\eb1e"}.lni-imdb::before{content:"\\eb1f"}.lni-indent::before{content:"\\eb20"}.lni-info::before{content:"\\eb21"}.lni-injection-1::before{content:"\\eb22"}.lni-instagram::before{content:"\\eb23"}.lni-instagram-logotype::before{content:"\\eb24"}.lni-intel::before{content:"\\eb25"}.lni-ios::before{content:"\\eb26"}.lni-island-2::before{content:"\\eb27"}.lni-jaguar::before{content:"\\eb28"}.lni-jamstack::before{content:"\\eb29"}.lni-java::before{content:"\\eb2a"}.lni-javascript::before{content:"\\eb2b"}.lni-jcb::before{content:"\\eb2c"}.lni-joomla::before{content:"\\eb2d"}.lni-jsfiddle::before{content:"\\eb2e"}.lni-key-1::before{content:"\\eb2f"}.lni-keyboard::before{content:"\\eb30"}.lni-knife-fork-1::before{content:"\\eb31"}.lni-kubernetes::before{content:"\\eb32"}.lni-label-dollar-2::before{content:"\\eb33"}.lni-laptop-2::before{content:"\\eb34"}.lni-laptop-phone::before{content:"\\eb35"}.lni-laravel::before{content:"\\eb36"}.lni-layers-1::before{content:"\\eb37"}.lni-layout-26::before{content:"\\eb38"}.lni-layout-9::before{content:"\\eb39"}.lni-leaf-1::before{content:"\\eb3a"}.lni-leaf-6::before{content:"\\eb3b"}.lni-lemon-squeezy::before{content:"\\eb3c"}.lni-life-guard-tube-1::before{content:"\\eb3d"}.lni-line::before{content:"\\eb3e"}.lni-line-dashed::before{content:"\\eb3f"}.lni-line-dotted::before{content:"\\eb40"}.lni-line-height::before{content:"\\eb41"}.lni-lineicons::before{content:"\\eb42"}.lni-link-2-angular-right::before{content:"\\eb43"}.lni-linkedin::before{content:"\\eb44"}.lni-location-arrow-right::before{content:"\\eb45"}.lni-locked-1::before{content:"\\eb46"}.lni-locked-2::before{content:"\\eb47"}.lni-loom::before{content:"\\eb48"}.lni-magento::before{content:"\\eb49"}.lni-magnet::before{content:"\\eb4a"}.lni-mailchimp::before{content:"\\eb4b"}.lni-map-marker-1::before{content:"\\eb4c"}.lni-map-marker-5::before{content:"\\eb4d"}.lni-map-pin-5::before{content:"\\eb4e"}.lni-markdown::before{content:"\\eb4f"}.lni-mastercard::before{content:"\\eb50"}.lni-medium::before{content:"\\eb51"}.lni-medium-alt::before{content:"\\eb52"}.lni-megaphone-1::before{content:"\\eb53"}.lni-menu-cheesburger::before{content:"\\eb54"}.lni-menu-hamburger-1::before{content:"\\eb55"}.lni-menu-meatballs-1::before{content:"\\eb56"}.lni-menu-meatballs-2::before{content:"\\eb57"}.lni-mercedes::before{content:"\\eb58"}.lni-message-2::before{content:"\\eb59"}.lni-message-2-question::before{content:"\\eb5a"}.lni-message-3-text::before{content:"\\eb5b"}.lni-meta::before{content:"\\eb5c"}.lni-meta-alt::before{content:"\\eb5d"}.lni-microphone-1::before{content:"\\eb5e"}.lni-microscope::before{content:"\\eb5f"}.lni-microsoft::before{content:"\\eb60"}.lni-microsoft-edge::before{content:"\\eb61"}.lni-microsoft-teams::before{content:"\\eb62"}.lni-minus::before{content:"\\eb63"}.lni-minus-circle::before{content:"\\eb64"}.lni-mongodb::before{content:"\\eb65"}.lni-monitor::before{content:"\\eb66"}.lni-monitor-code::before{content:"\\eb67"}.lni-monitor-mac::before{content:"\\eb68"}.lni-moon-half-right-5::before{content:"\\eb69"}.lni-mountains-2::before{content:"\\eb6a"}.lni-mouse-2::before{content:"\\eb6b"}.lni-mushroom-1::before{content:"\\eb6c"}.lni-mushroom-5::before{content:"\\eb6d"}.lni-music::before{content:"\\eb6e"}.lni-mysql::before{content:"\\eb6f"}.lni-nasa::before{content:"\\eb70"}.lni-netflix::before{content:"\\eb71"}.lni-netlify::before{content:"\\eb72"}.lni-next-step-2::before{content:"\\eb73"}.lni-nextjs::before{content:"\\eb74"}.lni-nike::before{content:"\\eb75"}.lni-nissan::before{content:"\\eb76"}.lni-nodejs::before{content:"\\eb77"}.lni-nodejs-alt::before{content:"\\eb78"}.lni-notebook-1::before{content:"\\eb79"}.lni-notion::before{content:"\\eb7a"}.lni-npm::before{content:"\\eb7b"}.lni-nuxt::before{content:"\\eb7c"}.lni-nvidia::before{content:"\\eb7d"}.lni-oculus::before{content:"\\eb7e"}.lni-open-ai::before{content:"\\eb7f"}.lni-opera-mini::before{content:"\\eb80"}.lni-oracle::before{content:"\\eb81"}.lni-outdent::before{content:"\\eb82"}.lni-paddle::before{content:"\\eb83"}.lni-page-break-1::before{content:"\\eb84"}.lni-pagination::before{content:"\\eb85"}.lni-paint-bucket::before{content:"\\eb86"}.lni-paint-roller-1::before{content:"\\eb87"}.lni-paperclip-1::before{content:"\\eb88"}.lni-party-flags::before{content:"\\eb89"}.lni-party-spray::before{content:"\\eb8a"}.lni-patreon::before{content:"\\eb8b"}.lni-pause::before{content:"\\eb8c"}.lni-payoneer::before{content:"\\eb8d"}.lni-paypal::before{content:"\\eb8e"}.lni-pen-to-square::before{content:"\\eb8f"}.lni-pencil-1::before{content:"\\eb90"}.lni-pepsi::before{content:"\\eb91"}.lni-phone::before{content:"\\eb92"}.lni-photos::before{content:"\\eb93"}.lni-php::before{content:"\\eb94"}.lni-pie-chart-2::before{content:"\\eb95"}.lni-pilcrow::before{content:"\\eb96"}.lni-pimjo-logo::before{content:"\\eb97"}.lni-pimjo-symbol::before{content:"\\eb98"}.lni-pinterest::before{content:"\\eb99"}.lni-pizza-2::before{content:"\\eb9a"}.lni-placeholder-dollar::before{content:"\\eb9b"}.lni-plantscale::before{content:"\\eb9c"}.lni-play::before{content:"\\eb9d"}.lni-play-store::before{content:"\\eb9e"}.lni-playstation::before{content:"\\eb9f"}.lni-plug-1::before{content:"\\eba0"}.lni-plus::before{content:"\\eba1"}.lni-plus-circle::before{content:"\\eba2"}.lni-pnpm::before{content:"\\eba3"}.lni-postgresql::before{content:"\\eba4"}.lni-postman::before{content:"\\eba5"}.lni-pound::before{content:"\\eba6"}.lni-power-button::before{content:"\\eba7"}.lni-previous-step-2::before{content:"\\eba8"}.lni-printer::before{content:"\\eba9"}.lni-prisma::before{content:"\\ebaa"}.lni-producthunt::before{content:"\\ebab"}.lni-proton-mail-logo::before{content:"\\ebac"}.lni-proton-mail-symbol::before{content:"\\ebad"}.lni-python::before{content:"\\ebae"}.lni-question-mark::before{content:"\\ebaf"}.lni-question-mark-circle::before{content:"\\ebb0"}.lni-quora::before{content:"\\ebb1"}.lni-radis::before{content:"\\ebb2"}.lni-react::before{content:"\\ebb3"}.lni-reddit::before{content:"\\ebb4"}.lni-refresh-circle-1-clockwise::before{content:"\\ebb5"}.lni-refresh-dollar-1::before{content:"\\ebb6"}.lni-refresh-user-1::before{content:"\\ebb7"}.lni-remix-js::before{content:"\\ebb8"}.lni-road-1::before{content:"\\ebb9"}.lni-rocket-5::before{content:"\\ebba"}.lni-route-1::before{content:"\\ebbb"}.lni-rss-right::before{content:"\\ebbc"}.lni-ruler-1::before{content:"\\ebbd"}.lni-ruler-pen::before{content:"\\ebbe"}.lni-rupee::before{content:"\\ebbf"}.lni-safari::before{content:"\\ebc0"}.lni-sanity::before{content:"\\ebc1"}.lni-school-bench-1::before{content:"\\ebc2"}.lni-school-bench-2::before{content:"\\ebc3"}.lni-scissors-1-vertical::before{content:"\\ebc4"}.lni-scoter::before{content:"\\ebc5"}.lni-scroll-down-2::before{content:"\\ebc6"}.lni-search-1::before{content:"\\ebc7"}.lni-search-2::before{content:"\\ebc8"}.lni-search-minus::before{content:"\\ebc9"}.lni-search-plus::before{content:"\\ebca"}.lni-search-text::before{content:"\\ebcb"}.lni-select-cursor-1::before{content:"\\ebcc"}.lni-seo-monitor::before{content:"\\ebcd"}.lni-service-bell-1::before{content:"\\ebce"}.lni-share-1::before{content:"\\ebcf"}.lni-share-1-circle::before{content:"\\ebd0"}.lni-share-2::before{content:"\\ebd1"}.lni-shield-2::before{content:"\\ebd2"}.lni-shield-2-check::before{content:"\\ebd3"}.lni-shield-dollar::before{content:"\\ebd4"}.lni-shift-left::before{content:"\\ebd5"}.lni-shift-right::before{content:"\\ebd6"}.lni-ship-1::before{content:"\\ebd7"}.lni-shirt-1::before{content:"\\ebd8"}.lni-shopify::before{content:"\\ebd9"}.lni-shovel::before{content:"\\ebda"}.lni-shuffle::before{content:"\\ebdb"}.lni-sign-post-left::before{content:"\\ebdc"}.lni-signal-app::before{content:"\\ebdd"}.lni-signs-post-2::before{content:"\\ebde"}.lni-sketch::before{content:"\\ebdf"}.lni-skype::before{content:"\\ebe0"}.lni-slack::before{content:"\\ebe1"}.lni-slice-2::before{content:"\\ebe2"}.lni-sliders-horizontal-square-2::before{content:"\\ebe3"}.lni-slideshare::before{content:"\\ebe4"}.lni-snapchat::before{content:"\\ebe5"}.lni-sort-alphabetical::before{content:"\\ebe6"}.lni-sort-high-to-low::before{content:"\\ebe7"}.lni-soundcloud::before{content:"\\ebe8"}.lni-spacex::before{content:"\\ebe9"}.lni-spellcheck::before{content:"\\ebea"}.lni-spinner-2-sacle::before{content:"\\ebeb"}.lni-spinner-3::before{content:"\\ebec"}.lni-sports::before{content:"\\ebed"}.lni-spotify::before{content:"\\ebee"}.lni-spotify-alt::before{content:"\\ebef"}.lni-squarespace::before{content:"\\ebf0"}.lni-stackoverflow::before{content:"\\ebf1"}.lni-stamp::before{content:"\\ebf2"}.lni-star-fat::before{content:"\\ebf3"}.lni-star-fat-half-2::before{content:"\\ebf4"}.lni-star-sharp-disabled::before{content:"\\ebf5"}.lni-statista::before{content:"\\ebf6"}.lni-steam::before{content:"\\ebf7"}.lni-stethoscope-1::before{content:"\\ebf8"}.lni-stopwatch::before{content:"\\ebf9"}.lni-storage-hdd-2::before{content:"\\ebfa"}.lni-strikethrough-1::before{content:"\\ebfb"}.lni-stripe::before{content:"\\ebfc"}.lni-stumbleupon::before{content:"\\ebfd"}.lni-sun-1::before{content:"\\ebfe"}.lni-supabase::before{content:"\\ebff"}.lni-surfboard-2::before{content:"\\ec00"}.lni-svelte::before{content:"\\ec01"}.lni-swift::before{content:"\\ec02"}.lni-tab::before{content:"\\ec03"}.lni-tailwindcss::before{content:"\\ec04"}.lni-target-user::before{content:"\\ec05"}.lni-telegram::before{content:"\\ec06"}.lni-telephone-1::before{content:"\\ec07"}.lni-telephone-3::before{content:"\\ec08"}.lni-tesla::before{content:"\\ec09"}.lni-text-format::before{content:"\\ec0a"}.lni-text-format-remove::before{content:"\\ec0b"}.lni-text-paragraph::before{content:"\\ec0c"}.lni-thumbs-down-3::before{content:"\\ec0d"}.lni-thumbs-up-3::before{content:"\\ec0e"}.lni-ticket-1::before{content:"\\ec0f"}.lni-tickets-3::before{content:"\\ec10"}.lni-tiktok::before{content:"\\ec11"}.lni-tiktok-alt::before{content:"\\ec12"}.lni-tower-broadcast-1::before{content:"\\ec13"}.lni-toyota::before{content:"\\ec14"}.lni-train-1::before{content:"\\ec15"}.lni-train-3::before{content:"\\ec16"}.lni-trash-3::before{content:"\\ec17"}.lni-tree-2::before{content:"\\ec18"}.lni-trees-3::before{content:"\\ec19"}.lni-trello::before{content:"\\ec1a"}.lni-trend-down-1::before{content:"\\ec1b"}.lni-trend-up-1::before{content:"\\ec1c"}.lni-trophy-1::before{content:"\\ec1d"}.lni-trowel-1::before{content:"\\ec1e"}.lni-truck-delivery-1::before{content:"\\ec1f"}.lni-tumblr::before{content:"\\ec20"}.lni-turborepo::before{content:"\\ec21"}.lni-twitch::before{content:"\\ec22"}.lni-twitter-old::before{content:"\\ec23"}.lni-typescript::before{content:"\\ec24"}.lni-uber::before{content:"\\ec25"}.lni-uber-symbol::before{content:"\\ec26"}.lni-ubuntu::before{content:"\\ec27"}.lni-underline::before{content:"\\ec28"}.lni-unlink-2-angular-eft::before{content:"\\ec29"}.lni-unlocked-2::before{content:"\\ec2a"}.lni-unsplash::before{content:"\\ec2b"}.lni-upload-1::before{content:"\\ec2c"}.lni-upload-circle-1::before{content:"\\ec2d"}.lni-user-4::before{content:"\\ec2e"}.lni-user-multiple-4::before{content:"\\ec2f"}.lni-vector-nodes-6::before{content:"\\ec30"}.lni-vector-nodes-7::before{content:"\\ec31"}.lni-vercel::before{content:"\\ec32"}.lni-vimeo::before{content:"\\ec33"}.lni-visa::before{content:"\\ec34"}.lni-vite::before{content:"\\ec35"}.lni-vk::before{content:"\\ec36"}.lni-vmware::before{content:"\\ec37"}.lni-volkswagen::before{content:"\\ec38"}.lni-volume-1::before{content:"\\ec39"}.lni-volume-high::before{content:"\\ec3a"}.lni-volume-low::before{content:"\\ec3b"}.lni-volume-mute::before{content:"\\ec3c"}.lni-volume-off::before{content:"\\ec3d"}.lni-vs-code::before{content:"\\ec3e"}.lni-vuejs::before{content:"\\ec3f"}.lni-wallet-1::before{content:"\\ec40"}.lni-watch-beat-1::before{content:"\\ec41"}.lni-water-drop-1::before{content:"\\ec42"}.lni-webflow::before{content:"\\ec43"}.lni-webhooks::before{content:"\\ec44"}.lni-wechat::before{content:"\\ec45"}.lni-weight-machine-1::before{content:"\\ec46"}.lni-whatsapp::before{content:"\\ec47"}.lni-wheelbarrow-empty::before{content:"\\ec48"}.lni-wheelchair-1::before{content:"\\ec49"}.lni-windows::before{content:"\\ec4a"}.lni-wise::before{content:"\\ec4b"}.lni-wordpress::before{content:"\\ec4c"}.lni-www::before{content:"\\ec4d"}.lni-www-cursor::before{content:"\\ec4e"}.lni-x::before{content:"\\ec4f"}.lni-xampp::before{content:"\\ec50"}.lni-xbox::before{content:"\\ec51"}.lni-xmark::before{content:"\\ec52"}.lni-xmark-circle::before{content:"\\ec53"}.lni-xrp::before{content:"\\ec54"}.lni-yahoo::before{content:"\\ec55"}.lni-yarn::before{content:"\\ec56"}.lni-ycombinator::before{content:"\\ec57"}.lni-yen::before{content:"\\ec58"}.lni-youtube::before{content:"\\ec59"}.lni-youtube-kids::before{content:"\\ec5a"}.lni-youtube-music::before{content:"\\ec5b"}.lni-zapier::before{content:"\\ec5c"}.lni-zero-size::before{content:"\\ec5d"}.lni-zoom::before{content:"\\ec5e"}:host{display:inline-block;box-sizing:content-box !important;--icon-size:24px;--icon-color:inherit}:host([split-pane-focus]) .icon-wrapper{cursor:pointer}.icon-wrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:sans-serif;overflow:hidden;margin:0;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;height:100%}.icon{width:var(--icon-size);height:var(--icon-size);color:var(--icon-color);overflow:hidden;line-height:1}.icon i{font-size:var(--icon-size) !important}.icon--default{--icon-color:rgb(var(--zn-text))}.icon--primary{--icon-color:rgb(var(--zn-primary))}.icon--accent{--icon-color:rgb(var(--zn-accent))}.icon--info{--icon-color:rgb(var(--zn-color-info))}.icon--warning{--icon-color:rgb(var(--zn-color-warning))}.icon--error{--icon-color:rgb(var(--zn-color-error))}.icon--success{--icon-color:rgb(var(--zn-color-success))}.icon--white{--icon-color:rgb(var(--zn-body))}.icon--disabled{--icon-color:rgb(var(--zn-color-disabled))}.icon--red{--icon-color:rgb(var(--zn-red))}.icon--blue{--icon-color:rgb(var(--zn-blue))}.icon--green{--icon-color:rgb(var(--zn-green))}.icon--orange{--icon-color:rgb(var(--zn-orange))}.icon--yellow{--icon-color:rgb(var(--zn-yellow))}.icon--indigo{--icon-color:rgb(var(--zn-indigo))}.icon--violet{--icon-color:rgb(var(--zn-violet))}.icon--pink{--icon-color:rgb(var(--zn-pink))}.icon--grey{--icon-color:rgb(var(--zn-grey))}.icon--filled .lucide{fill:var(--icon-fill,currentColor)}.icon--fill-default{--icon-fill:rgb(var(--zn-text))}.icon--fill-primary{--icon-fill:rgb(var(--zn-primary))}.icon--fill-accent{--icon-fill:rgb(var(--zn-accent))}.icon--fill-info{--icon-fill:rgb(var(--zn-color-info))}.icon--fill-warning{--icon-fill:rgb(var(--zn-color-warning))}.icon--fill-error{--icon-fill:rgb(var(--zn-color-error))}.icon--fill-success{--icon-fill:rgb(var(--zn-color-success))}.icon--fill-white{--icon-fill:rgb(var(--zn-body))}.icon--fill-disabled{--icon-fill:rgb(var(--zn-color-disabled))}.icon--fill-red{--icon-fill:rgb(var(--zn-red))}.icon--fill-blue{--icon-fill:rgb(var(--zn-blue))}.icon--fill-green{--icon-fill:rgb(var(--zn-green))}.icon--fill-orange{--icon-fill:rgb(var(--zn-orange))}.icon--fill-yellow{--icon-fill:rgb(var(--zn-yellow))}.icon--fill-indigo{--icon-fill:rgb(var(--zn-indigo))}.icon--fill-violet{--icon-fill:rgb(var(--zn-violet))}.icon--fill-pink{--icon-fill:rgb(var(--zn-pink))}.icon--fill-grey{--icon-fill:rgb(var(--zn-grey))}.icon--round{border-radius:50%}.icon--tile{border-radius:20%}.icon--depth{position:relative}.icon--depth:before,.icon--depth:after{content:"";position:absolute;inset:0;border-radius:inherit}.icon--depth:before{box-shadow:inset -2px -2px 1px rgba(0,0,0,0.1)}.icon--depth:after{box-shadow:inset 2px 2px 1px rgba(255,255,255,0.2)}.icon--blink{animation:blink-animation 1.5s steps(5,start) infinite}.icon--avatar{background-color:var(--avatar-color,var(--icon-color));color:hsl(from var(--avatar-color,var(--icon-color)) h s 95);display:flex;justify-content:center;align-items:center}.icon--avatar .avatar__text{font-size:calc(var(--icon-size) / 2.4);color:hsl(from var(--avatar-color,var(--icon-color)) h s 95);font-weight:var(--zn-font-weight-semibold)}.icon--padded{padding:var(--zn-spacing-small)}.icon--squared{width:auto !important;height:auto !important;aspect-ratio:1/1;display:block}.icon .mi{font-family:"Material Icons";font-size:inherit;font-weight:300;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}.icon .mi--outlined{font-family:"Material Icons Outlined"}.icon .mi--round{font-family:"Material Icons Round"}.icon .mi--sharp{font-family:"Material Icons Sharp"}.icon .mi--two-tone{font-family:"Material Icons Two Tone"}.icon .mi--symbol-outlined{font-family:"Material Symbols Outlined"}.icon .kb{font-family:"Kubex Icons Brands";font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.icon .lucide{display:block;width:100%;height:100%;color:currentColor;stroke:currentColor}.icon img{max-width:100%;vertical-align:middle}@keyframes blink-animation{0%,100%{opacity:1}50%{opacity:0.5}}`;var Us,yg;function zg(){return yg??(yg=import("./chunks/zn.ZGI3WHSG.js").then(i=>{Us=i.icons}).catch(()=>{Us={}})),yg}var Qe=class Qe extends C{constructor(){super(...arguments);this.size=24;this.round=!1;this.tile=!1;this.depth=!1;this.padded=!1;this.blink=!1;this.squared=!1;this.gravatarOptions="";this.defaultLibrary="material-symbols-outlined";this.libraryAutoSet=!1}isPresetColor(t){return Qe.presetColors.has(t)}convertToLibrary(t){return this.convertIndicatorToLibrary(t)??this.defaultLibrary}convertIndicatorToLibrary(t){switch(t){case"material":case"mat":case"m":return"material";case"material-outlined":case"mo":return"material-outlined";case"material-round":case"mr":return"material-round";case"material-sharp":case"ms":return"material-sharp";case"material-two-tone":case"mt":case"m2":return"material-two-tone";case"material-symbols-outlined":case"mso":return"material-symbols-outlined";case"gravatar":case"grav":return"gravatar";case"libravatar":return"libravatar";case"avatar":case"av":return"avatar";case"line":return"line";case"lucide":case"lu":return"lucide";case"brand":case"brands":return"brands"}}connectedCallback(){super.connectedCallback(),Sa(u`
|
|
39
|
+
`);let b="";for(let v=0;v<g.length;v++){let x=g.charCodeAt(v);x<128?b+=String.fromCharCode(x):x<2048?(b+=String.fromCharCode(x>>6|192),b+=String.fromCharCode(x&63|128)):(b+=String.fromCharCode(x>>12|224),b+=String.fromCharCode(x>>6&63|128),b+=String.fromCharCode(x&63|128))}return b}let r=Math.pow,n=r(2,32),a=[],s=[],l=[],d={},h=0,m=t(i),f=m.length*8;for(let g=2;h<64;g++)if(!d[g]){for(let b=0;b<313;b+=g)d[b]=!0;h<8&&(s[h]=r(g,.5)*n|0),l[h]=r(g,1/3)*n|0,h++}for(m+="\x80";m.length%64!==56;)m+="\0";for(let g=0;g<m.length;g++)a[g>>2]|=m.charCodeAt(g)<<(3-g%4)*8;a[a.length]=f/n|0,a[a.length]=f;for(let g=0;g<a.length;g+=16){let b=s.slice(0,8),v=a.slice(g,g+16);for(let x=16;x<64;x++){let S=v[x-15],_=v[x-2],R=o(S,7)^o(S,18)^S>>>3,j=o(_,17)^o(_,19)^_>>>10;v[x]=v[x-16]+R+v[x-7]+j|0}for(let x=0;x<64;x++){let S=b[0],_=b[1],R=b[2],j=b[3],I=b[4],w=b[5],E=b[6],q=b[7],G=o(I,6)^o(I,11)^o(I,25),tt=I&w^~I&E,ut=q+G+tt+l[x]+v[x]|0,pt=o(S,2)^o(S,13)^o(S,22),gt=S&_^S&R^_&R,Vt=pt+gt|0;b[7]=E,b[6]=w,b[5]=I,b[4]=j+ut|0,b[3]=R,b[2]=_,b[1]=S,b[0]=ut+Vt|0}for(let x=0;x<8;x++)s[x]=s[x]+b[x]|0}return s.map(g=>(g>>>0).toString(16).padStart(8,"0")).join("")}var Vs=class extends ji{};Vs.directiveName="unsafeSVG",Vs.resultType=2;var vg=ie(Vs);var xg=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}.lni{display:inline-block;font:normal normal normal 1em/1 "Lineicons";color:inherit;flex-shrink:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lni-sm{font-size:0.8em}.lni-lg{font-size:1.2em}.lni-16{font-size:16px}.lni-32{font-size:32px}.lni-is-spinning{animation:lni-spin 1s infinite linear}@keyframes lni-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.lni-rotate-90{transform:rotate(90deg)}.lni-rotate-180{transform:rotate(180deg)}.lni-rotate-270{transform:rotate(270deg)}.lni-flip-y{transform:scaleY(-1)}.lni-flip-x{transform:scaleX(-1)}.lni-500px::before{content:"\\ea01"}.lni-adobe::before{content:"\\ea02"}.lni-adonis::before{content:"\\ea03"}.lni-aeroplane-1::before{content:"\\ea04"}.lni-agenda::before{content:"\\ea05"}.lni-airbnb::before{content:"\\ea06"}.lni-airtable::before{content:"\\ea07"}.lni-alarm-1::before{content:"\\ea08"}.lni-align-text-center::before{content:"\\ea09"}.lni-align-text-left::before{content:"\\ea0a"}.lni-align-text-right::before{content:"\\ea0b"}.lni-alpinejs::before{content:"\\ea0c"}.lni-amazon::before{content:"\\ea0d"}.lni-amazon-original::before{content:"\\ea0e"}.lni-amazon-pay::before{content:"\\ea0f"}.lni-ambulance-1::before{content:"\\ea10"}.lni-amd::before{content:"\\ea11"}.lni-amex::before{content:"\\ea12"}.lni-anchor::before{content:"\\ea13"}.lni-android::before{content:"\\ea14"}.lni-android-old::before{content:"\\ea15"}.lni-angellist::before{content:"\\ea16"}.lni-angle-double-down::before{content:"\\ea17"}.lni-angle-double-left::before{content:"\\ea18"}.lni-angle-double-right::before{content:"\\ea19"}.lni-angle-double-up::before{content:"\\ea1a"}.lni-angular::before{content:"\\ea1b"}.lni-app-store::before{content:"\\ea1c"}.lni-apple-brand::before{content:"\\ea1d"}.lni-apple-music::before{content:"\\ea1e"}.lni-apple-music-alt::before{content:"\\ea1f"}.lni-apple-pay::before{content:"\\ea20"}.lni-arc-browser::before{content:"\\ea21"}.lni-arrow-all-direction::before{content:"\\ea22"}.lni-arrow-angular-top-left::before{content:"\\ea23"}.lni-arrow-angular-top-right::before{content:"\\ea24"}.lni-arrow-both-direction-horizontal-1::before{content:"\\ea25"}.lni-arrow-both-direction-vertical-1::before{content:"\\ea26"}.lni-arrow-downward::before{content:"\\ea27"}.lni-arrow-left::before{content:"\\ea28"}.lni-arrow-left-circle::before{content:"\\ea29"}.lni-arrow-right::before{content:"\\ea2a"}.lni-arrow-right-circle::before{content:"\\ea2b"}.lni-arrow-upward::before{content:"\\ea2c"}.lni-asana::before{content:"\\ea2d"}.lni-astro::before{content:"\\ea2e"}.lni-atlassian::before{content:"\\ea2f"}.lni-audi::before{content:"\\ea30"}.lni-audi-alt::before{content:"\\ea31"}.lni-aws::before{content:"\\ea32"}.lni-azure::before{content:"\\ea33"}.lni-badge-decagram-percent::before{content:"\\ea34"}.lni-balloons::before{content:"\\ea35"}.lni-ban-2::before{content:"\\ea36"}.lni-bar-chart-4::before{content:"\\ea37"}.lni-bar-chart-dollar::before{content:"\\ea38"}.lni-basket-shopping-3::before{content:"\\ea39"}.lni-beat::before{content:"\\ea3a"}.lni-behance::before{content:"\\ea3b"}.lni-bell-1::before{content:"\\ea3c"}.lni-bike::before{content:"\\ea3d"}.lni-bing::before{content:"\\ea3e"}.lni-bitbucket::before{content:"\\ea3f"}.lni-bitcoin::before{content:"\\ea40"}.lni-bittorrent::before{content:"\\ea41"}.lni-blogger::before{content:"\\ea42"}.lni-blogger-alt::before{content:"\\ea43"}.lni-bluetooth::before{content:"\\ea44"}.lni-bluetooth-logo::before{content:"\\ea45"}.lni-bmw::before{content:"\\ea46"}.lni-board-writing-3::before{content:"\\ea47"}.lni-bold::before{content:"\\ea48"}.lni-bolt-2::before{content:"\\ea49"}.lni-bolt-3::before{content:"\\ea4a"}.lni-book-1::before{content:"\\ea4b"}.lni-bookmark-1::before{content:"\\ea4c"}.lni-bookmark-circle::before{content:"\\ea4d"}.lni-books-2::before{content:"\\ea4e"}.lni-bootstrap-5::before{content:"\\ea4f"}.lni-bootstrap-5-square::before{content:"\\ea50"}.lni-box-archive-1::before{content:"\\ea51"}.lni-box-closed::before{content:"\\ea52"}.lni-box-gift-1::before{content:"\\ea53"}.lni-brave::before{content:"\\ea54"}.lni-bricks::before{content:"\\ea55"}.lni-bridge-3::before{content:"\\ea56"}.lni-briefcase-1::before{content:"\\ea57"}.lni-briefcase-2::before{content:"\\ea58"}.lni-briefcase-plus-1::before{content:"\\ea59"}.lni-brush-1-rotated::before{content:"\\ea5a"}.lni-brush-2::before{content:"\\ea5b"}.lni-btc::before{content:"\\ea5c"}.lni-bug-1::before{content:"\\ea5d"}.lni-buildings-1::before{content:"\\ea5e"}.lni-bulb-2::before{content:"\\ea5f"}.lni-bulb-4::before{content:"\\ea60"}.lni-burger-1::before{content:"\\ea61"}.lni-burger-drink::before{content:"\\ea62"}.lni-bus-1::before{content:"\\ea63"}.lni-busket-ball::before{content:"\\ea64"}.lni-cake-1::before{content:"\\ea65"}.lni-calculator-1::before{content:"\\ea66"}.lni-calculator-2::before{content:"\\ea67"}.lni-calendar-days::before{content:"\\ea68"}.lni-camera-1::before{content:"\\ea69"}.lni-camera-movie-1::before{content:"\\ea6a"}.lni-candy-cane-2::before{content:"\\ea6b"}.lni-candy-round-1::before{content:"\\ea6c"}.lni-canva::before{content:"\\ea6d"}.lni-capsule-1::before{content:"\\ea6e"}.lni-car-2::before{content:"\\ea6f"}.lni-car-4::before{content:"\\ea70"}.lni-car-6::before{content:"\\ea71"}.lni-caravan-1::before{content:"\\ea72"}.lni-cart-1::before{content:"\\ea73"}.lni-cart-2::before{content:"\\ea74"}.lni-cash-app::before{content:"\\ea75"}.lni-certificate-badge-1::before{content:"\\ea76"}.lni-chat-bubble-2::before{content:"\\ea77"}.lni-check::before{content:"\\ea78"}.lni-check-circle-1::before{content:"\\ea79"}.lni-check-square-2::before{content:"\\ea7a"}.lni-chevron-down::before{content:"\\ea7b"}.lni-chevron-down-circle::before{content:"\\ea7c"}.lni-chevron-left::before{content:"\\ea7d"}.lni-chevron-left-circle::before{content:"\\ea7e"}.lni-chevron-right-circle::before{content:"\\ea7f"}.lni-chevron-up::before{content:"\\ea80"}.lni-chevron-up-circle::before{content:"\\ea81"}.lni-chrome::before{content:"\\ea82"}.lni-chromecast::before{content:"\\ea83"}.lni-cisco::before{content:"\\ea84"}.lni-claude::before{content:"\\ea85"}.lni-clickup::before{content:"\\ea86"}.lni-clipboard::before{content:"\\ea87"}.lni-cloud-2::before{content:"\\ea88"}.lni-cloud-bolt-1::before{content:"\\ea89"}.lni-cloud-bolt-2::before{content:"\\ea8a"}.lni-cloud-check-circle::before{content:"\\ea8b"}.lni-cloud-download::before{content:"\\ea8c"}.lni-cloud-iot-2::before{content:"\\ea8d"}.lni-cloud-rain::before{content:"\\ea8e"}.lni-cloud-refresh-clockwise::before{content:"\\ea8f"}.lni-cloud-sun::before{content:"\\ea90"}.lni-cloud-upload::before{content:"\\ea91"}.lni-cloudflare::before{content:"\\ea92"}.lni-code-1::before{content:"\\ea93"}.lni-code-s::before{content:"\\ea94"}.lni-codepen::before{content:"\\ea95"}.lni-coffee-cup-2::before{content:"\\ea96"}.lni-coinbase::before{content:"\\ea97"}.lni-colour-palette-3::before{content:"\\ea98"}.lni-comment-1::before{content:"\\ea99"}.lni-comment-1-share::before{content:"\\ea9a"}.lni-comment-1-text::before{content:"\\ea9b"}.lni-compass-drafting-2::before{content:"\\ea9c"}.lni-connectdevelop::before{content:"\\ea9d"}.lni-copilot::before{content:"\\ea9e"}.lni-coral::before{content:"\\ea9f"}.lni-cpanel::before{content:"\\eaa0"}.lni-crane-4::before{content:"\\eaa1"}.lni-creative-commons::before{content:"\\eaa2"}.lni-credit-card-multiple::before{content:"\\eaa3"}.lni-crop-2::before{content:"\\eaa4"}.lni-crown-3::before{content:"\\eaa5"}.lni-css3::before{content:"\\eaa6"}.lni-dashboard-square-1::before{content:"\\eaa7"}.lni-database-2::before{content:"\\eaa8"}.lni-deno::before{content:"\\eaa9"}.lni-dev::before{content:"\\eaaa"}.lni-dialogflow::before{content:"\\eaab"}.lni-diamonds-1::before{content:"\\eaac"}.lni-diamonds-2::before{content:"\\eaad"}.lni-digitalocean::before{content:"\\eaae"}.lni-diners-club::before{content:"\\eaaf"}.lni-direction-ltr::before{content:"\\eab0"}.lni-direction-rtl::before{content:"\\eab1"}.lni-discord::before{content:"\\eab2"}.lni-discord-chat::before{content:"\\eab3"}.lni-discover::before{content:"\\eab4"}.lni-docker::before{content:"\\eab5"}.lni-dollar::before{content:"\\eab6"}.lni-dollar-circle::before{content:"\\eab7"}.lni-double-quotes-end-1::before{content:"\\eab8"}.lni-download-1::before{content:"\\eab9"}.lni-download-circle-1::before{content:"\\eaba"}.lni-dribbble::before{content:"\\eabb"}.lni-dribbble-symbol::before{content:"\\eabc"}.lni-drizzle::before{content:"\\eabd"}.lni-dropbox::before{content:"\\eabe"}.lni-drupal::before{content:"\\eabf"}.lni-dumbbell-1::before{content:"\\eac0"}.lni-edge::before{content:"\\eac1"}.lni-emoji-expressionless::before{content:"\\eac2"}.lni-emoji-expressionless-flat-eyes::before{content:"\\eac3"}.lni-emoji-grin::before{content:"\\eac4"}.lni-emoji-sad::before{content:"\\eac5"}.lni-emoji-smile::before{content:"\\eac6"}.lni-emoji-smile-side::before{content:"\\eac7"}.lni-emoji-smile-sunglass::before{content:"\\eac8"}.lni-emoji-smile-tongue::before{content:"\\eac9"}.lni-enter::before{content:"\\eaca"}.lni-enter-down::before{content:"\\eacb"}.lni-envato::before{content:"\\eacc"}.lni-envelope-1::before{content:"\\eacd"}.lni-eraser-1::before{content:"\\eace"}.lni-ethereum-logo::before{content:"\\eacf"}.lni-euro::before{content:"\\ead0"}.lni-exit::before{content:"\\ead1"}.lni-exit-up::before{content:"\\ead2"}.lni-expand-arrow-1::before{content:"\\ead3"}.lni-expand-square-4::before{content:"\\ead4"}.lni-expressjs::before{content:"\\ead5"}.lni-eye::before{content:"\\ead6"}.lni-facebook::before{content:"\\ead7"}.lni-facebook-messenger::before{content:"\\ead8"}.lni-facebook-rounded::before{content:"\\ead9"}.lni-facebook-square::before{content:"\\eada"}.lni-facetime::before{content:"\\eadb"}.lni-figma::before{content:"\\eadc"}.lni-file-format-zip::before{content:"\\eadd"}.lni-file-multiple::before{content:"\\eade"}.lni-file-pencil::before{content:"\\eadf"}.lni-file-plus-circle::before{content:"\\eae0"}.lni-file-question::before{content:"\\eae1"}.lni-file-xmark::before{content:"\\eae2"}.lni-firebase::before{content:"\\eae3"}.lni-firefox::before{content:"\\eae4"}.lni-firework-rocket-4::before{content:"\\eae5"}.lni-fitbit::before{content:"\\eae6"}.lni-flag-1::before{content:"\\eae7"}.lni-flag-2::before{content:"\\eae8"}.lni-flickr::before{content:"\\eae9"}.lni-floppy-disk-1::before{content:"\\eaea"}.lni-flower-2::before{content:"\\eaeb"}.lni-flutter::before{content:"\\eaec"}.lni-folder-1::before{content:"\\eaed"}.lni-ford::before{content:"\\eaee"}.lni-framer::before{content:"\\eaef"}.lni-funnel-1::before{content:"\\eaf0"}.lni-gallery::before{content:"\\eaf1"}.lni-game-pad-modern-1::before{content:"\\eaf2"}.lni-gatsby::before{content:"\\eaf3"}.lni-gauge-1::before{content:"\\eaf4"}.lni-gear-1::before{content:"\\eaf5"}.lni-gears-3::before{content:"\\eaf6"}.lni-gemini::before{content:"\\eaf7"}.lni-git::before{content:"\\eaf8"}.lni-github::before{content:"\\eaf9"}.lni-glass-juice-1::before{content:"\\eafa"}.lni-globe-1::before{content:"\\eafb"}.lni-globe-stand::before{content:"\\eafc"}.lni-go::before{content:"\\eafd"}.lni-goodreads::before{content:"\\eafe"}.lni-google::before{content:"\\eaff"}.lni-google-cloud::before{content:"\\eb00"}.lni-google-drive::before{content:"\\eb01"}.lni-google-meet::before{content:"\\eb02"}.lni-google-pay::before{content:"\\eb03"}.lni-google-wallet::before{content:"\\eb04"}.lni-graduation-cap-1::before{content:"\\eb05"}.lni-grammarly::before{content:"\\eb06"}.lni-hacker-news::before{content:"\\eb07"}.lni-hammer-1::before{content:"\\eb08"}.lni-hammer-2::before{content:"\\eb09"}.lni-hand-mic::before{content:"\\eb0a"}.lni-hand-shake::before{content:"\\eb0b"}.lni-hand-stop::before{content:"\\eb0c"}.lni-hand-taking-dollar::before{content:"\\eb0d"}.lni-hand-taking-leaf-1::before{content:"\\eb0e"}.lni-hand-taking-user::before{content:"\\eb0f"}.lni-hashnode::before{content:"\\eb10"}.lni-hat-chef-3::before{content:"\\eb11"}.lni-headphone-1::before{content:"\\eb12"}.lni-heart::before{content:"\\eb13"}.lni-helicopter-2::before{content:"\\eb14"}.lni-helmet-safety-1::before{content:"\\eb15"}.lni-hierarchy-1::before{content:"\\eb16"}.lni-highlighter-1::before{content:"\\eb17"}.lni-highlighter-2::before{content:"\\eb18"}.lni-home-2::before{content:"\\eb19"}.lni-hospital-2::before{content:"\\eb1a"}.lni-hourglass::before{content:"\\eb1b"}.lni-html5::before{content:"\\eb1c"}.lni-ibm::before{content:"\\eb1d"}.lni-id-card::before{content:"\\eb1e"}.lni-imdb::before{content:"\\eb1f"}.lni-indent::before{content:"\\eb20"}.lni-info::before{content:"\\eb21"}.lni-injection-1::before{content:"\\eb22"}.lni-instagram::before{content:"\\eb23"}.lni-instagram-logotype::before{content:"\\eb24"}.lni-intel::before{content:"\\eb25"}.lni-ios::before{content:"\\eb26"}.lni-island-2::before{content:"\\eb27"}.lni-jaguar::before{content:"\\eb28"}.lni-jamstack::before{content:"\\eb29"}.lni-java::before{content:"\\eb2a"}.lni-javascript::before{content:"\\eb2b"}.lni-jcb::before{content:"\\eb2c"}.lni-joomla::before{content:"\\eb2d"}.lni-jsfiddle::before{content:"\\eb2e"}.lni-key-1::before{content:"\\eb2f"}.lni-keyboard::before{content:"\\eb30"}.lni-knife-fork-1::before{content:"\\eb31"}.lni-kubernetes::before{content:"\\eb32"}.lni-label-dollar-2::before{content:"\\eb33"}.lni-laptop-2::before{content:"\\eb34"}.lni-laptop-phone::before{content:"\\eb35"}.lni-laravel::before{content:"\\eb36"}.lni-layers-1::before{content:"\\eb37"}.lni-layout-26::before{content:"\\eb38"}.lni-layout-9::before{content:"\\eb39"}.lni-leaf-1::before{content:"\\eb3a"}.lni-leaf-6::before{content:"\\eb3b"}.lni-lemon-squeezy::before{content:"\\eb3c"}.lni-life-guard-tube-1::before{content:"\\eb3d"}.lni-line::before{content:"\\eb3e"}.lni-line-dashed::before{content:"\\eb3f"}.lni-line-dotted::before{content:"\\eb40"}.lni-line-height::before{content:"\\eb41"}.lni-lineicons::before{content:"\\eb42"}.lni-link-2-angular-right::before{content:"\\eb43"}.lni-linkedin::before{content:"\\eb44"}.lni-location-arrow-right::before{content:"\\eb45"}.lni-locked-1::before{content:"\\eb46"}.lni-locked-2::before{content:"\\eb47"}.lni-loom::before{content:"\\eb48"}.lni-magento::before{content:"\\eb49"}.lni-magnet::before{content:"\\eb4a"}.lni-mailchimp::before{content:"\\eb4b"}.lni-map-marker-1::before{content:"\\eb4c"}.lni-map-marker-5::before{content:"\\eb4d"}.lni-map-pin-5::before{content:"\\eb4e"}.lni-markdown::before{content:"\\eb4f"}.lni-mastercard::before{content:"\\eb50"}.lni-medium::before{content:"\\eb51"}.lni-medium-alt::before{content:"\\eb52"}.lni-megaphone-1::before{content:"\\eb53"}.lni-menu-cheesburger::before{content:"\\eb54"}.lni-menu-hamburger-1::before{content:"\\eb55"}.lni-menu-meatballs-1::before{content:"\\eb56"}.lni-menu-meatballs-2::before{content:"\\eb57"}.lni-mercedes::before{content:"\\eb58"}.lni-message-2::before{content:"\\eb59"}.lni-message-2-question::before{content:"\\eb5a"}.lni-message-3-text::before{content:"\\eb5b"}.lni-meta::before{content:"\\eb5c"}.lni-meta-alt::before{content:"\\eb5d"}.lni-microphone-1::before{content:"\\eb5e"}.lni-microscope::before{content:"\\eb5f"}.lni-microsoft::before{content:"\\eb60"}.lni-microsoft-edge::before{content:"\\eb61"}.lni-microsoft-teams::before{content:"\\eb62"}.lni-minus::before{content:"\\eb63"}.lni-minus-circle::before{content:"\\eb64"}.lni-mongodb::before{content:"\\eb65"}.lni-monitor::before{content:"\\eb66"}.lni-monitor-code::before{content:"\\eb67"}.lni-monitor-mac::before{content:"\\eb68"}.lni-moon-half-right-5::before{content:"\\eb69"}.lni-mountains-2::before{content:"\\eb6a"}.lni-mouse-2::before{content:"\\eb6b"}.lni-mushroom-1::before{content:"\\eb6c"}.lni-mushroom-5::before{content:"\\eb6d"}.lni-music::before{content:"\\eb6e"}.lni-mysql::before{content:"\\eb6f"}.lni-nasa::before{content:"\\eb70"}.lni-netflix::before{content:"\\eb71"}.lni-netlify::before{content:"\\eb72"}.lni-next-step-2::before{content:"\\eb73"}.lni-nextjs::before{content:"\\eb74"}.lni-nike::before{content:"\\eb75"}.lni-nissan::before{content:"\\eb76"}.lni-nodejs::before{content:"\\eb77"}.lni-nodejs-alt::before{content:"\\eb78"}.lni-notebook-1::before{content:"\\eb79"}.lni-notion::before{content:"\\eb7a"}.lni-npm::before{content:"\\eb7b"}.lni-nuxt::before{content:"\\eb7c"}.lni-nvidia::before{content:"\\eb7d"}.lni-oculus::before{content:"\\eb7e"}.lni-open-ai::before{content:"\\eb7f"}.lni-opera-mini::before{content:"\\eb80"}.lni-oracle::before{content:"\\eb81"}.lni-outdent::before{content:"\\eb82"}.lni-paddle::before{content:"\\eb83"}.lni-page-break-1::before{content:"\\eb84"}.lni-pagination::before{content:"\\eb85"}.lni-paint-bucket::before{content:"\\eb86"}.lni-paint-roller-1::before{content:"\\eb87"}.lni-paperclip-1::before{content:"\\eb88"}.lni-party-flags::before{content:"\\eb89"}.lni-party-spray::before{content:"\\eb8a"}.lni-patreon::before{content:"\\eb8b"}.lni-pause::before{content:"\\eb8c"}.lni-payoneer::before{content:"\\eb8d"}.lni-paypal::before{content:"\\eb8e"}.lni-pen-to-square::before{content:"\\eb8f"}.lni-pencil-1::before{content:"\\eb90"}.lni-pepsi::before{content:"\\eb91"}.lni-phone::before{content:"\\eb92"}.lni-photos::before{content:"\\eb93"}.lni-php::before{content:"\\eb94"}.lni-pie-chart-2::before{content:"\\eb95"}.lni-pilcrow::before{content:"\\eb96"}.lni-pimjo-logo::before{content:"\\eb97"}.lni-pimjo-symbol::before{content:"\\eb98"}.lni-pinterest::before{content:"\\eb99"}.lni-pizza-2::before{content:"\\eb9a"}.lni-placeholder-dollar::before{content:"\\eb9b"}.lni-plantscale::before{content:"\\eb9c"}.lni-play::before{content:"\\eb9d"}.lni-play-store::before{content:"\\eb9e"}.lni-playstation::before{content:"\\eb9f"}.lni-plug-1::before{content:"\\eba0"}.lni-plus::before{content:"\\eba1"}.lni-plus-circle::before{content:"\\eba2"}.lni-pnpm::before{content:"\\eba3"}.lni-postgresql::before{content:"\\eba4"}.lni-postman::before{content:"\\eba5"}.lni-pound::before{content:"\\eba6"}.lni-power-button::before{content:"\\eba7"}.lni-previous-step-2::before{content:"\\eba8"}.lni-printer::before{content:"\\eba9"}.lni-prisma::before{content:"\\ebaa"}.lni-producthunt::before{content:"\\ebab"}.lni-proton-mail-logo::before{content:"\\ebac"}.lni-proton-mail-symbol::before{content:"\\ebad"}.lni-python::before{content:"\\ebae"}.lni-question-mark::before{content:"\\ebaf"}.lni-question-mark-circle::before{content:"\\ebb0"}.lni-quora::before{content:"\\ebb1"}.lni-radis::before{content:"\\ebb2"}.lni-react::before{content:"\\ebb3"}.lni-reddit::before{content:"\\ebb4"}.lni-refresh-circle-1-clockwise::before{content:"\\ebb5"}.lni-refresh-dollar-1::before{content:"\\ebb6"}.lni-refresh-user-1::before{content:"\\ebb7"}.lni-remix-js::before{content:"\\ebb8"}.lni-road-1::before{content:"\\ebb9"}.lni-rocket-5::before{content:"\\ebba"}.lni-route-1::before{content:"\\ebbb"}.lni-rss-right::before{content:"\\ebbc"}.lni-ruler-1::before{content:"\\ebbd"}.lni-ruler-pen::before{content:"\\ebbe"}.lni-rupee::before{content:"\\ebbf"}.lni-safari::before{content:"\\ebc0"}.lni-sanity::before{content:"\\ebc1"}.lni-school-bench-1::before{content:"\\ebc2"}.lni-school-bench-2::before{content:"\\ebc3"}.lni-scissors-1-vertical::before{content:"\\ebc4"}.lni-scoter::before{content:"\\ebc5"}.lni-scroll-down-2::before{content:"\\ebc6"}.lni-search-1::before{content:"\\ebc7"}.lni-search-2::before{content:"\\ebc8"}.lni-search-minus::before{content:"\\ebc9"}.lni-search-plus::before{content:"\\ebca"}.lni-search-text::before{content:"\\ebcb"}.lni-select-cursor-1::before{content:"\\ebcc"}.lni-seo-monitor::before{content:"\\ebcd"}.lni-service-bell-1::before{content:"\\ebce"}.lni-share-1::before{content:"\\ebcf"}.lni-share-1-circle::before{content:"\\ebd0"}.lni-share-2::before{content:"\\ebd1"}.lni-shield-2::before{content:"\\ebd2"}.lni-shield-2-check::before{content:"\\ebd3"}.lni-shield-dollar::before{content:"\\ebd4"}.lni-shift-left::before{content:"\\ebd5"}.lni-shift-right::before{content:"\\ebd6"}.lni-ship-1::before{content:"\\ebd7"}.lni-shirt-1::before{content:"\\ebd8"}.lni-shopify::before{content:"\\ebd9"}.lni-shovel::before{content:"\\ebda"}.lni-shuffle::before{content:"\\ebdb"}.lni-sign-post-left::before{content:"\\ebdc"}.lni-signal-app::before{content:"\\ebdd"}.lni-signs-post-2::before{content:"\\ebde"}.lni-sketch::before{content:"\\ebdf"}.lni-skype::before{content:"\\ebe0"}.lni-slack::before{content:"\\ebe1"}.lni-slice-2::before{content:"\\ebe2"}.lni-sliders-horizontal-square-2::before{content:"\\ebe3"}.lni-slideshare::before{content:"\\ebe4"}.lni-snapchat::before{content:"\\ebe5"}.lni-sort-alphabetical::before{content:"\\ebe6"}.lni-sort-high-to-low::before{content:"\\ebe7"}.lni-soundcloud::before{content:"\\ebe8"}.lni-spacex::before{content:"\\ebe9"}.lni-spellcheck::before{content:"\\ebea"}.lni-spinner-2-sacle::before{content:"\\ebeb"}.lni-spinner-3::before{content:"\\ebec"}.lni-sports::before{content:"\\ebed"}.lni-spotify::before{content:"\\ebee"}.lni-spotify-alt::before{content:"\\ebef"}.lni-squarespace::before{content:"\\ebf0"}.lni-stackoverflow::before{content:"\\ebf1"}.lni-stamp::before{content:"\\ebf2"}.lni-star-fat::before{content:"\\ebf3"}.lni-star-fat-half-2::before{content:"\\ebf4"}.lni-star-sharp-disabled::before{content:"\\ebf5"}.lni-statista::before{content:"\\ebf6"}.lni-steam::before{content:"\\ebf7"}.lni-stethoscope-1::before{content:"\\ebf8"}.lni-stopwatch::before{content:"\\ebf9"}.lni-storage-hdd-2::before{content:"\\ebfa"}.lni-strikethrough-1::before{content:"\\ebfb"}.lni-stripe::before{content:"\\ebfc"}.lni-stumbleupon::before{content:"\\ebfd"}.lni-sun-1::before{content:"\\ebfe"}.lni-supabase::before{content:"\\ebff"}.lni-surfboard-2::before{content:"\\ec00"}.lni-svelte::before{content:"\\ec01"}.lni-swift::before{content:"\\ec02"}.lni-tab::before{content:"\\ec03"}.lni-tailwindcss::before{content:"\\ec04"}.lni-target-user::before{content:"\\ec05"}.lni-telegram::before{content:"\\ec06"}.lni-telephone-1::before{content:"\\ec07"}.lni-telephone-3::before{content:"\\ec08"}.lni-tesla::before{content:"\\ec09"}.lni-text-format::before{content:"\\ec0a"}.lni-text-format-remove::before{content:"\\ec0b"}.lni-text-paragraph::before{content:"\\ec0c"}.lni-thumbs-down-3::before{content:"\\ec0d"}.lni-thumbs-up-3::before{content:"\\ec0e"}.lni-ticket-1::before{content:"\\ec0f"}.lni-tickets-3::before{content:"\\ec10"}.lni-tiktok::before{content:"\\ec11"}.lni-tiktok-alt::before{content:"\\ec12"}.lni-tower-broadcast-1::before{content:"\\ec13"}.lni-toyota::before{content:"\\ec14"}.lni-train-1::before{content:"\\ec15"}.lni-train-3::before{content:"\\ec16"}.lni-trash-3::before{content:"\\ec17"}.lni-tree-2::before{content:"\\ec18"}.lni-trees-3::before{content:"\\ec19"}.lni-trello::before{content:"\\ec1a"}.lni-trend-down-1::before{content:"\\ec1b"}.lni-trend-up-1::before{content:"\\ec1c"}.lni-trophy-1::before{content:"\\ec1d"}.lni-trowel-1::before{content:"\\ec1e"}.lni-truck-delivery-1::before{content:"\\ec1f"}.lni-tumblr::before{content:"\\ec20"}.lni-turborepo::before{content:"\\ec21"}.lni-twitch::before{content:"\\ec22"}.lni-twitter-old::before{content:"\\ec23"}.lni-typescript::before{content:"\\ec24"}.lni-uber::before{content:"\\ec25"}.lni-uber-symbol::before{content:"\\ec26"}.lni-ubuntu::before{content:"\\ec27"}.lni-underline::before{content:"\\ec28"}.lni-unlink-2-angular-eft::before{content:"\\ec29"}.lni-unlocked-2::before{content:"\\ec2a"}.lni-unsplash::before{content:"\\ec2b"}.lni-upload-1::before{content:"\\ec2c"}.lni-upload-circle-1::before{content:"\\ec2d"}.lni-user-4::before{content:"\\ec2e"}.lni-user-multiple-4::before{content:"\\ec2f"}.lni-vector-nodes-6::before{content:"\\ec30"}.lni-vector-nodes-7::before{content:"\\ec31"}.lni-vercel::before{content:"\\ec32"}.lni-vimeo::before{content:"\\ec33"}.lni-visa::before{content:"\\ec34"}.lni-vite::before{content:"\\ec35"}.lni-vk::before{content:"\\ec36"}.lni-vmware::before{content:"\\ec37"}.lni-volkswagen::before{content:"\\ec38"}.lni-volume-1::before{content:"\\ec39"}.lni-volume-high::before{content:"\\ec3a"}.lni-volume-low::before{content:"\\ec3b"}.lni-volume-mute::before{content:"\\ec3c"}.lni-volume-off::before{content:"\\ec3d"}.lni-vs-code::before{content:"\\ec3e"}.lni-vuejs::before{content:"\\ec3f"}.lni-wallet-1::before{content:"\\ec40"}.lni-watch-beat-1::before{content:"\\ec41"}.lni-water-drop-1::before{content:"\\ec42"}.lni-webflow::before{content:"\\ec43"}.lni-webhooks::before{content:"\\ec44"}.lni-wechat::before{content:"\\ec45"}.lni-weight-machine-1::before{content:"\\ec46"}.lni-whatsapp::before{content:"\\ec47"}.lni-wheelbarrow-empty::before{content:"\\ec48"}.lni-wheelchair-1::before{content:"\\ec49"}.lni-windows::before{content:"\\ec4a"}.lni-wise::before{content:"\\ec4b"}.lni-wordpress::before{content:"\\ec4c"}.lni-www::before{content:"\\ec4d"}.lni-www-cursor::before{content:"\\ec4e"}.lni-x::before{content:"\\ec4f"}.lni-xampp::before{content:"\\ec50"}.lni-xbox::before{content:"\\ec51"}.lni-xmark::before{content:"\\ec52"}.lni-xmark-circle::before{content:"\\ec53"}.lni-xrp::before{content:"\\ec54"}.lni-yahoo::before{content:"\\ec55"}.lni-yarn::before{content:"\\ec56"}.lni-ycombinator::before{content:"\\ec57"}.lni-yen::before{content:"\\ec58"}.lni-youtube::before{content:"\\ec59"}.lni-youtube-kids::before{content:"\\ec5a"}.lni-youtube-music::before{content:"\\ec5b"}.lni-zapier::before{content:"\\ec5c"}.lni-zero-size::before{content:"\\ec5d"}.lni-zoom::before{content:"\\ec5e"}:host{display:inline-block;box-sizing:content-box !important;--icon-size:24px;--icon-color:inherit}:host([split-pane-focus]) .icon-wrapper{cursor:pointer}.icon-wrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:sans-serif;overflow:hidden;margin:0;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;height:100%}.icon{width:var(--icon-size);height:var(--icon-size);color:var(--icon-color);overflow:hidden;line-height:1}.icon i{font-size:var(--icon-size) !important}.icon--default{--icon-color:rgb(var(--zn-text))}.icon--primary{--icon-color:rgb(var(--zn-primary))}.icon--accent{--icon-color:rgb(var(--zn-accent))}.icon--info{--icon-color:rgb(var(--zn-color-info))}.icon--warning{--icon-color:rgb(var(--zn-color-warning))}.icon--error{--icon-color:rgb(var(--zn-color-error))}.icon--success{--icon-color:rgb(var(--zn-color-success))}.icon--white{--icon-color:rgb(var(--zn-body))}.icon--disabled{--icon-color:rgb(var(--zn-color-disabled))}.icon--red{--icon-color:rgb(var(--zn-red))}.icon--blue{--icon-color:rgb(var(--zn-blue))}.icon--green{--icon-color:rgb(var(--zn-green))}.icon--orange{--icon-color:rgb(var(--zn-orange))}.icon--yellow{--icon-color:rgb(var(--zn-yellow))}.icon--indigo{--icon-color:rgb(var(--zn-indigo))}.icon--violet{--icon-color:rgb(var(--zn-violet))}.icon--pink{--icon-color:rgb(var(--zn-pink))}.icon--grey{--icon-color:rgb(var(--zn-grey))}.icon--filled .lucide{fill:var(--icon-fill,currentColor)}.icon--fill-default{--icon-fill:rgb(var(--zn-text))}.icon--fill-primary{--icon-fill:rgb(var(--zn-primary))}.icon--fill-accent{--icon-fill:rgb(var(--zn-accent))}.icon--fill-info{--icon-fill:rgb(var(--zn-color-info))}.icon--fill-warning{--icon-fill:rgb(var(--zn-color-warning))}.icon--fill-error{--icon-fill:rgb(var(--zn-color-error))}.icon--fill-success{--icon-fill:rgb(var(--zn-color-success))}.icon--fill-white{--icon-fill:rgb(var(--zn-body))}.icon--fill-disabled{--icon-fill:rgb(var(--zn-color-disabled))}.icon--fill-red{--icon-fill:rgb(var(--zn-red))}.icon--fill-blue{--icon-fill:rgb(var(--zn-blue))}.icon--fill-green{--icon-fill:rgb(var(--zn-green))}.icon--fill-orange{--icon-fill:rgb(var(--zn-orange))}.icon--fill-yellow{--icon-fill:rgb(var(--zn-yellow))}.icon--fill-indigo{--icon-fill:rgb(var(--zn-indigo))}.icon--fill-violet{--icon-fill:rgb(var(--zn-violet))}.icon--fill-pink{--icon-fill:rgb(var(--zn-pink))}.icon--fill-grey{--icon-fill:rgb(var(--zn-grey))}.icon--round{border-radius:50%}.icon--tile{border-radius:20%}.icon--depth{position:relative}.icon--depth:before,.icon--depth:after{content:"";position:absolute;inset:0;border-radius:inherit}.icon--depth:before{box-shadow:inset -2px -2px 1px rgba(0,0,0,0.1)}.icon--depth:after{box-shadow:inset 2px 2px 1px rgba(255,255,255,0.2)}.icon--blink{animation:blink-animation 1.5s steps(5,start) infinite}.icon--avatar{background-color:var(--avatar-color,var(--icon-color));color:hsl(from var(--avatar-color,var(--icon-color)) h s 95);display:flex;justify-content:center;align-items:center}.icon--avatar .avatar__text{font-size:calc(var(--icon-size) / 2.4);color:hsl(from var(--avatar-color,var(--icon-color)) h s 95);font-weight:var(--zn-font-weight-semibold)}.icon--padded{padding:var(--zn-spacing-small)}.icon--squared{width:auto !important;height:auto !important;aspect-ratio:1/1;display:block}.icon .mi{font-family:"Material Icons";font-size:inherit;font-weight:300;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}.icon .mi--outlined{font-family:"Material Icons Outlined"}.icon .mi--round{font-family:"Material Icons Round"}.icon .mi--sharp{font-family:"Material Icons Sharp"}.icon .mi--two-tone{font-family:"Material Icons Two Tone"}.icon .mi--symbol-outlined{font-family:"Material Symbols Outlined"}.icon .kb{font-family:"Kubex Icons Brands";font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.icon .lucide{display:block;width:100%;height:100%;color:currentColor;stroke:currentColor}.icon img{max-width:100%;vertical-align:middle}@keyframes blink-animation{0%,100%{opacity:1}50%{opacity:0.5}}`;var Us,yg;function zg(){return yg??(yg=import("./chunks/zn.ZGI3WHSG.js").then(i=>{Us=i.icons}).catch(()=>{Us={}})),yg}var Je=class Je extends C{constructor(){super(...arguments);this.size=24;this.round=!1;this.tile=!1;this.depth=!1;this.padded=!1;this.blink=!1;this.squared=!1;this.gravatarOptions="";this.defaultLibrary="material-symbols-outlined";this.libraryAutoSet=!1}isPresetColor(t){return Je.presetColors.has(t)}convertToLibrary(t){return this.convertIndicatorToLibrary(t)??this.defaultLibrary}convertIndicatorToLibrary(t){switch(t){case"material":case"mat":case"m":return"material";case"material-outlined":case"mo":return"material-outlined";case"material-round":case"mr":return"material-round";case"material-sharp":case"ms":return"material-sharp";case"material-two-tone":case"mt":case"m2":return"material-two-tone";case"material-symbols-outlined":case"mso":return"material-symbols-outlined";case"gravatar":case"grav":return"gravatar";case"libravatar":return"libravatar";case"avatar":case"av":return"avatar";case"line":return"line";case"lucide":case"lu":return"lucide";case"brand":case"brands":return"brands"}}connectedCallback(){super.connectedCallback(),Sa(u`
|
|
40
40
|
<link
|
|
41
41
|
href="https://cdn.jsdelivr.net/gh/kubex/icons@0.0.8/dist/kubex-icons.css"
|
|
42
42
|
rel="stylesheet">
|
|
@@ -73,7 +73,7 @@ import{a as _n,b as D1,c as nr,d as c,e as B}from"./chunks/zn.UBLZO6CI.js";var J
|
|
|
73
73
|
stroke-linejoin="round"
|
|
74
74
|
aria-hidden="true"
|
|
75
75
|
>${t.map(([n,a])=>`<${n}${this.getSvgAttributes(a)} />`).join("")}</svg>
|
|
76
|
-
`}getSvgAttributes(t){return Object.entries(t).filter(([,r])=>r!==void 0).map(([r,n])=>` ${r}="${this.escapeSvgAttribute(String(n))}"`).join("")}escapeSvgAttribute(t){return t.replace(/&/g,"&").replace(/"/g,""").replace(/</g,"<").replace(/>/g,">")}getColorForAvatar(t){let r=["#00AA55","#0882a8","#ed55ed","#5eae00","#09389e","#d17300","#5e0be2","#5b7a13","#ddb100","#d400c2","#DC2A2A","#a967ff"],n=Array.from(t).reduce((a,s)=>a+s.charCodeAt(0),0);return r[n%r.length]}};
|
|
76
|
+
`}getSvgAttributes(t){return Object.entries(t).filter(([,r])=>r!==void 0).map(([r,n])=>` ${r}="${this.escapeSvgAttribute(String(n))}"`).join("")}escapeSvgAttribute(t){return t.replace(/&/g,"&").replace(/"/g,""").replace(/</g,"<").replace(/>/g,">")}getColorForAvatar(t){let r=["#00AA55","#0882a8","#ed55ed","#5eae00","#09389e","#d17300","#5e0be2","#5b7a13","#ddb100","#d400c2","#DC2A2A","#a967ff"],n=Array.from(t).reduce((a,s)=>a+s.charCodeAt(0),0);return r[n%r.length]}};Je.styles=T(xg),Je.presetColors=new Set(["default","primary","accent","info","warning","error","success","white","disabled","red","blue","green","orange","yellow","indigo","violet","pink","grey"]),c([p({reflect:!0})],Je.prototype,"src",2),c([p({reflect:!0})],Je.prototype,"alt",2),c([p({type:Number,reflect:!0})],Je.prototype,"size",2),c([p({type:Boolean,reflect:!0})],Je.prototype,"round",2),c([p({type:Boolean,reflect:!0})],Je.prototype,"tile",2),c([p({type:Boolean,reflect:!0})],Je.prototype,"depth",2),c([p({reflect:!0})],Je.prototype,"library",2),c([p({reflect:!0})],Je.prototype,"color",2),c([p({reflect:!0})],Je.prototype,"fill",2),c([p({type:Boolean})],Je.prototype,"padded",2),c([p({type:Boolean})],Je.prototype,"blink",2),c([p({type:Boolean})],Je.prototype,"squared",2);var oi=Je;var ct=oi;oi.define("zn-icon");var wg=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{display:contents}.tooltip{--arrow-size:6px}.tooltip[placement^=top]::part(popup){transform-origin:bottom}.tooltip[placement^=bottom]::part(popup){transform-origin:top}.tooltip[placement^=left]::part(popup){transform-origin:right}.tooltip[placement^=right]::part(popup){transform-origin:left}.tooltip__body{font-family:var(--zn-font-sans);font-size:var(--zn-text-paragraph-font-size);font-weight:var(--zn-text-paragraph-font-weight);line-height:var(--zn-text-paragraph-line-height);color:var(--zn-text-paragraph-color);text-transform:var(--zn-text-paragraph-transform);display:block;width:-moz-max-content;width:max-content;max-width:-moz-max-content;max-width:max-content;border-radius:var(--zn-border-radius);background-color:var(--arrow-color);text-align:start;white-space:normal;color:white;padding:var(--zn-spacing-x-small) var(--zn-spacing-small);pointer-events:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}`;var xe=class extends C{constructor(){super();this.content="";this.placement="top";this.disabled=!1;this.distance=4;this.open=!1;this.skidding=0;this.trigger="hover focus";this.hoist=!0;this.handleBlur=()=>{this.hasTrigger("focus")&&!Lo.isDropdownOpen()&&this.hide()};this.handleClick=()=>{this.hasTrigger("click")&&!Lo.isDropdownOpen()&&(this.open&&this.hide(),this.show())};this.handleFocus=()=>{this.hasTrigger("focus")&&!Lo.isDropdownOpen()&&this.show()};this.handleDocumentKeyDown=t=>{t.key==="Escape"&&(t.stopPropagation(),this.hide())};this.addEventListener("blur",this.handleBlur,!0),this.addEventListener("focus",this.handleFocus,!0),this.addEventListener("click",this.handleClick),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut)}disconnectedCallback(){this.closeWatcher?.destroy(),document.removeEventListener("keydown",this.handleDocumentKeyDown)}firstUpdated(t){this.body.hidden=!this.open,this.open&&(this.popup.active=!0,this.popup.reposition()),super.firstUpdated(t)}hasTrigger(t){return this.trigger.split(" ").includes(t)}handleMouseOver(){this.hasTrigger("hover")&&!Lo.isDropdownOpen()&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout(()=>this.show(),0))}handleMouseOut(){this.hasTrigger("hover")&&!Lo.isDropdownOpen()&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout(()=>this.hide(),0))}handleOpenChange(){if(this.open){if(Lo.registerTooltip(this),this.disabled)return;this.emit("zn-show"),"CloseWatcher"in window?(this.closeWatcher?.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.hide()}):document.addEventListener("keydown",this.handleDocumentKeyDown),this.body.hidden=!1,this.popup.active=!0,this.popup.reposition(),this.emit("zn-after-show")}else Lo.unregisterTooltip(this),this.emit("zn-hide"),this.popup.active=!1,this.body.hidden=!0,this.emit("zn-after-hide")}async handleOptionsChange(){this.hasUpdated&&(await this.updateComplete,this.popup.reposition())}handleDisabledChange(){this.disabled&&this.open&&this.hide()}async show(){if(!this.open)return this.open=!0,so(this,"zn-after-show")}hide(){this.open&&(this.open=!1,so(this,"zn-after-hide"))}render(){return u`
|
|
77
77
|
<zn-popup
|
|
78
78
|
part="base"
|
|
79
79
|
exportparts="popup:base__popup,arrow:base__arrow"
|
|
@@ -194,7 +194,7 @@ import{a as _n,b as D1,c as nr,d as c,e as B}from"./chunks/zn.UBLZO6CI.js";var J
|
|
|
194
194
|
class="${N({"button-group":!0,"button-group--grow":this.grow,"button-group--start":this.start,"button-group--gap":this.gap})}"
|
|
195
195
|
role="group">
|
|
196
196
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
197
|
-
</div>`}};Xr.styles=T(sb),c([p({})],Xr.prototype,"direction",2),c([p({type:Boolean})],Xr.prototype,"grow",2),c([p({type:Boolean})],Xr.prototype,"wrap",2),c([p({type:Boolean})],Xr.prototype,"start",2),c([p({type:Boolean})],Xr.prototype,"gap",2),c([V("slot")],Xr.prototype,"defaultSlot",2);var Zi=Xr;Xr.define("zn-button-group");function vS(i){return new DOMParser().parseFromString(i,"text/html").body}function xS(i){i.querySelectorAll("script").forEach(o=>{o.remove()})}function yS(i,o){return["src","href","xlink:href"].includes(i)&&(o.includes("javascript:")||o.includes("data:text/html"))?!0:i.startsWith("on")}function zS(i){let o=i.attributes;for(let t=o.length-1;t>=0;t--)yS(o[t].name,o[t].value)&&i.removeAttributeNode(o[t])}function lb(i){let o=i.children;for(let t=o.length-1;t>=0;t--){let r=o[t];zS(r),lb(r)}}function cb(i){let o=vS(i);return xS(o),lb(o),o.innerHTML}var db=A`@charset "UTF-8";@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{display:block;padding-inline:calc(var(--zn-gutter,0) + var(--zn-base-gap,0));--message-bubble-agent:rgba(4,114,225,0.1);--message-bubble-customer:rgba(48,170,61,0.1);--message-bubble-internal:rgba(255,203,0,0.1)}.message{display:flex;gap:var(--zn-spacing-small);align-items:flex-start}.message__avatar{flex:0 0 36px;display:flex;justify-content:center}.message__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--zn-spacing-x-small)}.message__header{display:flex;align-items:center;gap:var(--zn-spacing-x-small);min-height:36px}.message__sender{font-family:var(--zn-font-sans);font-size:var(--zn-text-h1-font-size);font-weight:var(--zn-text-h1-font-weight);line-height:var(--zn-text-h1-line-height);color:var(--zn-text-h1-color);text-transform:var(--zn-text-h1-transform)}.message__time{font-family:var(--zn-font-sans);font-size:var(--zn-text-subheading-small-font-size);font-weight:var(--zn-text-subheading-small-font-weight);line-height:var(--zn-text-subheading-small-line-height);color:var(--zn-text-subheading-small-color);text-transform:var(--zn-text-subheading-small-transform)}.message__bubble{box-sizing:border-box;display:flex;align-items:flex-start;gap:var(--zn-spacing-small);padding:11px var(--zn-spacing-small);border-radius:var(--zn-border-radius);background:var(--message-bubble-agent);min-height:46px}.message__bubble--sending{border:1px dashed rgb(var(--zn-border-color));opacity:0.7;flex-direction:column}.message__main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--zn-spacing-small)}.message__attachments{display:none;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--zn-spacing-small)}.message__attachments--visible{display:flex}.message__attachments ::slotted(zn-chat-message-attachment){min-width:0}.message__content{font-family:var(--zn-font-sans);font-size:var(--zn-text-chat-font-size);font-weight:var(--zn-text-chat-font-weight);line-height:var(--zn-text-chat-line-height);color:var(--zn-text-chat-color);text-transform:var(--zn-text-chat-transform);flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.message__content ::slotted(*){font-family:var(--zn-font-sans);font-size:var(--zn-text-chat-font-size);font-weight:var(--zn-text-chat-font-weight);line-height:var(--zn-text-chat-line-height);color:var(--zn-text-chat-color);text-transform:var(--zn-text-chat-transform)}.message__content p{margin:0;padding:0}.message__content pre{background-color:#23241f;border-radius:3px;margin-block:5px;padding:5px 10px;color:#f8f8f2;overflow:auto}.message__content blockquote{border-left:4px solid rgb(var(--zn-border-color));margin:5px 0;padding-left:16px}.message__content ol,.message__content ul{padding:0;margin:0}.message__content li{list-style-type:none;padding-left:1em;position:relative}.message__content ol{counter-reset:list-0 0}.message__content ol>li{counter-increment:list-0 1}.message__content ul>li::before{content:"•"}.message__content ol>li::before{content:counter(list-0) ". "}.message__content ol li::before,.message__content ul li::before{display:inline-block;margin-left:-1.5em;margin-right:0.3em;text-align:right;white-space:nowrap;width:1.2em}.message__content img{max-width:100%}.message__content a{color:rgb(var(--zn-color-info))}.message__meta{font-family:var(--zn-font-sans);font-size:var(--zn-text-subheading-small-font-size);font-weight:var(--zn-text-subheading-small-font-weight);line-height:var(--zn-text-subheading-small-line-height);color:var(--zn-text-subheading-small-color);text-transform:var(--zn-text-subheading-small-transform)}.message__actions{flex-shrink:0;display:flex;align-items:center}:host([agent-initiated]) .message__bubble{background:var(--message-background,var(--message-bubble-agent))}:host([customer-initiated]) .message__bubble{background:var(--message-background,var(--message-bubble-customer))}:host([action-type=internal]) .message__bubble{background:var(--message-background,var(--message-bubble-internal))}:host([action-type=error]) .message__bubble{background:var(--message-background,rgba(var(--zn-color-error),0.12))}:host(.message-continued) .message{margin-top:3px}:host(.message-continued) .message__avatar{visibility:hidden}:host(.message-continued) .message__header{display:none}.message--system{margin-top:var(--zn-spacing-x-small)}.system-card{box-sizing:border-box;display:flex;align-items:center;gap:var(--zn-spacing-x-small);padding:6px 12px;border-radius:var(--zn-border-radius);border:1px solid rgb(var(--zn-border-color));font-size:12px;color:rgb(var(--zn-text-color));min-height:46px}.system-card__text{font-family:var(--zn-font-sans);font-size:var(--zn-text-paragraph-font-size);font-weight:var(--zn-text-paragraph-font-weight);line-height:var(--zn-text-paragraph-line-height);color:var(--zn-text-paragraph-color);text-transform:var(--zn-text-paragraph-transform)}.system-card__time{font-family:var(--zn-font-sans);font-size:var(--zn-text-subheading-small-font-size);font-weight:var(--zn-text-subheading-small-font-weight);line-height:var(--zn-text-subheading-small-line-height);color:var(--zn-text-subheading-small-color);text-transform:var(--zn-text-subheading-small-transform);white-space:nowrap}`;var
|
|
197
|
+
</div>`}};Xr.styles=T(sb),c([p({})],Xr.prototype,"direction",2),c([p({type:Boolean})],Xr.prototype,"grow",2),c([p({type:Boolean})],Xr.prototype,"wrap",2),c([p({type:Boolean})],Xr.prototype,"start",2),c([p({type:Boolean})],Xr.prototype,"gap",2),c([V("slot")],Xr.prototype,"defaultSlot",2);var Zi=Xr;Xr.define("zn-button-group");function vS(i){return new DOMParser().parseFromString(i,"text/html").body}function xS(i){i.querySelectorAll("script").forEach(o=>{o.remove()})}function yS(i,o){return["src","href","xlink:href"].includes(i)&&(o.includes("javascript:")||o.includes("data:text/html"))?!0:i.startsWith("on")}function zS(i){let o=i.attributes;for(let t=o.length-1;t>=0;t--)yS(o[t].name,o[t].value)&&i.removeAttributeNode(o[t])}function lb(i){let o=i.children;for(let t=o.length-1;t>=0;t--){let r=o[t];zS(r),lb(r)}}function cb(i){let o=vS(i);return xS(o),lb(o),o.innerHTML}var db=A`@charset "UTF-8";@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{display:block;padding-inline:calc(var(--zn-gutter,0) + var(--zn-base-gap,0));--message-bubble-agent:rgba(4,114,225,0.1);--message-bubble-customer:rgba(48,170,61,0.1);--message-bubble-internal:rgba(255,203,0,0.1)}.message{display:flex;gap:var(--zn-spacing-small);align-items:flex-start}.message__avatar{flex:0 0 36px;display:flex;justify-content:center}.message__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--zn-spacing-x-small)}.message__header{display:flex;align-items:center;gap:var(--zn-spacing-x-small);min-height:36px}.message__sender{font-family:var(--zn-font-sans);font-size:var(--zn-text-h1-font-size);font-weight:var(--zn-text-h1-font-weight);line-height:var(--zn-text-h1-line-height);color:var(--zn-text-h1-color);text-transform:var(--zn-text-h1-transform)}.message__time{font-family:var(--zn-font-sans);font-size:var(--zn-text-subheading-small-font-size);font-weight:var(--zn-text-subheading-small-font-weight);line-height:var(--zn-text-subheading-small-line-height);color:var(--zn-text-subheading-small-color);text-transform:var(--zn-text-subheading-small-transform)}.message__bubble{box-sizing:border-box;display:flex;align-items:flex-start;gap:var(--zn-spacing-small);padding:11px var(--zn-spacing-small);border-radius:var(--zn-border-radius);background:var(--message-bubble-agent);min-height:46px}.message__bubble--sending{border:1px dashed rgb(var(--zn-border-color));opacity:0.7;flex-direction:column}.message__main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--zn-spacing-small)}.message__attachments{display:none;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--zn-spacing-small)}.message__attachments--visible{display:flex}.message__attachments ::slotted(zn-chat-message-attachment){min-width:0}.message__content{font-family:var(--zn-font-sans);font-size:var(--zn-text-chat-font-size);font-weight:var(--zn-text-chat-font-weight);line-height:var(--zn-text-chat-line-height);color:var(--zn-text-chat-color);text-transform:var(--zn-text-chat-transform);flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.message__content ::slotted(*){font-family:var(--zn-font-sans);font-size:var(--zn-text-chat-font-size);font-weight:var(--zn-text-chat-font-weight);line-height:var(--zn-text-chat-line-height);color:var(--zn-text-chat-color);text-transform:var(--zn-text-chat-transform)}.message__content p{margin:0;padding:0}.message__content pre{background-color:#23241f;border-radius:3px;margin-block:5px;padding:5px 10px;color:#f8f8f2;overflow:auto}.message__content blockquote{border-left:4px solid rgb(var(--zn-border-color));margin:5px 0;padding-left:16px}.message__content ol,.message__content ul{padding:0;margin:0}.message__content li{list-style-type:none;padding-left:1em;position:relative}.message__content ol{counter-reset:list-0 0}.message__content ol>li{counter-increment:list-0 1}.message__content ul>li::before{content:"•"}.message__content ol>li::before{content:counter(list-0) ". "}.message__content ol li::before,.message__content ul li::before{display:inline-block;margin-left:-1.5em;margin-right:0.3em;text-align:right;white-space:nowrap;width:1.2em}.message__content img{max-width:100%}.message__content a{color:rgb(var(--zn-color-info))}.message__meta{font-family:var(--zn-font-sans);font-size:var(--zn-text-subheading-small-font-size);font-weight:var(--zn-text-subheading-small-font-weight);line-height:var(--zn-text-subheading-small-line-height);color:var(--zn-text-subheading-small-color);text-transform:var(--zn-text-subheading-small-transform)}.message__actions{flex-shrink:0;display:flex;align-items:center}:host([agent-initiated]) .message__bubble{background:var(--message-background,var(--message-bubble-agent))}:host([customer-initiated]) .message__bubble{background:var(--message-background,var(--message-bubble-customer))}:host([action-type=internal]) .message__bubble{background:var(--message-background,var(--message-bubble-internal))}:host([action-type=error]) .message__bubble{background:var(--message-background,rgba(var(--zn-color-error),0.12))}:host(.message-continued) .message{margin-top:3px}:host(.message-continued) .message__avatar{visibility:hidden}:host(.message-continued) .message__header{display:none}.message--system{margin-top:var(--zn-spacing-x-small)}.system-card{box-sizing:border-box;display:flex;align-items:center;gap:var(--zn-spacing-x-small);padding:6px 12px;border-radius:var(--zn-border-radius);border:1px solid rgb(var(--zn-border-color));font-size:12px;color:rgb(var(--zn-text-color));min-height:46px}.system-card__text{font-family:var(--zn-font-sans);font-size:var(--zn-text-paragraph-font-size);font-weight:var(--zn-text-paragraph-font-weight);line-height:var(--zn-text-paragraph-line-height);color:var(--zn-text-paragraph-color);text-transform:var(--zn-text-paragraph-transform)}.system-card__time{font-family:var(--zn-font-sans);font-size:var(--zn-text-subheading-small-font-size);font-weight:var(--zn-text-subheading-small-font-weight);line-height:var(--zn-text-subheading-small-line-height);color:var(--zn-text-subheading-small-color);text-transform:var(--zn-text-subheading-small-transform);white-space:nowrap}`;var Ue=class Ue extends C{constructor(){super(...arguments);this.sender="";this.message="";this.time="";this.avatar="";this.actionType="";this.customerInitiated=!1;this.agentInitiated=!1;this.hideSender=!1;this.hasAttachments=!1}connectedCallback(){let t=!this.actionType||this.actionType==="internal",r=t&&this.agentInitiated,n=t&&this.customerInitiated,a=this.previousElementSibling,s=parseInt(this.time)-parseInt(a?.time),l=a?.getAttribute("action-type")??"",d=Ue.SYSTEM_ACTION_TYPES.includes(l),h=l==="internal",m=this.actionType==="internal";a&&!d&&s<60&&h===m&&(a?.hasAttribute("agent-initiated")&&r||a?.hasAttribute("customer-initiated")&&n)&&this.classList.add("message-continued"),super.connectedCallback()}render(){if(!Ue.DISPLAYED_ACTION_TYPES.includes(this.actionType))return W;if(this.isSystemMessage())return this.renderSystemCard();let t=this.actionType==="message-sending";return u`
|
|
198
198
|
<div part="base" class="message">
|
|
199
199
|
<div part="avatar" class="message__avatar">
|
|
200
200
|
<zn-icon library="avatar" src="${this.avatar||this.sender}" size="36" round></zn-icon>
|
|
@@ -220,7 +220,7 @@ import{a as _n,b as D1,c as nr,d as c,e as B}from"./chunks/zn.UBLZO6CI.js";var J
|
|
|
220
220
|
</div>
|
|
221
221
|
</div>
|
|
222
222
|
<slot name="edit-dialog"></slot>
|
|
223
|
-
`}firstUpdated(){this.syncHasAttachments(),Promise.resolve().then(()=>this.syncHasAttachments())}handleAttachmentsSlotChange(){this.syncHasAttachments()}syncHasAttachments(){let t=this.shadowRoot?.querySelector('slot[name="attachments"]');this.hasAttachments=!!t&&t.assignedElements().length>0}isSystemMessage(){return
|
|
223
|
+
`}firstUpdated(){this.syncHasAttachments(),Promise.resolve().then(()=>this.syncHasAttachments())}handleAttachmentsSlotChange(){this.syncHasAttachments()}syncHasAttachments(){let t=this.shadowRoot?.querySelector('slot[name="attachments"]');this.hasAttachments=!!t&&t.assignedElements().length>0}isSystemMessage(){return Ue.SYSTEM_ACTION_TYPES.includes(this.actionType)}renderSystemCard(){return u`
|
|
224
224
|
<div part="base" class="message message--system">
|
|
225
225
|
<div part="avatar" class="message__avatar"></div>
|
|
226
226
|
<div part="body" class="message__body">
|
|
@@ -231,13 +231,14 @@ import{a as _n,b as D1,c as nr,d as c,e as B}from"./chunks/zn.UBLZO6CI.js";var J
|
|
|
231
231
|
</div>
|
|
232
232
|
</div>`}systemLabel(){switch(this.actionType){case"customer.connected":return"Customer connected";case"customer.disconnected":return"Customer disconnected";case"connected.agent":return"Agent connected";case"transfer":return"Transferred";case"attachment.added":return"Attachment added";case"ended":return"Ended";case"customer.ended":return"Customer ended";default:return""}}renderHeader(){return u`
|
|
233
233
|
<div part="header" class="message__header">
|
|
234
|
-
|
|
234
|
+
${this.hideSender?W:u`
|
|
235
|
+
<span class="message__sender">${this.sender||(this.customerInitiated?"Customer":"You")}</span>`}
|
|
235
236
|
${this.time?u`<span class="message__time">${this.getSentTime()}</span>`:W}
|
|
236
237
|
${this.actionType==="internal"?u`
|
|
237
238
|
<zn-chip type="info">Internal Note</zn-chip>`:W}
|
|
238
239
|
<slot name="badge"></slot>
|
|
239
240
|
</div>`}renderContent(){if(!this.message)return u`
|
|
240
|
-
<slot></slot>`;let t=cb(this.message);return t=t.replace(/\r\n|\r|\n/g,"<br>"),t=t.replace(/\b(((https?|ftp|dict):\/\/|www\.)[^'">\s]+\.[^'">\s]+)(?=\s|$)(?!["<>])/g,'<a href="$1" target="_blank">$1</a>'),
|
|
241
|
+
<slot></slot>`;let t=cb(this.message);return t=t.replace(/\r\n|\r|\n/g,"<br>"),t=t.replace(/\b(((https?|ftp|dict):\/\/|www\.)[^'">\s]+\.[^'">\s]+)(?=\s|$)(?!["<>])/g,'<a href="$1" target="_blank">$1</a>'),Qe(t)}getTime(){return new Date(parseInt(this.time,10)*1e3).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}getSentTime(){let t=new Date(parseInt(this.time,10)*1e3),r=t.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"});return t.getDate()!==new Date().getDate()?`${t.toLocaleDateString()} ${r}`:r}};Ue.styles=T(db),Ue.dependencies={"zn-icon":ct},Ue.SYSTEM_ACTION_TYPES=["connected.agent","attachment.added","transfer","ended","customer.ended","customer.connected","customer.disconnected"],Ue.DISPLAYED_ACTION_TYPES=["","connected.agent","attachment.added","multi.answer","transfer","ended","error","customer.ended","message-sending","customer.connected","customer.disconnected","internal"],c([p()],Ue.prototype,"sender",2),c([p()],Ue.prototype,"message",2),c([p()],Ue.prototype,"time",2),c([p()],Ue.prototype,"avatar",2),c([p({attribute:"action-type",reflect:!0})],Ue.prototype,"actionType",2),c([p({type:Boolean,reflect:!0,attribute:"customer-initiated"})],Ue.prototype,"customerInitiated",2),c([p({type:Boolean,reflect:!0,attribute:"agent-initiated"})],Ue.prototype,"agentInitiated",2),c([p({type:Boolean,reflect:!0,attribute:"hide-sender"})],Ue.prototype,"hideSender",2),c([H()],Ue.prototype,"hasAttachments",2);var Da=Ue;var wS=Da;Da.define("zn-chat-message");var pb=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{display:inline-flex;min-width:0}.attachment{font-family:var(--zn-font-sans);font-size:var(--zn-text-paragraph-font-size);font-weight:var(--zn-text-paragraph-font-weight);line-height:var(--zn-text-paragraph-line-height);color:var(--zn-text-paragraph-color);text-transform:var(--zn-text-paragraph-transform);display:inline-flex;align-items:center;gap:var(--zn-spacing-2x-small);color:rgb(var(--zn-text));text-decoration:none;min-width:0}.attachment__icon{flex:0 0 auto}.attachment__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment:hover .attachment__label{text-decoration:underline}`;var Qr=class extends C{constructor(){super(...arguments);this.href="";this.name="";this.icon="paperclip@lu";this.target="_blank";this.download=!1}connectedCallback(){super.connectedCallback(),this.closest("zn-chat-message")?this.slot||(this.slot="attachments"):console.warn("<zn-chat-message-attachment> can only be used inside a <zn-chat-message>.",this)}render(){let t=this.target==="_blank";return u`
|
|
241
242
|
<a
|
|
242
243
|
part="base"
|
|
243
244
|
class="attachment"
|
|
@@ -272,7 +273,7 @@ import{a as _n,b as D1,c as nr,d as c,e as B}from"./chunks/zn.UBLZO6CI.js";var J
|
|
|
272
273
|
${this.hasSlotController.test("action")?u`
|
|
273
274
|
<slot name="action" class="well__action"></slot>`:""}
|
|
274
275
|
</div>
|
|
275
|
-
`}};An.styles=T(ub),c([p()],An.prototype,"icon",2),c([p({attribute:"inline",type:Boolean,reflect:!0})],An.prototype,"inline",2);var kS=An;An.define("zn-well");var mb=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{display:inline-block}slot{display:inline-flex}.copy-button__button{flex:0 0 auto;display:flex;align-items:center;background:none;border:none;border-radius:3px;font-size:inherit;color:inherit;padding:var(--zn-spacing-2x-small);cursor:pointer;transition:color 0.2s}.copy-button__button:focus-visible{outline:none;box-shadow:0 0 0 2px rgb(var(--zn-primary))}.copy-button__button[disabled]{opacity:0.5;cursor:not-allowed !important}[hidden]{display:none}`;var
|
|
276
|
+
`}};An.styles=T(ub),c([p()],An.prototype,"icon",2),c([p({attribute:"inline",type:Boolean,reflect:!0})],An.prototype,"inline",2);var kS=An;An.define("zn-well");var mb=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{display:inline-block}slot{display:inline-flex}.copy-button__button{flex:0 0 auto;display:flex;align-items:center;background:none;border:none;border-radius:3px;font-size:inherit;color:inherit;padding:var(--zn-spacing-2x-small);cursor:pointer;transition:color 0.2s}.copy-button__button:focus-visible{outline:none;box-shadow:0 0 0 2px rgb(var(--zn-primary))}.copy-button__button[disabled]{opacity:0.5;cursor:not-allowed !important}[hidden]{display:none}`;var je=class extends C{constructor(){super(...arguments);this.isCopying=!1;this.status="rest";this.value="";this.copyLabel="";this.src="";this.size=24;this.from=""}render(){let t=this.copyLabel||"Copy";return u`
|
|
276
277
|
<zn-tooltip
|
|
277
278
|
class=${N({"copy-button":!0,"copy-button--error":this.status==="error","copy-button--success":this.status==="success"})}
|
|
278
279
|
content=${t}>
|
|
@@ -288,7 +289,7 @@ import{a as _n,b as D1,c as nr,d as c,e as B}from"./chunks/zn.UBLZO6CI.js";var J
|
|
|
288
289
|
</slot>
|
|
289
290
|
</button>
|
|
290
291
|
</zn-tooltip>
|
|
291
|
-
`}showStatus(t){let r=t==="success"?this.successIcon:this.errorIcon;this.tooltip.content=t==="success"?"Copied!":"Error!",this.copyIcon.hidden=!0,this.status=t,r.hidden=!1,setTimeout(()=>{this.status="rest",this.copyIcon.hidden=!1,r.hidden=!0,this.tooltip.content=this.copyLabel||"Copy",this.isCopying=!1},1500)}async handleCopy(){if(this.isCopying)return;this.isCopying=!0;let t=this.value||this.textContent;if(this.from){let r=this.getRootNode(),n=this.from.includes("."),a=this.from.includes("[")&&this.from.includes("]"),s=this.from,l="";n?[s,l]=this.from.trim().split("."):a&&([s,l]=this.from.trim().replace(/]$/,"").split("["));let d="getElementById"in r?r.getElementById(s):null;d?a?t=d.getAttribute(l)||"":n?t=d[l]||"":t=d.textContent||"":(console.error("No target element found with id:",s),this.showStatus("error"),this.emit("zn-error"))}if(!t){console.error('No value to copy. Please provide a value or a valid "from" attribute.'),this.showStatus("error"),this.emit("zn-error");return}try{await navigator.clipboard.writeText(t),this.showStatus("success"),this.emit("zn-copy",{detail:{value:t}})}catch(r){console.error("Failed to copy text: ",r),this.showStatus("error"),this.emit("zn-error")}}};Ue.styles=T(mb),c([V('slot[name="copy-icon"')],Ue.prototype,"copyIcon",2),c([V('slot[name="success-icon"')],Ue.prototype,"successIcon",2),c([V('slot[name="error-icon"')],Ue.prototype,"errorIcon",2),c([V("zn-tooltip")],Ue.prototype,"tooltip",2),c([H()],Ue.prototype,"isCopying",2),c([H()],Ue.prototype,"status",2),c([p()],Ue.prototype,"value",2),c([p({attribute:"copy-label"})],Ue.prototype,"copyLabel",2),c([p()],Ue.prototype,"src",2),c([p({type:Number,reflect:!0})],Ue.prototype,"size",2),c([p()],Ue.prototype,"from",2);var gh=Ue;Ue.define("zn-copy-button");var Jt=class{constructor(o,{target:t,config:r,callback:n,skipInitial:a}){this.t=new Set,this.o=!1,this.i=!1,this.h=o,t!==null&&this.t.add(t??o),this.l=r,this.o=a??this.o,this.callback=n,window.ResizeObserver?(this.u=new ResizeObserver(s=>{this.handleChanges(s),this.h.requestUpdate()}),o.addController(this)):console.warn("ResizeController error: browser does not support ResizeObserver.")}handleChanges(o){this.value=this.callback?.(o,this.u)}hostConnected(){for(let o of this.t)this.observe(o)}hostDisconnected(){this.disconnect()}async hostUpdated(){!this.o&&this.i&&this.handleChanges([]),this.i=!1}observe(o){this.t.add(o),this.u.observe(o,this.l),this.i=!0,this.h.requestUpdate()}unobserve(o){this.t.delete(o),this.u.unobserve(o)}disconnect(){this.u.disconnect()}target(o){return SS(this,o)}},SS=ie(class extends ri{constructor(){super(...arguments),this.observing=!1}render(i,o){}update(i,[o,t]){this.controller=o,this.part=i,this.observe=t,t===!1?(o.unobserve(i.element),this.observing=!1):this.observing===!1&&(o.observe(i.element),this.observing=!0)}disconnected(){this.controller?.unobserve(this.part.element),this.observing=!1}reconnected(){this.observe!==!1&&this.observing===!1&&(this.controller?.observe(this.part.element),this.observing=!0)}});var fb=()=>new vh,vh=class{},bh=new WeakMap,Bc=ie(class extends ri{render(i){return W}update(i,[o]){let t=o!==this.G;return t&&this.rt(void 0),(t||this.lt!==this.ct)&&(this.G=o,this.ht=i.options?.host,this.rt(this.ct=i.element)),W}rt(i){if(this.G!==void 0)if(this.isConnected||(i=void 0),typeof this.G=="function"){let o=this.ht??globalThis,t=bh.get(o);t===void 0&&(t=new WeakMap,bh.set(o,t)),t.get(this.G)!==void 0&&this.G.call(this.ht,void 0),t.set(this.G,i),i!==void 0&&this.G.call(this.ht,i)}else this.G.value=i}get lt(){return typeof this.G=="function"?bh.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var gb=Symbol(),tl=class{get taskComplete(){return this.t||(this.i===1?this.t=new Promise(((o,t)=>{this.o=o,this.h=t})):this.i===3?this.t=Promise.reject(this.l):this.t=Promise.resolve(this.u)),this.t}constructor(o,t,r){this.p=0,this.i=0,(this._=o).addController(this);let n=typeof t=="object"?t:{task:t,args:r};this.v=n.task,this.j=n.args,this.m=n.argsEqual??bb,this.k=n.onComplete,this.A=n.onError,this.autoRun=n.autoRun??!0,"initialValue"in n&&(this.u=n.initialValue,this.i=2,this.O=this.T?.())}hostUpdate(){this.autoRun===!0&&this.S()}hostUpdated(){this.autoRun==="afterUpdate"&&this.S()}T(){if(this.j===void 0)return;let o=this.j();if(!Array.isArray(o))throw Error("The args function must return an array");return o}async S(){let o=this.T(),t=this.O;this.O=o,o===t||o===void 0||t!==void 0&&this.m(t,o)||await this.run(o)}async run(o){let t,r;o??(o=this.T()),this.O=o,this.i===1?this.q?.abort():(this.t=void 0,this.o=void 0,this.h=void 0),this.i=1,this.autoRun==="afterUpdate"?queueMicrotask((()=>this._.requestUpdate())):this._.requestUpdate();let n=++this.p;this.q=new AbortController;let a=!1;try{t=await this.v(o,{signal:this.q.signal})}catch(s){a=!0,r=s}if(this.p===n){if(t===gb)this.i=0;else{if(a===!1){try{this.k?.(t)}catch{}this.i=2,this.o?.(t)}else{try{this.A?.(r)}catch{}this.i=3,this.h?.(r)}this.u=t,this.l=r}this._.requestUpdate()}}abort(o){this.i===1&&this.q?.abort(o)}get value(){return this.u}get error(){return this.l}get status(){return this.i}render(o){switch(this.i){case 0:return o.initial?.();case 1:return o.pending?.();case 2:return o.complete?.(this.value);case 3:return o.error?.(this.error);default:throw Error("Unexpected status: "+this.i)}}},bb=(i,o)=>i===o||i.length===o.length&&i.every(((t,r)=>!Ca(t,o[r])));function qt(i,o,t){let r=[],n=(a,s)=>{if(!a||a.nodeType!==Node.ELEMENT_NODE||s&&t&&a.matches(t))return;a.matches(i)&&r.push(a);let l=a.children;if(l.length)for(let h of l)n(h,!0);let d=a.shadowRoot;if(d){let h=d.children;for(let m of h)n(m,!0)}};return n(o,!1),r}function vb(i,o){return{top:Math.round(i.getBoundingClientRect().top-o.getBoundingClientRect().top),left:Math.round(i.getBoundingClientRect().left-o.getBoundingClientRect().left)}}var xb=new Set;function Vc(i){xb.delete(i),xb.size===0&&(document.body.classList.remove("zn-scroll-lock"),document.body.style.removeProperty("--zn-scroll-lock-size"))}function yb(i,o,t="vertical",r="smooth"){let n=vb(i,o),a=n.top+o.scrollTop,s=n.left+o.scrollLeft,l=o.scrollLeft,d=o.scrollLeft+o.offsetWidth,h=o.scrollTop,m=o.scrollTop+o.offsetHeight;(t==="horizontal"||t==="both")&&(s<l?o.scrollTo({left:s,behavior:r}):s+i.clientWidth>d&&o.scrollTo({left:s-o.offsetWidth+i.clientWidth,behavior:r})),(t==="vertical"||t==="both")&&(a<h?o.scrollTo({top:a,behavior:r}):a+i.clientHeight>m&&o.scrollTo({top:a-o.offsetHeight+i.clientHeight,behavior:r}))}var zb=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{--width:30rem;--header-spacing:var(--zn-spacing-large) var(--zn-spacing-large) var(--zn-spacing-medium);--body-spacing:var(--zn-spacing-x-small) var(--zn-spacing-large);--footer-spacing:var(--zn-spacing-large);--icon-background-color:var(--zn-color-primary-200);--icon-color:var(--zn-color-primary-600);--caption-color:var(--zn-color-primary-600);display:contents}.dialog-container{border-radius:var(--zn-border-radius);background-color:var(--zn-panel-background-color);margin:2px;overflow:auto}.dialog__header+.dialog__body{padding-top:0}.dialog{flex-direction:column;z-index:2;width:calc(var(--width) + 1px);overflow:hidden;max-width:calc(100% - var(--zn-spacing-2x-large));max-height:calc(100% - var(--zn-spacing-2x-large));background-color:var(--zn-panel-background-color);border-radius:var(--zn-border-radius);box-shadow:var(--zn-shadow-x-large);padding:0;margin:10vh auto}.dialog__header{flex:0 0 auto;display:flex}.dialog__title{display:flex;flex:1 1 auto;align-items:center;font:inherit;margin:0}.dialog__header-actions{flex-shrink:0;display:flex;flex-wrap:wrap;justify-content:end;align-items:center;gap:var(--zn-spacing-x-small);padding:var(--header-spacing)}.dialog__header-actions zn-button,.dialog__header-actions::slotted(zn-button){flex:0 0 auto;display:flex;align-items:center;font-size:var(--zn-font-size-medium)}.dialog__body{flex:1 1 auto;display:block;padding:var(--body-spacing);overflow:auto;-webkit-overflow-scrolling:touch;color:var(--zn-color-text-default);font-size:var(--zn-font-size-medium);font-weight:var(--zn-font-weight-normal);letter-spacing:var(--zn-tracking-normal);line-height:var(--zn-line-height-dense)}.dialog__footer{flex:0 0 auto;text-align:right;padding:var(--footer-spacing)}.dialog__footer ::slotted(zn-button:not(:first-of-type)){margin-inline-start:var(--zn-spacing-x-small)}.dialog{}.dialog--default .dialog__title,.dialog--warning .dialog__title{color:rgb(var(--zn-text-panel-title));font-size:var(--zn-font-size-x-large);font-weight:var(--zn-font-weight-semibold);letter-spacing:var(--zn-letter-spacing-normal);line-height:var(--zn-font-size-x-large);padding:var(--header-spacing)}.dialog--announcement .dialog__title{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;align-content:center;color:var(--caption-color);font-size:var(--zn-font-size-x-large);font-weight:var(--zn-font-weight-semibold);letter-spacing:var(--zn-letter-spacing-normal);line-height:var(--zn-line-height-dense);padding:var(--header-spacing);margin:0}.dialog--default .dialog__title ::slotted(zn-icon),.dialog--warning .dialog__title ::slotted(zn-icon){border-radius:var(--zn-border-radius-pill);padding:var(--zn-spacing-2x-small);margin-right:var(--zn-spacing-small)}.dialog--announcement .dialog__title ::slotted(zn-icon){--icon-size:var(--zn-font-size-3x-large);border-radius:var(--zn-border-radius-pill);padding:var(--zn-spacing-medium);margin-bottom:var(--zn-spacing-medium)}.dialog__title ::slotted(zn-icon){background-color:var(--icon-background-color);color:var(--icon-color)}.dialog--warning .dialog__title{--icon-background-color:rgba(var(--zn-color-warning),.3);--icon-color:rgb(var(--zn-color-warning))}.dialog--announcement .dialog__title ::slotted([slot=announcement-intro]){color:var(--zn-color-neutral-800);font-size:var(--zn-font-size-large);font-weight:var(--zn-font-weight-semibold);padding:var(--zn-spacing-medium) 0}.dialog--announcement .dialog__header-actions{display:none}.dialog--announcement .dialog__body{padding:var(--zn-spacing-x-small) var(--zn-spacing-2x-large)}.dialog--announcement .dialog__title,.dialog--announcement .dialog__body,.dialog--announcement .dialog__footer{text-align:center}.dialog--announcement .dialog__footer ::slotted([slot=footer-text]){color:var(--zn-color-neutral-700);font-size:var(--zn-font-size-small);font-weight:var(--zn-font-weight-normal)}.dialog{}.dialog--small{--width:25rem}.dialog--small .dialog__body{color:rgb(var(--zn-text));padding:var(--body-spacing)}.dialog--medium{--width:30rem}.dialog--large{--width:37.5rem}.dialog{}.dialog--announcement .dialog__footer ::slotted([slot=footer-text]){padding:var(--zn-spacing-large)}.dialog__footer ::slotted(zn-button:not(:first-of-type)){margin-inline-start:var(--zn-spacing-x-small)}.dialog:not(.dialog--has-footer) .dialog__body{padding-bottom:var(--zn-spacing-3x-large)}.dialog:not(.dialog--has-footer) .dialog__footer{display:none}.dialog--cosmic{border:1px solid transparent}.dialog--cosmic:before{content:"";z-index:-1;position:absolute;top:-2px;left:-2px;height:calc(100% + 4px);width:calc(100% + 4px);filter:blur(var(--zn-blur,1px));opacity:0.9;border-radius:var(--zn-border-radius);background-image:conic-gradient(from var(--rotate) at 50% 50%,#71d9ff 0%,#a100ff 22%,#71d9ff 44%,#ff00ce 74%,#71d9ff 94%);animation:rotate-gradient 6s linear infinite}.dialog--cosmic{position:relative;border:none !important}`;var Ze=class extends C{constructor(){super(...arguments);this.hasSlotController=new J(this,"[default]","footer");this.variant="default";this.size="medium";this.open=!1;this.cosmic=!1;this.noHeader=!1;this.closeClickHandler=t=>{t.target instanceof HTMLElement&&t.target.hasAttribute("dialog-closer")&&this.hide()}}firstUpdated(t){super.firstUpdated(t),this.open&&this.show()}connectedCallback(){if(super.connectedCallback(),this.addEventListener("click",this.closeClickHandler),this.shadowRoot?.addEventListener("click",this.closeClickHandler),this.trigger){let t=this.parentNode?.querySelector("#"+this.trigger);t&&t.addEventListener("click",()=>this.show())}if(window.CSS.registerProperty)try{window.CSS.registerProperty({inherits:!1,initialValue:"0deg",name:"--rotate",syntax:"<angle>"})}catch{}}disconnectedCallback(){if(super.disconnectedCallback(),this.dialog.close(),Vc(this),this.closeWatcher?.destroy(),this.removeEventListener("click",this.closeClickHandler),this.trigger){let t=this.parentElement?.querySelector("#"+this.trigger);t&&t.removeEventListener("click",()=>this.show())}}requestClose(t){this.emit("zn-request-close",{cancelable:!0,detail:{source:t}}).defaultPrevented||this.hide()}addOpenListeners(){"CloseWatcher"in window&&(this.closeWatcher?.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>this.requestClose("keyboard"))}removeOpenListeners(){this.closeWatcher?.destroy()}show(){this.emit("zn-show"),this.addOpenListeners(),this.open=!0,this.dialog.showModal()}hide(){this.emit("zn-close"),this.removeOpenListeners(),this.open=!1,this.dialog.close()}render(){let t=this.hasSlotController.test("footer");return u`
|
|
292
|
+
`}showStatus(t){let r=t==="success"?this.successIcon:this.errorIcon;this.tooltip.content=t==="success"?"Copied!":"Error!",this.copyIcon.hidden=!0,this.status=t,r.hidden=!1,setTimeout(()=>{this.status="rest",this.copyIcon.hidden=!1,r.hidden=!0,this.tooltip.content=this.copyLabel||"Copy",this.isCopying=!1},1500)}async handleCopy(){if(this.isCopying)return;this.isCopying=!0;let t=this.value||this.textContent;if(this.from){let r=this.getRootNode(),n=this.from.includes("."),a=this.from.includes("[")&&this.from.includes("]"),s=this.from,l="";n?[s,l]=this.from.trim().split("."):a&&([s,l]=this.from.trim().replace(/]$/,"").split("["));let d="getElementById"in r?r.getElementById(s):null;d?a?t=d.getAttribute(l)||"":n?t=d[l]||"":t=d.textContent||"":(console.error("No target element found with id:",s),this.showStatus("error"),this.emit("zn-error"))}if(!t){console.error('No value to copy. Please provide a value or a valid "from" attribute.'),this.showStatus("error"),this.emit("zn-error");return}try{await navigator.clipboard.writeText(t),this.showStatus("success"),this.emit("zn-copy",{detail:{value:t}})}catch(r){console.error("Failed to copy text: ",r),this.showStatus("error"),this.emit("zn-error")}}};je.styles=T(mb),c([V('slot[name="copy-icon"')],je.prototype,"copyIcon",2),c([V('slot[name="success-icon"')],je.prototype,"successIcon",2),c([V('slot[name="error-icon"')],je.prototype,"errorIcon",2),c([V("zn-tooltip")],je.prototype,"tooltip",2),c([H()],je.prototype,"isCopying",2),c([H()],je.prototype,"status",2),c([p()],je.prototype,"value",2),c([p({attribute:"copy-label"})],je.prototype,"copyLabel",2),c([p()],je.prototype,"src",2),c([p({type:Number,reflect:!0})],je.prototype,"size",2),c([p()],je.prototype,"from",2);var gh=je;je.define("zn-copy-button");var Jt=class{constructor(o,{target:t,config:r,callback:n,skipInitial:a}){this.t=new Set,this.o=!1,this.i=!1,this.h=o,t!==null&&this.t.add(t??o),this.l=r,this.o=a??this.o,this.callback=n,window.ResizeObserver?(this.u=new ResizeObserver(s=>{this.handleChanges(s),this.h.requestUpdate()}),o.addController(this)):console.warn("ResizeController error: browser does not support ResizeObserver.")}handleChanges(o){this.value=this.callback?.(o,this.u)}hostConnected(){for(let o of this.t)this.observe(o)}hostDisconnected(){this.disconnect()}async hostUpdated(){!this.o&&this.i&&this.handleChanges([]),this.i=!1}observe(o){this.t.add(o),this.u.observe(o,this.l),this.i=!0,this.h.requestUpdate()}unobserve(o){this.t.delete(o),this.u.unobserve(o)}disconnect(){this.u.disconnect()}target(o){return SS(this,o)}},SS=ie(class extends ri{constructor(){super(...arguments),this.observing=!1}render(i,o){}update(i,[o,t]){this.controller=o,this.part=i,this.observe=t,t===!1?(o.unobserve(i.element),this.observing=!1):this.observing===!1&&(o.observe(i.element),this.observing=!0)}disconnected(){this.controller?.unobserve(this.part.element),this.observing=!1}reconnected(){this.observe!==!1&&this.observing===!1&&(this.controller?.observe(this.part.element),this.observing=!0)}});var fb=()=>new vh,vh=class{},bh=new WeakMap,Bc=ie(class extends ri{render(i){return W}update(i,[o]){let t=o!==this.G;return t&&this.rt(void 0),(t||this.lt!==this.ct)&&(this.G=o,this.ht=i.options?.host,this.rt(this.ct=i.element)),W}rt(i){if(this.G!==void 0)if(this.isConnected||(i=void 0),typeof this.G=="function"){let o=this.ht??globalThis,t=bh.get(o);t===void 0&&(t=new WeakMap,bh.set(o,t)),t.get(this.G)!==void 0&&this.G.call(this.ht,void 0),t.set(this.G,i),i!==void 0&&this.G.call(this.ht,i)}else this.G.value=i}get lt(){return typeof this.G=="function"?bh.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var gb=Symbol(),tl=class{get taskComplete(){return this.t||(this.i===1?this.t=new Promise(((o,t)=>{this.o=o,this.h=t})):this.i===3?this.t=Promise.reject(this.l):this.t=Promise.resolve(this.u)),this.t}constructor(o,t,r){this.p=0,this.i=0,(this._=o).addController(this);let n=typeof t=="object"?t:{task:t,args:r};this.v=n.task,this.j=n.args,this.m=n.argsEqual??bb,this.k=n.onComplete,this.A=n.onError,this.autoRun=n.autoRun??!0,"initialValue"in n&&(this.u=n.initialValue,this.i=2,this.O=this.T?.())}hostUpdate(){this.autoRun===!0&&this.S()}hostUpdated(){this.autoRun==="afterUpdate"&&this.S()}T(){if(this.j===void 0)return;let o=this.j();if(!Array.isArray(o))throw Error("The args function must return an array");return o}async S(){let o=this.T(),t=this.O;this.O=o,o===t||o===void 0||t!==void 0&&this.m(t,o)||await this.run(o)}async run(o){let t,r;o??(o=this.T()),this.O=o,this.i===1?this.q?.abort():(this.t=void 0,this.o=void 0,this.h=void 0),this.i=1,this.autoRun==="afterUpdate"?queueMicrotask((()=>this._.requestUpdate())):this._.requestUpdate();let n=++this.p;this.q=new AbortController;let a=!1;try{t=await this.v(o,{signal:this.q.signal})}catch(s){a=!0,r=s}if(this.p===n){if(t===gb)this.i=0;else{if(a===!1){try{this.k?.(t)}catch{}this.i=2,this.o?.(t)}else{try{this.A?.(r)}catch{}this.i=3,this.h?.(r)}this.u=t,this.l=r}this._.requestUpdate()}}abort(o){this.i===1&&this.q?.abort(o)}get value(){return this.u}get error(){return this.l}get status(){return this.i}render(o){switch(this.i){case 0:return o.initial?.();case 1:return o.pending?.();case 2:return o.complete?.(this.value);case 3:return o.error?.(this.error);default:throw Error("Unexpected status: "+this.i)}}},bb=(i,o)=>i===o||i.length===o.length&&i.every(((t,r)=>!Ca(t,o[r])));function qt(i,o,t){let r=[],n=(a,s)=>{if(!a||a.nodeType!==Node.ELEMENT_NODE||s&&t&&a.matches(t))return;a.matches(i)&&r.push(a);let l=a.children;if(l.length)for(let h of l)n(h,!0);let d=a.shadowRoot;if(d){let h=d.children;for(let m of h)n(m,!0)}};return n(o,!1),r}function vb(i,o){return{top:Math.round(i.getBoundingClientRect().top-o.getBoundingClientRect().top),left:Math.round(i.getBoundingClientRect().left-o.getBoundingClientRect().left)}}var xb=new Set;function Vc(i){xb.delete(i),xb.size===0&&(document.body.classList.remove("zn-scroll-lock"),document.body.style.removeProperty("--zn-scroll-lock-size"))}function yb(i,o,t="vertical",r="smooth"){let n=vb(i,o),a=n.top+o.scrollTop,s=n.left+o.scrollLeft,l=o.scrollLeft,d=o.scrollLeft+o.offsetWidth,h=o.scrollTop,m=o.scrollTop+o.offsetHeight;(t==="horizontal"||t==="both")&&(s<l?o.scrollTo({left:s,behavior:r}):s+i.clientWidth>d&&o.scrollTo({left:s-o.offsetWidth+i.clientWidth,behavior:r})),(t==="vertical"||t==="both")&&(a<h?o.scrollTo({top:a,behavior:r}):a+i.clientHeight>m&&o.scrollTo({top:a-o.offsetHeight+i.clientHeight,behavior:r}))}var zb=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{--width:30rem;--header-spacing:var(--zn-spacing-large) var(--zn-spacing-large) var(--zn-spacing-medium);--body-spacing:var(--zn-spacing-x-small) var(--zn-spacing-large);--footer-spacing:var(--zn-spacing-large);--icon-background-color:var(--zn-color-primary-200);--icon-color:var(--zn-color-primary-600);--caption-color:var(--zn-color-primary-600);display:contents}.dialog-container{border-radius:var(--zn-border-radius);background-color:var(--zn-panel-background-color);margin:2px;overflow:auto}.dialog__header+.dialog__body{padding-top:0}.dialog{flex-direction:column;z-index:2;width:calc(var(--width) + 1px);overflow:hidden;max-width:calc(100% - var(--zn-spacing-2x-large));max-height:calc(100% - var(--zn-spacing-2x-large));background-color:var(--zn-panel-background-color);border-radius:var(--zn-border-radius);box-shadow:var(--zn-shadow-x-large);padding:0;margin:10vh auto}.dialog__header{flex:0 0 auto;display:flex}.dialog__title{display:flex;flex:1 1 auto;align-items:center;font:inherit;margin:0}.dialog__header-actions{flex-shrink:0;display:flex;flex-wrap:wrap;justify-content:end;align-items:center;gap:var(--zn-spacing-x-small);padding:var(--header-spacing)}.dialog__header-actions zn-button,.dialog__header-actions::slotted(zn-button){flex:0 0 auto;display:flex;align-items:center;font-size:var(--zn-font-size-medium)}.dialog__body{flex:1 1 auto;display:block;padding:var(--body-spacing);overflow:auto;-webkit-overflow-scrolling:touch;color:var(--zn-color-text-default);font-size:var(--zn-font-size-medium);font-weight:var(--zn-font-weight-normal);letter-spacing:var(--zn-tracking-normal);line-height:var(--zn-line-height-dense)}.dialog__footer{flex:0 0 auto;text-align:right;padding:var(--footer-spacing)}.dialog__footer ::slotted(zn-button:not(:first-of-type)){margin-inline-start:var(--zn-spacing-x-small)}.dialog{}.dialog--default .dialog__title,.dialog--warning .dialog__title{color:rgb(var(--zn-text-panel-title));font-size:var(--zn-font-size-x-large);font-weight:var(--zn-font-weight-semibold);letter-spacing:var(--zn-letter-spacing-normal);line-height:var(--zn-font-size-x-large);padding:var(--header-spacing)}.dialog--announcement .dialog__title{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;align-content:center;color:var(--caption-color);font-size:var(--zn-font-size-x-large);font-weight:var(--zn-font-weight-semibold);letter-spacing:var(--zn-letter-spacing-normal);line-height:var(--zn-line-height-dense);padding:var(--header-spacing);margin:0}.dialog--default .dialog__title ::slotted(zn-icon),.dialog--warning .dialog__title ::slotted(zn-icon){border-radius:var(--zn-border-radius-pill);padding:var(--zn-spacing-2x-small);margin-right:var(--zn-spacing-small)}.dialog--announcement .dialog__title ::slotted(zn-icon){--icon-size:var(--zn-font-size-3x-large);border-radius:var(--zn-border-radius-pill);padding:var(--zn-spacing-medium);margin-bottom:var(--zn-spacing-medium)}.dialog__title ::slotted(zn-icon){background-color:var(--icon-background-color);color:var(--icon-color)}.dialog--warning .dialog__title{--icon-background-color:rgba(var(--zn-color-warning),.3);--icon-color:rgb(var(--zn-color-warning))}.dialog--announcement .dialog__title ::slotted([slot=announcement-intro]){color:var(--zn-color-neutral-800);font-size:var(--zn-font-size-large);font-weight:var(--zn-font-weight-semibold);padding:var(--zn-spacing-medium) 0}.dialog--announcement .dialog__header-actions{display:none}.dialog--announcement .dialog__body{padding:var(--zn-spacing-x-small) var(--zn-spacing-2x-large)}.dialog--announcement .dialog__title,.dialog--announcement .dialog__body,.dialog--announcement .dialog__footer{text-align:center}.dialog--announcement .dialog__footer ::slotted([slot=footer-text]){color:var(--zn-color-neutral-700);font-size:var(--zn-font-size-small);font-weight:var(--zn-font-weight-normal)}.dialog{}.dialog--small{--width:25rem}.dialog--small .dialog__body{color:rgb(var(--zn-text));padding:var(--body-spacing)}.dialog--medium{--width:30rem}.dialog--large{--width:37.5rem}.dialog{}.dialog--announcement .dialog__footer ::slotted([slot=footer-text]){padding:var(--zn-spacing-large)}.dialog__footer ::slotted(zn-button:not(:first-of-type)){margin-inline-start:var(--zn-spacing-x-small)}.dialog:not(.dialog--has-footer) .dialog__body{padding-bottom:var(--zn-spacing-3x-large)}.dialog:not(.dialog--has-footer) .dialog__footer{display:none}.dialog--cosmic{border:1px solid transparent}.dialog--cosmic:before{content:"";z-index:-1;position:absolute;top:-2px;left:-2px;height:calc(100% + 4px);width:calc(100% + 4px);filter:blur(var(--zn-blur,1px));opacity:0.9;border-radius:var(--zn-border-radius);background-image:conic-gradient(from var(--rotate) at 50% 50%,#71d9ff 0%,#a100ff 22%,#71d9ff 44%,#ff00ce 74%,#71d9ff 94%);animation:rotate-gradient 6s linear infinite}.dialog--cosmic{position:relative;border:none !important}`;var Ze=class extends C{constructor(){super(...arguments);this.hasSlotController=new J(this,"[default]","footer");this.variant="default";this.size="medium";this.open=!1;this.cosmic=!1;this.noHeader=!1;this.closeClickHandler=t=>{t.target instanceof HTMLElement&&t.target.hasAttribute("dialog-closer")&&this.hide()}}firstUpdated(t){super.firstUpdated(t),this.open&&this.show()}connectedCallback(){if(super.connectedCallback(),this.addEventListener("click",this.closeClickHandler),this.shadowRoot?.addEventListener("click",this.closeClickHandler),this.trigger){let t=this.parentNode?.querySelector("#"+this.trigger);t&&t.addEventListener("click",()=>this.show())}if(window.CSS.registerProperty)try{window.CSS.registerProperty({inherits:!1,initialValue:"0deg",name:"--rotate",syntax:"<angle>"})}catch{}}disconnectedCallback(){if(super.disconnectedCallback(),this.dialog.close(),Vc(this),this.closeWatcher?.destroy(),this.removeEventListener("click",this.closeClickHandler),this.trigger){let t=this.parentElement?.querySelector("#"+this.trigger);t&&t.removeEventListener("click",()=>this.show())}}requestClose(t){this.emit("zn-request-close",{cancelable:!0,detail:{source:t}}).defaultPrevented||this.hide()}addOpenListeners(){"CloseWatcher"in window&&(this.closeWatcher?.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>this.requestClose("keyboard"))}removeOpenListeners(){this.closeWatcher?.destroy()}show(){this.emit("zn-show"),this.addOpenListeners(),this.open=!0,this.dialog.showModal()}hide(){this.emit("zn-close"),this.removeOpenListeners(),this.open=!1,this.dialog.close()}render(){let t=this.hasSlotController.test("footer");return u`
|
|
292
293
|
<dialog
|
|
293
294
|
part="base"
|
|
294
295
|
role="alertdialog"
|
|
@@ -376,7 +377,7 @@ import{a as _n,b as D1,c as nr,d as c,e as B}from"./chunks/zn.UBLZO6CI.js";var J
|
|
|
376
377
|
<zn-button color="default" slot="footer" @click=${this.handleQBUpdate}>Show Results</zn-button>
|
|
377
378
|
</div>
|
|
378
379
|
</zn-slideout>
|
|
379
|
-
`}};on.styles=T(_b),c([p()],on.prototype,"filters",2),c([p()],on.prototype,"name",2),c([p()],on.prototype,"value",2);var xh=on;on.define("zn-data-table-filter");var fe=(i="value")=>(o,t)=>{let r=o.constructor,n=r.prototype.attributeChangedCallback;r.prototype.attributeChangedCallback=function(a,s,l){let d=r.getPropertyOptions(i),h=typeof d.attribute=="string"?d.attribute:i;if(a===h){let m=d.converter||Zn,g=(typeof m=="function"?m:m?.fromAttribute??Zn.fromAttribute)(l,d.type);this[i]!==g&&(this[t]=g)}n.call(this,a,s,l)}};var vr=ie(class extends Ve{constructor(i){if(super(i),i.type!==Ke.PROPERTY&&i.type!==Ke.ATTRIBUTE&&i.type!==Ke.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!Ac(i))throw Error("`live` bindings can only contain a single expression")}render(i){return i}update(i,[o]){if(o===ne||o===W)return o;let t=i.element,r=i.name;if(i.type===Ke.PROPERTY){if(o===t[r])return ne}else if(i.type===Ke.BOOLEAN_ATTRIBUTE){if(!!o===t.hasAttribute(r))return ne}else if(i.type===Ke.ATTRIBUTE&&t.getAttribute(r)===o+"")return ne;return $a(i),o}});var yh=new Set,Ra=new Map,ea,zh="ltr",wh="en",kb=typeof MutationObserver<"u"&&typeof document<"u"&&typeof document.documentElement<"u";if(kb){let i=new MutationObserver(Sb);zh=document.documentElement.dir||"ltr",wh=document.documentElement.lang||navigator.language,i.observe(document.documentElement,{attributes:!0,attributeFilter:["dir","lang"]})}function rl(...i){i.map(o=>{let t=o.$code.toLowerCase();Ra.has(t)?Ra.set(t,Object.assign(Object.assign({},Ra.get(t)),o)):Ra.set(t,o),ea||(ea=o)}),Sb()}function Sb(){kb&&(zh=document.documentElement.dir||"ltr",wh=document.documentElement.lang||navigator.language),[...yh.keys()].map(i=>{typeof i.requestUpdate=="function"&&i.requestUpdate()})}var Uc=class{constructor(o){this.host=o,this.host.addController(this)}hostConnected(){yh.add(this.host)}hostDisconnected(){yh.delete(this.host)}dir(){return`${this.host.dir||zh}`.toLowerCase()}lang(){return`${this.host.lang||wh}`.toLowerCase()}getTranslationData(o){var t,r;let n;try{n=new Intl.Locale(o.replace(/_/g,"-"))}catch{return{locale:void 0,language:"",region:"",primary:void 0,secondary:void 0}}let a=n.language.toLowerCase(),s=(r=(t=n.region)===null||t===void 0?void 0:t.toLowerCase())!==null&&r!==void 0?r:"",l=Ra.get(`${a}-${s}`),d=Ra.get(a);return{locale:n,language:a,region:s,primary:l,secondary:d}}exists(o,t){var r;let{primary:n,secondary:a}=this.getTranslationData((r=t.lang)!==null&&r!==void 0?r:this.lang());return t=Object.assign({includeFallback:!1},t),!!(n&&n[o]||a&&a[o]||t.includeFallback&&ea&&ea[o])}term(o,...t){let{primary:r,secondary:n}=this.getTranslationData(this.lang()),a;if(r&&r[o])a=r[o];else if(n&&n[o])a=n[o];else if(ea&&ea[o])a=ea[o];else return console.error(`No translation found for: ${String(o)}`),String(o);return typeof a=="function"?a(...t):a}date(o,t){return o=new Date(o),new Intl.DateTimeFormat(this.lang(),t).format(o)}number(o,t){return o=Number(o),isNaN(o)?"":new Intl.NumberFormat(this.lang(),t).format(o)}relativeTime(o,t,r){return new Intl.RelativeTimeFormat(this.lang(),r).format(o,t)}};var Cb={$code:"en",$name:"English",$dir:"ltr",onChange:"onChange",showPassword:"Show password",hidePassword:"Hide password",clearEntry:"Clear entry",numOptionsSelected:i=>i===0?"No options selected":i===1?"1 option selected":`${i} options selected`,fileButtonText:"Choose a file",fileButtonTextMultiple:"Choose files",folderButtonText:"Choose a folder",fileDragDrop:"Drop files here to upload",folderDragDrop:"Drop folder here to upload",numFilesSelected:i=>i===0?"No files selected":i===1?"1 file selected":`${i} files selected`};rl(Cb);var Eb=Cb;var je=class extends Uc{};rl(Eb);var Tb=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}.form-control-input{margin:var(--zn-spacing-2x-small) 3px 3px 0}.form-control-input--flush{margin:0}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control--has-label .form-control__label{display:inline-block;color:var(--zn-input-label-color);font-weight:var(--zn-input-label-font-weight);line-height:var(--zn-input-label-line-height);margin-bottom:var(--zn-spacing-x-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--zn-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control__label{font-size:var(--zn-input-label-font-size-large)}:host([required]) .form-control--has-label .form-control__label::after{content:var(--zn-input-required-content);margin-inline-start:var(--zn-input-required-content-offset);color:var(--zn-input-required-content-color)}.form-control--has-label.form-control--radio-group .form-control__label,.form-control--has-label.form-control--checkbox-group .form-control__label{margin-bottom:0}.form-control--has-label.form-control--has-label-tooltip .form-control__label{display:inline-flex;align-items:center;gap:var(--zn-spacing-2x-small)}.form-control--has-label.form-control--small .form-control__label{font-size:var(--zn-input-label-font-size-small)}.form-control--label-tooltip{color:var(--zn-color-neutral-700);font-size:var(--zn-font-size-small)}.form-control--label-tooltip zn-icon{--icon-color:var(--zn-color-neutral-700);--icon-size:var(--zn-font-size-small)}.form-control--has-label.form-control--has-context-note{display:flex;justify-content:space-between;flex-wrap:wrap}.form-control__label-context-note{color:var(--zn-input-help-text-color);font-size:var(--zn-font-size-small);margin-bottom:var(--zn-spacing-2x-small)}.form-control--has-label.form-control--has-context-note .form-control-input{width:100%}.form-control--has-help-text .form-control__help-text,.radio--has-description .radio__description,.checkbox--has-description .checkbox__description{display:block;color:var(--zn-input-help-text-color);margin-top:var(--zn-spacing-x-small)}.radio--has-description .radio__description,.checkbox--has-description .checkbox__description{margin-top:0.375rem}.radio--has-selected-content .radio__selected-content,.checkbox--has-selected-content .checkbox__selected-content{display:block;margin-top:var(--zn-spacing-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--zn-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text,.radio--has-description .radio__description,.checkbox--has-description .checkbox__description{font-size:var(--zn-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--zn-input-help-text-font-size-large)}.form-control--has-help-text.form-control--radio-group .form-control__help-text,.form-control--has-help-text.form-control--checkbox-group .form-control__help-text{margin-top:var(--zn-spacing-medium)}.form-control--has-help-text .switch .form-control__help-text{margin-top:var(--zn-spacing-3x-small)}.form-control--checkbox-contained-wrapper{height:100%}:host{display:block}.input{flex:1 1 auto;display:inline-flex;align-items:stretch;justify-content:start;position:relative;width:100%;box-shadow:var(--zn-shadow-x-small);font-family:var(--zn-input-font-family),sans-serif;font-weight:var(--zn-input-font-weight);letter-spacing:var(--zn-input-letter-spacing);vertical-align:middle;overflow:hidden;cursor:text;transition:var(--zn-transition-fast) color,var(--zn-transition-fast) border,var(--zn-transition-fast) background-color}.input--standard{background-color:var(--zn-input-background-color);border:solid var(--zn-input-border-width) var(--zn-input-border-color)}.input--standard:hover:not(.input--disabled,.input--filled){background-color:var(--zn-input-background-color-hover);border-color:var(--zn-input-border-color-hover)}.input--filled:hover:not(.input--disabled){background-color:var(--zn-color-neutral-50);border-color:var(--zn-input-border-color-hover)}.input--standard.input--focused:not(.input--disabled){background-color:var(--zn-input-background-color-focus);border-color:var(--zn-input-border-color-focus)}.input--standard.input--focused:not(.input--disabled):not(.input--x-small){box-shadow:0 0 0 var(--zn-focus-ring-width) var(--zn-input-focus-ring-color)}.input--standard.input--focused:not(.input--disabled).input--x-small{box-shadow:0 0 0 var(--zn-focus-ring-width-x-small) var(--zn-input-focus-ring-color)}.input--standard.input--focused:not(.input--disabled) .input__control{color:var(--zn-input-color-focus)}.input--standard.input--disabled{background-color:var(--zn-input-background-color-disabled);border-color:var(--zn-input-border-color-disabled);opacity:0.5;cursor:not-allowed}.input--standard.input--filled{background-color:rgba(var(--zn-panel),var(--zn-panel-opacity))}.input--standard.input--disabled .input__control{color:var(--zn-input-color-disabled)}.input--standard.input--disabled .input__control::-moz-placeholder{color:var(--zn-input-placeholder-color-disabled)}.input--standard.input--disabled .input__control::placeholder{color:var(--zn-input-placeholder-color-disabled)}.input__control{flex:1 1 auto;font-family:inherit;font-size:inherit;font-weight:inherit;min-width:0;height:100%;color:var(--zn-input-color);border:none;background:inherit;box-shadow:none;padding:0;margin:0;cursor:inherit;-webkit-appearance:none;line-height:var(--zn-input-line-height)}input[type=text].input__control[data-color-input]{font-family:var(--zn-font-mono,"SFMono-Regular","Consolas","Liberation Mono","Menlo",monospace);font-size:0.9em}.input__control::-webkit-search-decoration,.input__control::-webkit-search-cancel-button,.input__control::-webkit-search-results-button,.input__control::-webkit-search-results-decoration{-webkit-appearance:none}.input__control:-webkit-autofill,.input__control:-webkit-autofill:hover,.input__control:-webkit-autofill:focus,.input__control:-webkit-autofill:active{box-shadow:0 0 0 var(--zn-input-height-large) var(--zn-input-background-color) inset !important;-webkit-text-fill-color:var(--zn-input-color);caret-color:var(--zn-input-color)}.input__control::-moz-placeholder{color:var(--zn-input-placeholder-color);-moz-user-select:none;user-select:none;-webkit-user-select:none}.input__control::placeholder{color:var(--zn-input-placeholder-color);-moz-user-select:none;user-select:none;-webkit-user-select:none}.input:hover:not(.input--disabled) .input__control{color:var(--zn-input-color-hover)}.input__control:focus{outline:none}.input__prefix,.input__suffix{display:inline-flex;flex:0 0 auto;align-items:center;align-self:stretch;height:100%;cursor:default;color:var(--zn-input-icon-color);font-size:var(--zn-font-size-small)}.input__prefix zn-icon,.input__suffix zn-icon{--icon-size:var(--zn-font-size-x-large);color:var(--zn-input-icon-color);font-size:var(--zn-font-size-small)}.input__prefix ::slotted(zn-icon),.input__suffix ::slotted(zn-icon){--icon-size:var(--zn-font-size-medium);font-size:var(--zn-font-size-medium);color:var(--zn-input-icon-color)}.input--x-small{border-radius:var(--zn-input-border-radius-x-small);font-size:var(--zn-input-font-size-small);height:var(--zn-input-height-x-small)}.input--x-small .input__control{height:calc(var(--zn-input-height-x-small) - var(--zn-input-border-width) * 2);padding:0 var(--zn-input-spacing-small) 0 var(--zn-spacing-small)}.input--x-small .input__clear,.input--x-small .input__password-toggle{width:calc(1em + var(--zn-input-spacing-x-small) * 2)}.input--x-small .input__prefix ::slotted(*),.input__prefix-default{margin-inline-start:var(--zn-spacing-x-small)}.input--x-small .input__suffix ::slotted(*),.input__suffix-default{margin-inline-end:var(--zn-input-spacing-x-small)}.input--x-small .input__suffix ::slotted(zn-button),.input--x-small .input__prefix ::slotted(zn-button),.input--x-small .input__suffix ::slotted(zn-checkbox),.input--x-small .input__prefix ::slotted(zn-checkbox){margin-inline-end:0;margin-inline-start:0}.input--small{border-radius:var(--zn-input-border-radius-small);font-size:var(--zn-input-font-size-small);height:var(--zn-input-height-small)}.input--small .input__control{height:calc(var(--zn-input-height-small) - var(--zn-input-border-width) * 2);padding:0 var(--zn-input-spacing-small) 0 var(--zn-spacing-small)}.input--small .input__clear,.input--small .input__password-toggle{width:calc(1em + var(--zn-input-spacing-small) * 2)}.input--small .input__prefix ::slotted(*),.input__prefix-default{margin-inline-start:var(--zn-input-spacing-small)}.input--small .input__suffix ::slotted(*),.input__suffix-default{margin-inline-end:var(--zn-input-spacing-small)}.input--small .input__suffix ::slotted(zn-button),.input--small .input__prefix ::slotted(zn-button),.input--small .input__suffix ::slotted(zn-checkbox),.input--small .input__prefix ::slotted(zn-checkbox){margin-inline-end:0;margin-inline-start:0}.input--medium{border-radius:var(--zn-input-border-radius-medium);font-size:var(--zn-input-font-size-medium);height:var(--zn-input-height-medium)}.input--medium .input__control{height:calc(var(--zn-input-height-medium) - var(--zn-input-border-width) * 2);padding:0 var(--zn-input-spacing-small) 0 var(--zn-spacing-small)}.input--medium .input__clear,.input--medium .input__password-toggle{width:calc(1em + var(--zn-input-spacing-medium) * 2)}.input--medium .input__prefix ::slotted(*),.input__prefix-default{margin-inline-start:var(--zn-spacing-small)}.input--medium .input__suffix ::slotted(*),.input__suffix-default{margin-inline-end:var(--zn-spacing-small)}.input--medium .input__suffix ::slotted(zn-button),.input--medium .input__prefix ::slotted(zn-button),.input--medium .input__suffix ::slotted(zn-checkbox),.input--medium .input__prefix ::slotted(zn-checkbox){margin-inline-end:0;margin-inline-start:0}.input__suffix ::slotted(zn-button),.input__prefix ::slotted(zn-button){--zn-button-border-color:rgb(var(--zn-color-border));--zn-button-border-width:0}.input__suffix ::slotted(zn-button){--zn-button-border-left-width:1px}.input__prefix ::slotted(zn-button){--zn-button-border-right-width:1px}.input--large{border-radius:var(--zn-input-border-radius-large);font-size:var(--zn-input-font-size-large);height:var(--zn-input-height-large)}.input--large .input__control{height:calc(var(--zn-input-height-large) - var(--zn-input-border-width) * 2);padding:0 var(--zn-input-spacing-medium) 0 var(--zn-spacing-small)}.input--large .input__clear,.input--large .input__password-toggle{width:calc(1em + var(--zn-input-spacing-large) * 2)}.input--large .input__suffix ::slotted(zn-button),.input--large .input__prefix ::slotted(zn-button),.input--large .input__suffix ::slotted(zn-checkbox),.input--large .input__prefix ::slotted(zn-checkbox){margin-inline-end:0;margin-inline-start:0}.input--pill.input--x-small{border-radius:var(--zn-input-height-small);padding:0 var(--zn-spacing-x-small)}.input--pill.input--small{border-radius:var(--zn-input-height-small);padding:0 var(--zn-spacing-x-small)}.input--pill.input--medium{border-radius:var(--zn-input-height-medium);padding:0 var(--zn-spacing-x-small)}.input--pill.input--large{border-radius:var(--zn-input-height-large);padding:0 var(--zn-spacing-x-small)}.input__clear:not(.input__clear--visible){visibility:hidden}.input__clear,.input__password-toggle{display:inline-flex;align-items:center;justify-content:center;font-size:var(--zn-font-size-large);color:var(--zn-input-icon-color);border:none;background:none;padding:0;transition:var(--zn-transition-fast) color;cursor:pointer}.input__clear zn-icon,.input__password-toggle zn-icon{--icon-size:var(--zn-font-size-large)}.input__clear:hover,.input__password-toggle:hover{color:var(--zn-input-icon-color-hover)}.input__clear:focus,.input__password-toggle:focus{outline:none}.input--empty .input__clear{visibility:hidden}::-ms-reveal{display:none}.input--no-spin-buttons input[type=number]::-webkit-outer-spin-button,.input--no-spin-buttons input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;display:none}.input--no-spin-buttons input[type=number]{-moz-appearance:textfield}input[type=date]::-webkit-calendar-picker-indicator{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="14" width="12.25" viewBox="0 0 448 512"><path fill="%236d7176" d="M128 0c13.3 0 24 10.7 24 24V64H296V24c0-13.3 10.7-24 24-24s24 10.7 24 24V64h40c35.3 0 64 28.7 64 64v16 48V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V192 144 128C0 92.7 28.7 64 64 64h40V24c0-13.3 10.7-24 24-24zM400 192H48V448c0 8.8 7.2 16 16 16H384c8.8 0 16-7.2 16-16V192zM112 256h96c8.8 0 16 7.2 16 16v96c0 8.8-7.2 16-16 16H112c-8.8 0-16-7.2-16-16V272c0-8.8 7.2-16 16-16z"/></svg>')}.input__color-swatch{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--zn-border-radius);border:solid 1px rgba(0,0,0,0.15);background-color:var(--zn-color-neutral-0);cursor:pointer;transition:var(--zn-transition-fast) border-color,var(--zn-transition-fast) box-shadow;overflow:hidden;position:relative;flex-shrink:0;margin-inline-start:var(--zn-input-spacing-small)}.input__color-swatch:hover{border-color:rgba(0,0,0,0.25);box-shadow:0 0 0 2px rgba(0,0,0,0.05)}.input--x-small .input__color-swatch{margin-inline-start:var(--zn-input-spacing-x-small)}.input--small .input__color-swatch{margin-inline-start:var(--zn-spacing-x2-small)}.input--medium .input__color-swatch{margin-inline-start:var(--zn-spacing-x-small)}.input--large .input__color-swatch{margin-inline-start:var(--zn-spacing-small)}.input__color-swatch-inner{width:100%;height:100%;border-radius:calc(var(--zn-border-radius) - 2px);background-color:var(--color-value,#000000)}.input__color-picker{position:absolute;opacity:0;width:0;height:0;padding:0;margin:0;pointer-events:none;border:none;visibility:hidden}.input--x-small .input__color-swatch{width:1.25rem;height:1.25rem}.input--small .input__color-swatch{width:1.5rem;height:1.5rem}.input--medium .input__color-swatch{width:1.75rem;height:1.75rem}.input--large .input__color-swatch{width:2rem;height:2rem}`;var lt=class extends C{constructor(){super(...arguments);this.formControlController=new it(this,{assumeInteractionOn:["zn-blur","zn-input"]});this.hasSlotController=new J(this,"help-text","label","label-tooltip");this.localize=new je(this);this.hasFocus=!1;this.isUserTyping=!1;this.title="";this.__numberInput=Object.assign(document.createElement("input"),{type:"number"});this.__dateInput=Object.assign(document.createElement("input"),{type:"date"});this.type="text";this.name="";this.value="";this.defaultValue="";this.size="medium";this.pill=!1;this.label="";this.labelTooltip="";this.contextNote="";this.helpText="";this.clearable=!1;this.optionalIcon=!1;this.disabled=!1;this.filled=!1;this.placeholder="";this.readonly=!1;this.passwordToggle=!1;this.passwordVisible=!1;this.noSpinButtons=!1;this.colorFormat="hex";this.required=!1;this.spellcheck=!0}get valueAsDate(){return this.__dateInput.type=this.type,this.__dateInput.value=this.value,this.input?.valueAsDate||this.__dateInput.valueAsDate}set valueAsDate(t){this.__dateInput.type=this.type,this.__dateInput.valueAsDate=t,this.value=this.__dateInput.value}get valueAsNumber(){return this.__numberInput.value=this.value,this.input?.valueAsNumber||this.__numberInput.valueAsNumber}set valueAsNumber(t){this.__numberInput.valueAsNumber=t,this.value=this.__numberInput.value}get validity(){return this.input?.validity}get validationMessage(){return this.input.validationMessage}validateMinMax(){this.type!=="number"&&this.type!=="date"||(typeof this.min<"u"&&parseInt(this.value)<parseInt(this.min)&&(this.value=this.min.toString()),typeof this.max<"u"&&parseInt(this.value)>parseInt(this.max)&&(this.value=this.max.toString()))}hexToRgb(t){let r=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);if(!r)return"";let n=parseInt(r[1],16),a=parseInt(r[2],16),s=parseInt(r[3],16);return`rgb(${n}, ${a}, ${s})`}rgbToHex(t){let r=t.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);if(!r)return"";let n=parseInt(r[1]).toString(16).padStart(2,"0"),a=parseInt(r[2]).toString(16).padStart(2,"0"),s=parseInt(r[3]).toString(16).padStart(2,"0");return`#${n}${a}${s}`}hexToOklch(t){let r=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);if(!r)return"";let n=parseInt(r[1],16)/255,a=parseInt(r[2],16)/255,s=parseInt(r[3],16)/255;n=n>.04045?Math.pow((n+.055)/1.055,2.4):n/12.92,a=a>.04045?Math.pow((a+.055)/1.055,2.4):a/12.92,s=s>.04045?Math.pow((s+.055)/1.055,2.4):s/12.92;let l=n*.4124564+a*.3575761+s*.1804375,d=n*.2126729+a*.7151522+s*.072175,h=n*.0193339+a*.119192+s*.9503041,m=l/.95047,f=d/1,g=h/1.08883,b=m>.008856?Math.pow(m,1/3):7.787*m+16/116,v=f>.008856?Math.pow(f,1/3):7.787*f+16/116,x=g>.008856?Math.pow(g,1/3):7.787*g+16/116,S=116*v-16,_=500*(b-v),R=200*(v-x),j=Math.sqrt(_*_+R*R),I=Math.atan2(R,_)*180/Math.PI;I<0&&(I+=360);let w=(S/100).toFixed(3),E=(j/150).toFixed(3),q=I.toFixed(1);return`oklch(${w} ${E} ${q})`}oklchToHex(t){let r=t.match(/^oklch\(([0-9.]+)\s+([0-9.]+)\s+([0-9.]+)\)$/);if(!r)return"";let n=parseFloat(r[1])*100,a=parseFloat(r[2])*150,s=parseFloat(r[3]),l=a*Math.cos(s*Math.PI/180),d=a*Math.sin(s*Math.PI/180),h=(n+16)/116,m=l/500+h,f=h-d/200,g=m>.206897?Math.pow(m,3):(m-16/116)/7.787,b=h>.206897?Math.pow(h,3):(h-16/116)/7.787,v=f>.206897?Math.pow(f,3):(f-16/116)/7.787,x=g*.95047,S=b*1,_=v*1.08883,R=x*3.2404542+S*-1.5371385+_*-.4985314,j=x*-.969266+S*1.8760108+_*.041556,I=x*.0556434+S*-.2040259+_*1.0572252;R=R>.0031308?1.055*Math.pow(R,1/2.4)-.055:12.92*R,j=j>.0031308?1.055*Math.pow(j,1/2.4)-.055:12.92*j,I=I>.0031308?1.055*Math.pow(I,1/2.4)-.055:12.92*I,R=Math.max(0,Math.min(1,R)),j=Math.max(0,Math.min(1,j)),I=Math.max(0,Math.min(1,I));let w=Math.round(R*255).toString(16).padStart(2,"0"),E=Math.round(j*255).toString(16).padStart(2,"0"),q=Math.round(I*255).toString(16).padStart(2,"0");return`#${w}${E}${q}`}hexToHsl(t){let r=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);if(!r)return"";let n=parseInt(r[1],16)/255,a=parseInt(r[2],16)/255,s=parseInt(r[3],16)/255,l=Math.max(n,a,s),d=Math.min(n,a,s),h=(l+d)/2,m=0,f=0;if(l!==d){let g=l-d;switch(f=h>.5?g/(2-l-d):g/(l+d),l){case n:m=((a-s)/g+(a<s?6:0))/6;break;case a:m=((s-n)/g+2)/6;break;case s:m=((n-a)/g+4)/6;break}}return`hsl(${Math.round(m*360)}, ${Math.round(f*100)}%, ${Math.round(h*100)}%)`}hslToHex(t){let r=t.match(/^hsl\(\s*(\d+)\s*,\s*(\d+)%\s*,\s*(\d+)%\s*\)$/);if(!r)return"";let n=parseInt(r[1])/360,a=parseInt(r[2])/100,s=parseInt(r[3])/100,l,d,h;if(a===0)l=d=h=s;else{let b=(S,_,R)=>(R<0&&(R+=1),R>1&&(R-=1),R<.16666666666666666?S+(_-S)*6*R:R<.5?_:R<.6666666666666666?S+(_-S)*(.6666666666666666-R)*6:S),v=s<.5?s*(1+a):s+a-s*a,x=2*s-v;l=b(x,v,n+1/3),d=b(x,v,n),h=b(x,v,n-1/3)}let m=Math.round(l*255).toString(16).padStart(2,"0"),f=Math.round(d*255).toString(16).padStart(2,"0"),g=Math.round(h*255).toString(16).padStart(2,"0");return`#${m}${f}${g}`}convertToHex(t){return t?t.startsWith("#")?t:t.startsWith("rgb")?this.rgbToHex(t):t.startsWith("hsl")?this.hslToHex(t):t.startsWith("oklch")?this.oklchToHex(t):t:"#000000"}convertFromHex(t){return t?this.colorFormat==="hex"?t:this.colorFormat==="rgb"?this.hexToRgb(t):this.colorFormat==="hsl"?this.hexToHsl(t):this.colorFormat==="oklch"?this.hexToOklch(t):t:""}handleBlur(){if(this.hasFocus=!1,this.isUserTyping=!1,this.validateMinMax(),this.type==="color"&&this.value){let t=this.convertToHex(this.value);if(t){let r=this.convertFromHex(t);r!==this.value&&(this.value=r)}}this.emit("zn-blur")}handleChange(){if(this.type==="currency"&&this.input.value)this.value=parseFloat(this.input.value).toFixed(2);else if(this.type==="color"){let t=this.input.value.trim();if(t==="")this.value="";else if(this.colorFormat==="hex"){let r=t;r&&!r.startsWith("#")&&(r="#"+r),/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(r)&&(this.value=r.toLowerCase())}else this.colorFormat==="rgb"?/^rgb\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*\)$/.test(t)&&(this.value=t):this.colorFormat==="hsl"?/^hsl\(\s*\d+\s*,\s*\d+%\s*,\s*\d+%\s*\)$/.test(t)&&(this.value=t):this.colorFormat==="oklch"&&/^oklch\(\s*[0-9.]+\s+[0-9.]+\s+[0-9.]+\s*\)$/.test(t)&&(this.value=t)}else this.value=this.input.value;this.emit("zn-change")}handleClearClick(t){this.value="",this.emit("zn-clear"),this.emit("zn-input"),this.emit("zn-change"),this.input.focus(),t.stopPropagation()}handleFocus(){this.hasFocus=!0,this.emit("zn-focus")}handleInput(){this.isUserTyping=!0,this.type==="color"?this.value=this.input.value:this.value=this.input.value,this.formControlController.updateValidity(),this.emit("zn-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleKeyDown(t){if(t.key==="Escape"){this.input.blur(),t.stopPropagation();return}let r=t.altKey||t.ctrlKey||t.metaKey||t.shiftKey;if(t.key==="Enter"&&!r&&!t.defaultPrevented&&!t.isComposing){let n=this.formControlController.getForm();if(n?.hasAttribute("enter-navigation")||n?.hasAttribute("data-enter-navigation"))return;this.formControlController.submit()}}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}handleColorSwatchClick(){this.type==="color"&&this.colorPicker&&this.colorPicker.click()}handleColorPickerChange(){if(this.type==="color"&&this.colorPicker){let t=this.colorPicker.value;this.value=this.convertFromHex(t),this.emit("zn-change"),this.emit("zn-input")}}focusInput(t){if(this.hasFocus)return;let r=t.target;r.tagName==="ZN-CHECKBOX"&&(r.slot==="prefix"||r.closest('[slot="prefix"]'))||(r.classList.contains("input__prefix")||r.slot==="prefix"||r.hasAttribute("part")&&r.getAttribute("part")==="base")&&(this.handleFocus(),this.input.focus())}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStepChange(){this.input.step=String(this.step),this.formControlController.updateValidity()}async handleValueChange(){if(await this.updateComplete,this.type==="color"&&this.value&&!this.isUserTyping){let t=this.convertToHex(this.value);if(t){let r=this.convertFromHex(t);if(r!==this.value){this.value=r,this.emit("zn-change");return}}}this.formControlController.updateValidity(),this.type==="color"&&this.colorPicker&&(this.colorPicker.value=this.convertToHex(this.value)||"#000000")}async handleColorFormatChange(){if(this.type==="color"&&this.value){let t=this.convertToHex(this.value);if(t){let r=this.convertFromHex(t);r!==this.value&&(this.value=r,this.emit("zn-change"))}}}focus(t){this.input.focus(t)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(t,r,n="none"){this.input.setSelectionRange(t,r,n)}setRangeText(t,r,n,a="preserve"){let s=r??this.input.selectionStart,l=n??this.input.selectionEnd;this.input.setRangeText(t,s,l,a),this.value!==this.input.value&&(this.value=this.input.value)}showPicker(){"showPicker"in HTMLInputElement.prototype&&this.input.showPicker()}stepUp(){this.input.stepUp(),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(){this.input.stepDown(),this.value!==this.input.value&&(this.value=this.input.value)}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("label"),r=this.hasSlotController.test("label-tooltip"),n=this.hasSlotController.test("context-note"),a=this.hasSlotController.test("help-text"),s=this.label?!0:t,l=this.labelTooltip?!0:r,d=this.contextNote?!0:n,h=this.helpText?!0:a,m=this.clearable&&!this.disabled&&!this.readonly,f=this.optionalIcon,g=m&&(typeof this.value=="number"||this.value.length>0);return u`
|
|
380
|
+
`}};on.styles=T(_b),c([p()],on.prototype,"filters",2),c([p()],on.prototype,"name",2),c([p()],on.prototype,"value",2);var xh=on;on.define("zn-data-table-filter");var fe=(i="value")=>(o,t)=>{let r=o.constructor,n=r.prototype.attributeChangedCallback;r.prototype.attributeChangedCallback=function(a,s,l){let d=r.getPropertyOptions(i),h=typeof d.attribute=="string"?d.attribute:i;if(a===h){let m=d.converter||Zn,g=(typeof m=="function"?m:m?.fromAttribute??Zn.fromAttribute)(l,d.type);this[i]!==g&&(this[t]=g)}n.call(this,a,s,l)}};var vr=ie(class extends Ve{constructor(i){if(super(i),i.type!==Ye.PROPERTY&&i.type!==Ye.ATTRIBUTE&&i.type!==Ye.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!Ac(i))throw Error("`live` bindings can only contain a single expression")}render(i){return i}update(i,[o]){if(o===ne||o===W)return o;let t=i.element,r=i.name;if(i.type===Ye.PROPERTY){if(o===t[r])return ne}else if(i.type===Ye.BOOLEAN_ATTRIBUTE){if(!!o===t.hasAttribute(r))return ne}else if(i.type===Ye.ATTRIBUTE&&t.getAttribute(r)===o+"")return ne;return $a(i),o}});var yh=new Set,Ra=new Map,ea,zh="ltr",wh="en",kb=typeof MutationObserver<"u"&&typeof document<"u"&&typeof document.documentElement<"u";if(kb){let i=new MutationObserver(Sb);zh=document.documentElement.dir||"ltr",wh=document.documentElement.lang||navigator.language,i.observe(document.documentElement,{attributes:!0,attributeFilter:["dir","lang"]})}function rl(...i){i.map(o=>{let t=o.$code.toLowerCase();Ra.has(t)?Ra.set(t,Object.assign(Object.assign({},Ra.get(t)),o)):Ra.set(t,o),ea||(ea=o)}),Sb()}function Sb(){kb&&(zh=document.documentElement.dir||"ltr",wh=document.documentElement.lang||navigator.language),[...yh.keys()].map(i=>{typeof i.requestUpdate=="function"&&i.requestUpdate()})}var Uc=class{constructor(o){this.host=o,this.host.addController(this)}hostConnected(){yh.add(this.host)}hostDisconnected(){yh.delete(this.host)}dir(){return`${this.host.dir||zh}`.toLowerCase()}lang(){return`${this.host.lang||wh}`.toLowerCase()}getTranslationData(o){var t,r;let n;try{n=new Intl.Locale(o.replace(/_/g,"-"))}catch{return{locale:void 0,language:"",region:"",primary:void 0,secondary:void 0}}let a=n.language.toLowerCase(),s=(r=(t=n.region)===null||t===void 0?void 0:t.toLowerCase())!==null&&r!==void 0?r:"",l=Ra.get(`${a}-${s}`),d=Ra.get(a);return{locale:n,language:a,region:s,primary:l,secondary:d}}exists(o,t){var r;let{primary:n,secondary:a}=this.getTranslationData((r=t.lang)!==null&&r!==void 0?r:this.lang());return t=Object.assign({includeFallback:!1},t),!!(n&&n[o]||a&&a[o]||t.includeFallback&&ea&&ea[o])}term(o,...t){let{primary:r,secondary:n}=this.getTranslationData(this.lang()),a;if(r&&r[o])a=r[o];else if(n&&n[o])a=n[o];else if(ea&&ea[o])a=ea[o];else return console.error(`No translation found for: ${String(o)}`),String(o);return typeof a=="function"?a(...t):a}date(o,t){return o=new Date(o),new Intl.DateTimeFormat(this.lang(),t).format(o)}number(o,t){return o=Number(o),isNaN(o)?"":new Intl.NumberFormat(this.lang(),t).format(o)}relativeTime(o,t,r){return new Intl.RelativeTimeFormat(this.lang(),r).format(o,t)}};var Cb={$code:"en",$name:"English",$dir:"ltr",onChange:"onChange",showPassword:"Show password",hidePassword:"Hide password",clearEntry:"Clear entry",numOptionsSelected:i=>i===0?"No options selected":i===1?"1 option selected":`${i} options selected`,fileButtonText:"Choose a file",fileButtonTextMultiple:"Choose files",folderButtonText:"Choose a folder",fileDragDrop:"Drop files here to upload",folderDragDrop:"Drop folder here to upload",numFilesSelected:i=>i===0?"No files selected":i===1?"1 file selected":`${i} files selected`};rl(Cb);var Eb=Cb;var Ge=class extends Uc{};rl(Eb);var Tb=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}.form-control-input{margin:var(--zn-spacing-2x-small) 3px 3px 0}.form-control-input--flush{margin:0}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control--has-label .form-control__label{display:inline-block;color:var(--zn-input-label-color);font-weight:var(--zn-input-label-font-weight);line-height:var(--zn-input-label-line-height);margin-bottom:var(--zn-spacing-x-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--zn-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control__label{font-size:var(--zn-input-label-font-size-large)}:host([required]) .form-control--has-label .form-control__label::after{content:var(--zn-input-required-content);margin-inline-start:var(--zn-input-required-content-offset);color:var(--zn-input-required-content-color)}.form-control--has-label.form-control--radio-group .form-control__label,.form-control--has-label.form-control--checkbox-group .form-control__label{margin-bottom:0}.form-control--has-label.form-control--has-label-tooltip .form-control__label{display:inline-flex;align-items:center;gap:var(--zn-spacing-2x-small)}.form-control--has-label.form-control--small .form-control__label{font-size:var(--zn-input-label-font-size-small)}.form-control--label-tooltip{color:var(--zn-color-neutral-700);font-size:var(--zn-font-size-small)}.form-control--label-tooltip zn-icon{--icon-color:var(--zn-color-neutral-700);--icon-size:var(--zn-font-size-small)}.form-control--has-label.form-control--has-context-note{display:flex;justify-content:space-between;flex-wrap:wrap}.form-control__label-context-note{color:var(--zn-input-help-text-color);font-size:var(--zn-font-size-small);margin-bottom:var(--zn-spacing-2x-small)}.form-control--has-label.form-control--has-context-note .form-control-input{width:100%}.form-control--has-help-text .form-control__help-text,.radio--has-description .radio__description,.checkbox--has-description .checkbox__description{display:block;color:var(--zn-input-help-text-color);margin-top:var(--zn-spacing-x-small)}.radio--has-description .radio__description,.checkbox--has-description .checkbox__description{margin-top:0.375rem}.radio--has-selected-content .radio__selected-content,.checkbox--has-selected-content .checkbox__selected-content{display:block;margin-top:var(--zn-spacing-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--zn-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text,.radio--has-description .radio__description,.checkbox--has-description .checkbox__description{font-size:var(--zn-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--zn-input-help-text-font-size-large)}.form-control--has-help-text.form-control--radio-group .form-control__help-text,.form-control--has-help-text.form-control--checkbox-group .form-control__help-text{margin-top:var(--zn-spacing-medium)}.form-control--has-help-text .switch .form-control__help-text{margin-top:var(--zn-spacing-3x-small)}.form-control--checkbox-contained-wrapper{height:100%}:host{display:block}.input{flex:1 1 auto;display:inline-flex;align-items:stretch;justify-content:start;position:relative;width:100%;box-shadow:var(--zn-shadow-x-small);font-family:var(--zn-input-font-family),sans-serif;font-weight:var(--zn-input-font-weight);letter-spacing:var(--zn-input-letter-spacing);vertical-align:middle;overflow:hidden;cursor:text;transition:var(--zn-transition-fast) color,var(--zn-transition-fast) border,var(--zn-transition-fast) background-color}.input--standard{background-color:var(--zn-input-background-color);border:solid var(--zn-input-border-width) var(--zn-input-border-color)}.input--standard:hover:not(.input--disabled,.input--filled){background-color:var(--zn-input-background-color-hover);border-color:var(--zn-input-border-color-hover)}.input--filled:hover:not(.input--disabled){background-color:var(--zn-color-neutral-50);border-color:var(--zn-input-border-color-hover)}.input--standard.input--focused:not(.input--disabled){background-color:var(--zn-input-background-color-focus);border-color:var(--zn-input-border-color-focus)}.input--standard.input--focused:not(.input--disabled):not(.input--x-small){box-shadow:0 0 0 var(--zn-focus-ring-width) var(--zn-input-focus-ring-color)}.input--standard.input--focused:not(.input--disabled).input--x-small{box-shadow:0 0 0 var(--zn-focus-ring-width-x-small) var(--zn-input-focus-ring-color)}.input--standard.input--focused:not(.input--disabled) .input__control{color:var(--zn-input-color-focus)}.input--standard.input--disabled{background-color:var(--zn-input-background-color-disabled);border-color:var(--zn-input-border-color-disabled);opacity:0.5;cursor:not-allowed}.input--standard.input--filled{background-color:rgba(var(--zn-panel),var(--zn-panel-opacity))}.input--standard.input--disabled .input__control{color:var(--zn-input-color-disabled)}.input--standard.input--disabled .input__control::-moz-placeholder{color:var(--zn-input-placeholder-color-disabled)}.input--standard.input--disabled .input__control::placeholder{color:var(--zn-input-placeholder-color-disabled)}.input__control{flex:1 1 auto;font-family:inherit;font-size:inherit;font-weight:inherit;min-width:0;height:100%;color:var(--zn-input-color);border:none;background:inherit;box-shadow:none;padding:0;margin:0;cursor:inherit;-webkit-appearance:none;line-height:var(--zn-input-line-height)}input[type=text].input__control[data-color-input]{font-family:var(--zn-font-mono,"SFMono-Regular","Consolas","Liberation Mono","Menlo",monospace);font-size:0.9em}.input__control::-webkit-search-decoration,.input__control::-webkit-search-cancel-button,.input__control::-webkit-search-results-button,.input__control::-webkit-search-results-decoration{-webkit-appearance:none}.input__control:-webkit-autofill,.input__control:-webkit-autofill:hover,.input__control:-webkit-autofill:focus,.input__control:-webkit-autofill:active{box-shadow:0 0 0 var(--zn-input-height-large) var(--zn-input-background-color) inset !important;-webkit-text-fill-color:var(--zn-input-color);caret-color:var(--zn-input-color)}.input__control::-moz-placeholder{color:var(--zn-input-placeholder-color);-moz-user-select:none;user-select:none;-webkit-user-select:none}.input__control::placeholder{color:var(--zn-input-placeholder-color);-moz-user-select:none;user-select:none;-webkit-user-select:none}.input:hover:not(.input--disabled) .input__control{color:var(--zn-input-color-hover)}.input__control:focus{outline:none}.input__prefix,.input__suffix{display:inline-flex;flex:0 0 auto;align-items:center;align-self:stretch;height:100%;cursor:default;color:var(--zn-input-icon-color);font-size:var(--zn-font-size-small)}.input__prefix zn-icon,.input__suffix zn-icon{--icon-size:var(--zn-font-size-x-large);color:var(--zn-input-icon-color);font-size:var(--zn-font-size-small)}.input__prefix ::slotted(zn-icon),.input__suffix ::slotted(zn-icon){--icon-size:var(--zn-font-size-medium);font-size:var(--zn-font-size-medium);color:var(--zn-input-icon-color)}.input--x-small{border-radius:var(--zn-input-border-radius-x-small);font-size:var(--zn-input-font-size-small);height:var(--zn-input-height-x-small)}.input--x-small .input__control{height:calc(var(--zn-input-height-x-small) - var(--zn-input-border-width) * 2);padding:0 var(--zn-input-spacing-small) 0 var(--zn-spacing-small)}.input--x-small .input__clear,.input--x-small .input__password-toggle{width:calc(1em + var(--zn-input-spacing-x-small) * 2)}.input--x-small .input__prefix ::slotted(*),.input__prefix-default{margin-inline-start:var(--zn-spacing-x-small)}.input--x-small .input__suffix ::slotted(*),.input__suffix-default{margin-inline-end:var(--zn-input-spacing-x-small)}.input--x-small .input__suffix ::slotted(zn-button),.input--x-small .input__prefix ::slotted(zn-button),.input--x-small .input__suffix ::slotted(zn-checkbox),.input--x-small .input__prefix ::slotted(zn-checkbox){margin-inline-end:0;margin-inline-start:0}.input--small{border-radius:var(--zn-input-border-radius-small);font-size:var(--zn-input-font-size-small);height:var(--zn-input-height-small)}.input--small .input__control{height:calc(var(--zn-input-height-small) - var(--zn-input-border-width) * 2);padding:0 var(--zn-input-spacing-small) 0 var(--zn-spacing-small)}.input--small .input__clear,.input--small .input__password-toggle{width:calc(1em + var(--zn-input-spacing-small) * 2)}.input--small .input__prefix ::slotted(*),.input__prefix-default{margin-inline-start:var(--zn-input-spacing-small)}.input--small .input__suffix ::slotted(*),.input__suffix-default{margin-inline-end:var(--zn-input-spacing-small)}.input--small .input__suffix ::slotted(zn-button),.input--small .input__prefix ::slotted(zn-button),.input--small .input__suffix ::slotted(zn-checkbox),.input--small .input__prefix ::slotted(zn-checkbox){margin-inline-end:0;margin-inline-start:0}.input--medium{border-radius:var(--zn-input-border-radius-medium);font-size:var(--zn-input-font-size-medium);height:var(--zn-input-height-medium)}.input--medium .input__control{height:calc(var(--zn-input-height-medium) - var(--zn-input-border-width) * 2);padding:0 var(--zn-input-spacing-small) 0 var(--zn-spacing-small)}.input--medium .input__clear,.input--medium .input__password-toggle{width:calc(1em + var(--zn-input-spacing-medium) * 2)}.input--medium .input__prefix ::slotted(*),.input__prefix-default{margin-inline-start:var(--zn-spacing-small)}.input--medium .input__suffix ::slotted(*),.input__suffix-default{margin-inline-end:var(--zn-spacing-small)}.input--medium .input__suffix ::slotted(zn-button),.input--medium .input__prefix ::slotted(zn-button),.input--medium .input__suffix ::slotted(zn-checkbox),.input--medium .input__prefix ::slotted(zn-checkbox){margin-inline-end:0;margin-inline-start:0}.input__suffix ::slotted(zn-button),.input__prefix ::slotted(zn-button){--zn-button-border-color:rgb(var(--zn-color-border));--zn-button-border-width:0}.input__suffix ::slotted(zn-button){--zn-button-border-left-width:1px}.input__prefix ::slotted(zn-button){--zn-button-border-right-width:1px}.input--large{border-radius:var(--zn-input-border-radius-large);font-size:var(--zn-input-font-size-large);height:var(--zn-input-height-large)}.input--large .input__control{height:calc(var(--zn-input-height-large) - var(--zn-input-border-width) * 2);padding:0 var(--zn-input-spacing-medium) 0 var(--zn-spacing-small)}.input--large .input__clear,.input--large .input__password-toggle{width:calc(1em + var(--zn-input-spacing-large) * 2)}.input--large .input__suffix ::slotted(zn-button),.input--large .input__prefix ::slotted(zn-button),.input--large .input__suffix ::slotted(zn-checkbox),.input--large .input__prefix ::slotted(zn-checkbox){margin-inline-end:0;margin-inline-start:0}.input--pill.input--x-small{border-radius:var(--zn-input-height-small);padding:0 var(--zn-spacing-x-small)}.input--pill.input--small{border-radius:var(--zn-input-height-small);padding:0 var(--zn-spacing-x-small)}.input--pill.input--medium{border-radius:var(--zn-input-height-medium);padding:0 var(--zn-spacing-x-small)}.input--pill.input--large{border-radius:var(--zn-input-height-large);padding:0 var(--zn-spacing-x-small)}.input__clear:not(.input__clear--visible){visibility:hidden}.input__clear,.input__password-toggle{display:inline-flex;align-items:center;justify-content:center;font-size:var(--zn-font-size-large);color:var(--zn-input-icon-color);border:none;background:none;padding:0;transition:var(--zn-transition-fast) color;cursor:pointer}.input__clear zn-icon,.input__password-toggle zn-icon{--icon-size:var(--zn-font-size-large)}.input__clear:hover,.input__password-toggle:hover{color:var(--zn-input-icon-color-hover)}.input__clear:focus,.input__password-toggle:focus{outline:none}.input--empty .input__clear{visibility:hidden}::-ms-reveal{display:none}.input--no-spin-buttons input[type=number]::-webkit-outer-spin-button,.input--no-spin-buttons input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;display:none}.input--no-spin-buttons input[type=number]{-moz-appearance:textfield}input[type=date]::-webkit-calendar-picker-indicator{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="14" width="12.25" viewBox="0 0 448 512"><path fill="%236d7176" d="M128 0c13.3 0 24 10.7 24 24V64H296V24c0-13.3 10.7-24 24-24s24 10.7 24 24V64h40c35.3 0 64 28.7 64 64v16 48V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V192 144 128C0 92.7 28.7 64 64 64h40V24c0-13.3 10.7-24 24-24zM400 192H48V448c0 8.8 7.2 16 16 16H384c8.8 0 16-7.2 16-16V192zM112 256h96c8.8 0 16 7.2 16 16v96c0 8.8-7.2 16-16 16H112c-8.8 0-16-7.2-16-16V272c0-8.8 7.2-16 16-16z"/></svg>')}.input__color-swatch{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--zn-border-radius);border:solid 1px rgba(0,0,0,0.15);background-color:var(--zn-color-neutral-0);cursor:pointer;transition:var(--zn-transition-fast) border-color,var(--zn-transition-fast) box-shadow;overflow:hidden;position:relative;flex-shrink:0;margin-inline-start:var(--zn-input-spacing-small)}.input__color-swatch:hover{border-color:rgba(0,0,0,0.25);box-shadow:0 0 0 2px rgba(0,0,0,0.05)}.input--x-small .input__color-swatch{margin-inline-start:var(--zn-input-spacing-x-small)}.input--small .input__color-swatch{margin-inline-start:var(--zn-spacing-x2-small)}.input--medium .input__color-swatch{margin-inline-start:var(--zn-spacing-x-small)}.input--large .input__color-swatch{margin-inline-start:var(--zn-spacing-small)}.input__color-swatch-inner{width:100%;height:100%;border-radius:calc(var(--zn-border-radius) - 2px);background-color:var(--color-value,#000000)}.input__color-picker{position:absolute;opacity:0;width:0;height:0;padding:0;margin:0;pointer-events:none;border:none;visibility:hidden}.input--x-small .input__color-swatch{width:1.25rem;height:1.25rem}.input--small .input__color-swatch{width:1.5rem;height:1.5rem}.input--medium .input__color-swatch{width:1.75rem;height:1.75rem}.input--large .input__color-swatch{width:2rem;height:2rem}`;var lt=class extends C{constructor(){super(...arguments);this.formControlController=new it(this,{assumeInteractionOn:["zn-blur","zn-input"]});this.hasSlotController=new J(this,"help-text","label","label-tooltip");this.localize=new Ge(this);this.hasFocus=!1;this.isUserTyping=!1;this.title="";this.__numberInput=Object.assign(document.createElement("input"),{type:"number"});this.__dateInput=Object.assign(document.createElement("input"),{type:"date"});this.type="text";this.name="";this.value="";this.defaultValue="";this.size="medium";this.pill=!1;this.label="";this.labelTooltip="";this.contextNote="";this.helpText="";this.clearable=!1;this.optionalIcon=!1;this.disabled=!1;this.filled=!1;this.placeholder="";this.readonly=!1;this.passwordToggle=!1;this.passwordVisible=!1;this.noSpinButtons=!1;this.colorFormat="hex";this.required=!1;this.spellcheck=!0}get valueAsDate(){return this.__dateInput.type=this.type,this.__dateInput.value=this.value,this.input?.valueAsDate||this.__dateInput.valueAsDate}set valueAsDate(t){this.__dateInput.type=this.type,this.__dateInput.valueAsDate=t,this.value=this.__dateInput.value}get valueAsNumber(){return this.__numberInput.value=this.value,this.input?.valueAsNumber||this.__numberInput.valueAsNumber}set valueAsNumber(t){this.__numberInput.valueAsNumber=t,this.value=this.__numberInput.value}get validity(){return this.input?.validity}get validationMessage(){return this.input.validationMessage}validateMinMax(){this.type!=="number"&&this.type!=="date"||(typeof this.min<"u"&&parseInt(this.value)<parseInt(this.min)&&(this.value=this.min.toString()),typeof this.max<"u"&&parseInt(this.value)>parseInt(this.max)&&(this.value=this.max.toString()))}hexToRgb(t){let r=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);if(!r)return"";let n=parseInt(r[1],16),a=parseInt(r[2],16),s=parseInt(r[3],16);return`rgb(${n}, ${a}, ${s})`}rgbToHex(t){let r=t.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);if(!r)return"";let n=parseInt(r[1]).toString(16).padStart(2,"0"),a=parseInt(r[2]).toString(16).padStart(2,"0"),s=parseInt(r[3]).toString(16).padStart(2,"0");return`#${n}${a}${s}`}hexToOklch(t){let r=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);if(!r)return"";let n=parseInt(r[1],16)/255,a=parseInt(r[2],16)/255,s=parseInt(r[3],16)/255;n=n>.04045?Math.pow((n+.055)/1.055,2.4):n/12.92,a=a>.04045?Math.pow((a+.055)/1.055,2.4):a/12.92,s=s>.04045?Math.pow((s+.055)/1.055,2.4):s/12.92;let l=n*.4124564+a*.3575761+s*.1804375,d=n*.2126729+a*.7151522+s*.072175,h=n*.0193339+a*.119192+s*.9503041,m=l/.95047,f=d/1,g=h/1.08883,b=m>.008856?Math.pow(m,1/3):7.787*m+16/116,v=f>.008856?Math.pow(f,1/3):7.787*f+16/116,x=g>.008856?Math.pow(g,1/3):7.787*g+16/116,S=116*v-16,_=500*(b-v),R=200*(v-x),j=Math.sqrt(_*_+R*R),I=Math.atan2(R,_)*180/Math.PI;I<0&&(I+=360);let w=(S/100).toFixed(3),E=(j/150).toFixed(3),q=I.toFixed(1);return`oklch(${w} ${E} ${q})`}oklchToHex(t){let r=t.match(/^oklch\(([0-9.]+)\s+([0-9.]+)\s+([0-9.]+)\)$/);if(!r)return"";let n=parseFloat(r[1])*100,a=parseFloat(r[2])*150,s=parseFloat(r[3]),l=a*Math.cos(s*Math.PI/180),d=a*Math.sin(s*Math.PI/180),h=(n+16)/116,m=l/500+h,f=h-d/200,g=m>.206897?Math.pow(m,3):(m-16/116)/7.787,b=h>.206897?Math.pow(h,3):(h-16/116)/7.787,v=f>.206897?Math.pow(f,3):(f-16/116)/7.787,x=g*.95047,S=b*1,_=v*1.08883,R=x*3.2404542+S*-1.5371385+_*-.4985314,j=x*-.969266+S*1.8760108+_*.041556,I=x*.0556434+S*-.2040259+_*1.0572252;R=R>.0031308?1.055*Math.pow(R,1/2.4)-.055:12.92*R,j=j>.0031308?1.055*Math.pow(j,1/2.4)-.055:12.92*j,I=I>.0031308?1.055*Math.pow(I,1/2.4)-.055:12.92*I,R=Math.max(0,Math.min(1,R)),j=Math.max(0,Math.min(1,j)),I=Math.max(0,Math.min(1,I));let w=Math.round(R*255).toString(16).padStart(2,"0"),E=Math.round(j*255).toString(16).padStart(2,"0"),q=Math.round(I*255).toString(16).padStart(2,"0");return`#${w}${E}${q}`}hexToHsl(t){let r=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);if(!r)return"";let n=parseInt(r[1],16)/255,a=parseInt(r[2],16)/255,s=parseInt(r[3],16)/255,l=Math.max(n,a,s),d=Math.min(n,a,s),h=(l+d)/2,m=0,f=0;if(l!==d){let g=l-d;switch(f=h>.5?g/(2-l-d):g/(l+d),l){case n:m=((a-s)/g+(a<s?6:0))/6;break;case a:m=((s-n)/g+2)/6;break;case s:m=((n-a)/g+4)/6;break}}return`hsl(${Math.round(m*360)}, ${Math.round(f*100)}%, ${Math.round(h*100)}%)`}hslToHex(t){let r=t.match(/^hsl\(\s*(\d+)\s*,\s*(\d+)%\s*,\s*(\d+)%\s*\)$/);if(!r)return"";let n=parseInt(r[1])/360,a=parseInt(r[2])/100,s=parseInt(r[3])/100,l,d,h;if(a===0)l=d=h=s;else{let b=(S,_,R)=>(R<0&&(R+=1),R>1&&(R-=1),R<.16666666666666666?S+(_-S)*6*R:R<.5?_:R<.6666666666666666?S+(_-S)*(.6666666666666666-R)*6:S),v=s<.5?s*(1+a):s+a-s*a,x=2*s-v;l=b(x,v,n+1/3),d=b(x,v,n),h=b(x,v,n-1/3)}let m=Math.round(l*255).toString(16).padStart(2,"0"),f=Math.round(d*255).toString(16).padStart(2,"0"),g=Math.round(h*255).toString(16).padStart(2,"0");return`#${m}${f}${g}`}convertToHex(t){return t?t.startsWith("#")?t:t.startsWith("rgb")?this.rgbToHex(t):t.startsWith("hsl")?this.hslToHex(t):t.startsWith("oklch")?this.oklchToHex(t):t:"#000000"}convertFromHex(t){return t?this.colorFormat==="hex"?t:this.colorFormat==="rgb"?this.hexToRgb(t):this.colorFormat==="hsl"?this.hexToHsl(t):this.colorFormat==="oklch"?this.hexToOklch(t):t:""}handleBlur(){if(this.hasFocus=!1,this.isUserTyping=!1,this.validateMinMax(),this.type==="color"&&this.value){let t=this.convertToHex(this.value);if(t){let r=this.convertFromHex(t);r!==this.value&&(this.value=r)}}this.emit("zn-blur")}handleChange(){if(this.type==="currency"&&this.input.value)this.value=parseFloat(this.input.value).toFixed(2);else if(this.type==="color"){let t=this.input.value.trim();if(t==="")this.value="";else if(this.colorFormat==="hex"){let r=t;r&&!r.startsWith("#")&&(r="#"+r),/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(r)&&(this.value=r.toLowerCase())}else this.colorFormat==="rgb"?/^rgb\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*\)$/.test(t)&&(this.value=t):this.colorFormat==="hsl"?/^hsl\(\s*\d+\s*,\s*\d+%\s*,\s*\d+%\s*\)$/.test(t)&&(this.value=t):this.colorFormat==="oklch"&&/^oklch\(\s*[0-9.]+\s+[0-9.]+\s+[0-9.]+\s*\)$/.test(t)&&(this.value=t)}else this.value=this.input.value;this.emit("zn-change")}handleClearClick(t){this.value="",this.emit("zn-clear"),this.emit("zn-input"),this.emit("zn-change"),this.input.focus(),t.stopPropagation()}handleFocus(){this.hasFocus=!0,this.emit("zn-focus")}handleInput(){this.isUserTyping=!0,this.type==="color"?this.value=this.input.value:this.value=this.input.value,this.formControlController.updateValidity(),this.emit("zn-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleKeyDown(t){if(t.key==="Escape"){this.input.blur(),t.stopPropagation();return}let r=t.altKey||t.ctrlKey||t.metaKey||t.shiftKey;if(t.key==="Enter"&&!r&&!t.defaultPrevented&&!t.isComposing){let n=this.formControlController.getForm();if(n?.hasAttribute("enter-navigation")||n?.hasAttribute("data-enter-navigation"))return;this.formControlController.submit()}}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}handleColorSwatchClick(){this.type==="color"&&this.colorPicker&&this.colorPicker.click()}handleColorPickerChange(){if(this.type==="color"&&this.colorPicker){let t=this.colorPicker.value;this.value=this.convertFromHex(t),this.emit("zn-change"),this.emit("zn-input")}}focusInput(t){if(this.hasFocus)return;let r=t.target;r.tagName==="ZN-CHECKBOX"&&(r.slot==="prefix"||r.closest('[slot="prefix"]'))||(r.classList.contains("input__prefix")||r.slot==="prefix"||r.hasAttribute("part")&&r.getAttribute("part")==="base")&&(this.handleFocus(),this.input.focus())}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStepChange(){this.input.step=String(this.step),this.formControlController.updateValidity()}async handleValueChange(){if(await this.updateComplete,this.type==="color"&&this.value&&!this.isUserTyping){let t=this.convertToHex(this.value);if(t){let r=this.convertFromHex(t);if(r!==this.value){this.value=r,this.emit("zn-change");return}}}this.formControlController.updateValidity(),this.type==="color"&&this.colorPicker&&(this.colorPicker.value=this.convertToHex(this.value)||"#000000")}async handleColorFormatChange(){if(this.type==="color"&&this.value){let t=this.convertToHex(this.value);if(t){let r=this.convertFromHex(t);r!==this.value&&(this.value=r,this.emit("zn-change"))}}}focus(t){this.input.focus(t)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(t,r,n="none"){this.input.setSelectionRange(t,r,n)}setRangeText(t,r,n,a="preserve"){let s=r??this.input.selectionStart,l=n??this.input.selectionEnd;this.input.setRangeText(t,s,l,a),this.value!==this.input.value&&(this.value=this.input.value)}showPicker(){"showPicker"in HTMLInputElement.prototype&&this.input.showPicker()}stepUp(){this.input.stepUp(),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(){this.input.stepDown(),this.value!==this.input.value&&(this.value=this.input.value)}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("label"),r=this.hasSlotController.test("label-tooltip"),n=this.hasSlotController.test("context-note"),a=this.hasSlotController.test("help-text"),s=this.label?!0:t,l=this.labelTooltip?!0:r,d=this.contextNote?!0:n,h=this.helpText?!0:a,m=this.clearable&&!this.disabled&&!this.readonly,f=this.optionalIcon,g=m&&(typeof this.value=="number"||this.value.length>0);return u`
|
|
380
381
|
<div part="form-control"
|
|
381
382
|
class="${N({"form-control":!0,"form-control--x-small":this.size==="x-small","form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-label":s,"form-control--has-label-tooltip":l,"form-control--has-context-note":d,"form-control--has-help-text":h})}">
|
|
382
383
|
|
|
@@ -568,7 +569,7 @@ import{a as _n,b as D1,c as nr,d as c,e as B}from"./chunks/zn.UBLZO6CI.js";var J
|
|
|
568
569
|
<slot name="submenu"></slot>
|
|
569
570
|
</zn-popup>
|
|
570
571
|
`:u`
|
|
571
|
-
<slot name="submenu" hidden></slot> `}};var Lb=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{--submenu-offset:-2px;--color:var(--zn-text-menu-link-color);--hover-color:rgb(var(--zn-primary));--hover-bg:rgba(var(--zn-color-navigation-highlight),var(--zn-panel-highlight-opacity));--active-color:rgb(var(--zn-primary));display:block}:host([variant=dropdown]){--hover-color:var(--color);--hover-bg:rgba(0,0,0,0.06)}:host([variant=shell]){--color:rgb(var(--zn-text));--hover-color:rgb(var(--zn-primary));--hover-bg:rgba(var(--zn-primary),0.05)}:host([inert]){display:none}.menu-item{position:relative;display:flex;align-items:stretch;padding:var(--zn-spacing-small) var(--zn-spacing-medium);transition:0.4s fill;-moz-user-select:none;user-select:none;-webkit-user-select:none;white-space:nowrap;cursor:pointer;border-bottom-width:1px;width:100%;text-decoration:none;font-size:var(--zn-text-menu-link-font-size);line-height:var(--zn-text-menu-link-line-height);font-weight:var(--zn-text-menu-link-font-weight);color:var(--color)}:host([variant=dropdown]) .menu-item{align-items:center;padding:var(--zn-spacing-small) var(--zn-spacing-large);border-bottom-width:0}:host([variant=shell]) .menu-item{align-items:center;gap:var(--zn-spacing-x-small);padding:var(--zn-spacing-x-small);border-bottom-width:0;border-radius:var(--zn-border-radius);line-height:25px}.menu-item__label::slotted(*){text-decoration:none;color:inherit}.menu-item.menu-item--disabled{outline:none;opacity:0.5;cursor:not-allowed}.menu-item.menu-item--loading{outline:none;cursor:wait}.menu-item--flush{padding:0}.menu-item--flush-x{padding-left:0;padding-right:0}.menu-item--flush-y{padding-top:0;padding-bottom:0}.menu-item--no-border{border-bottom-width:0}.menu-item--active::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--active-color)}.menu-item.menu-item--active .menu-item__label{font-weight:700;color:var(--active-color)}.menu-item--rtl.menu-item--active::before{left:auto;right:0}.menu-item--active.menu-item--primary::before{background-color:rgb(var(--zn-primary))}.menu-item--active.menu-item--error::before{background-color:rgb(var(--zn-color-error))}.menu-item--active.menu-item--info::before{background-color:rgb(var(--zn-color-info))}.menu-item--active.menu-item--warning::before{background-color:rgb(var(--zn-color-warning))}.menu-item--active.menu-item--success::before{background-color:rgb(var(--zn-color-success))}.menu-item--active.menu-item--secondary::before{background-color:rgb(var(--zn-accent))}.menu-item .menu-item__label{display:flex;flex:1 1 auto;text-overflow:ellipsis;align-items:center;overflow:hidden;color:var(--color)}.menu-item:hover .menu-item__label{color:var(--hover-color)}.menu-item .menu-item__prefix{flex:0 0 auto;display:flex;align-items:center}.menu-item .menu-item__prefix::slotted(*){--icon-size:var(--zn-font-size-small);margin-inline-end:var(--zn-spacing-small)}:host([variant=shell]) .menu-item .menu-item__prefix::slotted(*){margin-inline-end:0}.menu-item .menu-item__suffix{flex:0 0 auto;display:flex;align-items:center}.menu-item .menu-item__suffix::slotted(*){margin-inline-start:var(--zn-spacing-x-small)}.menu-item--submenu-expanded::after{content:"";position:fixed;z-index:calc(var(--zn-z-index-dropdown) - 1);top:0;right:0;bottom:0;left:0;clip-path:polygon(var(--safe-triangle-cursor-x,0) var(--safe-triangle-cursor-y,0),var(--safe-triangle-submenu-start-x,0) var(--safe-triangle-submenu-start-y,0),var(--safe-triangle-submenu-end-x,0) var(--safe-triangle-submenu-end-y,0))}:host(:focus-visible){outline:none}:host(:hover:not([aria-disabled=true],:focus-visible)) .menu-item,.menu-item--submenu-expanded{background-color:var(--hover-bg);color:var(--hover-color)}.menu-item--active{background-color:var(--hover-bg);color:var(--active-color)}:host(:focus-visible) .menu-item{outline:none;background-color:var(--hover-bg);color:var(--hover-color);opacity:1}.menu-item .menu-item__check,.menu-item .menu-item__chevron{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;visibility:hidden}.menu-item .menu-item__chevron{display:none}.menu-item--has-submenu .menu-item__chevron{display:flex}:host(:not([role=menuitemcheckbox])) .menu-item .menu-item__check{display:none}.menu-item--checked .menu-item__check,.menu-item--has-submenu .menu-item__chevron{visibility:visible;display:flex}zn-popup::part(popup){box-shadow:var(--zn-shadow-large);z-index:100;margin-left:var(--submenu-offset)}.menu-item--rtl zn-popup::part(popup){margin-left:calc(-1 * var(--submenu-offset))}@media (forced-colors:active){:host(:hover:not([aria-disabled=true])) .menu-item,:host(:focus-visible) .menu-item{outline:dashed 1px SelectedItem;outline-offset:-1px}}::slotted(zn-menu){max-width:var(--auto-size-available-width) !important;max-height:var(--auto-size-available-height) !important}.menu-item--primary{--color:rgba(var(--zn-primary),0.9);--hover-color:#ffffff;--hover-bg:rgba(var(--zn-primary),0.9)}.menu-item--error{--color:rgb(var(--zn-color-error));--hover-color:#ffffff;--hover-bg:rgba(var(--zn-color-error),0.9)}.menu-item--info{--color:rgb(var(--zn-color-info));--hover-color:#ffffff;--hover-bg:rgba(var(--zn-color-info),0.9)}.menu-item--warning{--color:rgb(var(--zn-color-warning));--hover-color:#ffffff;--hover-bg:rgba(var(--zn-color-warning),0.9)}.menu-item--success{--color:rgb(var(--zn-color-success));--hover-color:#ffffff;--hover-bg:rgba(var(--zn-color-success),0.9)}.menu-item--secondary{--color:rgb(var(--zn-accent))}.menu-item--transparent{--color:rgb(var(--zn-text))}`;var kt=class extends C{constructor(){super(...arguments);this.type="normal";this.variant="default";this.checked=!1;this.checkedPosition="left";this.value="";this.loading=!1;this.disabled=!1;this.rel="noreferrer noopener";this.confirm=!1;this.flush=!1;this.flushX=!1;this.flushY=!1;this.noBorder=!1;this.active=!1;this.localize=new
|
|
572
|
+
<slot name="submenu" hidden></slot> `}};var Lb=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{--submenu-offset:-2px;--color:var(--zn-text-menu-link-color);--hover-color:rgb(var(--zn-primary));--hover-bg:rgba(var(--zn-color-navigation-highlight),var(--zn-panel-highlight-opacity));--active-color:rgb(var(--zn-primary));display:block}:host([variant=dropdown]){--hover-color:var(--color);--hover-bg:rgba(0,0,0,0.06)}:host([variant=shell]){--color:rgb(var(--zn-text));--hover-color:rgb(var(--zn-primary));--hover-bg:rgba(var(--zn-primary),0.05)}:host([inert]){display:none}.menu-item{position:relative;display:flex;align-items:stretch;padding:var(--zn-spacing-small) var(--zn-spacing-medium);transition:0.4s fill;-moz-user-select:none;user-select:none;-webkit-user-select:none;white-space:nowrap;cursor:pointer;border-bottom-width:1px;width:100%;text-decoration:none;font-size:var(--zn-text-menu-link-font-size);line-height:var(--zn-text-menu-link-line-height);font-weight:var(--zn-text-menu-link-font-weight);color:var(--color)}:host([variant=dropdown]) .menu-item{align-items:center;padding:var(--zn-spacing-small) var(--zn-spacing-large);border-bottom-width:0}:host([variant=shell]) .menu-item{align-items:center;gap:var(--zn-spacing-x-small);padding:var(--zn-spacing-x-small);border-bottom-width:0;border-radius:var(--zn-border-radius);line-height:25px}.menu-item__label::slotted(*){text-decoration:none;color:inherit}.menu-item.menu-item--disabled{outline:none;opacity:0.5;cursor:not-allowed}.menu-item.menu-item--loading{outline:none;cursor:wait}.menu-item--flush{padding:0}.menu-item--flush-x{padding-left:0;padding-right:0}.menu-item--flush-y{padding-top:0;padding-bottom:0}.menu-item--no-border{border-bottom-width:0}.menu-item--active::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--active-color)}.menu-item.menu-item--active .menu-item__label{font-weight:700;color:var(--active-color)}.menu-item--rtl.menu-item--active::before{left:auto;right:0}.menu-item--active.menu-item--primary::before{background-color:rgb(var(--zn-primary))}.menu-item--active.menu-item--error::before{background-color:rgb(var(--zn-color-error))}.menu-item--active.menu-item--info::before{background-color:rgb(var(--zn-color-info))}.menu-item--active.menu-item--warning::before{background-color:rgb(var(--zn-color-warning))}.menu-item--active.menu-item--success::before{background-color:rgb(var(--zn-color-success))}.menu-item--active.menu-item--secondary::before{background-color:rgb(var(--zn-accent))}.menu-item .menu-item__label{display:flex;flex:1 1 auto;text-overflow:ellipsis;align-items:center;overflow:hidden;color:var(--color)}.menu-item:hover .menu-item__label{color:var(--hover-color)}.menu-item .menu-item__prefix{flex:0 0 auto;display:flex;align-items:center}.menu-item .menu-item__prefix::slotted(*){--icon-size:var(--zn-font-size-small);margin-inline-end:var(--zn-spacing-small)}:host([variant=shell]) .menu-item .menu-item__prefix::slotted(*){margin-inline-end:0}.menu-item .menu-item__suffix{flex:0 0 auto;display:flex;align-items:center}.menu-item .menu-item__suffix::slotted(*){margin-inline-start:var(--zn-spacing-x-small)}.menu-item--submenu-expanded::after{content:"";position:fixed;z-index:calc(var(--zn-z-index-dropdown) - 1);top:0;right:0;bottom:0;left:0;clip-path:polygon(var(--safe-triangle-cursor-x,0) var(--safe-triangle-cursor-y,0),var(--safe-triangle-submenu-start-x,0) var(--safe-triangle-submenu-start-y,0),var(--safe-triangle-submenu-end-x,0) var(--safe-triangle-submenu-end-y,0))}:host(:focus-visible){outline:none}:host(:hover:not([aria-disabled=true],:focus-visible)) .menu-item,.menu-item--submenu-expanded{background-color:var(--hover-bg);color:var(--hover-color)}.menu-item--active{background-color:var(--hover-bg);color:var(--active-color)}:host(:focus-visible) .menu-item{outline:none;background-color:var(--hover-bg);color:var(--hover-color);opacity:1}.menu-item .menu-item__check,.menu-item .menu-item__chevron{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;visibility:hidden}.menu-item .menu-item__chevron{display:none}.menu-item--has-submenu .menu-item__chevron{display:flex}:host(:not([role=menuitemcheckbox])) .menu-item .menu-item__check{display:none}.menu-item--checked .menu-item__check,.menu-item--has-submenu .menu-item__chevron{visibility:visible;display:flex}zn-popup::part(popup){box-shadow:var(--zn-shadow-large);z-index:100;margin-left:var(--submenu-offset)}.menu-item--rtl zn-popup::part(popup){margin-left:calc(-1 * var(--submenu-offset))}@media (forced-colors:active){:host(:hover:not([aria-disabled=true])) .menu-item,:host(:focus-visible) .menu-item{outline:dashed 1px SelectedItem;outline-offset:-1px}}::slotted(zn-menu){max-width:var(--auto-size-available-width) !important;max-height:var(--auto-size-available-height) !important}.menu-item--primary{--color:rgba(var(--zn-primary),0.9);--hover-color:#ffffff;--hover-bg:rgba(var(--zn-primary),0.9)}.menu-item--error{--color:rgb(var(--zn-color-error));--hover-color:#ffffff;--hover-bg:rgba(var(--zn-color-error),0.9)}.menu-item--info{--color:rgb(var(--zn-color-info));--hover-color:#ffffff;--hover-bg:rgba(var(--zn-color-info),0.9)}.menu-item--warning{--color:rgb(var(--zn-color-warning));--hover-color:#ffffff;--hover-bg:rgba(var(--zn-color-warning),0.9)}.menu-item--success{--color:rgb(var(--zn-color-success));--hover-color:#ffffff;--hover-bg:rgba(var(--zn-color-success),0.9)}.menu-item--secondary{--color:rgb(var(--zn-accent))}.menu-item--transparent{--color:rgb(var(--zn-text))}`;var kt=class extends C{constructor(){super(...arguments);this.type="normal";this.variant="default";this.checked=!1;this.checkedPosition="left";this.value="";this.loading=!1;this.disabled=!1;this.rel="noreferrer noopener";this.confirm=!1;this.flush=!1;this.flushX=!1;this.flushY=!1;this.noBorder=!1;this.active=!1;this.localize=new Ge(this);this.hasSlotController=new J(this,"submenu");this.submenuController=new jc(this,this.hasSlotController,this.localize);this.handleHostClick=t=>{if(this.disabled&&(t.preventDefault(),t.stopImmediatePropagation()),!this.isSubmenu()){let n=t.composedPath().find(a=>a?.getAttribute?.("role")==="menu");if(this.confirm)return;n?.closest("zn-dropdown")?.hide(),this.emit("zn-menu-select",{detail:{value:this.value,element:this}})}};this.handleMouseOver=t=>{this.focus(),t.stopPropagation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleHostClick),this.addEventListener("mouseover",this.handleMouseOver)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick),this.removeEventListener("mouseover",this.handleMouseOver)}handleDefaultSlotChange(){let t=this.getTextLabel();if(typeof this.cachedTextLabel>"u"){this.cachedTextLabel=t;return}t!==this.cachedTextLabel&&(this.cachedTextLabel=t,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleCheckedChange(){if(this.checked&&this.type!=="checkbox"){this.checked=!1,console.error('The checked attribute can only be used on menu items with type="checkbox"',this);return}this.type==="checkbox"?this.setAttribute("aria-checked",this.checked?"true":"false"):this.removeAttribute("aria-checked")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleTypeChange(){this.type==="checkbox"?(this.setAttribute("role","menuitemcheckbox"),this.setAttribute("aria-checked",this.checked?"true":"false")):(this.setAttribute("role","menuitem"),this.removeAttribute("aria-checked"))}getTextLabel(){return Wf(this.defaultSlot)}isSubmenu(){return this.hasSlotController.test("submenu")}_isLink(){return this.href!==void 0||this.dataPath!==void 0}render(){let t=this.localize.dir()==="rtl",r=this.submenuController.isExpanded(),n=this._isLink(),a=n?Cn`a`:Cn`div`;return ue`
|
|
572
573
|
<${a}
|
|
573
574
|
id="anchor"
|
|
574
575
|
part="base"
|
|
@@ -647,7 +648,7 @@ import{a as _n,b as D1,c as nr,d as c,e as B}from"./chunks/zn.UBLZO6CI.js";var J
|
|
|
647
648
|
</div>`}handleClick(t){let r=["menuitem","menuitemcheckbox"],n=t.composedPath(),a=n.find(h=>r.includes(h?.getAttribute?.("role")||""));if(!a)return;let s=n.find(h=>h?.getAttribute?.("role")==="menu");if(s!==this)return;let d=a;d.type==="checkbox"&&(d.checked=!d.checked),s?.closest("zn-dropdown")?.hide(),this.emit("zn-select",{detail:{item:d}})}handleKeyDown(t){if(t.key==="Enter"||t.key===" "){let r=this.getCurrentItem();t.preventDefault(),t.stopPropagation(),r?.click()}else if(["ArrowDown","ArrowUp","Home","End"].includes(t.key)){let r=this.getAllItems(),n=this.getCurrentItem(),a=n?r.indexOf(n):0;r.length>0&&(t.preventDefault(),t.stopPropagation(),t.key==="ArrowDown"?a++:t.key==="ArrowUp"?a--:t.key==="Home"?a=0:t.key==="End"&&(a=r.length-1),a<0&&(a=r.length-1),a>r.length-1&&(a=0),this.setCurrentItem(r[a]),r[a].focus())}}handleMouseDown(t){let r=t.target;this.isMenuItem(r)&&this.setCurrentItem(r)}handleSlotChange(){let t=this.getAllItems();t.length>0&&(this.setCurrentItem(t[0]),this.emit("zn-menu-ready")),this.propagateVariant()}updated(t){super.updated(t),t.has("variant")&&this.propagateVariant()}get itemVariant(){return this.variant==="shell"?"shell":"dropdown"}propagateVariant(){this.getAllItems().forEach(t=>t.setAttribute("variant",this.itemVariant))}isMenuItem(t){return t.tagName.toLowerCase()==="zn-menu-item"||["menuitem","menuitemcheckbox","menuitemradio"].includes(t.getAttribute("role")??"")}};Do.styles=T(Mb),Do.dependencies={"zn-confirm":el,"zn-dropdown":gr,"zn-icon":ct,"zn-menu-item":$n,"zn-tooltip":Mo},c([V("slot")],Do.prototype,"defaultSlot",2),c([p({attribute:"actions",type:Array})],Do.prototype,"actions",2),c([p({reflect:!0})],Do.prototype,"variant",2);var Ro=Do;Do.define("zn-menu");var Ib=A`:host{--skeleton-speed:3s;--skeleton-width:100%;--skeleton-height:20px;--skeleton-border-radius:4px}.skeleton{height:var(--skeleton-height);width:var(--skeleton-width);border-radius:var(--skeleton-border-radius);background-color:lightgrey}@media (prefers-reduced-motion:reduce){.skeleton{background-repeat:no-repeat;background-color:lightgrey}}@media (prefers-reduced-motion:no-preference){.skeleton{background-repeat:no-repeat;background-image:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0) 100%);background-size:200% 100%;background-position:-150% 0;animation:loading var(--skeleton-speed) infinite linear both}}@keyframes loading{from{background-position:250% 0}to{background-position:-250% 0}}`;var Oo=class extends C{constructor(){super(...arguments);this.speed="3s";this.width="100%";this.height="20px";this.radius="4px"}render(){return u`
|
|
648
649
|
<div class="skeleton"
|
|
649
650
|
style=${qo({"--skeleton-speed":`${this.speed}`,"--skeleton-width":`${this.width}`,"--skeleton-height":`${this.height}`,"--skeleton-border-radius":`${this.radius}`})}
|
|
650
|
-
></div>`}};Oo.styles=T(Ib),c([p({attribute:"speed",type:String})],Oo.prototype,"speed",2),c([p({attribute:"width",type:String})],Oo.prototype,"width",2),c([p({attribute:"height",type:String})],Oo.prototype,"height",2),c([p({attribute:"radius",type:String})],Oo.prototype,"radius",2);var Ch=Oo;Oo.define("zn-skeleton");var Nb=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}`;var te=class extends C{constructor(){super(...arguments);this.localize=new je(this);this.color="";this.border=!1;this.error=!1;this.success=!1;this.info=!1;this.warning=!1;this.primary=!1;this.accent=!1;this.center=!1;this.display=null;this.font="";this.width="";this.height="";this.pad="";this.margin="";this.gutter=!1;this.autoMargin=""}connectedCallback(){super.connectedCallback();let t=this.display||"contents";if(this.gutter&&(this.classList.add("zn-gutter"),t==="contents"&&(t="block")),this.color===""&&(this.error?this.color="error":this.success?this.color="success":this.info?this.color="info":this.warning?this.color="warning":this.primary?this.color="primary":this.accent&&(this.color="accent")),this.color&&this.classList.toggle("zn-"+this.color,!0),this.center&&(t="flex",this.classList.toggle("flex-mid",!0),this.classList.toggle("flex-jc",!0)),this.font&&this.font==="mono"&&this.classList.toggle("zn-mono",!0),this.width==="f"&&this.classList.toggle("w-full",!0),this.height==="f"&&this.classList.toggle("h-full",!0),this.border&&(t="inline-block",this.classList.toggle("zn-border",!0)),this.pad){t="inline-block",this.style.display="inline-block";for(let r of this.pad)switch(r){case"a":this.classList.toggle("zn-pad",!0);break;case"l":this.classList.toggle("zn-pl",!0);break;case"r":this.classList.toggle("zn-pr",!0);break;case"t":this.classList.toggle("zn-pt",!0);break;case"b":this.classList.toggle("zn-pb",!0);break;case"x":this.classList.toggle("zn-px",!0);break;case"y":this.classList.toggle("zn-py",!0);break}}if(this.margin){t="inline-block";for(let r of this.margin)switch(r){case"a":this.classList.toggle("zn-margin",!0);break;case"l":this.classList.toggle("zn-ml",!0);break;case"r":this.classList.toggle("zn-mr",!0);break;case"t":this.classList.toggle("zn-mt",!0);break;case"b":this.classList.toggle("zn-mb",!0);break;case"x":this.classList.toggle("zn-mx",!0);break;case"y":this.classList.toggle("zn-my",!0);break}}if(this.autoMargin){t="inline-block";for(let r of this.autoMargin)switch(r){case"a":this.classList.toggle("m-auto",!0);break;case"t":this.classList.toggle("zn-mta",!0);break;case"b":this.classList.toggle("zn-mba",!0);break;case"l":this.classList.toggle("zn-mla",!0);break;case"r":this.classList.toggle("zn-mra",!0);break;case"x":this.classList.toggle("zn-mra",!0),this.classList.toggle("zn-mla",!0);break;case"y":this.classList.toggle("zn-mta",!0),this.classList.toggle("zn-mba",!0);break}}this.display&&(t=this.display),this.style.display=t}createRenderRoot(){return this}};te.styles=T(Nb),c([p()],te.prototype,"color",2),c([p({type:Boolean})],te.prototype,"border",2),c([p({type:Boolean})],te.prototype,"error",2),c([p({type:Boolean})],te.prototype,"success",2),c([p({type:Boolean})],te.prototype,"info",2),c([p({type:Boolean})],te.prototype,"warning",2),c([p({type:Boolean})],te.prototype,"primary",2),c([p({type:Boolean})],te.prototype,"accent",2),c([p({type:Boolean})],te.prototype,"center",2),c([p({type:String})],te.prototype,"display",2),c([p()],te.prototype,"font",2),c([p()],te.prototype,"width",2),c([p()],te.prototype,"height",2),c([p()],te.prototype,"pad",2),c([p()],te.prototype,"margin",2),c([p({type:Boolean})],te.prototype,"gutter",2),c([p({attribute:"a-margin"})],te.prototype,"autoMargin",2);var Eh=te;te.define("zn-style");var Db=A`@charset "UTF-8";@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:root,[t=light],.theme-light{color-scheme:light;--zn-color-gray-100:hsl(240,13%,95%);--zn-color-gray-300:hsl(260,21%,89%);--zn-color-gray-400:hsl(251,17%,76%);--zn-color-gray-500:hsl(254,17%,66%);--zn-color-gray-800:hsl(259,13%,42%);--zn-color-gray-900:hsl(262,12%,35%);--zn-color-red-500:hsl(0 84.2% 60.2%);--zn-color-red-600:hsl(0 72.2% 50.6%);--zn-color-orange-500:hsl(24.6 95% 53.1%);--zn-color-amber-400:hsl(43.3 96.4% 56.3%);--zn-color-yellow-400:hsl(51,100%,53%);--zn-color-green-500:hsl(142.1 70.6% 45.3%);--zn-color-blue-500:hsl(217.2 91.2% 59.8%);--zn-color-indigo-400:hsl(234.5 89.5% 73.9%);--zn-color-indigo-500:hsl(238.7 83.5% 66.7%);--zn-color-violet-500:hsl(258.3 89.5% 66.3%);--zn-color-violet-600:hsl(262.1 83.3% 57.8%);--zn-color-purple-50:hsl(249,100%,97%);--zn-color-purple-100:hsl(245,100%,95%);--zn-color-purple-200:hsl(244,100%,92%);--zn-color-purple-600:hsl(256,91%,59%);--zn-color-pink-400:hsl(328.6 85.5% 70.2%);--zn-color-pink-500:hsl(330.4 81.2% 60.4%);--zn-color-primary-50:var(--zn-color-purple-50);--zn-color-primary-100:var(--zn-color-purple-100);--zn-color-primary-200:var(--zn-color-purple-200);--zn-color-primary-300:hsl(246,100%,85%);--zn-color-primary-400:hsl(249,100%,76%);--zn-color-primary-500:hsl(252,98%,66%);--zn-color-primary-600:var(--zn-color-purple-600);--zn-color-primary-700:hsl(257,76%,50%);--zn-color-primary-800:hsl(257,76%,42%);--zn-color-primary-900:hsl(257,73%,35%);--zn-color-success-50:hsl(138.5 76.5% 96.7%);--zn-color-success-200:rgb(var(--zn-green));--zn-color-success-300:hsl(141.7 76.6% 73.1%);--zn-color-success-400:hsl(141.9 69.2% 58%);--zn-color-success-500:var(--zn-color-green-500);--zn-color-success-600:hsl(142.1 76.2% 36.3%);--zn-color-success-700:hsl(142.4 71.8% 29.2%);--zn-color-warning-50:hsl(48 100% 96.1%);--zn-color-warning-400:var(--zn-color-amber-400);--zn-color-warning-500:hsl(37.7 92.1% 50.2%);--zn-color-warning-600:hsl(32.1 94.6% 43.7%);--zn-color-danger-50:hsl(0 85.7% 97.3%);--zn-color-danger-100:rgb(var(--zn-red));--zn-color-danger-200:rgb(var(--zn-red));--zn-color-danger-300:hsl(0 93.5% 81.8%);--zn-color-danger-500:var(--zn-color-red-500);--zn-color-danger-600:var(--zn-color-red-600);--zn-color-danger-700:rgb(var(--zn-red));--zn-color-danger-800:hsl(0 70% 35.3%);--zn-color-neutral-50:hsl(255,33%,98%);--zn-color-neutral-100:var(--zn-color-gray-100);--zn-color-neutral-200:hsl(255,12%,94%);--zn-color-neutral-300:var(--zn-color-gray-300);--zn-color-neutral-400:var(--zn-color-gray-400);--zn-color-neutral-500:var(--zn-color-gray-500);--zn-color-neutral-600:hsl(258,15%,58%);--zn-color-neutral-700:hsl(259,13%,54%);--zn-color-neutral-800:var(--zn-color-gray-800);--zn-color-neutral-900:var(--zn-color-gray-900);--zn-color-neutral-0:hsl(0,0%,100%);--zn-color-neutral-1000:hsl(0,0%,0%);--zn-border-radius:6px;--zn-border-radius-small:2px;--zn-border-radius-circle:50%;--zn-border-radius-pill:9999px;--zn-shadow-x-small:0 1px 4px rgba(0,0,0,0.10);--zn-shadow-small:0 3px 9px rgba(0,0,0,0.15);--zn-shadow-medium:0 6px 18px rgba(0,0,0,0.15);--zn-shadow-large:0 6px 20px rgba(0,0,0,0.15);--zn-shadow-x-large:0 6px 20px rgba(0,0,0,0.25);--zn-container:var(--zn-container-hd);--zn-container-default:100%;--zn-container-sm:360px;--zn-container-smp:480px;--zn-container-ph:600px;--zn-container-md:768px;--zn-container-lg:1100px;--zn-container-hd:1400px;--zn-container-3k:1960px;--zn-container-4k:2560px;--zn-transition-x-slow:1000ms;--zn-transition-slow:500ms;--zn-transition-medium:250ms;--zn-transition-fast:150ms;--zn-transition-x-fast:50ms;--zn-gap:var(--zn-base-gap,var(--zn-spacing-medium,4px));--zn-font-mono:'Roboto Mono',SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;--zn-font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';--zn-font-serif:'Roboto Slab',Georgia,'Times New Roman',serif;--zn-font-size-2x-small:0.625rem;--zn-font-size-x-small:0.75rem;--zn-font-size-small:0.929rem;--zn-font-size-medium:1rem;--zn-font-size-large:1.15rem;--zn-font-size-x-large:1.25rem;--zn-font-size-2x-large:2.25rem;--zn-font-size-3x-large:3rem;--zn-font-size-4x-large:4.5rem;--zn-font-weight-light:300;--zn-font-weight-normal:400;--zn-font-weight-medium:500;--zn-font-weight-semibold:600;--zn-font-weight-bold:700;--zn-letter-spacing-normal:normal;--zn-letter-spacing-loose:0.5px;--zn-line-height-denser:1;--zn-line-height-dense:1.5;--zn-line-height-normal:2;--zn-line-height-loose:2.5;--zn-line-height-looser:3;--zn-focus-ring-color:var(--zn-color-primary-600);--zn-focus-ring-style:solid;--zn-focus-ring-width-x-small:1px;--zn-focus-ring-width:3px;--zn-focus-ring:var(--zn-focus-ring-style) var(--zn-focus-ring-width) var(--zn-focus-ring-color);--zn-focus-ring-offset:1px;--zn-input-height-x-small:24px;--zn-input-height-small:30px;--zn-input-height-medium:36px;--zn-input-height-large:40px;--zn-input-background-color:var(--zn-color-neutral-50);--zn-input-background-color-hover:var(--zn-color-neutral-100);--zn-input-background-color-focus:var(--zn-color-neutral-100);--zn-input-background-color-disabled:var(--zn-color-neutral-400);--zn-input-border-color:var(--zn-color-neutral-300);--zn-input-border-color-hover:var(--zn-color-neutral-400);--zn-input-border-color-focus:var(--zn-color-primary-500);--zn-input-border-color-disabled:var(--zn-color-neutral-300);--zn-input-border-width:1px;--zn-input-required-content:'*';--zn-input-required-content-offset:-2px;--zn-input-required-content-color:var(--zn-input-label-color);--zn-input-border-radius-x-small:var(--zn-border-radius);--zn-input-border-radius-small:var(--zn-border-radius);--zn-input-border-radius-medium:var(--zn-border-radius);--zn-input-border-radius-large:var(--zn-border-radius);--zn-input-font-family:var(--zn-font-sans);--zn-input-font-weight:var(--zn-text-input-content-font-weight);--zn-input-font-size-x-small:var(--zn-font-size-x-small);--zn-input-font-size-small:var(--zn-font-size-small);--zn-input-font-size-medium:var(--zn-text-input-content-font-size);--zn-input-font-size-large:var(--zn-font-size-large);--zn-input-line-height:var(--zn-text-input-content-line-height);--zn-input-letter-spacing:var(--zn-letter-spacing-normal);--zn-input-color:var(--zn-text-input-content-color);--zn-input-color-hover:var(--zn-color-neutral-800);--zn-input-color-focus:var(--zn-color-neutral-700);--zn-input-color-disabled:var(--zn-color-neutral-800);--zn-input-icon-color:var(--zn-color-neutral-500);--zn-input-icon-color-hover:var(--zn-color-neutral-600);--zn-input-icon-color-focus:var(--zn-color-neutral-600);--zn-input-placeholder-color:var(--zn-text-input-placeholder-color);--zn-input-placeholder-color-disabled:var(--zn-color-neutral-600);--zn-input-spacing-small:var(--zn-spacing-small);--zn-input-spacing-medium:var(--zn-spacing-medium);--zn-input-spacing-large:var(--zn-spacing-large);--zn-input-focus-ring-color:hsl(256 91% 59%/40%);--zn-input-focus-ring-offset:0;--zn-input-label-font-size-small:var(--zn-font-size-small);--zn-input-label-font-size-medium:var(--zn-text-input-label-font-size);--zn-input-label-font-size-large:var(--zn-font-size-large);--zn-input-label-font-weight:var(--zn-text-input-label-font-weight);--zn-input-label-line-height:var(--zn-text-input-label-line-height);--zn-input-label-color:var(--zn-text-input-label-color);--zn-input-help-text-font-size-small:var(--zn-font-size-x-small);--zn-input-help-text-font-size-medium:var(--zn-font-size-small);--zn-input-help-text-font-size-large:var(--zn-font-size-medium);--zn-input-help-text-color:var(--zn-color-neutral-500);--zn-toggle-size-small:0.875rem;--zn-toggle-size-medium:1.125rem;--zn-toggle-size-large:1.375rem;--zn-overlay-background-color:hsl(none 0% 0%/0.7);--zn-panel-background-color:var(--zn-color-neutral-0);--zn-panel-border-color:var(--zn-color-neutral-200);--zn-panel-border-width:1px;--zn-tooltip-border-radius:var(--zn-border-radius);--zn-tooltip-background-color:var(--zn-color-neutral-900);--zn-tooltip-color:var(--zn-color-neutral-0);--zn-tooltip-font-family:var(--zn-font-sans);--zn-tooltip-font-weight:var(--zn-font-weight-normal);--zn-tooltip-font-size:var(--zn-font-size-small);--zn-tooltip-line-height:var(--zn-line-height-dense);--zn-tooltip-padding:var(--zn-spacing-x-small) var(--zn-spacing-small);--zn-tooltip-arrow-size:6px;--zn-z-index-page-nav:500;--zn-z-index-drawer:700;--zn-z-index-dialog:800;--zn-z-index-dropdown:900;--zn-z-index-toast:950;--zn-z-index-tooltip:1000;--zn-z-index-editor-action:1000000;--zn-table-header-background-color:252,251,254}[t=dark],.theme-dark{color-scheme:dark;--zn-color-gray-50:hsl(258,15%,23%);--zn-color-gray-100:hsl(262,12%,35%);--zn-color-gray-200:hsl(259,13%,42%);--zn-color-gray-300:hsl(259,13%,54%);--zn-color-gray-400:hsl(258,15%,58%);--zn-color-gray-500:hsl(254,17%,66%);--zn-color-gray-600:hsl(251,17%,76%);--zn-color-gray-700:hsl(260,21%,89%);--zn-color-gray-800:hsl(255,12%,94%);--zn-color-gray-900:hsl(240,13%,95%);--zn-color-gray-950:hsl(255,33%,98%);--zn-color-red-50:hsl(0 56% 23.9%);--zn-color-red-100:hsl(0.6 60% 33.9%);--zn-color-red-200:hsl(0.9 67.2% 37.1%);--zn-color-red-300:hsl(1.1 71.3% 43.7%);--zn-color-red-400:hsl(1 76% 52.5%);--zn-color-red-500:hsl(0.7 89.6% 57.2%);--zn-color-red-600:hsl(0 98.6% 67.9%);--zn-color-red-700:hsl(0 100% 72.3%);--zn-color-red-800:hsl(0 100% 85.6%);--zn-color-red-900:hsl(0 100% 90.3%);--zn-color-red-950:hsl(0 100% 95.9%);--zn-color-orange-50:hsl(15 64.2% 23.3%);--zn-color-orange-100:hsl(15.1 70.9% 31.1%);--zn-color-orange-200:hsl(15.3 75.7% 35.5%);--zn-color-orange-300:hsl(17.1 83.5% 42.7%);--zn-color-orange-400:hsl(20.1 88% 50.8%);--zn-color-orange-500:hsl(24.3 100% 50.5%);--zn-color-orange-600:hsl(27.2 100% 57.7%);--zn-color-orange-700:hsl(31.3 100% 68.7%);--zn-color-orange-800:hsl(33.8 100% 79.3%);--zn-color-orange-900:hsl(38.9 100% 87.7%);--zn-color-orange-950:hsl(46.2 100% 95%);--zn-color-amber-50:hsl(21.9 66.3% 21.1%);--zn-color-amber-100:hsl(21.5 73.6% 29.7%);--zn-color-amber-200:hsl(22.3 77.6% 33.3%);--zn-color-amber-300:hsl(25.4 84.2% 39.6%);--zn-color-amber-400:hsl(31.4 87.4% 46.7%);--zn-color-amber-500:hsl(37 96.6% 48.3%);--zn-color-amber-600:hsl(43.3 100% 53.4%);--zn-color-amber-700:hsl(46.5 100% 61.1%);--zn-color-amber-800:hsl(49.3 100% 73%);--zn-color-amber-900:hsl(51.8 100% 85%);--zn-color-amber-950:hsl(60 100% 94.6%);--zn-color-yellow-50:hsl(34,86%,14%);--zn-color-yellow-100:hsl(36,74%,26%);--zn-color-yellow-200:hsl(40,82%,29%);--zn-color-yellow-300:hsl(43,94%,33%);--zn-color-yellow-400:hsl(48,98%,40%);--zn-color-yellow-500:hsl(53,95%,47%);--zn-color-yellow-600:hsl(51,100%,53%);--zn-color-yellow-700:hsl(54,100%,63%);--zn-color-yellow-800:hsl(61,100%,77%);--zn-color-yellow-900:hsl(63,100%,88%);--zn-color-yellow-950:hsl(63,92%,95%);--zn-color-lime-50:hsl(86.5 54.4% 18%);--zn-color-lime-100:hsl(87.6 56.8% 23.3%);--zn-color-lime-200:hsl(85.8 63.2% 24.5%);--zn-color-lime-300:hsl(86.1 72% 29.4%);--zn-color-lime-400:hsl(85.5 76.8% 37.3%);--zn-color-lime-500:hsl(84.3 74.2% 42.1%);--zn-color-lime-600:hsl(82.8 81.5% 52.6%);--zn-color-lime-700:hsl(82 89.9% 64%);--zn-color-lime-800:hsl(80.9 97.9% 76.6%);--zn-color-lime-900:hsl(77.9 100% 85.8%);--zn-color-lime-950:hsl(69.5 100% 93.8%);--zn-color-green-50:hsl(144.3 53.6% 16%);--zn-color-green-100:hsl(143.2 55.4% 23.5%);--zn-color-green-200:hsl(141.5 58.2% 26.3%);--zn-color-green-300:hsl(140.8 64.2% 31.8%);--zn-color-green-400:hsl(140.3 68% 39.2%);--zn-color-green-500:hsl(141.1 64.9% 43%);--zn-color-green-600:hsl(141.6 72.4% 55.2%);--zn-color-green-700:hsl(141.7 82.7% 70.1%);--zn-color-green-800:hsl(141 90.9% 82.1%);--zn-color-green-900:hsl(142 100% 89.1%);--zn-color-green-950:hsl(144 100% 95.5%);--zn-color-emerald-50:hsl(164.3 75% 13.5%);--zn-color-emerald-100:hsl(163.5 72.6% 20.1%);--zn-color-emerald-200:hsl(162.1 73.7% 22.4%);--zn-color-emerald-300:hsl(161.3 77.3% 27.6%);--zn-color-emerald-400:hsl(159.6 77.1% 34.3%);--zn-color-emerald-500:hsl(159.1 73.5% 37.9%);--zn-color-emerald-600:hsl(157.8 66.8% 48.9%);--zn-color-emerald-700:hsl(156.2 76.1% 63.8%);--zn-color-emerald-800:hsl(152.4 84.4% 77.4%);--zn-color-emerald-900:hsl(149.3 100% 87%);--zn-color-emerald-950:hsl(158.6 100% 94.8%);--zn-color-teal-50:hsl(176.5 51.5% 15.4%);--zn-color-teal-100:hsl(175.9 54.7% 22.3%);--zn-color-teal-200:hsl(175.9 60.7% 23.9%);--zn-color-teal-300:hsl(174.5 67.3% 28.8%);--zn-color-teal-400:hsl(174.4 71.9% 34.9%);--zn-color-teal-500:hsl(173.1 71% 38.3%);--zn-color-teal-600:hsl(172.3 68.2% 48.1%);--zn-color-teal-700:hsl(170.5 81.3% 61.5%);--zn-color-teal-800:hsl(168.4 92.1% 75.2%);--zn-color-teal-900:hsl(168.3 100% 86%);--zn-color-teal-950:hsl(180 100% 95.5%);--zn-color-cyan-50:hsl(197.1 53.8% 20.3%);--zn-color-cyan-100:hsl(196.8 57.3% 27.2%);--zn-color-cyan-200:hsl(195.3 62.7% 29.4%);--zn-color-cyan-300:hsl(193.5 71.3% 34.1%);--zn-color-cyan-400:hsl(192.5 76.8% 40.6%);--zn-color-cyan-500:hsl(189.4 78.6% 42.6%);--zn-color-cyan-600:hsl(188.2 89.1% 51.7%);--zn-color-cyan-700:hsl(187 98.6% 66.2%);--zn-color-cyan-800:hsl(184.9 100% 78.3%);--zn-color-cyan-900:hsl(180 100% 86.6%);--zn-color-cyan-950:hsl(180 100% 94.8%);--zn-color-sky-50:hsl(203 63.8% 20.9%);--zn-color-sky-100:hsl(203.4 70.4% 28%);--zn-color-sky-200:hsl(202.7 75.8% 30.8%);--zn-color-sky-300:hsl(203.1 80.4% 36.1%);--zn-color-sky-400:hsl(202.1 80.5% 44.3%);--zn-color-sky-500:hsl(199.7 85.9% 47.7%);--zn-color-sky-600:hsl(198.7 97.9% 57.2%);--zn-color-sky-700:hsl(198.7 100% 70.5%);--zn-color-sky-800:hsl(198.8 100% 82.5%);--zn-color-sky-900:hsl(198.5 100% 89.9%);--zn-color-sky-950:hsl(186 100% 95.5%);--zn-color-blue-50:hsl(227.1 49.5% 22.7%);--zn-color-blue-100:hsl(225.8 58.9% 36.8%);--zn-color-blue-200:hsl(227.7 64.4% 42.9%);--zn-color-blue-300:hsl(226.1 72.7% 51.2%);--zn-color-blue-400:hsl(222.6 86.5% 56.3%);--zn-color-blue-500:hsl(217.8 95.8% 57.4%);--zn-color-blue-600:hsl(213.3 100% 65%);--zn-color-blue-700:hsl(210.9 100% 74.8%);--zn-color-blue-800:hsl(211.5 100% 83.4%);--zn-color-blue-900:hsl(211 100% 88.9%);--zn-color-blue-950:hsl(201.8 100% 95.3%);--zn-color-indigo-50:hsl(243.5 40.8% 27%);--zn-color-indigo-100:hsl(242.9 45.7% 37.6%);--zn-color-indigo-200:hsl(244.7 52.7% 43.1%);--zn-color-indigo-300:hsl(245.3 60.5% 52.4%);--zn-color-indigo-400:hsl(244.1 79.2% 60.4%);--zn-color-indigo-500:hsl(239.6 88.7% 63.8%);--zn-color-indigo-600:hsl(234.5 96.7% 70.9%);--zn-color-indigo-700:hsl(229.4 100% 78.3%);--zn-color-indigo-800:hsl(227.1 100% 85%);--zn-color-indigo-900:hsl(223.8 100% 89.9%);--zn-color-indigo-950:hsl(220 100% 95.1%);--zn-color-violet-50:hsl(265.1 57.3% 25.4%);--zn-color-violet-100:hsl(263.5 63.8% 39.4%);--zn-color-violet-200:hsl(263.4 66.2% 44.1%);--zn-color-violet-300:hsl(263.7 72.8% 52.4%);--zn-color-violet-400:hsl(262.5 87.3% 59.8%);--zn-color-violet-500:hsl(258.3 95.1% 63.2%);--zn-color-violet-600:hsl(255.1 100% 67.2%);--zn-color-violet-700:hsl(253 100% 81.5%);--zn-color-violet-800:hsl(251.7 100% 87.9%);--zn-color-violet-900:hsl(254.1 100% 91.7%);--zn-color-violet-950:hsl(257.1 100% 96.1%);--zn-color-purple-50:hsl(255,79%,23%);--zn-color-purple-100:hsl(257,73%,35%);--zn-color-purple-200:hsl(257,76%,42%);--zn-color-purple-300:hsl(257,76%,50%);--zn-color-purple-400:hsl(256,91%,59%);--zn-color-purple-500:hsl(252,98%,66%);--zn-color-purple-600:hsl(249,100%,76%);--zn-color-purple-700:hsl(246,100%,85%);--zn-color-purple-800:hsl(244,100%,92%);--zn-color-purple-900:hsl(245,100%,95%);--zn-color-purple-950:hsl(249,100%,97%);--zn-color-fuchsia-50:hsl(297.1 51.2% 18.6%);--zn-color-fuchsia-100:hsl(296.7 59.5% 31.5%);--zn-color-fuchsia-200:hsl(295.4 65.4% 35.1%);--zn-color-fuchsia-300:hsl(294.6 67.4% 42.2%);--zn-color-fuchsia-400:hsl(293.3 68.7% 51.2%);--zn-color-fuchsia-500:hsl(292.1 88.4% 57.7%);--zn-color-fuchsia-600:hsl(292 98.5% 59.5%);--zn-color-fuchsia-700:hsl(292.4 100% 79.5%);--zn-color-fuchsia-800:hsl(292.9 100% 86.8%);--zn-color-fuchsia-900:hsl(300 100% 91.5%);--zn-color-fuchsia-950:hsl(300 100% 96.3%);--zn-color-pink-50:hsl(336.2 59.6% 20%);--zn-color-pink-100:hsl(336.8 63.9% 34%);--zn-color-pink-200:hsl(336.8 68.7% 37.6%);--zn-color-pink-300:hsl(336.1 71.8% 44.5%);--zn-color-pink-400:hsl(333.9 74.9% 53.1%);--zn-color-pink-500:hsl(330.7 86.3% 57.7%);--zn-color-pink-600:hsl(328.6 91.5% 67.2%);--zn-color-pink-700:hsl(327.4 97.6% 78.7%);--zn-color-pink-800:hsl(325.1 100% 86.6%);--zn-color-pink-900:hsl(322.1 100% 91.3%);--zn-color-pink-950:hsl(315 100% 95.9%);--zn-color-rose-50:hsl(342.3 62.9% 21.5%);--zn-color-rose-100:hsl(342.8 68.9% 34.2%);--zn-color-rose-200:hsl(344.8 72.6% 37.3%);--zn-color-rose-300:hsl(346.9 75.8% 43.7%);--zn-color-rose-400:hsl(348.2 80.1% 52.7%);--zn-color-rose-500:hsl(350.4 94.8% 57.5%);--zn-color-rose-600:hsl(351.2 100% 58.1%);--zn-color-rose-700:hsl(352.3 100% 78.1%);--zn-color-rose-800:hsl(352 100% 86.2%);--zn-color-rose-900:hsl(354.5 100% 90.7%);--zn-color-rose-950:hsl(353.3 100% 95.7%);--zn-color-neutral-0:hsl(0,0%,0%);--zn-color-neutral-1000:hsl(0,0%,100%);--zn-shadow-x-small:0 1px 4px rgba(0,0,0,0.18);--zn-shadow-small:0 3px 9px rgba(0,0,0,0.24);--zn-shadow-medium:0 6px 18px rgba(0,0,0,0.24);--zn-shadow-large:0 6px 20px rgba(0,0,0,0.24);--zn-shadow-x-large:0 6px 20px rgba(0,0,0,0.34);--zn-input-background-color:rgb(var(--zn-color-body));--zn-input-background-color-hover:rgb(var(--zn-color-body));--zn-input-background-color-focus:hsl(252,15%,13%);--zn-input-background-color-disabled:hsl(280,6%,9%);--zn-input-border-color:rgb(var(--zn-color-border));--zn-input-border-color-hover:rgb(var(--zn-color-border-active));--zn-input-border-color-focus:var(--zn-color-primary-500);--zn-input-border-color-disabled:hsl(280,6%,9%);--zn-focus-ring-color:var(--zn-color-primary-700);--zn-overlay-background-color:hsl(0 0% 0%/43%);--zn-panel-background-color:rgb(var(--zn-panel));--zn-tooltip-background-color:var(--zn-color-neutral-800);--zn-table-header-background-color:27,27,30}:root{--zn-spacing-unit:8px;--zn-spacing-3x-small:2px;--zn-spacing-2x-small:4px;--zn-spacing-x-small:8px;--zn-spacing-small:16px;--zn-spacing-medium:24px;--zn-spacing-large:32px;--zn-spacing-x-large:40px;--zn-spacing-2x-large:48px;--zn-spacing-3x-large:56px;--zn-spacing-4x-large:72px;--zn-spacing-narrow-bar:45px;--zn-spacing-bar:60px;--zn-spacing-tile:80px;--zn-spacing-sidenav:320px;--zn-spacing-small-panel:200px;--zn-spacing-medium-panel:320px;--zn-spacing-panel:360px;--zn-spacing-lside:460px}:root{--zn-text-color:rgb(var(--zn-color-text));--zn-text-color-muted:rgb(var(--zn-color-muted-text));--zn-text-paragraph-font-size:14px;--zn-text-paragraph-line-height:21px;--zn-text-paragraph-spacing:21px;--zn-text-paragraph-font-weight:var(--zn-font-weight-normal);--zn-text-paragraph-color:var(--zn-text-color);--zn-text-paragraph-transform:none;--zn-text-table-content-font-size:14px;--zn-text-table-content-line-height:16px;--zn-text-table-content-spacing:15px;--zn-text-table-content-font-weight:var(--zn-font-weight-normal);--zn-text-table-content-color:var(--zn-text-color);--zn-text-table-content-transform:none;--zn-text-chat-font-size:16px;--zn-text-chat-line-height:24px;--zn-text-chat-spacing:15px;--zn-text-chat-font-weight:var(--zn-font-weight-normal);--zn-text-chat-color:var(--zn-text-color);--zn-text-chat-transform:none;--zn-text-h1-font-size:16px;--zn-text-h1-line-height:16px;--zn-text-h1-spacing:18px;--zn-text-h1-font-weight:var(--zn-font-weight-semibold);--zn-text-h1-color:var(--zn-text-color);--zn-text-h1-transform:none;--zn-text-h2-font-size:14px;--zn-text-h2-line-height:16px;--zn-text-h2-spacing:15px;--zn-text-h2-font-weight:var(--zn-font-weight-semibold);--zn-text-h2-color:var(--zn-text-color);--zn-text-h2-transform:none;--zn-text-h3-font-size:11px;--zn-text-h3-line-height:16px;--zn-text-h3-spacing:15px;--zn-text-h3-font-weight:var(--zn-font-weight-semibold);--zn-text-h3-color:var(--zn-text-color);--zn-text-h3-transform:none;--zn-text-heading-section-font-size:14px;--zn-text-heading-section-line-height:16px;--zn-text-heading-section-spacing:15px;--zn-text-heading-section-font-weight:var(--zn-font-weight-semibold);--zn-text-heading-section-color:var(--zn-text-color);--zn-text-heading-section-transform:none;--zn-text-subheading-font-size:14px;--zn-text-subheading-line-height:16px;--zn-text-subheading-spacing:15px;--zn-text-subheading-font-weight:var(--zn-font-weight-normal);--zn-text-subheading-color:var(--zn-text-color-muted);--zn-text-subheading-transform:none;--zn-text-subheading-small-font-size:13px;--zn-text-subheading-small-line-height:16px;--zn-text-subheading-small-spacing:15px;--zn-text-subheading-small-font-weight:var(--zn-font-weight-normal);--zn-text-subheading-small-color:var(--zn-text-color-muted);--zn-text-subheading-small-transform:none;--zn-text-input-placeholder-font-size:14px;--zn-text-input-placeholder-line-height:24px;--zn-text-input-placeholder-spacing:18px;--zn-text-input-placeholder-font-weight:var(--zn-font-weight-normal);--zn-text-input-placeholder-color:var(--zn-text-color-muted);--zn-text-input-placeholder-transform:none;--zn-text-input-content-font-size:14px;--zn-text-input-content-line-height:24px;--zn-text-input-content-spacing:18px;--zn-text-input-content-font-weight:var(--zn-font-weight-normal);--zn-text-input-content-color:var(--zn-text-color);--zn-text-input-content-transform:none;--zn-text-input-label-font-size:14px;--zn-text-input-label-line-height:16px;--zn-text-input-label-spacing:15px;--zn-text-input-label-font-weight:var(--zn-font-weight-semibold);--zn-text-input-label-color:var(--zn-text-color);--zn-text-input-label-transform:none;--zn-text-chart-minor-font-size:14px;--zn-text-chart-minor-line-height:16px;--zn-text-chart-minor-spacing:15px;--zn-text-chart-minor-font-weight:var(--zn-font-weight-semibold);--zn-text-chart-minor-color:var(--zn-text-color-muted);--zn-text-chart-minor-transform:none;--zn-text-chart-major-font-size:21px;--zn-text-chart-major-line-height:24px;--zn-text-chart-major-spacing:18px;--zn-text-chart-major-font-weight:var(--zn-font-weight-normal);--zn-text-chart-major-color:var(--zn-text-color);--zn-text-chart-major-transform:none;--zn-text-button-label-font-size:13px;--zn-text-button-label-line-height:16px;--zn-text-button-label-spacing:18px;--zn-text-button-label-font-weight:var(--zn-font-weight-semibold);--zn-text-button-label-color:var(--zn-text-color);--zn-text-button-label-transform:uppercase;--zn-text-chip-font-size:10px;--zn-text-chip-line-height:16px;--zn-text-chip-spacing:15px;--zn-text-chip-font-weight:var(--zn-font-weight-semibold);--zn-text-chip-color:var(--zn-text-color);--zn-text-chip-transform:uppercase;--zn-text-navbar-link-font-size:16px;--zn-text-navbar-link-line-height:16px;--zn-text-navbar-link-spacing:18px;--zn-text-navbar-link-font-weight:var(--zn-font-weight-semibold);--zn-text-navbar-link-color:var(--zn-text-color-muted);--zn-text-navbar-link-transform:none;--zn-text-tab-link-font-size:14px;--zn-text-tab-link-line-height:16px;--zn-text-tab-link-spacing:15px;--zn-text-tab-link-font-weight:var(--zn-font-weight-semibold);--zn-text-tab-link-color:var(--zn-text-color-muted);--zn-text-tab-link-transform:none;--zn-text-tab-link-active-font-size:14px;--zn-text-tab-link-active-line-height:16px;--zn-text-tab-link-active-spacing:15px;--zn-text-tab-link-active-font-weight:var(--zn-font-weight-semibold);--zn-text-tab-link-active-color:var(--zn-text-color);--zn-text-tab-link-active-transform:none;--zn-text-menu-link-font-size:14px;--zn-text-menu-link-line-height:16px;--zn-text-menu-link-spacing:15px;--zn-text-menu-link-font-weight:var(--zn-font-weight-normal);--zn-text-menu-link-color:var(--zn-text-color-muted);--zn-text-menu-link-transform:none;--zn-text-notification-font-size:9px;--zn-text-notification-line-height:11px;--zn-text-notification-spacing:0;--zn-text-notification-font-weight:var(--zn-font-weight-semibold);--zn-text-notification-color:#fff;--zn-text-notification-transform:none}@supports (scrollbar-gutter:stable){.zn-scroll-lock{scrollbar-gutter:stable !important;overflow:hidden !important}}@supports not (scrollbar-gutter:stable){.zn-scroll-lock{padding-right:var(--zn-scroll-lock-size) !important;overflow:hidden !important}}.zn-toast-stack{position:fixed;bottom:0;inset-inline-end:0;z-index:var(--zn-z-index-toast);width:28rem;max-width:100%;max-height:100%;overflow:auto}.zn-toast-stack zn-alert{margin:var(--zn-spacing-medium)}.zn-toast-stack zn-alert::part(base){box-shadow:var(--zn-shadow-large)}@media screen and (min-width:768px){.zn-toast-stack zn-alert{margin:var(--zn-spacing-large)}}.zn-gutter{margin:0 var(--zn-gutter)}.zn-gap{gap:var(--zn-gap,0);padding:var(--zn-base-gap,0);display:flex;flex-wrap:wrap}.zn-gap-in{gap:var(--zn-gap,0);display:flex;flex-wrap:wrap}.zn-gap-in-sm{--zn-gap:var(--zn-spacing-small,0);gap:var(--zn-gap,0)}.zn-gap-md{gap:24px}.zn-gap-inner{gap:var(--zn-gap,0)}.zn-gap-ism{gap:var(--zn-gap,0);--zn-gap:16px}.zn-gap-ixs{gap:var(--zn-gap,0);--zn-gap:8px}.zn-max-hide{max-height:100%;overflow:hidden}.zn-hide-empty:empty{display:none}.zn-nopoint{pointer-events:none}.form-spacing{display:grid;grid-template-columns:1fr;gap:var(--zn-spacing-medium) var(--zn-spacing-small)}@media (min-width:768px){.form-spacing{grid-template-columns:repeat(6,1fr)}}.form-spacing~.form-spacing{margin-top:var(--zn-base-gap)}zn-form-group~zn-form-group{margin-top:var(--zn-base-gap);padding-top:var(--zn-base-gap);border-top:1px solid rgb(var(--zn-border-color))}.form-spacing>*{grid-column:span 6/span 6}@media (min-width:768px){.form-spacing>*[span="1"]{grid-column:span 1/span 1}}@media (min-width:768px){.form-spacing>*[span="2"]{grid-column:span 2/span 2}}@media (min-width:768px){.form-spacing>*[span="3"]{grid-column:span 3/span 3}}@media (min-width:768px){.form-spacing>*[span="4"]{grid-column:span 4/span 4}}@media (min-width:768px){.form-spacing>*[span="5"]{grid-column:span 5/span 5}}:root{--zn-base-px:8px;--zn-base-gap:calc(var(--zn-base-px) * 2);--zn-gutter:2px;--zn-default-margin:0 auto 0 0;--zn-icon-size:20px;--zn-button-gutter:2px;--zn-font-family-sans:'Inter',sans-serif;--zn-font-family-serif:'Roboto Slab',serif;--zn-font-family-mono:'Roboto Mono',monospace}:root,[t=light],.theme-light{--zn-backdrop-color:rgba(0,0,0,0.5);--zn-color-text:33,33,33;--zn-color-muted-text:125,119,146;--zn-color-base:255,255,255;--zn-color-body:248,247,252;--zn-color-navigation:var(--zn-color-base);--zn-color-navigation-hightlight:248,249,252;--zn-color-border:219,217,236;--zn-color-border-active:209,207,226;--zn-color-tab:236,235,249;--zn-color-panel:255,255,255;--zn-color-primary:105,54,245;--zn-color-info:53,104,195;--zn-color-success:98,177,121;--zn-color-warning:241,168,80;--zn-color-error:236,68,91;--zn-color-disabled:181,181,181}[t=dark],.theme-dark{--zn-backdrop-color:rgba(0,0,0,0.85);--zn-color-text:215,215,215;--zn-color-muted-text:145,145,145;--zn-color-base:0,0,0;--zn-color-body:23,23,23;--zn-color-navigation:var(--zn-color-base);--zn-color-navigation-hightlight:10,10,10;--zn-color-border:38,38,38;--zn-color-border-active:80,80,80;--zn-color-tab:5,5,5;--zn-color-panel:30,30,30;--zn-color-primary:105,54,245;--zn-color-info:53,104,195;--zn-color-success:98,177,121;--zn-color-warning:241,168,80;--zn-color-error:236,68,91;--zn-color-disabled:181,181,181}@media (min-width:1200px){:root{--zn-base-gap:calc(var(--zn-base-px) * 3)}}@media (min-width:2500px){:root{--zn-default-margin:0 auto}}:root{--zn-primary:var(--zn-color-primary);--zn-red:237,84,109;--zn-blue:100,117,242;--zn-green:43,192,145;--zn-orange:255,136,0;--zn-yellow:255,193,7;--zn-indigo:63,81,181;--zn-violet:156,39,176;--zn-pink:255,108,156;--zn-grey:158,158,158;--zn-accent:71,214,214;--zn-size-bar:60px;--zn-size-tile:80px;--zn-size-sidenav:320px;--zn-size-spanel:170px;--zn-size-mpanel:320px;--zn-size-panel:360px;--zn-size-lside:460px;--zn-bg-opacity:1;--zn-text-opacity:1;--base:255,255,255;--inverse-base:0,0,0}.zn-mono{font-family:var(--zn-font-family-mono,"monospace")}:root,[t=light],.theme-light,[t=dark],.theme-dark{--zn-body:var(--zn-color-body);--zn-text:var(--zn-color-text);--zn-text-heading:var(--zn-color-text);--zn-text-page-title:var(--zn-color-text);--zn-text-panel-title:var(--zn-color-text);--zn-panel:var(--zn-color-panel);--zn-border-color:var(--zn-color-border);--zn-input-bg:var(--zn-color-body)}[t=light],.theme-light{--zn-panel-opacity:1;--zn-shadow:236,235,249;--zn-panel-secondary:246 246 246;--zn-panel-highlight:248,249,252;--zn-panel-highlight-opacity:1;--zn-input-bg-accent:237,235,245;--zn-bright-bg:255,255,255;--zn-light-text:123,112,151;--zn-dark-text:56,39,104;--zn-purple-text:104,54,245}[t=light] .zn-primary,.theme-light .zn-primary{color:rgb(var(--zn-color-primary))}[t=dark],.theme-dark{--zn-shadow:10,10,10;--zn-panel-secondary:27,27,30;--zn-panel-opacity:1;--zn-panel-highlight:25,27,32;--zn-panel-highlight-opacity:0.1;--zn-input-bg-accent:72,84,102;--zn-bright-bg:225,225,225;--zn-light-text:173,163,192;--zn-dark-text:201,201,201;--zn-purple-text:129,140,249;--zn-accent:15,165,234;--zn-primary:137,103,239;--base:0,0,0;--inverse-base:255,255,255}[t=dark] .zn-primary,.theme-dark .zn-primary{color:#8967ef !important}.ml-px{margin-left:2px}.mr-px{margin-right:2px}.mt-px{margin-top:2px}.mb-px{margin-bottom:2px}.mx-px{margin-left:2px;margin-right:2px}.my-px{margin-top:2px;margin-bottom:2px}.m-px{margin:2px}.ml-xxs{margin-left:4px}.mr-xxs{margin-right:4px}.mt-xxs{margin-top:4px}.mb-xxs{margin-bottom:4px}.mx-xxs{margin-left:4px;margin-right:4px}.my-xxs{margin-top:4px;margin-bottom:4px}.m-xxs{margin:4px}.ml-xs{margin-left:8px}.mr-xs{margin-right:8px}.mt-xs{margin-top:8px}.mb-xs{margin-bottom:8px}.mx-xs{margin-left:8px;margin-right:8px}.my-xs{margin-top:8px;margin-bottom:8px}.m-xs{margin:8px}.ml-sm{margin-left:16px}.mr-sm{margin-right:16px}.mt-sm{margin-top:16px}.mb-sm{margin-bottom:16px}.mx-sm{margin-left:16px;margin-right:16px}.my-sm{margin-top:16px;margin-bottom:16px}.m-sm{margin:16px}.ml-md{margin-left:24px}.mr-md{margin-right:24px}.mt-md{margin-top:24px}.mb-md{margin-bottom:24px}.mx-md{margin-left:24px;margin-right:24px}.my-md{margin-top:24px;margin-bottom:24px}.m-md{margin:24px}.ml-lg{margin-left:32px}.mr-lg{margin-right:32px}.mt-lg{margin-top:32px}.mb-lg{margin-bottom:32px}.mx-lg{margin-left:32px;margin-right:32px}.my-lg{margin-top:32px;margin-bottom:32px}.m-lg{margin:32px}.ml-xl{margin-left:40px}.mr-xl{margin-right:40px}.mt-xl{margin-top:40px}.mb-xl{margin-bottom:40px}.mx-xl{margin-left:40px;margin-right:40px}.my-xl{margin-top:40px;margin-bottom:40px}.m-xl{margin:40px}.zn-red{color:rgb(var(--zn-red))}.zn-blue{color:rgb(var(--zn-blue))}.zn-green{color:rgb(var(--zn-green))}.zn-orange{color:rgb(var(--zn-orange))}.zn-yellow{color:rgb(var(--zn-yellow))}.zn-indigo{color:rgb(var(--zn-indigo))}.zn-violet{color:rgb(var(--zn-violet))}.zn-pink{color:rgb(var(--zn-pink))}.zn-grey{color:rgb(var(--zn-grey))}.zn-primary{color:rgb(var(--zn-primary))}.zn-accent{color:rgb(var(--zn-accent))}.zn-info{color:rgb(var(--zn-color-info))}.zn-warning{color:rgb(var(--zn-color-warning))}.zn-error{color:rgb(var(--zn-color-error))}.zn-success{color:rgb(var(--zn-color-success))}ul.gap li{margin:5px 0}ul.circle,ul.decimal,ul.disc,ul.square{padding:5px 0 5px 15px}ul.circle{list-style-type:circle}ul.decimal{list-style-type:decimal}ul.disc{list-style-type:disc}ul.square{list-style-type:square}:host,html,body{color:rgba(var(--zn-text),var(--zn-text-opacity));font-family:var(--zn-font-family-sans);font-feature-settings:normal;font-variation-settings:normal;font-size:var(--zn-text-paragraph-font-size);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tab-size:4;-o-tab-size:4;tab-size:4;margin:0}html,body{background-color:rgba(var(--zn-body),var(--zn-bg-opacity));container-type:size;min-height:100%;height:100%}.inline-container{container-type:inline-size}.app-container{container-type:inline-size;display:flex;flex:1;flex-direction:column;position:relative;max-height:100%;height:100%;width:100%;max-width:100%}.inline-app-container,.app-container.inline-app-container,[inline-container] .app-container{display:block;height:auto;flex:unset}hr{height:0;border:none;border-top:1px solid rgb(var(--zn-border-color))}code,kbd,samp,pre,.mono{font-family:var(--zn-font-family-mono);font-size:1em}small{font-size:80%}.hidden{display:none !important}.visibility-hidden{visibility:hidden}p{font-size:var(--zn-text-paragraph-font-size);line-height:var(--zn-text-paragraph-line-height);font-weight:var(--zn-text-paragraph-font-weight)}h1,h2,h3,h4,h5,h6{color:rgb(var(--zn-text-heading))}h1{font-size:var(--zn-text-h1-font-size);line-height:var(--zn-text-h1-line-height);font-weight:var(--zn-text-h1-font-weight)}h2{font-size:var(--zn-text-h2-font-size);line-height:var(--zn-text-h2-line-height);font-weight:var(--zn-text-h2-font-weight)}h3,h4,h5,h6{font-size:var(--zn-text-h3-font-size);line-height:var(--zn-text-h3-line-height);font-weight:var(--zn-text-h3-font-weight)}kbd{font-family:monospace;background-color:#eee;color:#333;border:1px solid rgb(var(--zn-border-color));border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,0.2),0 1px 0 0 rgba(255,255,255,0.5) inset;display:inline-block;font-size:13px;line-height:20px;padding:1px 6px;white-space:nowrap;min-width:15px;color:rgba(0,0,0,0.5)}[t=dark] kbd{background-color:rgb(25,25,25);box-shadow:0 1px 1px rgba(0,0,0,0.2),0 1px 0 0 rgba(110,110,110,0.5) inset;color:#eee}[tab]{cursor:pointer}.zn-link:hover{--zn-text:rgb(var(--zn-primary));--icon-color:rgb(var(--zn-primary));--zn-text-heading:rgb(var(--zn-primary));--property-color:rgb(var(--zn-primary));opacity:1}.grow{flex-grow:1}.no-grow{flex-grow:0}.shrink{flex-shrink:1}.no-shrink{flex-shrink:0}.block{display:block}.flex{display:flex}.flex-wrap{display:flex;flex-wrap:wrap}.flex-col{display:flex;flex-direction:column}.flex-mid{display:flex;align-items:center}.flex-jc{justify-content:center}.flex-between{display:flex;justify-content:space-between}.flex-end{display:flex;justify-content:flex-end}.flex-bottom{display:flex;align-items:flex-end}.equal{flex-basis:50%}.m-auto{margin:auto}.mt-auto{margin-top:auto}.zn-pad{padding:var(--zn-base-gap,0)}.zn-pad-y,.zn-py{padding-top:16px;padding-bottom:16px}.zn-pad-x,.zn-px{padding-left:16px;padding-right:16px}.zn-pr{padding-right:16px}.zn-pl{padding-left:16px}.zn-pt{padding-top:16px}.zn-pb{padding-bottom:16px}.zn-margin{margin:16px}.zn-mx{margin-left:16px;margin-right:16px}.zn-my{margin-top:16px;margin-bottom:16px}.zn-mt{margin-top:16px}.zn-mb{margin-bottom:16px}.zn-ml{margin-left:16px}.zn-mr{margin-right:16px}.zn-mxa{margin-left:auto;margin-right:auto}.zn-mya{margin-top:auto;margin-bottom:auto}.zn-mta{margin-top:auto}.zn-mba{margin-bottom:auto}.zn-mla{margin-left:auto}.zn-mra{margin-right:auto}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}@keyframes act-vanish{from{transform:scale(1);opacity:1;max-height:100%}to{transform:scale(0.8);opacity:0;max-height:0}}.act-vanish{animation:ease-in act-vanish 600ms forwards;transform-origin:top center;background-color:rgba(var(--zn-color-error),0.3);display:block;overflow:hidden}.h-full{height:100%}.w-full{width:100%}.zn-panel-bg{--zn-page-surface-background:var(--zn-panel);background-color:rgba(var(--zn-panel),var(--zn-panel-opacity))}.zn-panel{background-color:rgba(var(--zn-panel),var(--zn-panel-opacity));border:1px solid rgb(var(--zn-border-color));border-radius:var(--zn-border-radius);--zn-page-surface-background:var(--zn-panel)}.zn-container{display:flex;flex-direction:column;flex-grow:1;max-height:100%;overflow:hidden}.tar{text-align:right}.tal{text-align:left}.tac{text-align:center}.zn-empty-hide:empty{display:none}.ml-auto{margin-left:auto}.zn-b-dash{border-style:dashed}.zn-b-dotted{border-style:dotted}.zn-border{border-style:solid;border-width:1px !important}.zn-bt{border-top-style:solid;border-top-width:1px !important}.zn-bb{border-bottom-style:solid;border-bottom-width:1px !important}.zn-bl{border-left-style:solid;border-left-width:1px !important}.zn-br{border-right-style:solid;border-right-width:1px !important}.unifi-action{display:flex;gap:10px;padding:10px 0;align-items:center}.zn-panel-bar{border-bottom:1px solid rgb(var(--zn-border-color));background-color:rgba(var(--zn-panel),0.9);padding:var(--zn-base-px);gap:var(--zn-base-px);display:flex;flex-wrap:wrap;align-items:center;z-index:1}.zn-panel-bar--pill{border-radius:var(--zn-border-radius);border:1px solid rgb(var(--zn-border-color))}.zn-panel-bar--large{padding:var(--zn-base-px) calc(var(--zn-base-gap) + var(--zn-gutter));gap:var(--zn-base-px);height:50px}.scroll-container{overflow:auto;flex-grow:1;position:relative;display:flex;flex-direction:column;max-height:100%}.zn-divide{display:flex;flex-direction:column}.zn-divide>*:not(:first-child){border-top:1px solid rgb(var(--zn-border-color))}.zn-divide>div:empty+div:not(:first-child){border-top:0}.zn-divide-y{display:flex;flex-direction:row}.zn-divide-y>*:not(:first-child):not(:empty){border-left:1px solid rgb(var(--zn-border-color))}.zn-c-pad{--zn-pad-spacing:var(--zn-spacing-large)}.zn-c-pad-x>*{padding-left:var(--zn-pad-spacing);padding-right:var(--zn-pad-spacing)}.zn-c-pad-y>*:not(:first-child){padding-top:var(--zn-pad-spacing)}.zn-c-pad-y>*:not(:last-child){padding-bottom:var(--zn-pad-spacing)}.zn-nav.zn-transparent{background:transparent}.zn-nav{background:rgba(var(--zn-panel),var(--zn-panel-opacity));border-right:1px solid rgb(var(--zn-border-color));max-width:320px;height:100%;padding-top:5px}.zn-nav ul{list-style:none;padding-bottom:10px;margin:0;display:flex;flex-direction:column;position:relative}.zn-nav ul:after{content:"";height:1px;left:18px;right:18px;bottom:0;position:absolute;background:rgb(var(--zn-border-color))}.zn-nav ul li a{text-decoration:none;color:rgb(var(--zn-text));display:block;font-weight:500;cursor:pointer}.zn-nav ul li a:hover,.zn-nav ul li a.zn-tb-active{background:rgb(var(--zn-body))}.zn-nav ul li a.zn-tb-active{color:rgb(var(--zn-purple-text))}.zn-nav ul:last-child:after{display:none}.zn-nav strong,.zn-nav li a{padding:10px 20px}.zn-nav strong{display:block;margin-top:10px;font-size:13px;letter-spacing:0.93px;color:rgb(var(--zn-text-heading));font-weight:600;padding-bottom:5px;text-transform:uppercase}@keyframes shimmer-text-sweep{0%{background-position:100% center}100%{background-position:0% center}}@media (prefers-reduced-motion:no-preference){.shimmer-text{--shimmer-base:rgb(var(--zn-text));--shimmer-highlight:rgb(var(--zn-text-heading));--shimmer-core:0.5ch;--shimmer-spread:1.5ch;--shimmer-duration:1.5s;display:inline-block;width:-moz-fit-content;width:fit-content;max-width:100%;background-image:linear-gradient(90deg,transparent calc(50% - var(--shimmer-spread)),var(--shimmer-highlight) calc(50% - var(--shimmer-core)),var(--shimmer-highlight) calc(50% + var(--shimmer-core)),transparent calc(50% + var(--shimmer-spread))),linear-gradient(var(--shimmer-base),var(--shimmer-base));background-size:250% 100%,auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent !important;color:transparent !important;animation:var(--shimmer-duration) linear infinite shimmer-text-sweep}.shimmer-text.zn-error{--shimmer-base:rgb(var(--zn-color-error));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-error)) 55%,white)}.shimmer-text.zn-success{--shimmer-base:rgb(var(--zn-color-success));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-success)) 55%,white)}.shimmer-text.zn-info{--shimmer-base:rgb(var(--zn-color-info));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-info)) 55%,white)}.shimmer-text.zn-warning{--shimmer-base:rgb(var(--zn-color-warning));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-warning)) 55%,white)}.shimmer-text.zn-primary{--shimmer-base:rgb(var(--zn-primary));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-primary)) 55%,white)}.shimmer-text.zn-accent{--shimmer-base:rgb(var(--zn-accent));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-accent)) 55%,white)}}@media (prefers-reduced-motion:reduce){.shimmer-text{color:rgb(var(--zn-text))}.shimmer-text.zn-error{color:rgb(var(--zn-color-error)) !important}.shimmer-text.zn-success{color:rgb(var(--zn-color-success)) !important}.shimmer-text.zn-info{color:rgb(var(--zn-color-info)) !important}.shimmer-text.zn-warning{color:rgb(var(--zn-color-warning)) !important}.shimmer-text.zn-primary{color:rgb(var(--zn-primary)) !important}.shimmer-text.zn-accent{color:rgb(var(--zn-accent)) !important}}*,*::before,*::after{box-sizing:border-box}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}strong{font-weight:bolder}b{font-weight:600}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:inline-block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}button,.zn-button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}button:hover:not([disabled]),.zn-button:hover:not([disabled]){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:8px}}label{font-weight:600;font-size:rgb(var(--zn-font-size-medium));line-height:var(--zn-spacing-medium);color:rgb(var(--zn-text-heading));display:block;margin-bottom:4px;margin-top:16px}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:8px;accent-color:rgb(var(--zn-primary));width:100%;max-width:768px}fieldset{border-color:rgba(var(--zn-primary),20%);border-width:2px;padding:0 16px 16px}select option{padding:4px}select>option:checked{background-color:rgba(var(--zn-primary),20%);border-radius:5px}fieldset>legend{padding:4px}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}input[type=button]:hover:not([disabled]),input[type=submit]:hover:not([disabled]),button[type=submit]:not(.button):hover:not([disabled]),button[type=button]:not(.button):hover:not([disabled]){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:16px}input[type=file]::-webkit-file-upload-button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}input[type=file]::-webkit-file-upload-button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=file]::-webkit-file-upload-button{margin-right:8px}input::-webkit-calendar-picker-indicator{cursor:pointer;padding:8px}input[list]::-webkit-calendar-picker-indicator{padding:8px 4px}.input--with-icon{position:relative}.input--with-icon zn-icon{padding:14px;position:absolute;top:50%;pointer-events:none;transform:translateY(-50%);left:8px;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}table:not(.remarkd-table){border-collapse:separate !important;border-spacing:0;width:100%;max-width:100%;table-layout:auto;text-align:left;font-family:var(--zn-font-sans);font-size:var(--zn-text-table-content-font-size);font-weight:var(--zn-text-table-content-font-weight);line-height:var(--zn-text-table-content-line-height);color:var(--zn-text-table-content-color);text-transform:var(--zn-text-table-content-transform)}table:not(.remarkd-table) thead{font-weight:var(--zn-font-weight-medium)}table:not(.remarkd-table) thead tr th{background-color:rgb(var(--zn-table-header-background-color))}table:not(.remarkd-table) tbody a{cursor:pointer;color:rgb(var(--zn-primary))}table:not(.remarkd-table) tbody tr td{border-top:1px solid rgb(var(--zn-border-color)) !important}table:not(.remarkd-table) tbody tr:first-of-type td{border-top:0 !important}table:not(.remarkd-table) th,table:not(.remarkd-table) td{padding:var(--zn-spacing-small) var(--zn-spacing-medium);min-width:90px;white-space:nowrap}table:not(.remarkd-table) td>span{white-space:normal}table:not(.remarkd-table) th{font-family:var(--zn-font-sans);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);color:var(--zn-text-button-label-color);text-transform:var(--zn-text-button-label-transform);text-transform:capitalize;border-bottom:1px solid rgb(var(--zn-border-color))}.zn-table-fixed{table-layout:fixed}.opacity-100{opacity:1}.opacity-90{opacity:0.9}.opacity-80{opacity:0.8}.opacity-60{opacity:0.6}.opacity-50{opacity:0.5}.opacity-40{opacity:0.4}.opacity-10{opacity:0.1}.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7,var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:0.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7,var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3,1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4,1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:0.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,var(--adp-time-track-color),var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size) / 2 * -1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)}.air-datepicker{--adp-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:"nav" "body" "timepicker" "buttons";--adp-transition-duration:.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92,196,239,.1);--adp-background-color-in-range-focused:rgba(92,196,239,.2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92,196,239,0.1);--adp-cell-background-color-in-range-hover:rgba(92,196,239,0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0,0,0,.3);--adp-overlay-transition-duration:.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,0.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0,0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%,calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%,-50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size) / 2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size) / 2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}.air-datepicker{--adp-color:rgba(var(--zn-text),var(--zn-text-opacity));--adp-nav-color-secondary:rgb(var(--zn-purple-text));--adp-day-name-color:var(--zn-color-primary-600);--adp-day-name-color-hover:var(--zn-color-primary-700);--adp-cell-background-color-selected:var(--zn-color-primary-600);--adp-cell-background-color-selected-hover:var(--zn-color-primary-700);--adp-color-current-date:var(--zn-color-primary-600);--adp-background-color:var(--zn-input-background-color);--adp-background-color-hover:var(--zn-input-background-color-hover);--adp-background-color-active:var(--zn-input-background-color-hover);--adp-background-color-selected-other-month:var(--zn-color-primary-300);--adp-background-color-in-range:var(--zn-color-primary-100);--adp-border-color:rgb(var(--zn-border-color));--adp-border-color-inline:rgb(var(--zn-border-color));--adp-border-color-inner:rgb(var(--zn-border-color));--adp-cell-background-color-in-range:var(--zn-color-primary-100);--adp-cell-background-color-in-range-hover:var(--zn-color-primary-200)}.air-datepicker--pointer:after{background-color:var(--zn-input-background-color)}.air-datepicker-global-container{z-index:1000000}.air-datepicker-button{border:none;padding:var(--zn-spacing-2x-small) var(--zn-spacing-x-small);border-radius:var(--adp-border-radius);font-family:var(--adp-font-family),sans-serif;font-size:var(--zn-font-size-medium);font-weight:var(--zn-font-weight-normal);cursor:pointer;color:rgba(var(--zn-text),var(--zn-text-opacity))}.air-datepicker-button:hover{background-color:var(--zn-input-background-color-hover) !important}.zn-cloak:has(:not(:defined)){animation:2s step-end zn-cloak}@keyframes zn-cloak{from{opacity:0}to{opacity:1}}:host{display:block}:host ::-webkit-scrollbar{width:5px;height:5px}:host{}:host ::-webkit-scrollbar-track{background:transparent}:host{}:host ::-webkit-scrollbar-thumb{background:rgba(var(--inverse-base),0.2);border-radius:5px}:host{}:host ::-webkit-scrollbar-thumb:hover{background:rgba(var(--inverse-base),0.6)}.table-container{overflow:auto}table{border-collapse:separate !important;border-spacing:0;width:100%;max-width:100%;table-layout:auto;text-align:left;font-family:var(--zn-font-sans);font-size:var(--zn-text-table-content-font-size);font-weight:var(--zn-text-table-content-font-weight);line-height:var(--zn-text-table-content-line-height);color:var(--zn-text-table-content-color);text-transform:var(--zn-text-table-content-transform)}table tbody tr.table__row--data td{height:48px;padding-block:0;overflow:hidden}table tbody tr.table__row--details td{background-color:rgb(var(--zn-shadow))}table.table--standalone{background-color:rgb(var(--zn-panel));border-radius:var(--zn-border-radius);border:1px solid rgb(var(--zn-border-color));overflow:hidden}table.table--standalone thead tr th{border-top:0}table thead{color:rgb(var(--zn-text-heading));font-weight:var(--zn-font-weight-medium)}table thead tr th{background-color:rgb(var(--zn-table-header-background-color));border-bottom:1px solid rgb(var(--zn-border-color)) !important}table.with-hover tbody tr.table__row--data:not(.table__row--selected):hover td{background-color:rgba(var(--zn-primary),0.05) !important;cursor:pointer}table.with-hover tbody tr.table__row--details:hover{background-color:inherit;cursor:default}table tbody tr td{border-top:1px solid rgb(var(--zn-border-color)) !important}table tbody tr:first-of-type td{border-top:0 !important}table th,table td{padding:var(--zn-spacing-small) var(--zn-spacing-medium);min-width:90px;white-space:nowrap}table th span,table td span{white-space:normal}table th{font-family:var(--zn-font-sans);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);color:var(--zn-text-button-label-color);text-transform:var(--zn-text-button-label-transform);border-bottom:1px solid rgb(var(--zn-border-color))}.zn-table-fixed{table-layout:fixed}.table tr th,.table tr td{min-width:50px}.table tr th>div,.table tr td>div{display:flex;flex-direction:row;align-items:center;width:100%;gap:var(--zn-spacing-x-small)}.table tr th>div>code,.table tr td>div>code{font-size:10px;display:block;max-width:420px;float:right;max-height:100px;white-space:pre;overflow-x:scroll}.table tr th:first-of-type>div:has(zn-checkbox),.table tr td:first-of-type>div:has(zn-checkbox){justify-content:center}.table tr th:first-of-type>div:has(zn-checkbox) zn-checkbox,.table tr td:first-of-type>div:has(zn-checkbox) zn-checkbox{margin:0}.table__head{text-transform:capitalize}.table__head__sort{margin:0;padding:0;opacity:1;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.table__head--wide{width:100%}.table__head--left div{justify-content:flex-start}.table__head--right div{justify-content:flex-end}.table__head--center div{justify-content:center}.table__head--hidden>div{visibility:hidden}.table__head--expander{width:28px;min-width:28px;padding-right:0}.table__cell--wide{width:100%}.table__cell--left div{justify-content:flex-start}.table__cell--right div{justify-content:flex-end}.table__cell--center div{justify-content:center}.table__cell--actions{width:25px;min-width:25px;text-align:right}.table__cell .caption{flex-grow:1;flex-direction:column}.table__cell .caption span{display:block}.table__cell .caption .title:empty,.table__cell .caption .summary:empty{display:none}.table__cell .caption .title{font-weight:var(--zn-font-weight-semibold);color:rgb(var(--zn-text-heading));font-size:var(--zn-text-table-content-font-size);text-decoration:none}.table__cell .caption a.title{color:rgb(var(--zn-primary))}.table__cell .caption .summary{font-size:90%;text-wrap:initial;color:rgb(var(--zn-text))}.table__cell .caption--icon{display:flex;flex-direction:row;gap:var(--zn-spacing-small)}.table__cell--expander{width:28px;min-width:28px}.table__header{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;padding-block:var(--zn-spacing-small);gap:var(--zn-spacing-small)}.table__header__actions,.table__header__query-builder{display:flex;flex-direction:row;align-items:baseline;gap:var(--zn-spacing-small)}.table__header__right{display:flex;flex-direction:row;align-items:center;gap:var(--zn-spacing-x-small);margin-left:auto}.table__footer{display:flex;flex-direction:row;justify-content:space-between;padding:var(--zn-spacing-medium) 0}.table__footer__right,.table__footer__left{display:flex;flex-direction:row;align-items:center;gap:var(--zn-spacing-large)}.table__footer__rows-per-page{display:flex;flex-direction:row;align-items:center;opacity:0.8;gap:var(--zn-spacing-x-small)}.table__footer__rows-per-page zn-select[name=rowPerPage]{max-width:75px}.table__footer__pagination-buttons{display:flex;flex-direction:row;align-items:center;gap:var(--zn-spacing-x-small)}.table__footer__pagination-page--active::part(base){background-color:var(--zn-color-neutral-300);border-color:var(--zn-color-neutral-300);color:rgb(var(--zn-text))}.table__footer__pagination-ellipsis{display:flex;align-items:center;padding:0 var(--zn-spacing-x-small);color:rgb(var(--zn-text))}.table__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--zn-spacing-x-large) !important}.table__details__item{display:flex;flex-direction:column;gap:var(--zn-spacing-2x-small,4px)}.table__details__label{font-size:12px;color:rgb(var(--zn-text-subtle,var(--zn-text)));opacity:0.8}.table__details__value{font-size:var(--zn-text-table-content-font-size)}.reduced-opacity .table tbody{opacity:0.5}.hidden{display:none}.dropdown__query-builder{display:block;position:relative;padding:var(--zn-spacing-large);border-width:1px;border-radius:5px;width:-moz-fit-content;width:fit-content;min-width:var(--zn-spacing-small-panel);max-height:650px;overflow:auto;overscroll-behavior:none;filter:drop-shadow(0 5px 4px rgba(0,0,0,0.04)) drop-shadow(0 4px 3px rgba(0,0,0,0.1));background-color:rgb(var(--zn-panel,255,255,255))}table tbody tr.table__row--selected{background-color:var(--zn-color-purple-100)}table tbody tr.table__row--selected:hover{background-color:var(--zn-color-purple-200) !important}table tbody tr.table__row--selected td{border-top:1px solid var(--zn-color-purple-600) !important;border-bottom:1px solid var(--zn-color-purple-600) !important}table tbody tr.table__row--selected td:first-of-type{border-left:1px solid var(--zn-color-purple-600)}table tbody tr.table__row--selected td:last-of-type{border-right:1px solid var(--zn-color-purple-600)}table tbody tr.table__row--selected:last-of-type td:first-of-type{border-bottom-left-radius:var(--zn-border-radius)}table tbody tr.table__row--selected:last-of-type td:last-of-type{border-bottom-right-radius:var(--zn-border-radius)}table tbody tr.table__row--selected+tr.table__row--selected td{border-top:0 !important}table tbody tr.table__row--selected+tr.table__row--selected td:first-of-type{border-top-left-radius:0}table tbody tr.table__row--selected+tr.table__row--selected td:last-of-type{border-top-right-radius:0}table tbody tr.table__row--selected:has(+tr.table__row--selected) td{border-bottom:0 !important}table tbody tr.table__row--selected:first-of-type td{border-top:0 !important}table tbody tr.table__row--selected:has(+tr.table__row--selected) td:first-of-type{border-bottom-left-radius:0}table tbody tr.table__row--selected:has(+tr.table__row--selected) td:last-of-type{border-bottom-right-radius:0}table:has(tbody tr:first-of-type.table__row--selected) thead tr th{border-bottom-color:var(--zn-color-purple-600) !important}.table-group__title{font-weight:var(--zn-font-weight-semibold);font-size:var(--zn-font-size-large);color:rgba(var(--zn-text-panel-title),100%);line-height:var(--zn-line-height-looser);padding-left:var(--zn-spacing-medium);margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}`;var Rb=1,Ob=10;var zt=class extends C{constructor(){super(...arguments);this.sortDirection="asc";this.localSort=!1;this.filter="";this.search="";this.key="id";this.headers={};this.hiddenHeaders="{}";this.hiddenColumns="{}";this.unsortableHeaders="{}";this.unsortable=!1;this.standalone=!1;this.emptyStateIcon="data_alert";this.filters=[];this.method="POST";this.noInitialLoad=!1;this.groupBy="";this.groups="";this._initialLoad=!0;this._lastTableContent=u``;this.resizeObserver=new Jt(this,{target:null,callback:()=>{this.tableContainer&&this.tableContainer.scrollIntoView({behavior:"smooth",block:"nearest"})}});this.itemsPerPage=Ob;this.page=Rb;this._rows=[];this.numberOfRowsSelected=0;this.selectedRows=[];this.hasSlotController=new J(this,"[default]","search".valueOf(),"delete-action".valueOf(),"modify-action".valueOf(),"create-action".valueOf(),"filter".valueOf(),"sort".valueOf(),"inputs".valueOf(),"empty-state");this._dataTask=new tl(this,{task:async([t,r],{signal:n})=>{if(t===void 0||this.noInitialLoad&&this._initialLoad)return{rows:[],page:1,perPage:this.itemsPerPage,total:0};this.groupBy&&(this.itemsPerPage=1e3);let a={page:this.page,perPage:this.itemsPerPage,sortColumn:this.sortColumn,sortDirection:this.sortDirection,filter:this.filter,search:this.search},s=this.hasSlotController.getSlots("inputs".valueOf()),l={};s&&(s.forEach(h=>{if(["zn-input","zn-select","zn-query-builder","zn-multiselect","zn-params-select","zn-datepicker","input","select","textarea"].includes(h.tagName.toLowerCase())){let f=h.value||h.getAttribute("value"),g=h.name||h.getAttribute("name");g&&(l[g]=f)}}),Object.assign(a,l)),r&&typeof r=="object"&&Object.assign(a,r);let d=await fetch(t,{method:this.method,headers:{"x-kx-fetch-style":"zn-data-table"},signal:n,credentials:"same-origin",body:this.method==="POST"?JSON.stringify(a):void 0});if(!d.ok)throw new Error(d.statusText);return d.json()},args:()=>[this.dataUri,this.requestParams]});this.rowHasActions=!1;this._expandedRows=new Set;this._hiddenCells=new Map;this.requestParams={};this.filterChangeListener=t=>{t.target instanceof xh&&(this.filter=t.target.value,this._dataTask.run().then(r=>r))};this.searchChangeListener=t=>{let r=t.target;if(r&&r.tagName==="ZN-DATA-TABLE-SEARCH"){if(this.search=r.value,t.detail){let{formData:n,searchUri:a}=t.detail;if(n&&typeof n=="object"&&(this.requestParams={...this.requestParams,...n}),a){let s=this.dataUri;this.dataUri=a,this._dataTask.run().then(()=>{this.dataUri=s});return}}this._dataTask.run().then(n=>n)}}}refresh(){this._initialLoad=!1,this._dataTask.run().then(t=>t)}render(){let t;this.noInitialLoad&&this._initialLoad?t=u`
|
|
651
|
+
></div>`}};Oo.styles=T(Ib),c([p({attribute:"speed",type:String})],Oo.prototype,"speed",2),c([p({attribute:"width",type:String})],Oo.prototype,"width",2),c([p({attribute:"height",type:String})],Oo.prototype,"height",2),c([p({attribute:"radius",type:String})],Oo.prototype,"radius",2);var Ch=Oo;Oo.define("zn-skeleton");var Nb=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}`;var te=class extends C{constructor(){super(...arguments);this.localize=new Ge(this);this.color="";this.border=!1;this.error=!1;this.success=!1;this.info=!1;this.warning=!1;this.primary=!1;this.accent=!1;this.center=!1;this.display=null;this.font="";this.width="";this.height="";this.pad="";this.margin="";this.gutter=!1;this.autoMargin=""}connectedCallback(){super.connectedCallback();let t=this.display||"contents";if(this.gutter&&(this.classList.add("zn-gutter"),t==="contents"&&(t="block")),this.color===""&&(this.error?this.color="error":this.success?this.color="success":this.info?this.color="info":this.warning?this.color="warning":this.primary?this.color="primary":this.accent&&(this.color="accent")),this.color&&this.classList.toggle("zn-"+this.color,!0),this.center&&(t="flex",this.classList.toggle("flex-mid",!0),this.classList.toggle("flex-jc",!0)),this.font&&this.font==="mono"&&this.classList.toggle("zn-mono",!0),this.width==="f"&&this.classList.toggle("w-full",!0),this.height==="f"&&this.classList.toggle("h-full",!0),this.border&&(t="inline-block",this.classList.toggle("zn-border",!0)),this.pad){t="inline-block",this.style.display="inline-block";for(let r of this.pad)switch(r){case"a":this.classList.toggle("zn-pad",!0);break;case"l":this.classList.toggle("zn-pl",!0);break;case"r":this.classList.toggle("zn-pr",!0);break;case"t":this.classList.toggle("zn-pt",!0);break;case"b":this.classList.toggle("zn-pb",!0);break;case"x":this.classList.toggle("zn-px",!0);break;case"y":this.classList.toggle("zn-py",!0);break}}if(this.margin){t="inline-block";for(let r of this.margin)switch(r){case"a":this.classList.toggle("zn-margin",!0);break;case"l":this.classList.toggle("zn-ml",!0);break;case"r":this.classList.toggle("zn-mr",!0);break;case"t":this.classList.toggle("zn-mt",!0);break;case"b":this.classList.toggle("zn-mb",!0);break;case"x":this.classList.toggle("zn-mx",!0);break;case"y":this.classList.toggle("zn-my",!0);break}}if(this.autoMargin){t="inline-block";for(let r of this.autoMargin)switch(r){case"a":this.classList.toggle("m-auto",!0);break;case"t":this.classList.toggle("zn-mta",!0);break;case"b":this.classList.toggle("zn-mba",!0);break;case"l":this.classList.toggle("zn-mla",!0);break;case"r":this.classList.toggle("zn-mra",!0);break;case"x":this.classList.toggle("zn-mra",!0),this.classList.toggle("zn-mla",!0);break;case"y":this.classList.toggle("zn-mta",!0),this.classList.toggle("zn-mba",!0);break}}this.display&&(t=this.display),this.style.display=t}createRenderRoot(){return this}};te.styles=T(Nb),c([p()],te.prototype,"color",2),c([p({type:Boolean})],te.prototype,"border",2),c([p({type:Boolean})],te.prototype,"error",2),c([p({type:Boolean})],te.prototype,"success",2),c([p({type:Boolean})],te.prototype,"info",2),c([p({type:Boolean})],te.prototype,"warning",2),c([p({type:Boolean})],te.prototype,"primary",2),c([p({type:Boolean})],te.prototype,"accent",2),c([p({type:Boolean})],te.prototype,"center",2),c([p({type:String})],te.prototype,"display",2),c([p()],te.prototype,"font",2),c([p()],te.prototype,"width",2),c([p()],te.prototype,"height",2),c([p()],te.prototype,"pad",2),c([p()],te.prototype,"margin",2),c([p({type:Boolean})],te.prototype,"gutter",2),c([p({attribute:"a-margin"})],te.prototype,"autoMargin",2);var Eh=te;te.define("zn-style");var Db=A`@charset "UTF-8";@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:root,[t=light],.theme-light{color-scheme:light;--zn-color-gray-100:hsl(240,13%,95%);--zn-color-gray-300:hsl(260,21%,89%);--zn-color-gray-400:hsl(251,17%,76%);--zn-color-gray-500:hsl(254,17%,66%);--zn-color-gray-800:hsl(259,13%,42%);--zn-color-gray-900:hsl(262,12%,35%);--zn-color-red-500:hsl(0 84.2% 60.2%);--zn-color-red-600:hsl(0 72.2% 50.6%);--zn-color-orange-500:hsl(24.6 95% 53.1%);--zn-color-amber-400:hsl(43.3 96.4% 56.3%);--zn-color-yellow-400:hsl(51,100%,53%);--zn-color-green-500:hsl(142.1 70.6% 45.3%);--zn-color-blue-500:hsl(217.2 91.2% 59.8%);--zn-color-indigo-400:hsl(234.5 89.5% 73.9%);--zn-color-indigo-500:hsl(238.7 83.5% 66.7%);--zn-color-violet-500:hsl(258.3 89.5% 66.3%);--zn-color-violet-600:hsl(262.1 83.3% 57.8%);--zn-color-purple-50:hsl(249,100%,97%);--zn-color-purple-100:hsl(245,100%,95%);--zn-color-purple-200:hsl(244,100%,92%);--zn-color-purple-600:hsl(256,91%,59%);--zn-color-pink-400:hsl(328.6 85.5% 70.2%);--zn-color-pink-500:hsl(330.4 81.2% 60.4%);--zn-color-primary-50:var(--zn-color-purple-50);--zn-color-primary-100:var(--zn-color-purple-100);--zn-color-primary-200:var(--zn-color-purple-200);--zn-color-primary-300:hsl(246,100%,85%);--zn-color-primary-400:hsl(249,100%,76%);--zn-color-primary-500:hsl(252,98%,66%);--zn-color-primary-600:var(--zn-color-purple-600);--zn-color-primary-700:hsl(257,76%,50%);--zn-color-primary-800:hsl(257,76%,42%);--zn-color-primary-900:hsl(257,73%,35%);--zn-color-success-50:hsl(138.5 76.5% 96.7%);--zn-color-success-200:rgb(var(--zn-green));--zn-color-success-300:hsl(141.7 76.6% 73.1%);--zn-color-success-400:hsl(141.9 69.2% 58%);--zn-color-success-500:var(--zn-color-green-500);--zn-color-success-600:hsl(142.1 76.2% 36.3%);--zn-color-success-700:hsl(142.4 71.8% 29.2%);--zn-color-warning-50:hsl(48 100% 96.1%);--zn-color-warning-400:var(--zn-color-amber-400);--zn-color-warning-500:hsl(37.7 92.1% 50.2%);--zn-color-warning-600:hsl(32.1 94.6% 43.7%);--zn-color-danger-50:hsl(0 85.7% 97.3%);--zn-color-danger-100:rgb(var(--zn-red));--zn-color-danger-200:rgb(var(--zn-red));--zn-color-danger-300:hsl(0 93.5% 81.8%);--zn-color-danger-500:var(--zn-color-red-500);--zn-color-danger-600:var(--zn-color-red-600);--zn-color-danger-700:rgb(var(--zn-red));--zn-color-danger-800:hsl(0 70% 35.3%);--zn-color-neutral-50:hsl(255,33%,98%);--zn-color-neutral-100:var(--zn-color-gray-100);--zn-color-neutral-200:hsl(255,12%,94%);--zn-color-neutral-300:var(--zn-color-gray-300);--zn-color-neutral-400:var(--zn-color-gray-400);--zn-color-neutral-500:var(--zn-color-gray-500);--zn-color-neutral-600:hsl(258,15%,58%);--zn-color-neutral-700:hsl(259,13%,54%);--zn-color-neutral-800:var(--zn-color-gray-800);--zn-color-neutral-900:var(--zn-color-gray-900);--zn-color-neutral-0:hsl(0,0%,100%);--zn-color-neutral-1000:hsl(0,0%,0%);--zn-border-radius:6px;--zn-border-radius-small:2px;--zn-border-radius-circle:50%;--zn-border-radius-pill:9999px;--zn-shadow-x-small:0 1px 4px rgba(0,0,0,0.10);--zn-shadow-small:0 3px 9px rgba(0,0,0,0.15);--zn-shadow-medium:0 6px 18px rgba(0,0,0,0.15);--zn-shadow-large:0 6px 20px rgba(0,0,0,0.15);--zn-shadow-x-large:0 6px 20px rgba(0,0,0,0.25);--zn-container:var(--zn-container-hd);--zn-container-default:100%;--zn-container-sm:360px;--zn-container-smp:480px;--zn-container-ph:600px;--zn-container-md:768px;--zn-container-lg:1100px;--zn-container-hd:1400px;--zn-container-3k:1960px;--zn-container-4k:2560px;--zn-transition-x-slow:1000ms;--zn-transition-slow:500ms;--zn-transition-medium:250ms;--zn-transition-fast:150ms;--zn-transition-x-fast:50ms;--zn-gap:var(--zn-base-gap,var(--zn-spacing-medium,4px));--zn-font-mono:'Roboto Mono',SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;--zn-font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';--zn-font-serif:'Roboto Slab',Georgia,'Times New Roman',serif;--zn-font-size-2x-small:0.625rem;--zn-font-size-x-small:0.75rem;--zn-font-size-small:0.929rem;--zn-font-size-medium:1rem;--zn-font-size-large:1.15rem;--zn-font-size-x-large:1.25rem;--zn-font-size-2x-large:2.25rem;--zn-font-size-3x-large:3rem;--zn-font-size-4x-large:4.5rem;--zn-font-weight-light:300;--zn-font-weight-normal:400;--zn-font-weight-medium:500;--zn-font-weight-semibold:600;--zn-font-weight-bold:700;--zn-letter-spacing-normal:normal;--zn-letter-spacing-loose:0.5px;--zn-line-height-denser:1;--zn-line-height-dense:1.5;--zn-line-height-normal:2;--zn-line-height-loose:2.5;--zn-line-height-looser:3;--zn-focus-ring-color:var(--zn-color-primary-600);--zn-focus-ring-style:solid;--zn-focus-ring-width-x-small:1px;--zn-focus-ring-width:3px;--zn-focus-ring:var(--zn-focus-ring-style) var(--zn-focus-ring-width) var(--zn-focus-ring-color);--zn-focus-ring-offset:1px;--zn-input-height-x-small:24px;--zn-input-height-small:30px;--zn-input-height-medium:36px;--zn-input-height-large:40px;--zn-input-background-color:var(--zn-color-neutral-50);--zn-input-background-color-hover:var(--zn-color-neutral-100);--zn-input-background-color-focus:var(--zn-color-neutral-100);--zn-input-background-color-disabled:var(--zn-color-neutral-400);--zn-input-border-color:var(--zn-color-neutral-300);--zn-input-border-color-hover:var(--zn-color-neutral-400);--zn-input-border-color-focus:var(--zn-color-primary-500);--zn-input-border-color-disabled:var(--zn-color-neutral-300);--zn-input-border-width:1px;--zn-input-required-content:'*';--zn-input-required-content-offset:-2px;--zn-input-required-content-color:var(--zn-input-label-color);--zn-input-border-radius-x-small:var(--zn-border-radius);--zn-input-border-radius-small:var(--zn-border-radius);--zn-input-border-radius-medium:var(--zn-border-radius);--zn-input-border-radius-large:var(--zn-border-radius);--zn-input-font-family:var(--zn-font-sans);--zn-input-font-weight:var(--zn-text-input-content-font-weight);--zn-input-font-size-x-small:var(--zn-font-size-x-small);--zn-input-font-size-small:var(--zn-font-size-small);--zn-input-font-size-medium:var(--zn-text-input-content-font-size);--zn-input-font-size-large:var(--zn-font-size-large);--zn-input-line-height:var(--zn-text-input-content-line-height);--zn-input-letter-spacing:var(--zn-letter-spacing-normal);--zn-input-color:var(--zn-text-input-content-color);--zn-input-color-hover:var(--zn-color-neutral-800);--zn-input-color-focus:var(--zn-color-neutral-700);--zn-input-color-disabled:var(--zn-color-neutral-800);--zn-input-icon-color:var(--zn-color-neutral-500);--zn-input-icon-color-hover:var(--zn-color-neutral-600);--zn-input-icon-color-focus:var(--zn-color-neutral-600);--zn-input-placeholder-color:var(--zn-text-input-placeholder-color);--zn-input-placeholder-color-disabled:var(--zn-color-neutral-600);--zn-input-spacing-small:var(--zn-spacing-small);--zn-input-spacing-medium:var(--zn-spacing-medium);--zn-input-spacing-large:var(--zn-spacing-large);--zn-input-focus-ring-color:hsl(256 91% 59%/40%);--zn-input-focus-ring-offset:0;--zn-input-label-font-size-small:var(--zn-font-size-small);--zn-input-label-font-size-medium:var(--zn-text-input-label-font-size);--zn-input-label-font-size-large:var(--zn-font-size-large);--zn-input-label-font-weight:var(--zn-text-input-label-font-weight);--zn-input-label-line-height:var(--zn-text-input-label-line-height);--zn-input-label-color:var(--zn-text-input-label-color);--zn-input-help-text-font-size-small:var(--zn-font-size-x-small);--zn-input-help-text-font-size-medium:var(--zn-font-size-small);--zn-input-help-text-font-size-large:var(--zn-font-size-medium);--zn-input-help-text-color:var(--zn-color-neutral-500);--zn-toggle-size-small:0.875rem;--zn-toggle-size-medium:1.125rem;--zn-toggle-size-large:1.375rem;--zn-overlay-background-color:hsl(none 0% 0%/0.7);--zn-panel-background-color:var(--zn-color-neutral-0);--zn-panel-border-color:var(--zn-color-neutral-200);--zn-panel-border-width:1px;--zn-tooltip-border-radius:var(--zn-border-radius);--zn-tooltip-background-color:var(--zn-color-neutral-900);--zn-tooltip-color:var(--zn-color-neutral-0);--zn-tooltip-font-family:var(--zn-font-sans);--zn-tooltip-font-weight:var(--zn-font-weight-normal);--zn-tooltip-font-size:var(--zn-font-size-small);--zn-tooltip-line-height:var(--zn-line-height-dense);--zn-tooltip-padding:var(--zn-spacing-x-small) var(--zn-spacing-small);--zn-tooltip-arrow-size:6px;--zn-z-index-page-nav:500;--zn-z-index-drawer:700;--zn-z-index-dialog:800;--zn-z-index-dropdown:900;--zn-z-index-toast:950;--zn-z-index-tooltip:1000;--zn-z-index-editor-action:1000000;--zn-table-header-background-color:252,251,254}[t=dark],.theme-dark{color-scheme:dark;--zn-color-gray-50:hsl(258,15%,23%);--zn-color-gray-100:hsl(262,12%,35%);--zn-color-gray-200:hsl(259,13%,42%);--zn-color-gray-300:hsl(259,13%,54%);--zn-color-gray-400:hsl(258,15%,58%);--zn-color-gray-500:hsl(254,17%,66%);--zn-color-gray-600:hsl(251,17%,76%);--zn-color-gray-700:hsl(260,21%,89%);--zn-color-gray-800:hsl(255,12%,94%);--zn-color-gray-900:hsl(240,13%,95%);--zn-color-gray-950:hsl(255,33%,98%);--zn-color-red-50:hsl(0 56% 23.9%);--zn-color-red-100:hsl(0.6 60% 33.9%);--zn-color-red-200:hsl(0.9 67.2% 37.1%);--zn-color-red-300:hsl(1.1 71.3% 43.7%);--zn-color-red-400:hsl(1 76% 52.5%);--zn-color-red-500:hsl(0.7 89.6% 57.2%);--zn-color-red-600:hsl(0 98.6% 67.9%);--zn-color-red-700:hsl(0 100% 72.3%);--zn-color-red-800:hsl(0 100% 85.6%);--zn-color-red-900:hsl(0 100% 90.3%);--zn-color-red-950:hsl(0 100% 95.9%);--zn-color-orange-50:hsl(15 64.2% 23.3%);--zn-color-orange-100:hsl(15.1 70.9% 31.1%);--zn-color-orange-200:hsl(15.3 75.7% 35.5%);--zn-color-orange-300:hsl(17.1 83.5% 42.7%);--zn-color-orange-400:hsl(20.1 88% 50.8%);--zn-color-orange-500:hsl(24.3 100% 50.5%);--zn-color-orange-600:hsl(27.2 100% 57.7%);--zn-color-orange-700:hsl(31.3 100% 68.7%);--zn-color-orange-800:hsl(33.8 100% 79.3%);--zn-color-orange-900:hsl(38.9 100% 87.7%);--zn-color-orange-950:hsl(46.2 100% 95%);--zn-color-amber-50:hsl(21.9 66.3% 21.1%);--zn-color-amber-100:hsl(21.5 73.6% 29.7%);--zn-color-amber-200:hsl(22.3 77.6% 33.3%);--zn-color-amber-300:hsl(25.4 84.2% 39.6%);--zn-color-amber-400:hsl(31.4 87.4% 46.7%);--zn-color-amber-500:hsl(37 96.6% 48.3%);--zn-color-amber-600:hsl(43.3 100% 53.4%);--zn-color-amber-700:hsl(46.5 100% 61.1%);--zn-color-amber-800:hsl(49.3 100% 73%);--zn-color-amber-900:hsl(51.8 100% 85%);--zn-color-amber-950:hsl(60 100% 94.6%);--zn-color-yellow-50:hsl(34,86%,14%);--zn-color-yellow-100:hsl(36,74%,26%);--zn-color-yellow-200:hsl(40,82%,29%);--zn-color-yellow-300:hsl(43,94%,33%);--zn-color-yellow-400:hsl(48,98%,40%);--zn-color-yellow-500:hsl(53,95%,47%);--zn-color-yellow-600:hsl(51,100%,53%);--zn-color-yellow-700:hsl(54,100%,63%);--zn-color-yellow-800:hsl(61,100%,77%);--zn-color-yellow-900:hsl(63,100%,88%);--zn-color-yellow-950:hsl(63,92%,95%);--zn-color-lime-50:hsl(86.5 54.4% 18%);--zn-color-lime-100:hsl(87.6 56.8% 23.3%);--zn-color-lime-200:hsl(85.8 63.2% 24.5%);--zn-color-lime-300:hsl(86.1 72% 29.4%);--zn-color-lime-400:hsl(85.5 76.8% 37.3%);--zn-color-lime-500:hsl(84.3 74.2% 42.1%);--zn-color-lime-600:hsl(82.8 81.5% 52.6%);--zn-color-lime-700:hsl(82 89.9% 64%);--zn-color-lime-800:hsl(80.9 97.9% 76.6%);--zn-color-lime-900:hsl(77.9 100% 85.8%);--zn-color-lime-950:hsl(69.5 100% 93.8%);--zn-color-green-50:hsl(144.3 53.6% 16%);--zn-color-green-100:hsl(143.2 55.4% 23.5%);--zn-color-green-200:hsl(141.5 58.2% 26.3%);--zn-color-green-300:hsl(140.8 64.2% 31.8%);--zn-color-green-400:hsl(140.3 68% 39.2%);--zn-color-green-500:hsl(141.1 64.9% 43%);--zn-color-green-600:hsl(141.6 72.4% 55.2%);--zn-color-green-700:hsl(141.7 82.7% 70.1%);--zn-color-green-800:hsl(141 90.9% 82.1%);--zn-color-green-900:hsl(142 100% 89.1%);--zn-color-green-950:hsl(144 100% 95.5%);--zn-color-emerald-50:hsl(164.3 75% 13.5%);--zn-color-emerald-100:hsl(163.5 72.6% 20.1%);--zn-color-emerald-200:hsl(162.1 73.7% 22.4%);--zn-color-emerald-300:hsl(161.3 77.3% 27.6%);--zn-color-emerald-400:hsl(159.6 77.1% 34.3%);--zn-color-emerald-500:hsl(159.1 73.5% 37.9%);--zn-color-emerald-600:hsl(157.8 66.8% 48.9%);--zn-color-emerald-700:hsl(156.2 76.1% 63.8%);--zn-color-emerald-800:hsl(152.4 84.4% 77.4%);--zn-color-emerald-900:hsl(149.3 100% 87%);--zn-color-emerald-950:hsl(158.6 100% 94.8%);--zn-color-teal-50:hsl(176.5 51.5% 15.4%);--zn-color-teal-100:hsl(175.9 54.7% 22.3%);--zn-color-teal-200:hsl(175.9 60.7% 23.9%);--zn-color-teal-300:hsl(174.5 67.3% 28.8%);--zn-color-teal-400:hsl(174.4 71.9% 34.9%);--zn-color-teal-500:hsl(173.1 71% 38.3%);--zn-color-teal-600:hsl(172.3 68.2% 48.1%);--zn-color-teal-700:hsl(170.5 81.3% 61.5%);--zn-color-teal-800:hsl(168.4 92.1% 75.2%);--zn-color-teal-900:hsl(168.3 100% 86%);--zn-color-teal-950:hsl(180 100% 95.5%);--zn-color-cyan-50:hsl(197.1 53.8% 20.3%);--zn-color-cyan-100:hsl(196.8 57.3% 27.2%);--zn-color-cyan-200:hsl(195.3 62.7% 29.4%);--zn-color-cyan-300:hsl(193.5 71.3% 34.1%);--zn-color-cyan-400:hsl(192.5 76.8% 40.6%);--zn-color-cyan-500:hsl(189.4 78.6% 42.6%);--zn-color-cyan-600:hsl(188.2 89.1% 51.7%);--zn-color-cyan-700:hsl(187 98.6% 66.2%);--zn-color-cyan-800:hsl(184.9 100% 78.3%);--zn-color-cyan-900:hsl(180 100% 86.6%);--zn-color-cyan-950:hsl(180 100% 94.8%);--zn-color-sky-50:hsl(203 63.8% 20.9%);--zn-color-sky-100:hsl(203.4 70.4% 28%);--zn-color-sky-200:hsl(202.7 75.8% 30.8%);--zn-color-sky-300:hsl(203.1 80.4% 36.1%);--zn-color-sky-400:hsl(202.1 80.5% 44.3%);--zn-color-sky-500:hsl(199.7 85.9% 47.7%);--zn-color-sky-600:hsl(198.7 97.9% 57.2%);--zn-color-sky-700:hsl(198.7 100% 70.5%);--zn-color-sky-800:hsl(198.8 100% 82.5%);--zn-color-sky-900:hsl(198.5 100% 89.9%);--zn-color-sky-950:hsl(186 100% 95.5%);--zn-color-blue-50:hsl(227.1 49.5% 22.7%);--zn-color-blue-100:hsl(225.8 58.9% 36.8%);--zn-color-blue-200:hsl(227.7 64.4% 42.9%);--zn-color-blue-300:hsl(226.1 72.7% 51.2%);--zn-color-blue-400:hsl(222.6 86.5% 56.3%);--zn-color-blue-500:hsl(217.8 95.8% 57.4%);--zn-color-blue-600:hsl(213.3 100% 65%);--zn-color-blue-700:hsl(210.9 100% 74.8%);--zn-color-blue-800:hsl(211.5 100% 83.4%);--zn-color-blue-900:hsl(211 100% 88.9%);--zn-color-blue-950:hsl(201.8 100% 95.3%);--zn-color-indigo-50:hsl(243.5 40.8% 27%);--zn-color-indigo-100:hsl(242.9 45.7% 37.6%);--zn-color-indigo-200:hsl(244.7 52.7% 43.1%);--zn-color-indigo-300:hsl(245.3 60.5% 52.4%);--zn-color-indigo-400:hsl(244.1 79.2% 60.4%);--zn-color-indigo-500:hsl(239.6 88.7% 63.8%);--zn-color-indigo-600:hsl(234.5 96.7% 70.9%);--zn-color-indigo-700:hsl(229.4 100% 78.3%);--zn-color-indigo-800:hsl(227.1 100% 85%);--zn-color-indigo-900:hsl(223.8 100% 89.9%);--zn-color-indigo-950:hsl(220 100% 95.1%);--zn-color-violet-50:hsl(265.1 57.3% 25.4%);--zn-color-violet-100:hsl(263.5 63.8% 39.4%);--zn-color-violet-200:hsl(263.4 66.2% 44.1%);--zn-color-violet-300:hsl(263.7 72.8% 52.4%);--zn-color-violet-400:hsl(262.5 87.3% 59.8%);--zn-color-violet-500:hsl(258.3 95.1% 63.2%);--zn-color-violet-600:hsl(255.1 100% 67.2%);--zn-color-violet-700:hsl(253 100% 81.5%);--zn-color-violet-800:hsl(251.7 100% 87.9%);--zn-color-violet-900:hsl(254.1 100% 91.7%);--zn-color-violet-950:hsl(257.1 100% 96.1%);--zn-color-purple-50:hsl(255,79%,23%);--zn-color-purple-100:hsl(257,73%,35%);--zn-color-purple-200:hsl(257,76%,42%);--zn-color-purple-300:hsl(257,76%,50%);--zn-color-purple-400:hsl(256,91%,59%);--zn-color-purple-500:hsl(252,98%,66%);--zn-color-purple-600:hsl(249,100%,76%);--zn-color-purple-700:hsl(246,100%,85%);--zn-color-purple-800:hsl(244,100%,92%);--zn-color-purple-900:hsl(245,100%,95%);--zn-color-purple-950:hsl(249,100%,97%);--zn-color-fuchsia-50:hsl(297.1 51.2% 18.6%);--zn-color-fuchsia-100:hsl(296.7 59.5% 31.5%);--zn-color-fuchsia-200:hsl(295.4 65.4% 35.1%);--zn-color-fuchsia-300:hsl(294.6 67.4% 42.2%);--zn-color-fuchsia-400:hsl(293.3 68.7% 51.2%);--zn-color-fuchsia-500:hsl(292.1 88.4% 57.7%);--zn-color-fuchsia-600:hsl(292 98.5% 59.5%);--zn-color-fuchsia-700:hsl(292.4 100% 79.5%);--zn-color-fuchsia-800:hsl(292.9 100% 86.8%);--zn-color-fuchsia-900:hsl(300 100% 91.5%);--zn-color-fuchsia-950:hsl(300 100% 96.3%);--zn-color-pink-50:hsl(336.2 59.6% 20%);--zn-color-pink-100:hsl(336.8 63.9% 34%);--zn-color-pink-200:hsl(336.8 68.7% 37.6%);--zn-color-pink-300:hsl(336.1 71.8% 44.5%);--zn-color-pink-400:hsl(333.9 74.9% 53.1%);--zn-color-pink-500:hsl(330.7 86.3% 57.7%);--zn-color-pink-600:hsl(328.6 91.5% 67.2%);--zn-color-pink-700:hsl(327.4 97.6% 78.7%);--zn-color-pink-800:hsl(325.1 100% 86.6%);--zn-color-pink-900:hsl(322.1 100% 91.3%);--zn-color-pink-950:hsl(315 100% 95.9%);--zn-color-rose-50:hsl(342.3 62.9% 21.5%);--zn-color-rose-100:hsl(342.8 68.9% 34.2%);--zn-color-rose-200:hsl(344.8 72.6% 37.3%);--zn-color-rose-300:hsl(346.9 75.8% 43.7%);--zn-color-rose-400:hsl(348.2 80.1% 52.7%);--zn-color-rose-500:hsl(350.4 94.8% 57.5%);--zn-color-rose-600:hsl(351.2 100% 58.1%);--zn-color-rose-700:hsl(352.3 100% 78.1%);--zn-color-rose-800:hsl(352 100% 86.2%);--zn-color-rose-900:hsl(354.5 100% 90.7%);--zn-color-rose-950:hsl(353.3 100% 95.7%);--zn-color-neutral-0:hsl(0,0%,0%);--zn-color-neutral-1000:hsl(0,0%,100%);--zn-shadow-x-small:0 1px 4px rgba(0,0,0,0.18);--zn-shadow-small:0 3px 9px rgba(0,0,0,0.24);--zn-shadow-medium:0 6px 18px rgba(0,0,0,0.24);--zn-shadow-large:0 6px 20px rgba(0,0,0,0.24);--zn-shadow-x-large:0 6px 20px rgba(0,0,0,0.34);--zn-input-background-color:rgb(var(--zn-color-body));--zn-input-background-color-hover:rgb(var(--zn-color-body));--zn-input-background-color-focus:hsl(252,15%,13%);--zn-input-background-color-disabled:hsl(280,6%,9%);--zn-input-border-color:rgb(var(--zn-color-border));--zn-input-border-color-hover:rgb(var(--zn-color-border-active));--zn-input-border-color-focus:var(--zn-color-primary-500);--zn-input-border-color-disabled:hsl(280,6%,9%);--zn-focus-ring-color:var(--zn-color-primary-700);--zn-overlay-background-color:hsl(0 0% 0%/43%);--zn-panel-background-color:rgb(var(--zn-panel));--zn-tooltip-background-color:var(--zn-color-neutral-800);--zn-table-header-background-color:27,27,30}:root{--zn-spacing-unit:8px;--zn-spacing-3x-small:2px;--zn-spacing-2x-small:4px;--zn-spacing-x-small:8px;--zn-spacing-small:16px;--zn-spacing-medium:24px;--zn-spacing-large:32px;--zn-spacing-x-large:40px;--zn-spacing-2x-large:48px;--zn-spacing-3x-large:56px;--zn-spacing-4x-large:72px;--zn-spacing-narrow-bar:45px;--zn-spacing-bar:60px;--zn-spacing-tile:80px;--zn-spacing-sidenav:320px;--zn-spacing-small-panel:200px;--zn-spacing-medium-panel:320px;--zn-spacing-panel:360px;--zn-spacing-lside:460px}:root{--zn-text-color:rgb(var(--zn-color-text));--zn-text-color-muted:rgb(var(--zn-color-muted-text));--zn-text-paragraph-font-size:14px;--zn-text-paragraph-line-height:21px;--zn-text-paragraph-spacing:21px;--zn-text-paragraph-font-weight:var(--zn-font-weight-normal);--zn-text-paragraph-color:var(--zn-text-color);--zn-text-paragraph-transform:none;--zn-text-table-content-font-size:14px;--zn-text-table-content-line-height:16px;--zn-text-table-content-spacing:15px;--zn-text-table-content-font-weight:var(--zn-font-weight-normal);--zn-text-table-content-color:var(--zn-text-color);--zn-text-table-content-transform:none;--zn-text-chat-font-size:16px;--zn-text-chat-line-height:24px;--zn-text-chat-spacing:15px;--zn-text-chat-font-weight:var(--zn-font-weight-normal);--zn-text-chat-color:var(--zn-text-color);--zn-text-chat-transform:none;--zn-text-h1-font-size:16px;--zn-text-h1-line-height:16px;--zn-text-h1-spacing:18px;--zn-text-h1-font-weight:var(--zn-font-weight-semibold);--zn-text-h1-color:var(--zn-text-color);--zn-text-h1-transform:none;--zn-text-h2-font-size:14px;--zn-text-h2-line-height:16px;--zn-text-h2-spacing:15px;--zn-text-h2-font-weight:var(--zn-font-weight-semibold);--zn-text-h2-color:var(--zn-text-color);--zn-text-h2-transform:none;--zn-text-h3-font-size:11px;--zn-text-h3-line-height:16px;--zn-text-h3-spacing:15px;--zn-text-h3-font-weight:var(--zn-font-weight-semibold);--zn-text-h3-color:var(--zn-text-color);--zn-text-h3-transform:none;--zn-text-heading-section-font-size:14px;--zn-text-heading-section-line-height:16px;--zn-text-heading-section-spacing:15px;--zn-text-heading-section-font-weight:var(--zn-font-weight-semibold);--zn-text-heading-section-color:var(--zn-text-color);--zn-text-heading-section-transform:none;--zn-text-subheading-font-size:14px;--zn-text-subheading-line-height:16px;--zn-text-subheading-spacing:15px;--zn-text-subheading-font-weight:var(--zn-font-weight-normal);--zn-text-subheading-color:var(--zn-text-color-muted);--zn-text-subheading-transform:none;--zn-text-subheading-small-font-size:13px;--zn-text-subheading-small-line-height:16px;--zn-text-subheading-small-spacing:15px;--zn-text-subheading-small-font-weight:var(--zn-font-weight-normal);--zn-text-subheading-small-color:var(--zn-text-color-muted);--zn-text-subheading-small-transform:none;--zn-text-input-placeholder-font-size:14px;--zn-text-input-placeholder-line-height:24px;--zn-text-input-placeholder-spacing:18px;--zn-text-input-placeholder-font-weight:var(--zn-font-weight-normal);--zn-text-input-placeholder-color:var(--zn-text-color-muted);--zn-text-input-placeholder-transform:none;--zn-text-input-content-font-size:14px;--zn-text-input-content-line-height:24px;--zn-text-input-content-spacing:18px;--zn-text-input-content-font-weight:var(--zn-font-weight-normal);--zn-text-input-content-color:var(--zn-text-color);--zn-text-input-content-transform:none;--zn-text-input-label-font-size:14px;--zn-text-input-label-line-height:16px;--zn-text-input-label-spacing:15px;--zn-text-input-label-font-weight:var(--zn-font-weight-semibold);--zn-text-input-label-color:var(--zn-text-color);--zn-text-input-label-transform:none;--zn-text-chart-minor-font-size:14px;--zn-text-chart-minor-line-height:16px;--zn-text-chart-minor-spacing:15px;--zn-text-chart-minor-font-weight:var(--zn-font-weight-semibold);--zn-text-chart-minor-color:var(--zn-text-color-muted);--zn-text-chart-minor-transform:none;--zn-text-chart-major-font-size:21px;--zn-text-chart-major-line-height:24px;--zn-text-chart-major-spacing:18px;--zn-text-chart-major-font-weight:var(--zn-font-weight-normal);--zn-text-chart-major-color:var(--zn-text-color);--zn-text-chart-major-transform:none;--zn-text-button-label-font-size:13px;--zn-text-button-label-line-height:16px;--zn-text-button-label-spacing:18px;--zn-text-button-label-font-weight:var(--zn-font-weight-semibold);--zn-text-button-label-color:var(--zn-text-color);--zn-text-button-label-transform:uppercase;--zn-text-chip-font-size:10px;--zn-text-chip-line-height:16px;--zn-text-chip-spacing:15px;--zn-text-chip-font-weight:var(--zn-font-weight-semibold);--zn-text-chip-color:var(--zn-text-color);--zn-text-chip-transform:uppercase;--zn-text-navbar-link-font-size:16px;--zn-text-navbar-link-line-height:16px;--zn-text-navbar-link-spacing:18px;--zn-text-navbar-link-font-weight:var(--zn-font-weight-semibold);--zn-text-navbar-link-color:var(--zn-text-color-muted);--zn-text-navbar-link-transform:none;--zn-text-tab-link-font-size:14px;--zn-text-tab-link-line-height:16px;--zn-text-tab-link-spacing:15px;--zn-text-tab-link-font-weight:var(--zn-font-weight-semibold);--zn-text-tab-link-color:var(--zn-text-color-muted);--zn-text-tab-link-transform:none;--zn-text-tab-link-active-font-size:14px;--zn-text-tab-link-active-line-height:16px;--zn-text-tab-link-active-spacing:15px;--zn-text-tab-link-active-font-weight:var(--zn-font-weight-semibold);--zn-text-tab-link-active-color:var(--zn-text-color);--zn-text-tab-link-active-transform:none;--zn-text-menu-link-font-size:14px;--zn-text-menu-link-line-height:16px;--zn-text-menu-link-spacing:15px;--zn-text-menu-link-font-weight:var(--zn-font-weight-normal);--zn-text-menu-link-color:var(--zn-text-color-muted);--zn-text-menu-link-transform:none;--zn-text-notification-font-size:9px;--zn-text-notification-line-height:11px;--zn-text-notification-spacing:0;--zn-text-notification-font-weight:var(--zn-font-weight-semibold);--zn-text-notification-color:#fff;--zn-text-notification-transform:none}@supports (scrollbar-gutter:stable){.zn-scroll-lock{scrollbar-gutter:stable !important;overflow:hidden !important}}@supports not (scrollbar-gutter:stable){.zn-scroll-lock{padding-right:var(--zn-scroll-lock-size) !important;overflow:hidden !important}}.zn-toast-stack{position:fixed;bottom:0;inset-inline-end:0;z-index:var(--zn-z-index-toast);width:28rem;max-width:100%;max-height:100%;overflow:auto}.zn-toast-stack zn-alert{margin:var(--zn-spacing-medium)}.zn-toast-stack zn-alert::part(base){box-shadow:var(--zn-shadow-large)}@media screen and (min-width:768px){.zn-toast-stack zn-alert{margin:var(--zn-spacing-large)}}.zn-gutter{margin:0 var(--zn-gutter)}.zn-gap{gap:var(--zn-gap,0);padding:var(--zn-base-gap,0);display:flex;flex-wrap:wrap}.zn-gap-in{gap:var(--zn-gap,0);display:flex;flex-wrap:wrap}.zn-gap-in-sm{--zn-gap:var(--zn-spacing-small,0);gap:var(--zn-gap,0)}.zn-gap-md{gap:24px}.zn-gap-inner{gap:var(--zn-gap,0)}.zn-gap-ism{gap:var(--zn-gap,0);--zn-gap:16px}.zn-gap-ixs{gap:var(--zn-gap,0);--zn-gap:8px}.zn-max-hide{max-height:100%;overflow:hidden}.zn-hide-empty:empty{display:none}.zn-nopoint{pointer-events:none}.form-spacing{display:grid;grid-template-columns:1fr;gap:var(--zn-spacing-medium) var(--zn-spacing-small)}@media (min-width:768px){.form-spacing{grid-template-columns:repeat(6,1fr)}}.form-spacing~.form-spacing{margin-top:var(--zn-base-gap)}zn-form-group~zn-form-group{margin-top:var(--zn-base-gap);padding-top:var(--zn-base-gap);border-top:1px solid rgb(var(--zn-border-color))}.form-spacing>*{grid-column:span 6/span 6}@media (min-width:768px){.form-spacing>*[span="1"]{grid-column:span 1/span 1}}@media (min-width:768px){.form-spacing>*[span="2"]{grid-column:span 2/span 2}}@media (min-width:768px){.form-spacing>*[span="3"]{grid-column:span 3/span 3}}@media (min-width:768px){.form-spacing>*[span="4"]{grid-column:span 4/span 4}}@media (min-width:768px){.form-spacing>*[span="5"]{grid-column:span 5/span 5}}:root{--zn-base-px:8px;--zn-base-gap:calc(var(--zn-base-px) * 2);--zn-gutter:2px;--zn-default-margin:0 auto 0 0;--zn-icon-size:20px;--zn-button-gutter:2px;--zn-font-family-sans:'Inter',sans-serif;--zn-font-family-serif:'Roboto Slab',serif;--zn-font-family-mono:'Roboto Mono',monospace}:root,[t=light],.theme-light{--zn-backdrop-color:rgba(0,0,0,0.5);--zn-color-text:33,33,33;--zn-color-muted-text:125,119,146;--zn-color-base:255,255,255;--zn-color-body:248,247,252;--zn-color-navigation:var(--zn-color-base);--zn-color-navigation-hightlight:248,249,252;--zn-color-border:219,217,236;--zn-color-border-active:209,207,226;--zn-color-tab:236,235,249;--zn-color-panel:255,255,255;--zn-color-primary:105,54,245;--zn-color-info:53,104,195;--zn-color-success:98,177,121;--zn-color-warning:241,168,80;--zn-color-error:236,68,91;--zn-color-disabled:181,181,181}[t=dark],.theme-dark{--zn-backdrop-color:rgba(0,0,0,0.85);--zn-color-text:215,215,215;--zn-color-muted-text:145,145,145;--zn-color-base:0,0,0;--zn-color-body:23,23,23;--zn-color-navigation:var(--zn-color-base);--zn-color-navigation-hightlight:10,10,10;--zn-color-border:38,38,38;--zn-color-border-active:80,80,80;--zn-color-tab:5,5,5;--zn-color-panel:30,30,30;--zn-color-primary:105,54,245;--zn-color-info:53,104,195;--zn-color-success:98,177,121;--zn-color-warning:241,168,80;--zn-color-error:236,68,91;--zn-color-disabled:181,181,181}@media (min-width:1200px){:root{--zn-base-gap:calc(var(--zn-base-px) * 3)}}@media (min-width:2500px){:root{--zn-default-margin:0 auto}}:root{--zn-primary:var(--zn-color-primary);--zn-red:237,84,109;--zn-blue:100,117,242;--zn-green:43,192,145;--zn-orange:255,136,0;--zn-yellow:255,193,7;--zn-indigo:63,81,181;--zn-violet:156,39,176;--zn-pink:255,108,156;--zn-grey:158,158,158;--zn-accent:71,214,214;--zn-size-bar:60px;--zn-size-tile:80px;--zn-size-sidenav:320px;--zn-size-spanel:170px;--zn-size-mpanel:320px;--zn-size-panel:360px;--zn-size-lside:460px;--zn-bg-opacity:1;--zn-text-opacity:1;--base:255,255,255;--inverse-base:0,0,0}.zn-mono{font-family:var(--zn-font-family-mono,"monospace")}:root,[t=light],.theme-light,[t=dark],.theme-dark{--zn-body:var(--zn-color-body);--zn-text:var(--zn-color-text);--zn-text-heading:var(--zn-color-text);--zn-text-page-title:var(--zn-color-text);--zn-text-panel-title:var(--zn-color-text);--zn-panel:var(--zn-color-panel);--zn-border-color:var(--zn-color-border);--zn-input-bg:var(--zn-color-body)}[t=light],.theme-light{--zn-panel-opacity:1;--zn-shadow:236,235,249;--zn-panel-secondary:246 246 246;--zn-panel-highlight:248,249,252;--zn-panel-highlight-opacity:1;--zn-input-bg-accent:237,235,245;--zn-bright-bg:255,255,255;--zn-light-text:123,112,151;--zn-dark-text:56,39,104;--zn-purple-text:104,54,245}[t=light] .zn-primary,.theme-light .zn-primary{color:rgb(var(--zn-color-primary))}[t=dark],.theme-dark{--zn-shadow:10,10,10;--zn-panel-secondary:27,27,30;--zn-panel-opacity:1;--zn-panel-highlight:25,27,32;--zn-panel-highlight-opacity:0.1;--zn-input-bg-accent:72,84,102;--zn-bright-bg:225,225,225;--zn-light-text:173,163,192;--zn-dark-text:201,201,201;--zn-purple-text:129,140,249;--zn-accent:15,165,234;--zn-primary:137,103,239;--base:0,0,0;--inverse-base:255,255,255}[t=dark] .zn-primary,.theme-dark .zn-primary{color:#8967ef !important}.ml-px{margin-left:2px}.mr-px{margin-right:2px}.mt-px{margin-top:2px}.mb-px{margin-bottom:2px}.mx-px{margin-left:2px;margin-right:2px}.my-px{margin-top:2px;margin-bottom:2px}.m-px{margin:2px}.ml-xxs{margin-left:4px}.mr-xxs{margin-right:4px}.mt-xxs{margin-top:4px}.mb-xxs{margin-bottom:4px}.mx-xxs{margin-left:4px;margin-right:4px}.my-xxs{margin-top:4px;margin-bottom:4px}.m-xxs{margin:4px}.ml-xs{margin-left:8px}.mr-xs{margin-right:8px}.mt-xs{margin-top:8px}.mb-xs{margin-bottom:8px}.mx-xs{margin-left:8px;margin-right:8px}.my-xs{margin-top:8px;margin-bottom:8px}.m-xs{margin:8px}.ml-sm{margin-left:16px}.mr-sm{margin-right:16px}.mt-sm{margin-top:16px}.mb-sm{margin-bottom:16px}.mx-sm{margin-left:16px;margin-right:16px}.my-sm{margin-top:16px;margin-bottom:16px}.m-sm{margin:16px}.ml-md{margin-left:24px}.mr-md{margin-right:24px}.mt-md{margin-top:24px}.mb-md{margin-bottom:24px}.mx-md{margin-left:24px;margin-right:24px}.my-md{margin-top:24px;margin-bottom:24px}.m-md{margin:24px}.ml-lg{margin-left:32px}.mr-lg{margin-right:32px}.mt-lg{margin-top:32px}.mb-lg{margin-bottom:32px}.mx-lg{margin-left:32px;margin-right:32px}.my-lg{margin-top:32px;margin-bottom:32px}.m-lg{margin:32px}.ml-xl{margin-left:40px}.mr-xl{margin-right:40px}.mt-xl{margin-top:40px}.mb-xl{margin-bottom:40px}.mx-xl{margin-left:40px;margin-right:40px}.my-xl{margin-top:40px;margin-bottom:40px}.m-xl{margin:40px}.zn-red{color:rgb(var(--zn-red))}.zn-blue{color:rgb(var(--zn-blue))}.zn-green{color:rgb(var(--zn-green))}.zn-orange{color:rgb(var(--zn-orange))}.zn-yellow{color:rgb(var(--zn-yellow))}.zn-indigo{color:rgb(var(--zn-indigo))}.zn-violet{color:rgb(var(--zn-violet))}.zn-pink{color:rgb(var(--zn-pink))}.zn-grey{color:rgb(var(--zn-grey))}.zn-primary{color:rgb(var(--zn-primary))}.zn-accent{color:rgb(var(--zn-accent))}.zn-info{color:rgb(var(--zn-color-info))}.zn-warning{color:rgb(var(--zn-color-warning))}.zn-error{color:rgb(var(--zn-color-error))}.zn-success{color:rgb(var(--zn-color-success))}ul.gap li{margin:5px 0}ul.circle,ul.decimal,ul.disc,ul.square{padding:5px 0 5px 15px}ul.circle{list-style-type:circle}ul.decimal{list-style-type:decimal}ul.disc{list-style-type:disc}ul.square{list-style-type:square}:host,html,body{color:rgba(var(--zn-text),var(--zn-text-opacity));font-family:var(--zn-font-family-sans);font-feature-settings:normal;font-variation-settings:normal;font-size:var(--zn-text-paragraph-font-size);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tab-size:4;-o-tab-size:4;tab-size:4;margin:0}html,body{background-color:rgba(var(--zn-body),var(--zn-bg-opacity));container-type:size;min-height:100%;height:100%}.inline-container{container-type:inline-size}.app-container{container-type:inline-size;display:flex;flex:1;flex-direction:column;position:relative;max-height:100%;height:100%;width:100%;max-width:100%}.inline-app-container,.app-container.inline-app-container,[inline-container] .app-container{display:block;height:auto;flex:unset}hr{height:0;border:none;border-top:1px solid rgb(var(--zn-border-color))}code,kbd,samp,pre,.mono{font-family:var(--zn-font-family-mono);font-size:1em}small{font-size:80%}.hidden{display:none !important}.visibility-hidden{visibility:hidden}p{font-size:var(--zn-text-paragraph-font-size);line-height:var(--zn-text-paragraph-line-height);font-weight:var(--zn-text-paragraph-font-weight)}h1,h2,h3,h4,h5,h6{color:rgb(var(--zn-text-heading))}h1{font-size:var(--zn-text-h1-font-size);line-height:var(--zn-text-h1-line-height);font-weight:var(--zn-text-h1-font-weight)}h2{font-size:var(--zn-text-h2-font-size);line-height:var(--zn-text-h2-line-height);font-weight:var(--zn-text-h2-font-weight)}h3,h4,h5,h6{font-size:var(--zn-text-h3-font-size);line-height:var(--zn-text-h3-line-height);font-weight:var(--zn-text-h3-font-weight)}kbd{font-family:monospace;background-color:#eee;color:#333;border:1px solid rgb(var(--zn-border-color));border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,0.2),0 1px 0 0 rgba(255,255,255,0.5) inset;display:inline-block;font-size:13px;line-height:20px;padding:1px 6px;white-space:nowrap;min-width:15px;color:rgba(0,0,0,0.5)}[t=dark] kbd{background-color:rgb(25,25,25);box-shadow:0 1px 1px rgba(0,0,0,0.2),0 1px 0 0 rgba(110,110,110,0.5) inset;color:#eee}[tab]{cursor:pointer}.zn-link:hover{--zn-text:rgb(var(--zn-primary));--icon-color:rgb(var(--zn-primary));--zn-text-heading:rgb(var(--zn-primary));--property-color:rgb(var(--zn-primary));opacity:1}.grow{flex-grow:1}.no-grow{flex-grow:0}.shrink{flex-shrink:1}.no-shrink{flex-shrink:0}.block{display:block}.flex{display:flex}.flex-wrap{display:flex;flex-wrap:wrap}.flex-col{display:flex;flex-direction:column}.flex-mid{display:flex;align-items:center}.flex-jc{justify-content:center}.flex-between{display:flex;justify-content:space-between}.flex-end{display:flex;justify-content:flex-end}.flex-bottom{display:flex;align-items:flex-end}.equal{flex-basis:50%}.m-auto{margin:auto}.mt-auto{margin-top:auto}.zn-pad{padding:var(--zn-base-gap,0)}.zn-pad-y,.zn-py{padding-top:16px;padding-bottom:16px}.zn-pad-x,.zn-px{padding-left:16px;padding-right:16px}.zn-pr{padding-right:16px}.zn-pl{padding-left:16px}.zn-pt{padding-top:16px}.zn-pb{padding-bottom:16px}.zn-margin{margin:16px}.zn-mx{margin-left:16px;margin-right:16px}.zn-my{margin-top:16px;margin-bottom:16px}.zn-mt{margin-top:16px}.zn-mb{margin-bottom:16px}.zn-ml{margin-left:16px}.zn-mr{margin-right:16px}.zn-mxa{margin-left:auto;margin-right:auto}.zn-mya{margin-top:auto;margin-bottom:auto}.zn-mta{margin-top:auto}.zn-mba{margin-bottom:auto}.zn-mla{margin-left:auto}.zn-mra{margin-right:auto}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}@keyframes act-vanish{from{transform:scale(1);opacity:1;max-height:100%}to{transform:scale(0.8);opacity:0;max-height:0}}.act-vanish{animation:ease-in act-vanish 600ms forwards;transform-origin:top center;background-color:rgba(var(--zn-color-error),0.3);display:block;overflow:hidden}.h-full{height:100%}.w-full{width:100%}.zn-panel-bg{--zn-page-surface-background:var(--zn-panel);background-color:rgba(var(--zn-panel),var(--zn-panel-opacity))}.zn-panel{background-color:rgba(var(--zn-panel),var(--zn-panel-opacity));border:1px solid rgb(var(--zn-border-color));border-radius:var(--zn-border-radius);--zn-page-surface-background:var(--zn-panel)}.zn-container{display:flex;flex-direction:column;flex-grow:1;max-height:100%;overflow:hidden}.tar{text-align:right}.tal{text-align:left}.tac{text-align:center}.zn-empty-hide:empty{display:none}.ml-auto{margin-left:auto}.zn-b-dash{border-style:dashed}.zn-b-dotted{border-style:dotted}.zn-border{border-style:solid;border-width:1px !important}.zn-bt{border-top-style:solid;border-top-width:1px !important}.zn-bb{border-bottom-style:solid;border-bottom-width:1px !important}.zn-bl{border-left-style:solid;border-left-width:1px !important}.zn-br{border-right-style:solid;border-right-width:1px !important}.unifi-action{display:flex;gap:10px;padding:10px 0;align-items:center}.zn-panel-bar{border-bottom:1px solid rgb(var(--zn-border-color));background-color:rgba(var(--zn-panel),0.9);padding:var(--zn-base-px);gap:var(--zn-base-px);display:flex;flex-wrap:wrap;align-items:center;z-index:1}.zn-panel-bar--pill{border-radius:var(--zn-border-radius);border:1px solid rgb(var(--zn-border-color))}.zn-panel-bar--large{padding:var(--zn-base-px) calc(var(--zn-base-gap) + var(--zn-gutter));gap:var(--zn-base-px);height:50px}.scroll-container{overflow:auto;flex-grow:1;position:relative;display:flex;flex-direction:column;max-height:100%}.zn-divide{display:flex;flex-direction:column}.zn-divide>*:not(:first-child){border-top:1px solid rgb(var(--zn-border-color))}.zn-divide>div:empty+div:not(:first-child){border-top:0}.zn-divide-y{display:flex;flex-direction:row}.zn-divide-y>*:not(:first-child):not(:empty){border-left:1px solid rgb(var(--zn-border-color))}.zn-c-pad{--zn-pad-spacing:var(--zn-spacing-large)}.zn-c-pad-x>*{padding-left:var(--zn-pad-spacing);padding-right:var(--zn-pad-spacing)}.zn-c-pad-y>*:not(:first-child){padding-top:var(--zn-pad-spacing)}.zn-c-pad-y>*:not(:last-child){padding-bottom:var(--zn-pad-spacing)}.zn-nav.zn-transparent{background:transparent}.zn-nav{background:rgba(var(--zn-panel),var(--zn-panel-opacity));border-right:1px solid rgb(var(--zn-border-color));max-width:320px;height:100%;padding-top:5px}.zn-nav ul{list-style:none;padding-bottom:10px;margin:0;display:flex;flex-direction:column;position:relative}.zn-nav ul:after{content:"";height:1px;left:18px;right:18px;bottom:0;position:absolute;background:rgb(var(--zn-border-color))}.zn-nav ul li a{text-decoration:none;color:rgb(var(--zn-text));display:block;font-weight:500;cursor:pointer}.zn-nav ul li a:hover,.zn-nav ul li a.zn-tb-active{background:rgb(var(--zn-body))}.zn-nav ul li a.zn-tb-active{color:rgb(var(--zn-purple-text))}.zn-nav ul:last-child:after{display:none}.zn-nav strong,.zn-nav li a{padding:10px 20px}.zn-nav strong{display:block;margin-top:10px;font-size:13px;letter-spacing:0.93px;color:rgb(var(--zn-text-heading));font-weight:600;padding-bottom:5px;text-transform:uppercase}@keyframes shimmer-text-sweep{0%{background-position:100% center}100%{background-position:0% center}}@media (prefers-reduced-motion:no-preference){.shimmer-text{--shimmer-base:rgb(var(--zn-text));--shimmer-highlight:rgb(var(--zn-text-heading));--shimmer-core:0.5ch;--shimmer-spread:1.5ch;--shimmer-duration:1.5s;display:inline-block;width:-moz-fit-content;width:fit-content;max-width:100%;background-image:linear-gradient(90deg,transparent calc(50% - var(--shimmer-spread)),var(--shimmer-highlight) calc(50% - var(--shimmer-core)),var(--shimmer-highlight) calc(50% + var(--shimmer-core)),transparent calc(50% + var(--shimmer-spread))),linear-gradient(var(--shimmer-base),var(--shimmer-base));background-size:250% 100%,auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent !important;color:transparent !important;animation:var(--shimmer-duration) linear infinite shimmer-text-sweep}.shimmer-text.zn-error{--shimmer-base:rgb(var(--zn-color-error));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-error)) 55%,white)}.shimmer-text.zn-success{--shimmer-base:rgb(var(--zn-color-success));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-success)) 55%,white)}.shimmer-text.zn-info{--shimmer-base:rgb(var(--zn-color-info));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-info)) 55%,white)}.shimmer-text.zn-warning{--shimmer-base:rgb(var(--zn-color-warning));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-warning)) 55%,white)}.shimmer-text.zn-primary{--shimmer-base:rgb(var(--zn-primary));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-primary)) 55%,white)}.shimmer-text.zn-accent{--shimmer-base:rgb(var(--zn-accent));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-accent)) 55%,white)}}@media (prefers-reduced-motion:reduce){.shimmer-text{color:rgb(var(--zn-text))}.shimmer-text.zn-error{color:rgb(var(--zn-color-error)) !important}.shimmer-text.zn-success{color:rgb(var(--zn-color-success)) !important}.shimmer-text.zn-info{color:rgb(var(--zn-color-info)) !important}.shimmer-text.zn-warning{color:rgb(var(--zn-color-warning)) !important}.shimmer-text.zn-primary{color:rgb(var(--zn-primary)) !important}.shimmer-text.zn-accent{color:rgb(var(--zn-accent)) !important}}*,*::before,*::after{box-sizing:border-box}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}strong{font-weight:bolder}b{font-weight:600}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:inline-block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}button,.zn-button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}button:hover:not([disabled]),.zn-button:hover:not([disabled]){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:8px}}label{font-weight:600;font-size:rgb(var(--zn-font-size-medium));line-height:var(--zn-spacing-medium);color:rgb(var(--zn-text-heading));display:block;margin-bottom:4px;margin-top:16px}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:8px;accent-color:rgb(var(--zn-primary));width:100%;max-width:768px}fieldset{border-color:rgba(var(--zn-primary),20%);border-width:2px;padding:0 16px 16px}select option{padding:4px}select>option:checked{background-color:rgba(var(--zn-primary),20%);border-radius:5px}fieldset>legend{padding:4px}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}input[type=button]:hover:not([disabled]),input[type=submit]:hover:not([disabled]),button[type=submit]:not(.button):hover:not([disabled]),button[type=button]:not(.button):hover:not([disabled]){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:16px}input[type=file]::-webkit-file-upload-button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:fit-content;background-color:rgb(var(--zn-primary));color:rgba(255,255,255,0.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:transparent;white-space:nowrap;max-height:36px;height:36px;min-height:36px}input[type=file]::-webkit-file-upload-button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=file]::-webkit-file-upload-button{margin-right:8px}input::-webkit-calendar-picker-indicator{cursor:pointer;padding:8px}input[list]::-webkit-calendar-picker-indicator{padding:8px 4px}.input--with-icon{position:relative}.input--with-icon zn-icon{padding:14px;position:absolute;top:50%;pointer-events:none;transform:translateY(-50%);left:8px;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}table:not(.remarkd-table){border-collapse:separate !important;border-spacing:0;width:100%;max-width:100%;table-layout:auto;text-align:left;font-family:var(--zn-font-sans);font-size:var(--zn-text-table-content-font-size);font-weight:var(--zn-text-table-content-font-weight);line-height:var(--zn-text-table-content-line-height);color:var(--zn-text-table-content-color);text-transform:var(--zn-text-table-content-transform)}table:not(.remarkd-table) thead{font-weight:var(--zn-font-weight-medium)}table:not(.remarkd-table) thead tr th{background-color:rgb(var(--zn-table-header-background-color))}table:not(.remarkd-table) tbody a{cursor:pointer;color:rgb(var(--zn-primary))}table:not(.remarkd-table) tbody tr td{border-top:1px solid rgb(var(--zn-border-color)) !important}table:not(.remarkd-table) tbody tr:first-of-type td{border-top:0 !important}table:not(.remarkd-table) th,table:not(.remarkd-table) td{padding:var(--zn-spacing-small) var(--zn-spacing-medium);min-width:90px;white-space:nowrap}table:not(.remarkd-table) td>span{white-space:normal}table:not(.remarkd-table) th{font-family:var(--zn-font-sans);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);color:var(--zn-text-button-label-color);text-transform:var(--zn-text-button-label-transform);text-transform:capitalize;border-bottom:1px solid rgb(var(--zn-border-color))}.zn-table-fixed{table-layout:fixed}.opacity-100{opacity:1}.opacity-90{opacity:0.9}.opacity-80{opacity:0.8}.opacity-60{opacity:0.6}.opacity-50{opacity:0.5}.opacity-40{opacity:0.4}.opacity-10{opacity:0.1}.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7,var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:0.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7,var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3,1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4,1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:0.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,var(--adp-time-track-color),var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size) / 2 * -1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)}.air-datepicker{--adp-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:"nav" "body" "timepicker" "buttons";--adp-transition-duration:.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92,196,239,.1);--adp-background-color-in-range-focused:rgba(92,196,239,.2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92,196,239,0.1);--adp-cell-background-color-in-range-hover:rgba(92,196,239,0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0,0,0,.3);--adp-overlay-transition-duration:.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,0.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0,0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%,calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%,-50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size) / 2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size) / 2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}.air-datepicker{--adp-color:rgba(var(--zn-text),var(--zn-text-opacity));--adp-nav-color-secondary:rgb(var(--zn-purple-text));--adp-day-name-color:var(--zn-color-primary-600);--adp-day-name-color-hover:var(--zn-color-primary-700);--adp-cell-background-color-selected:var(--zn-color-primary-600);--adp-cell-background-color-selected-hover:var(--zn-color-primary-700);--adp-color-current-date:var(--zn-color-primary-600);--adp-background-color:var(--zn-input-background-color);--adp-background-color-hover:var(--zn-input-background-color-hover);--adp-background-color-active:var(--zn-input-background-color-hover);--adp-background-color-selected-other-month:var(--zn-color-primary-300);--adp-background-color-in-range:var(--zn-color-primary-100);--adp-border-color:rgb(var(--zn-border-color));--adp-border-color-inline:rgb(var(--zn-border-color));--adp-border-color-inner:rgb(var(--zn-border-color));--adp-cell-background-color-in-range:var(--zn-color-primary-100);--adp-cell-background-color-in-range-hover:var(--zn-color-primary-200)}.air-datepicker--pointer:after{background-color:var(--zn-input-background-color)}.air-datepicker-global-container{z-index:1000000}.air-datepicker-button{border:none;padding:var(--zn-spacing-2x-small) var(--zn-spacing-x-small);border-radius:var(--adp-border-radius);font-family:var(--adp-font-family),sans-serif;font-size:var(--zn-font-size-medium);font-weight:var(--zn-font-weight-normal);cursor:pointer;color:rgba(var(--zn-text),var(--zn-text-opacity))}.air-datepicker-button:hover{background-color:var(--zn-input-background-color-hover) !important}.zn-cloak:has(:not(:defined)){animation:2s step-end zn-cloak}@keyframes zn-cloak{from{opacity:0}to{opacity:1}}:host{display:block}:host ::-webkit-scrollbar{width:5px;height:5px}:host{}:host ::-webkit-scrollbar-track{background:transparent}:host{}:host ::-webkit-scrollbar-thumb{background:rgba(var(--inverse-base),0.2);border-radius:5px}:host{}:host ::-webkit-scrollbar-thumb:hover{background:rgba(var(--inverse-base),0.6)}.table-container{overflow:auto}table{border-collapse:separate !important;border-spacing:0;width:100%;max-width:100%;table-layout:auto;text-align:left;font-family:var(--zn-font-sans);font-size:var(--zn-text-table-content-font-size);font-weight:var(--zn-text-table-content-font-weight);line-height:var(--zn-text-table-content-line-height);color:var(--zn-text-table-content-color);text-transform:var(--zn-text-table-content-transform)}table tbody tr.table__row--data td{height:48px;padding-block:0;overflow:hidden}table tbody tr.table__row--details td{background-color:rgb(var(--zn-shadow))}table.table--standalone{background-color:rgb(var(--zn-panel));border-radius:var(--zn-border-radius);border:1px solid rgb(var(--zn-border-color));overflow:hidden}table.table--standalone thead tr th{border-top:0}table thead{color:rgb(var(--zn-text-heading));font-weight:var(--zn-font-weight-medium)}table thead tr th{background-color:rgb(var(--zn-table-header-background-color));border-bottom:1px solid rgb(var(--zn-border-color)) !important}table.with-hover tbody tr.table__row--data:not(.table__row--selected):hover td{background-color:rgba(var(--zn-primary),0.05) !important;cursor:pointer}table.with-hover tbody tr.table__row--details:hover{background-color:inherit;cursor:default}table tbody tr td{border-top:1px solid rgb(var(--zn-border-color)) !important}table tbody tr:first-of-type td{border-top:0 !important}table th,table td{padding:var(--zn-spacing-small) var(--zn-spacing-medium);min-width:90px;white-space:nowrap}table th span,table td span{white-space:normal}table th{font-family:var(--zn-font-sans);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);color:var(--zn-text-button-label-color);text-transform:var(--zn-text-button-label-transform);border-bottom:1px solid rgb(var(--zn-border-color))}.zn-table-fixed{table-layout:fixed}.table tr th,.table tr td{min-width:50px}.table tr th>div,.table tr td>div{display:flex;flex-direction:row;align-items:center;width:100%;gap:var(--zn-spacing-x-small)}.table tr th>div>code,.table tr td>div>code{font-size:10px;display:block;max-width:420px;float:right;max-height:100px;white-space:pre;overflow-x:scroll}.table tr th:first-of-type>div:has(zn-checkbox),.table tr td:first-of-type>div:has(zn-checkbox){justify-content:center}.table tr th:first-of-type>div:has(zn-checkbox) zn-checkbox,.table tr td:first-of-type>div:has(zn-checkbox) zn-checkbox{margin:0}.table__head{text-transform:capitalize}.table__head__sort{margin:0;padding:0;opacity:1;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.table__head--wide{width:100%}.table__head--left div{justify-content:flex-start}.table__head--right div{justify-content:flex-end}.table__head--center div{justify-content:center}.table__head--hidden>div{visibility:hidden}.table__head--expander{width:28px;min-width:28px;padding-right:0}.table__cell--wide{width:100%}.table__cell--left div{justify-content:flex-start}.table__cell--right div{justify-content:flex-end}.table__cell--center div{justify-content:center}.table__cell--actions{width:25px;min-width:25px;text-align:right}.table__cell .caption{flex-grow:1;flex-direction:column}.table__cell .caption span{display:block}.table__cell .caption .title:empty,.table__cell .caption .summary:empty{display:none}.table__cell .caption .title{font-weight:var(--zn-font-weight-semibold);color:rgb(var(--zn-text-heading));font-size:var(--zn-text-table-content-font-size);text-decoration:none}.table__cell .caption a.title{color:rgb(var(--zn-primary))}.table__cell .caption .summary{font-size:90%;text-wrap:initial;color:rgb(var(--zn-text))}.table__cell .caption--icon{display:flex;flex-direction:row;gap:var(--zn-spacing-small)}.table__cell--expander{width:28px;min-width:28px}.table__header{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;padding-block:var(--zn-spacing-small);gap:var(--zn-spacing-small)}.table__header__actions,.table__header__query-builder{display:flex;flex-direction:row;align-items:baseline;gap:var(--zn-spacing-small)}.table__header__right{display:flex;flex-direction:row;align-items:center;gap:var(--zn-spacing-x-small);margin-left:auto}.table__footer{display:flex;flex-direction:row;justify-content:space-between;padding:var(--zn-spacing-medium) 0}.table__footer__right,.table__footer__left{display:flex;flex-direction:row;align-items:center;gap:var(--zn-spacing-large)}.table__footer__rows-per-page{display:flex;flex-direction:row;align-items:center;opacity:0.8;gap:var(--zn-spacing-x-small)}.table__footer__rows-per-page zn-select[name=rowPerPage]{max-width:75px}.table__footer__pagination-buttons{display:flex;flex-direction:row;align-items:center;gap:var(--zn-spacing-x-small)}.table__footer__pagination-page--active::part(base){background-color:var(--zn-color-neutral-300);border-color:var(--zn-color-neutral-300);color:rgb(var(--zn-text))}.table__footer__pagination-ellipsis{display:flex;align-items:center;padding:0 var(--zn-spacing-x-small);color:rgb(var(--zn-text))}.table__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--zn-spacing-x-large) !important}.table__details__item{display:flex;flex-direction:column;gap:var(--zn-spacing-2x-small,4px)}.table__details__label{font-size:12px;color:rgb(var(--zn-text-subtle,var(--zn-text)));opacity:0.8}.table__details__value{font-size:var(--zn-text-table-content-font-size)}.reduced-opacity .table tbody{opacity:0.5}.hidden{display:none}.dropdown__query-builder{display:block;position:relative;padding:var(--zn-spacing-large);border-width:1px;border-radius:5px;width:-moz-fit-content;width:fit-content;min-width:var(--zn-spacing-small-panel);max-height:650px;overflow:auto;overscroll-behavior:none;filter:drop-shadow(0 5px 4px rgba(0,0,0,0.04)) drop-shadow(0 4px 3px rgba(0,0,0,0.1));background-color:rgb(var(--zn-panel,255,255,255))}table tbody tr.table__row--selected{background-color:var(--zn-color-purple-100)}table tbody tr.table__row--selected:hover{background-color:var(--zn-color-purple-200) !important}table tbody tr.table__row--selected td{border-top:1px solid var(--zn-color-purple-600) !important;border-bottom:1px solid var(--zn-color-purple-600) !important}table tbody tr.table__row--selected td:first-of-type{border-left:1px solid var(--zn-color-purple-600)}table tbody tr.table__row--selected td:last-of-type{border-right:1px solid var(--zn-color-purple-600)}table tbody tr.table__row--selected:last-of-type td:first-of-type{border-bottom-left-radius:var(--zn-border-radius)}table tbody tr.table__row--selected:last-of-type td:last-of-type{border-bottom-right-radius:var(--zn-border-radius)}table tbody tr.table__row--selected+tr.table__row--selected td{border-top:0 !important}table tbody tr.table__row--selected+tr.table__row--selected td:first-of-type{border-top-left-radius:0}table tbody tr.table__row--selected+tr.table__row--selected td:last-of-type{border-top-right-radius:0}table tbody tr.table__row--selected:has(+tr.table__row--selected) td{border-bottom:0 !important}table tbody tr.table__row--selected:first-of-type td{border-top:0 !important}table tbody tr.table__row--selected:has(+tr.table__row--selected) td:first-of-type{border-bottom-left-radius:0}table tbody tr.table__row--selected:has(+tr.table__row--selected) td:last-of-type{border-bottom-right-radius:0}table:has(tbody tr:first-of-type.table__row--selected) thead tr th{border-bottom-color:var(--zn-color-purple-600) !important}.table-group__title{font-weight:var(--zn-font-weight-semibold);font-size:var(--zn-font-size-large);color:rgba(var(--zn-text-panel-title),100%);line-height:var(--zn-line-height-looser);padding-left:var(--zn-spacing-medium);margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}`;var Rb=1,Ob=10;var zt=class extends C{constructor(){super(...arguments);this.sortDirection="asc";this.localSort=!1;this.filter="";this.search="";this.key="id";this.headers={};this.hiddenHeaders="{}";this.hiddenColumns="{}";this.unsortableHeaders="{}";this.unsortable=!1;this.standalone=!1;this.emptyStateIcon="data_alert";this.filters=[];this.method="POST";this.noInitialLoad=!1;this.groupBy="";this.groups="";this._initialLoad=!0;this._lastTableContent=u``;this.resizeObserver=new Jt(this,{target:null,callback:()=>{this.tableContainer&&this.tableContainer.scrollIntoView({behavior:"smooth",block:"nearest"})}});this.itemsPerPage=Ob;this.page=Rb;this._rows=[];this.numberOfRowsSelected=0;this.selectedRows=[];this.hasSlotController=new J(this,"[default]","search".valueOf(),"delete-action".valueOf(),"modify-action".valueOf(),"create-action".valueOf(),"filter".valueOf(),"sort".valueOf(),"inputs".valueOf(),"empty-state");this._dataTask=new tl(this,{task:async([t,r],{signal:n})=>{if(t===void 0||this.noInitialLoad&&this._initialLoad)return{rows:[],page:1,perPage:this.itemsPerPage,total:0};this.groupBy&&(this.itemsPerPage=1e3);let a={page:this.page,perPage:this.itemsPerPage,sortColumn:this.sortColumn,sortDirection:this.sortDirection,filter:this.filter,search:this.search},s=this.hasSlotController.getSlots("inputs".valueOf()),l={};s&&(s.forEach(h=>{if(["zn-input","zn-select","zn-query-builder","zn-multiselect","zn-params-select","zn-datepicker","input","select","textarea"].includes(h.tagName.toLowerCase())){let f=h.value||h.getAttribute("value"),g=h.name||h.getAttribute("name");g&&(l[g]=f)}}),Object.assign(a,l)),r&&typeof r=="object"&&Object.assign(a,r);let d=await fetch(t,{method:this.method,headers:{"x-kx-fetch-style":"zn-data-table"},signal:n,credentials:"same-origin",body:this.method==="POST"?JSON.stringify(a):void 0});if(!d.ok)throw new Error(d.statusText);return d.json()},args:()=>[this.dataUri,this.requestParams]});this.rowHasActions=!1;this._expandedRows=new Set;this._hiddenCells=new Map;this.requestParams={};this.filterChangeListener=t=>{t.target instanceof xh&&(this.filter=t.target.value,this._dataTask.run().then(r=>r))};this.searchChangeListener=t=>{let r=t.target;if(r&&r.tagName==="ZN-DATA-TABLE-SEARCH"){if(this.search=r.value,t.detail){let{formData:n,searchUri:a}=t.detail;if(n&&typeof n=="object"&&(this.requestParams={...this.requestParams,...n}),a){let s=this.dataUri;this.dataUri=a,this._dataTask.run().then(()=>{this.dataUri=s});return}}this._dataTask.run().then(n=>n)}}}refresh(){this._initialLoad=!1,this._dataTask.run().then(t=>t)}render(){let t;this.noInitialLoad&&this._initialLoad?t=u`
|
|
651
652
|
<slot name="empty-state"></slot>`:t=this._dataTask.render({pending:()=>this._initialLoad?u`
|
|
652
653
|
<div>${this.loadingTable()}</div>`:u`
|
|
653
654
|
<div class="reduced-opacity">${this._lastTableContent}</div>`,complete:a=>(this._initialLoad=!1,this._lastTableContent=u`
|
|
@@ -800,13 +801,13 @@ import{a as _n,b as D1,c as nr,d as c,e as B}from"./chunks/zn.UBLZO6CI.js";var J
|
|
|
800
801
|
flip>
|
|
801
802
|
<zn-icon src="${a}" color="${s}"></zn-icon>
|
|
802
803
|
<div slot="content">
|
|
803
|
-
${
|
|
804
|
+
${Qe(t.hoverContent)}
|
|
804
805
|
</div>
|
|
805
806
|
</zn-hover-container>`}return u`
|
|
806
807
|
<zn-hover-container placement="${n}"
|
|
807
808
|
flip>
|
|
808
809
|
<div slot="anchor">${r}</div>
|
|
809
|
-
${
|
|
810
|
+
${Qe(t.hoverContent)}
|
|
810
811
|
</zn-hover-container>`}if(t.iconSrc){let n=t.iconSrc,a=t.iconColor??"";return u`
|
|
811
812
|
<zn-icon src="${n}" color="${a}"></zn-icon> ${r}`}return t.copyable?u`
|
|
812
813
|
${r}
|
|
@@ -960,7 +961,7 @@ import{a as _n,b as D1,c as nr,d as c,e as B}from"./chunks/zn.UBLZO6CI.js";var J
|
|
|
960
961
|
<div class="${N({cols:!0,"cols--no-gap":this.noGap,"cols--border":this.border,"cols--pad":this.pad,"cols--pad-x":this.padX,"cols--pad-y":this.padY,"cols--divide":this.divide,[`cols--layout-${this.layout.replaceAll(",","")}`]:!!this.layout,[`cols--mc-${this.maxColumns}`]:!!this.maxColumns})}">
|
|
961
962
|
<slot></slot>
|
|
962
963
|
</div>
|
|
963
|
-
`}};xr.styles=T(Pb),c([p({reflect:!0,attribute:"layout"})],xr.prototype,"layout",2),c([p({attribute:"mc",type:Number,reflect:!0})],xr.prototype,"maxColumns",2),c([p({attribute:"no-gap",type:Boolean})],xr.prototype,"noGap",2),c([p({type:Boolean})],xr.prototype,"border",2),c([p({type:Boolean})],xr.prototype,"pad",2),c([p({type:Boolean})],xr.prototype,"divide",2),c([p({attribute:"pad-x",type:Boolean})],xr.prototype,"padX",2),c([p({attribute:"pad-y",type:Boolean})],xr.prototype,"padY",2);var ES=xr;xr.define("zn-cols");var Hb=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{display:contents}.defined-label .input__control,.defined-label .input__control-value{background-color:rgb(var(--zn-panel))}.defined-label__dropdown{width:100%}.defined-label__container{display:flex;flex-direction:row;align-items:center;gap:var(--zn-spacing-small);width:100%}.defined-label__container zn-sp{max-height:275px}.defined-label__input{display:flex;flex-direction:column;gap:8px}.defined-label__input-wrap{display:flex;align-items:center;gap:8px}.defined-label__input zn-input,.defined-label__input zn-select{flex-grow:1}`;var
|
|
964
|
+
`}};xr.styles=T(Pb),c([p({reflect:!0,attribute:"layout"})],xr.prototype,"layout",2),c([p({attribute:"mc",type:Number,reflect:!0})],xr.prototype,"maxColumns",2),c([p({attribute:"no-gap",type:Boolean})],xr.prototype,"noGap",2),c([p({type:Boolean})],xr.prototype,"border",2),c([p({type:Boolean})],xr.prototype,"pad",2),c([p({type:Boolean})],xr.prototype,"divide",2),c([p({attribute:"pad-x",type:Boolean})],xr.prototype,"padX",2),c([p({attribute:"pad-y",type:Boolean})],xr.prototype,"padY",2);var ES=xr;xr.define("zn-cols");var Hb=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{display:contents}.defined-label .input__control,.defined-label .input__control-value{background-color:rgb(var(--zn-panel))}.defined-label__dropdown{width:100%}.defined-label__container{display:flex;flex-direction:row;align-items:center;gap:var(--zn-spacing-small);width:100%}.defined-label__container zn-sp{max-height:275px}.defined-label__input{display:flex;flex-direction:column;gap:8px}.defined-label__input-wrap{display:flex;align-items:center;gap:8px}.defined-label__input zn-input,.defined-label__input zn-select{flex-grow:1}`;var We=class extends C{constructor(){super(...arguments);this.formControlController=new it(this,{value:t=>t.value+(t.inputValue?`:${t.inputValue}`:"")});this.value="";this.inputValue="";this.inputSize="medium";this.name="label";this.disabled=!1;this.allowCustom=!1;this.predefinedLabels=[]}get validationMessage(){return this.input.validationMessage}get validity(){return this.input?.validity}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}firstUpdated(t){super.firstUpdated(t),this.formControlController.updateValidity()}handleChange(){this.dropdown.open||this.dropdown.show().then(t=>t),this.dropdown.open&&this.input.value===""&&this.dropdown.hide().then(t=>t),typeof this.input.value=="string"&&(this.input.value=this.input.value.toLowerCase()),this.value=this.input.value}handleInput(){this.handleChange(),this.formControlController.updateValidity()}handleClick(t){(this.input.value===""||this.dropdown.open&&this.input.value!=="")&&t.stopImmediatePropagation()}handleInputValueChange(t){let r=t.target;this.inputValue=r.value.toLowerCase(),r.hasAttribute("data-label")&&(this.value=r.getAttribute("data-label")??"")}handleInputValueInput(t){let r=t.target;this.inputValue=r.value.toLowerCase(),r.hasAttribute("data-label")&&(this.value=r.getAttribute("data-label")??"")}handleFormSubmit(){let t=this.formControlController.getForm();t&&t.reportValidity()&&(document.dispatchEvent(new CustomEvent("zn-register-element",{detail:{element:t}})),t.requestSubmit())}render(){let t=u``;return this.predefinedLabels.length>0&&this.predefinedLabels.forEach(r=>{let n;if(r&&typeof r!="string"&&(n=r.options,r=r.name),this.value&&!r?.toLowerCase().includes(this.value.toLowerCase()))return;let a;n&&n.length>0?a=u`
|
|
964
965
|
<zn-select
|
|
965
966
|
part="input-value"
|
|
966
967
|
id="input-value input-value-${r}"
|
|
@@ -1034,7 +1035,7 @@ import{a as _n,b as D1,c as nr,d as c,e as B}from"./chunks/zn.UBLZO6CI.js";var J
|
|
|
1034
1035
|
</zn-sp>
|
|
1035
1036
|
</zn-panel>
|
|
1036
1037
|
</zn-dropdown>
|
|
1037
|
-
`}};
|
|
1038
|
+
`}};We.styles=T(Hb),c([V(".input__control")],We.prototype,"input",2),c([V(".defined-label__dropdown")],We.prototype,"dropdown",2),c([p()],We.prototype,"value",2),c([p()],We.prototype,"inputValue",2),c([p({attribute:"input-size",reflect:!0})],We.prototype,"inputSize",2),c([p()],We.prototype,"name",2),c([p()],We.prototype,"title",2),c([p({type:Boolean})],We.prototype,"disabled",2),c([p({attribute:"allow-custom",type:Boolean})],We.prototype,"allowCustom",2),c([p({type:Array,attribute:"predefined-labels"})],We.prototype,"predefinedLabels",2),c([K("value",{waitUntilFirstUpdate:!0})],We.prototype,"handleValueChange",1);var TS=We;We.define("zn-defined-label");var Fb=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{display:block}.note{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;flex-wrap:nowrap;padding:var(--zn-spacing-x-small) var(--zn-spacing-small);gap:var(--zn-spacing-3x-small);border-left:3px solid transparent}.note__header{display:flex;justify-content:space-between}.note__header__caption{font-weight:var(--zn-font-weight-semibold);font-size:var(--zn-font-size-medium);color:rgb(var(--zn-text-heading))}.note__header__date{font-size:var(--zn-font-size-small)}.note__header__end{display:flex;gap:var(--zn-spacing-small)}.note__body-container{position:relative;max-width:var(--zn-container-md)}.note__body{display:block}.note__toggle{margin-top:var(--zn-spacing-2x-small)}.note__toggle__btn{background:none;border:none;color:var(--zn-color-primary-500,currentColor);font:inherit;cursor:pointer;padding:0}.note__body--clamped{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--note-collapse-lines,0);overflow:hidden;text-overflow:ellipsis}.note--red .note__header__caption{color:hsl(from var(--zn-color-red-600) h s 40%)}.note--red{border-left:3px solid var(--zn-color-red-600);background-color:hsla(from var(--zn-color-red-600) h s l/0.02)}.note--blue .note__header__caption{color:hsl(from var(--zn-color-blue-500) h s 40%)}.note--blue{border-left:3px solid var(--zn-color-blue-500);background-color:hsla(from var(--zn-color-blue-500) h s l/0.02)}.note--orange .note__header__caption{color:hsl(from var(--zn-color-orange-500) h s 40%)}.note--orange{border-left:3px solid var(--zn-color-orange-500);background-color:hsla(from var(--zn-color-orange-500) h s l/0.02)}.note--yellow .note__header__caption{color:hsl(from var(--zn-color-yellow-400) h s 40%)}.note--yellow{border-left:3px solid var(--zn-color-yellow-400);background-color:hsla(from var(--zn-color-yellow-400) h s l/0.02)}.note--indigo .note__header__caption{color:hsl(from var(--zn-color-indigo-400) h s 40%)}.note--indigo{border-left:3px solid var(--zn-color-indigo-400);background-color:hsla(from var(--zn-color-indigo-400) h s l/0.02)}.note--violet .note__header__caption{color:hsl(from var(--zn-color-violet-600) h s 40%)}.note--violet{border-left:3px solid var(--zn-color-violet-600);background-color:hsla(from var(--zn-color-violet-600) h s l/0.02)}.note--green .note__header__caption{color:hsl(from var(--zn-color-green-500) h s 40%)}.note--green{border-left:3px solid var(--zn-color-green-500);background-color:hsla(from var(--zn-color-green-500) h s l/0.02)}.note--pink .note__header__caption{color:hsl(from var(--zn-color-pink-400) h s 40%)}.note--pink{border-left:3px solid var(--zn-color-pink-400);background-color:hsla(from var(--zn-color-pink-400) h s l/0.02)}.note--gray .note__header__caption{color:hsl(from var(--zn-color-gray-500) h s 40%)}.note--gray{border-left:3px solid var(--zn-color-gray-500);background-color:hsla(from var(--zn-color-gray-500) h s l/0.02)}.note__footer{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--zn-spacing-x-small)}`;var ho=class extends C{constructor(){super(...arguments);this.caption="";this.date="";this.body="";this.hasSlotController=new J(this,"caption","date","[default]","snippet","footer");this.expanded=!1}_toggleExpand(){this.expanded=!this.expanded}render(){let t=this.hasSlotController.test("snippet")&&this.hasSlotController.test("[default]");return u`
|
|
1038
1039
|
<div class="${N({note:!0,"note--red":this.color==="red","note--blue":this.color==="blue","note--orange":this.color==="orange","note--yellow":this.color==="yellow","note--indigo":this.color==="indigo","note--violet":this.color==="violet","note--green":this.color==="green","note--pink":this.color==="pink","note--gray":this.color==="gray"})}">
|
|
1039
1040
|
<div class="note__header">
|
|
1040
1041
|
<slot name="caption" class="note__header__caption">${this.caption}</slot>
|
|
@@ -1402,7 +1403,7 @@ import{a as _n,b as D1,c as nr,d as c,e as B}from"./chunks/zn.UBLZO6CI.js";var J
|
|
|
1402
1403
|
</div>
|
|
1403
1404
|
</div>
|
|
1404
1405
|
</div>
|
|
1405
|
-
`}};ze.styles=[qn.styles,T(ov)],ze.dependencies={"zn-button":Tt,"zn-copy-button":gh,"zn-expanding-action":Ih,"zn-icon":ct,"zn-navbar":ol,"zn-tab":Nh},c([p()],ze.prototype,"caption",2),c([p({attribute:"entity-id"})],ze.prototype,"entityId",2),c([p({attribute:"entity-id-show",type:Boolean})],ze.prototype,"entityIdShow",2),c([p({attribute:"full-location"})],ze.prototype,"fullLocation",2),c([p({type:Boolean,reflect:!0})],ze.prototype,"modal",2),c([p({type:Boolean,reflect:!0})],ze.prototype,"nested",2),c([p({type:Boolean,reflect:!0})],ze.prototype,"primary",2),c([p({attribute:"previous-path"})],ze.prototype,"previousPath",2),c([p({attribute:"previous-target"})],ze.prototype,"previousTarget",2),c([p()],ze.prototype,"summary",2),c([H()],ze.prototype,"scrolled",2),c([H()],ze.prototype,"tabDefinitions",2),c([H()],ze.prototype,"hasExpandingActions",2);var BS=ze;ze.define("zn-page");var nv=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{display:block;-moz-user-select:none;user-select:none;-webkit-user-select:none}:host([hidden]){display:none !important}:host(:focus){outline:none}.option{position:relative;display:flex;align-items:center;font-family:var(--zn-font-sans);font-size:var(--zn-font-size-medium);font-weight:var(--zn-font-weight-normal);line-height:var(--zn-line-height-normal);letter-spacing:var(--zn-letter-spacing-normal);color:var(--zn-input-color);padding:var(--zn-spacing-x-small) var(--zn-spacing-small);transition:var(--zn-transition-fast) fill;cursor:pointer}.option--selected{background-color:var(--zn-color-primary-200)}.option--hover:not(.option--disabled),.option--current,.option--current.option--disabled{background-color:var(--zn-color-primary-100);color:var(--zn-input-color);opacity:1}.option--disabled{outline:none;opacity:0.5;cursor:not-allowed}.option__label{flex:1 1 auto;display:inline-block;font-size:var(--zn-font-size-small);line-height:var(--ts-leading-5)}.option .option__check{flex:0 0 auto;display:flex;align-items:center;justify-content:center;visibility:hidden;padding-inline-start:0.375rem;padding-inline-end:0.375rem}.option--selected .option__check{visibility:visible}.option__prefix,.option__suffix{flex:0 0 auto;display:flex;align-items:center}.option__prefix::slotted(*){margin-inline-end:var(--zn-spacing-small);font-size:var(--zn-font-size-large)}.option__suffix::slotted(*){margin-inline-start:var(--zn-spacing-small)}@media (forced-colors:active){:host(:hover:not([aria-disabled=true])) .option{outline:dashed 1px SelectedItem;outline-offset:-1px}}`;var ir=class extends C{constructor(){super(...arguments);this.localize=new
|
|
1406
|
+
`}};ze.styles=[qn.styles,T(ov)],ze.dependencies={"zn-button":Tt,"zn-copy-button":gh,"zn-expanding-action":Ih,"zn-icon":ct,"zn-navbar":ol,"zn-tab":Nh},c([p()],ze.prototype,"caption",2),c([p({attribute:"entity-id"})],ze.prototype,"entityId",2),c([p({attribute:"entity-id-show",type:Boolean})],ze.prototype,"entityIdShow",2),c([p({attribute:"full-location"})],ze.prototype,"fullLocation",2),c([p({type:Boolean,reflect:!0})],ze.prototype,"modal",2),c([p({type:Boolean,reflect:!0})],ze.prototype,"nested",2),c([p({type:Boolean,reflect:!0})],ze.prototype,"primary",2),c([p({attribute:"previous-path"})],ze.prototype,"previousPath",2),c([p({attribute:"previous-target"})],ze.prototype,"previousTarget",2),c([p()],ze.prototype,"summary",2),c([H()],ze.prototype,"scrolled",2),c([H()],ze.prototype,"tabDefinitions",2),c([H()],ze.prototype,"hasExpandingActions",2);var BS=ze;ze.define("zn-page");var nv=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{display:block;-moz-user-select:none;user-select:none;-webkit-user-select:none}:host([hidden]){display:none !important}:host(:focus){outline:none}.option{position:relative;display:flex;align-items:center;font-family:var(--zn-font-sans);font-size:var(--zn-font-size-medium);font-weight:var(--zn-font-weight-normal);line-height:var(--zn-line-height-normal);letter-spacing:var(--zn-letter-spacing-normal);color:var(--zn-input-color);padding:var(--zn-spacing-x-small) var(--zn-spacing-small);transition:var(--zn-transition-fast) fill;cursor:pointer}.option--selected{background-color:var(--zn-color-primary-200)}.option--hover:not(.option--disabled),.option--current,.option--current.option--disabled{background-color:var(--zn-color-primary-100);color:var(--zn-input-color);opacity:1}.option--disabled{outline:none;opacity:0.5;cursor:not-allowed}.option__label{flex:1 1 auto;display:inline-block;font-size:var(--zn-font-size-small);line-height:var(--ts-leading-5)}.option .option__check{flex:0 0 auto;display:flex;align-items:center;justify-content:center;visibility:hidden;padding-inline-start:0.375rem;padding-inline-end:0.375rem}.option--selected .option__check{visibility:visible}.option__prefix,.option__suffix{flex:0 0 auto;display:flex;align-items:center}.option__prefix::slotted(*){margin-inline-end:var(--zn-spacing-small);font-size:var(--zn-font-size-large)}.option__suffix::slotted(*){margin-inline-start:var(--zn-spacing-small)}@media (forced-colors:active){:host(:hover:not([aria-disabled=true])) .option{outline:dashed 1px SelectedItem;outline-offset:-1px}}`;var ir=class extends C{constructor(){super(...arguments);this.localize=new Ge(this);this.multiple=!1;this.current=!1;this.hasHover=!1;this.value="";this.disabled=!1;this.selected=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","option"),this.setAttribute("aria-selected","false")}handleDefaultSlotChange(){let t=this.getTextLabel();if(typeof this.cachedTextLabel>"u"){this.cachedTextLabel=t;return}t!==this.cachedTextLabel&&(this.cachedTextLabel=t,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleMouseEnter(){this.hasHover=!0}handleMouseLeave(){this.hasHover=!1}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}getTextLabel(){let t=this.childNodes,r="";return[...t].forEach(n=>{n.nodeType===Node.ELEMENT_NODE&&(n.hasAttribute("slot")||(r+=n.textContent)),n.nodeType===Node.TEXT_NODE&&(r+=n.textContent)}),r.trim()}render(){return u`
|
|
1406
1407
|
<div
|
|
1407
1408
|
part="base"
|
|
1408
1409
|
class=${N({option:!0,"option--current":this.current,"option--disabled":this.disabled,"option--selected":this.selected,"option--hover":this.hasHover,"option--singular":!this.multiple})}
|
|
@@ -1427,7 +1428,7 @@ import{a as _n,b as D1,c as nr,d as c,e as B}from"./chunks/zn.UBLZO6CI.js";var J
|
|
|
1427
1428
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
1428
1429
|
</div>
|
|
1429
1430
|
</div>
|
|
1430
|
-
`}handleSlotChange(){this.disabled&&this.propagateDisabled()}propagateDisabled(){this.querySelectorAll("zn-option").forEach(t=>{t.disabled=this.disabled})}};Ho.styles=T(sv),c([p()],Ho.prototype,"label",2),c([p({type:Boolean,reflect:!0})],Ho.prototype,"disabled",2),c([K("label")],Ho.prototype,"handleLabelChange",1),c([K("disabled")],Ho.prototype,"handleDisabledChange",1);var Rh=Ho;Ho.define("zn-opt-group");var lv=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}.form-control-input{margin:var(--zn-spacing-2x-small) 3px 3px 0}.form-control-input--flush{margin:0}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control--has-label .form-control__label{display:inline-block;color:var(--zn-input-label-color);font-weight:var(--zn-input-label-font-weight);line-height:var(--zn-input-label-line-height);margin-bottom:var(--zn-spacing-x-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--zn-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control__label{font-size:var(--zn-input-label-font-size-large)}:host([required]) .form-control--has-label .form-control__label::after{content:var(--zn-input-required-content);margin-inline-start:var(--zn-input-required-content-offset);color:var(--zn-input-required-content-color)}.form-control--has-label.form-control--radio-group .form-control__label,.form-control--has-label.form-control--checkbox-group .form-control__label{margin-bottom:0}.form-control--has-label.form-control--has-label-tooltip .form-control__label{display:inline-flex;align-items:center;gap:var(--zn-spacing-2x-small)}.form-control--has-label.form-control--small .form-control__label{font-size:var(--zn-input-label-font-size-small)}.form-control--label-tooltip{color:var(--zn-color-neutral-700);font-size:var(--zn-font-size-small)}.form-control--label-tooltip zn-icon{--icon-color:var(--zn-color-neutral-700);--icon-size:var(--zn-font-size-small)}.form-control--has-label.form-control--has-context-note{display:flex;justify-content:space-between;flex-wrap:wrap}.form-control__label-context-note{color:var(--zn-input-help-text-color);font-size:var(--zn-font-size-small);margin-bottom:var(--zn-spacing-2x-small)}.form-control--has-label.form-control--has-context-note .form-control-input{width:100%}.form-control--has-help-text .form-control__help-text,.radio--has-description .radio__description,.checkbox--has-description .checkbox__description{display:block;color:var(--zn-input-help-text-color);margin-top:var(--zn-spacing-x-small)}.radio--has-description .radio__description,.checkbox--has-description .checkbox__description{margin-top:0.375rem}.radio--has-selected-content .radio__selected-content,.checkbox--has-selected-content .checkbox__selected-content{display:block;margin-top:var(--zn-spacing-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--zn-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text,.radio--has-description .radio__description,.checkbox--has-description .checkbox__description{font-size:var(--zn-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--zn-input-help-text-font-size-large)}.form-control--has-help-text.form-control--radio-group .form-control__help-text,.form-control--has-help-text.form-control--checkbox-group .form-control__help-text{margin-top:var(--zn-spacing-medium)}.form-control--has-help-text .switch .form-control__help-text{margin-top:var(--zn-spacing-3x-small)}.form-control--checkbox-contained-wrapper{height:100%}:host{display:block}.select{flex:1 1 auto;display:inline-flex;width:100%;position:relative;vertical-align:middle}.select::part(popup){z-index:var(--zn-z-index-dropdown)}.select[data-current-placement^=top]::part(popup){transform-origin:bottom}.select[data-current-placement^=bottom]::part(popup){transform-origin:top}.select__combobox{flex:1;display:flex;width:100%;min-width:0;position:relative;align-items:center;justify-content:start;font-family:var(--zn-input-font-family);font-weight:var(--zn-input-font-weight);letter-spacing:var(--zn-input-letter-spacing);box-shadow:var(--zn-shadow-x-small);vertical-align:middle;overflow:hidden;cursor:pointer;transition:var(--zn-transition-fast) color,var(--zn-transition-fast) border,var(--zn-transition-fast) box-shadow,var(--zn-transition-fast) background-color}.select__prefix{display:flex;align-items:center;align-self:stretch;height:100%}.select__display-input{position:relative;width:100%;font:inherit;border:none;background:none;color:var(--zn-input-color);cursor:inherit;overflow:hidden;padding:0;margin:0;-webkit-appearance:none}.select__display-input::-moz-placeholder{color:var(--zn-input-placeholder-color)}.select__display-input::placeholder{color:var(--zn-input-placeholder-color)}.select:not(.select--disabled):hover .select__display-input{color:var(--zn-input-color-hover)}.select__display-input:focus{outline:none}.select--multiple:not(.select--placeholder-visible):not(.select--search) .select__display-input,.select--multiple.select--search:not(.select--open):not(.select--placeholder-visible) .select__display-input{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;opacity:0}.select--multiple.select--search.select--open .select__display-input{flex:1 1 60px;min-width:60px;width:auto;order:2;margin-inline-start:var(--zn-spacing-2x-small)}.select--multiple.select--search.select--open .select__prefix{order:0}.select--multiple.select--search.select--open .select__tags{order:1;flex:0 1 auto}.select--multiple.select--search.select--open .select__clear{order:4}.select--multiple.select--search.select--open .select__expand-icon{order:5}.select--multiple.select--search.select--open .select__combobox{flex-wrap:wrap;gap:var(--zn-spacing-2x-small);padding-inline-start:0;overflow:visible;align-content:flex-start;align-items:center;align-self:flex-start;height:auto;padding-block:var(--zn-spacing-2x-small)}.select__value-input{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;opacity:0;z-index:-1}.select__tags{display:flex;flex:1;align-items:center;flex-wrap:wrap;margin-inline-start:var(--zn-spacing-2x-small)}.select__tags zn-chip{cursor:default}.select__tags zn-icon[slot=action]{cursor:pointer}.select--disabled .select__tags,.select--disabled .select__tags zn-chip,.select--disabled .select__tags zn-icon[slot=action]{cursor:not-allowed}.select--standard .select__combobox{background-color:var(--zn-input-background-color);border:solid var(--zn-input-border-width) var(--zn-input-border-color)}.select--standard.select--disabled .select__combobox{background-color:var(--zn-input-background-color-disabled);border-color:var(--zn-input-border-color-disabled);color:var(--zn-input-color-disabled);opacity:0.5;cursor:not-allowed;outline:none}.select--standard:not(.select--disabled).select--open .select__combobox,.select--standard:not(.select--disabled).select--focused .select__combobox{background-color:var(--zn-input-background-color-focus);border-color:var(--zn-input-border-color-focus);box-shadow:0 0 0 var(--zn-focus-ring-width) var(--zn-input-focus-ring-color)}.select--standard:hover:not(.select--disabled) .select__combobox{background-color:var(--zn-input-background-color-hover);border-color:var(--zn-input-border-color-hover)}.select--small .select__combobox{border-radius:var(--zn-input-border-radius-small);font-size:var(--zn-input-font-size-small);min-height:var(--zn-input-height-small);padding-block:0;padding-inline:var(--zn-spacing-small)}.select--small .select__clear{margin-inline-start:var(--zn-input-spacing-small)}.select--small .select__prefix::slotted(*){margin-inline-end:var(--zn-input-spacing-small)}.select--small.select--multiple:not(.select--placeholder-visible) .select__combobox{padding-block:2px;padding-inline-start:0}.select--small .select__tags{gap:2px}.select--medium .select__combobox{border-radius:var(--zn-input-border-radius-medium);font-size:var(--zn-input-font-size-medium);min-height:var(--zn-input-height-medium);padding-block:0;padding-inline:var(--zn-spacing-small)}.select--has-input-prefix.select--medium .select__combobox{padding-inline-start:0}.select--medium .select__clear{margin-inline-start:var(--zn-input-spacing-medium)}.select--medium .select__prefix::slotted(*){margin-inline-end:var(--zn-input-spacing-medium)}.select--medium.select--multiple:not(.select--placeholder-visible) .select__combobox{padding-inline-start:0;padding-block:3px}.select--medium .select__tags{gap:3px}.select--large .select__combobox{border-radius:var(--zn-input-border-radius-large);font-size:var(--zn-input-font-size-large);min-height:var(--zn-input-height-large);padding-block:0;padding-inline:var(--zn-spacing-small)}.select--has-input-prefix.select--large .select__combobox{padding-inline-start:0}.select--large .select__clear{margin-inline-start:var(--zn-input-spacing-large)}.select--large .select__prefix::slotted(*){margin-inline-end:var(--zn-input-spacing-large)}.select--large.select--multiple:not(.select--placeholder-visible) .select__combobox{padding-inline-start:0;padding-block:4px}.select--large .select__tags{gap:4px}.select--pill.select--small .select__combobox{border-radius:var(--zn-input-height-small);padding:0 var(--zn-spacing-large)}.select--pill.select--medium .select__combobox{border-radius:var(--zn-input-height-medium);padding:0 var(--zn-spacing-large)}.select--pill.select--large .select__combobox{border-radius:var(--zn-input-height-large);padding:0 var(--zn-spacing-large)}.select__prefix{flex:0;display:inline-flex;align-items:center;color:var(--zn-input-icon-color)}.select--has-input-prefix.select--standard .select__combobox{padding-inline-start:0}.select__clear{display:inline-flex;align-items:center;justify-content:center;font-size:var(--zn-font-size-large);color:var(--zn-input-icon-color);border:none;background:none;padding:0;transition:var(--zn-transition-fast) color;cursor:pointer}.select__clear zn-icon{--icon-size:var(--zn-font-size-large);--icon-color:var(--zn-input-icon-color)}.select__clear:hover{color:var(--zn-input-icon-color-hover)}.select__clear:focus{outline:none}.select__expand-icon{flex:0 0 auto;display:flex;align-items:center;transition:var(--zn-transition-medium) rotate ease;rotate:0;margin-inline-start:var(--zn-spacing-small)}.select__expand-icon zn-icon{--icon-size:var(--zn-font-size-large);--icon-color:var(--zn-input-icon-color)}.select--open .select__expand-icon{rotate:-180deg}.select__spinner{animation:spin 1s linear infinite;--icon-size:var(--zn-font-size-large);--icon-color:var(--zn-input-icon-color)}@keyframes spin{from{rotate:0deg}to{rotate:360deg}}.select__fetch-error-icon{--icon-size:var(--zn-font-size-large);--icon-color:var(--zn-color-danger-600)}.select__listbox{display:block;position:relative;font-family:var(--zn-font-sans);font-size:var(--zn-font-size-medium);font-weight:var(--zn-font-weight-normal);box-shadow:var(--zn-shadow-medium);background:var(--zn-panel-background-color);border:solid var(--zn-panel-border-width) var(--zn-panel-border-color);border-radius:var(--zn-border-radius);margin:var(--zn-spacing-x-small) 0;padding-inline:0;overflow:auto;overscroll-behavior:none;max-width:var(--auto-size-available-width);max-height:min(500px,var(--auto-size-available-height))}.select__listbox ::slotted(zn-divider){--spacing:var(--zn-spacing-x-small)}.select__listbox ::slotted(small){font-size:var(--zn-font-size-x-small);font-weight:var(--zn-font-weight-semibold);line-height:var(--zn-line-height-normal);letter-spacing:var(--zn-letter-spacing-normal);padding-block:var(--zn-spacing-2x-small);padding-inline:var(--zn-spacing-2x-large);-moz-user-select:none;user-select:none;-webkit-user-select:none}.select__listbox ::slotted(zn-opt-group){display:block}.select__listbox ::slotted(zn-opt-group[hidden]){display:none}.select__search-loading{display:flex;align-items:center;justify-content:center;gap:var(--zn-spacing-small);padding:var(--zn-spacing-medium) var(--zn-spacing-2x-large);color:var(--zn-color-neutral-500);font-size:var(--zn-font-size-medium)}.select__max-results-indicator{display:block;padding:var(--zn-spacing-small) var(--zn-spacing-2x-large);text-align:center;color:var(--zn-color-neutral-500);font-size:var(--zn-font-size-small);font-style:italic;border-top:solid var(--zn-panel-border-width) var(--zn-panel-border-color)}.select__empty-state{display:block;padding:var(--zn-spacing-medium) var(--zn-spacing-2x-large);text-align:center;color:var(--zn-color-neutral-500);font-size:var(--zn-font-size-medium)}.select__empty-state[hidden]{display:none}.select__add-option{display:flex;align-items:center;padding:var(--zn-spacing-x-small) var(--zn-spacing-small);color:var(--zn-input-color);font-size:var(--zn-font-size-small);cursor:pointer}.select__add-option:hover,.select__add-option.select__add-option--current{background-color:var(--zn-color-primary-100)}.select--search .select__combobox{cursor:text}.select--search .select__display-input{cursor:text}`;var Z=class extends C{constructor(){super(...arguments);this.formControlController=new it(this,{assumeInteractionOn:["zn-blur","zn-input"]});this.conditionalController=new Oa(this);this.hasSlotController=new J(this,"help-text","label");this.localize=new je(this);this.typeToSelectString="";this.hasFocus=!1;this.displayLabel="";this.selectedOptions=[];this.valueHasChanged=!1;this.inputPrefix=!1;this._searchQuery="";this._searchDisplayValue="";this._noResultsVisible=!1;this._addOptionActive=!1;this._fetchedOptions=[];this._fetchLoading=!1;this._fetchError="";this._fetchAbortController=null;this._searchDebounceTimer=null;this._searchLoading=!1;this._lastRemoteQuery=null;this._lastRemoteExhaustive=!1;this._totalResultCount=0;this._selectedRemoteItems=[];this.name="";this.nonRemovable=!1;this._value="";this.defaultValue="";this.size="medium";this.placeholder="";this.multiple=!1;this.maxOptions=0;this.maxOptionsVisible=3;this.disabled=!1;this.clearable=!1;this.open=!1;this.hoist=!1;this.pill=!1;this.search=!1;this.freeText=!1;this.label="";this.labelTooltip="";this.contextNote="";this.placement="bottom";this.helpText="";this.required=!1;this.cacheKey="";this.triggerSubmit=!1;this.getTag=t=>u`
|
|
1431
|
+
`}handleSlotChange(){this.disabled&&this.propagateDisabled()}propagateDisabled(){this.querySelectorAll("zn-option").forEach(t=>{t.disabled=this.disabled})}};Ho.styles=T(sv),c([p()],Ho.prototype,"label",2),c([p({type:Boolean,reflect:!0})],Ho.prototype,"disabled",2),c([K("label")],Ho.prototype,"handleLabelChange",1),c([K("disabled")],Ho.prototype,"handleDisabledChange",1);var Rh=Ho;Ho.define("zn-opt-group");var lv=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}.form-control-input{margin:var(--zn-spacing-2x-small) 3px 3px 0}.form-control-input--flush{margin:0}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control--has-label .form-control__label{display:inline-block;color:var(--zn-input-label-color);font-weight:var(--zn-input-label-font-weight);line-height:var(--zn-input-label-line-height);margin-bottom:var(--zn-spacing-x-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--zn-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control__label{font-size:var(--zn-input-label-font-size-large)}:host([required]) .form-control--has-label .form-control__label::after{content:var(--zn-input-required-content);margin-inline-start:var(--zn-input-required-content-offset);color:var(--zn-input-required-content-color)}.form-control--has-label.form-control--radio-group .form-control__label,.form-control--has-label.form-control--checkbox-group .form-control__label{margin-bottom:0}.form-control--has-label.form-control--has-label-tooltip .form-control__label{display:inline-flex;align-items:center;gap:var(--zn-spacing-2x-small)}.form-control--has-label.form-control--small .form-control__label{font-size:var(--zn-input-label-font-size-small)}.form-control--label-tooltip{color:var(--zn-color-neutral-700);font-size:var(--zn-font-size-small)}.form-control--label-tooltip zn-icon{--icon-color:var(--zn-color-neutral-700);--icon-size:var(--zn-font-size-small)}.form-control--has-label.form-control--has-context-note{display:flex;justify-content:space-between;flex-wrap:wrap}.form-control__label-context-note{color:var(--zn-input-help-text-color);font-size:var(--zn-font-size-small);margin-bottom:var(--zn-spacing-2x-small)}.form-control--has-label.form-control--has-context-note .form-control-input{width:100%}.form-control--has-help-text .form-control__help-text,.radio--has-description .radio__description,.checkbox--has-description .checkbox__description{display:block;color:var(--zn-input-help-text-color);margin-top:var(--zn-spacing-x-small)}.radio--has-description .radio__description,.checkbox--has-description .checkbox__description{margin-top:0.375rem}.radio--has-selected-content .radio__selected-content,.checkbox--has-selected-content .checkbox__selected-content{display:block;margin-top:var(--zn-spacing-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--zn-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text,.radio--has-description .radio__description,.checkbox--has-description .checkbox__description{font-size:var(--zn-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--zn-input-help-text-font-size-large)}.form-control--has-help-text.form-control--radio-group .form-control__help-text,.form-control--has-help-text.form-control--checkbox-group .form-control__help-text{margin-top:var(--zn-spacing-medium)}.form-control--has-help-text .switch .form-control__help-text{margin-top:var(--zn-spacing-3x-small)}.form-control--checkbox-contained-wrapper{height:100%}:host{display:block}.select{flex:1 1 auto;display:inline-flex;width:100%;position:relative;vertical-align:middle}.select::part(popup){z-index:var(--zn-z-index-dropdown)}.select[data-current-placement^=top]::part(popup){transform-origin:bottom}.select[data-current-placement^=bottom]::part(popup){transform-origin:top}.select__combobox{flex:1;display:flex;width:100%;min-width:0;position:relative;align-items:center;justify-content:start;font-family:var(--zn-input-font-family);font-weight:var(--zn-input-font-weight);letter-spacing:var(--zn-input-letter-spacing);box-shadow:var(--zn-shadow-x-small);vertical-align:middle;overflow:hidden;cursor:pointer;transition:var(--zn-transition-fast) color,var(--zn-transition-fast) border,var(--zn-transition-fast) box-shadow,var(--zn-transition-fast) background-color}.select__prefix{display:flex;align-items:center;align-self:stretch;height:100%}.select__display-input{position:relative;width:100%;font:inherit;border:none;background:none;color:var(--zn-input-color);cursor:inherit;overflow:hidden;padding:0;margin:0;-webkit-appearance:none}.select__display-input::-moz-placeholder{color:var(--zn-input-placeholder-color)}.select__display-input::placeholder{color:var(--zn-input-placeholder-color)}.select:not(.select--disabled):hover .select__display-input{color:var(--zn-input-color-hover)}.select__display-input:focus{outline:none}.select--multiple:not(.select--placeholder-visible):not(.select--search) .select__display-input,.select--multiple.select--search:not(.select--open):not(.select--placeholder-visible) .select__display-input{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;opacity:0}.select--multiple.select--search.select--open .select__display-input{flex:1 1 60px;min-width:60px;width:auto;order:2;margin-inline-start:var(--zn-spacing-2x-small)}.select--multiple.select--search.select--open .select__prefix{order:0}.select--multiple.select--search.select--open .select__tags{order:1;flex:0 1 auto}.select--multiple.select--search.select--open .select__clear{order:4}.select--multiple.select--search.select--open .select__expand-icon{order:5}.select--multiple.select--search.select--open .select__combobox{flex-wrap:wrap;gap:var(--zn-spacing-2x-small);padding-inline-start:0;overflow:visible;align-content:flex-start;align-items:center;align-self:flex-start;height:auto;padding-block:var(--zn-spacing-2x-small)}.select__value-input{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;opacity:0;z-index:-1}.select__tags{display:flex;flex:1;align-items:center;flex-wrap:wrap;margin-inline-start:var(--zn-spacing-2x-small)}.select__tags zn-chip{cursor:default}.select__tags zn-icon[slot=action]{cursor:pointer}.select--disabled .select__tags,.select--disabled .select__tags zn-chip,.select--disabled .select__tags zn-icon[slot=action]{cursor:not-allowed}.select--standard .select__combobox{background-color:var(--zn-input-background-color);border:solid var(--zn-input-border-width) var(--zn-input-border-color)}.select--standard.select--disabled .select__combobox{background-color:var(--zn-input-background-color-disabled);border-color:var(--zn-input-border-color-disabled);color:var(--zn-input-color-disabled);opacity:0.5;cursor:not-allowed;outline:none}.select--standard:not(.select--disabled).select--open .select__combobox,.select--standard:not(.select--disabled).select--focused .select__combobox{background-color:var(--zn-input-background-color-focus);border-color:var(--zn-input-border-color-focus);box-shadow:0 0 0 var(--zn-focus-ring-width) var(--zn-input-focus-ring-color)}.select--standard:hover:not(.select--disabled) .select__combobox{background-color:var(--zn-input-background-color-hover);border-color:var(--zn-input-border-color-hover)}.select--small .select__combobox{border-radius:var(--zn-input-border-radius-small);font-size:var(--zn-input-font-size-small);min-height:var(--zn-input-height-small);padding-block:0;padding-inline:var(--zn-spacing-small)}.select--small .select__clear{margin-inline-start:var(--zn-input-spacing-small)}.select--small .select__prefix::slotted(*){margin-inline-end:var(--zn-input-spacing-small)}.select--small.select--multiple:not(.select--placeholder-visible) .select__combobox{padding-block:2px;padding-inline-start:0}.select--small .select__tags{gap:2px}.select--medium .select__combobox{border-radius:var(--zn-input-border-radius-medium);font-size:var(--zn-input-font-size-medium);min-height:var(--zn-input-height-medium);padding-block:0;padding-inline:var(--zn-spacing-small)}.select--has-input-prefix.select--medium .select__combobox{padding-inline-start:0}.select--medium .select__clear{margin-inline-start:var(--zn-input-spacing-medium)}.select--medium .select__prefix::slotted(*){margin-inline-end:var(--zn-input-spacing-medium)}.select--medium.select--multiple:not(.select--placeholder-visible) .select__combobox{padding-inline-start:0;padding-block:3px}.select--medium .select__tags{gap:3px}.select--large .select__combobox{border-radius:var(--zn-input-border-radius-large);font-size:var(--zn-input-font-size-large);min-height:var(--zn-input-height-large);padding-block:0;padding-inline:var(--zn-spacing-small)}.select--has-input-prefix.select--large .select__combobox{padding-inline-start:0}.select--large .select__clear{margin-inline-start:var(--zn-input-spacing-large)}.select--large .select__prefix::slotted(*){margin-inline-end:var(--zn-input-spacing-large)}.select--large.select--multiple:not(.select--placeholder-visible) .select__combobox{padding-inline-start:0;padding-block:4px}.select--large .select__tags{gap:4px}.select--pill.select--small .select__combobox{border-radius:var(--zn-input-height-small);padding:0 var(--zn-spacing-large)}.select--pill.select--medium .select__combobox{border-radius:var(--zn-input-height-medium);padding:0 var(--zn-spacing-large)}.select--pill.select--large .select__combobox{border-radius:var(--zn-input-height-large);padding:0 var(--zn-spacing-large)}.select__prefix{flex:0;display:inline-flex;align-items:center;color:var(--zn-input-icon-color)}.select--has-input-prefix.select--standard .select__combobox{padding-inline-start:0}.select__clear{display:inline-flex;align-items:center;justify-content:center;font-size:var(--zn-font-size-large);color:var(--zn-input-icon-color);border:none;background:none;padding:0;transition:var(--zn-transition-fast) color;cursor:pointer}.select__clear zn-icon{--icon-size:var(--zn-font-size-large);--icon-color:var(--zn-input-icon-color)}.select__clear:hover{color:var(--zn-input-icon-color-hover)}.select__clear:focus{outline:none}.select__expand-icon{flex:0 0 auto;display:flex;align-items:center;transition:var(--zn-transition-medium) rotate ease;rotate:0;margin-inline-start:var(--zn-spacing-small)}.select__expand-icon zn-icon{--icon-size:var(--zn-font-size-large);--icon-color:var(--zn-input-icon-color)}.select--open .select__expand-icon{rotate:-180deg}.select__spinner{animation:spin 1s linear infinite;--icon-size:var(--zn-font-size-large);--icon-color:var(--zn-input-icon-color)}@keyframes spin{from{rotate:0deg}to{rotate:360deg}}.select__fetch-error-icon{--icon-size:var(--zn-font-size-large);--icon-color:var(--zn-color-danger-600)}.select__listbox{display:block;position:relative;font-family:var(--zn-font-sans);font-size:var(--zn-font-size-medium);font-weight:var(--zn-font-weight-normal);box-shadow:var(--zn-shadow-medium);background:var(--zn-panel-background-color);border:solid var(--zn-panel-border-width) var(--zn-panel-border-color);border-radius:var(--zn-border-radius);margin:var(--zn-spacing-x-small) 0;padding-inline:0;overflow:auto;overscroll-behavior:none;max-width:var(--auto-size-available-width);max-height:min(500px,var(--auto-size-available-height))}.select__listbox ::slotted(zn-divider){--spacing:var(--zn-spacing-x-small)}.select__listbox ::slotted(small){font-size:var(--zn-font-size-x-small);font-weight:var(--zn-font-weight-semibold);line-height:var(--zn-line-height-normal);letter-spacing:var(--zn-letter-spacing-normal);padding-block:var(--zn-spacing-2x-small);padding-inline:var(--zn-spacing-2x-large);-moz-user-select:none;user-select:none;-webkit-user-select:none}.select__listbox ::slotted(zn-opt-group){display:block}.select__listbox ::slotted(zn-opt-group[hidden]){display:none}.select__search-loading{display:flex;align-items:center;justify-content:center;gap:var(--zn-spacing-small);padding:var(--zn-spacing-medium) var(--zn-spacing-2x-large);color:var(--zn-color-neutral-500);font-size:var(--zn-font-size-medium)}.select__max-results-indicator{display:block;padding:var(--zn-spacing-small) var(--zn-spacing-2x-large);text-align:center;color:var(--zn-color-neutral-500);font-size:var(--zn-font-size-small);font-style:italic;border-top:solid var(--zn-panel-border-width) var(--zn-panel-border-color)}.select__empty-state{display:block;padding:var(--zn-spacing-medium) var(--zn-spacing-2x-large);text-align:center;color:var(--zn-color-neutral-500);font-size:var(--zn-font-size-medium)}.select__empty-state[hidden]{display:none}.select__add-option{display:flex;align-items:center;padding:var(--zn-spacing-x-small) var(--zn-spacing-small);color:var(--zn-input-color);font-size:var(--zn-font-size-small);cursor:pointer}.select__add-option:hover,.select__add-option.select__add-option--current{background-color:var(--zn-color-primary-100)}.select--search .select__combobox{cursor:text}.select--search .select__display-input{cursor:text}`;var Z=class extends C{constructor(){super(...arguments);this.formControlController=new it(this,{assumeInteractionOn:["zn-blur","zn-input"]});this.conditionalController=new Oa(this);this.hasSlotController=new J(this,"help-text","label");this.localize=new Ge(this);this.typeToSelectString="";this.hasFocus=!1;this.displayLabel="";this.selectedOptions=[];this.valueHasChanged=!1;this.inputPrefix=!1;this._searchQuery="";this._searchDisplayValue="";this._noResultsVisible=!1;this._addOptionActive=!1;this._fetchedOptions=[];this._fetchLoading=!1;this._fetchError="";this._fetchAbortController=null;this._searchDebounceTimer=null;this._searchLoading=!1;this._lastRemoteQuery=null;this._lastRemoteExhaustive=!1;this._totalResultCount=0;this._selectedRemoteItems=[];this.name="";this.nonRemovable=!1;this._value="";this.defaultValue="";this.size="medium";this.placeholder="";this.multiple=!1;this.maxOptions=0;this.maxOptionsVisible=3;this.disabled=!1;this.clearable=!1;this.open=!1;this.hoist=!1;this.pill=!1;this.search=!1;this.freeText=!1;this.label="";this.labelTooltip="";this.contextNote="";this.placement="bottom";this.helpText="";this.required=!1;this.cacheKey="";this.triggerSubmit=!1;this.getTag=t=>u`
|
|
1431
1432
|
<zn-chip
|
|
1432
1433
|
part="tag"
|
|
1433
1434
|
exportparts="
|
|
@@ -1446,7 +1447,7 @@ import{a as _n,b as D1,c as nr,d as c,e as B}from"./chunks/zn.UBLZO6CI.js";var J
|
|
|
1446
1447
|
</zn-chip>
|
|
1447
1448
|
`;this.selectFirst=!1;this.distinct="";this.conditional="";this.maxResults=0;this.searchDebounce=300;this.searchParam="q";this.searchOnly=!1;this.handleDocumentFocusIn=t=>{let r=t.composedPath();this&&!r.includes(this)&&this.hide().then()};this.handleDocumentKeyDown=t=>{let r=t.target,n=r.closest(".select__clear")!==null,a=r.closest("zn-icon")!==null,s=r.closest(".select__expand-icon")!==null;if(!((n||a)&&!s)){if(t.key==="Escape"&&this.open&&this.freeText&&this._searchDisplayValue.trim()&&(this.clearSearch(),this.displayInput.value=""),(t.key==="Escape"||t.key==="Tab")&&this.open&&!this.closeWatcher&&(t.preventDefault(),t.stopPropagation(),this.hide().then(),this.displayInput.focus({preventScroll:!0})),t.key==="Escape"&&!this.open&&(t.stopPropagation(),this.displayInput.blur()),t.key==="Enter"||t.key===" "&&!this._isTypeable&&this.typeToSelectString===""){if(t.preventDefault(),t.stopImmediatePropagation(),!this.open){this.show().then();return}if(this.freeText&&!(!(this._addOptionActive&&this._freeTextAddValue!==null)&&this.currentOption&&!this.currentOption.disabled&&!this.currentOption.hidden)&&this.commitFreeText())return;this.currentOption&&!this.currentOption.disabled&&(this.valueHasChanged=!0,this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this._isTypeable&&(this.clearSearch(),this.multiple&&(this.displayInput.value="")),this.updateComplete.then(()=>{this.emit("zn-input"),this.emit("zn-change")}),this.multiple?this._isTypeable&&this.updateComplete.then(()=>{this.displayInput.value="",this.displayInput.focus({preventScroll:!0})}):(this.hide().then(),this.displayInput.focus({preventScroll:!0})));return}if(["ArrowUp","ArrowDown","Home","End"].includes(t.key)){if(t.preventDefault(),!this.open&&(this.show().then(),this.currentOption))return;let l=this._isTypeable?this.getVisibleOptions():this.getAllOptions(),d=this.freeText&&this._freeTextAddValue!==null,h="add",m=d?[h,...l]:[...l];if(m.length===0)return;let f=this._addOptionActive&&d?h:this.currentOption??null,g=f===null?-1:m.indexOf(f),b=Math.max(0,g);t.key==="ArrowDown"?(b=g+1,b>m.length-1&&(b=0)):t.key==="ArrowUp"?(b=g-1,b<0&&(b=m.length-1)):t.key==="Home"?b=0:t.key==="End"&&(b=m.length-1);let v=m[b];v===h?(this._addOptionActive=!0,this.setCurrentOption(null)):(this._addOptionActive=!1,this.setCurrentOption(v))}if(!this._isTypeable&&(t.key.length===1||t.key==="Backspace")){let l=this.getAllOptions();if(t.metaKey||t.ctrlKey||t.altKey)return;if(!this.open){if(t.key==="Backspace")return;this.show().then()}t.stopPropagation(),t.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout(()=>this.typeToSelectString="",1e3),t.key==="Backspace"?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=t.key.toLowerCase();for(let d of l)if(d.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(d);break}}}};this.handleDocumentMouseDown=t=>{let r=t.composedPath();this&&!r.includes(this)&&this.hide().then()}}get value(){return this._value}set value(t){if(this.multiple){if(!Array.isArray(t))if(t.trimStart().startsWith("["))try{let r=JSON.parse(t);t=Array.isArray(r)?r:t.split(" ")}catch{typeof t=="string"&&(t=t.split(" "))}else t=t.split(" ")}else t=Array.isArray(t)?t.join(" "):t;this._value!==t&&(this.valueHasChanged=!0,this._value=t,this.hasUpdated&&this.updateDependencies())}get validity(){return this.valueInput?.validity}get validationMessage(){return this.valueInput?.validationMessage}connectedCallback(){if(super.connectedCallback(),this.updateComplete.then(()=>this.handleDefaultSlotChange()),this.open=!1,this.cacheKey){let t=JSON.parse(localStorage.getItem("zn-linked-select-cache")||"{}");t[this.cacheKey]&&(this.value=t[this.cacheKey])}}disconnectedCallback(){super.disconnectedCallback(),this._fetchAbortController?.abort(),this._fetchAbortController=null,this._searchDebounceTimer!==null&&(clearTimeout(this._searchDebounceTimer),this._searchDebounceTimer=null)}updateHasInputPrefix(){let t=this.prefixSlot?.assignedElements({flatten:!0})||[];this.inputPrefix=t.length>0}addOpenListeners(){let t=this.getRootNode();t.addEventListener("focusin",this.handleDocumentFocusIn),t.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown),"CloseWatcher"in window&&(this.closeWatcher?.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.open&&(this.hide().then(),this.displayInput.focus({preventScroll:!0}))})}removeOpenListeners(){let t=this.getRootNode();t.removeEventListener("focusin",this.handleDocumentFocusIn),t.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),this.closeWatcher?.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(t){let r=t.composedPath(),n=r.some(l=>l instanceof Element&&l.tagName.toLowerCase()==="zn-icon"),a=r.some(l=>l instanceof Element&&l.classList.contains("select__expand-icon")),s=r.some(l=>l instanceof Element&&l.classList.contains("select__prefix"));if(!((this.disabled||this._fetchLoading||this._fetchError||n)&&!a||s)){if(this._isTypeable&&this.open&&!a){t.preventDefault(),this.displayInput.focus({preventScroll:!0});return}t.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open}}handleComboboxKeyDown(t){if(t.key==="Tab")return;t.composedPath().some(a=>a instanceof Element&&a.classList?.contains("select__prefix"))||(t.stopPropagation(),this.handleDocumentKeyDown(t))}handleClearClick(t){t.stopPropagation(),this.value.length>0&&(this.valueHasChanged=!0,this._isTypeable&&(this.clearSearch(),this.displayInput.value=""),this.setSelectedOptions([]),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.emit("zn-clear"),this.emit("zn-input"),this.emit("zn-change"),this.triggerSubmit&&this.formControlController.submit()}))}handleClearMouseDown(t){t.stopPropagation(),t.preventDefault()}get _isRemoteSearch(){return this.search&&!!this.dataUri}get _isTypeable(){return this.search||this.freeText}handleSearchInput(){if(this._isTypeable)if(this._addOptionActive=!1,this._searchDisplayValue=this.displayInput.value,this._searchQuery=this._searchDisplayValue.toLowerCase(),this.open||this.show().then(),this._isRemoteSearch){if(this._searchDebounceTimer!==null&&(clearTimeout(this._searchDebounceTimer),this._searchDebounceTimer=null),!this._searchQuery){this.filterOptions();return}if(this._lastRemoteExhaustive&&this._lastRemoteQuery!==null&&this._searchQuery.startsWith(this._lastRemoteQuery)){this.filterOptions();return}this._noResultsVisible=!1,this._searchDebounceTimer=window.setTimeout(()=>{this._searchDebounceTimer=null,this.fetchOptions(this._searchQuery).then()},this.searchDebounce)}else this.filterOptions()}filterOptions(){let t=this.getAllOptions(),r=this._searchQuery;if(!r){t.forEach(n=>{n.hidden=!1}),this.getAllOptGroups().forEach(n=>{n.hidden=!1}),this._noResultsVisible=!1;return}if(t.forEach(n=>{if(n.selected&&n.hidden)return;let a=n.getTextLabel().toLowerCase(),s=n.value.toLowerCase(),l=a.includes(r)||s.includes(r);n.hidden=!l}),this.getAllOptGroups().forEach(n=>n.updateVisibility()),this._noResultsVisible=t.filter(n=>!n.selected).every(n=>n.hidden),this.currentOption&&this.currentOption.hidden){let n=t.find(a=>!a.hidden&&!a.disabled);n&&this.setCurrentOption(n)}}clearSearch(){this._searchQuery="",this._searchDisplayValue="",this._noResultsVisible=!1,this._addOptionActive=!1,this._searchDebounceTimer!==null&&(clearTimeout(this._searchDebounceTimer),this._searchDebounceTimer=null),this._searchLoading=!1,this.getAllOptions().forEach(r=>{r.hidden=!1}),this.getAllOptGroups().forEach(r=>{r.hidden=!1})}commitFreeText(t=!0){if(!this.freeText)return!1;let r=(this.displayInput?.value??"").trim();if(!r)return!1;this.valueHasChanged=!0;let n=r.toLowerCase(),s=this.getAllOptions().find(l=>l.value.toLowerCase()===n||l.getTextLabel().toLowerCase()===n)??this._createFreeTextOption(r);return this.multiple?this.toggleOptionSelection(s,!0):this.setSelectedOptions(s),this.clearSearch(),this.updateComplete.then(()=>{this.emit("zn-input"),this.emit("zn-change")}),t&&(this.multiple?(this.displayInput.value="",this.displayInput.focus({preventScroll:!0})):(this.hide().then(),this.displayInput.focus({preventScroll:!0}))),!0}get _freeTextAddValue(){if(!this.freeText||!this.open)return null;let t=this._searchDisplayValue.trim();if(!t)return null;let r=t.toLowerCase();return this.getAllOptions().some(a=>a.value.toLowerCase()===r||a.getTextLabel().toLowerCase()===r)?null:t}handleAddOptionMouseDown(t){t.preventDefault()}_materialiseFreeTextValues(t){if(!this.freeText)return;let r=new Set(this.getAllOptions().map(n=>n.value));t.forEach(n=>{n===""||r.has(n)||(this._createFreeTextOption(n),r.add(n))})}_createFreeTextOption(t){let r=document.createElement("zn-option");return r.value=t,r.textContent=t,r.setAttribute("data-free-text",""),this.appendChild(r),r}handleOptionClick(t){let r=t.target;if(r.closest(".select__add-option")){this.commitFreeText();return}let n=r.closest("zn-option"),a=this.value;if(n&&!n.disabled){if(this.valueHasChanged=!0,this.multiple){if(this.maxOptions>0&&this.selectedOptions.length>=this.maxOptions&&!n.selected)return;this.toggleOptionSelection(n)}else this.setSelectedOptions(n);this._isTypeable&&(this.clearSearch(),this.multiple&&(this.displayInput.value="")),this.updateComplete.then(()=>{this.multiple&&this._isTypeable&&this.open&&(this.displayInput.value=""),this.displayInput.focus({preventScroll:!0})}),this.value!==a&&this.updateComplete.then(()=>{this.emit("zn-input"),this.emit("zn-change")}),this.multiple||(this.hide().then(),this.displayInput.focus({preventScroll:!0})),this.triggerSubmit&&this.formControlController.submit()}}handleDefaultSlotChange(){customElements.get("zn-option")||customElements.whenDefined("zn-option").then(()=>this.handleDefaultSlotChange());let t=this.getAllOptions(),r=this.valueHasChanged?this.value:this.defaultValue,n=Array.isArray(r)?r:[r],a=[];if(t.forEach(s=>a.push(s.value)),this._materialiseFreeTextValues(n),this.setSelectedOptions(this.getAllOptions().filter(s=>n.includes(s.value))),!this.valueHasChanged){let s=t.filter(l=>l.hasAttribute("selected"));s.length&&(this.multiple?this.setSelectedOptions(s):this.setSelectedOptions(s[0]),(!this.defaultValue||this.defaultValue.length===0)&&(this.defaultValue=this.value))}this.selectFirst&&this.selectedOptions.length===0&&t.length>0&&(this.setSelectedOptions(t[0]),this.valueHasChanged=!0,this.emit("zn-input"),this.emit("zn-change"))}handleTagRemove(t,r){t.stopPropagation(),t.stopImmediatePropagation(),this.disabled||(this.valueHasChanged=!0,this.toggleOptionSelection(r,!1),this.updateComplete.then(()=>{this.emit("zn-input"),this.emit("zn-change")}))}getAllOptions(){let t=this.shadowRoot?[...this.shadowRoot.querySelectorAll(".select__listbox zn-option")]:[],r=[...this.querySelectorAll("zn-option")];return[...t,...r]}getAllOptGroups(){let t=this.shadowRoot?[...this.shadowRoot.querySelectorAll(".select__listbox zn-opt-group")]:[],r=[...this.querySelectorAll("zn-opt-group")];return[...t,...r]}getVisibleOptions(){return this.getAllOptions().filter(t=>!t.hidden)}getFirstOption(){return this.querySelector("zn-option")}setCurrentOption(t){this.getAllOptions().forEach(n=>{n.current=!1,n.tabIndex=-1}),t&&(this.currentOption=t,t.current=!0,t.tabIndex=0,this._isTypeable&&this.open&&this.shadowRoot?.activeElement===this.displayInput||t.focus())}setSelectedOptions(t){let r=this.getAllOptions(),n=Array.isArray(t)?t:[t];r.forEach(a=>a.selected=!1),n.length&&n.forEach(a=>a.selected=!0),this.selectionChanged()}toggleOptionSelection(t,r){r===!0||r===!1?t.selected=r:t.selected=!t.selected,this.selectionChanged()}selectionChanged(){this.selectedOptions=this.getAllOptions().filter(r=>r.selected),this.querySelectorAll("[data-free-text]").forEach(r=>{r.selected||r.remove()}),this._isRemoteSearch&&this.multiple&&(this._selectedRemoteItems=this.selectedOptions.map(r=>({key:r.value,value:r.getTextLabel()})));let t=this.valueHasChanged;if(this.multiple)this.getAllOptions().filter(r=>!r.multiple).forEach(r=>{r.multiple=!0}),this.value=this.selectedOptions.map(r=>r.value),this.value.length===0?this.displayLabel="":this.displayLabel=this.localize.term("numOptionsSelected",this.selectedOptions.length);else{this.getAllOptions().filter(n=>n.multiple).forEach(n=>{n.multiple=!1});let r=this.selectedOptions[0];this.value=r?.value??"",this.displayLabel=r?.getTextLabel()??""}this.valueHasChanged=t,this.updateComplete.then(()=>{this.formControlController.updateValidity()})}get tags(){return this.selectedOptions.map((t,r)=>{if(r<this.maxOptionsVisible||this.maxOptionsVisible<=0){let n=this.getTag(t,r);return u`
|
|
1448
1449
|
<div @zn-remove=${a=>this.handleTagRemove(a,t)}>
|
|
1449
|
-
${typeof n=="string"?
|
|
1450
|
+
${typeof n=="string"?Qe(n):n}
|
|
1450
1451
|
</div>`}else if(r===this.maxOptionsVisible)return u`
|
|
1451
1452
|
<zn-chip>+${this.selectedOptions.length-r}</zn-chip>`;return u``})}_renderSelectedRemoteItems(){if(!this._isRemoteSearch||!this.multiple||this._selectedRemoteItems.length===0)return W;let t=new Set;for(let r of this._fetchedOptions)if(r.group!==void 0)for(let n of r.options)t.add(n.key);else t.add(r.key);return this._selectedRemoteItems.filter(r=>!t.has(r.key)).map(r=>u`
|
|
1452
1453
|
<zn-option value=${r.key} hidden>${r.value}</zn-option>`)}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}firstUpdated(t){if(super.firstUpdated(t),this.distinct!==""){let r=document.querySelector(`zn-select[id="${this.distinct}"]`);r&&(r.addEventListener("zn-change",()=>{let n=Array.isArray(r.value)?r.value:[r.value];this.getAllOptions().map(s=>s).forEach(s=>{n.includes(s.value)?s.style.display="none":s.style.display=""})}),r.dispatchEvent(new Event("zn-input")))}this.conditionalController.setup(),this.dataUri&&!this.searchOnly&&this.fetchOptions().then(),this.updateHasInputPrefix(),this.updateDependencies()}handleDisabledChange(){this.disabled?(this.open=!1,this.handleOpenChange().then(),this._fetchAbortController?.abort(),this._fetchAbortController=null,this._fetchLoading=!1,this._fetchError=""):this.dataUri&&!this.searchOnly&&this.fetchOptions().then()}handleSrcChange(){this.dataUri&&!this.searchOnly?this.fetchOptions().then():(this._fetchedOptions=[],this._fetchLoading=!1,this._fetchError="",this.handleDefaultSlotChange())}_handleFetchError(t){this._fetchError=t,this._fetchLoading=!1,this._fetchAbortController=null,this.emit("zn-error",{detail:{status:400}})}_buildCacheKey(t){let r=this.cacheKey||this.dataUri;return t?`zn-select-search:${r}:${t}`:`zn-select-search:${r}`}_readCache(t){if(!this.cacheKey)return null;try{let r=localStorage.getItem(this._buildCacheKey(t));if(r)return JSON.parse(r)}catch{}return null}_writeCache(t,r){if(this.cacheKey)try{localStorage.setItem(this._buildCacheKey(t),JSON.stringify(r))}catch{}}_parseOptions(t){let r;if(Array.isArray(t))t.length>0&&t.some(a=>a&&typeof a=="object"&&"group"in a)?r=t.map(a=>"group"in a&&Array.isArray(a.options)?{group:String(a.group),options:a.options}:a):r=t;else if(t&&typeof t=="object")r=Object.entries(t).map(([n,a])=>({key:n,value:String(a)}));else return null;if(this.maxResults>0){let n=0,a=[];for(let s of r){if(n>=this.maxResults)break;if(s.group!==void 0){let l=this.maxResults-n,d=s.options.slice(0,l);d.length>0&&(a.push({group:s.group,options:d}),n+=d.length)}else a.push(s),n++}r=a}return r}async fetchOptions(t){if(!this.dataUri||this.disabled)return;let r=!!t;if(this.cacheKey){let n=this._readCache(t);if(n){this._fetchedOptions=n,this._searchLoading=!1,this._fetchLoading=!1,this._totalResultCount=0,this._noResultsVisible=n.length===0&&r,this.emit("zn-load"),this.updateComplete.then(()=>this.handleDefaultSlotChange());return}}this._fetchAbortController?.abort(),this._fetchAbortController=new AbortController,r?this._searchLoading=!0:this._fetchLoading=!0,this._fetchError="";try{let n=this.dataUri;if(t){let h=n.includes("?")?"&":"?";n=`${n}${h}${encodeURIComponent(this.searchParam)}=${encodeURIComponent(t)}`}let a=await fetch(n,{signal:this._fetchAbortController.signal,credentials:"same-origin",headers:{"x-kx-fetch-style":"zn-select-options","x-kx-context-data":this.contextData||""}});if(!a.ok){this._searchLoading=!1,this._handleFetchError(a.statusText||`HTTP ${a.status}`);return}let s=await a.json(),l=Array.isArray(s)?s.reduce((h,m)=>{if(m&&typeof m=="object"&&"group"in m){let f=m;return h+(Array.isArray(f.options)?f.options.length:0)}return h+1},0):s&&typeof s=="object"?Object.keys(s).length:0,d=this._parseOptions(s);if(!d){this._searchLoading=!1,this._handleFetchError("Expected JSON array or object of options");return}this._fetchedOptions=d,this._fetchLoading=!1,this._searchLoading=!1,this._fetchAbortController=null,this._noResultsVisible=d.length===0&&r,this._totalResultCount=this.maxResults>0&&l>this.maxResults?l:0,this._lastRemoteQuery=t??"",this._lastRemoteExhaustive=this.maxResults>0?l<this.maxResults:!0,this._writeCache(t,d),this.emit("zn-load"),this.updateComplete.then(()=>{this.handleDefaultSlotChange()})}catch(n){if(n instanceof DOMException&&n.name==="AbortError")return;this._searchLoading=!1,this._handleFetchError(n instanceof Error?n.message:"Failed to load options")}}attributeChangedCallback(t,r,n){if(super.attributeChangedCallback(t,r,n),t==="value"){let a=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=a}}handleValueChange(){if(!this.valueHasChanged){let n=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=n}let t=this.getAllOptions(),r=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(t.filter(n=>r.includes(n.value))),this.updateDependencies()}async handleOpenChange(){if(this.open&&!this.disabled){this.setCurrentOption(null),this._isTypeable&&(this.clearSearch(),this.displayInput.value="",this.displayInput.readOnly=!1),this.emit("zn-show"),this.addOpenListeners(),await Dh(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame(()=>{this.setCurrentOption(this.currentOption)}),this._isTypeable&&requestAnimationFrame(()=>{this.displayInput.focus({preventScroll:!0})});let{keyframes:t,options:r}=cn(this,"select.show",{dir:this.localize.dir()});await sn(this.popup.popup,t,r),this.currentOption&&yb(this.currentOption,this.listbox,"vertical","auto"),this.emit("zn-after-show")}else{this.emit("zn-hide"),this.removeOpenListeners(),this._isTypeable&&(this.freeText&&this._searchDisplayValue.trim()&&this.commitFreeText(!1),this.clearSearch(),this.displayInput.readOnly=!0,this.displayInput.value=this.multiple?"":this.displayLabel),await Dh(this);let{keyframes:t,options:r}=cn(this,"select.hide",{dir:this.localize.dir()});await sn(this.popup.popup,t,r),this.listbox.hidden=!0,this.popup.active=!1,this.emit("zn-after-hide")}}async show(){if(this.open||this.disabled){this.open=!1;return}return this.open=!0,so(this,"zn-after-show")}async hide(){if(!this.open||this.disabled){this.open=!1;return}return this.open=!1,so(this,"zn-after-hide")}checkValidity(){return this.valueInput?this.valueInput.checkValidity():!1}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput?this.valueInput.reportValidity():!1}setCustomValidity(t){this.valueInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.displayInput.focus(t)}blur(){this.displayInput.blur()}updateDependencies(){let t=this.getRootNode();if(!t?.querySelectorAll)return;t.querySelectorAll("[data-disable-on]").forEach(n=>{let a=n.getAttribute("data-disable-on");if(!a)return;let s=null;try{s=t.querySelector(a)}catch{}if(!s){let l=a.startsWith("#")?a:`#${a}`;try{s=t.querySelector(l)}catch{}}s===this&&this.updateDependencyState(n)})}updateDependencyState(t){let r=t.getAttribute("data-disable-value");if(r!==null){let n=r.split(",").map(s=>s.trim()),a;Array.isArray(this.value)?a=this.value.some(s=>n.includes(s)):a=n.includes(String(this.value)),this.toggleDisabled(t,a)}}toggleDisabled(t,r){let n=()=>{"defaultValue"in t&&typeof t.defaultValue<"u"&&(t.value=t.defaultValue)};t.disabled=r,r&&n()}render(){let t=this.hasSlotController.test("label"),r=this.hasSlotController.test("label-tooltip"),n=this.hasSlotController.test("context-note"),a=this.hasSlotController.test("help-text"),s=this.label?!0:t,l=this.labelTooltip?!0:r,d=this.contextNote?!0:n,h=this.helpText?!0:a,m=this.clearable&&!this.disabled&&this.value.length>0,f=this.placeholder&&this.value.length===0,g=this._fetchLoading||!!this._fetchError,b=this.disabled||g;return u`
|
|
@@ -1988,7 +1989,7 @@ import{a as _n,b as D1,c as nr,d as c,e as B}from"./chunks/zn.UBLZO6CI.js";var J
|
|
|
1988
1989
|
<div class="capd"><span class="caption">${m}</span><span class="summary">${f}</span></div>
|
|
1989
1990
|
</div>
|
|
1990
1991
|
</td>`),r.hasOwnProperty("data")&&r.data!=null&&r.data.forEach((j,I)=>{let w=this.columnDisplay[I+1],E="";w!=""&&w!=null&&(E="hidden "+w+":table-cell"),j=this.columnContent(j),a.push(u`
|
|
1991
|
-
<td class="${E}">${typeof j=="string"?
|
|
1992
|
+
<td class="${E}">${typeof j=="string"?Qe(j):j}</td>`)}),t.push(u`
|
|
1992
1993
|
<tr .id=${P(v)} class="${N({"table-row":!0,"table-row--nested":S,"table-row--error":x==="error","table-row--info":x==="info","table-row--warning":x==="warning","table-row--success":x==="success"})}">${a}
|
|
1993
1994
|
</tr>`)}),u`
|
|
1994
1995
|
<tbody>${t}</tbody>`}columnContent(t){if(typeof t!="object"||t===null)return this.boolIcons&&(t.toString()==="true"||t.toString()==="false")?u`
|
|
@@ -3313,19 +3314,19 @@ ${ua(this.code(o,t))}
|
|
|
3313
3314
|
role="presentation">
|
|
3314
3315
|
<div
|
|
3315
3316
|
style=${qo({clipPath:`inset(0 0 0 ${(r-n)*100}%)`})}>
|
|
3316
|
-
${
|
|
3317
|
+
${Qe(this.getSymbol(n+1))}
|
|
3317
3318
|
</div>
|
|
3318
3319
|
<div
|
|
3319
3320
|
class="rating__partial--filled"
|
|
3320
3321
|
style=${qo({clipPath:`inset(0 ${100-(r-n)*100}% 0 0)`})}>
|
|
3321
|
-
${
|
|
3322
|
+
${Qe(this.getSymbol(n+1))}
|
|
3322
3323
|
</div>
|
|
3323
3324
|
</span>
|
|
3324
3325
|
`:u`
|
|
3325
3326
|
<span
|
|
3326
3327
|
class=${N({rating__symbol:!0,"rating__symbol--hover":this.isHovering&&Math.ceil(r)===n+1,"rating__symbol--active":r>=n+1})}
|
|
3327
3328
|
role="presentation">
|
|
3328
|
-
${
|
|
3329
|
+
${Qe(this.getSymbol(n+1))}
|
|
3329
3330
|
</span>`)}
|
|
3330
3331
|
</span>
|
|
3331
3332
|
</div>
|
|
@@ -3379,7 +3380,7 @@ ${ua(this.code(o,t))}
|
|
|
3379
3380
|
<slot name="help-text">${this.helpText}</slot>
|
|
3380
3381
|
</div>
|
|
3381
3382
|
</fieldset>
|
|
3382
|
-
`}};de.styles=T(Zw),c([V("slot:not([name])")],de.prototype,"defaultSlot",2),c([V(".radio-group__validation-input")],de.prototype,"validationInput",2),c([H()],de.prototype,"errorMessage",2),c([H()],de.prototype,"defaultValue",2),c([p()],de.prototype,"label",2),c([p({attribute:"label-tooltip"})],de.prototype,"labelTooltip",2),c([p({attribute:"help-text"})],de.prototype,"helpText",2),c([p()],de.prototype,"name",2),c([p({reflect:!0})],de.prototype,"value",2),c([p({reflect:!0})],de.prototype,"size",2),c([p({type:Boolean,reflect:!0})],de.prototype,"horizontal",2),c([p({type:Boolean,reflect:!0})],de.prototype,"contained",2),c([p({reflect:!0})],de.prototype,"form",2),c([p({type:Boolean,reflect:!0})],de.prototype,"required",2),c([K("size",{waitUntilFirstUpdate:!0})],de.prototype,"handleSizeChange",1),c([K("value")],de.prototype,"handleValueChange",1);var u6=de;de.define("zn-radio-group");var t_=(i,o,t)=>{let r=new Map;for(let n=o;n<=t;n++)r.set(i[n],n);return r},$i=ie(class extends Ve{constructor(i){if(super(i),i.type!==Ke.CHILD)throw Error("repeat() can only be used in text expressions")}dt(i,o,t){let r;t===void 0?t=o:o!==void 0&&(r=o);let n=[],a=[],s=0;for(let l of i)n[s]=r?r(l,s):s,a[s]=t(l,s),s++;return{values:a,keys:n}}render(i,o,t){return this.dt(i,o,t).values}update(i,[o,t,r]){let n=dg(i),{values:a,keys:s}=this.dt(o,t,r);if(!Array.isArray(n))return this.ut=s,a;let l=this.ut??(this.ut=[]),d=[],h,m,f=0,g=n.length-1,b=0,v=a.length-1;for(;f<=g&&b<=v;)if(n[f]===null)f++;else if(n[g]===null)g--;else if(l[f]===s[b])d[b]=ei(n[f],a[b]),f++,b++;else if(l[g]===s[v])d[v]=ei(n[g],a[v]),g--,v--;else if(l[f]===s[v])d[v]=ei(n[f],a[v]),Aa(i,d[v+1],n[f]),f++,v--;else if(l[g]===s[b])d[b]=ei(n[g],a[b]),Aa(i,n[f],n[g]),g--,b++;else if(h===void 0&&(h=t_(s,b,v),m=t_(l,f,g)),h.has(l[f]))if(h.has(l[g])){let x=m.get(s[b]),S=x!==void 0?n[x]:null;if(S===null){let _=Aa(i,n[f]);ei(_,a[b]),d[b]=_}else d[b]=ei(S,a[b]),Aa(i,n[f],S),n[x]=null;b++}else $c(n[g]),g--;else $c(n[f]),f++;for(;b<=v;){let x=Aa(i,d[v+1]);ei(x,a[b]),d[b++]=x}for(;f<=g;){let x=n[f++];x!==null&&$c(x)}return this.ut=s,$a(i,d),ne}});var e_=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}.form-control-input{margin:var(--zn-spacing-2x-small) 3px 3px 0}.form-control-input--flush{margin:0}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control--has-label .form-control__label{display:inline-block;color:var(--zn-input-label-color);font-weight:var(--zn-input-label-font-weight);line-height:var(--zn-input-label-line-height);margin-bottom:var(--zn-spacing-x-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--zn-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control__label{font-size:var(--zn-input-label-font-size-large)}:host([required]) .form-control--has-label .form-control__label::after{content:var(--zn-input-required-content);margin-inline-start:var(--zn-input-required-content-offset);color:var(--zn-input-required-content-color)}.form-control--has-label.form-control--radio-group .form-control__label,.form-control--has-label.form-control--checkbox-group .form-control__label{margin-bottom:0}.form-control--has-label.form-control--has-label-tooltip .form-control__label{display:inline-flex;align-items:center;gap:var(--zn-spacing-2x-small)}.form-control--has-label.form-control--small .form-control__label{font-size:var(--zn-input-label-font-size-small)}.form-control--label-tooltip{color:var(--zn-color-neutral-700);font-size:var(--zn-font-size-small)}.form-control--label-tooltip zn-icon{--icon-color:var(--zn-color-neutral-700);--icon-size:var(--zn-font-size-small)}.form-control--has-label.form-control--has-context-note{display:flex;justify-content:space-between;flex-wrap:wrap}.form-control__label-context-note{color:var(--zn-input-help-text-color);font-size:var(--zn-font-size-small);margin-bottom:var(--zn-spacing-2x-small)}.form-control--has-label.form-control--has-context-note .form-control-input{width:100%}.form-control--has-help-text .form-control__help-text,.radio--has-description .radio__description,.checkbox--has-description .checkbox__description{display:block;color:var(--zn-input-help-text-color);margin-top:var(--zn-spacing-x-small)}.radio--has-description .radio__description,.checkbox--has-description .checkbox__description{margin-top:0.375rem}.radio--has-selected-content .radio__selected-content,.checkbox--has-selected-content .checkbox__selected-content{display:block;margin-top:var(--zn-spacing-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--zn-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text,.radio--has-description .radio__description,.checkbox--has-description .checkbox__description{font-size:var(--zn-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--zn-input-help-text-font-size-large)}.form-control--has-help-text.form-control--radio-group .form-control__help-text,.form-control--has-help-text.form-control--checkbox-group .form-control__help-text{margin-top:var(--zn-spacing-medium)}.form-control--has-help-text .switch .form-control__help-text{margin-top:var(--zn-spacing-3x-small)}.form-control--checkbox-contained-wrapper{height:100%}:host{display:block}.input__control{border:0;clip-path:inset(50%);height:1px;margin:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.form-control--droparea .input__control{left:50%}.form-control-input{position:relative}.button__wrapper{align-items:center;display:flex;gap:var(--zn-input-spacing-medium)}.form-control--small .button__wrapper{gap:var(--zn-input-spacing-small)}:host([size=large]) .button__wrapper{gap:var(--zn-input-spacing-large)}.input__value{display:inline-flex;justify-content:center;align-items:center;gap:var(--zn-spacing-small);color:var(--zn-input-color);font-size:var(--zn-input-label-font-size-medium)}.input__value.input__value--hidden{display:none}.input__delete{cursor:pointer;color:var(--zn-input-color);font-size:var(--zn-input-label-font-size-medium)}.input__delete:hover{color:var(--zn-color-primary-600)}.input__value--placeholder{color:var(--zn-input-help-text-color)}.form-control--small .input__value{font-size:var(--zn-input-label-font-size-small)}.form-control--large .input__value{font-size:var(--zn-input-label-font-size-large)}.form-control--user-dragging:not([disabled]) .button::part(base){background:none;border-color:var(--zn-color-primary-900);color:var(--zn-color-primary-900)}.droparea{--highlight-color:var(--zn-color-primary-600);position:relative;border:1px solid var(--zn-input-border-color);border-radius:var(--zn-border-radius);font:var(--zn-font-size-medium);min-height:180px;transition:var(--zn-transition-medium) background,var(--zn-transition-medium) border-color}.droparea:focus-visible{border-color:var(--zn-color-primary-600);outline:var(--zn-focus-ring);outline-offset:var(--zn-focus-ring-offset)}:host([disabled]) .droparea{--highlight-color:var(--zn-color-neutral-600)}:host([disabled]) .input__value{display:none}.droparea__background{align-items:center;display:flex;justify-content:center;gap:var(--zn-spacing-x-small);padding:var(--zn-spacing-large) var(--zn-spacing-medium);width:100%;height:100%;min-height:inherit;box-sizing:border-box}.droparea__clear{position:absolute;top:var(--zn-spacing-small);right:var(--zn-spacing-small);z-index:1}.droparea__upload{text-transform:uppercase;letter-spacing:0.02em}.droparea--has-preview .droparea__background{--zn-droparea-checker-size:12px;--zn-droparea-checker-a:var(--zn-color-neutral-50);--zn-droparea-checker-b:var(--zn-color-neutral-100);background-color:var(--zn-droparea-checker-a);background-image:linear-gradient(45deg,var(--zn-droparea-checker-b) 25%,transparent 25%),linear-gradient(-45deg,var(--zn-droparea-checker-b) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--zn-droparea-checker-b) 75%),linear-gradient(-45deg,transparent 75%,var(--zn-droparea-checker-b) 75%);background-size:var(--zn-droparea-checker-size) var(--zn-droparea-checker-size);background-position:0 0,0 calc(var(--zn-droparea-checker-size) / 2),calc(var(--zn-droparea-checker-size) / 2) calc(var(--zn-droparea-checker-size) / -2),calc(var(--zn-droparea-checker-size) / -2) 0;border-radius:calc(var(--zn-border-radius) - 1px)}.droparea__preview{display:block;position:relative;z-index:1;width:100%;height:150px;max-width:100%;-o-object-fit:contain;object-fit:contain;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;text-align:center;font-size:var(--zn-input-help-text-font-size-medium);color:var(--zn-input-color)}.droparea__filename{color:var(--zn-input-color);font-size:var(--zn-input-label-font-size-medium);font-weight:var(--zn-font-weight-medium);word-break:break-all;text-align:center;padding:0 var(--zn-spacing-3x-large)}.file-wrapper{display:flex;flex-direction:row;flex-wrap:wrap}.form-control--small .droparea{font:var(--zn-font-size-small);min-height:140px}.form-control--small .droparea__preview{height:110px}.form-control--large .droparea{font:var(--zn-font-size-large);min-height:220px}.form-control--large .droparea__preview{height:190px}:host([disabled]) .droparea,:host([disabled]) .input__value{cursor:not-allowed;opacity:0.5}:host(:not([disabled])) .form-control--user-dragging .droparea{background:var(--zn-color-primary-50);border-color:var(--zn-color-primary-600);cursor:pointer}:host(:not([disabled])) .droparea:not(:focus-visible):hover{--highlight-color:var(--zn-color-primary-800);border-color:var(--zn-color-primary-700);cursor:pointer}:host(:not([disabled])) .droparea:hover .droparea__upload::part(base),:host(:not([disabled])) .droparea__upload:hover::part(base),:host(:not([disabled])) .form-control--user-dragging .droparea__upload::part(base){background:var(--zn-color-primary-50);border-color:var(--zn-color-primary-700);color:var(--zn-color-primary-800)}.droparea__upload::part(icon){pointer-events:none}:host([data-user-invalid]:not([disabled])) .droparea{border-color:var(--zn-color-error)}.clear-confirm__text{margin:0;color:var(--zn-input-color)}.form-control__link{display:inline-block;margin-top:var(--zn-spacing-x-small);font-size:var(--zn-input-help-text-font-size-medium);color:var(--zn-color-primary-700);word-break:break-all;text-decoration:none;max-width:100%}.form-control__link:hover{color:var(--zn-color-primary-800);text-decoration:underline}`;var bt=class extends C{constructor(){super(...arguments);this.formControlController=new it(this,{assumeInteractionOn:["zn-change"],value:t=>t.files});this.hasSlotController=new J(this,"help-text","label");this.localize=new je(this);this.userIsDragging=!1;this.fileObjectUrl=null;this.name="";this.defaultValue="";this.size="medium";this.label="";this.clearable=!1;this.helpText="";this.disabled=!1;this.droparea=!1;this.accept="";this.multiple=!1;this.webkitdirectory=!1;this.form="";this.required=!1;this.hideValue=!1;this.src="";this.triggerSubmit=!1;this.showLink=!1;this.handleInvalid=t=>{this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)};this.handleDragOver=t=>{t.preventDefault(),t.stopPropagation(),this.userIsDragging=!0};this.handleDragLeave=t=>{t.preventDefault(),t.stopPropagation(),this.userIsDragging=!1};this.handleDrop=async t=>{if(t.preventDefault(),t.stopPropagation(),!t.dataTransfer)return;let r=await this.handleTransferItems(t.dataTransfer.items);if(this.userIsDragging=!1,!r)return;if(!this.multiple&&!this.webkitdirectory&&r.length>1){this.emit("zn-error");return}if(this.hasSlotController.test("trigger"))this.handleFiles(r);else{let a=cn(this.inputChosen,"file.text.disappear",{dir:this.localize.dir()}),s=cn(this.inputChosen,"file.text.appear",{dir:this.localize.dir()});if(this.droparea){let l=cn(this.dropareaIcon,"file.iconDrop",{dir:this.localize.dir()});sn(this.dropareaIcon,l.keyframes,l.options)}await sn(this.inputChosen,a.keyframes,a.options),this.handleFiles(r),await sn(this.inputChosen,s.keyframes,s.options)}this.input.dispatchEvent(new Event("change"))};this.removeFile=t=>{t.preventDefault(),t.stopPropagation();let r=Array.from(this.files||[]),n=t.target.parentElement?.getAttribute("data-file-name"),a=r.findIndex(l=>l.name===n);a!==-1&&r.splice(a,1);let s=new DataTransfer;r.forEach(l=>s.items.add(l)),this.files=s.files,this.input.dispatchEvent(new Event("change"))};this.handleClearClick=t=>{t.preventDefault(),t.stopPropagation(),this.clearConfirmDialog?.show()};this.confirmClear=()=>{let t=(this.files?.length??0)>0;this.input.value="",this.files=null,t||(this.src=""),this.clearConfirmDialog?.hide(),this.input.dispatchEvent(new Event("change")),this.emit("zn-clear")}}set files(t){this.input&&(this.input.files=t,this.updatePreview())}get files(){return this.input?.files}set value(t){this.input&&(this.input.value=t)}get value(){return this.input?.value}get validity(){return this.input?.validity}get validationMessage(){return this.input.validationMessage}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}focus(t){if(this.droparea){this.dropareaWrapper?.focus(t);return}this.button?.focus(t)}blur(){if(this.droparea){this.dropareaWrapper?.blur();return}this.button?.blur()}handleFiles(t){if(!t){this.value="";return}this.files=t}async handleTransferItems(t){if(!t)return this.value="",new Promise((d,h)=>{h(new Error("No proper items found"))});let n=Array.from(t).map(d=>d.webkitGetAsEntry()).map(d=>this.getFilesFromEntry(d)),s=(await Promise.all(n)).flat(),l=new DataTransfer;return Array.from(s).forEach(d=>l.items.add(d)),l.files}async getFilesFromEntry(t){return t?t.isFile?new Promise((r,n)=>{t.file(a=>r([a]),n)}):t.isDirectory?new Promise((r,n)=>{t.createReader().readEntries(s=>{Promise.all(s.map(l=>this.getFilesFromEntry(l))).then(l=>{r(l.flat())}).catch(n)})}):[]:[]}handleClick(t){t.preventDefault(),this.input.click()}handleChange(t){t.preventDefault(),t.stopPropagation(),this.updatePreview(),this.emit("zn-input"),this.emit("zn-change"),this.triggerSubmit&&this.formControlController.submit()}handleFocus(){this.emit("zn-focus")}handleBlur(){this.emit("zn-blur")}updatePreview(){this.fileObjectUrl&&(URL.revokeObjectURL(this.fileObjectUrl),this.fileObjectUrl=null);let t=this.files?.[0];t&&t.type.startsWith("image/")&&(this.fileObjectUrl=URL.createObjectURL(t))}get previewSrc(){return this.fileObjectUrl??this.src??""}disconnectedCallback(){super.disconnectedCallback(),this.fileObjectUrl&&(URL.revokeObjectURL(this.fileObjectUrl),this.fileObjectUrl=null)}renderFileValueWithDelete(){let t=Array.from(this.files||[]),r=this.clearable,n=this.localize.term("numFilesSelected",0,this.webkitdirectory);return u`
|
|
3383
|
+
`}};de.styles=T(Zw),c([V("slot:not([name])")],de.prototype,"defaultSlot",2),c([V(".radio-group__validation-input")],de.prototype,"validationInput",2),c([H()],de.prototype,"errorMessage",2),c([H()],de.prototype,"defaultValue",2),c([p()],de.prototype,"label",2),c([p({attribute:"label-tooltip"})],de.prototype,"labelTooltip",2),c([p({attribute:"help-text"})],de.prototype,"helpText",2),c([p()],de.prototype,"name",2),c([p({reflect:!0})],de.prototype,"value",2),c([p({reflect:!0})],de.prototype,"size",2),c([p({type:Boolean,reflect:!0})],de.prototype,"horizontal",2),c([p({type:Boolean,reflect:!0})],de.prototype,"contained",2),c([p({reflect:!0})],de.prototype,"form",2),c([p({type:Boolean,reflect:!0})],de.prototype,"required",2),c([K("size",{waitUntilFirstUpdate:!0})],de.prototype,"handleSizeChange",1),c([K("value")],de.prototype,"handleValueChange",1);var u6=de;de.define("zn-radio-group");var t_=(i,o,t)=>{let r=new Map;for(let n=o;n<=t;n++)r.set(i[n],n);return r},$i=ie(class extends Ve{constructor(i){if(super(i),i.type!==Ye.CHILD)throw Error("repeat() can only be used in text expressions")}dt(i,o,t){let r;t===void 0?t=o:o!==void 0&&(r=o);let n=[],a=[],s=0;for(let l of i)n[s]=r?r(l,s):s,a[s]=t(l,s),s++;return{values:a,keys:n}}render(i,o,t){return this.dt(i,o,t).values}update(i,[o,t,r]){let n=dg(i),{values:a,keys:s}=this.dt(o,t,r);if(!Array.isArray(n))return this.ut=s,a;let l=this.ut??(this.ut=[]),d=[],h,m,f=0,g=n.length-1,b=0,v=a.length-1;for(;f<=g&&b<=v;)if(n[f]===null)f++;else if(n[g]===null)g--;else if(l[f]===s[b])d[b]=ei(n[f],a[b]),f++,b++;else if(l[g]===s[v])d[v]=ei(n[g],a[v]),g--,v--;else if(l[f]===s[v])d[v]=ei(n[f],a[v]),Aa(i,d[v+1],n[f]),f++,v--;else if(l[g]===s[b])d[b]=ei(n[g],a[b]),Aa(i,n[f],n[g]),g--,b++;else if(h===void 0&&(h=t_(s,b,v),m=t_(l,f,g)),h.has(l[f]))if(h.has(l[g])){let x=m.get(s[b]),S=x!==void 0?n[x]:null;if(S===null){let _=Aa(i,n[f]);ei(_,a[b]),d[b]=_}else d[b]=ei(S,a[b]),Aa(i,n[f],S),n[x]=null;b++}else $c(n[g]),g--;else $c(n[f]),f++;for(;b<=v;){let x=Aa(i,d[v+1]);ei(x,a[b]),d[b++]=x}for(;f<=g;){let x=n[f++];x!==null&&$c(x)}return this.ut=s,$a(i,d),ne}});var e_=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}.form-control-input{margin:var(--zn-spacing-2x-small) 3px 3px 0}.form-control-input--flush{margin:0}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control--has-label .form-control__label{display:inline-block;color:var(--zn-input-label-color);font-weight:var(--zn-input-label-font-weight);line-height:var(--zn-input-label-line-height);margin-bottom:var(--zn-spacing-x-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--zn-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control__label{font-size:var(--zn-input-label-font-size-large)}:host([required]) .form-control--has-label .form-control__label::after{content:var(--zn-input-required-content);margin-inline-start:var(--zn-input-required-content-offset);color:var(--zn-input-required-content-color)}.form-control--has-label.form-control--radio-group .form-control__label,.form-control--has-label.form-control--checkbox-group .form-control__label{margin-bottom:0}.form-control--has-label.form-control--has-label-tooltip .form-control__label{display:inline-flex;align-items:center;gap:var(--zn-spacing-2x-small)}.form-control--has-label.form-control--small .form-control__label{font-size:var(--zn-input-label-font-size-small)}.form-control--label-tooltip{color:var(--zn-color-neutral-700);font-size:var(--zn-font-size-small)}.form-control--label-tooltip zn-icon{--icon-color:var(--zn-color-neutral-700);--icon-size:var(--zn-font-size-small)}.form-control--has-label.form-control--has-context-note{display:flex;justify-content:space-between;flex-wrap:wrap}.form-control__label-context-note{color:var(--zn-input-help-text-color);font-size:var(--zn-font-size-small);margin-bottom:var(--zn-spacing-2x-small)}.form-control--has-label.form-control--has-context-note .form-control-input{width:100%}.form-control--has-help-text .form-control__help-text,.radio--has-description .radio__description,.checkbox--has-description .checkbox__description{display:block;color:var(--zn-input-help-text-color);margin-top:var(--zn-spacing-x-small)}.radio--has-description .radio__description,.checkbox--has-description .checkbox__description{margin-top:0.375rem}.radio--has-selected-content .radio__selected-content,.checkbox--has-selected-content .checkbox__selected-content{display:block;margin-top:var(--zn-spacing-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--zn-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text,.radio--has-description .radio__description,.checkbox--has-description .checkbox__description{font-size:var(--zn-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--zn-input-help-text-font-size-large)}.form-control--has-help-text.form-control--radio-group .form-control__help-text,.form-control--has-help-text.form-control--checkbox-group .form-control__help-text{margin-top:var(--zn-spacing-medium)}.form-control--has-help-text .switch .form-control__help-text{margin-top:var(--zn-spacing-3x-small)}.form-control--checkbox-contained-wrapper{height:100%}:host{display:block}.input__control{border:0;clip-path:inset(50%);height:1px;margin:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.form-control--droparea .input__control{left:50%}.form-control-input{position:relative}.button__wrapper{align-items:center;display:flex;gap:var(--zn-input-spacing-medium)}.form-control--small .button__wrapper{gap:var(--zn-input-spacing-small)}:host([size=large]) .button__wrapper{gap:var(--zn-input-spacing-large)}.input__value{display:inline-flex;justify-content:center;align-items:center;gap:var(--zn-spacing-small);color:var(--zn-input-color);font-size:var(--zn-input-label-font-size-medium)}.input__value.input__value--hidden{display:none}.input__delete{cursor:pointer;color:var(--zn-input-color);font-size:var(--zn-input-label-font-size-medium)}.input__delete:hover{color:var(--zn-color-primary-600)}.input__value--placeholder{color:var(--zn-input-help-text-color)}.form-control--small .input__value{font-size:var(--zn-input-label-font-size-small)}.form-control--large .input__value{font-size:var(--zn-input-label-font-size-large)}.form-control--user-dragging:not([disabled]) .button::part(base){background:none;border-color:var(--zn-color-primary-900);color:var(--zn-color-primary-900)}.droparea{--highlight-color:var(--zn-color-primary-600);position:relative;border:1px solid var(--zn-input-border-color);border-radius:var(--zn-border-radius);font:var(--zn-font-size-medium);min-height:180px;transition:var(--zn-transition-medium) background,var(--zn-transition-medium) border-color}.droparea:focus-visible{border-color:var(--zn-color-primary-600);outline:var(--zn-focus-ring);outline-offset:var(--zn-focus-ring-offset)}:host([disabled]) .droparea{--highlight-color:var(--zn-color-neutral-600)}:host([disabled]) .input__value{display:none}.droparea__background{align-items:center;display:flex;justify-content:center;gap:var(--zn-spacing-x-small);padding:var(--zn-spacing-large) var(--zn-spacing-medium);width:100%;height:100%;min-height:inherit;box-sizing:border-box}.droparea__clear{position:absolute;top:var(--zn-spacing-small);right:var(--zn-spacing-small);z-index:1}.droparea__upload{text-transform:uppercase;letter-spacing:0.02em}.droparea--has-preview .droparea__background{--zn-droparea-checker-size:12px;--zn-droparea-checker-a:var(--zn-color-neutral-50);--zn-droparea-checker-b:var(--zn-color-neutral-100);background-color:var(--zn-droparea-checker-a);background-image:linear-gradient(45deg,var(--zn-droparea-checker-b) 25%,transparent 25%),linear-gradient(-45deg,var(--zn-droparea-checker-b) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--zn-droparea-checker-b) 75%),linear-gradient(-45deg,transparent 75%,var(--zn-droparea-checker-b) 75%);background-size:var(--zn-droparea-checker-size) var(--zn-droparea-checker-size);background-position:0 0,0 calc(var(--zn-droparea-checker-size) / 2),calc(var(--zn-droparea-checker-size) / 2) calc(var(--zn-droparea-checker-size) / -2),calc(var(--zn-droparea-checker-size) / -2) 0;border-radius:calc(var(--zn-border-radius) - 1px)}.droparea__preview{display:block;position:relative;z-index:1;width:100%;height:150px;max-width:100%;-o-object-fit:contain;object-fit:contain;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;text-align:center;font-size:var(--zn-input-help-text-font-size-medium);color:var(--zn-input-color)}.droparea__filename{color:var(--zn-input-color);font-size:var(--zn-input-label-font-size-medium);font-weight:var(--zn-font-weight-medium);word-break:break-all;text-align:center;padding:0 var(--zn-spacing-3x-large)}.file-wrapper{display:flex;flex-direction:row;flex-wrap:wrap}.form-control--small .droparea{font:var(--zn-font-size-small);min-height:140px}.form-control--small .droparea__preview{height:110px}.form-control--large .droparea{font:var(--zn-font-size-large);min-height:220px}.form-control--large .droparea__preview{height:190px}:host([disabled]) .droparea,:host([disabled]) .input__value{cursor:not-allowed;opacity:0.5}:host(:not([disabled])) .form-control--user-dragging .droparea{background:var(--zn-color-primary-50);border-color:var(--zn-color-primary-600);cursor:pointer}:host(:not([disabled])) .droparea:not(:focus-visible):hover{--highlight-color:var(--zn-color-primary-800);border-color:var(--zn-color-primary-700);cursor:pointer}:host(:not([disabled])) .droparea:hover .droparea__upload::part(base),:host(:not([disabled])) .droparea__upload:hover::part(base),:host(:not([disabled])) .form-control--user-dragging .droparea__upload::part(base){background:var(--zn-color-primary-50);border-color:var(--zn-color-primary-700);color:var(--zn-color-primary-800)}.droparea__upload::part(icon){pointer-events:none}:host([data-user-invalid]:not([disabled])) .droparea{border-color:var(--zn-color-error)}.clear-confirm__text{margin:0;color:var(--zn-input-color)}.form-control__link{display:inline-block;margin-top:var(--zn-spacing-x-small);font-size:var(--zn-input-help-text-font-size-medium);color:var(--zn-color-primary-700);word-break:break-all;text-decoration:none;max-width:100%}.form-control__link:hover{color:var(--zn-color-primary-800);text-decoration:underline}`;var bt=class extends C{constructor(){super(...arguments);this.formControlController=new it(this,{assumeInteractionOn:["zn-change"],value:t=>t.files});this.hasSlotController=new J(this,"help-text","label");this.localize=new Ge(this);this.userIsDragging=!1;this.fileObjectUrl=null;this.name="";this.defaultValue="";this.size="medium";this.label="";this.clearable=!1;this.helpText="";this.disabled=!1;this.droparea=!1;this.accept="";this.multiple=!1;this.webkitdirectory=!1;this.form="";this.required=!1;this.hideValue=!1;this.src="";this.triggerSubmit=!1;this.showLink=!1;this.handleInvalid=t=>{this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)};this.handleDragOver=t=>{t.preventDefault(),t.stopPropagation(),this.userIsDragging=!0};this.handleDragLeave=t=>{t.preventDefault(),t.stopPropagation(),this.userIsDragging=!1};this.handleDrop=async t=>{if(t.preventDefault(),t.stopPropagation(),!t.dataTransfer)return;let r=await this.handleTransferItems(t.dataTransfer.items);if(this.userIsDragging=!1,!r)return;if(!this.multiple&&!this.webkitdirectory&&r.length>1){this.emit("zn-error");return}if(this.hasSlotController.test("trigger"))this.handleFiles(r);else{let a=cn(this.inputChosen,"file.text.disappear",{dir:this.localize.dir()}),s=cn(this.inputChosen,"file.text.appear",{dir:this.localize.dir()});if(this.droparea){let l=cn(this.dropareaIcon,"file.iconDrop",{dir:this.localize.dir()});sn(this.dropareaIcon,l.keyframes,l.options)}await sn(this.inputChosen,a.keyframes,a.options),this.handleFiles(r),await sn(this.inputChosen,s.keyframes,s.options)}this.input.dispatchEvent(new Event("change"))};this.removeFile=t=>{t.preventDefault(),t.stopPropagation();let r=Array.from(this.files||[]),n=t.target.parentElement?.getAttribute("data-file-name"),a=r.findIndex(l=>l.name===n);a!==-1&&r.splice(a,1);let s=new DataTransfer;r.forEach(l=>s.items.add(l)),this.files=s.files,this.input.dispatchEvent(new Event("change"))};this.handleClearClick=t=>{t.preventDefault(),t.stopPropagation(),this.clearConfirmDialog?.show()};this.confirmClear=()=>{let t=(this.files?.length??0)>0;this.input.value="",this.files=null,t||(this.src=""),this.clearConfirmDialog?.hide(),this.input.dispatchEvent(new Event("change")),this.emit("zn-clear")}}set files(t){this.input&&(this.input.files=t,this.updatePreview())}get files(){return this.input?.files}set value(t){this.input&&(this.input.value=t)}get value(){return this.input?.value}get validity(){return this.input?.validity}get validationMessage(){return this.input.validationMessage}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}focus(t){if(this.droparea){this.dropareaWrapper?.focus(t);return}this.button?.focus(t)}blur(){if(this.droparea){this.dropareaWrapper?.blur();return}this.button?.blur()}handleFiles(t){if(!t){this.value="";return}this.files=t}async handleTransferItems(t){if(!t)return this.value="",new Promise((d,h)=>{h(new Error("No proper items found"))});let n=Array.from(t).map(d=>d.webkitGetAsEntry()).map(d=>this.getFilesFromEntry(d)),s=(await Promise.all(n)).flat(),l=new DataTransfer;return Array.from(s).forEach(d=>l.items.add(d)),l.files}async getFilesFromEntry(t){return t?t.isFile?new Promise((r,n)=>{t.file(a=>r([a]),n)}):t.isDirectory?new Promise((r,n)=>{t.createReader().readEntries(s=>{Promise.all(s.map(l=>this.getFilesFromEntry(l))).then(l=>{r(l.flat())}).catch(n)})}):[]:[]}handleClick(t){t.preventDefault(),this.input.click()}handleChange(t){t.preventDefault(),t.stopPropagation(),this.updatePreview(),this.emit("zn-input"),this.emit("zn-change"),this.triggerSubmit&&this.formControlController.submit()}handleFocus(){this.emit("zn-focus")}handleBlur(){this.emit("zn-blur")}updatePreview(){this.fileObjectUrl&&(URL.revokeObjectURL(this.fileObjectUrl),this.fileObjectUrl=null);let t=this.files?.[0];t&&t.type.startsWith("image/")&&(this.fileObjectUrl=URL.createObjectURL(t))}get previewSrc(){return this.fileObjectUrl??this.src??""}disconnectedCallback(){super.disconnectedCallback(),this.fileObjectUrl&&(URL.revokeObjectURL(this.fileObjectUrl),this.fileObjectUrl=null)}renderFileValueWithDelete(){let t=Array.from(this.files||[]),r=this.clearable,n=this.localize.term("numFilesSelected",0,this.webkitdirectory);return u`
|
|
3383
3384
|
${t?u`
|
|
3384
3385
|
<div class="file_wrapper">
|
|
3385
3386
|
${$i(t,a=>u`
|
|
@@ -3637,7 +3638,7 @@ ${ua(this.code(o,t))}
|
|
|
3637
3638
|
<zn-menu></zn-menu>
|
|
3638
3639
|
</zn-dropdown>
|
|
3639
3640
|
<slot></slot>
|
|
3640
|
-
</div>`}addButton(t){t&&(t.classList.add("zn-button-menu__added"),this._originalButtons.push({button:t,width:Math.max(t.offsetWidth,150)}),this.calculateVisibleButtons())}setDynamicButtons(t){this.removeAllButtons(),!(!t||t.length===0)&&t.forEach(r=>{this.addButton(r)})}removeButton(t){let r=this.querySelector(`zn-button.${t}`);r&&(this._originalButtons=this._originalButtons.filter(a=>a.button!==r),r.remove());let n=this.querySelector(`zn-menu-item#${t}`);n&&this.shadowRoot?.querySelector("zn-menu")&&n.remove(),this.calculateVisibleButtons()}removeAllButtons(){let t=this.shadowRoot?.querySelectorAll("zn-button.zn-button-menu__added");t&&t.forEach(n=>{n.remove()});let r=this.shadowRoot?.querySelectorAll("zn-menu-item.zn-button-menu__added");r&&r?.forEach(n=>{n.remove()}),this._buttons=[],this._originalButtons=this._originalButtons.filter(n=>!n.button.classList.contains("zn-button-menu__added")),this.calculateVisibleButtons()}};Cr.styles=T(g_),c([p({type:Number,attribute:"max-width"})],Cr.prototype,"maxWidth",2),c([p({type:Number})],Cr.prototype,"containerWidth",2),c([p({type:Number,attribute:"limit"})],Cr.prototype,"limit",2),c([p({type:Number,attribute:"max-level"})],Cr.prototype,"maxLevel",2),c([p({type:Number,attribute:"icon-size",reflect:!0})],Cr.prototype,"iconSize",2),c([p({type:Boolean,attribute:"no-gap"})],Cr.prototype,"noGap",2),c([p({type:Boolean,attribute:"no-padding"})],Cr.prototype,"noPadding",2),c([K("containerWidth",{waitUntilFirstUpdate:!0})],Cr.prototype,"watchContainerMaxWidth",1);var T6=Cr;Cr.define("zn-button-menu");var b_=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{--width:min(100vw,46rem);--header-spacing:var(--zn-spacing-large) var(--zn-spacing-large) var(--zn-spacing-medium);--body-spacing:var(--zn-spacing-medium) var(--zn-spacing-large);--footer-spacing:var(--zn-spacing-large);--icon-background-color:var(--zn-color-primary-200);--icon-color:var(--zn-color-primary-600);--caption-color:var(--zn-color-primary-600);display:contents}.slideout{left:unset;top:0;bottom:0;right:0;margin:0;max-height:100%;height:100%;overflow:hidden;overflow-y:auto;flex-direction:column;z-index:2;padding:0;width:1100px;background:rgb(var(--zn-body));box-shadow:0 0 10px 0 rgba(0,0,0,0.1)}.slideout::backdrop{background:var(--zn-overlay-background-color)}.slideout__header{flex:0 0 auto;display:flex;border-bottom:1px solid rgb(var(--zn-border-color));background-color:var(--zn-panel-background-color)}.slideout__title{display:flex;flex:1 1 auto;align-items:center;font:inherit;margin:0;color:rgb(var(--zn-text-panel-title));font-size:var(--zn-font-size-x-large);font-weight:var(--zn-font-weight-semibold);letter-spacing:var(--zn-letter-spacing-normal);line-height:var(--zn-font-size-x-large);padding:var(--header-spacing)}.slideout__header-actions{flex-shrink:0;display:flex;flex-wrap:wrap;justify-content:end;align-items:center;margin-left:auto;gap:var(--zn-spacing-x-small);padding:var(--header-spacing)}.slideout__header-actions zn-button,.slideout__header-actions::slotted(zn-button){flex:0 0 auto;display:flex;align-items:center;font-size:var(--zn-font-size-medium)}.slideout__body{flex:1 1 auto;display:block;padding:var(--body-spacing);overflow:auto;-webkit-overflow-scrolling:touch;color:var(--zn-color-text-default);font-size:var(--zn-font-size-medium);font-weight:var(--zn-font-weight-normal);letter-spacing:var(--zn-tracking-normal);line-height:var(--zn-line-height-dense)}.slideout__footer{display:flex;justify-content:space-between;flex:0 0 auto;padding:var(--footer-spacing);border-top:1px solid rgb(var(--zn-border-color))}.slideout__footer ::slotted(zn-button:not(:first-of-type)){margin-inline-start:var(--zn-spacing-x-small)}`;var Ur=class extends C{constructor(){super(...arguments);this.localize=new
|
|
3641
|
+
</div>`}addButton(t){t&&(t.classList.add("zn-button-menu__added"),this._originalButtons.push({button:t,width:Math.max(t.offsetWidth,150)}),this.calculateVisibleButtons())}setDynamicButtons(t){this.removeAllButtons(),!(!t||t.length===0)&&t.forEach(r=>{this.addButton(r)})}removeButton(t){let r=this.querySelector(`zn-button.${t}`);r&&(this._originalButtons=this._originalButtons.filter(a=>a.button!==r),r.remove());let n=this.querySelector(`zn-menu-item#${t}`);n&&this.shadowRoot?.querySelector("zn-menu")&&n.remove(),this.calculateVisibleButtons()}removeAllButtons(){let t=this.shadowRoot?.querySelectorAll("zn-button.zn-button-menu__added");t&&t.forEach(n=>{n.remove()});let r=this.shadowRoot?.querySelectorAll("zn-menu-item.zn-button-menu__added");r&&r?.forEach(n=>{n.remove()}),this._buttons=[],this._originalButtons=this._originalButtons.filter(n=>!n.button.classList.contains("zn-button-menu__added")),this.calculateVisibleButtons()}};Cr.styles=T(g_),c([p({type:Number,attribute:"max-width"})],Cr.prototype,"maxWidth",2),c([p({type:Number})],Cr.prototype,"containerWidth",2),c([p({type:Number,attribute:"limit"})],Cr.prototype,"limit",2),c([p({type:Number,attribute:"max-level"})],Cr.prototype,"maxLevel",2),c([p({type:Number,attribute:"icon-size",reflect:!0})],Cr.prototype,"iconSize",2),c([p({type:Boolean,attribute:"no-gap"})],Cr.prototype,"noGap",2),c([p({type:Boolean,attribute:"no-padding"})],Cr.prototype,"noPadding",2),c([K("containerWidth",{waitUntilFirstUpdate:!0})],Cr.prototype,"watchContainerMaxWidth",1);var T6=Cr;Cr.define("zn-button-menu");var b_=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{--width:min(100vw,46rem);--header-spacing:var(--zn-spacing-large) var(--zn-spacing-large) var(--zn-spacing-medium);--body-spacing:var(--zn-spacing-medium) var(--zn-spacing-large);--footer-spacing:var(--zn-spacing-large);--icon-background-color:var(--zn-color-primary-200);--icon-color:var(--zn-color-primary-600);--caption-color:var(--zn-color-primary-600);display:contents}.slideout{left:unset;top:0;bottom:0;right:0;margin:0;max-height:100%;height:100%;overflow:hidden;overflow-y:auto;flex-direction:column;z-index:2;padding:0;width:1100px;background:rgb(var(--zn-body));box-shadow:0 0 10px 0 rgba(0,0,0,0.1)}.slideout::backdrop{background:var(--zn-overlay-background-color)}.slideout__header{flex:0 0 auto;display:flex;border-bottom:1px solid rgb(var(--zn-border-color));background-color:var(--zn-panel-background-color)}.slideout__title{display:flex;flex:1 1 auto;align-items:center;font:inherit;margin:0;color:rgb(var(--zn-text-panel-title));font-size:var(--zn-font-size-x-large);font-weight:var(--zn-font-weight-semibold);letter-spacing:var(--zn-letter-spacing-normal);line-height:var(--zn-font-size-x-large);padding:var(--header-spacing)}.slideout__header-actions{flex-shrink:0;display:flex;flex-wrap:wrap;justify-content:end;align-items:center;margin-left:auto;gap:var(--zn-spacing-x-small);padding:var(--header-spacing)}.slideout__header-actions zn-button,.slideout__header-actions::slotted(zn-button){flex:0 0 auto;display:flex;align-items:center;font-size:var(--zn-font-size-medium)}.slideout__body{flex:1 1 auto;display:block;padding:var(--body-spacing);overflow:auto;-webkit-overflow-scrolling:touch;color:var(--zn-color-text-default);font-size:var(--zn-font-size-medium);font-weight:var(--zn-font-weight-normal);letter-spacing:var(--zn-tracking-normal);line-height:var(--zn-line-height-dense)}.slideout__footer{display:flex;justify-content:space-between;flex:0 0 auto;padding:var(--footer-spacing);border-top:1px solid rgb(var(--zn-border-color))}.slideout__footer ::slotted(zn-button:not(:first-of-type)){margin-inline-start:var(--zn-spacing-x-small)}`;var Ur=class extends C{constructor(){super(...arguments);this.localize=new Ge(this);this.open=!1;this.closeClickHandler=t=>{t.target instanceof HTMLElement&&t.target.hasAttribute("slideout-closer")&&this.hide()}}firstUpdated(t){super.firstUpdated(t),this.open&&this.show()}connectedCallback(){if(super.connectedCallback(),this.addEventListener("click",this.closeClickHandler),this.shadowRoot?.addEventListener("click",this.closeClickHandler),this.trigger){let t=this.parentNode?.querySelector("#"+this.trigger);t&&t.addEventListener("click",()=>this.show())}}disconnectedCallback(){if(super.disconnectedCallback(),this.slideout.close(),Vc(this),this.closeWatcher?.destroy(),this.removeEventListener("click",this.closeClickHandler),this.trigger){let t=this.parentElement?.querySelector("#"+this.trigger);t&&t.removeEventListener("click",()=>this.show())}}requestClose(t){this.emit("zn-request-close",{cancelable:!0,detail:{source:t}}).defaultPrevented||this.hide()}addOpenListeners(){"CloseWatcher"in window&&(this.closeWatcher?.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>this.requestClose("keyboard"))}removeOpenListeners(){this.closeWatcher?.destroy()}async show(){this.emit("zn-show"),this.addOpenListeners(),this.open=!0,this.slideout.showModal();let{keyframes:t,options:r}=cn(this,"slideout.show",{dir:this.localize.dir()});await sn(this.slideout,t,r)}async hide(){this.emit("zn-close"),this.removeOpenListeners();let{keyframes:t,options:r}=cn(this,"slideout.hide",{dir:this.localize.dir()});await sn(this.slideout,t,r),this.open=!1,this.slideout.close()}render(){return u`
|
|
3641
3642
|
<dialog
|
|
3642
3643
|
part="base"
|
|
3643
3644
|
role="alertdialog"
|
|
@@ -3701,7 +3702,7 @@ ${ua(this.code(o,t))}
|
|
|
3701
3702
|
<zn-button color="default" slot="footer">Update</zn-button>
|
|
3702
3703
|
</div>
|
|
3703
3704
|
</div>
|
|
3704
|
-
</zn-dropdown>`}};ba.styles=T(v_);var $6=ba;ba.define("zn-data-table-sort");var x_=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{display:block;position:relative}.action-bar{display:flex;flex-direction:row;align-items:center;gap:var(--zn-spacing-small);padding:0;background-color:rgb(var(--zn-panel));justify-content:space-between}.action-bar__left,.action-bar__right{display:flex;flex-direction:row;align-items:center}.action-bar__right ::slotted(*){padding:0 5px;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;border-left:solid 1px rgb(var(--zn-border-color))}`;var va=class extends C{constructor(){super(...arguments);this.localize=new
|
|
3705
|
+
</zn-dropdown>`}};ba.styles=T(v_);var $6=ba;ba.define("zn-data-table-sort");var x_=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{display:block;position:relative}.action-bar{display:flex;flex-direction:row;align-items:center;gap:var(--zn-spacing-small);padding:0;background-color:rgb(var(--zn-panel));justify-content:space-between}.action-bar__left,.action-bar__right{display:flex;flex-direction:row;align-items:center}.action-bar__right ::slotted(*){padding:0 5px;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;border-left:solid 1px rgb(var(--zn-border-color))}`;var va=class extends C{constructor(){super(...arguments);this.localize=new Ge(this)}render(){return u`
|
|
3705
3706
|
<div class="action-bar">
|
|
3706
3707
|
<div class="action-bar__left">
|
|
3707
3708
|
<slot name="menu"></slot>
|
|
@@ -3805,7 +3806,7 @@ ${ua(this.code(o,t))}
|
|
|
3805
3806
|
${d.type==="reply"?u`
|
|
3806
3807
|
<div class="toggle-reply" @click="${this.showReply}">...</div>`:""}
|
|
3807
3808
|
<div class=${N({"text-section":!0,"text-section--reply":d.type==="reply","text-section--text":d.type==="text",hidden:d.type==="reply"})}>
|
|
3808
|
-
${d.lines.map(h=>u`${
|
|
3809
|
+
${d.lines.map(h=>u`${Qe(h)}<br>`)}
|
|
3809
3810
|
</div>
|
|
3810
3811
|
`)}
|
|
3811
3812
|
</div>
|
|
@@ -3825,7 +3826,7 @@ ${ua(this.code(o,t))}
|
|
|
3825
3826
|
`}render(){return u`
|
|
3826
3827
|
<slot></slot>
|
|
3827
3828
|
${this.hasSubmitButton?"":this.renderDefaultButton()}
|
|
3828
|
-
`}};qi.styles=T(k_),c([p()],qi.prototype,"button",2);var D6=qi;qi.define("zn-filter-wrapper");var S_=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{display:contents}.container{padding-bottom:50px}.container--scroll{height:100%;width:100%;overflow:hidden;position:relative}.container--scroll .scroll-content{height:100%;width:100%;overflow:auto;box-sizing:border-box}.setting-container__dropdown{z-index:10;position:absolute;border-radius:50%;width:32px;height:32px;padding:4px;background:rgba(var(--zn-panel,0.8));box-shadow:var(--zn-shadow-small);opacity:0.7;transition-duration:0.3s;transition-property:opacity}.setting-container__dropdown:hover{background:rgba(var(--zn-panel,1))}.setting-container__dropdown--top-end{top:var(--zn-base-gap);right:calc(var(--zn-base-gap) + var(--zn-gutter));bottom:auto}.setting-container__dropdown--top-start{top:var(--zn-base-gap);right:auto;left:calc(var(--zn-base-gap) + var(--zn-gutter));bottom:auto}.setting-container__dropdown--bottom-end{bottom:calc(var(--zn-base-gap) + var(--zn-scroll-footer-height,0px));right:calc(var(--zn-base-gap) + var(--zn-gutter));top:auto}.setting-container__dropdown--bottom-start{bottom:calc(var(--zn-base-gap) + var(--zn-scroll-footer-height,0px));left:calc(var(--zn-base-gap) + var(--zn-gutter));top:auto}.setting-container__dropdown[open],.setting-container__dropdown:hover{opacity:1}.setting-container__toggle-button::part(icon){rotate:0deg;transition:rotate 0.9s ease-in-out,color 0.9s ease-in-out}.setting-container__dropdown[open] .setting-container__toggle-button::part(icon),.setting-container__toggle-button:hover::part(icon){color:rgb(var(--zn-primary));cursor:pointer;rotate:380deg}zn-button{border-radius:var(--zn-border-radius)}.pull-tab{position:absolute;top:0;right:calc(var(--zn-base-gap) + var(--zn-gutter));z-index:20;display:flex;flex-direction:column;align-items:flex-end;max-height:100%}.pull-tab__panel{display:grid;grid-template-rows:0fr;min-height:0;overflow:hidden;background-color:rgb(var(--zn-panel));border:1px solid rgb(var(--zn-border-color));border-top:none;border-bottom-width:0;border-radius:0 0 0 var(--zn-border-radius);transition:grid-template-rows 0.22s ease,border-bottom-width 0s linear 0.22s;will-change:grid-template-rows}.pull-tab--open .pull-tab__panel{grid-template-rows:1fr;border-bottom-width:1px;transition:grid-template-rows 0.22s ease,border-bottom-width 0s linear 0s}.pull-tab__panel-content{min-height:0;overflow:hidden}.pull-tab__panel-content .settings-container__dropdown-content{border:none;box-shadow:none;border-radius:0;margin-bottom:0;max-width:none;width:auto}.pull-tab--expanded .pull-tab__panel-content{overflow-y:auto}.pull-tab__tab{flex-shrink:0;background-color:rgb(var(--zn-panel));color:rgb(var(--zn-text-heading));border:1px solid rgb(var(--zn-border-color));border-top:none;border-radius:0 0 10px 10px;padding:var(--zn-spacing-x-small);cursor:pointer;display:inline-flex;align-items:center;gap:var(--zn-spacing-x-small);max-height:36px;overflow:hidden;margin-top:-1px}.pull-tab__tab:hover{background-color:rgb(var(--zn-shadow))}.pull-tab__tab:focus-visible{outline:2px solid rgb(var(--zn-primary));outline-offset:-2px}.settings-container__dropdown-content{display:flex;flex-direction:column;gap:var(--zn-spacing-small);background-color:rgb(var(--zn-panel));padding:var(--zn-spacing-small);box-shadow:var(--zn-shadow-small);border-radius:var(--zn-border-radius);max-width:var(--zn-size-mpanel);width:-moz-fit-content;width:fit-content;z-index:20;border:1px solid rgb(var(--zn-border-color));margin-bottom:10px}`;var jr=class extends C{constructor(){super(...arguments);this.filters=[];this.position="bottom-start";this.pullTab=!1;this.open=!1;this.panelExpanded=!1;this._mutationObserver=new Dt(this,{target:null,config:{childList:!0,subtree:!0,attributes:!0},callback:t=>{for(let r of t)if(!(r.type==="attributes"&&r.attributeName==="hidden")){this.scheduleUpdateFilters();break}}});this._updateFiltersScheduled=!1;this._hiddenElements=new Set;this.handleDocumentMouseDown=t=>{if(!this.open)return;let r=this.shadowRoot?.querySelector(".pull-tab");r&&t.composedPath().includes(r)||this.hidePullTab()};this.togglePullTab=()=>{this.open?this.hidePullTab():(this.open=!0,document.addEventListener("mousedown",this.handleDocumentMouseDown,!0),this.emit("zn-show"))};this.handlePanelTransitionEnd=t=>{t.propertyName==="grid-template-rows"&&(this.panelExpanded=this.open)};this.handleContentSlotChange=()=>{this.updateFilters()};this.handleFiltersSlotChange=()=>{this.recomputeFiltersFromSlot(),this.updateFilters()}}connectedCallback(){if(super.connectedCallback(),this._store=new qr(window.sessionStorage,this.storeKey),this.recomputeFiltersFromSlot(),this.storeKey){let t=this._store.get("filters");if(t){let r=JSON.parse(t);this.filters=this.filters.map(n=>({...n,checked:Object.prototype.hasOwnProperty.call(r,n.attribute)?r[n.attribute]:n.checked}))}}this.updateFilters(),this._mutationObserver.observe(this)}disconnectedCallback(){document.removeEventListener("mousedown",this.handleDocumentMouseDown,!0),super.disconnectedCallback()}hidePullTab(){this.open=!1,this.panelExpanded=!1,document.removeEventListener("mousedown",this.handleDocumentMouseDown,!0),this.emit("zn-hide")}scheduleUpdateFilters(){this._updateFiltersScheduled||(this._updateFiltersScheduled=!0,Promise.resolve().then(()=>{this._updateFiltersScheduled=!1,this.updateFilters()}))}recomputeFiltersFromSlot(){let t=new Map(this.filters.map(a=>[a.attribute,a.checked])),r=this.querySelectorAll('[slot="filter"]'),n=[];r.forEach(a=>{let s=a.getAttribute("attribute");if(!s)return;let l=a.getAttribute("default")==="true",d=t.has(s)?!!t.get(s):l,h=a.textContent||"Unnamed Filter",m=a.getAttribute("item-selector")||"*";n.push({attribute:s,checked:d,label:h,itemSelector:m})}),this.filters=n}updateSingleFilter(t,r){let n,a=t.attribute==="*"?"":`[${t.attribute}]`;t.itemSelector&&t.itemSelector.startsWith(">")?n=qt(t.itemSelector.substring(1)+a,this,""):n=this.querySelectorAll(t.itemSelector+a),n.forEach(s=>{r?this.filters.some(d=>{if(d.attribute===t.attribute||d.checked)return!1;let h=d.attribute==="*"?"":`[${d.attribute}]`,m;return d.itemSelector&&d.itemSelector.startsWith(">")?m=qt(d.itemSelector.substring(1)+h,this,""):m=this.querySelectorAll(d.itemSelector+h),Array.from(m).includes(s)})||(s.removeAttribute("hidden"),this._hiddenElements.delete(s)):(s.setAttribute("hidden","true"),this._hiddenElements.add(s))})}updateFilters(){this._hiddenElements.forEach(t=>t.removeAttribute("hidden")),this._hiddenElements.clear(),this.filters.forEach(t=>{this.updateSingleFilter(t,t.checked)})}updateFilter(t){let r=t.target.getAttribute("data-attribute"),n=t.target.isChecked,a=this.filters.find(s=>s.attribute===r);if(a){if(this.filters=this.filters.map(s=>s.attribute===r?{...s,checked:n}:s),this.storeKey){let s=this.filters.reduce((l,d)=>(l[d.attribute]=d.checked,l),{});this._store.set("filters",JSON.stringify(s))}this.updateSingleFilter(a,n)}}render(){let t="top-start";switch(this.position){case"top-end":t="bottom-end";break;case"top-start":t="bottom-start";break;case"bottom-end":t="top-end";break;case"bottom-start":t="top-start";break}return u`
|
|
3829
|
+
`}};qi.styles=T(k_),c([p()],qi.prototype,"button",2);var D6=qi;qi.define("zn-filter-wrapper");var S_=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{display:contents}.container{padding-bottom:50px}.container--scroll{height:100%;width:100%;overflow:hidden;position:relative}.container--scroll .scroll-content{height:100%;width:100%;overflow:auto;box-sizing:border-box}.setting-container__dropdown{z-index:10;position:absolute;border-radius:50%;width:32px;height:32px;padding:4px;background:rgba(var(--zn-panel,0.8));box-shadow:var(--zn-shadow-small);opacity:0.7;transition-duration:0.3s;transition-property:opacity}.setting-container__dropdown:hover{background:rgba(var(--zn-panel,1))}.setting-container__dropdown--top-end{top:var(--zn-base-gap);right:calc(var(--zn-base-gap) + var(--zn-gutter));bottom:auto}.setting-container__dropdown--top-start{top:var(--zn-base-gap);right:auto;left:calc(var(--zn-base-gap) + var(--zn-gutter));bottom:auto}.setting-container__dropdown--bottom-end{bottom:calc(var(--zn-base-gap) + var(--zn-scroll-footer-height,0px));right:calc(var(--zn-base-gap) + var(--zn-gutter));top:auto}.setting-container__dropdown--bottom-start{bottom:calc(var(--zn-base-gap) + var(--zn-scroll-footer-height,0px));left:calc(var(--zn-base-gap) + var(--zn-gutter));top:auto}.setting-container__dropdown[open],.setting-container__dropdown:hover{opacity:1}.setting-container__toggle-button::part(icon){rotate:0deg;transition:rotate 0.9s ease-in-out,color 0.9s ease-in-out}.setting-container__dropdown[open] .setting-container__toggle-button::part(icon),.setting-container__toggle-button:hover::part(icon){color:rgb(var(--zn-primary));cursor:pointer;rotate:380deg}zn-button{border-radius:var(--zn-border-radius)}.pull-tab{position:absolute;top:0;right:calc(var(--zn-base-gap) + var(--zn-gutter));z-index:20;display:flex;flex-direction:column;align-items:flex-end;max-height:100%}.pull-tab__panel{display:grid;grid-template-rows:0fr;min-height:0;overflow:hidden;background-color:rgb(var(--zn-panel));border:1px solid rgb(var(--zn-border-color));border-top:none;border-bottom-width:0;border-radius:0 0 0 var(--zn-border-radius);transition:grid-template-rows 0.22s ease,border-bottom-width 0s linear 0.22s;will-change:grid-template-rows}.pull-tab--open .pull-tab__panel{grid-template-rows:1fr;border-bottom-width:1px;transition:grid-template-rows 0.22s ease,border-bottom-width 0s linear 0s}.pull-tab__panel-content{min-height:0;overflow:hidden}.pull-tab__panel-content .settings-container__dropdown-content{border:none;box-shadow:none;border-radius:0;margin-bottom:0;max-width:none;width:auto}.pull-tab--expanded .pull-tab__panel-content{overflow-y:auto}.pull-tab__tab{flex-shrink:0;background-color:rgb(var(--zn-panel));color:rgb(var(--zn-text-heading));border:1px solid rgb(var(--zn-border-color));border-top:none;border-radius:0 0 10px 10px;padding:var(--zn-spacing-x-small);cursor:pointer;display:inline-flex;align-items:center;gap:var(--zn-spacing-x-small);max-height:36px;overflow:hidden;margin-top:-1px}.pull-tab__tab:hover{background-color:rgb(var(--zn-shadow))}.pull-tab__tab:focus-visible{outline:2px solid rgb(var(--zn-primary));outline-offset:-2px}.settings-container__dropdown-content{display:flex;flex-direction:column;gap:var(--zn-spacing-small);background-color:rgb(var(--zn-panel));padding:var(--zn-spacing-small);box-shadow:var(--zn-shadow-small);border-radius:var(--zn-border-radius);max-width:var(--zn-size-mpanel);width:-moz-fit-content;width:fit-content;z-index:20;border:1px solid rgb(var(--zn-border-color));margin-bottom:10px}`;var jr=class extends C{constructor(){super(...arguments);this.filters=[];this.position="bottom-start";this.pullTab=!1;this.open=!1;this.panelExpanded=!1;this._mutationObserver=new Dt(this,{target:null,config:{childList:!0,subtree:!0,attributes:!0},callback:t=>{for(let r of t)if(!(r.type==="attributes"&&(r.attributeName==="hidden"||this.filters.some(n=>n.toggleAttribute===r.attributeName)))){this.scheduleUpdateFilters();break}}});this._updateFiltersScheduled=!1;this._hiddenElements=new Set;this.handleDocumentMouseDown=t=>{if(!this.open)return;let r=this.shadowRoot?.querySelector(".pull-tab");r&&t.composedPath().includes(r)||this.hidePullTab()};this.togglePullTab=()=>{this.open?this.hidePullTab():(this.open=!0,document.addEventListener("mousedown",this.handleDocumentMouseDown,!0),this.emit("zn-show"))};this.handlePanelTransitionEnd=t=>{t.propertyName==="grid-template-rows"&&(this.panelExpanded=this.open)};this.handleContentSlotChange=()=>{this.updateFilters()};this.handleFiltersSlotChange=()=>{this.recomputeFiltersFromSlot(),this.updateFilters()}}connectedCallback(){if(super.connectedCallback(),this._store=new qr(window.sessionStorage,this.storeKey),this.recomputeFiltersFromSlot(),this.storeKey){let t=this._store.get("filters");if(t){let r=JSON.parse(t);this.filters=this.filters.map(n=>({...n,checked:Object.prototype.hasOwnProperty.call(r,n.attribute)?r[n.attribute]:n.checked}))}}this.updateFilters(),this._mutationObserver.observe(this)}disconnectedCallback(){document.removeEventListener("mousedown",this.handleDocumentMouseDown,!0),super.disconnectedCallback()}hidePullTab(){this.open=!1,this.panelExpanded=!1,document.removeEventListener("mousedown",this.handleDocumentMouseDown,!0),this.emit("zn-hide")}scheduleUpdateFilters(){this._updateFiltersScheduled||(this._updateFiltersScheduled=!0,Promise.resolve().then(()=>{this._updateFiltersScheduled=!1,this.updateFilters()}))}recomputeFiltersFromSlot(){let t=new Map(this.filters.map(a=>[a.attribute,a.checked])),r=this.querySelectorAll('[slot="filter"]'),n=[];r.forEach(a=>{let s=a.getAttribute("attribute");if(!s)return;let l=a.getAttribute("default")==="true",d=t.has(s)?!!t.get(s):l,h=a.textContent||"Unnamed Filter",m=a.getAttribute("item-selector")||"*",f=a.getAttribute("toggle-attribute")||void 0;n.push({attribute:s,checked:d,label:h,itemSelector:m,toggleAttribute:f})}),this.filters=n}updateSingleFilter(t,r){let n,a=t.attribute==="*"?"":`[${t.attribute}]`;t.itemSelector&&t.itemSelector.startsWith(">")?n=qt(t.itemSelector.substring(1)+a,this,""):n=this.querySelectorAll(t.itemSelector+a),n.forEach(s=>{if(t.toggleAttribute){r?s.removeAttribute(t.toggleAttribute):s.setAttribute(t.toggleAttribute,"true");return}r?this.filters.some(d=>{if(d.attribute===t.attribute||d.checked||d.toggleAttribute)return!1;let h=d.attribute==="*"?"":`[${d.attribute}]`,m;return d.itemSelector&&d.itemSelector.startsWith(">")?m=qt(d.itemSelector.substring(1)+h,this,""):m=this.querySelectorAll(d.itemSelector+h),Array.from(m).includes(s)})||(s.removeAttribute("hidden"),this._hiddenElements.delete(s)):(s.setAttribute("hidden","true"),this._hiddenElements.add(s))})}updateFilters(){this._hiddenElements.forEach(t=>t.removeAttribute("hidden")),this._hiddenElements.clear(),this.filters.forEach(t=>{this.updateSingleFilter(t,t.checked)})}updateFilter(t){let r=t.target.getAttribute("data-attribute"),n=t.target.isChecked,a=this.filters.find(s=>s.attribute===r);if(a){if(this.filters=this.filters.map(s=>s.attribute===r?{...s,checked:n}:s),this.storeKey){let s=this.filters.reduce((l,d)=>(l[d.attribute]=d.checked,l),{});this._store.set("filters",JSON.stringify(s))}this.updateSingleFilter(a,n)}}render(){let t="top-start";switch(this.position){case"top-end":t="bottom-end";break;case"top-start":t="bottom-start";break;case"bottom-end":t="top-end";break;case"bottom-start":t="top-start";break}return u`
|
|
3829
3830
|
<div class="${N({container:!0,"container--scroll":!this.noScroll})}">
|
|
3830
3831
|
<div class="scroll-content">
|
|
3831
3832
|
<slot @slotchange="${this.handleContentSlotChange}"></slot>
|
|
@@ -4347,7 +4348,7 @@ Please report this to https://github.com/markedjs/marked.`,i){let r="<p>An error
|
|
|
4347
4348
|
tooltip=${n}
|
|
4348
4349
|
aria-pressed=${a?"true":"false"}
|
|
4349
4350
|
></zn-button>
|
|
4350
|
-
`}};Xt.styles=[Gt.styles,T(Z_)],c([V("zn-textarea")],Xt.prototype,"textarea",2),c([V(".markdown-editor__preview")],Xt.prototype,"previewEl",2),c([p()],Xt.prototype,"name",2),c([p()],Xt.prototype,"value",2),c([fe()],Xt.prototype,"defaultValue",2),c([p()],Xt.prototype,"label",2),c([p({attribute:"help-text"})],Xt.prototype,"helpText",2),c([p()],Xt.prototype,"placeholder",2),c([p({type:Number})],Xt.prototype,"rows",2),c([p({reflect:!0,attribute:"view-mode"})],Xt.prototype,"viewMode",2),c([p({attribute:"storage-key"})],Xt.prototype,"storageKey",2),c([p({type:Boolean,reflect:!0})],Xt.prototype,"required",2),c([p({type:Boolean,reflect:!0})],Xt.prototype,"readonly",2),c([p({type:Boolean,reflect:!0})],Xt.prototype,"disabled",2),c([p({type:Boolean,reflect:!0})],Xt.prototype,"expanded",2),c([K("viewMode",{waitUntilFirstUpdate:!0})],Xt.prototype,"handleViewModeChange",1),c([K("value",{waitUntilFirstUpdate:!0})],Xt.prototype,"handleValueChange",1),c([K("markedReady",{waitUntilFirstUpdate:!0})],Xt.prototype,"handleMarkedReady",1);var N4=Xt;Xt.define("zn-markdown-editor");var D4={},Km=ie(class extends Ve{constructor(){super(...arguments),this.ot=D4}render(i,o){return o()}update(i,[o,t]){if(Array.isArray(o)){if(Array.isArray(this.ot)&&this.ot.length===o.length&&o.every((r,n)=>r===this.ot[n]))return ne}else if(this.ot===o)return ne;return this.ot=Array.isArray(o)?Array.from(o):o,this.render(o,t)}});var R4={eq:"Is Equal To",neq:"Is Not Equal To",gt:"Greater Than",gte:"Greater Than or Equal To",lt:"Less Than",lte:"Less Than or Equal To",is:"Is","is-not":"Is Not",in:"Is One Of","not-in":"Is Not One Of",contains:"Contains","not-contains":"Does Not Contain","starts-with":"Starts With","ends-with":"Ends With",empty:"Is Empty","not-empty":"Is Not Empty",within:"Within the Last",before:"Before the Last",between:"Between",matches:"Matches"};function Ym(i){return i.label??R4[i.value]??i.value}var O4=[];function r1(i){let o=i.data?.conditions;return Array.isArray(o)?o:O4}var t1={id:"in"},Sp={id:"out"},Cp="__new__",Ss="application/x-zn-flow-type",kp;function Ep(){return kp||(kp=new Image,kp.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"),kp}var oe=240,
|
|
4351
|
+
`}};Xt.styles=[Gt.styles,T(Z_)],c([V("zn-textarea")],Xt.prototype,"textarea",2),c([V(".markdown-editor__preview")],Xt.prototype,"previewEl",2),c([p()],Xt.prototype,"name",2),c([p()],Xt.prototype,"value",2),c([fe()],Xt.prototype,"defaultValue",2),c([p()],Xt.prototype,"label",2),c([p({attribute:"help-text"})],Xt.prototype,"helpText",2),c([p()],Xt.prototype,"placeholder",2),c([p({type:Number})],Xt.prototype,"rows",2),c([p({reflect:!0,attribute:"view-mode"})],Xt.prototype,"viewMode",2),c([p({attribute:"storage-key"})],Xt.prototype,"storageKey",2),c([p({type:Boolean,reflect:!0})],Xt.prototype,"required",2),c([p({type:Boolean,reflect:!0})],Xt.prototype,"readonly",2),c([p({type:Boolean,reflect:!0})],Xt.prototype,"disabled",2),c([p({type:Boolean,reflect:!0})],Xt.prototype,"expanded",2),c([K("viewMode",{waitUntilFirstUpdate:!0})],Xt.prototype,"handleViewModeChange",1),c([K("value",{waitUntilFirstUpdate:!0})],Xt.prototype,"handleValueChange",1),c([K("markedReady",{waitUntilFirstUpdate:!0})],Xt.prototype,"handleMarkedReady",1);var N4=Xt;Xt.define("zn-markdown-editor");var D4={},Km=ie(class extends Ve{constructor(){super(...arguments),this.ot=D4}render(i,o){return o()}update(i,[o,t]){if(Array.isArray(o)){if(Array.isArray(this.ot)&&this.ot.length===o.length&&o.every((r,n)=>r===this.ot[n]))return ne}else if(this.ot===o)return ne;return this.ot=Array.isArray(o)?Array.from(o):o,this.render(o,t)}});var R4={eq:"Is Equal To",neq:"Is Not Equal To",gt:"Greater Than",gte:"Greater Than or Equal To",lt:"Less Than",lte:"Less Than or Equal To",is:"Is","is-not":"Is Not",in:"Is One Of","not-in":"Is Not One Of",contains:"Contains","not-contains":"Does Not Contain","starts-with":"Starts With","ends-with":"Ends With",empty:"Is Empty","not-empty":"Is Not Empty",within:"Within the Last",before:"Before the Last",between:"Between",matches:"Matches"};function Ym(i){return i.label??R4[i.value]??i.value}var O4=[];function r1(i){let o=i.data?.conditions;return Array.isArray(o)?o:O4}var t1={id:"in"},Sp={id:"out"},Cp="__new__",Ss="application/x-zn-flow-type",kp;function Ep(){return kp||(kp=new Image,kp.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"),kp}var oe=240,Ke=60,Xm=oe+80,Qm=40,P4=40,H4=40,e1=240,F4=20,B4=20,V4=20;function Jm(i,o,t,r=!1){let n=i.y+Ke,a=n+Qm;if(t&&t.y>=n){let s=r?n+V4:a,l=Math.round((n+t.y)/2-o/2);return Math.max(s,Math.min(l,t.y-B4-o))}return a+P4}function Zm(i){let o=i.length*7.2,t=Math.max(1,Math.ceil(o/(e1-36)));return{w:Math.min(e1,Math.round(36+o)),h:H4+(t-1)*F4}}var Pe=20;function Tr(i){return Math.round(i/Pe)*Pe}var o1=10,U4=4,j4=20;function tf(i,o){let t=i.m+o.m;return i.x<o.x+o.w+t&&o.x<i.x+i.w+t&&i.y<o.y+o.h+t&&o.y<i.y+i.h+t}function nc(i,o){let t=He(i,o(i.type)),r=i.x+oe/2;return t.map((n,a)=>Math.round(r+(t.length===1?0:(a-(t.length-1)/2)*Xm)))}function oc(i,o,t,r){let n=[{x:i.x,y:i.y,w:oe,h:Ke,m:o1}],a=He(i,o(i.type)),s=nc(i,o);return a.forEach((l,d)=>{if(!l.label)return;let h=Zm(l.label),m=r.find(g=>g.source.node===i.id&&g.source.port===l.id),f=m?t.find(g=>g.id===m.target.node):void 0;n.push({x:s[d]-h.w/2,y:Jm(i,h.h,f,a.length===1),w:h.w,h:h.h+j4,m:U4})}),n}function n1(i,o,t,r,n){let a=oc(i,t,r,n);return oc(o,t,r,n).some(s=>a.some(l=>tf(l,s)))}function Tp(i,o,t,r){let n=oc(i,o,t,r).slice(1);return n.length?t.some(a=>a.id!==i.id&&oc(a,o,t,r).some(s=>n.some(l=>tf(l,s)))):!1}function i1(i,o,t,r,n){let a={x:i.x,y:i.y,w:oe,h:Ke,m:o1};return oc(o,t,r,n).some(s=>tf(a,s))}var ef=200,rf=120,a1=120,s1=80;function l1(i,o,t,r){return{x:i.x+oe*(t+1)/(r+1),y:i.y+(o==="in"?0:Ke)}}function c1(){return{nodes:[],connections:[],notes:[]}}function Ap(i){return i?i.inputs??[t1]:[t1]}function of(i){return i?i.outputs??[Sp]:[Sp]}function Ii(i,o){return i.inputs??Ap(o)}function He(i,o){return i.outputs??of(o)}function ic(i,o){return Ii(i,o)[0]?.id??null}function d1(i,o){let t=new Set,r=n=>{for(let a of i.connections)a.source.node===n&&!t.has(a.target.node)&&(t.add(a.target.node),r(a.target.node))};return r(o),t}function Ni(i,o){let t=new Set(i.map(h=>h.id)),r=new Map(i.map(h=>[h.id,[]])),n=new Set;for(let h of o)!t.has(h.source.node)||!t.has(h.target.node)||(r.get(h.source.node).push(h),n.add(h.target.node));let a=new Set,s=new Set,l=new Set,d=h=>{s.add(h),l.add(h);for(let m of r.get(h)??[])l.has(m.target.node)?a.add(m):s.has(m.target.node)||d(m.target.node);l.delete(h)};return i.filter(h=>!n.has(h.id)).forEach(h=>d(h.id)),i.forEach(h=>{s.has(h.id)||d(h.id)}),a}var p1=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{display:block;font-size:0.8125rem}.editor{display:flex;flex-direction:column;gap:14px}.picker{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid rgb(var(--zn-border-color));border-radius:8px;background:rgb(var(--zn-panel))}.picker__head{display:flex;align-items:center;justify-content:space-between;font-weight:600}.picker__back{flex:0 0 auto}.picker__list{display:flex;flex-direction:column}.picker__item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 12px;margin-top:-1px;border:1px solid rgb(var(--zn-border-color));background:rgb(var(--zn-panel));color:rgb(var(--zn-text));font-size:0.8125rem;text-align:left;cursor:pointer}.picker__item:first-child{margin-top:0;border-top-left-radius:8px;border-top-right-radius:8px}.picker__item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.picker__item:hover{background:rgb(var(--zn-color-tab))}.picker__item-text{display:flex;flex-direction:column;gap:2px;min-width:0}.picker__item-label{font-weight:500}.picker__item-description{font-size:0.75rem;color:rgb(var(--zn-color-muted-text))}.picker__empty{margin:0;padding:10px 2px;font-size:0.75rem;color:rgb(var(--zn-color-muted-text))}.conditions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.group{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;padding:14px;border:1px solid rgb(var(--zn-border-color));border-radius:8px;background:rgb(var(--zn-panel))}.and-rule{font-family:var(--zn-font-sans);font-size:var(--zn-text-paragraph-font-size);font-weight:var(--zn-text-paragraph-font-weight);line-height:var(--zn-text-paragraph-line-height);color:var(--zn-text-paragraph-color);text-transform:var(--zn-text-paragraph-transform);display:flex;align-items:center;gap:10px;width:100%;color:rgb(var(--zn-color-success))}.and-rule::after{content:"";flex:1;height:1px;background:color-mix(in srgb,rgb(var(--zn-color-success)) 50%,transparent)}.or-label{font-family:var(--zn-font-sans);font-size:var(--zn-text-paragraph-font-size);font-weight:var(--zn-text-paragraph-font-weight);line-height:var(--zn-text-paragraph-line-height);color:var(--zn-text-paragraph-color);text-transform:var(--zn-text-paragraph-transform);margin:2px 0;color:rgb(var(--zn-color-error))}.condition{display:flex;flex-direction:column;gap:10px;width:100%}.condition__head{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.condition__name{font-family:var(--zn-font-sans);font-size:var(--zn-text-heading-section-font-size);font-weight:var(--zn-text-heading-section-font-weight);line-height:var(--zn-text-heading-section-line-height);color:var(--zn-text-heading-section-color);text-transform:var(--zn-text-heading-section-transform)}.condition__remove{flex:0 0 auto}.condition__row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.condition__row-label,.condition__suffix{font-size:0.75rem;color:rgb(var(--zn-color-muted-text));white-space:nowrap}.control{min-width:0}.control--operator{flex:1 1 0;min-width:120px}.control--number{flex:0 0 auto;width:80px}.control--unit{flex:1 1 0}.control--value{flex:1 1 0;min-width:100px}zn-select.control::part(display-input){text-overflow:ellipsis}.actions{display:flex;align-items:center;gap:8px;margin-top:2px;padding-top:16px;border-top:1px solid rgb(var(--zn-border-color))}`;var Eo=class Eo extends C{constructor(){super(...arguments);this.filters=[];this.value=[];this._draft=[];this._picker=null;this._search="";this._valueJson="";this._save=()=>{this._emit("flow-conditions-save",{conditions:JSON.parse(JSON.stringify(this._draft))})};this._cancel=()=>{this._emit("flow-conditions-cancel")}}willUpdate(t){if(super.willUpdate(t),t.has("value")){let r=JSON.stringify(this.value??[]);r!==this._valueJson&&(this._valueJson=r,this._draft=JSON.parse(r),this._picker=null,this._search="")}}_emit(t,r){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:r}))}_cloneDraft(){return this._draft.map(t=>t.map(r=>({...r,values:{...r.values}})))}_addCondition(t){let r={};t.fields.forEach(s=>{r[s.id]={...s.operators?.length?{operator:s.operators[0].value}:{},...s.value!==void 0?{value:s.value}:{},...s.units?.length?{unit:s.units[0].value}:{}}});let n=this._cloneDraft(),a=Math.min(this._picker??0,n.length);a===n.length&&n.push([]),n[a].push({filter:t.id,values:r}),this._draft=n,this._picker=null,this._search=""}_removeCondition(t,r){let n=this._cloneDraft();n[t].splice(r,1),this._draft=n.filter(a=>a.length)}_setField(t,r,n,a){let s=this._cloneDraft(),l=s[t][r];l.values[n]={...l.values[n],...a},this._draft=s}_renderPicker(){let t=this._search.trim().toLowerCase(),r=this.filters.filter(n=>!t||n.label.toLowerCase().includes(t));return u`
|
|
4351
4352
|
<div part="picker" class="picker">
|
|
4352
4353
|
<div class="picker__head">
|
|
4353
4354
|
<span>Add Filters</span>
|
|
@@ -4466,7 +4467,7 @@ Please report this to https://github.com/markedjs/marked.`,i){let r="<p>An error
|
|
|
4466
4467
|
<zn-button class="actions__cancel" icon="x@lu" @click="${this._cancel}" panel-bg>Cancel</zn-button>
|
|
4467
4468
|
</div>
|
|
4468
4469
|
</div>
|
|
4469
|
-
`}};Eo.styles=T(p1),Eo.dependencies={"zn-button":Tt,"zn-icon":ct,"zn-input":Le,"zn-option":Jr,"zn-select":tr},c([p({attribute:!1})],Eo.prototype,"filters",2),c([p({attribute:!1})],Eo.prototype,"value",2),c([H()],Eo.prototype,"_draft",2),c([H()],Eo.prototype,"_picker",2),c([H()],Eo.prototype,"_search",2);var Cs=Eo;var nf=Cs;Cs.define("zn-flow-branch-conditions");var h1=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{--node-accent:rgb(var(--zn-color-primary));--port-size:11px;position:absolute;top:0;left:0;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}:host([dragging]) .card{cursor:grabbing}.card{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;padding:0 10px;background:rgb(var(--zn-panel));border:1px solid rgb(var(--zn-border-color));border-radius:10px;box-shadow:0 1px 2px rgba(var(--zn-shadow),0.4);cursor:grab;transition:border-color 0.12s ease,box-shadow 0.12s ease}.card:hover{border-color:rgb(var(--zn-color-border-active))}.card.selected{border-color:var(--node-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--node-accent) 35%,transparent)}.card.link-target{border-color:rgb(var(--zn-color-primary));box-shadow:0 0 0 3px color-mix(in srgb,rgb(var(--zn-color-primary)) 30%,transparent)}.card.error{border-color:rgb(var(--zn-color-error));background:color-mix(in srgb,rgb(var(--zn-color-error)) 6%,rgb(var(--zn-panel)))}.body{display:flex;align-items:center;gap:10px}.icon-tile{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;border-radius:8px;color:var(--node-accent);background:color-mix(in srgb,var(--node-accent) 14%,transparent)}.text{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.text .title{font-size:0.8125rem;font-weight:600;color:rgb(var(--zn-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text .subtitle{font-size:0.75rem;color:rgb(var(--zn-color-muted-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu{flex:0 0 auto}zn-menu-item.danger{color:rgb(var(--zn-color-error))}.ports{position:absolute;left:0;width:100%;height:0}.ports--in{top:0}.ports--out{bottom:0}.port{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:var(--port-size);height:var(--port-size);border-radius:50%;background:rgb(var(--zn-panel));border:2px solid var(--node-accent);box-sizing:border-box;pointer-events:none}.port--in{transition:transform 0.12s ease,background 0.12s ease,box-shadow 0.12s ease}:host([link-target]) .port--in{transform:translate(-50%,-50%) scale(1.4);background:rgb(var(--zn-color-primary));border-color:rgb(var(--zn-color-primary));box-shadow:0 0 0 4px color-mix(in srgb,rgb(var(--zn-color-primary)) 25%,transparent)}.port--out{pointer-events:auto;cursor:pointer;transition:transform 0.12s ease,background 0.12s ease,box-shadow 0.12s ease}.port--out:hover{transform:translate(-50%,-50%) scale(1.4);background:var(--node-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--node-accent) 25%,transparent)}.port-wrap{position:absolute}.port-label{position:absolute;top:calc(var(--port-size) / 2 + 3px);left:8px;font-size:0.625rem;font-weight:600;letter-spacing:0.02em;color:rgb(var(--zn-color-muted-text));white-space:nowrap;pointer-events:none}`;var Wr=class extends C{constructor(){super(...arguments);this.selected=!1;this.error=!1;this.dragging=!1;this.linkTarget=!1;this._onBodyPointerDown=t=>{if(t.button!==0)return;let r=t.target;r.closest(".port")||r.closest("zn-dropdown")||(t.stopPropagation(),this._emit("flow-node-select",{nodeId:this.node.id}),this._emit("flow-node-grab",{nodeId:this.node.id,clientX:t.clientX,clientY:t.clientY}))}}updated(t){super.updated(t),this.style.width=`${oe}px`,this.style.height=`${
|
|
4470
|
+
`}};Eo.styles=T(p1),Eo.dependencies={"zn-button":Tt,"zn-icon":ct,"zn-input":Le,"zn-option":Jr,"zn-select":tr},c([p({attribute:!1})],Eo.prototype,"filters",2),c([p({attribute:!1})],Eo.prototype,"value",2),c([H()],Eo.prototype,"_draft",2),c([H()],Eo.prototype,"_picker",2),c([H()],Eo.prototype,"_search",2);var Cs=Eo;var nf=Cs;Cs.define("zn-flow-branch-conditions");var h1=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{--node-accent:rgb(var(--zn-color-primary));--port-size:11px;position:absolute;top:0;left:0;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}:host([dragging]) .card{cursor:grabbing}.card{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;padding:0 10px;background:rgb(var(--zn-panel));border:1px solid rgb(var(--zn-border-color));border-radius:10px;box-shadow:0 1px 2px rgba(var(--zn-shadow),0.4);cursor:grab;transition:border-color 0.12s ease,box-shadow 0.12s ease}.card:hover{border-color:rgb(var(--zn-color-border-active))}.card.selected{border-color:var(--node-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--node-accent) 35%,transparent)}.card.link-target{border-color:rgb(var(--zn-color-primary));box-shadow:0 0 0 3px color-mix(in srgb,rgb(var(--zn-color-primary)) 30%,transparent)}.card.error{border-color:rgb(var(--zn-color-error));background:color-mix(in srgb,rgb(var(--zn-color-error)) 6%,rgb(var(--zn-panel)))}.body{display:flex;align-items:center;gap:10px}.icon-tile{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;border-radius:8px;color:var(--node-accent);background:color-mix(in srgb,var(--node-accent) 14%,transparent)}.text{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.text .title{font-size:0.8125rem;font-weight:600;color:rgb(var(--zn-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text .subtitle{font-size:0.75rem;color:rgb(var(--zn-color-muted-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu{flex:0 0 auto}zn-menu-item.danger{color:rgb(var(--zn-color-error))}.ports{position:absolute;left:0;width:100%;height:0}.ports--in{top:0}.ports--out{bottom:0}.port{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:var(--port-size);height:var(--port-size);border-radius:50%;background:rgb(var(--zn-panel));border:2px solid var(--node-accent);box-sizing:border-box;pointer-events:none}.port--in{transition:transform 0.12s ease,background 0.12s ease,box-shadow 0.12s ease}:host([link-target]) .port--in{transform:translate(-50%,-50%) scale(1.4);background:rgb(var(--zn-color-primary));border-color:rgb(var(--zn-color-primary));box-shadow:0 0 0 4px color-mix(in srgb,rgb(var(--zn-color-primary)) 25%,transparent)}.port--out{pointer-events:auto;cursor:pointer;transition:transform 0.12s ease,background 0.12s ease,box-shadow 0.12s ease}.port--out:hover{transform:translate(-50%,-50%) scale(1.4);background:var(--node-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--node-accent) 25%,transparent)}.port-wrap{position:absolute}.port-label{position:absolute;top:calc(var(--port-size) / 2 + 3px);left:8px;font-size:0.625rem;font-weight:600;letter-spacing:0.02em;color:rgb(var(--zn-color-muted-text));white-space:nowrap;pointer-events:none}`;var Wr=class extends C{constructor(){super(...arguments);this.selected=!1;this.error=!1;this.dragging=!1;this.linkTarget=!1;this._onBodyPointerDown=t=>{if(t.button!==0)return;let r=t.target;r.closest(".port")||r.closest("zn-dropdown")||(t.stopPropagation(),this._emit("flow-node-select",{nodeId:this.node.id}),this._emit("flow-node-grab",{nodeId:this.node.id,clientX:t.clientX,clientY:t.clientY}))}}updated(t){super.updated(t),this.style.width=`${oe}px`,this.style.height=`${Ke}px`,this.style.setProperty("--node-accent",this.type?.color??"rgb(var(--zn-color-primary))")}get nodeTitle(){return this.node?.label??this.type?.label??this.node?.type??"Node"}get nodeSubtitle(){let t=this.node?.data?.subtitle??this.node?.data?.description;return typeof t=="string"?t:this.type?.description??""}_emit(t,r){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:r}))}_action(t){this._emit("flow-node-action",{nodeId:this.node.id,action:t})}_renderPorts(t,r){let n=t.length;return u`
|
|
4470
4471
|
<div class="ports ports--${r}">
|
|
4471
4472
|
${t.map((a,s)=>{let l=`${100*(s+1)/(n+1)}%`;return u`
|
|
4472
4473
|
<div class="port-wrap" style="left:${l}">
|
|
@@ -4515,11 +4516,11 @@ Please report this to https://github.com/markedjs/marked.`,i){let r="<p>An error
|
|
|
4515
4516
|
</div>
|
|
4516
4517
|
</div>`:""}
|
|
4517
4518
|
</div>
|
|
4518
|
-
`}};Wr.styles=T(h1),Wr.dependencies={"zn-icon":ct,"zn-button":Tt,"zn-dropdown":gr,"zn-menu":Ro,"zn-menu-item":$n},c([p({attribute:!1})],Wr.prototype,"node",2),c([p({attribute:!1})],Wr.prototype,"type",2),c([p({type:Boolean,reflect:!0})],Wr.prototype,"selected",2),c([p({type:Boolean,reflect:!0})],Wr.prototype,"error",2),c([p({type:Boolean,reflect:!0})],Wr.prototype,"dragging",2),c([p({type:Boolean,reflect:!0,attribute:"link-target"})],Wr.prototype,"linkTarget",2);var u1=Wr;Wr.define("zn-flow-node");var m1=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{display:block;position:relative;width:100%;height:100%;overflow:hidden}.viewport{position:absolute;inset:0;overflow:hidden;background-color:rgb(var(--zn-color-body));background-image:radial-gradient(rgb(var(--zn-color-border)) 1px,transparent 1px);background-size:20px 20px;cursor:grab;touch-action:none}.viewport.grabbing,.viewport.grabbing *{cursor:grabbing !important}.viewport.connecting,.viewport.connecting *{cursor:crosshair !important}.viewport.resizing,.viewport.resizing *{cursor:nwse-resize !important}.viewport.linking{cursor:crosshair}.viewport.step-dragging .add-point{color:rgb(var(--zn-panel));background:rgb(var(--zn-color-primary));border-style:solid;box-shadow:0 0 0 4px color-mix(in srgb,rgb(var(--zn-color-primary)) 22%,transparent)}.connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.connections .wire{fill:none;stroke:rgb(var(--zn-color-primary));stroke-width:2}.connections .wire--stub{stroke:rgb(var(--zn-color-border-active));stroke-dasharray:4 4}.connections .wire--preview{stroke-dasharray:6 4}.connections .wire--loop{stroke:rgb(var(--zn-color-warning))}.connections marker path{fill:rgb(var(--zn-color-primary))}.connections marker#flow-arrow-loop path{fill:rgb(var(--zn-color-warning))}.add-point{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin:-12px;padding:0;border-radius:50%;color:rgb(var(--zn-color-primary));background:rgb(var(--zn-panel));border:1px dashed rgb(var(--zn-color-border-active));cursor:pointer;transition:background 0.12s ease,color 0.12s ease}.add-point:hover{color:rgb(var(--zn-panel));background:rgb(var(--zn-color-primary));border-style:solid}.add-point--target{color:rgb(var(--zn-panel));background:rgb(var(--zn-color-primary));border-style:solid;box-shadow:0 0 0 4px color-mix(in srgb,rgb(var(--zn-color-primary)) 25%,transparent)}.add-point--wire{width:20px;height:20px;margin:-10px}.layer{position:absolute;top:0;left:0;transform-origin:0 0;width:0;height:0}.node-pos{position:absolute;top:0;left:0}.branch-pill{display:flex;align-items:center;justify-content:center;width:-moz-max-content;width:max-content;max-width:240px;box-sizing:border-box;text-align:center;overflow-wrap:anywhere;overflow:hidden;padding:0 18px;border-radius:10px;font:inherit;font-size:0.8125rem;font-weight:600;line-height:20px;color:rgb(var(--zn-text));background:color-mix(in srgb,rgb(var(--zn-color-primary)) 8%,rgb(var(--zn-panel)));border:1px solid color-mix(in srgb,rgb(var(--zn-color-primary)) 45%,transparent);cursor:pointer;transition:border-color 0.12s ease,box-shadow 0.12s ease}.branch-pill:hover{border-color:rgb(var(--zn-color-primary));box-shadow:0 1px 3px rgba(var(--zn-shadow),0.4)}.branch-pill--selected{border-color:rgb(var(--zn-color-primary));background:color-mix(in srgb,rgb(var(--zn-color-primary)) 16%,rgb(var(--zn-panel)))}.branch-pill--loop{background:color-mix(in srgb,rgb(var(--zn-color-warning)) 10%,rgb(var(--zn-panel)));border-color:color-mix(in srgb,rgb(var(--zn-color-warning)) 55%,transparent)}.branch-pill--loop:hover{border-color:rgb(var(--zn-color-warning))}.branch-pill--loop.branch-pill--selected{border-color:rgb(var(--zn-color-warning));background:color-mix(in srgb,rgb(var(--zn-color-warning)) 18%,rgb(var(--zn-panel)))}.branch-pill-wrap{position:absolute;top:0;left:0;transform:translateX(-50%);display:flex;align-items:stretch}.branch-pill-wrap::after{content:"";position:absolute;left:100%;top:0;width:40px;height:100%}.branch-pill-wrap:hover .branch-pill-delete{opacity:1;transform:translate(0,-50%);pointer-events:auto;transition-delay:0.15s}.branch-pill-port{position:absolute;z-index:1;left:50%;bottom:0;transform:translate(-50%,50%);width:11px;height:11px;box-sizing:border-box;border-radius:50%;background:rgb(var(--zn-panel));border:2px solid rgb(var(--zn-color-primary));cursor:pointer;transition:transform 0.12s ease,box-shadow 0.12s ease}.branch-pill-port:hover{transform:translate(-50%,50%) scale(1.35);box-shadow:0 0 0 4px color-mix(in srgb,rgb(var(--zn-color-primary)) 20%,transparent)}.branch-pill-delete{position:absolute;z-index:1;left:calc(100% + 8px);top:50%;transform:translate(-10px,-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:50%;background:rgb(var(--zn-color-error));color:white;cursor:pointer;opacity:0;pointer-events:none;transition:opacity 0.15s ease,transform 0.15s ease}.branch-pill-delete:hover{filter:brightness(1.1)}.drop-ghost{position:absolute;top:0;left:0;display:flex;align-items:center;gap:10px;padding:0 12px;border:2px dashed rgb(var(--zn-color-primary));border-radius:10px;background:color-mix(in srgb,rgb(var(--zn-color-primary)) 10%,rgb(var(--zn-panel)));opacity:0.9;pointer-events:none}.drop-ghost__icon{--node-accent:rgb(var(--zn-color-primary));display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;border-radius:8px;color:var(--node-accent);background:color-mix(in srgb,var(--node-accent) 16%,rgb(var(--zn-panel)))}.drop-ghost__label{font-size:0.8125rem;font-weight:600;color:rgb(var(--zn-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar{position:absolute;top:16px;display:flex;align-items:center;gap:2px;padding:3px;background:rgb(var(--zn-panel));border:1px solid rgb(var(--zn-border-color));border-radius:8px;box-shadow:0 1px 3px rgba(var(--zn-shadow),0.4);z-index:2}.toolbar--history{left:16px}.toolbar--zoom{right:16px}.bin{position:absolute;right:16px;bottom:16px;z-index:2;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;color:rgb(var(--zn-color-muted-text));background:rgb(var(--zn-panel));border:1px dashed rgb(var(--zn-color-border-active));box-shadow:0 1px 3px rgba(var(--zn-shadow),0.4);transition:background 0.12s ease,color 0.12s ease,transform 0.12s ease}.bin--over{color:rgb(var(--zn-panel));background:rgb(var(--zn-color-error));border-style:solid;border-color:rgb(var(--zn-color-error));transform:scale(1.12)}.note{position:absolute;display:flex;flex-direction:column;background:#fef9c3;border:1px solid #fde68a;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,0.12)}.note__resize{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 0 50%,#d9c64a 50% 60%,transparent 60% 70%,#d9c64a 70% 80%,transparent 80%)}.note__bar{display:flex;justify-content:flex-end;height:20px;cursor:grab}.note__close{width:20px;height:20px;padding:0;font-size:14px;line-height:1;color:#92400e;background:transparent;cursor:pointer}.note__text{flex:1;margin:0;padding:0 10px 10px;resize:none;border:none;outline:none;background:transparent;font:inherit;font-size:0.8125rem;color:#713f12}`;var af=.25,f1=2,g1=.15,sf=40,G4=20,lf=20,b1=10,W4=8,$p=40,K4=20,ac=Ss,pe=class pe extends C{constructor(){super(...arguments);this.nodes=[];this.connections=[];this.notes=[];this.selectedNodeId=null;this.errorNodes=new Set;this.movingNodeId=null;this.dragType=null;this.selectedBranch=null;this.zoom=1;this.panX=0;this.panY=0;this.drag=null;this._overBin=!1;this._dropGhost=null;this._linking=null;this._linkPos=null;this._linkTarget=null;this._linkClient=null;this._linkScrollRaf=null;this._dragMoved=!1;this._viewInitialised=!1;this._onWheel=t=>{if(t.composedPath().some(d=>d instanceof HTMLTextAreaElement))return;t.preventDefault(),this._viewInitialised=!0;let r=t.deltaMode===1?16:t.deltaMode===2?100:1,n=t.deltaX*r,a=t.deltaY*r;if(t.ctrlKey||t.metaKey){let d=Math.min(f1,Math.max(af,this.zoom*Math.exp(-a*.0015)));if(d===this.zoom)return;let h=this.getBoundingClientRect(),m=t.clientX-h.left,f=t.clientY-h.top,g=(m-this.panX)/this.zoom,b=(f-this.panY)/this.zoom;this.zoom=+d.toFixed(3),this.panX=Math.round(m-g*this.zoom),this.panY=Math.round(f-b*this.zoom);return}let s=t.shiftKey&&!n?a:n,l=t.shiftKey&&!n?0:a;this.panX-=Math.round(s),this.panY-=Math.round(l)};this._onBackgroundPointerDown=t=>{if(t.button===1){t.preventDefault(),this._viewInitialised=!0,this.drag={kind:"pan",ox:t.clientX,oy:t.clientY,px:this.panX,py:this.panY},this._setupWindow("grabbing");return}if(t.button===0){if(this._viewInitialised=!0,this._linking){let r=this._linking,n=this._linkTarget;if(this._cancelLink(),n){this._emit("flow-link-assign",{nodeId:r.nodeId,port:r.port,targetId:n});return}}this._emit("flow-node-select",{nodeId:null}),this.drag={kind:"pan",ox:t.clientX,oy:t.clientY,px:this.panX,py:this.panY},this._setupWindow("grabbing")}};this._onNodeGrab=t=>{if(this._linking){let a=this._linking;this._cancelLink(),a.nodeId!==t.detail.nodeId&&this._emit("flow-link-assign",{nodeId:a.nodeId,port:a.port,targetId:t.detail.nodeId});return}let r=this.nodes.find(a=>a.id===t.detail.nodeId);if(!r)return;let n=this.screenToCanvas(t.detail.clientX,t.detail.clientY);this.drag={kind:"node",id:r.id,offX:n.x-r.x,offY:n.y-r.y,startX:r.x,startY:r.y},this._dragMoved=!1,this._setupWindow("grabbing")};this._onNodeSelect=t=>{this._linking&&t.detail.nodeId&&t.stopPropagation()};this._onPortClick=t=>{let{nodeId:r}=t.detail;if(this._linking&&this._linking.nodeId!==r){let s=this._linking;this._cancelLink(),this._emit("flow-link-assign",{nodeId:s.nodeId,port:s.port,targetId:r});return}let n=this.nodes.find(s=>s.id===r);if(!n)return;let a=He(n,this._typeFor(n)).find(s=>!this.connections.some(l=>l.source.node===r&&l.source.port===s.id));this._startLink(r,a?.id??Cp)};this._onLinkPointerMove=t=>{this._linkClient={x:t.clientX,y:t.clientY},this._updateLinkFromClient(t.clientX,t.clientY)};this._linkEdgeScroll=()=>{if(this._linkScrollRaf=null,!!this._linking){if(this._linkClient){let t=this.getBoundingClientRect(),r=48,n=14,a=m=>Math.min(n,Math.ceil((r-m)/r*n)),{x:s,y:l}=this._linkClient,d=0,h=0;s<t.left+r?d=a(s-t.left):s>t.right-r&&(d=-a(t.right-s)),l<t.top+r?h=a(l-t.top):l>t.bottom-r&&(h=-a(t.bottom-l)),(d||h)&&(this.panX+=d,this.panY+=h,this._updateLinkFromClient(s,l))}this._linkScrollRaf=requestAnimationFrame(this._linkEdgeScroll)}};this._onLinkKeyDown=t=>{t.key==="Escape"&&this._cancelLink()};this._cancelLink=()=>{this._linking&&(this._linking=null,this._linkPos=null,this._linkTarget=null,this._linkClient=null,this._linkScrollRaf!==null&&(cancelAnimationFrame(this._linkScrollRaf),this._linkScrollRaf=null),window.removeEventListener("pointermove",this._onLinkPointerMove),window.removeEventListener("keydown",this._onLinkKeyDown),window.removeEventListener("blur",this._cancelLink))};this._onPointerMove=t=>{if(!this.drag)return;if(this.drag.kind==="pan"){this.panX=this.drag.px+(t.clientX-this.drag.ox),this.panY=this.drag.py+(t.clientY-this.drag.oy);return}let r=this.screenToCanvas(t.clientX,t.clientY);if(this.drag.kind==="node"){this._overBin=this._binHit(t.clientX,t.clientY);let n=this.nodes.find(a=>a.id===this.drag.id);if(n){let a={x:Tr(r.x-this.drag.offX),y:Tr(r.y-this.drag.offY)},s=new Set(this.connections.filter(h=>h.target.node===n.id&&h.source.node!==n.id).map(h=>h.source.node)),l=h=>{let m={...n,...h},f=this.nodes.map(b=>b.id===n.id?m:b),g=b=>this.registry?.get(b);return f.some(b=>b!==m&&n1(m,b,g,f,this.connections))?!1:![...s].some(b=>{let v=f.find(x=>x.id===b);return!!v&&Tp(v,g,f,this.connections)})},d=l(a)?a:l({x:a.x,y:n.y})?{x:a.x,y:n.y}:l({x:n.x,y:a.y})?{x:n.x,y:a.y}:null;d&&(d.x!==n.x||d.y!==n.y)&&(this._dragMoved||this._beginMove(),n.x=d.x,n.y=d.y,this.requestUpdate())}}else if(this.drag.kind==="note"){let n=this.notes.find(a=>a.id===this.drag.id);n&&(this._dragMoved||this._beginMove(),n.x=Tr(r.x-this.drag.offX),n.y=Tr(r.y-this.drag.offY),this.requestUpdate())}else if(this.drag.kind==="note-resize"){let n=this.notes.find(a=>a.id===this.drag.id);n&&(this._dragMoved||this._beginMove(),n.width=Math.max(a1,Tr(r.x-n.x)),n.height=Math.max(s1,Tr(r.y-n.y)),this.requestUpdate())}};this._onPointerUp=()=>{let t=this.drag,r=this._overBin;if(this.drag=null,this._overBin=!1,this._teardownWindow(),!!t){if(t.kind==="node"&&this._dragMoved&&r){let n=this.nodes.find(a=>a.id===t.id);n&&(n.x=t.startX,n.y=t.startY),this._emit("flow-node-action",{nodeId:t.id,action:"delete"});return}(t.kind==="node"||t.kind==="note"||t.kind==="note-resize")&&this._dragMoved&&this._emit("flow-change-commit")}};this._onViewportDragOver=t=>{if(!t.dataTransfer?.types.includes(ac))return;this._viewInitialised=!0,t.preventDefault();let r=t.composedPath().some(a=>a instanceof Element&&a.classList.contains("add-point"));t.dataTransfer.dropEffect=r?"copy":"move";let n=this.screenToCanvas(t.clientX,t.clientY);this._dropGhost={x:Tr(n.x-oe/2),y:Tr(n.y-We/2)}};this._onViewportDragLeave=t=>{let r=this.getBoundingClientRect();(t.clientX<r.left||t.clientX>r.right||t.clientY<r.top||t.clientY>r.bottom)&&(this._dropGhost=null)};this._clearDropGhost=()=>{this._dropGhost=null};this._onAddPointDragOver=t=>{t.dataTransfer?.types.includes(ac)&&(t.preventDefault(),t.dataTransfer.dropEffect="copy")};this._onBinDragOver=t=>{t.dataTransfer?.types.includes(ac)&&(t.preventDefault(),t.stopPropagation(),t.dataTransfer.dropEffect="move",this._overBin=!0,this._dropGhost=null)};this._onBinDragLeave=()=>{this._overBin=!1};this._onBinDrop=t=>{t.preventDefault(),t.stopPropagation(),this._overBin=!1,this._dropGhost=null}}connectedCallback(){super.connectedCallback(),this.addEventListener("flow-node-grab",this._onNodeGrab),this.addEventListener("flow-node-select",this._onNodeSelect),this.addEventListener("flow-port-click",this._onPortClick),this.addEventListener("wheel",this._onWheel,{passive:!1})}disconnectedCallback(){this.removeEventListener("flow-node-grab",this._onNodeGrab),this.removeEventListener("flow-node-select",this._onNodeSelect),this.removeEventListener("flow-port-click",this._onPortClick),this.removeEventListener("wheel",this._onWheel),this._cancelLink(),this._teardownWindow(),super.disconnectedCallback()}updated(t){if(super.updated(t),this.style.setProperty("--flow-zoom",String(this.zoom)),t.has("dragType")&&!this.dragType&&(this._dropGhost=null),!this._viewInitialised&&this.nodes.length){let r=this.getBoundingClientRect();r.width&&r.height&&(this._viewInitialised=!0,this._resetView())}}_emit(t,r){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:r}))}screenToCanvas(t,r){let n=this.getBoundingClientRect();return{x:(t-n.left-this.panX)/this.zoom,y:(r-n.top-this.panY)/this.zoom}}_typeFor(t){return this.registry?.get(t.type)}_setupWindow(t=""){window.addEventListener("pointermove",this._onPointerMove),window.addEventListener("pointerup",this._onPointerUp),t&&(document.body.style.cursor=t)}_teardownWindow(){window.removeEventListener("pointermove",this._onPointerMove),window.removeEventListener("pointerup",this._onPointerUp),document.body.style.cursor=""}_onBranchPortClick(t,r){if(this._linking){let n=this._linking;this._cancelLink(),n.nodeId!==t&&this._emit("flow-link-assign",{nodeId:n.nodeId,port:n.port,targetId:t});return}this._startLink(t,r)}_startLink(t,r){this._linking={nodeId:t,port:r},this._linkPos=null,this._linkClient=null,window.addEventListener("pointermove",this._onLinkPointerMove),window.addEventListener("keydown",this._onLinkKeyDown),window.addEventListener("blur",this._cancelLink),this._linkScrollRaf=requestAnimationFrame(this._linkEdgeScroll)}_updateLinkFromClient(t,r){let n=this.screenToCanvas(t,r);this._linkPos=n;let a=this._linking;if(!a)return;let s=12,l=this.nodes.find(d=>d.id!==a.nodeId&&n.x>=d.x-s&&n.x<=d.x+oe+s&&n.y>=d.y-s&&n.y<=d.y+We+s&&Ii(d,this._typeFor(d)).length>0);this._linkTarget=l?.id??null}_binHit(t,r){let n=this.shadowRoot?.querySelector(".bin")?.getBoundingClientRect();return!!n&&t>=n.left&&t<=n.right&&r>=n.top&&r<=n.bottom}_beginMove(){this._dragMoved=!0,this._emit("flow-interaction-start")}_outputLayout(t){let r=He(t,this._typeFor(t)),n=t.x+oe/2,a=t.y+We,s=a+Qm,l=nc(t,h=>this.registry?.get(h)),d=r.map((h,m)=>{let f=this.connections.find(_=>_.source.node===t.id&&_.source.port===h.id),g=f?this.nodes.find(_=>_.id===f.target.node):void 0,b=l[m],v=h.label?Zm(h.label).h:0,x=h.label?Jm(t,v,g,r.length===1):null,S=x===null?s:x+v;return{port:h,conn:f,child:g,x:b,pillTop:x,pillH:v,exitY:S}});return{cx:n,by:a,busY:s,branches:d}}_inputAnchor(t,r){let n=Ii(t,this._typeFor(t)),a=Math.max(n.findIndex(s=>s.id===r),0);return{x:l1(t,"in",a,n.length).x,y:t.y}}_elbowMidOffsets(){let t=new Map;for(let n of this.nodes){let{branches:a}=this._outputLayout(n);for(let s of a){if(!s.conn||!s.child)continue;let{x:l,y:d}=this._inputAnchor(s.child,s.conn.target.port);if(l===s.x||d-lf<s.exitY)continue;let h=Tr((s.exitY+d)/2),m=`${s.conn.target.node}:${s.conn.target.port}`,f=t.get(h)??new Map;t.set(h,f),f.set(m,[...f.get(m)??[],s.conn.id])}}let r=new Map;for(let n of t.values()){if(n.size<2)continue;let a=[...n.keys()].sort();a.forEach((s,l)=>{let d=(l-Math.floor((a.length-1)/2))*K4;n.get(s).forEach(h=>r.set(h,d))})}return r}_segmentBlocked(t,r,n){let l=Math.min(t.x,r.x),d=Math.max(t.x,r.x),h=Math.min(t.y,r.y),m=Math.max(t.y,r.y);return this.nodes.some(f=>!n.has(f.id)&&l<f.x+oe+8&&d>f.x-8&&h<f.y+We+8&&m>f.y-48)}_routeClear(t,r){for(let n=0;n<t.length-1;n++)if(this._segmentBlocked(t[n],t[n+1],r))return!1;return!0}_routePoints(t,r,n,a=0,s,l=!1){let{x:d,y:h}=this._inputAnchor(r,n),m=new Set(s?[r.id,s]:[r.id]);if(h-lf>=t.y){let S=Math.round((t.y+h)/2)+a,_=h-t.y,R=Math.min(h-12,Math.ceil((t.y+_/4)/Pe)*Pe),j=Math.max(R,Math.floor((h-_/4)/Pe)*Pe),I=G=>Math.max(R,Math.min(j,G)),w=null;if(d===t.x){let G=[t,{x:d,y:h}];if(this._routeClear(G,m))return G;w=G}else for(let G=0;G<=20;G++)for(let tt of G===0?[S]:[S+G*Pe,S-G*Pe]){let ut=I(tt);if(ut!==tt&&G>0)continue;let pt=[t,{x:t.x,y:ut},{x:d,y:ut},{x:d,y:h}];if(w??(w=pt),this._routeClear(pt,m))return pt}let E=Math.floor(_/2/10)*10,q=Math.max(10,Math.round(_/4/10)*10);for(let G=0;G<=12;G++)for(let tt of G===0?[q]:[q+G*10,q-G*10]){if(tt<10||tt>E)continue;let ut=t.y+tt,pt=h-tt;if(!(pt<ut))for(let gt=1;gt<=14;gt++)for(let Vt of[1,-1]){let Ut=t.x+Vt*gt*Pe,Fe=[t,{x:t.x,y:ut},{x:Ut,y:ut},{x:Ut,y:pt},{x:d,y:pt},{x:d,y:h}];if(this._routeClear(Fe,m))return Fe}}return w}let f=t.y+G4,g=h-lf,b,v;if(l){let S=this.nodes.filter(w=>w.y+We>g-Pe&&w.y<f+Pe),_=Math.max(...S.map(w=>w.x+oe))+$p,R=Math.min(...S.map(w=>w.x))-$p,j=Math.abs(_-t.x)+Math.abs(_-d),I=Math.abs(t.x-R)+Math.abs(d-R);b=j<=I,v=b?_:R}else b=t.x>=r.x+oe/2,v=b?r.x+oe+$p:r.x-$p;let x=null;for(let S=0;S<=20;S++){let _=v+(b?1:-1)*S*Pe,R=[t,{x:t.x,y:f},{x:_,y:f},{x:_,y:g},{x:d,y:g},{x:d,y:h}];if(x??(x=R),this._routeClear(R,m))return R}return x}static _pathFrom(t){return t.map((r,n)=>`${n===0?"M":"L"} ${r.x} ${r.y}`).join(" ")}_addPoints(){if(!this.movingNodeId&&!this.dragType)return[];let t=[];for(let r of this.nodes){let{branches:n}=this._outputLayout(r);n.forEach(a=>{a.conn||t.push({nodeId:r.id,port:a.port.id,px:a.x,py:a.exitY+sf})})}return t}_wirePoints(){if(this.movingNodeId)return[];let t=this._elbowMidOffsets(),r=Ni(this.nodes,this.connections),n=[];for(let d of this.nodes){let{branches:h}=this._outputLayout(d);h.forEach(m=>{if(!m.conn||!m.child)return;let f=t.get(m.conn.id)??0,g=this._routePoints({x:m.x,y:m.exitY},m.child,m.conn.target.port,f,d.id,r.has(m.conn)),b=0,v=-1;for(let E=0;E<g.length-1;E++){let q=Math.abs(g[E+1].x-g[E].x)+Math.abs(g[E+1].y-g[E].y);q>v&&(v=q,b=E)}let x=g[b],S=g[b+1],_=Math.abs(S.x-x.x)+Math.abs(S.y-x.y),R=Math.sign(S.x-x.x),j=Math.sign(S.y-x.y),I=E=>({px:x.x+R*E,py:x.y+j*E}),w=Math.max(0,(b===g.length-2?_-W4:_)/2);n.push({connectionId:m.conn.id,at:I,d:w,len:_})})}let a=b1,s=(d,h)=>this.nodes.some(m=>d>m.x-a&&d<m.x+oe+a&&h>m.y-a&&h<m.y+We+a),l=[];for(let d of n){let h=f=>s(f.px,f.py)||l.some(g=>Math.hypot(g.px-f.px,g.py-f.py)<b1*2+6),m=d.at(d.d);if(h(m))t:for(let f=Pe/2;f<=d.len;f+=Pe/2)for(let g of[d.d-f,d.d+f]){if(g<0||g>d.len)continue;let b=d.at(g);if(!h(b)){m=b;break t}}l.push({connectionId:d.connectionId,...m})}return l}_screenFromCanvas(t,r){let n=this.getBoundingClientRect();return{clientX:n.left+this.panX+t*this.zoom,clientY:n.top+this.panY+r*this.zoom}}_onAddClick(t,r,n){if(t.stopPropagation(),this.movingNodeId){this._emit("flow-output-move-target",{nodeId:r,port:n});return}this._startLink(r,n)}_onWireAddClick(t,r,n,a){t.stopPropagation(),this._emit("flow-wire-pick",{connectionId:r,...this._screenFromCanvas(n,a)})}_onAddDrop(t,r,n){let a=t.dataTransfer?.getData(ac);a&&(t.preventDefault(),t.stopPropagation(),this._emit("flow-output-assign",{nodeId:r,port:n,type:a}))}_onWireDrop(t,r){let n=t.dataTransfer?.getData(ac);n&&(t.preventDefault(),t.stopPropagation(),this._emit("flow-wire-assign",{connectionId:r,type:n}))}_zoomBy(t){this._viewInitialised=!0,this.zoom=Math.min(f1,Math.max(af,+(this.zoom+t).toFixed(2)))}_contentBounds(){if(!this.nodes.length&&!this.notes.length)return null;let t=1/0,r=1/0,n=-1/0,a=-1/0;for(let s of this.nodes){t=Math.min(t,s.x),n=Math.max(n,s.x+oe),r=Math.min(r,s.y),a=Math.max(a,s.y+We);for(let l of this._outputLayout(s).branches)t=Math.min(t,l.x-70),n=Math.max(n,l.x+70),a=Math.max(a,l.exitY+sf+14)}for(let s of this.notes)t=Math.min(t,s.x),n=Math.max(n,s.x+(s.width??ef)),r=Math.min(r,s.y),a=Math.max(a,s.y+(s.height??rf));return{x:t,y:r,width:n-t,height:a-r}}_resetView(){let t=this.getBoundingClientRect(),r=this._contentBounds();if(!r||!t.width||!t.height){this.zoom=1,this.panX=0,this.panY=0;return}let n=60,a=Math.min(1,(t.width-n*2)/r.width,(t.height-n*2)/r.height);this.zoom=Math.max(af,+a.toFixed(2)),this.panX=Math.round((t.width-r.width*this.zoom)/2-r.x*this.zoom),this.panY=Math.round((t.height-r.height*this.zoom)/2-r.y*this.zoom)}_viewportCursorClass(){return this.drag?this.drag.kind==="note-resize"?"resizing":"grabbing":""}_renderConnections(){let t=`translate(${this.panX} ${this.panY}) scale(${this.zoom})`,r=this._elbowMidOffsets(),n=Ni(this.nodes,this.connections),a=[],s=!!(this.movingNodeId||this.dragType);for(let l of this.nodes){let{cx:d,by:h,busY:m,branches:f}=this._outputLayout(l),g=f.filter(S=>S.conn&&S.child||S.pillTop!==null||s);if(!g.length)continue;a.push($o`<path class="wire" d="M ${d} ${h} L ${d} ${m}"></path>`);let b=[d,...g.map(S=>S.x)],v=Math.min(...b),x=Math.max(...b);x-v>.5&&a.push($o`<path class="wire" d="M ${v} ${m} L ${x} ${m}"></path>`),g.forEach(S=>{if(S.pillTop!==null&&a.push($o`<path class="wire" d="M ${S.x} ${Math.min(m,S.pillTop-10)} L ${S.x} ${S.pillTop}" marker-end="url(#flow-arrow)"></path>`),S.conn&&S.child){let _=r.get(S.conn.id)??0,R=n.has(S.conn),j=this._routePoints({x:S.x,y:S.exitY},S.child,S.conn.target.port,_,l.id,R);a.push($o`<path
|
|
4519
|
+
`}};Wr.styles=T(h1),Wr.dependencies={"zn-icon":ct,"zn-button":Tt,"zn-dropdown":gr,"zn-menu":Ro,"zn-menu-item":$n},c([p({attribute:!1})],Wr.prototype,"node",2),c([p({attribute:!1})],Wr.prototype,"type",2),c([p({type:Boolean,reflect:!0})],Wr.prototype,"selected",2),c([p({type:Boolean,reflect:!0})],Wr.prototype,"error",2),c([p({type:Boolean,reflect:!0})],Wr.prototype,"dragging",2),c([p({type:Boolean,reflect:!0,attribute:"link-target"})],Wr.prototype,"linkTarget",2);var u1=Wr;Wr.define("zn-flow-node");var m1=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{display:block;position:relative;width:100%;height:100%;overflow:hidden}.viewport{position:absolute;inset:0;overflow:hidden;background-color:rgb(var(--zn-color-body));background-image:radial-gradient(rgb(var(--zn-color-border)) 1px,transparent 1px);background-size:20px 20px;cursor:grab;touch-action:none}.viewport.grabbing,.viewport.grabbing *{cursor:grabbing !important}.viewport.connecting,.viewport.connecting *{cursor:crosshair !important}.viewport.resizing,.viewport.resizing *{cursor:nwse-resize !important}.viewport.linking{cursor:crosshair}.viewport.step-dragging .add-point{color:rgb(var(--zn-panel));background:rgb(var(--zn-color-primary));border-style:solid;box-shadow:0 0 0 4px color-mix(in srgb,rgb(var(--zn-color-primary)) 22%,transparent)}.connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.connections .wire{fill:none;stroke:rgb(var(--zn-color-primary));stroke-width:2}.connections .wire--stub{stroke:rgb(var(--zn-color-border-active));stroke-dasharray:4 4}.connections .wire--preview{stroke-dasharray:6 4}.connections .wire--loop{stroke:rgb(var(--zn-color-warning))}.connections marker path{fill:rgb(var(--zn-color-primary))}.connections marker#flow-arrow-loop path{fill:rgb(var(--zn-color-warning))}.add-point{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin:-12px;padding:0;border-radius:50%;color:rgb(var(--zn-color-primary));background:rgb(var(--zn-panel));border:1px dashed rgb(var(--zn-color-border-active));cursor:pointer;transition:background 0.12s ease,color 0.12s ease}.add-point:hover{color:rgb(var(--zn-panel));background:rgb(var(--zn-color-primary));border-style:solid}.add-point--target{color:rgb(var(--zn-panel));background:rgb(var(--zn-color-primary));border-style:solid;box-shadow:0 0 0 4px color-mix(in srgb,rgb(var(--zn-color-primary)) 25%,transparent)}.add-point--wire{width:20px;height:20px;margin:-10px}.layer{position:absolute;top:0;left:0;transform-origin:0 0;width:0;height:0}.node-pos{position:absolute;top:0;left:0}.branch-pill{display:flex;align-items:center;justify-content:center;width:-moz-max-content;width:max-content;max-width:240px;box-sizing:border-box;text-align:center;overflow-wrap:anywhere;overflow:hidden;padding:0 18px;border-radius:10px;font:inherit;font-size:0.8125rem;font-weight:600;line-height:20px;color:rgb(var(--zn-text));background:color-mix(in srgb,rgb(var(--zn-color-primary)) 8%,rgb(var(--zn-panel)));border:1px solid color-mix(in srgb,rgb(var(--zn-color-primary)) 45%,transparent);cursor:pointer;transition:border-color 0.12s ease,box-shadow 0.12s ease}.branch-pill:hover{border-color:rgb(var(--zn-color-primary));box-shadow:0 1px 3px rgba(var(--zn-shadow),0.4)}.branch-pill--selected{border-color:rgb(var(--zn-color-primary));background:color-mix(in srgb,rgb(var(--zn-color-primary)) 16%,rgb(var(--zn-panel)))}.branch-pill--loop{background:color-mix(in srgb,rgb(var(--zn-color-warning)) 10%,rgb(var(--zn-panel)));border-color:color-mix(in srgb,rgb(var(--zn-color-warning)) 55%,transparent)}.branch-pill--loop:hover{border-color:rgb(var(--zn-color-warning))}.branch-pill--loop.branch-pill--selected{border-color:rgb(var(--zn-color-warning));background:color-mix(in srgb,rgb(var(--zn-color-warning)) 18%,rgb(var(--zn-panel)))}.branch-pill-wrap{position:absolute;top:0;left:0;transform:translateX(-50%);display:flex;align-items:stretch}.branch-pill-wrap::after{content:"";position:absolute;left:100%;top:0;width:40px;height:100%}.branch-pill-wrap:hover .branch-pill-delete{opacity:1;transform:translate(0,-50%);pointer-events:auto;transition-delay:0.15s}.branch-pill-port{position:absolute;z-index:1;left:50%;bottom:0;transform:translate(-50%,50%);width:11px;height:11px;box-sizing:border-box;border-radius:50%;background:rgb(var(--zn-panel));border:2px solid rgb(var(--zn-color-primary));cursor:pointer;transition:transform 0.12s ease,box-shadow 0.12s ease}.branch-pill-port:hover{transform:translate(-50%,50%) scale(1.35);box-shadow:0 0 0 4px color-mix(in srgb,rgb(var(--zn-color-primary)) 20%,transparent)}.branch-pill-delete{position:absolute;z-index:1;left:calc(100% + 8px);top:50%;transform:translate(-10px,-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:50%;background:rgb(var(--zn-color-error));color:white;cursor:pointer;opacity:0;pointer-events:none;transition:opacity 0.15s ease,transform 0.15s ease}.branch-pill-delete:hover{filter:brightness(1.1)}.drop-ghost{position:absolute;top:0;left:0;display:flex;align-items:center;gap:10px;padding:0 12px;border:2px dashed rgb(var(--zn-color-primary));border-radius:10px;background:color-mix(in srgb,rgb(var(--zn-color-primary)) 10%,rgb(var(--zn-panel)));opacity:0.9;pointer-events:none}.drop-ghost__icon{--node-accent:rgb(var(--zn-color-primary));display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;border-radius:8px;color:var(--node-accent);background:color-mix(in srgb,var(--node-accent) 16%,rgb(var(--zn-panel)))}.drop-ghost__label{font-size:0.8125rem;font-weight:600;color:rgb(var(--zn-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar{position:absolute;top:16px;display:flex;align-items:center;gap:2px;padding:3px;background:rgb(var(--zn-panel));border:1px solid rgb(var(--zn-border-color));border-radius:8px;box-shadow:0 1px 3px rgba(var(--zn-shadow),0.4);z-index:2}.toolbar--history{left:16px}.toolbar--zoom{right:16px}.bin{position:absolute;right:16px;bottom:16px;z-index:2;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;color:rgb(var(--zn-color-muted-text));background:rgb(var(--zn-panel));border:1px dashed rgb(var(--zn-color-border-active));box-shadow:0 1px 3px rgba(var(--zn-shadow),0.4);transition:background 0.12s ease,color 0.12s ease,transform 0.12s ease}.bin--over{color:rgb(var(--zn-panel));background:rgb(var(--zn-color-error));border-style:solid;border-color:rgb(var(--zn-color-error));transform:scale(1.12)}.note{position:absolute;display:flex;flex-direction:column;background:#fef9c3;border:1px solid #fde68a;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,0.12)}.note__resize{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 0 50%,#d9c64a 50% 60%,transparent 60% 70%,#d9c64a 70% 80%,transparent 80%)}.note__bar{display:flex;justify-content:flex-end;height:20px;cursor:grab}.note__close{width:20px;height:20px;padding:0;font-size:14px;line-height:1;color:#92400e;background:transparent;cursor:pointer}.note__text{flex:1;margin:0;padding:0 10px 10px;resize:none;border:none;outline:none;background:transparent;font:inherit;font-size:0.8125rem;color:#713f12}`;var af=.25,f1=2,g1=.15,sf=40,G4=20,lf=20,b1=10,W4=8,$p=40,K4=20,ac=Ss,pe=class pe extends C{constructor(){super(...arguments);this.nodes=[];this.connections=[];this.notes=[];this.selectedNodeId=null;this.errorNodes=new Set;this.movingNodeId=null;this.dragType=null;this.selectedBranch=null;this.zoom=1;this.panX=0;this.panY=0;this.drag=null;this._overBin=!1;this._dropGhost=null;this._linking=null;this._linkPos=null;this._linkTarget=null;this._linkClient=null;this._linkScrollRaf=null;this._dragMoved=!1;this._viewInitialised=!1;this._onWheel=t=>{if(t.composedPath().some(d=>d instanceof HTMLTextAreaElement))return;t.preventDefault(),this._viewInitialised=!0;let r=t.deltaMode===1?16:t.deltaMode===2?100:1,n=t.deltaX*r,a=t.deltaY*r;if(t.ctrlKey||t.metaKey){let d=Math.min(f1,Math.max(af,this.zoom*Math.exp(-a*.0015)));if(d===this.zoom)return;let h=this.getBoundingClientRect(),m=t.clientX-h.left,f=t.clientY-h.top,g=(m-this.panX)/this.zoom,b=(f-this.panY)/this.zoom;this.zoom=+d.toFixed(3),this.panX=Math.round(m-g*this.zoom),this.panY=Math.round(f-b*this.zoom);return}let s=t.shiftKey&&!n?a:n,l=t.shiftKey&&!n?0:a;this.panX-=Math.round(s),this.panY-=Math.round(l)};this._onBackgroundPointerDown=t=>{if(t.button===1){t.preventDefault(),this._viewInitialised=!0,this.drag={kind:"pan",ox:t.clientX,oy:t.clientY,px:this.panX,py:this.panY},this._setupWindow("grabbing");return}if(t.button===0){if(this._viewInitialised=!0,this._linking){let r=this._linking,n=this._linkTarget;if(this._cancelLink(),n){this._emit("flow-link-assign",{nodeId:r.nodeId,port:r.port,targetId:n});return}}this._emit("flow-node-select",{nodeId:null}),this.drag={kind:"pan",ox:t.clientX,oy:t.clientY,px:this.panX,py:this.panY},this._setupWindow("grabbing")}};this._onNodeGrab=t=>{if(this._linking){let a=this._linking;this._cancelLink(),a.nodeId!==t.detail.nodeId&&this._emit("flow-link-assign",{nodeId:a.nodeId,port:a.port,targetId:t.detail.nodeId});return}let r=this.nodes.find(a=>a.id===t.detail.nodeId);if(!r)return;let n=this.screenToCanvas(t.detail.clientX,t.detail.clientY);this.drag={kind:"node",id:r.id,offX:n.x-r.x,offY:n.y-r.y,startX:r.x,startY:r.y},this._dragMoved=!1,this._setupWindow("grabbing")};this._onNodeSelect=t=>{this._linking&&t.detail.nodeId&&t.stopPropagation()};this._onPortClick=t=>{let{nodeId:r}=t.detail;if(this._linking&&this._linking.nodeId!==r){let s=this._linking;this._cancelLink(),this._emit("flow-link-assign",{nodeId:s.nodeId,port:s.port,targetId:r});return}let n=this.nodes.find(s=>s.id===r);if(!n)return;let a=He(n,this._typeFor(n)).find(s=>!this.connections.some(l=>l.source.node===r&&l.source.port===s.id));this._startLink(r,a?.id??Cp)};this._onLinkPointerMove=t=>{this._linkClient={x:t.clientX,y:t.clientY},this._updateLinkFromClient(t.clientX,t.clientY)};this._linkEdgeScroll=()=>{if(this._linkScrollRaf=null,!!this._linking){if(this._linkClient){let t=this.getBoundingClientRect(),r=48,n=14,a=m=>Math.min(n,Math.ceil((r-m)/r*n)),{x:s,y:l}=this._linkClient,d=0,h=0;s<t.left+r?d=a(s-t.left):s>t.right-r&&(d=-a(t.right-s)),l<t.top+r?h=a(l-t.top):l>t.bottom-r&&(h=-a(t.bottom-l)),(d||h)&&(this.panX+=d,this.panY+=h,this._updateLinkFromClient(s,l))}this._linkScrollRaf=requestAnimationFrame(this._linkEdgeScroll)}};this._onLinkKeyDown=t=>{t.key==="Escape"&&this._cancelLink()};this._cancelLink=()=>{this._linking&&(this._linking=null,this._linkPos=null,this._linkTarget=null,this._linkClient=null,this._linkScrollRaf!==null&&(cancelAnimationFrame(this._linkScrollRaf),this._linkScrollRaf=null),window.removeEventListener("pointermove",this._onLinkPointerMove),window.removeEventListener("keydown",this._onLinkKeyDown),window.removeEventListener("blur",this._cancelLink))};this._onPointerMove=t=>{if(!this.drag)return;if(this.drag.kind==="pan"){this.panX=this.drag.px+(t.clientX-this.drag.ox),this.panY=this.drag.py+(t.clientY-this.drag.oy);return}let r=this.screenToCanvas(t.clientX,t.clientY);if(this.drag.kind==="node"){this._overBin=this._binHit(t.clientX,t.clientY);let n=this.nodes.find(a=>a.id===this.drag.id);if(n){let a={x:Tr(r.x-this.drag.offX),y:Tr(r.y-this.drag.offY)},s=new Set(this.connections.filter(h=>h.target.node===n.id&&h.source.node!==n.id).map(h=>h.source.node)),l=h=>{let m={...n,...h},f=this.nodes.map(b=>b.id===n.id?m:b),g=b=>this.registry?.get(b);return f.some(b=>b!==m&&n1(m,b,g,f,this.connections))?!1:![...s].some(b=>{let v=f.find(x=>x.id===b);return!!v&&Tp(v,g,f,this.connections)})},d=l(a)?a:l({x:a.x,y:n.y})?{x:a.x,y:n.y}:l({x:n.x,y:a.y})?{x:n.x,y:a.y}:null;d&&(d.x!==n.x||d.y!==n.y)&&(this._dragMoved||this._beginMove(),n.x=d.x,n.y=d.y,this.requestUpdate())}}else if(this.drag.kind==="note"){let n=this.notes.find(a=>a.id===this.drag.id);n&&(this._dragMoved||this._beginMove(),n.x=Tr(r.x-this.drag.offX),n.y=Tr(r.y-this.drag.offY),this.requestUpdate())}else if(this.drag.kind==="note-resize"){let n=this.notes.find(a=>a.id===this.drag.id);n&&(this._dragMoved||this._beginMove(),n.width=Math.max(a1,Tr(r.x-n.x)),n.height=Math.max(s1,Tr(r.y-n.y)),this.requestUpdate())}};this._onPointerUp=()=>{let t=this.drag,r=this._overBin;if(this.drag=null,this._overBin=!1,this._teardownWindow(),!!t){if(t.kind==="node"&&this._dragMoved&&r){let n=this.nodes.find(a=>a.id===t.id);n&&(n.x=t.startX,n.y=t.startY),this._emit("flow-node-action",{nodeId:t.id,action:"delete"});return}(t.kind==="node"||t.kind==="note"||t.kind==="note-resize")&&this._dragMoved&&this._emit("flow-change-commit")}};this._onViewportDragOver=t=>{if(!t.dataTransfer?.types.includes(ac))return;this._viewInitialised=!0,t.preventDefault();let r=t.composedPath().some(a=>a instanceof Element&&a.classList.contains("add-point"));t.dataTransfer.dropEffect=r?"copy":"move";let n=this.screenToCanvas(t.clientX,t.clientY);this._dropGhost={x:Tr(n.x-oe/2),y:Tr(n.y-Ke/2)}};this._onViewportDragLeave=t=>{let r=this.getBoundingClientRect();(t.clientX<r.left||t.clientX>r.right||t.clientY<r.top||t.clientY>r.bottom)&&(this._dropGhost=null)};this._clearDropGhost=()=>{this._dropGhost=null};this._onAddPointDragOver=t=>{t.dataTransfer?.types.includes(ac)&&(t.preventDefault(),t.dataTransfer.dropEffect="copy")};this._onBinDragOver=t=>{t.dataTransfer?.types.includes(ac)&&(t.preventDefault(),t.stopPropagation(),t.dataTransfer.dropEffect="move",this._overBin=!0,this._dropGhost=null)};this._onBinDragLeave=()=>{this._overBin=!1};this._onBinDrop=t=>{t.preventDefault(),t.stopPropagation(),this._overBin=!1,this._dropGhost=null}}connectedCallback(){super.connectedCallback(),this.addEventListener("flow-node-grab",this._onNodeGrab),this.addEventListener("flow-node-select",this._onNodeSelect),this.addEventListener("flow-port-click",this._onPortClick),this.addEventListener("wheel",this._onWheel,{passive:!1})}disconnectedCallback(){this.removeEventListener("flow-node-grab",this._onNodeGrab),this.removeEventListener("flow-node-select",this._onNodeSelect),this.removeEventListener("flow-port-click",this._onPortClick),this.removeEventListener("wheel",this._onWheel),this._cancelLink(),this._teardownWindow(),super.disconnectedCallback()}updated(t){if(super.updated(t),this.style.setProperty("--flow-zoom",String(this.zoom)),t.has("dragType")&&!this.dragType&&(this._dropGhost=null),!this._viewInitialised&&this.nodes.length){let r=this.getBoundingClientRect();r.width&&r.height&&(this._viewInitialised=!0,this._resetView())}}_emit(t,r){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:r}))}screenToCanvas(t,r){let n=this.getBoundingClientRect();return{x:(t-n.left-this.panX)/this.zoom,y:(r-n.top-this.panY)/this.zoom}}_typeFor(t){return this.registry?.get(t.type)}_setupWindow(t=""){window.addEventListener("pointermove",this._onPointerMove),window.addEventListener("pointerup",this._onPointerUp),t&&(document.body.style.cursor=t)}_teardownWindow(){window.removeEventListener("pointermove",this._onPointerMove),window.removeEventListener("pointerup",this._onPointerUp),document.body.style.cursor=""}_onBranchPortClick(t,r){if(this._linking){let n=this._linking;this._cancelLink(),n.nodeId!==t&&this._emit("flow-link-assign",{nodeId:n.nodeId,port:n.port,targetId:t});return}this._startLink(t,r)}_startLink(t,r){this._linking={nodeId:t,port:r},this._linkPos=null,this._linkClient=null,window.addEventListener("pointermove",this._onLinkPointerMove),window.addEventListener("keydown",this._onLinkKeyDown),window.addEventListener("blur",this._cancelLink),this._linkScrollRaf=requestAnimationFrame(this._linkEdgeScroll)}_updateLinkFromClient(t,r){let n=this.screenToCanvas(t,r);this._linkPos=n;let a=this._linking;if(!a)return;let s=12,l=this.nodes.find(d=>d.id!==a.nodeId&&n.x>=d.x-s&&n.x<=d.x+oe+s&&n.y>=d.y-s&&n.y<=d.y+Ke+s&&Ii(d,this._typeFor(d)).length>0);this._linkTarget=l?.id??null}_binHit(t,r){let n=this.shadowRoot?.querySelector(".bin")?.getBoundingClientRect();return!!n&&t>=n.left&&t<=n.right&&r>=n.top&&r<=n.bottom}_beginMove(){this._dragMoved=!0,this._emit("flow-interaction-start")}_outputLayout(t){let r=He(t,this._typeFor(t)),n=t.x+oe/2,a=t.y+Ke,s=a+Qm,l=nc(t,h=>this.registry?.get(h)),d=r.map((h,m)=>{let f=this.connections.find(_=>_.source.node===t.id&&_.source.port===h.id),g=f?this.nodes.find(_=>_.id===f.target.node):void 0,b=l[m],v=h.label?Zm(h.label).h:0,x=h.label?Jm(t,v,g,r.length===1):null,S=x===null?s:x+v;return{port:h,conn:f,child:g,x:b,pillTop:x,pillH:v,exitY:S}});return{cx:n,by:a,busY:s,branches:d}}_inputAnchor(t,r){let n=Ii(t,this._typeFor(t)),a=Math.max(n.findIndex(s=>s.id===r),0);return{x:l1(t,"in",a,n.length).x,y:t.y}}_elbowMidOffsets(){let t=new Map;for(let n of this.nodes){let{branches:a}=this._outputLayout(n);for(let s of a){if(!s.conn||!s.child)continue;let{x:l,y:d}=this._inputAnchor(s.child,s.conn.target.port);if(l===s.x||d-lf<s.exitY)continue;let h=Tr((s.exitY+d)/2),m=`${s.conn.target.node}:${s.conn.target.port}`,f=t.get(h)??new Map;t.set(h,f),f.set(m,[...f.get(m)??[],s.conn.id])}}let r=new Map;for(let n of t.values()){if(n.size<2)continue;let a=[...n.keys()].sort();a.forEach((s,l)=>{let d=(l-Math.floor((a.length-1)/2))*K4;n.get(s).forEach(h=>r.set(h,d))})}return r}_segmentBlocked(t,r,n){let l=Math.min(t.x,r.x),d=Math.max(t.x,r.x),h=Math.min(t.y,r.y),m=Math.max(t.y,r.y);return this.nodes.some(f=>!n.has(f.id)&&l<f.x+oe+8&&d>f.x-8&&h<f.y+Ke+8&&m>f.y-48)}_routeClear(t,r){for(let n=0;n<t.length-1;n++)if(this._segmentBlocked(t[n],t[n+1],r))return!1;return!0}_routePoints(t,r,n,a=0,s,l=!1){let{x:d,y:h}=this._inputAnchor(r,n),m=new Set(s?[r.id,s]:[r.id]);if(h-lf>=t.y){let S=Math.round((t.y+h)/2)+a,_=h-t.y,R=Math.min(h-12,Math.ceil((t.y+_/4)/Pe)*Pe),j=Math.max(R,Math.floor((h-_/4)/Pe)*Pe),I=G=>Math.max(R,Math.min(j,G)),w=null;if(d===t.x){let G=[t,{x:d,y:h}];if(this._routeClear(G,m))return G;w=G}else for(let G=0;G<=20;G++)for(let tt of G===0?[S]:[S+G*Pe,S-G*Pe]){let ut=I(tt);if(ut!==tt&&G>0)continue;let pt=[t,{x:t.x,y:ut},{x:d,y:ut},{x:d,y:h}];if(w??(w=pt),this._routeClear(pt,m))return pt}let E=Math.floor(_/2/10)*10,q=Math.max(10,Math.round(_/4/10)*10);for(let G=0;G<=12;G++)for(let tt of G===0?[q]:[q+G*10,q-G*10]){if(tt<10||tt>E)continue;let ut=t.y+tt,pt=h-tt;if(!(pt<ut))for(let gt=1;gt<=14;gt++)for(let Vt of[1,-1]){let Ut=t.x+Vt*gt*Pe,Fe=[t,{x:t.x,y:ut},{x:Ut,y:ut},{x:Ut,y:pt},{x:d,y:pt},{x:d,y:h}];if(this._routeClear(Fe,m))return Fe}}return w}let f=t.y+G4,g=h-lf,b,v;if(l){let S=this.nodes.filter(w=>w.y+Ke>g-Pe&&w.y<f+Pe),_=Math.max(...S.map(w=>w.x+oe))+$p,R=Math.min(...S.map(w=>w.x))-$p,j=Math.abs(_-t.x)+Math.abs(_-d),I=Math.abs(t.x-R)+Math.abs(d-R);b=j<=I,v=b?_:R}else b=t.x>=r.x+oe/2,v=b?r.x+oe+$p:r.x-$p;let x=null;for(let S=0;S<=20;S++){let _=v+(b?1:-1)*S*Pe,R=[t,{x:t.x,y:f},{x:_,y:f},{x:_,y:g},{x:d,y:g},{x:d,y:h}];if(x??(x=R),this._routeClear(R,m))return R}return x}static _pathFrom(t){return t.map((r,n)=>`${n===0?"M":"L"} ${r.x} ${r.y}`).join(" ")}_addPoints(){if(!this.movingNodeId&&!this.dragType)return[];let t=[];for(let r of this.nodes){let{branches:n}=this._outputLayout(r);n.forEach(a=>{a.conn||t.push({nodeId:r.id,port:a.port.id,px:a.x,py:a.exitY+sf})})}return t}_wirePoints(){if(this.movingNodeId)return[];let t=this._elbowMidOffsets(),r=Ni(this.nodes,this.connections),n=[];for(let d of this.nodes){let{branches:h}=this._outputLayout(d);h.forEach(m=>{if(!m.conn||!m.child)return;let f=t.get(m.conn.id)??0,g=this._routePoints({x:m.x,y:m.exitY},m.child,m.conn.target.port,f,d.id,r.has(m.conn)),b=0,v=-1;for(let E=0;E<g.length-1;E++){let q=Math.abs(g[E+1].x-g[E].x)+Math.abs(g[E+1].y-g[E].y);q>v&&(v=q,b=E)}let x=g[b],S=g[b+1],_=Math.abs(S.x-x.x)+Math.abs(S.y-x.y),R=Math.sign(S.x-x.x),j=Math.sign(S.y-x.y),I=E=>({px:x.x+R*E,py:x.y+j*E}),w=Math.max(0,(b===g.length-2?_-W4:_)/2);n.push({connectionId:m.conn.id,at:I,d:w,len:_})})}let a=b1,s=(d,h)=>this.nodes.some(m=>d>m.x-a&&d<m.x+oe+a&&h>m.y-a&&h<m.y+Ke+a),l=[];for(let d of n){let h=f=>s(f.px,f.py)||l.some(g=>Math.hypot(g.px-f.px,g.py-f.py)<b1*2+6),m=d.at(d.d);if(h(m))t:for(let f=Pe/2;f<=d.len;f+=Pe/2)for(let g of[d.d-f,d.d+f]){if(g<0||g>d.len)continue;let b=d.at(g);if(!h(b)){m=b;break t}}l.push({connectionId:d.connectionId,...m})}return l}_screenFromCanvas(t,r){let n=this.getBoundingClientRect();return{clientX:n.left+this.panX+t*this.zoom,clientY:n.top+this.panY+r*this.zoom}}_onAddClick(t,r,n){if(t.stopPropagation(),this.movingNodeId){this._emit("flow-output-move-target",{nodeId:r,port:n});return}this._startLink(r,n)}_onWireAddClick(t,r,n,a){t.stopPropagation(),this._emit("flow-wire-pick",{connectionId:r,...this._screenFromCanvas(n,a)})}_onAddDrop(t,r,n){let a=t.dataTransfer?.getData(ac);a&&(t.preventDefault(),t.stopPropagation(),this._emit("flow-output-assign",{nodeId:r,port:n,type:a}))}_onWireDrop(t,r){let n=t.dataTransfer?.getData(ac);n&&(t.preventDefault(),t.stopPropagation(),this._emit("flow-wire-assign",{connectionId:r,type:n}))}_zoomBy(t){this._viewInitialised=!0,this.zoom=Math.min(f1,Math.max(af,+(this.zoom+t).toFixed(2)))}_contentBounds(){if(!this.nodes.length&&!this.notes.length)return null;let t=1/0,r=1/0,n=-1/0,a=-1/0;for(let s of this.nodes){t=Math.min(t,s.x),n=Math.max(n,s.x+oe),r=Math.min(r,s.y),a=Math.max(a,s.y+Ke);for(let l of this._outputLayout(s).branches)t=Math.min(t,l.x-70),n=Math.max(n,l.x+70),a=Math.max(a,l.exitY+sf+14)}for(let s of this.notes)t=Math.min(t,s.x),n=Math.max(n,s.x+(s.width??ef)),r=Math.min(r,s.y),a=Math.max(a,s.y+(s.height??rf));return{x:t,y:r,width:n-t,height:a-r}}_resetView(){let t=this.getBoundingClientRect(),r=this._contentBounds();if(!r||!t.width||!t.height){this.zoom=1,this.panX=0,this.panY=0;return}let n=60,a=Math.min(1,(t.width-n*2)/r.width,(t.height-n*2)/r.height);this.zoom=Math.max(af,+a.toFixed(2)),this.panX=Math.round((t.width-r.width*this.zoom)/2-r.x*this.zoom),this.panY=Math.round((t.height-r.height*this.zoom)/2-r.y*this.zoom)}_viewportCursorClass(){return this.drag?this.drag.kind==="note-resize"?"resizing":"grabbing":""}_renderConnections(){let t=`translate(${this.panX} ${this.panY}) scale(${this.zoom})`,r=this._elbowMidOffsets(),n=Ni(this.nodes,this.connections),a=[],s=!!(this.movingNodeId||this.dragType);for(let l of this.nodes){let{cx:d,by:h,busY:m,branches:f}=this._outputLayout(l),g=f.filter(S=>S.conn&&S.child||S.pillTop!==null||s);if(!g.length)continue;a.push($o`<path class="wire" d="M ${d} ${h} L ${d} ${m}"></path>`);let b=[d,...g.map(S=>S.x)],v=Math.min(...b),x=Math.max(...b);x-v>.5&&a.push($o`<path class="wire" d="M ${v} ${m} L ${x} ${m}"></path>`),g.forEach(S=>{if(S.pillTop!==null&&a.push($o`<path class="wire" d="M ${S.x} ${Math.min(m,S.pillTop-10)} L ${S.x} ${S.pillTop}" marker-end="url(#flow-arrow)"></path>`),S.conn&&S.child){let _=r.get(S.conn.id)??0,R=n.has(S.conn),j=this._routePoints({x:S.x,y:S.exitY},S.child,S.conn.target.port,_,l.id,R);a.push($o`<path
|
|
4519
4520
|
class="wire ${R?"wire--loop":""}"
|
|
4520
4521
|
d="${pe._pathFrom(j)}"
|
|
4521
4522
|
marker-end="url(#${R?"flow-arrow-loop":"flow-arrow"})"
|
|
4522
|
-
></path>`)}else s&&a.push($o`<path class="wire wire--stub" d="M ${S.x} ${S.exitY} L ${S.x} ${S.exitY+sf-11}"></path>`)})}if(this._linking&&this._linkPos){let l=this.nodes.find(d=>d.id===this._linking.nodeId);if(l){let d=this._outputLayout(l).branches.find(g=>g.port.id===this._linking.port),h=d&&d.pillTop!==null?{x:d.x,y:d.exitY}:{x:l.x+oe/2,y:l.y+
|
|
4523
|
+
></path>`)}else s&&a.push($o`<path class="wire wire--stub" d="M ${S.x} ${S.exitY} L ${S.x} ${S.exitY+sf-11}"></path>`)})}if(this._linking&&this._linkPos){let l=this.nodes.find(d=>d.id===this._linking.nodeId);if(l){let d=this._outputLayout(l).branches.find(g=>g.port.id===this._linking.port),h=d&&d.pillTop!==null?{x:d.x,y:d.exitY}:{x:l.x+oe/2,y:l.y+Ke},m=this._linkTarget?this.nodes.find(g=>g.id===this._linkTarget):void 0,f=m?this._inputAnchor(m,ic(m,this._typeFor(m))??""):this._linkPos;a.push($o`<path class="wire wire--preview" d="M ${h.x} ${h.y} L ${f.x} ${f.y}" marker-end="url(#flow-arrow)"></path>`)}}return u`
|
|
4523
4524
|
<svg class="connections" part="connections">
|
|
4524
4525
|
<defs>
|
|
4525
4526
|
<marker id="flow-arrow" markerWidth="10" markerHeight="10" refX="7" refY="3" orient="auto"
|
|
@@ -4587,7 +4588,7 @@ Please report this to https://github.com/markedjs/marked.`,i){let r="<p>An error
|
|
|
4587
4588
|
`)}_renderDropGhost(){if(!this._dropGhost)return"";let t=this.dragType?this.registry?.get(this.dragType):void 0;return u`
|
|
4588
4589
|
<div
|
|
4589
4590
|
class="drop-ghost"
|
|
4590
|
-
style="transform:translate(${this._dropGhost.x}px, ${this._dropGhost.y}px);width:${oe}px;height:${
|
|
4591
|
+
style="transform:translate(${this._dropGhost.x}px, ${this._dropGhost.y}px);width:${oe}px;height:${Ke}px"
|
|
4591
4592
|
>
|
|
4592
4593
|
<div class="drop-ghost__icon" style="--node-accent:${t?.color??"rgb(var(--zn-color-primary))"}">
|
|
4593
4594
|
<zn-icon src="${t?.icon??"circle"}" library="${P(t?.iconLibrary)}" size="20"></zn-icon>
|
|
@@ -4682,7 +4683,7 @@ Please report this to https://github.com/markedjs/marked.`,i){let r="<p>An error
|
|
|
4682
4683
|
<zn-collapsible caption="${this.caption??""}" default="${this.collapsed?"closed":"open"}">
|
|
4683
4684
|
<slot></slot>
|
|
4684
4685
|
</zn-collapsible>
|
|
4685
|
-
`}};wn.styles=T(x1),wn.dependencies={"zn-collapsible":Js},c([p()],wn.prototype,"caption",2),c([p({type:Boolean,reflect:!0})],wn.prototype,"collapsed",2);var cf=wn;wn.define("zn-flow-step-group");var qp=class{constructor(){this.types=new Map}register(o){return this.types.set(o.type,o),this}registerAll(o){return o.forEach(t=>this.register(t)),this}get(o){return this.types.get(o)}has(o){return this.types.has(o)}all(){return Array.from(this.types.values())}byGroup(o){return this.all().filter(t=>t.group===o)}categories(o){let t=new Map;for(let r of this.byGroup(o)){let n=r.category??"",a=t.get(n)??[];a.push(r),t.set(n,a)}return t}clear(){this.types.clear()}};var y1=oe+80,Lp=220,df=40,sc=i=>i.reduce((o,t)=>o+t,0)/i.length;function z1(i,o){let t=new Map,r=i.nodes;if(!r.length)return t;let n=new Map(r.map(w=>[w.id,w])),a=new Map(r.map(w=>[w.id,[]])),s=new Map(r.map(w=>[w.id,[]]));for(let w of i.connections)!n.has(w.source.node)||!n.has(w.target.node)||(a.get(w.target.node).push(w),s.get(w.source.node).push(w));let l=Ni(r,i.connections),d=new Map,h=w=>{let E=d.get(w);if(E!==void 0)return E;let q=a.get(w).filter(tt=>!l.has(tt)),G=q.length?Math.max(...q.map(tt=>h(tt.source.node)))+1:0;return d.set(w,G),G};r.forEach(w=>h(w.id)),r.forEach(w=>{if(a.get(w.id).some(G=>!l.has(G)))return;let E=s.get(w.id).filter(G=>!l.has(G));if(!E.length)return;let q=Math.min(...E.map(G=>d.get(G.target.node)))-1;q>d.get(w.id)&&d.set(w.id,q)});let m=Array.from({length:Math.max(...d.values())+1},()=>[]);r.forEach(w=>m[d.get(w.id)].push(w));let f=w=>{let E=n.get(w.source.node),q=He(E,o(E.type)),G=Math.max(q.length,1),tt=Math.max(q.findIndex(ut=>ut.id===w.source.port),0);return G===1?0:(tt-(G-1)/2)*Xm},g=new Map,b=w=>{let E=a.get(w.id).filter(q=>!l.has(q)&&g.has(q.source.node));return E.length?sc(E.map(q=>{let G=n.get(q.source.node),tt=He(G,o(G.type)),ut=Math.max(tt.length,1),pt=Math.max(tt.findIndex(gt=>gt.id===q.source.port),0);return g.get(G.id)+(pt+1)/(ut+1)-.5})):null},v=w=>{let E=s.get(w.id).filter(q=>!l.has(q)&&g.has(q.target.node));return E.length?sc(E.map(q=>g.get(q.target.node))):null};m[0].sort((w,E)=>w.x-E.x).forEach((w,E)=>g.set(w.id,E));for(let w=1;w<m.length;w++)m[w].sort((E,q)=>(b(E)??0)-(b(q)??0)).forEach((E,q)=>g.set(E.id,q));for(let w=1;w<m.length;w++){let E=q=>b(q)??v(q)??0;m[w].sort((q,G)=>E(q)-E(G)).forEach((q,G)=>g.set(q.id,G))}let x=new Map,S=(w,E)=>{let q=w.map(pt=>E(pt)??x.get(pt.id)??0),G=-1/0,tt=q.map(pt=>G=Math.max(pt,G+y1)),ut=sc(tt.map((pt,gt)=>pt-q[gt]));w.forEach((pt,gt)=>x.set(pt.id,tt[gt]-ut))},_=w=>{let E=a.get(w.id).filter(q=>!l.has(q)&&x.has(q.source.node));return E.length?sc(E.map(q=>x.get(q.source.node)+f(q))):null},R=w=>{let E=s.get(w.id).filter(q=>!l.has(q)&&x.has(q.target.node));return E.length?sc(E.map(q=>x.get(q.target.node)-f(q))):null};m[0].forEach((w,E)=>x.set(w.id,E*y1));for(let w=1;w<m.length;w++)S(m[w],_);for(let w=m.length-2;w>=0;w--)S(m[w],R);for(let w=1;w<m.length;w++)S(m[w],_);let j=[...x.values()].filter(Number.isFinite),I=j.length?Math.min(...j):0;return r.forEach(w=>{let E=x.get(w.id);t.set(w.id,{x:Tr(Number.isFinite(E)?E-I+df:df),y:df+d.get(w.id)*Lp})}),t}var w1=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host ::-webkit-scrollbar{width:5px;height:5px}:host{}:host ::-webkit-scrollbar-track{background:transparent}:host{}:host ::-webkit-scrollbar-thumb{background:rgba(var(--inverse-base),0.2);border-radius:5px}:host{}:host ::-webkit-scrollbar-thumb:hover{background:rgba(var(--inverse-base),0.6)}:host{display:block;width:100%;height:100%;min-height:480px;color:rgb(var(--zn-text))}.builder{--steps-width:343px;--side-width:500px;display:grid;grid-template-columns:var(--steps-width) minmax(0,1fr) var(--side-width);grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;background:rgb(var(--zn-panel));border:1px solid rgb(var(--zn-border-color));border-radius:8px;overflow:hidden;transition:grid-template-columns 0.2s ease}.builder--steps-collapsed{--steps-width:0px}.builder--steps-collapsed .steps{border-right:none}.builder--side-collapsed{--side-width:0px}.builder--side-collapsed .sidebar,.builder--side-collapsed .inspector{padding:0;border-left:none}.header{grid-row:1;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-bottom:1px solid rgb(var(--zn-border-color));background:rgb(var(--zn-panel))}.header[hidden]{display:none}.header__group{display:flex;align-items:center;gap:8px}.steps,.inspector,.sidebar{grid-row:2;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;background:rgb(var(--zn-panel))}.canvas-cell{grid-row:2;position:relative;min-width:0;min-height:0}.panel-toggle{position:absolute;top:50%;z-index:6;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border-radius:50%;color:rgb(var(--zn-color-muted-text));background:rgb(var(--zn-panel));border:1px solid rgb(var(--zn-border-color));box-shadow:0 1px 3px rgba(var(--zn-shadow),0.4);cursor:pointer;transition:left 0.2s ease,right 0.2s ease,color 0.12s ease,border-color 0.12s ease}.panel-toggle:hover{color:rgb(var(--zn-text));border-color:rgb(var(--zn-color-border-active))}.panel-toggle--left{left:-12px}.panel-toggle--left.panel-toggle--tucked{left:8px}.panel-toggle--right{right:-12px}.panel-toggle--right.panel-toggle--tucked{right:8px}.steps{--zn-active-nav-background:var(--zn-panel);border-right:1px solid rgb(var(--zn-border-color))}.steps-content{flex:1;min-height:0;display:flex;flex-direction:column}.steps-panel{display:flex;flex-direction:column;min-height:0;height:100%}.steps-hint{margin:0;padding:12px var(--zn-base-gap);font-size:0.8125rem;line-height:1.4;color:rgb(var(--zn-color-muted-text))}.steps-scroll ::-webkit-scrollbar{width:5px;height:5px}.steps-scroll{}.steps-scroll ::-webkit-scrollbar-track{background:transparent}.steps-scroll{}.steps-scroll ::-webkit-scrollbar-thumb{background:rgba(var(--inverse-base),0.2);border-radius:5px}.steps-scroll{}.steps-scroll ::-webkit-scrollbar-thumb:hover{background:rgba(var(--inverse-base),0.6)}.steps-scroll{flex:1;min-height:0;overflow-y:auto;padding-bottom:16px}.steps-scroll zn-flow-step-group{display:block;border-top:1px solid rgb(var(--zn-border-color))}.steps-uncategorized{padding:8px var(--zn-base-gap)}.steps-empty{padding:16px var(--zn-base-gap);font-size:0.8125rem;color:rgb(var(--zn-color-muted-text))}.declarations{display:none}.title-block{padding:16px;border-bottom:1px solid rgb(var(--zn-border-color))}.title-block .heading{font-size:0.9375rem;font-weight:600}.title-block .subheading{margin-top:2px;font-size:0.75rem;color:rgb(var(--zn-color-muted-text))}.search{padding:12px 12px 8px}.step{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:6px;background:rgb(var(--zn-panel));border:1px solid rgb(var(--zn-border-color));border-radius:8px;font-size:0.8125rem;cursor:grab;transition:border-color 0.12s ease,box-shadow 0.12s ease}.step:hover{border-color:rgb(var(--zn-color-border-active));box-shadow:0 1px 3px rgba(var(--zn-shadow),0.4)}.step:active{cursor:grabbing}.step__icon{--node-accent:rgb(var(--zn-color-primary));display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:28px;height:28px;border-radius:6px;color:var(--node-accent);background:color-mix(in srgb,var(--node-accent) 14%,transparent)}.step__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector{border-left:1px solid rgb(var(--zn-border-color));animation:inspector-in 0.18s ease}.inspector-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;padding:24px;text-align:center;color:rgb(var(--zn-color-muted-text));font-size:0.8125rem}.inspector-head{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid rgb(var(--zn-border-color))}.inspector-head__icon{--node-accent:rgb(var(--zn-color-primary));display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;border-radius:8px;color:var(--node-accent);background:color-mix(in srgb,var(--node-accent) 14%,transparent)}.inspector-head__text{flex:1;min-width:0}.inspector-head__title-row{display:flex;align-items:center;gap:6px;min-width:0}.inspector-head__title-row .inspector-head__title{min-width:0}.inspector-head__title{font-size:0.875rem;font-weight:600}.inspector-head__title,.inspector-head__type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-head__type{font-size:0.75rem;color:rgb(var(--zn-color-muted-text))}.inspector-body ::-webkit-scrollbar{width:5px;height:5px}.inspector-body{}.inspector-body ::-webkit-scrollbar-track{background:transparent}.inspector-body{}.inspector-body ::-webkit-scrollbar-thumb{background:rgba(var(--inverse-base),0.2);border-radius:5px}.inspector-body{}.inspector-body ::-webkit-scrollbar-thumb:hover{background:rgba(var(--inverse-base),0.6)}.inspector-body{display:flex;flex-direction:column;gap:14px;flex:1;min-height:0;overflow-y:auto;padding:16px}.inspector-hint{margin:0;font-size:0.75rem;color:rgb(var(--zn-color-muted-text))}.inspector-loop-tag{display:inline-flex;align-items:center;flex:0 0 auto;gap:3px;padding:2px 8px;border-radius:999px;font-size:0.6875rem;font-weight:600;line-height:1;color:rgb(var(--zn-color-warning));background:color-mix(in srgb,rgb(var(--zn-color-warning)) 14%,transparent)}.inspector-close{display:flex;align-items:center;justify-content:center;flex:0 0 auto;margin-left:auto;width:28px;height:28px;padding:0;border-radius:6px;color:rgb(var(--zn-color-muted-text));background:transparent;cursor:pointer}.inspector-close:hover{background:rgb(var(--zn-color-tab));color:rgb(var(--zn-text))}@keyframes inspector-in{from{transform:translateX(32px);opacity:0.3}to{transform:translateX(0);opacity:1}}.sidebar ::-webkit-scrollbar{width:5px;height:5px}.sidebar{}.sidebar ::-webkit-scrollbar-track{background:transparent}.sidebar{}.sidebar ::-webkit-scrollbar-thumb{background:rgba(var(--inverse-base),0.2);border-radius:5px}.sidebar{}.sidebar ::-webkit-scrollbar-thumb:hover{background:rgba(var(--inverse-base),0.6)}.sidebar{border-left:1px solid rgb(var(--zn-border-color));overflow-y:auto;padding:16px}.sidebar-section__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:0.8125rem;font-weight:600}.sidebar-count{min-width:20px;padding:0 6px;font-size:0.75rem;line-height:18px;text-align:center;border-radius:9px;color:rgb(var(--zn-color-muted-text));background:rgb(var(--zn-color-tab))}.sidebar-empty{margin:0;font-size:0.75rem;color:rgb(var(--zn-color-muted-text))}.sidebar-error{display:flex;align-items:center;gap:8px;width:100%;margin-bottom:6px;padding:8px 10px;font-size:0.8125rem;text-align:left;color:rgb(var(--zn-color-error));background:color-mix(in srgb,rgb(var(--zn-color-error)) 7%,transparent);border:1px solid color-mix(in srgb,rgb(var(--zn-color-error)) 25%,transparent);border-radius:8px;cursor:pointer}.picker{position:fixed;z-index:21;width:220px;max-height:320px;overflow-y:auto;padding:6px;background:rgb(var(--zn-panel));border:1px solid rgb(var(--zn-border-color));border-radius:8px;box-shadow:0 6px 24px rgba(var(--zn-shadow),0.5)}.picker ::-webkit-scrollbar{width:5px;height:5px}.picker{}.picker ::-webkit-scrollbar-track{background:transparent}.picker{}.picker ::-webkit-scrollbar-thumb{background:rgba(var(--inverse-base),0.2);border-radius:5px}.picker{}.picker ::-webkit-scrollbar-thumb:hover{background:rgba(var(--inverse-base),0.6)}.picker-backdrop{position:fixed;inset:0;z-index:20}.picker-group{padding:8px 8px 4px;font-size:0.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:rgb(var(--zn-color-muted-text))}.picker-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;font-size:0.8125rem;text-align:left;background:transparent;border-radius:6px;cursor:pointer}.picker-item:hover{background:rgb(var(--zn-color-tab))}.picker-item__icon{--node-accent:rgb(var(--zn-color-primary));display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:26px;height:26px;border-radius:6px;color:var(--node-accent);background:color-mix(in srgb,var(--node-accent) 14%,transparent)}.picker-empty{margin:0;padding:10px;font-size:0.75rem;color:rgb(var(--zn-color-muted-text))}.save-status{position:absolute;left:16px;bottom:16px;z-index:5;display:flex;align-items:center;gap:6px;padding:5px 10px;font-size:0.75rem;color:rgb(var(--zn-color-muted-text));background:rgb(var(--zn-panel));border:1px solid rgb(var(--zn-border-color));border-radius:8px;box-shadow:0 1px 3px rgba(var(--zn-shadow),0.4);pointer-events:none;transition:color 0.15s ease,border-color 0.15s ease}.save-status--saved{color:rgb(var(--zn-color-success));border-color:color-mix(in srgb,rgb(var(--zn-color-success)) 45%,transparent)}.restore-banner{position:absolute;top:16px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:8px;width:-moz-max-content;width:max-content;max-width:calc(100% - 32px);padding:8px 12px;font-size:0.8125rem;color:rgb(var(--zn-text));background:rgb(var(--zn-panel));border:1px solid rgb(var(--zn-border-color));border-radius:8px;box-shadow:0 2px 8px rgba(var(--zn-shadow),0.5)}.restore-banner span{flex:1 1 auto;min-width:min(160px,100%)}.restore-banner button{flex:0 0 auto;padding:3px 10px;font-size:0.75rem;font-weight:600;border-radius:6px;cursor:pointer}.restore-banner__restore{color:rgb(var(--zn-panel));background:rgb(var(--zn-color-primary))}.restore-banner__restore:hover{filter:brightness(1.1)}.restore-banner__dismiss{color:rgb(var(--zn-color-muted-text));background:transparent}.restore-banner__dismiss:hover{background:rgb(var(--zn-color-tab))}.move-banner{position:absolute;top:16px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:0.8125rem;color:rgb(var(--zn-panel));background:rgb(var(--zn-color-primary));border-radius:8px;box-shadow:0 2px 8px rgba(var(--zn-shadow),0.5)}.move-banner button{padding:2px 8px;font-size:0.75rem;font-weight:600;color:rgb(var(--zn-panel));background:rgba(255,255,255,0.2);border-radius:6px;cursor:pointer}`;var Y4=50,_1=Ss,X4=5,Q4=1440*60*1e3;function k1(i){let o=Math.floor(i/1e3);if(o<10)return"just now";if(o<60)return`${o}s ago`;let t=Math.floor(o/60);if(t<60)return`${t}m ago`;let r=Math.floor(t/60);return r<24?`${r}h ago`:`${Math.floor(r/24)}d ago`}var S1=[{group:"entrypoint",label:"Entrypoint"},{group:"trigger",label:"Triggers"},{group:"action",label:"Actions"},{group:"rule",label:"Rules"}],vt=class vt extends C{constructor(){super(...arguments);this.nodeTypes=[];this.heading="";this.subheading="";this.errorNodes=[];this.autoSave=null;this.entrypointsHint="";this.triggersHint="";this.actionsHint="";this.rulesHint="";this.registry=new qp;this._state=c1();this._selectedNodeId=null;this._selectedBranch=null;this._search="";this._activeGroup=null;this._hasSlot=new J(this,"header-left","header-right");this._stepsCollapsed=!1;this._sideCollapsed=!1;this._movingNodeId=null;this._picker=null;this._draggingType=null;this._history=[];this._redo=[];this._seq=0;this._untangleRaf=null;this._untangleSettle=null;this._configRevision=0;this._autoSaveTimer=null;this._statusTimer=null;this._justSavedTimer=null;this._restoring=!1;this._lastSavedAt=null;this._justSaved=!1;this._statusNow=Date.now();this._restorePrompt=null;this._autoSaveTick=()=>{if(this._restorePrompt)return;let t=this.getState();if(!(!t.nodes.length&&!t.connections.length&&!t.notes.length))try{localStorage.setItem(this._autoSaveKey,JSON.stringify({savedAt:Date.now(),state:t})),this._lastSavedAt=Date.now(),this._justSaved=!0,this._justSavedTimer!==null&&clearTimeout(this._justSavedTimer),this._justSavedTimer=window.setTimeout(()=>this._justSaved=!1,2500)}catch{}};this._onKeyDown=t=>{t.key==="Escape"&&(this._movingNodeId||this._picker||this._selectedBranch)&&(this._movingNodeId=null,this._picker=null,this._selectedBranch=null)};this._registerSlottedTypes=()=>{let t=!1;this.querySelectorAll("zn-flow-step").forEach(r=>{let n=this._typeFromStep(r);n&&!this.registry.has(n.type)&&(this.registry.register(n),t=!0)}),t&&this.requestUpdate()};this.undo=()=>{let t=this._history.pop();t&&(this._cancelUntangle(),this._redo.push(this._clone(this._state)),this._state=t,this._configRevision++,this._syncSelection(),this._commit())};this.redo=()=>{let t=this._redo.pop();t&&(this._cancelUntangle(),this._history.push(this._clone(this._state)),this._state=t,this._configRevision++,this._syncSelection(),this._commit())};this.untangle=()=>{if(!this._state.nodes.length)return;this._cancelUntangle(),this._pushHistory();let t=z1(this._state,f=>this.registry.get(f)),r=this._state.nodes.map(f=>({n:f,from:{x:f.x,y:f.y},to:t.get(f.id)})).filter(f=>!!f.to),n=()=>{r.forEach(({n:f,to:g})=>{f.x=g.x,f.y=g.y})},a=()=>{this._untangleSettle=null,n(),this._commit()};if(this._untangleSettle=n,window.matchMedia("(prefers-reduced-motion: reduce)").matches){a();return}let s=500,l=f=>f<.5?4*f*f*f:1-Math.pow(-2*f+2,3)/2,d=this.shadowRoot?.querySelector("zn-flow-canvas"),h=performance.now(),m=f=>{let g=Math.min(1,(f-h)/s);if(g>=1){this._untangleRaf=null,a();return}let b=l(g);r.forEach(({n:v,from:x,to:S})=>{v.x=Math.round(x.x+(S.x-x.x)*b),v.y=Math.round(x.y+(S.y-x.y)*b)}),d?.requestUpdate(),this._untangleRaf=requestAnimationFrame(m)};this._untangleRaf=requestAnimationFrame(m)};this._commit=()=>{this._pruneConnections(),this._state={nodes:[...this._state.nodes],connections:[...this._state.connections],notes:[...this._state.notes]},this._restorePrompt=null,this.emit("zn-flow-change",{detail:{state:this.getState()}})};this._onBranchPick=t=>{this._select(null),this._sideCollapsed=!1,this._selectedBranch={nodeId:t.detail.nodeId,port:t.detail.port}};this._onBranchDelete=t=>{let r=this._state.nodes.find(a=>a.id===t.detail.nodeId);if(!r)return;this._pushHistory();let n=He(r,this.registry.get(r.type)).filter(a=>a.id!==t.detail.port);r.outputs=n.length?n:[{...Sp}],this._state.connections=this._state.connections.filter(a=>!(a.source.node===r.id&&a.source.port===t.detail.port)),this._selectedBranch?.nodeId===t.detail.nodeId&&this._selectedBranch.port===t.detail.port&&(this._selectedBranch=null),this._commit()};this._onSelect=t=>{if(t.detail.nodeId===null&&this._movingNodeId){this._movingNodeId=null;return}this._select(t.detail.nodeId)};this._onNodeAction=t=>{let{nodeId:r,action:n}=t.detail;n==="delete"?this._deleteNode(r):n==="duplicate"?this._duplicateNode(r):n==="move"&&(this._movingNodeId=r)};this._onInteractionStart=()=>{this._pushHistory()};this._onOutputAssign=t=>{this._addNodeAtOutput(t.detail.nodeId,t.detail.port,t.detail.type)};this._onLinkAssign=t=>{this._linkNodeAtOutput(t.detail.nodeId,t.detail.port,t.detail.targetId)};this._onWirePick=t=>{this._picker={x:t.detail.clientX,y:t.detail.clientY,target:{kind:"wire",connectionId:t.detail.connectionId}}};this._onWireAssign=t=>{this._insertNodeOnWire(t.detail.connectionId,t.detail.type)};this._onOutputMoveTarget=t=>{let r=this._movingNodeId;if(this._movingNodeId=null,!r)return;let n=t.detail.nodeId;if(n===r)return;let a=this._state.nodes.find(g=>g.id===n),s=this._state.nodes.find(g=>g.id===r);if(!a||!s)return;let l=ic(s,this.registry.get(s.type));if(l===null)return;this._pushHistory();let d=this._ensureOutput(a,t.detail.port);this._ensureBranchLabel(a,d),this._state.connections=this._state.connections.filter(g=>g.target.node!==r);let h={id:this._id("conn"),source:{node:n,port:d},target:{node:r,port:l}};this._state.connections.push(h);let m=this._positionBelowOutput(a,d),f=this._freePosition(m.x,m.y,r);s.x=f.x,s.y=f.y,this.emit("zn-flow-connect",{detail:{connection:h}}),this._commit()};this._onAddNote=()=>{this._pushHistory(),this._state.notes.push({id:this._id("note"),x:80,y:80,text:""}),this._commit()};this._onNoteChange=t=>{let r=this._state.notes.find(n=>n.id===t.detail.noteId);r&&(r.text=t.detail.text,this._commit())};this._onNoteDelete=t=>{this._pushHistory(),this._state.notes=this._state.notes.filter(r=>r.id!==t.detail.noteId),this._commit()};this._onDragEnd=()=>{this._draggingType=null};this._onStepDrag=t=>{this._draggingType=t.detail.type};this._onCanvasDragOver=t=>{t.preventDefault()};this._onCanvasDrop=t=>{let r=t.dataTransfer?.getData(_1);if(!r)return;t.preventDefault();let a=this.shadowRoot?.querySelector("zn-flow-canvas")?.screenToCanvas(t.clientX,t.clientY)??{x:t.clientX,y:t.clientY};this._addNode(r,a.x-oe/2,a.y-We/2)}}get _listeners(){return[["flow-node-select",this._onSelect],["flow-node-action",this._onNodeAction],["flow-interaction-start",this._onInteractionStart],["flow-change-commit",this._commit],["flow-output-assign",this._onOutputAssign],["flow-link-assign",this._onLinkAssign],["flow-output-move-target",this._onOutputMoveTarget],["flow-wire-pick",this._onWirePick],["flow-wire-assign",this._onWireAssign],["flow-branch-pick",this._onBranchPick],["flow-branch-delete",this._onBranchDelete],["flow-step-drag",this._onStepDrag],["flow-step-drag-end",this._onDragEnd],["flow-undo",this.undo],["flow-redo",this.redo],["flow-untangle",this.untangle],["flow-add-note",this._onAddNote],["flow-note-change",this._onNoteChange],["flow-note-delete",this._onNoteDelete]]}connectedCallback(){super.connectedCallback(),this._listeners.forEach(([t,r])=>this.addEventListener(t,r)),document.addEventListener("keydown",this._onKeyDown)}disconnectedCallback(){this._listeners.forEach(([t,r])=>this.removeEventListener(t,r)),document.removeEventListener("keydown",this._onKeyDown),this._cancelUntangle(),this._stopAutoSave(),this._justSavedTimer!==null&&(clearTimeout(this._justSavedTimer),this._justSavedTimer=null),super.disconnectedCallback()}get _autoSaveKey(){return`zn-flow-builder:${this.id||this.heading||"flow"}`}_stopAutoSave(){this._autoSaveTimer!==null&&(clearInterval(this._autoSaveTimer),this._autoSaveTimer=null),this._statusTimer!==null&&(clearInterval(this._statusTimer),this._statusTimer=null)}_restartAutoSave(){if(this._stopAutoSave(),this.autoSave===null)return;let t=this._readAutoSave();t&&(this._lastSavedAt=t.savedAt),this._autoSaveTimer=window.setInterval(this._autoSaveTick,this.autoSave*6e4),this._statusTimer=window.setInterval(()=>this._statusNow=Date.now(),3e4)}_readAutoSave(){try{let t=localStorage.getItem(this._autoSaveKey);if(!t)return null;let r=JSON.parse(t);return!r.state||Date.now()-r.savedAt>Q4?(localStorage.removeItem(this._autoSaveKey),null):r}catch{return null}}restoreAutoSave(){let t=this._readAutoSave();if(!t)return!1;this._restoring=!0;try{this.setState(t.state)}finally{this._restoring=!1}return this._restorePrompt=null,!0}_offerRestoreIfNewer(){if(this.autoSave===null||this._restoring)return;let t=this._readAutoSave();this._restorePrompt=t&&JSON.stringify(t.state)!==JSON.stringify(this._state)?{savedAt:t.savedAt}:null}willUpdate(t){t.has("nodeTypes")&&this.nodeTypes?.length&&this.registry.registerAll(this.nodeTypes),t.has("autoSave")&&this._restartAutoSave(),super.willUpdate(t)}firstUpdated(t){super.firstUpdated(t),this._registerSlottedTypes()}static _parsePorts(t){if(t===null)return;let r=t.trim();if(r==="")return[];try{let n=JSON.parse(r);return Array.isArray(n)?n.map(a=>typeof a=="string"?{id:a}:a):void 0}catch{return}}static _parseFilterOptions(t){if(t===null)return;let r=t.trim();if(r!==""){if(r.startsWith("["))try{let n=JSON.parse(r);return Array.isArray(n)?n.map(a=>typeof a=="string"?{value:a}:a):void 0}catch{return}return r.split(",").map(n=>n.trim()).filter(Boolean).map(n=>({value:n}))}}static _nestedFilterOptions(t,r){let n=Array.from(t.querySelectorAll(`:scope > ${r}`));if(n.length)return n.map(a=>{let s=a.textContent?.trim()??"",l=a.getAttribute("value");return l!==null&&s?{value:l,label:s}:{value:l??s}})}static _filterFieldFromEl(t){let r=t.getAttribute("id");if(!r)return null;let n=t.getAttribute("value"),a=t.getAttribute("type");return{id:r,label:t.getAttribute("label")??void 0,type:a??void 0,operators:vt._nestedFilterOptions(t,"zn-flow-operator")??vt._parseFilterOptions(t.getAttribute("operators")),options:vt._nestedFilterOptions(t,"zn-flow-option")??vt._parseFilterOptions(t.getAttribute("options")),units:vt._nestedFilterOptions(t,"zn-flow-unit")??vt._parseFilterOptions(t.getAttribute("units")),suffix:t.getAttribute("suffix")??void 0,placeholder:t.getAttribute("placeholder")??void 0,value:n===null?void 0:a==="number"?Number(n):n}}static _parseBranchFilters(t){let r=s=>s?.map(l=>typeof l=="string"?{value:l}:l),n=t.getAttribute("branch-filters");if(n)try{let s=JSON.parse(n);if(Array.isArray(s))return s.map(l=>({...l,fields:(l.fields??[]).map(d=>({...d,...d.operators?{operators:r(d.operators)}:{},...d.options?{options:r(d.options)}:{},...d.units?{units:r(d.units)}:{}}))}))}catch{}let a=Array.from(t.querySelectorAll(":scope > zn-flow-filter")).map(s=>{let l=s.getAttribute("id")??s.getAttribute("label");return l?{id:l,label:s.getAttribute("label")??l,description:s.getAttribute("description")??void 0,fields:Array.from(s.querySelectorAll(":scope > zn-flow-filter-field")).map(d=>vt._filterFieldFromEl(d)).filter(d=>!!d)}:null}).filter(s=>!!s);return a.length?a:void 0}_typeFromStep(t){let r=t.getAttribute("type");if(!r)return null;let n=Array.from(t.childNodes).filter(a=>a.nodeType===Node.TEXT_NODE).map(a=>a.textContent??"").join("").trim();return{type:r,label:t.getAttribute("label")??(n||r),group:t.getAttribute("group")??"action",category:t.getAttribute("category")??void 0,icon:t.getAttribute("icon")??void 0,iconLibrary:t.getAttribute("icon-library")??void 0,color:t.getAttribute("color")??void 0,description:t.getAttribute("description")??void 0,inputs:vt._parsePorts(t.getAttribute("inputs")),outputs:vt._parsePorts(t.getAttribute("outputs")),branchFilters:vt._parseBranchFilters(t)}}registerNodeType(t){return this.registry.register(t),this.requestUpdate(),this}registerNodeTypes(t){return this.registry.registerAll(t),this.requestUpdate(),this}getState(){return this._clone(this._state)}setState(t){this._cancelUntangle(),this._state=t,this._history=[],this._redo=[],this._selectedNodeId=null,this._configRevision++,this._offerRestoreIfNewer()}get value(){return JSON.stringify(this._state)}set value(t){try{let r=JSON.parse(t);this.setState({nodes:r.nodes??[],connections:r.connections??[],notes:r.notes??[]})}catch{}}toJSON(){return this.getState()}_cancelUntangle(){this._untangleRaf!==null&&(cancelAnimationFrame(this._untangleRaf),this._untangleRaf=null),this._untangleSettle?.(),this._untangleSettle=null}_clone(t){return JSON.parse(JSON.stringify(t))}_pushHistory(){this._history.push(this._clone(this._state)),this._history.length>Y4&&this._history.shift(),this._redo=[]}_pruneConnections(){let t=new Map(this._state.nodes.map(r=>[r.id,r]));this._state.connections=this._state.connections.filter(r=>{let n=t.get(r.source.node),a=t.get(r.target.node);if(!n||!a)return!1;let s=He(n,this.registry.get(n.type)).some(d=>d.id===r.source.port),l=Ii(a,this.registry.get(a.type)).some(d=>d.id===r.target.port);return s&&l})}_syncSelection(){this._selectedNodeId&&!this._state.nodes.some(t=>t.id===this._selectedNodeId)&&(this._selectedNodeId=null),this._selectedBranch&&!this._branchSelection()&&(this._selectedBranch=null)}_branchSelection(){if(!this._selectedBranch)return null;let t=this._state.nodes.find(n=>n.id===this._selectedBranch.nodeId);if(!t)return null;let r=He(t,this.registry.get(t.type)).find(n=>n.id===this._selectedBranch.port);return r?{node:t,port:r}:null}_id(t){return`${t}-${Date.now().toString(36)}-${++this._seq}`}_freePosition(t,r,n){let a=new Set(this._state.connections.filter(d=>n&&d.target.node===n&&d.source.node!==n).map(d=>d.source.node)),s=(d,h)=>{let m=n?this._state.nodes.map(g=>g.id===n?{...g,x:d,y:h}:g):this._state.nodes,f=g=>this.registry.get(g);return m.some(g=>g.id!==n&&i1({x:d,y:h},g,f,m,this._state.connections))?!0:[...a].some(g=>{let b=m.find(v=>v.id===g);return!!b&&Tp(b,f,m,this._state.connections)})};if(t=Tr(t),r=Tr(r),!s(t,r))return{x:t,y:r};let l=Pe*2;for(let d=1;d<40;d++)for(let h=-d;h<=d;h++)for(let m=-d;m<=d;m++)if(Math.max(Math.abs(m),Math.abs(h))===d&&!s(t+m*l,r+h*l))return{x:t+m*l,y:r+h*l};return{x:t,y:r}}_addNode(t,r,n){let a=this.registry.get(t);if(!a)return;this._pushHistory();let s=this._freePosition(r,n),l={id:this._id("node"),type:t,x:s.x,y:s.y,data:{...a.defaultData??{}}};this._state.nodes.push(l),this._select(l.id),this._commit()}_deleteNode(t){this._pushHistory(),this._state.nodes=this._state.nodes.filter(r=>r.id!==t),this._state.connections=this._state.connections.filter(r=>r.source.node!==t&&r.target.node!==t),this._selectedNodeId===t&&this._select(null),this._commit()}_duplicateNode(t){let r=this._state.nodes.find(s=>s.id===t);if(!r)return;this._pushHistory();let n=this._freePosition(r.x+Pe*2,r.y+Pe*2),a={...this._clone({nodes:[r],connections:[],notes:[]}).nodes[0],id:this._id("node"),x:n.x,y:n.y};this._state.nodes.push(a),this._select(a.id),this._commit()}_positionBelowOutput(t,r){let n=He(t,this.registry.get(t.type)),a=Math.max(n.findIndex(l=>l.id===r),0),s=nc(t,l=>this.registry.get(l))[a];return{x:Math.round(s-oe/2),y:t.y+Lp}}_ensureOutput(t,r){if(r!==Cp)return r;let n=He(t,this.registry.get(t.type)).map(s=>({...s})),a=this._id("branch");return n.push({id:a,label:"Branch"}),t.outputs=n,a}_ensureBranchLabel(t,r){let n=He(t,this.registry.get(t.type)).map(s=>({...s})),a=n.find(s=>s.id===r);a&&!a.label&&(a.label="Branch",t.outputs=n)}_addNodeAtOutput(t,r,n){let a=this._state.nodes.find(g=>g.id===t),s=this.registry.get(n);if(!a||!s)return;let l=Ap(s)[0]?.id;if(!l)return;this._pushHistory(),r=this._ensureOutput(a,r),this._ensureBranchLabel(a,r);let d=this._positionBelowOutput(a,r),h=this._freePosition(d.x,d.y),m={id:this._id("node"),type:n,x:h.x,y:h.y,data:{...s.defaultData??{}}},f={id:this._id("conn"),source:{node:t,port:r},target:{node:m.id,port:l}};this._state.nodes.push(m),this._state.connections.push(f),this.emit("zn-flow-connect",{detail:{connection:f}}),this._select(m.id),this._commit()}_linkNodeAtOutput(t,r,n){let a=this._state.nodes.find(h=>h.id===t),s=this._state.nodes.find(h=>h.id===n);if(!a||!s||t===n)return;let l=ic(s,this.registry.get(s.type));if(l===null)return;this._pushHistory(),r=this._ensureOutput(a,r),this._ensureBranchLabel(a,r);let d={id:this._id("conn"),source:{node:t,port:r},target:{node:n,port:l}};this._state.connections.push(d),this.emit("zn-flow-connect",{detail:{connection:d}}),this._select(null),this._selectedBranch={nodeId:t,port:r},this._commit()}_insertNodeOnWire(t,r){let n=this._state.connections.find(S=>S.id===t),a=this.registry.get(r);if(!n||!a)return;let s=this._state.nodes.find(S=>S.id===n.source.node),l=this._state.nodes.find(S=>S.id===n.target.node);if(!s||!l)return;let d=Ap(a)[0]?.id;if(!d)return;this._pushHistory();let h=of(a).map(S=>({...S}));h.length||h.push({id:this._id("branch")}),h[0].label||(h[0].label="Branch");let m=this._positionBelowOutput(s,n.source.port),f=m.y+Lp;if(l.y<f){let S=f-l.y,_=d1(this._state,l.id);_.add(l.id),this._state.nodes.forEach(R=>{_.has(R.id)&&(R.y+=S)})}let g=this._freePosition(m.x,m.y),b={id:this._id("node"),type:r,x:g.x,y:g.y,outputs:h,data:{...a.defaultData??{}}},v=n.target.port;n.target={node:b.id,port:d};let x={id:this._id("conn"),source:{node:b.id,port:h[0].id},target:{node:l.id,port:v}};this._state.nodes.push(b),this._state.connections.push(x),this.emit("zn-flow-connect",{detail:{connection:x}}),this._select(b.id),this._commit()}_select(t){this._selectedBranch=null,t&&(this._sideCollapsed=!1),this._selectedNodeId!==t&&(this._selectedNodeId=t,this.emit("zn-flow-selection-change",{detail:{nodeId:t}}))}_onDragStart(t,r){t.dataTransfer&&(this._draggingType=r,t.dataTransfer.setData(_1,r),t.dataTransfer.effectAllowed="copyMove",t.dataTransfer.setDragImage(Ep(),0,0))}_renderSteps(){return u`
|
|
4686
|
+
`}};wn.styles=T(x1),wn.dependencies={"zn-collapsible":Js},c([p()],wn.prototype,"caption",2),c([p({type:Boolean,reflect:!0})],wn.prototype,"collapsed",2);var cf=wn;wn.define("zn-flow-step-group");var qp=class{constructor(){this.types=new Map}register(o){return this.types.set(o.type,o),this}registerAll(o){return o.forEach(t=>this.register(t)),this}get(o){return this.types.get(o)}has(o){return this.types.has(o)}all(){return Array.from(this.types.values())}byGroup(o){return this.all().filter(t=>t.group===o)}categories(o){let t=new Map;for(let r of this.byGroup(o)){let n=r.category??"",a=t.get(n)??[];a.push(r),t.set(n,a)}return t}clear(){this.types.clear()}};var y1=oe+80,Lp=220,df=40,sc=i=>i.reduce((o,t)=>o+t,0)/i.length;function z1(i,o){let t=new Map,r=i.nodes;if(!r.length)return t;let n=new Map(r.map(w=>[w.id,w])),a=new Map(r.map(w=>[w.id,[]])),s=new Map(r.map(w=>[w.id,[]]));for(let w of i.connections)!n.has(w.source.node)||!n.has(w.target.node)||(a.get(w.target.node).push(w),s.get(w.source.node).push(w));let l=Ni(r,i.connections),d=new Map,h=w=>{let E=d.get(w);if(E!==void 0)return E;let q=a.get(w).filter(tt=>!l.has(tt)),G=q.length?Math.max(...q.map(tt=>h(tt.source.node)))+1:0;return d.set(w,G),G};r.forEach(w=>h(w.id)),r.forEach(w=>{if(a.get(w.id).some(G=>!l.has(G)))return;let E=s.get(w.id).filter(G=>!l.has(G));if(!E.length)return;let q=Math.min(...E.map(G=>d.get(G.target.node)))-1;q>d.get(w.id)&&d.set(w.id,q)});let m=Array.from({length:Math.max(...d.values())+1},()=>[]);r.forEach(w=>m[d.get(w.id)].push(w));let f=w=>{let E=n.get(w.source.node),q=He(E,o(E.type)),G=Math.max(q.length,1),tt=Math.max(q.findIndex(ut=>ut.id===w.source.port),0);return G===1?0:(tt-(G-1)/2)*Xm},g=new Map,b=w=>{let E=a.get(w.id).filter(q=>!l.has(q)&&g.has(q.source.node));return E.length?sc(E.map(q=>{let G=n.get(q.source.node),tt=He(G,o(G.type)),ut=Math.max(tt.length,1),pt=Math.max(tt.findIndex(gt=>gt.id===q.source.port),0);return g.get(G.id)+(pt+1)/(ut+1)-.5})):null},v=w=>{let E=s.get(w.id).filter(q=>!l.has(q)&&g.has(q.target.node));return E.length?sc(E.map(q=>g.get(q.target.node))):null};m[0].sort((w,E)=>w.x-E.x).forEach((w,E)=>g.set(w.id,E));for(let w=1;w<m.length;w++)m[w].sort((E,q)=>(b(E)??0)-(b(q)??0)).forEach((E,q)=>g.set(E.id,q));for(let w=1;w<m.length;w++){let E=q=>b(q)??v(q)??0;m[w].sort((q,G)=>E(q)-E(G)).forEach((q,G)=>g.set(q.id,G))}let x=new Map,S=(w,E)=>{let q=w.map(pt=>E(pt)??x.get(pt.id)??0),G=-1/0,tt=q.map(pt=>G=Math.max(pt,G+y1)),ut=sc(tt.map((pt,gt)=>pt-q[gt]));w.forEach((pt,gt)=>x.set(pt.id,tt[gt]-ut))},_=w=>{let E=a.get(w.id).filter(q=>!l.has(q)&&x.has(q.source.node));return E.length?sc(E.map(q=>x.get(q.source.node)+f(q))):null},R=w=>{let E=s.get(w.id).filter(q=>!l.has(q)&&x.has(q.target.node));return E.length?sc(E.map(q=>x.get(q.target.node)-f(q))):null};m[0].forEach((w,E)=>x.set(w.id,E*y1));for(let w=1;w<m.length;w++)S(m[w],_);for(let w=m.length-2;w>=0;w--)S(m[w],R);for(let w=1;w<m.length;w++)S(m[w],_);let j=[...x.values()].filter(Number.isFinite),I=j.length?Math.min(...j):0;return r.forEach(w=>{let E=x.get(w.id);t.set(w.id,{x:Tr(Number.isFinite(E)?E-I+df:df),y:df+d.get(w.id)*Lp})}),t}var w1=A`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}: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,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host ::-webkit-scrollbar{width:5px;height:5px}:host{}:host ::-webkit-scrollbar-track{background:transparent}:host{}:host ::-webkit-scrollbar-thumb{background:rgba(var(--inverse-base),0.2);border-radius:5px}:host{}:host ::-webkit-scrollbar-thumb:hover{background:rgba(var(--inverse-base),0.6)}:host{display:block;width:100%;height:100%;min-height:480px;color:rgb(var(--zn-text))}.builder{--steps-width:343px;--side-width:500px;display:grid;grid-template-columns:var(--steps-width) minmax(0,1fr) var(--side-width);grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;background:rgb(var(--zn-panel));border:1px solid rgb(var(--zn-border-color));border-radius:8px;overflow:hidden;transition:grid-template-columns 0.2s ease}.builder--steps-collapsed{--steps-width:0px}.builder--steps-collapsed .steps{border-right:none}.builder--side-collapsed{--side-width:0px}.builder--side-collapsed .sidebar,.builder--side-collapsed .inspector{padding:0;border-left:none}.header{grid-row:1;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-bottom:1px solid rgb(var(--zn-border-color));background:rgb(var(--zn-panel))}.header[hidden]{display:none}.header__group{display:flex;align-items:center;gap:8px}.steps,.inspector,.sidebar{grid-row:2;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;background:rgb(var(--zn-panel))}.canvas-cell{grid-row:2;position:relative;min-width:0;min-height:0}.panel-toggle{position:absolute;top:50%;z-index:6;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border-radius:50%;color:rgb(var(--zn-color-muted-text));background:rgb(var(--zn-panel));border:1px solid rgb(var(--zn-border-color));box-shadow:0 1px 3px rgba(var(--zn-shadow),0.4);cursor:pointer;transition:left 0.2s ease,right 0.2s ease,color 0.12s ease,border-color 0.12s ease}.panel-toggle:hover{color:rgb(var(--zn-text));border-color:rgb(var(--zn-color-border-active))}.panel-toggle--left{left:-12px}.panel-toggle--left.panel-toggle--tucked{left:8px}.panel-toggle--right{right:-12px}.panel-toggle--right.panel-toggle--tucked{right:8px}.steps{--zn-active-nav-background:var(--zn-panel);border-right:1px solid rgb(var(--zn-border-color))}.steps-content{flex:1;min-height:0;display:flex;flex-direction:column}.steps-panel{display:flex;flex-direction:column;min-height:0;height:100%}.steps-hint{margin:0;padding:12px var(--zn-base-gap);font-size:0.8125rem;line-height:1.4;color:rgb(var(--zn-color-muted-text))}.steps-scroll ::-webkit-scrollbar{width:5px;height:5px}.steps-scroll{}.steps-scroll ::-webkit-scrollbar-track{background:transparent}.steps-scroll{}.steps-scroll ::-webkit-scrollbar-thumb{background:rgba(var(--inverse-base),0.2);border-radius:5px}.steps-scroll{}.steps-scroll ::-webkit-scrollbar-thumb:hover{background:rgba(var(--inverse-base),0.6)}.steps-scroll{flex:1;min-height:0;overflow-y:auto;padding-bottom:16px}.steps-scroll zn-flow-step-group{display:block;border-top:1px solid rgb(var(--zn-border-color))}.steps-uncategorized{padding:8px var(--zn-base-gap)}.steps-empty{padding:16px var(--zn-base-gap);font-size:0.8125rem;color:rgb(var(--zn-color-muted-text))}.declarations{display:none}.title-block{padding:16px;border-bottom:1px solid rgb(var(--zn-border-color))}.title-block .heading{font-size:0.9375rem;font-weight:600}.title-block .subheading{margin-top:2px;font-size:0.75rem;color:rgb(var(--zn-color-muted-text))}.search{padding:12px 12px 8px}.step{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:6px;background:rgb(var(--zn-panel));border:1px solid rgb(var(--zn-border-color));border-radius:8px;font-size:0.8125rem;cursor:grab;transition:border-color 0.12s ease,box-shadow 0.12s ease}.step:hover{border-color:rgb(var(--zn-color-border-active));box-shadow:0 1px 3px rgba(var(--zn-shadow),0.4)}.step:active{cursor:grabbing}.step__icon{--node-accent:rgb(var(--zn-color-primary));display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:28px;height:28px;border-radius:6px;color:var(--node-accent);background:color-mix(in srgb,var(--node-accent) 14%,transparent)}.step__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector{border-left:1px solid rgb(var(--zn-border-color));animation:inspector-in 0.18s ease}.inspector-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;padding:24px;text-align:center;color:rgb(var(--zn-color-muted-text));font-size:0.8125rem}.inspector-head{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid rgb(var(--zn-border-color))}.inspector-head__icon{--node-accent:rgb(var(--zn-color-primary));display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;border-radius:8px;color:var(--node-accent);background:color-mix(in srgb,var(--node-accent) 14%,transparent)}.inspector-head__text{flex:1;min-width:0}.inspector-head__title-row{display:flex;align-items:center;gap:6px;min-width:0}.inspector-head__title-row .inspector-head__title{min-width:0}.inspector-head__title{font-size:0.875rem;font-weight:600}.inspector-head__title,.inspector-head__type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-head__type{font-size:0.75rem;color:rgb(var(--zn-color-muted-text))}.inspector-body ::-webkit-scrollbar{width:5px;height:5px}.inspector-body{}.inspector-body ::-webkit-scrollbar-track{background:transparent}.inspector-body{}.inspector-body ::-webkit-scrollbar-thumb{background:rgba(var(--inverse-base),0.2);border-radius:5px}.inspector-body{}.inspector-body ::-webkit-scrollbar-thumb:hover{background:rgba(var(--inverse-base),0.6)}.inspector-body{display:flex;flex-direction:column;gap:14px;flex:1;min-height:0;overflow-y:auto;padding:16px}.inspector-hint{margin:0;font-size:0.75rem;color:rgb(var(--zn-color-muted-text))}.inspector-loop-tag{display:inline-flex;align-items:center;flex:0 0 auto;gap:3px;padding:2px 8px;border-radius:999px;font-size:0.6875rem;font-weight:600;line-height:1;color:rgb(var(--zn-color-warning));background:color-mix(in srgb,rgb(var(--zn-color-warning)) 14%,transparent)}.inspector-close{display:flex;align-items:center;justify-content:center;flex:0 0 auto;margin-left:auto;width:28px;height:28px;padding:0;border-radius:6px;color:rgb(var(--zn-color-muted-text));background:transparent;cursor:pointer}.inspector-close:hover{background:rgb(var(--zn-color-tab));color:rgb(var(--zn-text))}@keyframes inspector-in{from{transform:translateX(32px);opacity:0.3}to{transform:translateX(0);opacity:1}}.sidebar ::-webkit-scrollbar{width:5px;height:5px}.sidebar{}.sidebar ::-webkit-scrollbar-track{background:transparent}.sidebar{}.sidebar ::-webkit-scrollbar-thumb{background:rgba(var(--inverse-base),0.2);border-radius:5px}.sidebar{}.sidebar ::-webkit-scrollbar-thumb:hover{background:rgba(var(--inverse-base),0.6)}.sidebar{border-left:1px solid rgb(var(--zn-border-color));overflow-y:auto;padding:16px}.sidebar-section__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:0.8125rem;font-weight:600}.sidebar-count{min-width:20px;padding:0 6px;font-size:0.75rem;line-height:18px;text-align:center;border-radius:9px;color:rgb(var(--zn-color-muted-text));background:rgb(var(--zn-color-tab))}.sidebar-empty{margin:0;font-size:0.75rem;color:rgb(var(--zn-color-muted-text))}.sidebar-error{display:flex;align-items:center;gap:8px;width:100%;margin-bottom:6px;padding:8px 10px;font-size:0.8125rem;text-align:left;color:rgb(var(--zn-color-error));background:color-mix(in srgb,rgb(var(--zn-color-error)) 7%,transparent);border:1px solid color-mix(in srgb,rgb(var(--zn-color-error)) 25%,transparent);border-radius:8px;cursor:pointer}.picker{position:fixed;z-index:21;width:220px;max-height:320px;overflow-y:auto;padding:6px;background:rgb(var(--zn-panel));border:1px solid rgb(var(--zn-border-color));border-radius:8px;box-shadow:0 6px 24px rgba(var(--zn-shadow),0.5)}.picker ::-webkit-scrollbar{width:5px;height:5px}.picker{}.picker ::-webkit-scrollbar-track{background:transparent}.picker{}.picker ::-webkit-scrollbar-thumb{background:rgba(var(--inverse-base),0.2);border-radius:5px}.picker{}.picker ::-webkit-scrollbar-thumb:hover{background:rgba(var(--inverse-base),0.6)}.picker-backdrop{position:fixed;inset:0;z-index:20}.picker-group{padding:8px 8px 4px;font-size:0.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:rgb(var(--zn-color-muted-text))}.picker-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;font-size:0.8125rem;text-align:left;background:transparent;border-radius:6px;cursor:pointer}.picker-item:hover{background:rgb(var(--zn-color-tab))}.picker-item__icon{--node-accent:rgb(var(--zn-color-primary));display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:26px;height:26px;border-radius:6px;color:var(--node-accent);background:color-mix(in srgb,var(--node-accent) 14%,transparent)}.picker-empty{margin:0;padding:10px;font-size:0.75rem;color:rgb(var(--zn-color-muted-text))}.save-status{position:absolute;left:16px;bottom:16px;z-index:5;display:flex;align-items:center;gap:6px;padding:5px 10px;font-size:0.75rem;color:rgb(var(--zn-color-muted-text));background:rgb(var(--zn-panel));border:1px solid rgb(var(--zn-border-color));border-radius:8px;box-shadow:0 1px 3px rgba(var(--zn-shadow),0.4);pointer-events:none;transition:color 0.15s ease,border-color 0.15s ease}.save-status--saved{color:rgb(var(--zn-color-success));border-color:color-mix(in srgb,rgb(var(--zn-color-success)) 45%,transparent)}.restore-banner{position:absolute;top:16px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:8px;width:-moz-max-content;width:max-content;max-width:calc(100% - 32px);padding:8px 12px;font-size:0.8125rem;color:rgb(var(--zn-text));background:rgb(var(--zn-panel));border:1px solid rgb(var(--zn-border-color));border-radius:8px;box-shadow:0 2px 8px rgba(var(--zn-shadow),0.5)}.restore-banner span{flex:1 1 auto;min-width:min(160px,100%)}.restore-banner button{flex:0 0 auto;padding:3px 10px;font-size:0.75rem;font-weight:600;border-radius:6px;cursor:pointer}.restore-banner__restore{color:rgb(var(--zn-panel));background:rgb(var(--zn-color-primary))}.restore-banner__restore:hover{filter:brightness(1.1)}.restore-banner__dismiss{color:rgb(var(--zn-color-muted-text));background:transparent}.restore-banner__dismiss:hover{background:rgb(var(--zn-color-tab))}.move-banner{position:absolute;top:16px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:0.8125rem;color:rgb(var(--zn-panel));background:rgb(var(--zn-color-primary));border-radius:8px;box-shadow:0 2px 8px rgba(var(--zn-shadow),0.5)}.move-banner button{padding:2px 8px;font-size:0.75rem;font-weight:600;color:rgb(var(--zn-panel));background:rgba(255,255,255,0.2);border-radius:6px;cursor:pointer}`;var Y4=50,_1=Ss,X4=5,Q4=1440*60*1e3;function k1(i){let o=Math.floor(i/1e3);if(o<10)return"just now";if(o<60)return`${o}s ago`;let t=Math.floor(o/60);if(t<60)return`${t}m ago`;let r=Math.floor(t/60);return r<24?`${r}h ago`:`${Math.floor(r/24)}d ago`}var S1=[{group:"entrypoint",label:"Entrypoint"},{group:"trigger",label:"Triggers"},{group:"action",label:"Actions"},{group:"rule",label:"Rules"}],vt=class vt extends C{constructor(){super(...arguments);this.nodeTypes=[];this.heading="";this.subheading="";this.errorNodes=[];this.autoSave=null;this.entrypointsHint="";this.triggersHint="";this.actionsHint="";this.rulesHint="";this.registry=new qp;this._state=c1();this._selectedNodeId=null;this._selectedBranch=null;this._search="";this._activeGroup=null;this._hasSlot=new J(this,"header-left","header-right");this._stepsCollapsed=!1;this._sideCollapsed=!1;this._movingNodeId=null;this._picker=null;this._draggingType=null;this._history=[];this._redo=[];this._seq=0;this._untangleRaf=null;this._untangleSettle=null;this._configRevision=0;this._autoSaveTimer=null;this._statusTimer=null;this._justSavedTimer=null;this._restoring=!1;this._lastSavedAt=null;this._justSaved=!1;this._statusNow=Date.now();this._restorePrompt=null;this._autoSaveTick=()=>{if(this._restorePrompt)return;let t=this.getState();if(!(!t.nodes.length&&!t.connections.length&&!t.notes.length))try{localStorage.setItem(this._autoSaveKey,JSON.stringify({savedAt:Date.now(),state:t})),this._lastSavedAt=Date.now(),this._justSaved=!0,this._justSavedTimer!==null&&clearTimeout(this._justSavedTimer),this._justSavedTimer=window.setTimeout(()=>this._justSaved=!1,2500)}catch{}};this._onKeyDown=t=>{t.key==="Escape"&&(this._movingNodeId||this._picker||this._selectedBranch)&&(this._movingNodeId=null,this._picker=null,this._selectedBranch=null)};this._registerSlottedTypes=()=>{let t=!1;this.querySelectorAll("zn-flow-step").forEach(r=>{let n=this._typeFromStep(r);n&&!this.registry.has(n.type)&&(this.registry.register(n),t=!0)}),t&&this.requestUpdate()};this.undo=()=>{let t=this._history.pop();t&&(this._cancelUntangle(),this._redo.push(this._clone(this._state)),this._state=t,this._configRevision++,this._syncSelection(),this._commit())};this.redo=()=>{let t=this._redo.pop();t&&(this._cancelUntangle(),this._history.push(this._clone(this._state)),this._state=t,this._configRevision++,this._syncSelection(),this._commit())};this.untangle=()=>{if(!this._state.nodes.length)return;this._cancelUntangle(),this._pushHistory();let t=z1(this._state,f=>this.registry.get(f)),r=this._state.nodes.map(f=>({n:f,from:{x:f.x,y:f.y},to:t.get(f.id)})).filter(f=>!!f.to),n=()=>{r.forEach(({n:f,to:g})=>{f.x=g.x,f.y=g.y})},a=()=>{this._untangleSettle=null,n(),this._commit()};if(this._untangleSettle=n,window.matchMedia("(prefers-reduced-motion: reduce)").matches){a();return}let s=500,l=f=>f<.5?4*f*f*f:1-Math.pow(-2*f+2,3)/2,d=this.shadowRoot?.querySelector("zn-flow-canvas"),h=performance.now(),m=f=>{let g=Math.min(1,(f-h)/s);if(g>=1){this._untangleRaf=null,a();return}let b=l(g);r.forEach(({n:v,from:x,to:S})=>{v.x=Math.round(x.x+(S.x-x.x)*b),v.y=Math.round(x.y+(S.y-x.y)*b)}),d?.requestUpdate(),this._untangleRaf=requestAnimationFrame(m)};this._untangleRaf=requestAnimationFrame(m)};this._commit=()=>{this._pruneConnections(),this._state={nodes:[...this._state.nodes],connections:[...this._state.connections],notes:[...this._state.notes]},this._restorePrompt=null,this.emit("zn-flow-change",{detail:{state:this.getState()}})};this._onBranchPick=t=>{this._select(null),this._sideCollapsed=!1,this._selectedBranch={nodeId:t.detail.nodeId,port:t.detail.port}};this._onBranchDelete=t=>{let r=this._state.nodes.find(a=>a.id===t.detail.nodeId);if(!r)return;this._pushHistory();let n=He(r,this.registry.get(r.type)).filter(a=>a.id!==t.detail.port);r.outputs=n.length?n:[{...Sp}],this._state.connections=this._state.connections.filter(a=>!(a.source.node===r.id&&a.source.port===t.detail.port)),this._selectedBranch?.nodeId===t.detail.nodeId&&this._selectedBranch.port===t.detail.port&&(this._selectedBranch=null),this._commit()};this._onSelect=t=>{if(t.detail.nodeId===null&&this._movingNodeId){this._movingNodeId=null;return}this._select(t.detail.nodeId)};this._onNodeAction=t=>{let{nodeId:r,action:n}=t.detail;n==="delete"?this._deleteNode(r):n==="duplicate"?this._duplicateNode(r):n==="move"&&(this._movingNodeId=r)};this._onInteractionStart=()=>{this._pushHistory()};this._onOutputAssign=t=>{this._addNodeAtOutput(t.detail.nodeId,t.detail.port,t.detail.type)};this._onLinkAssign=t=>{this._linkNodeAtOutput(t.detail.nodeId,t.detail.port,t.detail.targetId)};this._onWirePick=t=>{this._picker={x:t.detail.clientX,y:t.detail.clientY,target:{kind:"wire",connectionId:t.detail.connectionId}}};this._onWireAssign=t=>{this._insertNodeOnWire(t.detail.connectionId,t.detail.type)};this._onOutputMoveTarget=t=>{let r=this._movingNodeId;if(this._movingNodeId=null,!r)return;let n=t.detail.nodeId;if(n===r)return;let a=this._state.nodes.find(g=>g.id===n),s=this._state.nodes.find(g=>g.id===r);if(!a||!s)return;let l=ic(s,this.registry.get(s.type));if(l===null)return;this._pushHistory();let d=this._ensureOutput(a,t.detail.port);this._ensureBranchLabel(a,d),this._state.connections=this._state.connections.filter(g=>g.target.node!==r);let h={id:this._id("conn"),source:{node:n,port:d},target:{node:r,port:l}};this._state.connections.push(h);let m=this._positionBelowOutput(a,d),f=this._freePosition(m.x,m.y,r);s.x=f.x,s.y=f.y,this.emit("zn-flow-connect",{detail:{connection:h}}),this._commit()};this._onAddNote=()=>{this._pushHistory(),this._state.notes.push({id:this._id("note"),x:80,y:80,text:""}),this._commit()};this._onNoteChange=t=>{let r=this._state.notes.find(n=>n.id===t.detail.noteId);r&&(r.text=t.detail.text,this._commit())};this._onNoteDelete=t=>{this._pushHistory(),this._state.notes=this._state.notes.filter(r=>r.id!==t.detail.noteId),this._commit()};this._onDragEnd=()=>{this._draggingType=null};this._onStepDrag=t=>{this._draggingType=t.detail.type};this._onCanvasDragOver=t=>{t.preventDefault()};this._onCanvasDrop=t=>{let r=t.dataTransfer?.getData(_1);if(!r)return;t.preventDefault();let a=this.shadowRoot?.querySelector("zn-flow-canvas")?.screenToCanvas(t.clientX,t.clientY)??{x:t.clientX,y:t.clientY};this._addNode(r,a.x-oe/2,a.y-Ke/2)}}get _listeners(){return[["flow-node-select",this._onSelect],["flow-node-action",this._onNodeAction],["flow-interaction-start",this._onInteractionStart],["flow-change-commit",this._commit],["flow-output-assign",this._onOutputAssign],["flow-link-assign",this._onLinkAssign],["flow-output-move-target",this._onOutputMoveTarget],["flow-wire-pick",this._onWirePick],["flow-wire-assign",this._onWireAssign],["flow-branch-pick",this._onBranchPick],["flow-branch-delete",this._onBranchDelete],["flow-step-drag",this._onStepDrag],["flow-step-drag-end",this._onDragEnd],["flow-undo",this.undo],["flow-redo",this.redo],["flow-untangle",this.untangle],["flow-add-note",this._onAddNote],["flow-note-change",this._onNoteChange],["flow-note-delete",this._onNoteDelete]]}connectedCallback(){super.connectedCallback(),this._listeners.forEach(([t,r])=>this.addEventListener(t,r)),document.addEventListener("keydown",this._onKeyDown)}disconnectedCallback(){this._listeners.forEach(([t,r])=>this.removeEventListener(t,r)),document.removeEventListener("keydown",this._onKeyDown),this._cancelUntangle(),this._stopAutoSave(),this._justSavedTimer!==null&&(clearTimeout(this._justSavedTimer),this._justSavedTimer=null),super.disconnectedCallback()}get _autoSaveKey(){return`zn-flow-builder:${this.id||this.heading||"flow"}`}_stopAutoSave(){this._autoSaveTimer!==null&&(clearInterval(this._autoSaveTimer),this._autoSaveTimer=null),this._statusTimer!==null&&(clearInterval(this._statusTimer),this._statusTimer=null)}_restartAutoSave(){if(this._stopAutoSave(),this.autoSave===null)return;let t=this._readAutoSave();t&&(this._lastSavedAt=t.savedAt),this._autoSaveTimer=window.setInterval(this._autoSaveTick,this.autoSave*6e4),this._statusTimer=window.setInterval(()=>this._statusNow=Date.now(),3e4)}_readAutoSave(){try{let t=localStorage.getItem(this._autoSaveKey);if(!t)return null;let r=JSON.parse(t);return!r.state||Date.now()-r.savedAt>Q4?(localStorage.removeItem(this._autoSaveKey),null):r}catch{return null}}restoreAutoSave(){let t=this._readAutoSave();if(!t)return!1;this._restoring=!0;try{this.setState(t.state)}finally{this._restoring=!1}return this._restorePrompt=null,!0}_offerRestoreIfNewer(){if(this.autoSave===null||this._restoring)return;let t=this._readAutoSave();this._restorePrompt=t&&JSON.stringify(t.state)!==JSON.stringify(this._state)?{savedAt:t.savedAt}:null}willUpdate(t){t.has("nodeTypes")&&this.nodeTypes?.length&&this.registry.registerAll(this.nodeTypes),t.has("autoSave")&&this._restartAutoSave(),super.willUpdate(t)}firstUpdated(t){super.firstUpdated(t),this._registerSlottedTypes()}static _parsePorts(t){if(t===null)return;let r=t.trim();if(r==="")return[];try{let n=JSON.parse(r);return Array.isArray(n)?n.map(a=>typeof a=="string"?{id:a}:a):void 0}catch{return}}static _parseFilterOptions(t){if(t===null)return;let r=t.trim();if(r!==""){if(r.startsWith("["))try{let n=JSON.parse(r);return Array.isArray(n)?n.map(a=>typeof a=="string"?{value:a}:a):void 0}catch{return}return r.split(",").map(n=>n.trim()).filter(Boolean).map(n=>({value:n}))}}static _nestedFilterOptions(t,r){let n=Array.from(t.querySelectorAll(`:scope > ${r}`));if(n.length)return n.map(a=>{let s=a.textContent?.trim()??"",l=a.getAttribute("value");return l!==null&&s?{value:l,label:s}:{value:l??s}})}static _filterFieldFromEl(t){let r=t.getAttribute("id");if(!r)return null;let n=t.getAttribute("value"),a=t.getAttribute("type");return{id:r,label:t.getAttribute("label")??void 0,type:a??void 0,operators:vt._nestedFilterOptions(t,"zn-flow-operator")??vt._parseFilterOptions(t.getAttribute("operators")),options:vt._nestedFilterOptions(t,"zn-flow-option")??vt._parseFilterOptions(t.getAttribute("options")),units:vt._nestedFilterOptions(t,"zn-flow-unit")??vt._parseFilterOptions(t.getAttribute("units")),suffix:t.getAttribute("suffix")??void 0,placeholder:t.getAttribute("placeholder")??void 0,value:n===null?void 0:a==="number"?Number(n):n}}static _parseBranchFilters(t){let r=s=>s?.map(l=>typeof l=="string"?{value:l}:l),n=t.getAttribute("branch-filters");if(n)try{let s=JSON.parse(n);if(Array.isArray(s))return s.map(l=>({...l,fields:(l.fields??[]).map(d=>({...d,...d.operators?{operators:r(d.operators)}:{},...d.options?{options:r(d.options)}:{},...d.units?{units:r(d.units)}:{}}))}))}catch{}let a=Array.from(t.querySelectorAll(":scope > zn-flow-filter")).map(s=>{let l=s.getAttribute("id")??s.getAttribute("label");return l?{id:l,label:s.getAttribute("label")??l,description:s.getAttribute("description")??void 0,fields:Array.from(s.querySelectorAll(":scope > zn-flow-filter-field")).map(d=>vt._filterFieldFromEl(d)).filter(d=>!!d)}:null}).filter(s=>!!s);return a.length?a:void 0}_typeFromStep(t){let r=t.getAttribute("type");if(!r)return null;let n=Array.from(t.childNodes).filter(a=>a.nodeType===Node.TEXT_NODE).map(a=>a.textContent??"").join("").trim();return{type:r,label:t.getAttribute("label")??(n||r),group:t.getAttribute("group")??"action",category:t.getAttribute("category")??void 0,icon:t.getAttribute("icon")??void 0,iconLibrary:t.getAttribute("icon-library")??void 0,color:t.getAttribute("color")??void 0,description:t.getAttribute("description")??void 0,inputs:vt._parsePorts(t.getAttribute("inputs")),outputs:vt._parsePorts(t.getAttribute("outputs")),branchFilters:vt._parseBranchFilters(t)}}registerNodeType(t){return this.registry.register(t),this.requestUpdate(),this}registerNodeTypes(t){return this.registry.registerAll(t),this.requestUpdate(),this}getState(){return this._clone(this._state)}setState(t){this._cancelUntangle(),this._state=t,this._history=[],this._redo=[],this._selectedNodeId=null,this._configRevision++,this._offerRestoreIfNewer()}get value(){return JSON.stringify(this._state)}set value(t){try{let r=JSON.parse(t);this.setState({nodes:r.nodes??[],connections:r.connections??[],notes:r.notes??[]})}catch{}}toJSON(){return this.getState()}_cancelUntangle(){this._untangleRaf!==null&&(cancelAnimationFrame(this._untangleRaf),this._untangleRaf=null),this._untangleSettle?.(),this._untangleSettle=null}_clone(t){return JSON.parse(JSON.stringify(t))}_pushHistory(){this._history.push(this._clone(this._state)),this._history.length>Y4&&this._history.shift(),this._redo=[]}_pruneConnections(){let t=new Map(this._state.nodes.map(r=>[r.id,r]));this._state.connections=this._state.connections.filter(r=>{let n=t.get(r.source.node),a=t.get(r.target.node);if(!n||!a)return!1;let s=He(n,this.registry.get(n.type)).some(d=>d.id===r.source.port),l=Ii(a,this.registry.get(a.type)).some(d=>d.id===r.target.port);return s&&l})}_syncSelection(){this._selectedNodeId&&!this._state.nodes.some(t=>t.id===this._selectedNodeId)&&(this._selectedNodeId=null),this._selectedBranch&&!this._branchSelection()&&(this._selectedBranch=null)}_branchSelection(){if(!this._selectedBranch)return null;let t=this._state.nodes.find(n=>n.id===this._selectedBranch.nodeId);if(!t)return null;let r=He(t,this.registry.get(t.type)).find(n=>n.id===this._selectedBranch.port);return r?{node:t,port:r}:null}_id(t){return`${t}-${Date.now().toString(36)}-${++this._seq}`}_freePosition(t,r,n){let a=new Set(this._state.connections.filter(d=>n&&d.target.node===n&&d.source.node!==n).map(d=>d.source.node)),s=(d,h)=>{let m=n?this._state.nodes.map(g=>g.id===n?{...g,x:d,y:h}:g):this._state.nodes,f=g=>this.registry.get(g);return m.some(g=>g.id!==n&&i1({x:d,y:h},g,f,m,this._state.connections))?!0:[...a].some(g=>{let b=m.find(v=>v.id===g);return!!b&&Tp(b,f,m,this._state.connections)})};if(t=Tr(t),r=Tr(r),!s(t,r))return{x:t,y:r};let l=Pe*2;for(let d=1;d<40;d++)for(let h=-d;h<=d;h++)for(let m=-d;m<=d;m++)if(Math.max(Math.abs(m),Math.abs(h))===d&&!s(t+m*l,r+h*l))return{x:t+m*l,y:r+h*l};return{x:t,y:r}}_addNode(t,r,n){let a=this.registry.get(t);if(!a)return;this._pushHistory();let s=this._freePosition(r,n),l={id:this._id("node"),type:t,x:s.x,y:s.y,data:{...a.defaultData??{}}};this._state.nodes.push(l),this._select(l.id),this._commit()}_deleteNode(t){this._pushHistory(),this._state.nodes=this._state.nodes.filter(r=>r.id!==t),this._state.connections=this._state.connections.filter(r=>r.source.node!==t&&r.target.node!==t),this._selectedNodeId===t&&this._select(null),this._commit()}_duplicateNode(t){let r=this._state.nodes.find(s=>s.id===t);if(!r)return;this._pushHistory();let n=this._freePosition(r.x+Pe*2,r.y+Pe*2),a={...this._clone({nodes:[r],connections:[],notes:[]}).nodes[0],id:this._id("node"),x:n.x,y:n.y};this._state.nodes.push(a),this._select(a.id),this._commit()}_positionBelowOutput(t,r){let n=He(t,this.registry.get(t.type)),a=Math.max(n.findIndex(l=>l.id===r),0),s=nc(t,l=>this.registry.get(l))[a];return{x:Math.round(s-oe/2),y:t.y+Lp}}_ensureOutput(t,r){if(r!==Cp)return r;let n=He(t,this.registry.get(t.type)).map(s=>({...s})),a=this._id("branch");return n.push({id:a,label:"Branch"}),t.outputs=n,a}_ensureBranchLabel(t,r){let n=He(t,this.registry.get(t.type)).map(s=>({...s})),a=n.find(s=>s.id===r);a&&!a.label&&(a.label="Branch",t.outputs=n)}_addNodeAtOutput(t,r,n){let a=this._state.nodes.find(g=>g.id===t),s=this.registry.get(n);if(!a||!s)return;let l=Ap(s)[0]?.id;if(!l)return;this._pushHistory(),r=this._ensureOutput(a,r),this._ensureBranchLabel(a,r);let d=this._positionBelowOutput(a,r),h=this._freePosition(d.x,d.y),m={id:this._id("node"),type:n,x:h.x,y:h.y,data:{...s.defaultData??{}}},f={id:this._id("conn"),source:{node:t,port:r},target:{node:m.id,port:l}};this._state.nodes.push(m),this._state.connections.push(f),this.emit("zn-flow-connect",{detail:{connection:f}}),this._select(m.id),this._commit()}_linkNodeAtOutput(t,r,n){let a=this._state.nodes.find(h=>h.id===t),s=this._state.nodes.find(h=>h.id===n);if(!a||!s||t===n)return;let l=ic(s,this.registry.get(s.type));if(l===null)return;this._pushHistory(),r=this._ensureOutput(a,r),this._ensureBranchLabel(a,r);let d={id:this._id("conn"),source:{node:t,port:r},target:{node:n,port:l}};this._state.connections.push(d),this.emit("zn-flow-connect",{detail:{connection:d}}),this._select(null),this._selectedBranch={nodeId:t,port:r},this._commit()}_insertNodeOnWire(t,r){let n=this._state.connections.find(S=>S.id===t),a=this.registry.get(r);if(!n||!a)return;let s=this._state.nodes.find(S=>S.id===n.source.node),l=this._state.nodes.find(S=>S.id===n.target.node);if(!s||!l)return;let d=Ap(a)[0]?.id;if(!d)return;this._pushHistory();let h=of(a).map(S=>({...S}));h.length||h.push({id:this._id("branch")}),h[0].label||(h[0].label="Branch");let m=this._positionBelowOutput(s,n.source.port),f=m.y+Lp;if(l.y<f){let S=f-l.y,_=d1(this._state,l.id);_.add(l.id),this._state.nodes.forEach(R=>{_.has(R.id)&&(R.y+=S)})}let g=this._freePosition(m.x,m.y),b={id:this._id("node"),type:r,x:g.x,y:g.y,outputs:h,data:{...a.defaultData??{}}},v=n.target.port;n.target={node:b.id,port:d};let x={id:this._id("conn"),source:{node:b.id,port:h[0].id},target:{node:l.id,port:v}};this._state.nodes.push(b),this._state.connections.push(x),this.emit("zn-flow-connect",{detail:{connection:x}}),this._select(b.id),this._commit()}_select(t){this._selectedBranch=null,t&&(this._sideCollapsed=!1),this._selectedNodeId!==t&&(this._selectedNodeId=t,this.emit("zn-flow-selection-change",{detail:{nodeId:t}}))}_onDragStart(t,r){t.dataTransfer&&(this._draggingType=r,t.dataTransfer.setData(_1,r),t.dataTransfer.effectAllowed="copyMove",t.dataTransfer.setDragImage(Ep(),0,0))}_renderSteps(){return u`
|
|
4686
4687
|
<aside part="steps" class="steps">
|
|
4687
4688
|
<div class="title-block">
|
|
4688
4689
|
<div class="heading">${this.heading||"Flow Builder"}</div>
|