@axel669/zephyr 1.0.0-dev.1 → 1.0.0-dev.2

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.
@@ -1,6 +1,6 @@
1
- var e,t,r,o,n,a,s,l,i,c,u,p,d,f,h,_={},m=[],g=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,b=Array.isArray;function v(e,t){for(var r in t)e[r]=t[r];return e}function y(e){e&&e.parentNode&&e.parentNode.removeChild(e)}function w(t,r,o){var n,a,s,l={};for(s in r)"key"==s?n=r[s]:"ref"==s?a=r[s]:l[s]=r[s];if(arguments.length>2&&(l.children=arguments.length>3?e.call(arguments,2):o),"function"==typeof t&&null!=t.defaultProps)for(s in t.defaultProps)void 0===l[s]&&(l[s]=t.defaultProps[s]);return x(t,l,n,a,null)}function x(e,o,n,a,s){var l={type:e,props:o,key:n,ref:a,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:null==s?++r:s,__i:-1,__u:0};return null==s&&null!=t.vnode&&t.vnode(l),l}function k(e){return e.children}function $(e,t){this.props=e,this.context=t}function z(e,t){if(null==t)return e.__?z(e.__,e.__i+1):null;for(var r;t<e.__k.length;t++)if(null!=(r=e.__k[t])&&null!=r.__e)return r.__e;return"function"==typeof e.type?z(e):null}function A(e){if(e.__P&&e.__d){var r=e.__v,o=r.__e,n=[],a=[],s=v({},r);s.__v=r.__v+1,t.vnode&&t.vnode(s),T(e.__P,s,r,e.__n,e.__P.namespaceURI,32&r.__u?[o]:null,n,null==o?z(r):o,!!(32&r.__u),a),s.__v=r.__v,s.__.__k[s.__i]=s,W(n,s,a),r.__e=r.__=null,s.__e!=o&&S(s)}}function S(e){if(null!=(e=e.__)&&null!=e.__c)return e.__e=e.__c.base=null,e.__k.some(function(t){if(null!=t&&null!=t.__e)return e.__e=e.__c.base=t.__e}),S(e)}function E(e){(!e.__d&&(e.__d=!0)&&o.push(e)&&!C.__r++||n!=t.debounceRendering)&&((n=t.debounceRendering)||a)(C)}function C(){try{for(var e,t=1;o.length;)o.length>t&&o.sort(s),e=o.shift(),t=o.length,A(e)}finally{o.length=C.__r=0}}function P(e,t,r,o,n,a,s,l,i,c,u){var p,d,f,h,g,v,y,w=o&&o.__k||m,$=t.length;for(i=function(e,t,r,o,n){var a,s,l,i,c,u=r.length,p=u,d=0;for(e.__k=new Array(n),a=0;a<n;a++)null!=(s=t[a])&&"boolean"!=typeof s&&"function"!=typeof s?("string"==typeof s||"number"==typeof s||"bigint"==typeof s||s.constructor==String?s=e.__k[a]=x(null,s,null,null,null):b(s)?s=e.__k[a]=x(k,{children:s},null,null,null):void 0===s.constructor&&s.__b>0?s=e.__k[a]=x(s.type,s.props,s.key,s.ref?s.ref:null,s.__v):e.__k[a]=s,i=a+d,s.__=e,s.__b=e.__b+1,l=null,-1!=(c=s.__i=O(s,r,i,p))&&(p--,(l=r[c])&&(l.__u|=2)),null==l||null==l.__v?(-1==c&&(n>u?d--:n<u&&d++),"function"!=typeof s.type&&(s.__u|=4)):c!=i&&(c==i-1?d--:c==i+1?d++:(c>i?d--:d++,s.__u|=4))):e.__k[a]=null;if(p)for(a=0;a<u;a++)null!=(l=r[a])&&!(2&l.__u)&&(l.__e==o&&(o=z(l)),F(l,l));return o}(r,t,w,i,$),p=0;p<$;p++)null!=(f=r.__k[p])&&(d=-1!=f.__i&&w[f.__i]||_,f.__i=p,v=T(e,f,d,n,a,s,l,i,c,u),h=f.__e,f.ref&&d.ref!=f.ref&&(d.ref&&U(d.ref,null,f),u.push(f.ref,f.__c||h,f)),null==g&&null!=h&&(g=h),(y=!!(4&f.__u))||d.__k===f.__k?(i=M(f,i,e,y),y&&d.__e&&(d.__e=null)):"function"==typeof f.type&&void 0!==v?i=v:h&&(i=h.nextSibling),f.__u&=-7);return r.__e=g,i}function M(e,t,r,o){var n,a;if("function"==typeof e.type){for(n=e.__k,a=0;n&&a<n.length;a++)n[a]&&(n[a].__=e,t=M(n[a],t,r,o));return t}e.__e!=t&&(o&&(t&&e.type&&!t.parentNode&&(t=z(e)),r.insertBefore(e.__e,t||null)),t=e.__e);do{t=t&&t.nextSibling}while(null!=t&&8==t.nodeType);return t}function L(e,t){return t=t||[],null==e||"boolean"==typeof e||(b(e)?e.some(function(e){L(e,t)}):t.push(e)),t}function O(e,t,r,o){var n,a,s,l=e.key,i=e.type,c=t[r],u=null!=c&&!(2&c.__u);if(null===c&&null==l||u&&l==c.key&&i==c.type)return r;if(o>(u?1:0))for(n=r-1,a=r+1;n>=0||a<t.length;)if(null!=(c=t[s=n>=0?n--:a++])&&!(2&c.__u)&&l==c.key&&i==c.type)return s;return-1}function j(e,t,r){"-"==t[0]?e.setProperty(t,null==r?"":r):e[t]=null==r?"":"number"!=typeof r||g.test(t)?r:r+"px"}function N(e,t,r,o,n){var a,s;e:if("style"==t)if("string"==typeof r)e.style.cssText=r;else{if("string"==typeof o&&(e.style.cssText=o=""),o)for(t in o)r&&t in r||j(e.style,t,"");if(r)for(t in r)o&&r[t]==o[t]||j(e.style,t,r[t])}else if("o"==t[0]&&"n"==t[1])a=t!=(t=t.replace(u,"$1")),s=t.toLowerCase(),t=s in e||"onFocusOut"==t||"onFocusIn"==t?s.slice(2):t.slice(2),e.l||(e.l={}),e.l[t+a]=r,r?o?r[c]=o[c]:(r[c]=p,e.addEventListener(t,a?f:d,a)):e.removeEventListener(t,a?f:d,a);else{if("http://www.w3.org/2000/svg"==n)t=t.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=t&&"height"!=t&&"href"!=t&&"list"!=t&&"form"!=t&&"tabIndex"!=t&&"download"!=t&&"rowSpan"!=t&&"colSpan"!=t&&"role"!=t&&"popover"!=t&&t in e)try{e[t]=null==r?"":r;break e}catch(e){}"function"==typeof r||(null==r||!1===r&&"-"!=t[4]?e.removeAttribute(t):e.setAttribute(t,"popover"==t&&1==r?"":r))}}function H(e){return function(r){if(this.l){var o=this.l[r.type+e];if(null==r[i])r[i]=p++;else if(r[i]<o[c])return;return o(t.event?t.event(r):r)}}}function T(r,o,n,a,s,l,i,c,u,p){var d,f,h,g,w,x,A,S,E,C,M,L,O,j,H,T,W=o.type;if(void 0!==o.constructor)return null;128&n.__u&&(u=!!(32&n.__u),l=[c=o.__e=n.__e]),(d=t.__b)&&d(o);e:if("function"==typeof W){f=i.length;try{if(E=o.props,C=W.prototype&&W.prototype.render,M=(d=W.contextType)&&a[d.__c],L=d?M?M.props.value:d.__:a,n.__c?S=(h=o.__c=n.__c).__=h.__E:(C?o.__c=h=new W(E,L):(o.__c=h=new $(E,L),h.constructor=W,h.render=q),M&&M.sub(h),h.state||(h.state={}),h.__n=a,g=h.__d=!0,h.__h=[],h._sb=[]),C&&null==h.__s&&(h.__s=h.state),C&&null!=W.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=v({},h.__s)),v(h.__s,W.getDerivedStateFromProps(E,h.__s))),w=h.props,x=h.state,h.__v=o,g)C&&null==W.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),C&&null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else{if(C&&null==W.getDerivedStateFromProps&&E!==w&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(E,L),o.__v==n.__v||!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(E,h.__s,L)){o.__v!=n.__v&&(h.props=E,h.state=h.__s,h.__d=!1),o.__e=n.__e,o.__k=n.__k,o.__k.some(function(e){e&&(e.__=o)}),m.push.apply(h.__h,h._sb),h._sb=[],h.__h.length&&i.push(h);break e}null!=h.componentWillUpdate&&h.componentWillUpdate(E,h.__s,L),C&&null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(w,x,A)})}if(h.context=L,h.props=E,h.__P=r,h.__e=!1,O=t.__r,j=0,C)h.state=h.__s,h.__d=!1,O&&O(o),d=h.render(h.props,h.state,h.context),m.push.apply(h.__h,h._sb),h._sb=[];else do{h.__d=!1,O&&O(o),d=h.render(h.props,h.state,h.context),h.state=h.__s}while(h.__d&&++j<25);h.state=h.__s,null!=h.getChildContext&&(a=v(v({},a),h.getChildContext())),C&&!g&&null!=h.getSnapshotBeforeUpdate&&(A=h.getSnapshotBeforeUpdate(w,x)),H=null!=d&&d.type===k&&null==d.key?D(d.props.children):d,c=P(r,b(H)?H:[H],o,n,a,s,l,i,c,u,p),h.base=o.__e,o.__u&=-161,h.__h.length&&i.push(h),S&&(h.__E=h.__=null)}catch(r){if(i.length=f,o.__v=null,u||null!=l)if(r.then){for(o.__u|=u?160:128;c&&8==c.nodeType&&c.nextSibling;)c=c.nextSibling;null!=l&&(l[l.indexOf(c)]=null),o.__e=c}else{if(null!=l)for(T=l.length;T--;)y(l[T]);R(o)}else o.__e=n.__e,!o.__k&&n.__k&&(o.__k=n.__k),r.then||R(o);t.__e(r,o,n)}}else null==l&&o.__v==n.__v?(o.__k=n.__k,o.__e=n.__e):c=o.__e=function(r,o,n,a,s,l,i,c,u){var p,d,f,h,m,g,v,w=n.props||_,x=o.props,k=o.type;if("svg"==k?s="http://www.w3.org/2000/svg":"math"==k?s="http://www.w3.org/1998/Math/MathML":s||(s="http://www.w3.org/1999/xhtml"),null!=l)for(p=0;p<l.length;p++)if((m=l[p])&&"setAttribute"in m==!!k&&(k?m.localName==k:3==m.nodeType)){r=m,l[p]=null;break}if(null==r){if(null==k)return document.createTextNode(x);r=document.createElementNS(s,k,x.is&&x),c&&(t.__m&&t.__m(o,l),c=!1),l=null}if(null==k)w===x||c&&r.data==x||(r.data=x);else{if(l="textarea"==k&&null!=x.defaultValue?null:l&&e.call(r.childNodes),!c&&null!=l)for(w={},p=0;p<r.attributes.length;p++)w[(m=r.attributes[p]).name]=m.value;for(p in w)m=w[p],"dangerouslySetInnerHTML"==p?f=m:"children"==p||p in x||"value"==p&&"defaultValue"in x||"checked"==p&&"defaultChecked"in x||N(r,p,null,m,s);for(p in x)m=x[p],"children"==p?h=m:"dangerouslySetInnerHTML"==p?d=m:"value"==p?g=m:"checked"==p?v=m:c&&"function"!=typeof m||w[p]===m||N(r,p,m,w[p],s);if(d)c||f&&(d.__html==f.__html||d.__html==r.innerHTML)||(r.innerHTML=d.__html),o.__k=[];else if(f&&(r.innerHTML=""),P("template"==o.type?r.content:r,b(h)?h:[h],o,n,a,"foreignObject"==k?"http://www.w3.org/1999/xhtml":s,l,i,l?l[0]:n.__k&&z(n,0),c,u),null!=l)for(p=l.length;p--;)y(l[p]);c&&"textarea"!=k||(p="value","progress"==k&&null==g?r.removeAttribute("value"):null!=g&&(g!==r[p]||"progress"==k&&!g||"option"==k&&g!=w[p])&&N(r,p,g,w[p],s),p="checked",null!=v&&v!=r[p]&&N(r,p,v,w[p],s))}return r}(n.__e,o,n,a,s,l,i,u,p);return(d=t.diffed)&&d(o),128&o.__u?void 0:c}function R(e){e&&(e.__c&&(e.__c.__e=!0),e.__k&&e.__k.some(R))}function W(e,r,o){for(var n=0;n<o.length;n++)U(o[n],o[++n],o[++n]);t.__c&&t.__c(r,e),e.some(function(r){try{e=r.__h,r.__h=[],e.some(function(e){e.call(r)})}catch(e){t.__e(e,r.__v)}})}function D(e){return"object"!=typeof e||null==e||e.__b>0?e:b(e)?e.map(D):void 0!==e.constructor?null:v({},e)}function U(e,r,o){try{if("function"==typeof e){var n="function"==typeof e.__u;n&&e.__u(),n&&null==r||(e.__u=e(r))}else e.current=r}catch(e){t.__e(e,o)}}function F(e,r,o){var n,a;if(t.unmount&&t.unmount(e),(n=e.ref)&&(n.current&&n.current!=e.__e||U(n,null,r)),null!=(n=e.__c)){if(n.componentWillUnmount)try{n.componentWillUnmount()}catch(e){t.__e(e,r)}n.base=n.__P=n.__n=null}if(n=e.__k)for(a=0;a<n.length;a++)n[a]&&F(n[a],r,o||"function"!=typeof e.type);o||y(e.__e),e.__c=e.__=e.__e=void 0}function q(e,t,r){return this.constructor(e,r)}function I(r,o,n){var a,s,l,i;o==document&&(o=document.documentElement),t.__&&t.__(r,o),s=(a="function"==typeof n)?null:n&&n.__k||o.__k,l=[],i=[],T(o,r=(!a&&n||o).__k=w(k,null,[r]),s||_,_,o.namespaceURI,!a&&n?[n]:s?null:o.firstChild?e.call(o.childNodes):null,l,!a&&n?n:s?s.__e:o.firstChild,a,i),W(l,r,i),r.props.children=null}function V(t,r,o){var n,a,s,l,i=v({},t.props);for(s in t.type&&t.type.defaultProps&&(l=t.type.defaultProps),r)"key"==s?n=r[s]:"ref"==s?a=r[s]:i[s]=void 0===r[s]&&null!=l?l[s]:r[s];return arguments.length>2&&(i.children=arguments.length>3?e.call(arguments,2):o),x(t.type,i,n||t.key,a||t.ref,null)}function Z(e){function t(e){var r,o;return this.getChildContext||(r=new Set,(o={})[t.__c]=this,this.getChildContext=function(){return o},this.componentWillUnmount=function(){r=null},this.shouldComponentUpdate=function(e){this.props.value!=e.value&&r.forEach(function(e){e.__e=!0,E(e)})},this.sub=function(e){r.add(e);var t=e.componentWillUnmount;e.componentWillUnmount=function(){r&&r.delete(e),t&&t.call(e)}}),e.children}return t.__c="__cC"+h++,t.__=e,t.Provider=t.__l=(t.Consumer=function(e,t){return e.children(t)}).contextType=t,t}e=m.slice,t={__e:function(e,t,r,o){for(var n,a,s;t=t.__;)if((n=t.__c)&&!n.__)try{if((a=n.constructor)&&null!=a.getDerivedStateFromError&&(n.setState(a.getDerivedStateFromError(e)),s=n.__d),null!=n.componentDidCatch&&(n.componentDidCatch(e,o||{}),s=n.__d),s)return n.__E=n}catch(t){e=t}throw e}},r=0,$.prototype.setState=function(e,t){var r;r=null!=this.__s&&this.__s!=this.state?this.__s:this.__s=v({},this.state),"function"==typeof e&&(e=e(v({},r),this.props)),e&&v(r,e),null!=e&&this.__v&&(t&&this._sb.push(t),E(this))},$.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),E(this))},$.prototype.render=k,o=[],a="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,s=function(e,t){return e.__v.__b-t.__v.__b},C.__r=0,l=Math.random().toString(8),i="__d"+l,c="__a"+l,u=/(PointerCapture)$|Capture$/i,p=0,d=H(!1),f=H(!0),h=0;var B,Y,X,K,G=0,J=[],Q=t,ee=Q.__b,te=Q.__r,re=Q.diffed,oe=Q.__c,ne=Q.unmount,ae=Q.__;function se(e,t){Q.__h&&Q.__h(Y,e,G||t),G=0;var r=Y.__H||(Y.__H={__:[],__h:[]});return e>=r.__.length&&r.__.push({}),r.__[e]}function le(e){return G=1,function(e,t,r){var o=se(B++,2);if(o.t=e,!o.__c&&(o.__=[r?r(t):ge(void 0,t),function(e){var t=o.__N?o.__N[0]:o.__[0],r=o.t(t,e);t!==r&&(o.__N=[r,o.__[1]],o.__c.setState({}))}],o.__c=Y,!Y.__f)){var n=function(e,t,r){if(!o.__c.__H)return!0;var n=!1,s=o.__c.props!==e;if(o.__c.__H.__.some(function(e){if(e.__N){n=!0;var t=e.__[0];e.__=e.__N,e.__N=void 0,t!==e.__[0]&&(s=!0)}}),a){var l=a.call(this,e,t,r);return n?l||s:l}return!n||s};Y.__f=!0;var a=Y.shouldComponentUpdate,s=Y.componentWillUpdate;Y.componentWillUpdate=function(e,t,r){if(this.__e){var o=a;a=void 0,n(e,t,r),a=o}s&&s.call(this,e,t,r)},Y.shouldComponentUpdate=n}return o.__N||o.__}(ge,e)}function ie(e,t){var r=se(B++,3);!Q.__s&&me(r.__H,t)&&(r.__=e,r.u=t,Y.__H.__h.push(r))}function ce(e,t){var r=se(B++,7);return me(r.__H,t)&&(r.__=e(),r.__H=t,r.__h=e),r.__}function ue(e){var t=Y.context[e.__c],r=se(B++,9);return r.c=e,t?(null==r.__&&(r.__=!0,t.sub(Y)),t.props.value):e.__}function pe(){for(var e;e=J.shift();){var t=e.__H;if(e.__P&&t)try{t.__h.some(he),t.__h.some(_e),t.__h=[]}catch(r){t.__h=[],Q.__e(r,e.__v)}}}Q.__b=function(e){Y=null,ee&&ee(e)},Q.__=function(e,t){e&&t.__k&&t.__k.__m&&(e.__m=t.__k.__m),ae&&ae(e,t)},Q.__r=function(e){te&&te(e),B=0;var t=(Y=e.__c).__H;t&&(X===Y?(t.__h=[],Y.__h=[],t.__.some(function(e){e.__N&&(e.__=e.__N),e.u=e.__N=void 0})):(t.__h.length&&pe(),B=0)),X=Y},Q.diffed=function(e){re&&re(e);var t=e.__c;t&&t.__H&&(t.__H.__h.length&&(1!==J.push(t)&&K===Q.requestAnimationFrame||((K=Q.requestAnimationFrame)||fe)(pe)),t.__H.__.some(function(e){e.u&&(e.__H=e.u,e.u=void 0)})),X=Y=null},Q.__c=function(e,t){t.some(function(e){try{e.__h.some(he),e.__h=e.__h.filter(function(e){return!e.__||_e(e)})}catch(r){t.some(function(e){e.__h&&(e.__h=[])}),t=[],Q.__e(r,e.__v)}}),oe&&oe(e,t)},Q.unmount=function(e){ne&&ne(e);var t,r=e.__c;r&&r.__H&&(r.__H.__.some(function(e){try{he(e)}catch(e){t=e}}),r.__H=void 0,t&&Q.__e(t,r.__v))};var de="function"==typeof requestAnimationFrame;function fe(e){var t,r=function(){clearTimeout(o),de&&cancelAnimationFrame(t),setTimeout(e)},o=setTimeout(r,35);de&&(t=requestAnimationFrame(r))}function he(e){var t=Y,r=e.__c;"function"==typeof r&&(e.__c=void 0,r()),Y=t}function _e(e){var t=Y;e.__c=e.__(),Y=t}function me(e,t){return!e||e.length!==t.length||t.some(function(t,r){return t!==e[r]})}function ge(e,t){return"function"==typeof t?t(e):t}function be(e,t){for(var r in t)e[r]=t[r];return e}function ve(e,t){for(var r in e)if("__source"!==r&&!(r in t))return!0;for(var o in t)if("__source"!==o&&e[o]!==t[o])return!0;return!1}function ye(e,t){this.props=e,this.context=t}function we(e,t){function r(e){var r=this.props.ref;return r!=e.ref&&r&&("function"==typeof r?r(null):r.current=null),t?!t(this.props,e)||r!=e.ref:ve(this.props,e)}function o(t){return this.shouldComponentUpdate=r,w(e,t)}return o.displayName="Memo("+(e.displayName||e.name)+")",o.__f=o.prototype.isReactComponent=!0,o.type=e,o}(ye.prototype=new $).isPureReactComponent=!0,ye.prototype.shouldComponentUpdate=function(e,t){return ve(this.props,e)||ve(this.state,t)};var xe=t.__b;t.__b=function(e){e.type&&e.type.__f&&e.ref&&(e.props.ref=e.ref,e.ref=null),xe&&xe(e)};var ke="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;var $e=t.__e;t.__e=function(e,t,r,o){if(e.then)for(var n,a=t;a=a.__;)if((n=a.__c)&&n.__c)return null==t.__e&&(t.__e=r.__e,t.__k=r.__k),n.__c(e,t);$e(e,t,r,o)};var ze=t.unmount;function Ae(e,t,r){return e&&(e.__c&&e.__c.__H&&(e.__c.__H.__.forEach(function(e){"function"==typeof e.__c&&e.__c()}),e.__c.__H=null),null!=(e=be({},e)).__c&&(e.__c.__P===r&&(e.__c.__P=t),e.__c.__e=!0,e.__c=null),e.__k=e.__k&&e.__k.map(function(e){return Ae(e,t,r)})),e}function Se(e,t,r){return e&&r&&(e.__v=null,e.__k=e.__k&&e.__k.map(function(e){return Se(e,t,r)}),e.__c&&e.__c.__P===t&&(e.__e&&r.appendChild(e.__e),e.__c.__e=!0,e.__c.__P=r)),e}function Ee(){this.__u=0,this.o=null,this.__b=null}function Ce(e){var t=e.__&&e.__.__c;return t&&t.__a&&t.__a(e)}function Pe(){this.i=null,this.l=null}t.unmount=function(e){var t=e.__c;t&&(t.__z=!0),t&&t.__R&&t.__R(),t&&32&e.__u&&(e.type=null),ze&&ze(e)},(Ee.prototype=new $).__c=function(e,t){var r=t.__c,o=this;null==o.o&&(o.o=[]),o.o.push(r);var n=Ce(o.__v),a=!1,s=function(){a||o.__z||(a=!0,r.__R=null,n?n(i):i())};r.__R=s;var l=r.__P;r.__P=null;var i=function(){if(! --o.__u){if(o.state.__a){var e=o.state.__a;o.__v.__k[0]=Se(e,e.__c.__P,e.__c.__O)}var t;for(o.setState({__a:o.__b=null});t=o.o.pop();)t.__P=l,t.forceUpdate()}};o.__u++||32&t.__u||o.setState({__a:o.__b=o.__v.__k[0]}),e.then(s,s)},Ee.prototype.componentWillUnmount=function(){this.o=[]},Ee.prototype.render=function(e,t){var r=this.__v;if(!r.__m){for(var o=r;o.__;)o=o.__;o=o.__m||(o.__m=[0,0]),r.__m=[o[1]++,0]}if(this.__b){if(r.__k){var n=document.createElement("div"),a=r.__k[0].__c;r.__k[0]=Ae(this.__b,n,a.__O=a.__P)}this.__b=null}var s=t.__a&&w(k,null,e.fallback);return s&&(s.__u&=-33),[w(k,null,t.__a?null:e.children),s]};var Me=function(e,t,r){if(++r[1]===r[0]&&e.l.delete(t),e.props.revealOrder&&("t"!==e.props.revealOrder[0]||!e.l.size))for(r=e.i;r;){for(;r.length>3;)r.pop()();if(r[1]<r[0])break;e.i=r=r[2]}};(Pe.prototype=new $).__a=function(e){var t=this,r=Ce(t.__v),o=t.l.get(e);return o[0]++,function(n){var a=function(){t.props.revealOrder?(o.push(n),Me(t,e,o)):n()};r?r(a):a()}},Pe.prototype.render=function(e){this.i=null,this.l=new Map;var t=L(e.children);e.revealOrder&&"b"===e.revealOrder[0]&&t.reverse();for(var r=t.length;r--;)this.l.set(t[r],this.i=[1,0,this.i]);return e.children},Pe.prototype.componentDidUpdate=Pe.prototype.componentDidMount=function(){var e=this;this.l.forEach(function(t,r){Me(e,r,t)})};var Le="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,Oe=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,je=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,Ne=/[A-Z0-9]/g,He="undefined"!=typeof document,Te=function(e){return("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/:/fil|che|ra/).test(e)};$.prototype.isReactComponent=!0,["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(e){Object.defineProperty($.prototype,e,{configurable:!0,get:function(){return this["UNSAFE_"+e]},set:function(t){Object.defineProperty(this,e,{configurable:!0,writable:!0,value:t})}})});var Re=t.event;t.event=function(e){return Re&&(e=Re(e)),e.persist=function(){},e.isPropagationStopped=function(){return this.cancelBubble},e.isDefaultPrevented=function(){return this.defaultPrevented},e.nativeEvent=e};var We={configurable:!0,get:function(){return this.class}},De=t.vnode;t.vnode=function(e){"string"==typeof e.type&&function(e){var t=e.props,r=e.type,o={},n=-1==r.indexOf("-");for(var a in t){var s=t[a];if(!("value"===a&&"defaultValue"in t&&null==s||He&&"children"===a&&"noscript"===r||"class"===a||"className"===a)){var l=a.toLowerCase();"defaultValue"===a&&"value"in t&&null==t.value?a="value":"download"===a&&!0===s?s="":"translate"===l&&"no"===s?s=!1:"o"===l[0]&&"n"===l[1]?"ondoubleclick"===l?a="ondblclick":"onchange"!==l||"input"!==r&&"textarea"!==r||Te(t.type)?"onfocus"===l?a="onfocusin":"onblur"===l?a="onfocusout":je.test(a)&&(a=l):l=a="oninput":n&&Oe.test(a)?a=a.replace(Ne,"-$&").toLowerCase():null===s&&(s=void 0),"oninput"===l&&o[a=l]&&(a="oninputCapture"),o[a]=s}}"select"==r&&(o.multiple&&Array.isArray(o.value)&&(o.value=L(t.children).forEach(function(e){e.props.selected=-1!=o.value.indexOf(e.props.value)})),null!=o.defaultValue&&(o.value=L(t.children).forEach(function(e){e.props.selected=o.multiple?-1!=o.defaultValue.indexOf(e.props.value):o.defaultValue==e.props.value}))),t.class&&!t.className?(o.class=t.class,Object.defineProperty(o,"className",We)):t.className&&(o.class=o.className=t.className),e.props=o}(e),e.$$typeof=Le,De&&De(e)};var Ue=t.__r;t.__r=function(e){Ue&&Ue(e),e.__c};var Fe=t.diffed;t.diffed=function(e){Fe&&Fe(e);var t=e.props,r=e.__e;null!=r&&"textarea"===e.type&&"value"in t&&t.value!==r.value&&(r.value=null==t.value?"":t.value)};var qe="__s",Ie="__c",Ve="__d",Ze="__s",Be=/[\s\n\\/='"\0<>]/,Ye=/^(xlink|xmlns|xml)([A-Z])/,Xe=/^(?:accessK|auto[A-Z]|cell|ch|col|cont|cross|dateT|encT|form[A-Z]|frame|hrefL|inputM|maxL|minL|noV|playsI|popoverT|readO|rowS|src[A-Z]|tabI|useM|item[A-Z])/,Ke=/^ac|^ali|arabic|basel|cap|clipPath$|clipRule$|color|dominant|enable|fill|flood|font|glyph[^R]|horiz|image|letter|lighting|marker[^WUH]|overline|panose|pointe|paint|rendering|shape|stop|strikethrough|stroke|text[^L]|transform|underline|unicode|units|^v[^i]|^w|^xH/,Ge=new Set(["draggable","spellcheck"]);function Je(e){void 0!==e.__g?e.__g|=8:e[Ve]=!0}function Qe(e){void 0!==e.__g?e.__g&=-9:e[Ve]=!1}function et(e){return void 0!==e.__g?!!(8&e.__g):!0===e[Ve]}var tt=/["&<]/;function rt(e){if(0===e.length||!1===tt.test(e))return e;for(var t=0,r=0,o="",n="";r<e.length;r++){switch(e.charCodeAt(r)){case 34:n="&quot;";break;case 38:n="&amp;";break;case 60:n="&lt;";break;default:continue}r!==t&&(o+=e.slice(t,r)),o+=n,t=r+1}return r!==t&&(o+=e.slice(t,r)),o}var ot={},nt=new Set(["animation-iteration-count","border-image-outset","border-image-slice","border-image-width","box-flex","box-flex-group","box-ordinal-group","column-count","fill-opacity","flex","flex-grow","flex-negative","flex-order","flex-positive","flex-shrink","flood-opacity","font-weight","grid-column","grid-row","line-clamp","line-height","opacity","order","orphans","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-miterlimit","stroke-opacity","stroke-width","tab-size","widows","z-index","zoom"]),at=/[A-Z]/g;function st(e){var t="";for(var r in e){var o=e[r];if(null!=o&&""!==o){var n="-"==r[0]?r:ot[r]||(ot[r]=r.replace(at,"-$&").toLowerCase()),a=";";"number"!=typeof o||n.startsWith("--")||nt.has(n)||(a="px;"),t=t+n+":"+o+a}}return t||void 0}function lt(){this.__d=!0}function it(e,t){return{__v:e,context:t,props:e.props,setState:lt,forceUpdate:lt,__d:!0,__h:new Array(0)}}var ct,ut,pt,dt,ft={},ht=[],_t=Array.isArray,mt=Object.assign,gt="",bt="\x3c!--$s--\x3e",vt="\x3c!--/$s--\x3e";function yt(e){return"string"==typeof e?bt+e+vt:_t(e)?(e.unshift(bt),e.push(vt),e):e&&"function"==typeof e.then?e.then(yt):bt+e+vt}function wt(e,t){var r,o=e.type,n=!0;return e[Ie]?(n=!1,(r=e[Ie]).state=r[Ze]):r=new o(e.props,t),e[Ie]=r,r.__v=e,r.props=e.props,r.context=t,Je(r),null==r.state&&(r.state=ft),null==r[Ze]&&(r[Ze]=r.state),o.getDerivedStateFromProps?r.state=mt({},r.state,o.getDerivedStateFromProps(r.props,r.state)):n&&r.componentWillMount?(r.componentWillMount(),r.state=r[Ze]!==r.state?r[Ze]:r.state):!n&&r.componentWillUpdate&&r.componentWillUpdate(),pt&&pt(e),r.render(r.props,r.state,t)}function xt(e,r,o,n,a,s,l){if(null==e||!0===e||!1===e||e===gt)return gt;var i=typeof e;if("object"!=i)return"function"==i?gt:"string"==i?rt(e):e+gt;if(_t(e)){var c,u=gt;a.__k=e;for(var p=e.length,d=0;d<p;d++){var f=e[d];if(null!=f&&"boolean"!=typeof f){var h,_=xt(f,r,o,n,a,s,l);"string"==typeof _?u+=_:(c||(c=new Array(p)),u&&c.push(u),u=gt,_t(_)?(h=c).push.apply(h,_):c.push(_))}}return c?(u&&c.push(u),c):u}if(void 0!==e.constructor)return gt;e.__=a,ct&&ct(e);var m=e.type,g=e.props;if("function"==typeof m){var b,v,y,w=r;if(m===k){if("tpl"in g){for(var x=gt,$=0;$<g.tpl.length;$++)if(x+=g.tpl[$],g.exprs&&$<g.exprs.length){var z=g.exprs[$];if(null==z)continue;"object"!=typeof z||void 0!==z.constructor&&!_t(z)?x+=z:x+=xt(z,r,o,n,e,s,l)}return x}if("UNSTABLE_comment"in g)return"\x3c!--"+rt(g.UNSTABLE_comment)+"--\x3e";v=g.children}else{if(null!=(b=m.contextType)){var A=r[b.__c];w=A?A.props.value:b.__}var S=m.prototype&&"function"==typeof m.prototype.render;if(S)v=wt(e,w),y=e[Ie];else{e[Ie]=y=it(e,w);for(var E=0;et(y)&&E++<25;){Qe(y),pt&&pt(e);try{v=m.call(y,g,w)}catch(e){throw e}}Je(y)}if(null!=y.getChildContext&&(r=mt({},r,y.getChildContext())),S&&t.errorBoundaries&&(m.getDerivedStateFromError||y.componentDidCatch)){v=null!=v&&v.type===k&&null==v.key&&null==v.props.tpl?v.props.children:v;try{return xt(v,r,o,n,e,s,!1)}catch(t){return m.getDerivedStateFromError&&(y[Ze]=m.getDerivedStateFromError(t)),y.componentDidCatch&&y.componentDidCatch(t,ft),et(y)?(v=wt(e,r),null!=(y=e[Ie]).getChildContext&&(r=mt({},r,y.getChildContext())),xt(v=null!=v&&v.type===k&&null==v.key&&null==v.props.tpl?v.props.children:v,r,o,n,e,s,l)):gt}finally{ut&&ut(e),dt&&dt(e)}}}v=null!=v&&v.type===k&&null==v.key&&null==v.props.tpl?v.props.children:v;try{var C=xt(v,r,o,n,e,s,l);return ut&&ut(e),t.unmount&&t.unmount(e),e._suspended?yt(C):C}catch(a){if(l&&l.onError){var P=function t(a){return l.onError(a,e,function(e,a){try{return xt(e,r,o,n,a,s,l)}catch(e){return t(e)}})}(a);if(void 0!==P)return P;var M=t.__e;return M&&M(a,e),gt}throw a}}var L,O="<"+m,j=gt;for(var N in g){var H=g[N];if("function"!=typeof(H=zt(H)?H.value:H)||"class"===N||"className"===N){switch(N){case"children":L=H;continue;case"key":case"ref":case"__self":case"__source":continue;case"htmlFor":if("for"in g)continue;N="for";break;case"className":if("class"in g)continue;N="class";break;case"defaultChecked":N="checked";break;case"defaultSelected":N="selected";break;case"defaultValue":case"value":switch(N="value",m){case"textarea":L=H;continue;case"select":n=H;continue;case"option":n!=H||"selected"in g||(O+=" selected")}break;case"dangerouslySetInnerHTML":j=H&&H.__html;continue;case"style":"object"==typeof H&&(H=st(H));break;case"acceptCharset":N="accept-charset";break;case"httpEquiv":N="http-equiv";break;default:if(Be.test(N))continue;Ye.test(N)?N=N.replace(Ye,"$1:$2").toLowerCase():"-"!==N[4]&&!Ge.has(N)||null==H?o?Ke.test(N)&&(N="panose1"===N?"panose-1":N.replace(/([A-Z])/g,"-$1").toLowerCase()):Xe.test(N)&&(N=N.toLowerCase()):H+=gt}null!=H&&!1!==H&&(O=!0===H||H===gt?O+" "+N:O+" "+N+'="'+("string"==typeof H?rt(H):H+gt)+'"')}}if(Be.test(m))throw new Error(m+" is not a valid HTML tag name in "+O+">");if(j||("string"==typeof L?j=rt(L):null!=L&&!1!==L&&!0!==L&&(j=xt(L,r,"svg"===m||"foreignObject"!==m&&o,n,e,s,l))),ut&&ut(e),dt&&dt(e),!j&&kt.has(m))return O+"/>";var T="</"+m+">",R=O+">";return _t(j)?[R].concat(j,[T]):"string"!=typeof j?[R,j,T]:R+j+T}var kt=new Set(["area","base","br","col","command","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"]),$t=function(e,r,o){var n=t[qe];t[qe]=!0,ct=t.__b,ut=t.diffed,pt=t.__r,dt=t.unmount;var a=w(k,null);a.__k=[e];try{var s=xt(e,r||ft,!1,void 0,a,!1,o);return _t(s)?s.join(gt):s}catch(e){if(e.then)throw new Error('Use "renderToStringAsync" for suspenseful rendering.');throw e}finally{t.__c&&t.__c(e,ht),t[qe]=n,ht.length=0}};function zt(e){return null!==e&&"object"==typeof e&&"function"==typeof e.peek&&"value"in e}const At=Symbol(),St=Object.getPrototypeOf,Et=new WeakMap,Ct=e=>(e=>e&&(Et.has(e)?Et.get(e):St(e)===Object.prototype||St(e)===Array.prototype))(e)&&e[At]||null,Pt=(e,t=!0)=>{Et.set(e,t)},Mt=e=>"object"==typeof e&&null!==e,Lt=(e,t)=>{const r=Nt.get(e);if((null==r?void 0:r[0])===t)return r[1];const o=Array.isArray(e)?[]:Object.create(Object.getPrototypeOf(e));return Pt(o,!0),Nt.set(e,[t,o]),Reflect.ownKeys(e).forEach(t=>{if(Object.getOwnPropertyDescriptor(o,t))return;const r=Reflect.get(e,t),{enumerable:n}=Reflect.getOwnPropertyDescriptor(e,t),a={value:r,enumerable:n,configurable:!0};if(jt.has(r))Pt(r,!1);else if(Ot.has(r)){const[e,t]=Ot.get(r);a.value=Lt(e,t())}Object.defineProperty(o,t,a)}),o},Ot=new WeakMap,jt=new WeakSet,Nt=new WeakMap,Ht=[1],Tt=new WeakMap;let Rt=Object.is,Wt=(e,t)=>new Proxy(e,t),Dt=e=>Mt(e)&&!jt.has(e)&&(Array.isArray(e)||!(Symbol.iterator in e))&&!(e instanceof WeakMap)&&!(e instanceof WeakSet)&&!(e instanceof Error)&&!(e instanceof Number)&&!(e instanceof Date)&&!(e instanceof String)&&!(e instanceof RegExp)&&!(e instanceof ArrayBuffer)&&!(e instanceof Promise),Ut=Lt,Ft=(e,t,r,o)=>({deleteProperty(e,t){Reflect.get(e,t),r(t);const n=Reflect.deleteProperty(e,t);return n&&o(void 0),n},set(n,a,s,l){const i=!e()&&Reflect.has(n,a),c=Reflect.get(n,a,l);if(i&&(Rt(c,s)||Tt.has(s)&&Rt(c,Tt.get(s))))return!0;r(a),Mt(s)&&(s=Ct(s)||s);const u=!Ot.has(s)&&Dt(s)?qt(s):s;return t(a,u),Reflect.set(n,a,u,l),o(void 0),!0}});function qt(e={}){if(!Mt(e))throw new Error("object required");const t=Tt.get(e);if(t)return t;let r=Ht[0];const o=new Set,n=(e,t=++Ht[0])=>{r!==t&&(a=r=t,o.forEach(r=>r(e,t)))};let a=r;const s=e=>(t,r)=>{let o;t&&(o=[...t],o[1]=[e,...o[1]]),n(o,r)},l=new Map;let i=!0;const c=Ft(()=>i,(e,t)=>{const r=!jt.has(t)&&Ot.get(t);if(r){if("production"!==(import.meta.env?import.meta.env.MODE:void 0)&&l.has(e))throw new Error("prop listener already exists");if(o.size){const t=r[2](s(e));l.set(e,[r,t])}else l.set(e,[r])}},e=>{var t;const r=l.get(e);r&&(l.delete(e),null==(t=r[1])||t.call(r))},n),u=Wt(e,c);Tt.set(e,u);const p=[e,(e=Ht[0])=>(a!==e&&(a=e,l.forEach(([t])=>{const o=t[1](e);o>r&&(r=o)})),r),e=>{o.add(e),1===o.size&&l.forEach(([e,t],r)=>{if("production"!==(import.meta.env?import.meta.env.MODE:void 0)&&t)throw new Error("remove already exists");const o=e[2](s(r));l.set(r,[e,o])});return()=>{o.delete(e),0===o.size&&l.forEach(([e,t],r)=>{t&&(t(),l.set(r,[e]))})}}];return Ot.set(u,p),Reflect.ownKeys(e).forEach(t=>{const r=Object.getOwnPropertyDescriptor(e,t);"value"in r&&r.writable&&(u[t]=e[t])}),i=!1,u}function It(e){const t=Ot.get(e);return null==t?void 0:t[1]()}function Vt(e,t,r){const o=Ot.get(e);let n;"production"===(import.meta.env?import.meta.env.MODE:void 0)||o||console.warn("Please use proxy object");const a=[],s=o[2];let l=!1;const i=s(e=>{e&&a.push(e),r?t(a.splice(0)):n||(n=Promise.resolve().then(()=>{n=void 0,l&&t(a.splice(0))}))});return l=!0,()=>{l=!1,i()}}function Zt(e){const t=Ot.get(e);"production"===(import.meta.env?import.meta.env.MODE:void 0)||t||console.warn("Please use proxy object");const[r,o]=t;return Ut(r,o())}const Bt={"details.open":"toggle","input.value":"input","input.checked":"input","select.value":"change","select.selectedIndex":"change"},Yt=["allowfullscreen","alpha","async","autofocus","autoplay","checked","controls","default","defer","disabled","formnovalidate","inert","ismap","itemscope","loop","multiple","muted","nomodule","novalidate","open","playsinline","readonly","required","reversed","selected","shadowrootclonable","shadowrootcustomelementregistry","shadowrootdelegatesfocus","shadowrootserializable","sticky-header"],Xt={details:e=>e.open,input:e=>"checkbox"===e.type?e.checked:"number"===e.type?!0===isNaN(e.valueAsNumber)?null:e.valueAsNumber:"date"===e.type?e.valueAsDate:e.value},Kt=(e,t)=>{const r=e.toLowerCase();void 0===Xt[r]&&(Xt[e.toLowerCase()]=t)};var Gt=Object.freeze({__proto__:null,boolProps:Yt,eventNames:Bt,registerInputValue:Kt,tagGetValue:Xt});const Jt=[(e,t)=>{if("string"==typeof e)return t;const{slot:r,...o}=t,n={slot:r??{}};return Object.keys(o).forEach(e=>{const r=t[e];!0!==e.startsWith("slot:")?n[e]=r:n.slot[e.slice(5)]=r}),n},(e,t)=>{if("string"!=typeof e)return t;const r={};return Object.keys(t).forEach(o=>{const n=t[o];if("slot"!==o){if(!0===o.startsWith("$$")){const t=o.slice(2),a=`${e.toLowerCase()}.${t}`,s=Bt[a]??"input";return r[t]=n.value,void(r[`on${s}`]=n.update)}!0!==o.startsWith("$")&&(!0!==Yt.includes(o)?!1!==n&&null!==n&&(r[o]=!0===n?"":n):r[o]=!0===n)}}),r},(e,t)=>{if("string"!=typeof e)return t;if(void 0===t.ws)return t;const{ws:r,...o}=t;return{"data-ws":r,...o}}],Qt=(e,t)=>{const r=t.children,o=e.children;if(r.length!==o.length)return!0;return-1!==r.findIndex((e,t)=>o[t]!==e)},er=new WeakMap,tr=(e,t)=>{const r=er.get(e),o=Math.max(...Object.values(t).map(e=>It(e)??0));if(er.set(t,o),r!==o)return!1;const n=[...Object.keys(e),...Object.keys(t)];for(const r of n){if("children"===r&&!0===Qt(e,t))return!1;if(e[r]!==t[r])return!1}return!0},rr=new WeakMap,or=(e,t,...r)=>{return null==e?null:w("string"==typeof(o=e)||!0===o.noMemo?o:(!0===rr.has(o)||rr.set(o,we(o,tr)),rr.get(o)),((e,t)=>{let r=t;for(const t of Jt)r=t(e,r);return r})(e,((e,t)=>{const r=[t.length>0?t:e.children].flat(Number.POSITIVE_INFINITY).filter(e=>null!==e&&!1!==e&&void 0!==e);return{...e,children:r}})(t,r)));var o},nr=()=>{const e=Math.floor(1679615*Math.random()).toString(36);return`${Date.now().toString(36)}${e}`},ar=()=>{const e=Math.floor(4294967296*Math.random()).toString(36);return`${Date.now().toString(36)}:${e}`},sr=e=>null==e?null:function(e){return jt.add(e),e}(e),lr=e=>{const t=e.tagName?.toLowerCase?.()??null,r=Xt[t];return r?.(e)??e.value},ir=(e,t)=>e.length>0?e:t(),cr=e=>e.children,ur=e=>{const{"*render":t,...r}=e;return null==t?null:"string"==typeof t?t:or(cr,{children:t(r)})},pr=e=>{const[t,r]=le(Date.now()+Math.random());return ie(()=>Vt(e,()=>r(Date.now()+Math.random())),[]),e},dr=e=>{const[t,r]=ce(()=>{const t=qt("function"==typeof e?e():e);return[t,Vt(t,()=>n(Date.now()+Math.random()))]},[]),[o,n]=le(Date.now()+Math.random());return ie(()=>()=>r(),[]),t},fr=e=>{if("function"==typeof e)return function(e,t){return G=8,ce(function(){return e},t)}(e,[]);const[t]=le(e);return t},hr=(e,t=[])=>ce(e,t),_r=document.createElement("style");_r.setAttribute("data-name","zephyr-animations"),document.head.append(_r);const mr=e=>{const t=[];for(const[r,o]of Object.entries(e)){const e=Object.entries(o).map(e=>`${e[0]}: ${e[1]};`);t.push(`${r} { ${e.join("")} }`)}const r=`keyframes-${nr()}`;return _r.sheet.insertRule(`@keyframes ${r} { ${t.join(" ")} }`),_r.sheet.insertRule(`@keyframes ${r}-r { ${t.join(" ")} }`),(e,t="linear")=>o=>`${r}${o} ${e}ms ${t}`},gr=mr({"0%":{opacity:0},"100%":{opacity:1}}),br=mr({"0%":{scale:1.4},"100%":{scale:1}}),vr=mr({"0%":{scale:.6},"100%":{scale:1}}),yr=mr({"0%":{translate:"0 -50px"},"100%":{translate:"0 0px"}}),wr=mr({"0%":{translate:"0 50px"},"100%":{translate:"0 0px"}}),xr=mr({"0%":{visibility:"hidden"},"100%":{visibility:"visible"}}),kr=mr({"0%":{rotate:"0deg"},"100%":{rotate:"360deg"}}),$r=mr({"0%":{translate:"-100% 0"},"100%":{translate:"0% 0"}}),zr=mr({"0%":{translate:"100% 0"},"100%":{translate:"0% 0"}}),Ar=mr({"0%":{translate:"0 -100%"},"100%":{translate:"0 0%"}}),Sr=mr({"0%":{translate:"0 100%"},"100%":{translate:"0 0%"}}),Er=e=>{const{children:t,enter:r,exit:o=r,anim:n}=e,a=fr(new Map),s=dr({update:null}),l=[],i=t.map((e,t)=>{const r=((e,t,r,o)=>{if(!0===e.has(t.key)){const r=e.get(t.key);return r.child=t,r.active="none"===r.phase?t:r.active,r}const n=[t.props.$enter??t.props.$animate].flat(),a=[t.props.$exit??t.props.$animate].flat(),s={pos:r,child:t,phase:"enter",anims:{enter:n.map(e=>`${e("")} 0s 1 normal forwards`).join(", "),enterCount:n.length,exit:a.map(e=>`${e("-r")} 0s 1 reverse forwards`).join(", "),exitCount:a.length},clone(e,r){const o=t.props?.style??"";return V(t,{...t.props,style:`${o};animation: ${e};`,...r})}};let l=0;return s.active=s.clone(s.anims.enter,{onanimationend:()=>{l+=1,l<s.anims.enterCount||(s.phase="none",s.active=s.clone("none",{}),o.update=Math.random())}}),e.set(t.key,s),s})(a,e,t,s);return l.push(r.active),e.key});return a.keys().forEach(e=>{if(!0===i.includes(e))return;const t=a.get(e);if("exit"===t.phase)return void l.splice(t.pos,0,t.active);let r=0;t.phase="exit",t.active=t.clone(t.anims.exit,{onanimationend:()=>{r+=1,r<t.anims.exitCount||(a.delete(e),s.update=Math.random())}}),l.splice(t.pos,0,t.active)}),l},Cr=Symbol("no match"),Pr=(e,t)=>{const r=t=>{const r=t.length;return()=>t===e.substr(H,r)?(H+=r,t):Cr},o=t=>()=>{const r=e.charAt(H);return!1!==t.test(r)?(H+=1,r):Cr};let n=null;const a=r("@"),s=r(":"),l=o(/[^;]/),i=r(";"),c=r("*"),u=o(/[a-z0-9_\-]/i),p=r("!"),d=o(/[^{]/),f=r("{"),h=r("}"),_=o(/[a-zA-Z0-9\.\-_#\^\$\/]/),m=r("#"),g=o(/[^;#]/),b=o(/[\s]/m),v=()=>{const e=H;let t=null,r=null;return(t=N())===Cr||(r=x())===Cr?(H=e,Cr):[t,r]},y=()=>{const t=H;let r=null,o=null;return(r=m())===Cr||(o=(()=>{const t=H,r=H;for(;g()!==Cr;);return H-r==0?Cr:e.slice(t,H)})())===Cr?(H=t,Cr):[r,o]},w=()=>{n="rules";let e=H,t=null;const r=[];let o=null;for(;(o=v())!==Cr;)r.push(o);return t=r,N()===Cr?(H=e,Cr):t.map(e=>e[1])},x=()=>{let e=null;return(e=k())!==Cr||(e=$())!==Cr||(e=z())!==Cr||(e=A())!==Cr?e:Cr},k=()=>{n="rule$0";let e=H,t=null;return(t=S())===Cr?(H=e,Cr):t},$=()=>{n="rule$1";let e=H,t=null;return(t=E())===Cr?(H=e,Cr):t},z=()=>{n="rule$2";let e=H,t=null;return(t=P())===Cr?(H=e,Cr):t},A=()=>{n="rule$3";let e=H,t=null;return(t=M())===Cr?(H=e,Cr):t},S=()=>{n="variable";let t=H,r=null,o=null;return a()===Cr||(r=C())===Cr||s()===Cr||N()===Cr||(o=(()=>{const t=H,r=H;for(;l()!==Cr;);return H-r==0?Cr:e.slice(t,H)})())===Cr||i()===Cr?(H=t,Cr):((e,t)=>({type:"var",name:e,value:t}))(r,o)},E=()=>{n="css";let t=H,r=null,o=null;return c()===Cr||(r=C())===Cr||s()===Cr||N()===Cr||(o=(()=>{const t=H,r=H;for(;l()!==Cr;);return H-r==0?Cr:e.slice(t,H)})())===Cr||i()===Cr?(H=t,Cr):((e,t)=>({type:"css",name:e,value:t}))(r,o)},C=()=>{n="cssName";let t=H,r=null;return(r=(()=>{const t=H,r=H;for(;u()!==Cr;);return H-r==0?Cr:e.slice(t,H)})())===Cr?(H=t,Cr):r},P=()=>{n="subrule";let t=H,r=null,o=null;return p()===Cr||N()===Cr||(r=(()=>{const t=H,r=H;for(;d()!==Cr;);return H-r==0?Cr:e.slice(t,H)})())===Cr||f()===Cr||(o=w())===Cr||h()===Cr?(H=t,Cr):(a=o,{type:"alt",selector:r.trim(),rules:a});var a},M=()=>{n="macro";let t=H,r=null,o=null;if((r=(()=>{const t=H,r=H;for(;_()!==Cr;);return H-r==0?Cr:e.slice(t,H)})())===Cr)return H=t,Cr;const a=(()=>{const e=H;let t=null,r=null,o=null;return(t=s())===Cr||(r=N())===Cr||(o=L())===Cr?(H=e,Cr):[t,r,o]})();return o=a===Cr?null:a,i()===Cr?(H=t,Cr):((e,t)=>({type:"macro",name:e,value:t?.[2]}))(r,o)},L=()=>{let e=null;return(e=O())!==Cr||(e=j())!==Cr?e:Cr},O=()=>{n="macroValue$0";let e=null;const t=[];let r=null;for(;(r=y())!==Cr;)t.push(r);return 0===t.length?Cr:(e=t,(e=>{const t=e.map(e=>e[1].trim());return t.arg=t.join(" "),t})(e))},j=()=>{n="macroValue$1";let t=H,r=null;return(r=(()=>{const t=H,r=H;for(;l()!==Cr;);return H-r==0?Cr:e.slice(t,H)})())===Cr?(H=t,Cr):(e=>{const t=[e.trim()];return t.arg=e,t})(r)},N=()=>{for(n="_";b()!==Cr;);};let H=0;const T=(()=>{n="$";let e=H,t=null;return(t=w())===Cr?(H=e,Cr):t})();return H!==e.length?(console.log("last",n),console.log("@",H),console.log(e.slice(H-10,H+10)),new Error("End of input not found")):T},Mr=document.createElement("style");Mr.setAttribute("data-name","windstorm-generated"),Mr.innerHTML="@layer ws.custom ws.user ws.element;",document.head.append(Mr);const Lr=(e,...t)=>{const r=String.raw(e,...t);return Or(Pr(r),{"&":[]},"&")},Or=(e,t,r)=>{for(const o of e)Nr(o,t,r);return t},jr=e=>e.replace(/@([a-zA-Z0-9\-_]+)/g,(e,t)=>`var(--${t})`),Nr=(e,t,r)=>{if("var"===e.type)return void t[r].push(`--${e.name}: ${jr(e.value)};`);if("css"===e.type)return void t[r].push(`${e.name}: ${jr(e.value)};`);if("macro"===e.type){const o=Hr[e.name];if(void 0===o)return void console.warn(`no macro for "${e.name}"`);for(const[n,a]of Object.entries(o)){const o=n.replace("&",r);t[o]=t[o]??[],t[o].push(...a.map(t=>jr(t.replace(/%(arg|\d+)/g,(t,r)=>e.value?.[r]??""))))}return}const o=e.selector.replaceAll("&",r);t[o]=[...t[o]??[]],Or(e.rules,t,o)},Hr={},Tr=e=>void 0!==Hr[e]?()=>{}:(t,...r)=>Hr[e]=Lr(t,...r),Rr=e=>Object.entries(e).reduce((e,[t,r])=>{if(!0===t.startsWith("|")){const o=t.lastIndexOf("|"),n=[`@media (${t.slice(1,o)}) {`,`&${t.slice(o+1)} {`,...r,"}","}"].join("\n");return e.push(n),e}return e.push(`${t} {\n${r.join("\n")}\n}`),e},[]),Wr=(e,t="ws.custom")=>(r,...o)=>{const n=Lr(r,...o);e.startsWith("@");const a=Rr(n).map(t=>t.replaceAll("&",e)),s=`@layer ${t} { ${a.join("\n")} }`;Mr.sheet.insertRule(s)},Dr={origin:"https://wind-cdn.axel669.net",...window.wsConfig,version:"1.0.0-beta.10",iconVersion:"3.34.0"},Ur={},Fr=async(e,t)=>{const r=Ur[t],o=`ws-icon-${t}`;if(void 0!==r){if(await r.loaded,"loaded"!==r.status||null===e)return;return void e.style.setProperty("--icon-font",o)}const n=new FontFace(o,`url(${Dr.origin}/icon/${t}.woff?v${Dr.iconVersion})`);Ur[t]=n;try{await n.load()}catch(e){console.error(e)}document.fonts.add(n),Fr(e,t)},qr=e=>{if(void 0===e.tagName)return;const t=e.dataset.icon??null;null!==t&&Fr(e,t)},Ir={childList(e){0!==e.addedNodes.length&&e.addedNodes.forEach(e=>{void 0!==e.tagName&&[e,...e.querySelectorAll("*")].forEach(qr)})},attributes(e){qr(e.target)}};new MutationObserver(e=>e.forEach(e=>Ir[e.type](e))).observe(document.body,{subtree:!0,attributes:!0,childList:!0,attributeFilter:["data-icon"]});const Vr=(...e)=>{for(const t of e)Fr(null,t)};Tr("appr")`*apperance:%arg; *-webkit-appearance:%arg;`,Tr("area")`*grid-area:%arg;`,Tr("b")`*border:%arg;`,Tr("b.b")`*border-bottom:%arg;`,Tr("b.b.c")`*border-bottom-color:%arg;`,Tr("b.b.s")`*border-bottom-style:%arg;`,Tr("b.b.w")`*border-bottom-width:%arg;`,Tr("b.c")`*border-color:%arg;`,Tr("b.l")`*border-left:%arg;`,Tr("b.l.c")`*border-left-color:%arg;`,Tr("b.l.s")`*border-left-style:%arg;`,Tr("b.l.w")`*border-left-width:%arg;`,Tr("b.r")`*border-right:%arg;`,Tr("b.r.c")`*border-right-color:%arg;`,Tr("b.r.s")`*border-right-style:%arg;`,Tr("b.r.w")`*border-right-width:%arg;`,Tr("b.s")`*border-style:%arg;`,Tr("b.t")`*border-top:%arg;`,Tr("b.t.c")`*border-top-color:%arg;`,Tr("b.t.s")`*border-top-style:%arg;`,Tr("b.t.w")`*border-top-width:%arg;`,Tr("b.w")`*border-width:%arg;`,Tr("b.x")`*border-left:%arg; *border-right:%arg;`,Tr("b.x.c")`*border-left-color:%arg; *border-right-color:%arg;`,Tr("b.x.s")`*border-left-style:%arg; *border-right-style:%arg;`,Tr("b.x.w")`*border-left-width:%arg; *border-right-width:%arg;`,Tr("b.y")`*border-top:%arg; *border-bottom:%arg;`,Tr("b.y.c")`*border-top-color:%arg; *border-bottom-color:%arg;`,Tr("b.y.s")`*border-top-style:%arg; *border-bottom-style:%arg;`,Tr("b.y.w")`*border-top-width:%arg; *border-bottom-width:%arg;`,Tr("bg")`*background:%arg;`,Tr("bg.att")`*background-attachment:%arg;`,Tr("bg.c")`*background-color:%arg;`,Tr("bg.img")`*background-image:%arg;`,Tr("bg.pos")`*background-position:%arg;`,Tr("bg.rep")`*background-repeat:%arg;`,Tr("bg.sz")`*background-size:%arg;`,Tr("c")`*color:%arg;`,Tr("col")`*grid-column:%arg;`,Tr("cur")`*cursor:%arg;`,Tr("disp")`*display:%arg;`,Tr("fl.basis")`*flex-basis:%arg;`,Tr("fl.cross")`*align-items:%arg;`,Tr("fl.dir")`*flex-direction:%arg;`,Tr("fl.flow")`*flex-flow:%arg;`,Tr("fl.grow")`*flex-grow:%arg;`,Tr("fl.main")`*justify-content:%arg;`,Tr("fl.shrink")`*flex-shrink:%arg;`,Tr("fl.size")`*flex:%arg;`,Tr("fl.wr")`*flex-wrap:%arg;`,Tr("font")`*font-family:%arg;`,Tr("gap")`*gap:%arg;`,Tr("gap.col")`*column-gap:%arg;`,Tr("gap.row")`*row-gap:%arg;`,Tr("gr.areas")`*grid-template-areas:%arg;`,Tr("gr.cols")`*grid-template-columns:%arg;`,Tr("gr.cols.a")`*grid-auto-columns:%arg;`,Tr("gr.flow")`*grid-auto-flow:%arg;`,Tr("gr.rows")`*grid-template-rows:%arg;`,Tr("gr.rows.a")`*grid-auto-rows:%arg;`,Tr("h")`*height:%arg;`,Tr("h.max")`*max-height:%arg;`,Tr("h.min")`*min-height:%arg;`,Tr("inset")`*top:%arg; *left:%arg; *bottom:%arg; *right:%arg;`,Tr("inset.x")`*left:%arg; *right:%arg;`,Tr("inset.y")`*top:%arg; *bottom:%arg;`,Tr("m")`*margin:%arg;`,Tr("m.b")`*margin-bottom:%arg;`,Tr("m.l")`*margin-left:%arg;`,Tr("m.r")`*margin-right:%arg;`,Tr("m.t")`*margin-top:%arg;`,Tr("m.x")`*margin-left:%arg; *margin-right:%arg;`,Tr("m.y")`*margin-bottom:%arg; *margin-top:%arg;`,Tr("o")`*opacity:%arg;`,Tr("outln")`*outline:%arg;`,Tr("over")`*overflow:%arg;`,Tr("over.x")`*overflow-x:%arg;`,Tr("over.y")`*overflow-y:%arg;`,Tr("p")`*padding:%arg;`,Tr("p.b")`*padding-bottom:%arg;`,Tr("p.l")`*padding-left:%arg;`,Tr("p.r")`*padding-right:%arg;`,Tr("p.t")`*padding-top:%arg;`,Tr("p.x")`*padding-left:%arg; *padding-right:%arg;`,Tr("p.y")`*padding-top:%arg; *padding-bottom:%arg;`,Tr("pos")`*position:%arg;`,Tr("pos.abs")`*position:absolute;`,Tr("pos.fix")`*position:fixed;`,Tr("pos.rel")`*position:relative;`,Tr("pos.stick")`*position:sticky;`,Tr("r")`*border-radius:%arg;`,Tr("r.b")`*border-bottom-left-radius:%arg; *border-bottom-right-radius:%arg;`,Tr("r.bl")`*border-bottom-left-radius:%arg;`,Tr("r.br")`*border-bottom-right-radius:%arg;`,Tr("r.l")`*border-top-left-radius:%arg; *border-bottom-left-radius:%arg;`,Tr("r.r")`*border-top-right-radius:%arg; *border-bottom-right-radius:%arg;`,Tr("r.t")`*border-top-left-radius:%arg; *border-top-right-radius:%arg;`,Tr("r.tl")`*border-top-left-radius:%arg;`,Tr("r.tr")`*border-top-right-radius:%arg;`,Tr("row")`*grid-row:%arg;`,Tr("sel")`*user-select:%arg;`,Tr("self.cross")`*align-self:%arg;`,Tr("self.main")`*justify-self:%arg;`,Tr("sh.box")`*box-shadow:%arg;`,Tr("sh.text")`*text-shadow:%arg;`,Tr("t.a")`*text-align:%arg;`,Tr("t.br")`*word-break:%arg;`,Tr("t.c")`*color:%arg;`,Tr("t.deco")`*text-decoration:%arg;`,Tr("t.lh")`*line-height:%arg;`,Tr("t.over")`*text-overflow:%arg;`,Tr("t.st")`*font-style:%arg;`,Tr("t.sz")`*font-size:%arg;`,Tr("t.tf")`*text-transform:%arg;`,Tr("t.var")`*font-variant:%arg;`,Tr("t.wrap")`*word-wrap:%arg;`,Tr("t.ws")`*white-space:%arg;`,Tr("t.wt")`*font-weight:%arg;`,Tr("tf")`*transform:%arg;`,Tr("tf.o")`*transform-origin:%arg;`,Tr("tf.p")`*perspective:%arg;`,Tr("tr")`*transition:%arg;`,Tr("v.a")`*vertical-align:%arg;`,Tr("vis")`*visibility:%arg;`,Tr("w")`*width:%arg;`,Tr("w.max")`*max-width:%arg;`,Tr("w.min")`*min-width:%arg;`,Tr("x")`*left:%arg;`,Tr("-x")`*right:%arg;`,Tr("y")`*top:%arg;`,Tr("-y")`*bottom:%arg;`,Tr("z")`*z-index:%arg;`,Tr("fl.cn")`fl.cross:center; fl.main:center;`,Tr("fl.cn.cross")`fl.cross:center;`,Tr("fl.cn.main")`fl.main:center;`,Tr("flex")`disp:flex; fl.dir:%arg;`,Tr("grid")`disp:grid; gr.flow:%arg;`,Tr("hide")`disp:none;`,Tr("invis")`vis:hidden;`,Tr("sticky")`pos:sticky; y:0px; z:+1;`,Tr("adorn")`disp:flex; fl.cn; p:4px;`,Tr("pad.compact")`p:0px 4px;`,Tr("var.outln")`b.w:1px;`,Tr("var.fill")` @text-color:@c2; @fill-color:@c1; @active:@c2; b.c:transparent; `,Tr("fill.reset")` @text-color:initial; @fill-color:initial; `,Tr("var.lined")`b.w:0px; b.b.w:@border-size; r.b:0px;`,Tr("gr.cols-fit")`*grid-template-columns:repeat(auto-fit, minmax(%arg));`,Tr("gr.cols-fill")`*grid-template-columns:repeat(auto-fill, minmax(%arg));`,Tr("text.subtitle")`t.sz:@text-size-subtitle; flex; fl.main:center; p:0px 8px;`,Tr("text.title")`t.sz:@text-size-title; flex; fl.main:center; p:4px 8px;`,Tr("raise")`sh.box:0px calc(%arg * 1px + 2px) calc(%arg * 1px + 1px) -1px @shadow-color; z:+%arg;`,Tr("raised")`raise:1;`,Tr("scrollable")`over:auto;`,Tr("#animate")` @modal-transition:visibility @anim-time linear; @dialog-transition:opacity @anim-time ease; @popover-transition:opacity @anim-time ease; @drawer-transition:transform @anim-time ease; `,Tr("#no-animate")` @modal-transition:none; @dialog-transition:none; @popover-transition:none; @drawer-transition:none; `,Tr("#no-select-animate")` @select-cancel:none; `,Tr("layout.base")` over:hidden; disp:grid; ! body > & { pos:absolute; x:0px; y:0px; w:100%; h:100%; } ! :where(&) > * { area:content; } `,Tr("layout.3x3-center")` layout.base; @width:auto; @height:auto; disp:grid; gr.cols:[left-start top-start bottom-start] 1fr [left-end content-start] @width [content-end right-start] 1fr [right-end top-end bottom-end] ; gr.rows:[top-start left-start right-start] 1fr [top-end content-start] @height [content-end bottom-start] 1fr [bottom-end left-end right-end] ; `,Tr("layout.3row-center")` @height:auto; layout.base; disp:grid; gr.cols.a:1fr; gr.rows:1fr @height 1fr; gr.areas:"top" "content" "bottom"; `,Tr("layout.3col-center")` @width:auto; layout.base; disp:grid; gr.cols:1fr @width 1fr; gr.rows.a:1fr; gr.areas:"left content right"; `,Tr("layout.3row-controls")` layout.base; disp:grid; gr.cols.a:1fr; gr.rows:min-content 1fr min-content; gr.areas:"header" "content" "footer"; `,Tr("layout.3col-controls")` layout.base; disp:grid; gr.cols:min-content 1fr min-content; gr.rows.a:1fr; gr.areas:"menu content action"; `,Tr("layout.2col-sidebar")` layout.base; @col-a:1fr; @col-b:2fr; disp:grid; gr.cols:@col-a @col-b; gr.rows.a:1fr; gr.areas:"sidebar content"; `;const Zr=e=>Object.entries(e).reduce((e,t)=>{const[r,o]=t;return null==o||!1===o?e:!0===o?(e.push(`${r};`),e):"object"==typeof o?(e.push(`${r} { ${Zr(o)} }`),e):(e.push(`${r}: ${o};`),e)},[]).join(" "),Br=Dr.version,Yr={get mobile(){return matchMedia("(hover: none)")}};Wr("*")` *box-sizing:border-box; *-webkit-tap-highlight-color:transparent; *border-width:0px; *border-style:solid; *outline-color:hsl(@mono, @layer-text); `,Wr("html, body")` *padding:0px; *margin:0px; *width:100%; *height:100%; *-webkit-tap-highlight-color:transparent; *-webkit-font-smoothing:antialiased; `,Wr("@font-face",null)` *font-family:Tektur; *font-display:swap; *src:url(${Dr.origin}/font/tektur.woff2?v${Dr.version}) format("woff2") ; `,Wr("@font-face",null)` *font-family:Roboto; *font-display:swap; *src:url(${Dr.origin}/font/roboto.woff2?v${Dr.version}) format("woff2") ; `;const Xr=Math.ceil(screen.height*devicePixelRatio*10)%10>=5;Tr("#theme.base")` font:@font; @sub-pixel-offset:${Xr?1:0}px; @z-info:5; @z-cover:25; @z-notif:50; @z-layer:100; @base-radius:4px; @anim-time:250ms; @short-anim-time:150ms; @text-size-normal:15px; @text-size-title:calc(@text-size-normal * 2); @text-size-header:calc(@text-size-normal * 1.5); @text-size-subtitle:calc(@text-size-normal * 0.9); @text-size-info:calc(@text-size-normal * 0.75); @color:@mono; @page-text-color:hsl(@color, @layer-text); bg.c:hsl(@color, @layer-bg); t.c:@page-text-color; t.sz:@text-size-normal; `,Tr("#theme.tron")` #theme.base; @font:Tektur; @mono:0, 0%; @primary:184, 80%; @accent:160, 80%; @info:208, 80%; @success:130, 80%; @warning:58, 80%; @error:4, 80%; @layer-bg:10%; @layer-surface:5%; @layer-element:60%; @layer-container:10%; @layer-border:25%; @layer-text:95%; @layer-fill:5%; @shadow-color:hsla(0, 0%, 69%, 0.25); @modal-color:hsla(0, 0%, 0%, 0.05); *color-scheme:dark; `,Tr("#theme.dark")` #theme.base; @font:Roboto; @mono:0, 0%; @primary:184, 80%; @accent:160, 80%; @info:208, 80%; @success:130, 80%; @warning:58, 80%; @error:4, 80%; @layer-bg:20%; @layer-surface:10%; @layer-element:50%; @layer-container:15%; @layer-border:30%; @layer-text:90%; @layer-fill:10%; @shadow-color:hsla(0, 0%, 69%, 0.25); @modal-color:hsla(0, 0%, 0%, 0.05); *color-scheme:dark; `,Tr("#theme.light")` #theme.base; @font:Roboto; @mono:0, 0%; @primary:184, 70%; @accent:160, 85%; @info:208, 85%; @success:130, 90%; @warning:58, 85%; @error:4, 80%; @layer-bg:85%; @layer-surface:95%; @layer-element:37.5%; @layer-container:90%; @layer-border:80%; @layer-text:10%; @layer-fill:95%; @shadow-color:hsla(0, 0%, 20%, 0.25); @modal-color:hsla(0, 0%, 0%, 0.05); `;var Kr=(e,...t)=>{const r=String.raw(e,...t),o=document.createElement("template");return o.innerHTML=r,()=>o.content.cloneNode(!0)};Wr("ws-circle-spinner, ws-hexagon-spinner")` @size:100px; w:@size; h:@size; disp:inline-block; `;const Gr=Kr` <style> :host { --color:var(--primary); --core-color:hsl(var(--color), var(--layer-element)); --alt-color:hsl(var(--color), var(--layer-border)); --size:200px; } svg { width:var(--size); height:var(--size); } @keyframes turn { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } } circle { animation-name:turn; animation-duration:calc(1000ms * var(--n)); animation-iteration-count:infinite; animation-timing-function:ease; stroke:var(--c); stroke-width:6; fill:none; animation-direction:var(--anim); } </style> <svg viewbox="-50 -50 100 100"> <circle style="--c:var(--core-color);--o:1; --anim:forward; --n:2.5;" cx=0 cy=0 r=45 stroke-dasharray="45 45"></circle> <circle style="--c:var(--alt-color);--o:0.5; --anim:reverse; --n:2;" cx=0 cy=0 r=35 stroke-dasharray="35 35"></circle> <circle style="--c:var(--core-color);--o:0.75; --anim:forward; --n:3.5;" cx=0 cy=0 r=25 stroke-dasharray="25 25"></circle> </svg> `;customElements.define("ws-circle-spinner",class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"closed"}).appendChild(Gr())}});const Jr=Kr` <style> :host { --color:var(--primary); --core-color:hsl(var(--color), var(--layer-element)); --alt-color:hsl(var(--color), var(--layer-border)); --size:200px; } svg { width:var(--size); height:var(--size); } circle { stroke-width:0; fill:var(--c); offset-path:path("M 0 -45 L 39 -22.5 L 39 22.5 L 0 45 L -39 22.5 L -39 -22.5 L 0 -45"); animation-name:mover; animation-duration:3000ms; animation-iteration-count:infinite; animation-timing-function:linear; } @keyframes mover { 0% { offset-distance:0%; } 100% { offset-distance:100%; } } @keyframes trail { 0% { stroke-dashoffset:0; } 100% { stroke-dashoffset:var(--len); } } path { animation-name:trail; animation-duration:3000ms; animation-iteration-count:infinite; animation-timing-function:linear; stroke:var(--c); stroke-width:6; fill:none; animation-direction:var(--anim); } </style> <svg viewbox="-50 -50 100 100"> <path d="M 0 -36 L 31 -18 L 31 18 L 0 36 L -31 18 L -31 -18 L 0 -36 Z" style="--c:var(--alt-color); --len:216;" stroke-dasharray="36 36" /> <path d="M 0 -22.5 L 19.5 -11.25 L 19.5 11.25 L 0 22.5 L -19.5 11.25 L -19.5 -11.25 L 0 -22.5 Z" style="--c:var(--core-color); --anim:reverse; --len:135;" stroke-dasharray="22.5 22.5" /> <circle r="3" style="--c:var(--core-color); animation-delay:-250ms;"/> <circle r="3" style="--c:var(--core-color); animation-delay:-1250ms;" /> <circle r="3" style="--c:var(--core-color); animation-delay:-2250ms;" /> </svg> `;customElements.define("ws-hexagon-spinner",class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"closed"}).appendChild(Jr())}});var Qr=(e,t,r)=>` @l1:${e}; @l2:${t}; @l3:${r}; @c1:hsl(@color, @l1); @c2:hsl(@color, @l2); @c3:hsl(@color, @l3); @fill:var(--fill-color, transparent); @text:var(--text-color, @c1); @border:var(--border-color, @c3); @active:@text; `;Wr("ws-avatar")` @color:@mono; @size:36px; ${Qr("@layer-element","@layer-fill")} disp:inline-flex; over:hidden; r:500px; fl.cross:center; fl.main:center; w:@size; h:@size; bg.c:@fill; t.c:@text; v.a:text-bottom; ! & > img { w:100%; } ! & > object { w:100%; h:100%; disp:flex; fl.cross:center; fl.main:center; } `,Wr("ws-badge")` @color:@primary; ${Qr("@layer-element","@layer-fill")} pos:relative; disp:inline-grid; over:visible; ! &::after { pos:absolute; *content:attr(ws-text); -x:-10px; y:0px; tf:translateY(-50%); bg.c:@c1; *pointer-events:none; r:20px; p:4px; w.min:20px; h:20px; *box-sizing:border-box; t.a:center; t.sz:@text-size-subtitle; t.c:@c2; t.lh:14px; z:@z-info; t.wt:600; } `;var eo=' over:hidden; pos:relative; cur:pointer; ! &::after { *content:""; pos:absolute; y:0px; x:0px; -y:0px; -x:0px; *pointer-events:none; o:0; bg.c:@active; tr:opacity @anim-time linear; } ! &:where(:not(:disabled)):active::after { tr:none; o:0.3; } ',to=' over:hidden; pos:relative; ! |hover:hover| { ! &::before { *content:""; pos:absolute; y:0px; x:0px; -y:0px; -x:0px; *pointer-events:none; o:0; bg.c:@active; } ! &:where(:not(:disabled)):hover::before { tr:none; o:0.1; } } ';Wr(":where(button[data-ws], a[data-ws][button], label[data-ws][button])")` @color:@primary; ${Qr("@layer-element","@layer-fill","@layer-border")} pos:relative; b:0px solid @border; font:@font; t.c:@text; bg.c:@fill; r:@base-radius; cur:pointer; p:8px 16px; over:hidden; *user-select:none; disp:inline-flex; fl.cross:center; fl.main:center; t.deco:none; t.wt:500; ! &:disabled { cur:default; *filter:saturate(30%) brightness(0.7); } ${to} ${eo} `,Wr("ws-chip")` @color:@mono; ${Qr("@layer-element","@layer-fill","@layer-border")} disp:inline-flex; fl.cross:center; fl.main:center; r:100px; p:4px 12px; *user-select:none; v.a:text-bottom; t.c:@text-color; bg:@fill-color; b:1px solid @border; ! &[clickable] { cur:pointer; ${eo} } `,Wr("label[control][data-ws]")` @color:@primary; @active:@mono; pos:relative; disp:inline-grid; gr.areas:"label label label" "start control end" "extra extra extra"; gr.rows:minmax(0px, min-content) auto minmax(0px, min-content); gr.cols:minmax(0px, min-content) auto minmax(0px, min-content); *user-select:none; over:hidden; b:0px solid hsl(@color, @layer-border); bg.c:hsl(@active, @layer-container); r:@base-radius; ! &:focus-within { @active:@color; } ! &:has(:not(button):disabled) { *filter:saturate(50%) brightness(0.7); } ! & > :is(input, select, ws-select, textarea) { area:control; b.w:0px; @color:inherit; ! &:focus { outln:none; } } ! & > :where(input, textarea) { t.c:hsl(@mono, @layer-text); font:@font; h.min:28px; w:100%; h:100%; p:4px; bg.c:transparent; w.min:16px; } ! & > :where(input[type="file"]) { pos:relative; p:0px; ! &::file-selector-button { font:@font; h:100%; m:0px; m.r:4px; p:4px; t.c:hsl(@color, @layer-element); bg.c:transparent; b.w:0px; t.deco:underline; } } ! & > [label-text] { area:label; p:4px; disp:flex; fl.dir:column; fl.cross:start; t.c:hsl(@color, @layer-element); t.ws:nowrap; t.sz:@text-size-normal; } `,Vr("caret-right-filled"),Wr(":where(details[data-ws])")` @color:@primary; @padding:8px; ${Qr("@layer-element","@layer-fill")} b:0px solid @c3; p:0px @padding; r:4px; over:hidden; ! &:open { p.b:@padding; } ! & > summary { t.c:@c1; pos:relative; p:4px; p.l:24px; m.x:calc(-1 * @padding); cur:pointer; *user-select:none; ! &::before { pos:absolute; x:0px; y:50%; -y:0px; w:1em; disp:flex; fl.cross:center; fl.main:center; font:ws-icon-caret-right-filled; *speak:none; t.st:normal; t.wt:400; t.var:normal; t.tf:none; *content:"caret-right-filled"; tf:translateY(-50%); tr:transform 100ms linear; w:24px; h:24px; t.lh:24px; t.sz:18px; } ! &::marker, &::-webkit-details-marker { *content:""; disp:none; } } ! &:open > summary::before { tf:translateY(-50%) rotate(90deg); } `,Wr("ws-dialog")` pos:absolute; x:50%; y:50%; tf:translate(-50%, -50%); tr:var(--dialog-transition, none); o:0; ! [open] > & { o:unset; } ! [inline-desktop] > & { pos:relative; } `,Wr("ws-drawer")` pos:absolute; x:0px; y:0px; -y:0px; disp:grid; tr:var(--drawer-transition, none); tf:translateX(-100%); ! [open] > & { tf:unset; } `,Wr("ws-flex")` flex:column; gap:8px; p:8px; over:hidden; ! & > * { fl.shrink:0; } `,Wr("ws-grid")` disp:grid; over:hidden; gap:8px; p:8px; gr.rows.a:min-content; `,Wr("ws-icon")` disp:var(--icon-font, none); t.lh:1; ! &::before { disp:inline-block; font:@icon-font; *-webkit-font-smoothing:antialiased; *-moz-osx-font-smoothing:grayscale; *content:attr(data-icon); *word-break:keep-all; m.t:2px; } `,Wr("a[data-ws]:not([button])")` @color:@primary; t.c:hsl(@color, @layer-element); ! &:visited, &:hover { t.c:hsl(@color, @layer-element); } ! &[disabled] { *pointer-events:none; *filter:saturation(30%) brightness(0.7); } `;const ro=Kr` <style> :host { position:fixed; top:0px; left:0px; width:100vw; height:100vh; background-color:var(--modal-color); z-index:var(--z-cover); transition:var(--modal-transition, none); backdrop-filter:blur(2px); } ws-modal-overlay { position:absolute; inset:0px; } ws-modal-overlay:focus { outline:none; } :host(:not([open])) { visibility:hidden; } :host([clear]) { background-color:transparent; } @media (hover:hover) { :host([inline-desktop]) { position:relative; width:unset; height:unset; display:grid; grid-template-columns:1fr; grid-template-rows:1fr; z-index:unset; } :host([inline-desktop]) ws-modal-overlay { display:none; } } </style> <ws-modal-overlay> </ws-modal-overlay> <slot></slot> `;customElements.define("ws-modal",class extends HTMLElement{#e=null;constructor(){super(),this.#e=this.attachShadow({mode:"closed",delegatesFocus:!0}),this.#e.append(ro())}connectedCallback(){window.addEventListener("keydown",e=>{!0!=(!1===this.open||"Escape"!==e.key||!0===this.persistent)&&this.hide()}),this.#e.querySelector("ws-modal-overlay").addEventListener("click",e=>{!0!==this.persistent&&this.hide()})}get open(){return this.hasAttribute("open")}set open(e){if(!1===e){if(!1===this.open)return;return this.removeAttribute("open"),void this.dispatchEvent(new Event("close"))}this.setAttribute("open","")}get persistent(){return this.hasAttribute("persistent")}set persistent(e){!1!==e?this.setAttribute("persistent",""):this.removeAttribute("persistent")}get managed(){return this.hasAttribute("managed")}set managed(e){!1!==e?this.setAttribute("managed",""):this.removeAttribute("managed")}show(){this.open=!0}hide(e){!0!==this.managed||!0===e?this.open=!1:this.dispatchEvent(new Event("close"))}});const oo=Kr` <style> ws-popover-position { transition:var(--popover-transition, none); opacity:0; } [open] ws-popover-position { opacity:unset; } </style> <slot></slot> <ws-modal> <ws-popover-position> <slot name="popover"></slot> </ws-popover-position> </ws-modal> `;customElements.define("ws-popover",class extends HTMLElement{static observedAttributes=["open","persistent"];#e=null;#t=null;constructor(){super(),this.#e=this.attachShadow({mode:"closed",delegatesFocus:!0}),this.#e.append(oo()),this.#t=this.#e.querySelector("ws-modal")}connectedCallback(){this.#t.addEventListener("close",()=>{this.hide(),this.dispatchEvent(new Event("close"))}),!1!==this.open&&(this.#t.open=this.open,this.setVars())}attributeChangedCallback(e,t,r){null!==r?(this.#t[e]=!0,"open"===e&&this.setVars()):this.#t[e]=!1}setVars(){const e=(this.sizeTarget??this).getBoundingClientRect();this.style.setProperty("--x",`${e.x}px`),this.style.setProperty("--y",`${e.y}px`),this.style.setProperty("--w",`${e.width}px`),this.style.setProperty("--h",`${e.height}px`)}get open(){return this.hasAttribute("open")}set open(e){this.#t.open=e,!1!==e?this.setAttribute("open",""):this.removeAttribute("open")}get persistent(){return this.hasAttribute("persistent")}set persistent(e){this.#t.persistent=e,!1!==e?this.setAttribute("persistent",""):this.removeAttribute("persistent")}show(){this.open=!0,this.focus()}hide(){this.open=!1}});const no=Kr` <style> @keyframes busy-load { from { transform:translateX(-100%); } to { transform:translateX(400%); } } :host { display:block; height:8px; border-radius:var(--base-radius); background-color:hsl(var(--mono), var(--layer-border)); position:relative; overflow:hidden; --color:var(--mono); } div::before, div::after { content:""; position:absolute; top:0px; left:0px; height:100%; --range:calc(var(--max, 1) - var(--min, 0)); --bar-width:calc(100% * var(--value, 0) / var(--range)); --buffer-width:calc(100% * var(--buffer, 0) / var(--range)); } div::before { background-color:hsl(var(--color), var(--layer-element)); } div::after { opacity:0.3; background-color:hsl(var(--color), var(--layer-element)); } :host(:not([busy])) div::before { width:var(--bar-width); } :host(:not([busy])) div::after { width:var(--buffer-width); } :host([busy]) div::before { width:25%; animation-name:busy-load; animation-iteration-count:infinite; animation-duration:2s; } </style> <div></div> `;customElements.define("ws-progress",class extends HTMLElement{static observedAttributes=["min","max","value","buffer"];#r=null;constructor(){super();const e=this.attachShadow({mode:"closed"});e.append(no()),this.#r=e.querySelector("div")}get value(){return parseFloat(this.getAttribute("value")??"0")}get buffer(){return parseFloat(this.getAttribute("buffer")??"0")}get min(){return parseFloat(this.getAttribute("min")??"0")}get max(){return parseFloat(this.getAttribute("max")??"1")}get busy(){return this.hasAttribute("busy")}set value(e){!1===e&&this.removeAttribute("value"),this.setAttribute("value",e?.toString()??"")}set buffer(e){!1===e&&this.removeAttribute("buffer"),this.setAttribute("buffer",e?.toString()??"")}set min(e){!1===e&&this.removeAttribute("min"),this.setAttribute("min",e?.toString()??"")}set max(e){!1===e&&this.removeAttribute("max"),this.setAttribute("max",e?.toString()??"")}set busy(e){!1===e&&this.removeAttribute("busy"),this.setAttribute("busy",e)}#o(e,t){this.#r.style.setProperty(`--${e}`,this.getAttribute(e)||t)}connectedCallback(){this.#o("value","0"),this.#o("buffer","0"),this.#o("min","0"),this.#o("max","1")}attributeChangedCallback(e,t,r){this.#o(e,r)}});const ao="caret-down-filled";Vr(ao),Wr("ws-option")` ${Qr("@layer-element","@layer-fill")} disp:block; p:8px; *pointer-events:auto; t.c:@text-color-normal; w.min:fit-content; ! &[selected] { bg.c:@c1; t.c:@c2; } ! & * { *pointer-events:none; } ${to} ${eo} `,Wr("ws-optgroup")` grid; gr.cols:16px 1fr; *pointer-events:none; ! &::before { *content:attr(label); disp:block; p:8px; col:1 / -1; bg.c:hsl(@color, @layer-container); } ! & > * { col:2; } `;const so=Kr` <style> :host { --color:var(--mono); --modal-color:transparent; --max-height:250px; --c1:hsl(var(--color), var(--layer-border)); --c2:hsl(var(--color), var(--layer-surface)); display:inline-grid; grid-template-rows:1fr 0px; user-select:none; cursor:default; position:relative; border:1px solid var(--c1); border-radius:var(--base-radius); padding:4px; --modal-transition:var(--select-cancel, visibility var(--anim-time) linear); --popover-transition:var(--select-cancel, opacity var(--anim-time) ease-out); --select-transition:var(--select-cancel, transform var(--anim-time) ease-out); } slot[name=options] { display:block; overflow:visible; } ws-options { box-sizing:border-box; border:1px solid var(--c1); border-radius:var(--base-radius); color:hsl(var(--mono), var(--layer-text)); display:grid; position:absolute; max-height:var(--max-height); overflow:auto; background-color:var(--c2); grid-template-columns:1fr; border-radius:var(--base-radius); box-shadow:0px 2px 4px var(--shadow-color); transform:translateY(10px); transition:var(--select-transition); --sign:sign(var(--y) - 100vh + var(--opt-h)); --pos:calc( var(--y) - calc( max(var(--sign), 0)* (var(--opt-h) - var(--h)) ) ); top:var(--pos); left:var(--x); width:var(--w); transform-origin:top center; } :host([open]) ws-options { transform:translateY(0); } value-display { display:grid; user-select:none; grid-template-columns:1fr min-content; height:100%; } value-display:focus { outline:none; } ws-sel-caret { display:flex; align-items:center; justify-content:center; padding:4px; padding-right:0px; width:24px; } ws-sel-caret::before { display:block; font-family:ws-icon-${ao}; content:attr(data-icon); } slot[name="selected"] { display:none; } slot[name="display"] { display:flex; align-items:center; } :host(:focus:not(:disabled)) { outline-style:auto; outline-width:1px; } :host(:disabled) { filter:saturate(50%) brightness(0.8); } </style> <value-display tabindex="0"> <slot name="selected"> <ws-selected>No Selection</ws-selected> </slot> <slot name="display"></slot> <ws-sel-caret data-icon="${ao}"></ws-sel-caret> </value-display> <ws-popover> <slot slot="popover" name="options"> <ws-options> <slot></slot> </ws-options> </slot> </ws-popover> `,lo="ws-option";customElements.define("ws-select",class extends HTMLElement{static formAssociated=!0;#n=null;#a=-1;#s=null;#l=null;#i=null;#c=null;#e=null;#u=null;#p(){return[...this.querySelectorAll(lo)]}#d(e){const t=Array.from(e,e=>[...e.addedNodes]).flat();if(!1===t.some(e=>e.tagName?.toLowerCase()===lo))return;const r=t.findLast(e=>e.tagName?.toLowerCase()===lo&&!0===e.hasAttribute("selected"))??this.#s,o=this.#p();for(const e of o)e.removeAttribute("selected");this.selectedIndex=o.indexOf(r),this.updatePreview()}constructor(){super(),this.#e=this.attachShadow({mode:"closed",delegatesFocus:!0}),this.#e.append(so()),this.#c=this.#e.querySelector("slot[name=selected]"),this.#i=this.#e.querySelector("ws-popover"),this.#u=this.#e.querySelector("value-display"),this.#i.sizeTarget=this,this.removeAttribute("open"),this.display=document.createElement("ws-display"),this.display.slot="display"}connectedCallback(){this.insertBefore(this.display,this.firstChild),this.updatePreview(),this.tabIndex=this.getAttribute("tabindex")??"0";const e=new MutationObserver(this.#d.bind(this));e.observe(this,{childList:!0,subtree:!0}),this.#l=e,this.role="combobox",this.addEventListener("click",()=>{this.open(),this.#u.focus()},{passive:!0}),this.#i.addEventListener("close",()=>this.close()),this.#i.addEventListener("pointerdown",e=>e.preventDefault()),this.#i.addEventListener("click",e=>{e.stopPropagation(),e.preventDefault()}),this.#e.querySelector("slot[name='options']").addEventListener("pointerdown",e=>e.preventDefault()),this.#e.querySelector("slot[name='options']").addEventListener("click",e=>{e.stopPropagation(),e.preventDefault();const t=e.target.tagName?.toLowerCase();"ws-option"===t&&(this.selectedIndex=this.#p().indexOf(e.target),this.close(),this.dispatchEvent(new Event("change",{bubbles:!0})),this.dispatchEvent(new Event("input",{bubbles:!0})))})}disconnectedCallback(){this.#l.disconnect()}get value(){return this.#n}set value(e){if(this.#n=e,null===e)return void(this.selectedIndex=-1);const t=this.#p(),r=t.find(t=>t.value===e||t.getAttribute("value")===e);this.selectedIndex=t.indexOf(r)}get selectedIndex(){return this.#a}set selectedIndex(e){this.#s?.removeAttribute("selected");const t=this.#p(),r=Math.min(e,t.length);this.#s=t[r]??null,this.#a=r,this.#s?.setAttribute("selected",""),this.#n=this.#s?.value??this.#s?.getAttribute("value")??this.#n,this.updatePreview()}updatePreview(){const e=this.querySelector("[slot=selected]")??this.#c;this.display.innerHTML=e.innerHTML,this.display.querySelector("ws-selected").innerHTML=this.#s?.getAttribute("preview")??this.#s?.innerHTML??this.getAttribute("blank")??"No Selection"}toggle(){null!==this.getAttribute("open")?this.close():this.open()}open(){this.setAttribute("open","");const e=this.querySelector("ws-options")??this.#e.querySelector("ws-options"),t=e.getBoundingClientRect();e.style.setProperty("--opt-h",`${t.height}px`),e.style.setProperty("--opt-w",`${t.width}px`),this.#i.show(),e.scrollTop=0,this.#s?.scrollIntoView()}close(){this.removeAttribute("open"),this.#i.hide()}__childValueMatch(e){const t=this.#p().indexOf(e);this.selectedIndex=t}}),Wr("ws-surface")` @color:@mono; ${Qr("@layer-surface","@layer-border")} r:@base-radius; over:hidden; bg.c:@c1; b.c:@c2; disp:grid; gr.cols:1fr; gr.rows:1fr; `,Wr("table[data-ws]")` @color:@primary; *border-collapse:separate; *border-spacing:0px; b.s:solid; b.c:hsl(@color, @layer-border); b.b.w:1px; ! & th { bg.c:hsl(@color, @layer-container); } ! & :is(th, td:not(:empty)) { b.s:solid; b.c:hsl(@color, @layer-border); b.b.w:1px; p:4px; } ! & tbody tr:last-child :is(td, th) { b.b.w:0px; } ! &[sticky-header] thead { pos.stick; y:0px; z:+2; } ! &[sticky-header] th:first-child { pos.stick; z:+1; x:0px; -x:0px; } `,Wr("ws-text")` ! &[title] { t.sz:@text-size-title; disp:flex; fl.dir:column; p:0px 8px; fl.cross:start; fl.main:center; } ! &[header] { t.sz:@text-size-header; disp:flex; fl.dir:column; p:0px 8px; fl.cross:start; fl.main:center; } ! &[subtitle] { disp:inline-block; t.sz:@text-size-subtitle; p:0px 8px; } ! &[info] { disp:inline-block; t.sz:@text-size-info; } `,Wr("ws-tabs")` @color:@primary; ${Qr("@layer-element","@layer-fill","@layer-border")} disp:grid; gr.cols.a:1fr; gr.rows.a:1fr; gr.flow:column; *user-select:none; gap:4px; `,Wr("label[tab]")` @fill:transparent; @text:@c1; @active:@c1; bg.c:@fill; t.c:@text; grid; gr.cols:1fr; gr.rows:min-content 2px; gr.areas:"content" "border"; pos:relative; ! & > input[type="radio"] { hide; } ! & > :where(*) { area:content; flex; fl.cn; p:8px; } ! &::before { *content:""; pos:absolute; -y:0px; x:0px; w:100%; h:2px; area:border; } ! &:has(input[type="radio"]:checked) { @fill:var(--fill-color, transparent); @text:var(--text-color, @c1); @active:unset; ! &::before { bg.c:@c1; } } ${eo} `,Wr("ws-titlebar")` @border-size:2px; @color:@primary; @text-color:initial; @fill-color:initial; ${Qr("@layer-element","@layer-fill","@layer-border")} layout.3col-controls; h.min:52px; *user-select:none; pos:relative; p:0px 2px; t.c:@text; bg.c:@fill; b.y:@border-size solid @border; `,Wr("ws-toast")` @color:@primary; t.c:@page-text-color; bg.c:hsl(@color, @layer-surface); pos:relative; disp:inline-grid; gr.cols:auto 1fr auto; gr.areas:"start content end"; r:@base-radius; *user-select:none; b:2px solid hsl(@color, @layer-element); h.min:32px; z:+0; ! & > :where(*) { area:content; } ! &::before, &::after { *content:""; w.min:20px; bg.c:hsl(@color, @layer-element); z:-1; } ! &::before { area:start; } ! &::after { area:end; } ! & > [notif-text] { disp:flex; fl.dir:column; fl.main:center; p:4px; } ! & > :not([notif-text]) { t.c:hsl(@mono, @layer-fill); @color:inherit; var.fill; } `,Wr("ws-toaster")` pos:fixed; z:var(--z-notif); disp:grid; gr.cols:fr; p:0px; gap:8px; h:min-content; w:280px; ! &[pos^="top-"] { y:20px; } ! &[pos^="center-"] { y:50%; tf:translateY(-50%); } ! &[pos^="bottom-"] { -y:20px; } ! &[pos$="-left"] { x:20px; } ! &[pos$="-center"] { x:50%; tf:translateX(-50%); } ! &[pos$="-right"] { -x:20px; } `,Vr("square-dashed","square-check-filled","circle","circle-check-filled","circle-filled");const io=' @color:var(--toggle-color, @primary); @size:20px; @core-color:hsl(@color, @layer-element); pos:relative; w:@size; h:@size; appr:none; m:0px; t.c:@core-color; v.a:middle; ! &::after { *content:""; pos:absolute; t.sz:calc(@size - 2px); *speak:none; t.st:normal; t.wt:400; t.var:normal; t.tf:none; y:50%; x:50%; w:@size; h:@size; tf:translate(-50%, -50%); disp:flex; fl.cross:center; fl.main:center; over:hidden; } ';Wr(":where(input[data-ws][type=checkbox]:not([switch]))")` ${io} ! &::after { font:ws-icon-square-dashed; *content:"square-dashed"; } ! &:checked::after { font:ws-icon-square-check-filled; *content:"square-check-filled"; } `,Wr(":where(input[data-ws][type=radio])")` ${io} ! &::after { font:ws-icon-circle; *content:"circle"; } ! &:checked::after { font:ws-icon-circle-check-filled; *content:"circle-check-filled"; } `,Wr(":where(input[data-ws][type=checkbox][switch])")` @color:@primary; @size:20px; @anim-time:100ms; appr:none; m:0px; pos:relative; w:calc(@size * 2); h:@size; v.a:middle; ! &::before { *content:""; pos:absolute; inset:calc(@size / 4); b:1px solid @color; r:calc(@size / 2); bg.c:hsl(@color, @layer-element); o:0.5; tr:background-color @anim-time linear; } ! &::after { *content:""; pos:absolute; w:@size; h:@size; y:0px; x:0px; tr:left @anim-time linear, background-color @anim-time linear; bg.c:hsl(@mono, @layer-element); r:@size; } ! &:checked::after { x:@size; bg.c:hsl(@color, @layer-element); } `,Wr("label[data-ws][toggle]")` @color:@primary; @active:@mono; pos:relative; *user-select:none; over:hidden; b:0px solid hsl(@color, @layer-border); bg.c:hsl(@active, @layer-container); r:@base-radius; p:4px; disp:flex; fl.main:space-between; ! &:focus-within { @active:@color; } ! & > input { @color:inherit; ! &:focus { outln:none; } } ! &:has(:not(button):disabled) { *filter:saturate(50%) brightness(0.7); } `,Wr("ws-tooltip")` @color:@mono; pos.rel; disp:inline-grid; ! &[pos]:hover::before { *content:attr(text); pos.abs; p:4px; bg.c:hsl(@color, @layer-container); b:1px solid hsl(@color, @layer-border); t.ws:nowrap; r:4px; z:+1; } ! &[pos="top"]:hover::before { -y:calc(100% + 8px); x:50%; tf:translateX(-50%); } ! &[pos="bottom"]:hover::before { y:calc(100% + 8px); x:50%; tf:translateX(-50%); } ! &[pos="left"]:hover::before { -x:calc(100% + 8px); y:50%; tf:translateY(-50%); } ! &[pos="right"]:hover::before { x:calc(100% + 8px); y:50%; tf:translateY(-50%); } `;const co={},uo=e=>{const t=(e=>{if(""===e||null===e||"true"===e)return;const t=Rr(Lr({raw:[e]})),r=(e=>{let t=5381;for(let r=0;r<e.length;r+=1)t=33*t^e.charCodeAt(r);return t.toString(36)})(t.join("\n"));if(co[r]=(co[r]??0)+1,co[r]>1)return r;const o=t.map(e=>e.replaceAll("&",`[data-wsid="${r}"]`));return Mr.sheet.insertRule(`@layer ws.element { ${o.join("\n")} }`,Mr.sheet.cssRules.length),r})(e.dataset?.ws?.trim()??"");void 0!==t?e.dataset.wsid=t:delete e.dataset?.wsid};new MutationObserver(e=>{const t=new Set(Array.from(e,e=>[e.target,...Array.from(e.addedNodes,e=>[e,...e.querySelectorAll?.("*")||[]])]).flat(3));for(const e of t)uo(e)}).observe(document.body,{subtree:!0,attributes:!0,childList:!0,attributeFilter:["data-ws"]});for(const e of document.querySelectorAll("*"))uo(e);var po=Object.freeze({__proto__:null,component:(e,t="ws.user")=>Wr(e,t),macro:Tr,pageis:Yr,preloadIcons:Vr,version:Br,x:Zr});const fo=()=>({}),ho=(e,t=fo)=>(r,...o)=>{const n=e.wsPass??"ws",a=nr();Tr(a)(r,...o);const s=function(e){function t(t){var r=be({},t);return delete r.ref,e(r,t.ref||null)}return t.$$typeof=ke,t.render=e,t.prototype.isReactComponent=t.__f=!0,t.displayName="ForwardRef("+(e.displayName||e.name)+")",t}((r,o)=>{const s=t?.(r)??{},{[n]:l,...i}={...r,...s},c=`${a}; ${l??""}`.trim();return or(e,{[n]:c,ref:o,...i})});return Object.defineProperty(s,"name",{value:`Wrapped(${e.name??e})`}),s},_o=ho("ze-adorn")`
1
+ var e,t,r,o,n,a,s,l,i,c,u,p,d,f,h,_={},m=[],g=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,b=Array.isArray;function v(e,t){for(var r in t)e[r]=t[r];return e}function y(e){e&&e.parentNode&&e.parentNode.removeChild(e)}function w(t,r,o){var n,a,s,l={};for(s in r)"key"==s?n=r[s]:"ref"==s?a=r[s]:l[s]=r[s];if(arguments.length>2&&(l.children=arguments.length>3?e.call(arguments,2):o),"function"==typeof t&&null!=t.defaultProps)for(s in t.defaultProps)void 0===l[s]&&(l[s]=t.defaultProps[s]);return x(t,l,n,a,null)}function x(e,o,n,a,s){var l={type:e,props:o,key:n,ref:a,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:null==s?++r:s,__i:-1,__u:0};return null==s&&null!=t.vnode&&t.vnode(l),l}function k(e){return e.children}function $(e,t){this.props=e,this.context=t}function z(e,t){if(null==t)return e.__?z(e.__,e.__i+1):null;for(var r;t<e.__k.length;t++)if(null!=(r=e.__k[t])&&null!=r.__e)return r.__e;return"function"==typeof e.type?z(e):null}function A(e){if(e.__P&&e.__d){var r=e.__v,o=r.__e,n=[],a=[],s=v({},r);s.__v=r.__v+1,t.vnode&&t.vnode(s),T(e.__P,s,r,e.__n,e.__P.namespaceURI,32&r.__u?[o]:null,n,null==o?z(r):o,!!(32&r.__u),a),s.__v=r.__v,s.__.__k[s.__i]=s,W(n,s,a),r.__e=r.__=null,s.__e!=o&&S(s)}}function S(e){if(null!=(e=e.__)&&null!=e.__c)return e.__e=e.__c.base=null,e.__k.some(function(t){if(null!=t&&null!=t.__e)return e.__e=e.__c.base=t.__e}),S(e)}function E(e){(!e.__d&&(e.__d=!0)&&o.push(e)&&!C.__r++||n!=t.debounceRendering)&&((n=t.debounceRendering)||a)(C)}function C(){try{for(var e,t=1;o.length;)o.length>t&&o.sort(s),e=o.shift(),t=o.length,A(e)}finally{o.length=C.__r=0}}function P(e,t,r,o,n,a,s,l,i,c,u){var p,d,f,h,g,v,y,w=o&&o.__k||m,$=t.length;for(i=function(e,t,r,o,n){var a,s,l,i,c,u=r.length,p=u,d=0;for(e.__k=new Array(n),a=0;a<n;a++)null!=(s=t[a])&&"boolean"!=typeof s&&"function"!=typeof s?("string"==typeof s||"number"==typeof s||"bigint"==typeof s||s.constructor==String?s=e.__k[a]=x(null,s,null,null,null):b(s)?s=e.__k[a]=x(k,{children:s},null,null,null):void 0===s.constructor&&s.__b>0?s=e.__k[a]=x(s.type,s.props,s.key,s.ref?s.ref:null,s.__v):e.__k[a]=s,i=a+d,s.__=e,s.__b=e.__b+1,l=null,-1!=(c=s.__i=O(s,r,i,p))&&(p--,(l=r[c])&&(l.__u|=2)),null==l||null==l.__v?(-1==c&&(n>u?d--:n<u&&d++),"function"!=typeof s.type&&(s.__u|=4)):c!=i&&(c==i-1?d--:c==i+1?d++:(c>i?d--:d++,s.__u|=4))):e.__k[a]=null;if(p)for(a=0;a<u;a++)null!=(l=r[a])&&!(2&l.__u)&&(l.__e==o&&(o=z(l)),F(l,l));return o}(r,t,w,i,$),p=0;p<$;p++)null!=(f=r.__k[p])&&(d=-1!=f.__i&&w[f.__i]||_,f.__i=p,v=T(e,f,d,n,a,s,l,i,c,u),h=f.__e,f.ref&&d.ref!=f.ref&&(d.ref&&U(d.ref,null,f),u.push(f.ref,f.__c||h,f)),null==g&&null!=h&&(g=h),(y=!!(4&f.__u))||d.__k===f.__k?(i=M(f,i,e,y),y&&d.__e&&(d.__e=null)):"function"==typeof f.type&&void 0!==v?i=v:h&&(i=h.nextSibling),f.__u&=-7);return r.__e=g,i}function M(e,t,r,o){var n,a;if("function"==typeof e.type){for(n=e.__k,a=0;n&&a<n.length;a++)n[a]&&(n[a].__=e,t=M(n[a],t,r,o));return t}e.__e!=t&&(o&&(t&&e.type&&!t.parentNode&&(t=z(e)),r.insertBefore(e.__e,t||null)),t=e.__e);do{t=t&&t.nextSibling}while(null!=t&&8==t.nodeType);return t}function L(e,t){return t=t||[],null==e||"boolean"==typeof e||(b(e)?e.some(function(e){L(e,t)}):t.push(e)),t}function O(e,t,r,o){var n,a,s,l=e.key,i=e.type,c=t[r],u=null!=c&&!(2&c.__u);if(null===c&&null==l||u&&l==c.key&&i==c.type)return r;if(o>(u?1:0))for(n=r-1,a=r+1;n>=0||a<t.length;)if(null!=(c=t[s=n>=0?n--:a++])&&!(2&c.__u)&&l==c.key&&i==c.type)return s;return-1}function j(e,t,r){"-"==t[0]?e.setProperty(t,null==r?"":r):e[t]=null==r?"":"number"!=typeof r||g.test(t)?r:r+"px"}function N(e,t,r,o,n){var a,s;e:if("style"==t)if("string"==typeof r)e.style.cssText=r;else{if("string"==typeof o&&(e.style.cssText=o=""),o)for(t in o)r&&t in r||j(e.style,t,"");if(r)for(t in r)o&&r[t]==o[t]||j(e.style,t,r[t])}else if("o"==t[0]&&"n"==t[1])a=t!=(t=t.replace(u,"$1")),s=t.toLowerCase(),t=s in e||"onFocusOut"==t||"onFocusIn"==t?s.slice(2):t.slice(2),e.l||(e.l={}),e.l[t+a]=r,r?o?r[c]=o[c]:(r[c]=p,e.addEventListener(t,a?f:d,a)):e.removeEventListener(t,a?f:d,a);else{if("http://www.w3.org/2000/svg"==n)t=t.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=t&&"height"!=t&&"href"!=t&&"list"!=t&&"form"!=t&&"tabIndex"!=t&&"download"!=t&&"rowSpan"!=t&&"colSpan"!=t&&"role"!=t&&"popover"!=t&&t in e)try{e[t]=null==r?"":r;break e}catch(e){}"function"==typeof r||(null==r||!1===r&&"-"!=t[4]?e.removeAttribute(t):e.setAttribute(t,"popover"==t&&1==r?"":r))}}function H(e){return function(r){if(this.l){var o=this.l[r.type+e];if(null==r[i])r[i]=p++;else if(r[i]<o[c])return;return o(t.event?t.event(r):r)}}}function T(r,o,n,a,s,l,i,c,u,p){var d,f,h,g,w,x,A,S,E,C,M,L,O,j,H,T,W=o.type;if(void 0!==o.constructor)return null;128&n.__u&&(u=!!(32&n.__u),l=[c=o.__e=n.__e]),(d=t.__b)&&d(o);e:if("function"==typeof W){f=i.length;try{if(E=o.props,C=W.prototype&&W.prototype.render,M=(d=W.contextType)&&a[d.__c],L=d?M?M.props.value:d.__:a,n.__c?S=(h=o.__c=n.__c).__=h.__E:(C?o.__c=h=new W(E,L):(o.__c=h=new $(E,L),h.constructor=W,h.render=q),M&&M.sub(h),h.state||(h.state={}),h.__n=a,g=h.__d=!0,h.__h=[],h._sb=[]),C&&null==h.__s&&(h.__s=h.state),C&&null!=W.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=v({},h.__s)),v(h.__s,W.getDerivedStateFromProps(E,h.__s))),w=h.props,x=h.state,h.__v=o,g)C&&null==W.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),C&&null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else{if(C&&null==W.getDerivedStateFromProps&&E!==w&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(E,L),o.__v==n.__v||!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(E,h.__s,L)){o.__v!=n.__v&&(h.props=E,h.state=h.__s,h.__d=!1),o.__e=n.__e,o.__k=n.__k,o.__k.some(function(e){e&&(e.__=o)}),m.push.apply(h.__h,h._sb),h._sb=[],h.__h.length&&i.push(h);break e}null!=h.componentWillUpdate&&h.componentWillUpdate(E,h.__s,L),C&&null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(w,x,A)})}if(h.context=L,h.props=E,h.__P=r,h.__e=!1,O=t.__r,j=0,C)h.state=h.__s,h.__d=!1,O&&O(o),d=h.render(h.props,h.state,h.context),m.push.apply(h.__h,h._sb),h._sb=[];else do{h.__d=!1,O&&O(o),d=h.render(h.props,h.state,h.context),h.state=h.__s}while(h.__d&&++j<25);h.state=h.__s,null!=h.getChildContext&&(a=v(v({},a),h.getChildContext())),C&&!g&&null!=h.getSnapshotBeforeUpdate&&(A=h.getSnapshotBeforeUpdate(w,x)),H=null!=d&&d.type===k&&null==d.key?D(d.props.children):d,c=P(r,b(H)?H:[H],o,n,a,s,l,i,c,u,p),h.base=o.__e,o.__u&=-161,h.__h.length&&i.push(h),S&&(h.__E=h.__=null)}catch(r){if(i.length=f,o.__v=null,u||null!=l)if(r.then){for(o.__u|=u?160:128;c&&8==c.nodeType&&c.nextSibling;)c=c.nextSibling;null!=l&&(l[l.indexOf(c)]=null),o.__e=c}else{if(null!=l)for(T=l.length;T--;)y(l[T]);R(o)}else o.__e=n.__e,!o.__k&&n.__k&&(o.__k=n.__k),r.then||R(o);t.__e(r,o,n)}}else null==l&&o.__v==n.__v?(o.__k=n.__k,o.__e=n.__e):c=o.__e=function(r,o,n,a,s,l,i,c,u){var p,d,f,h,m,g,v,w=n.props||_,x=o.props,k=o.type;if("svg"==k?s="http://www.w3.org/2000/svg":"math"==k?s="http://www.w3.org/1998/Math/MathML":s||(s="http://www.w3.org/1999/xhtml"),null!=l)for(p=0;p<l.length;p++)if((m=l[p])&&"setAttribute"in m==!!k&&(k?m.localName==k:3==m.nodeType)){r=m,l[p]=null;break}if(null==r){if(null==k)return document.createTextNode(x);r=document.createElementNS(s,k,x.is&&x),c&&(t.__m&&t.__m(o,l),c=!1),l=null}if(null==k)w===x||c&&r.data==x||(r.data=x);else{if(l="textarea"==k&&null!=x.defaultValue?null:l&&e.call(r.childNodes),!c&&null!=l)for(w={},p=0;p<r.attributes.length;p++)w[(m=r.attributes[p]).name]=m.value;for(p in w)m=w[p],"dangerouslySetInnerHTML"==p?f=m:"children"==p||p in x||"value"==p&&"defaultValue"in x||"checked"==p&&"defaultChecked"in x||N(r,p,null,m,s);for(p in x)m=x[p],"children"==p?h=m:"dangerouslySetInnerHTML"==p?d=m:"value"==p?g=m:"checked"==p?v=m:c&&"function"!=typeof m||w[p]===m||N(r,p,m,w[p],s);if(d)c||f&&(d.__html==f.__html||d.__html==r.innerHTML)||(r.innerHTML=d.__html),o.__k=[];else if(f&&(r.innerHTML=""),P("template"==o.type?r.content:r,b(h)?h:[h],o,n,a,"foreignObject"==k?"http://www.w3.org/1999/xhtml":s,l,i,l?l[0]:n.__k&&z(n,0),c,u),null!=l)for(p=l.length;p--;)y(l[p]);c&&"textarea"!=k||(p="value","progress"==k&&null==g?r.removeAttribute("value"):null!=g&&(g!==r[p]||"progress"==k&&!g||"option"==k&&g!=w[p])&&N(r,p,g,w[p],s),p="checked",null!=v&&v!=r[p]&&N(r,p,v,w[p],s))}return r}(n.__e,o,n,a,s,l,i,u,p);return(d=t.diffed)&&d(o),128&o.__u?void 0:c}function R(e){e&&(e.__c&&(e.__c.__e=!0),e.__k&&e.__k.some(R))}function W(e,r,o){for(var n=0;n<o.length;n++)U(o[n],o[++n],o[++n]);t.__c&&t.__c(r,e),e.some(function(r){try{e=r.__h,r.__h=[],e.some(function(e){e.call(r)})}catch(e){t.__e(e,r.__v)}})}function D(e){return"object"!=typeof e||null==e||e.__b>0?e:b(e)?e.map(D):void 0!==e.constructor?null:v({},e)}function U(e,r,o){try{if("function"==typeof e){var n="function"==typeof e.__u;n&&e.__u(),n&&null==r||(e.__u=e(r))}else e.current=r}catch(e){t.__e(e,o)}}function F(e,r,o){var n,a;if(t.unmount&&t.unmount(e),(n=e.ref)&&(n.current&&n.current!=e.__e||U(n,null,r)),null!=(n=e.__c)){if(n.componentWillUnmount)try{n.componentWillUnmount()}catch(e){t.__e(e,r)}n.base=n.__P=n.__n=null}if(n=e.__k)for(a=0;a<n.length;a++)n[a]&&F(n[a],r,o||"function"!=typeof e.type);o||y(e.__e),e.__c=e.__=e.__e=void 0}function q(e,t,r){return this.constructor(e,r)}function I(r,o,n){var a,s,l,i;o==document&&(o=document.documentElement),t.__&&t.__(r,o),s=(a="function"==typeof n)?null:n&&n.__k||o.__k,l=[],i=[],T(o,r=(!a&&n||o).__k=w(k,null,[r]),s||_,_,o.namespaceURI,!a&&n?[n]:s?null:o.firstChild?e.call(o.childNodes):null,l,!a&&n?n:s?s.__e:o.firstChild,a,i),W(l,r,i),r.props.children=null}function V(t,r,o){var n,a,s,l,i=v({},t.props);for(s in t.type&&t.type.defaultProps&&(l=t.type.defaultProps),r)"key"==s?n=r[s]:"ref"==s?a=r[s]:i[s]=void 0===r[s]&&null!=l?l[s]:r[s];return arguments.length>2&&(i.children=arguments.length>3?e.call(arguments,2):o),x(t.type,i,n||t.key,a||t.ref,null)}function Z(e){function t(e){var r,o;return this.getChildContext||(r=new Set,(o={})[t.__c]=this,this.getChildContext=function(){return o},this.componentWillUnmount=function(){r=null},this.shouldComponentUpdate=function(e){this.props.value!=e.value&&r.forEach(function(e){e.__e=!0,E(e)})},this.sub=function(e){r.add(e);var t=e.componentWillUnmount;e.componentWillUnmount=function(){r&&r.delete(e),t&&t.call(e)}}),e.children}return t.__c="__cC"+h++,t.__=e,t.Provider=t.__l=(t.Consumer=function(e,t){return e.children(t)}).contextType=t,t}e=m.slice,t={__e:function(e,t,r,o){for(var n,a,s;t=t.__;)if((n=t.__c)&&!n.__)try{if((a=n.constructor)&&null!=a.getDerivedStateFromError&&(n.setState(a.getDerivedStateFromError(e)),s=n.__d),null!=n.componentDidCatch&&(n.componentDidCatch(e,o||{}),s=n.__d),s)return n.__E=n}catch(t){e=t}throw e}},r=0,$.prototype.setState=function(e,t){var r;r=null!=this.__s&&this.__s!=this.state?this.__s:this.__s=v({},this.state),"function"==typeof e&&(e=e(v({},r),this.props)),e&&v(r,e),null!=e&&this.__v&&(t&&this._sb.push(t),E(this))},$.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),E(this))},$.prototype.render=k,o=[],a="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,s=function(e,t){return e.__v.__b-t.__v.__b},C.__r=0,l=Math.random().toString(8),i="__d"+l,c="__a"+l,u=/(PointerCapture)$|Capture$/i,p=0,d=H(!1),f=H(!0),h=0;var B,Y,X,K,G=0,J=[],Q=t,ee=Q.__b,te=Q.__r,re=Q.diffed,oe=Q.__c,ne=Q.unmount,ae=Q.__;function se(e,t){Q.__h&&Q.__h(Y,e,G||t),G=0;var r=Y.__H||(Y.__H={__:[],__h:[]});return e>=r.__.length&&r.__.push({}),r.__[e]}function le(e){return G=1,function(e,t,r){var o=se(B++,2);if(o.t=e,!o.__c&&(o.__=[r?r(t):ge(void 0,t),function(e){var t=o.__N?o.__N[0]:o.__[0],r=o.t(t,e);t!==r&&(o.__N=[r,o.__[1]],o.__c.setState({}))}],o.__c=Y,!Y.__f)){var n=function(e,t,r){if(!o.__c.__H)return!0;var n=!1,s=o.__c.props!==e;if(o.__c.__H.__.some(function(e){if(e.__N){n=!0;var t=e.__[0];e.__=e.__N,e.__N=void 0,t!==e.__[0]&&(s=!0)}}),a){var l=a.call(this,e,t,r);return n?l||s:l}return!n||s};Y.__f=!0;var a=Y.shouldComponentUpdate,s=Y.componentWillUpdate;Y.componentWillUpdate=function(e,t,r){if(this.__e){var o=a;a=void 0,n(e,t,r),a=o}s&&s.call(this,e,t,r)},Y.shouldComponentUpdate=n}return o.__N||o.__}(ge,e)}function ie(e,t){var r=se(B++,3);!Q.__s&&me(r.__H,t)&&(r.__=e,r.u=t,Y.__H.__h.push(r))}function ce(e,t){var r=se(B++,7);return me(r.__H,t)&&(r.__=e(),r.__H=t,r.__h=e),r.__}function ue(e){var t=Y.context[e.__c],r=se(B++,9);return r.c=e,t?(null==r.__&&(r.__=!0,t.sub(Y)),t.props.value):e.__}function pe(){for(var e;e=J.shift();){var t=e.__H;if(e.__P&&t)try{t.__h.some(he),t.__h.some(_e),t.__h=[]}catch(r){t.__h=[],Q.__e(r,e.__v)}}}Q.__b=function(e){Y=null,ee&&ee(e)},Q.__=function(e,t){e&&t.__k&&t.__k.__m&&(e.__m=t.__k.__m),ae&&ae(e,t)},Q.__r=function(e){te&&te(e),B=0;var t=(Y=e.__c).__H;t&&(X===Y?(t.__h=[],Y.__h=[],t.__.some(function(e){e.__N&&(e.__=e.__N),e.u=e.__N=void 0})):(t.__h.length&&pe(),B=0)),X=Y},Q.diffed=function(e){re&&re(e);var t=e.__c;t&&t.__H&&(t.__H.__h.length&&(1!==J.push(t)&&K===Q.requestAnimationFrame||((K=Q.requestAnimationFrame)||fe)(pe)),t.__H.__.some(function(e){e.u&&(e.__H=e.u,e.u=void 0)})),X=Y=null},Q.__c=function(e,t){t.some(function(e){try{e.__h.some(he),e.__h=e.__h.filter(function(e){return!e.__||_e(e)})}catch(r){t.some(function(e){e.__h&&(e.__h=[])}),t=[],Q.__e(r,e.__v)}}),oe&&oe(e,t)},Q.unmount=function(e){ne&&ne(e);var t,r=e.__c;r&&r.__H&&(r.__H.__.some(function(e){try{he(e)}catch(e){t=e}}),r.__H=void 0,t&&Q.__e(t,r.__v))};var de="function"==typeof requestAnimationFrame;function fe(e){var t,r=function(){clearTimeout(o),de&&cancelAnimationFrame(t),setTimeout(e)},o=setTimeout(r,35);de&&(t=requestAnimationFrame(r))}function he(e){var t=Y,r=e.__c;"function"==typeof r&&(e.__c=void 0,r()),Y=t}function _e(e){var t=Y;e.__c=e.__(),Y=t}function me(e,t){return!e||e.length!==t.length||t.some(function(t,r){return t!==e[r]})}function ge(e,t){return"function"==typeof t?t(e):t}function be(e,t){for(var r in t)e[r]=t[r];return e}function ve(e,t){for(var r in e)if("__source"!==r&&!(r in t))return!0;for(var o in t)if("__source"!==o&&e[o]!==t[o])return!0;return!1}function ye(e,t){this.props=e,this.context=t}function we(e,t){function r(e){var r=this.props.ref;return r!=e.ref&&r&&("function"==typeof r?r(null):r.current=null),t?!t(this.props,e)||r!=e.ref:ve(this.props,e)}function o(t){return this.shouldComponentUpdate=r,w(e,t)}return o.displayName="Memo("+(e.displayName||e.name)+")",o.__f=o.prototype.isReactComponent=!0,o.type=e,o}(ye.prototype=new $).isPureReactComponent=!0,ye.prototype.shouldComponentUpdate=function(e,t){return ve(this.props,e)||ve(this.state,t)};var xe=t.__b;t.__b=function(e){e.type&&e.type.__f&&e.ref&&(e.props.ref=e.ref,e.ref=null),xe&&xe(e)};var ke="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;var $e=t.__e;t.__e=function(e,t,r,o){if(e.then)for(var n,a=t;a=a.__;)if((n=a.__c)&&n.__c)return null==t.__e&&(t.__e=r.__e,t.__k=r.__k),n.__c(e,t);$e(e,t,r,o)};var ze=t.unmount;function Ae(e,t,r){return e&&(e.__c&&e.__c.__H&&(e.__c.__H.__.forEach(function(e){"function"==typeof e.__c&&e.__c()}),e.__c.__H=null),null!=(e=be({},e)).__c&&(e.__c.__P===r&&(e.__c.__P=t),e.__c.__e=!0,e.__c=null),e.__k=e.__k&&e.__k.map(function(e){return Ae(e,t,r)})),e}function Se(e,t,r){return e&&r&&(e.__v=null,e.__k=e.__k&&e.__k.map(function(e){return Se(e,t,r)}),e.__c&&e.__c.__P===t&&(e.__e&&r.appendChild(e.__e),e.__c.__e=!0,e.__c.__P=r)),e}function Ee(){this.__u=0,this.o=null,this.__b=null}function Ce(e){var t=e.__&&e.__.__c;return t&&t.__a&&t.__a(e)}function Pe(){this.i=null,this.l=null}t.unmount=function(e){var t=e.__c;t&&(t.__z=!0),t&&t.__R&&t.__R(),t&&32&e.__u&&(e.type=null),ze&&ze(e)},(Ee.prototype=new $).__c=function(e,t){var r=t.__c,o=this;null==o.o&&(o.o=[]),o.o.push(r);var n=Ce(o.__v),a=!1,s=function(){a||o.__z||(a=!0,r.__R=null,n?n(i):i())};r.__R=s;var l=r.__P;r.__P=null;var i=function(){if(! --o.__u){if(o.state.__a){var e=o.state.__a;o.__v.__k[0]=Se(e,e.__c.__P,e.__c.__O)}var t;for(o.setState({__a:o.__b=null});t=o.o.pop();)t.__P=l,t.forceUpdate()}};o.__u++||32&t.__u||o.setState({__a:o.__b=o.__v.__k[0]}),e.then(s,s)},Ee.prototype.componentWillUnmount=function(){this.o=[]},Ee.prototype.render=function(e,t){var r=this.__v;if(!r.__m){for(var o=r;o.__;)o=o.__;o=o.__m||(o.__m=[0,0]),r.__m=[o[1]++,0]}if(this.__b){if(r.__k){var n=document.createElement("div"),a=r.__k[0].__c;r.__k[0]=Ae(this.__b,n,a.__O=a.__P)}this.__b=null}var s=t.__a&&w(k,null,e.fallback);return s&&(s.__u&=-33),[w(k,null,t.__a?null:e.children),s]};var Me=function(e,t,r){if(++r[1]===r[0]&&e.l.delete(t),e.props.revealOrder&&("t"!==e.props.revealOrder[0]||!e.l.size))for(r=e.i;r;){for(;r.length>3;)r.pop()();if(r[1]<r[0])break;e.i=r=r[2]}};(Pe.prototype=new $).__a=function(e){var t=this,r=Ce(t.__v),o=t.l.get(e);return o[0]++,function(n){var a=function(){t.props.revealOrder?(o.push(n),Me(t,e,o)):n()};r?r(a):a()}},Pe.prototype.render=function(e){this.i=null,this.l=new Map;var t=L(e.children);e.revealOrder&&"b"===e.revealOrder[0]&&t.reverse();for(var r=t.length;r--;)this.l.set(t[r],this.i=[1,0,this.i]);return e.children},Pe.prototype.componentDidUpdate=Pe.prototype.componentDidMount=function(){var e=this;this.l.forEach(function(t,r){Me(e,r,t)})};var Le="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,Oe=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,je=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,Ne=/[A-Z0-9]/g,He="undefined"!=typeof document,Te=function(e){return("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/:/fil|che|ra/).test(e)};$.prototype.isReactComponent=!0,["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(e){Object.defineProperty($.prototype,e,{configurable:!0,get:function(){return this["UNSAFE_"+e]},set:function(t){Object.defineProperty(this,e,{configurable:!0,writable:!0,value:t})}})});var Re=t.event;t.event=function(e){return Re&&(e=Re(e)),e.persist=function(){},e.isPropagationStopped=function(){return this.cancelBubble},e.isDefaultPrevented=function(){return this.defaultPrevented},e.nativeEvent=e};var We={configurable:!0,get:function(){return this.class}},De=t.vnode;t.vnode=function(e){"string"==typeof e.type&&function(e){var t=e.props,r=e.type,o={},n=-1==r.indexOf("-");for(var a in t){var s=t[a];if(!("value"===a&&"defaultValue"in t&&null==s||He&&"children"===a&&"noscript"===r||"class"===a||"className"===a)){var l=a.toLowerCase();"defaultValue"===a&&"value"in t&&null==t.value?a="value":"download"===a&&!0===s?s="":"translate"===l&&"no"===s?s=!1:"o"===l[0]&&"n"===l[1]?"ondoubleclick"===l?a="ondblclick":"onchange"!==l||"input"!==r&&"textarea"!==r||Te(t.type)?"onfocus"===l?a="onfocusin":"onblur"===l?a="onfocusout":je.test(a)&&(a=l):l=a="oninput":n&&Oe.test(a)?a=a.replace(Ne,"-$&").toLowerCase():null===s&&(s=void 0),"oninput"===l&&o[a=l]&&(a="oninputCapture"),o[a]=s}}"select"==r&&(o.multiple&&Array.isArray(o.value)&&(o.value=L(t.children).forEach(function(e){e.props.selected=-1!=o.value.indexOf(e.props.value)})),null!=o.defaultValue&&(o.value=L(t.children).forEach(function(e){e.props.selected=o.multiple?-1!=o.defaultValue.indexOf(e.props.value):o.defaultValue==e.props.value}))),t.class&&!t.className?(o.class=t.class,Object.defineProperty(o,"className",We)):t.className&&(o.class=o.className=t.className),e.props=o}(e),e.$$typeof=Le,De&&De(e)};var Ue=t.__r;t.__r=function(e){Ue&&Ue(e),e.__c};var Fe=t.diffed;t.diffed=function(e){Fe&&Fe(e);var t=e.props,r=e.__e;null!=r&&"textarea"===e.type&&"value"in t&&t.value!==r.value&&(r.value=null==t.value?"":t.value)};var qe="__s",Ie="__c",Ve="__d",Ze="__s",Be=/[\s\n\\/='"\0<>]/,Ye=/^(xlink|xmlns|xml)([A-Z])/,Xe=/^(?:accessK|auto[A-Z]|cell|ch|col|cont|cross|dateT|encT|form[A-Z]|frame|hrefL|inputM|maxL|minL|noV|playsI|popoverT|readO|rowS|src[A-Z]|tabI|useM|item[A-Z])/,Ke=/^ac|^ali|arabic|basel|cap|clipPath$|clipRule$|color|dominant|enable|fill|flood|font|glyph[^R]|horiz|image|letter|lighting|marker[^WUH]|overline|panose|pointe|paint|rendering|shape|stop|strikethrough|stroke|text[^L]|transform|underline|unicode|units|^v[^i]|^w|^xH/,Ge=new Set(["draggable","spellcheck"]);function Je(e){void 0!==e.__g?e.__g|=8:e[Ve]=!0}function Qe(e){void 0!==e.__g?e.__g&=-9:e[Ve]=!1}function et(e){return void 0!==e.__g?!!(8&e.__g):!0===e[Ve]}var tt=/["&<]/;function rt(e){if(0===e.length||!1===tt.test(e))return e;for(var t=0,r=0,o="",n="";r<e.length;r++){switch(e.charCodeAt(r)){case 34:n="&quot;";break;case 38:n="&amp;";break;case 60:n="&lt;";break;default:continue}r!==t&&(o+=e.slice(t,r)),o+=n,t=r+1}return r!==t&&(o+=e.slice(t,r)),o}var ot={},nt=new Set(["animation-iteration-count","border-image-outset","border-image-slice","border-image-width","box-flex","box-flex-group","box-ordinal-group","column-count","fill-opacity","flex","flex-grow","flex-negative","flex-order","flex-positive","flex-shrink","flood-opacity","font-weight","grid-column","grid-row","line-clamp","line-height","opacity","order","orphans","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-miterlimit","stroke-opacity","stroke-width","tab-size","widows","z-index","zoom"]),at=/[A-Z]/g;function st(e){var t="";for(var r in e){var o=e[r];if(null!=o&&""!==o){var n="-"==r[0]?r:ot[r]||(ot[r]=r.replace(at,"-$&").toLowerCase()),a=";";"number"!=typeof o||n.startsWith("--")||nt.has(n)||(a="px;"),t=t+n+":"+o+a}}return t||void 0}function lt(){this.__d=!0}function it(e,t){return{__v:e,context:t,props:e.props,setState:lt,forceUpdate:lt,__d:!0,__h:new Array(0)}}var ct,ut,pt,dt,ft={},ht=[],_t=Array.isArray,mt=Object.assign,gt="",bt="\x3c!--$s--\x3e",vt="\x3c!--/$s--\x3e";function yt(e){return"string"==typeof e?bt+e+vt:_t(e)?(e.unshift(bt),e.push(vt),e):e&&"function"==typeof e.then?e.then(yt):bt+e+vt}function wt(e,t){var r,o=e.type,n=!0;return e[Ie]?(n=!1,(r=e[Ie]).state=r[Ze]):r=new o(e.props,t),e[Ie]=r,r.__v=e,r.props=e.props,r.context=t,Je(r),null==r.state&&(r.state=ft),null==r[Ze]&&(r[Ze]=r.state),o.getDerivedStateFromProps?r.state=mt({},r.state,o.getDerivedStateFromProps(r.props,r.state)):n&&r.componentWillMount?(r.componentWillMount(),r.state=r[Ze]!==r.state?r[Ze]:r.state):!n&&r.componentWillUpdate&&r.componentWillUpdate(),pt&&pt(e),r.render(r.props,r.state,t)}function xt(e,r,o,n,a,s,l){if(null==e||!0===e||!1===e||e===gt)return gt;var i=typeof e;if("object"!=i)return"function"==i?gt:"string"==i?rt(e):e+gt;if(_t(e)){var c,u=gt;a.__k=e;for(var p=e.length,d=0;d<p;d++){var f=e[d];if(null!=f&&"boolean"!=typeof f){var h,_=xt(f,r,o,n,a,s,l);"string"==typeof _?u+=_:(c||(c=new Array(p)),u&&c.push(u),u=gt,_t(_)?(h=c).push.apply(h,_):c.push(_))}}return c?(u&&c.push(u),c):u}if(void 0!==e.constructor)return gt;e.__=a,ct&&ct(e);var m=e.type,g=e.props;if("function"==typeof m){var b,v,y,w=r;if(m===k){if("tpl"in g){for(var x=gt,$=0;$<g.tpl.length;$++)if(x+=g.tpl[$],g.exprs&&$<g.exprs.length){var z=g.exprs[$];if(null==z)continue;"object"!=typeof z||void 0!==z.constructor&&!_t(z)?x+=z:x+=xt(z,r,o,n,e,s,l)}return x}if("UNSTABLE_comment"in g)return"\x3c!--"+rt(g.UNSTABLE_comment)+"--\x3e";v=g.children}else{if(null!=(b=m.contextType)){var A=r[b.__c];w=A?A.props.value:b.__}var S=m.prototype&&"function"==typeof m.prototype.render;if(S)v=wt(e,w),y=e[Ie];else{e[Ie]=y=it(e,w);for(var E=0;et(y)&&E++<25;){Qe(y),pt&&pt(e);try{v=m.call(y,g,w)}catch(e){throw e}}Je(y)}if(null!=y.getChildContext&&(r=mt({},r,y.getChildContext())),S&&t.errorBoundaries&&(m.getDerivedStateFromError||y.componentDidCatch)){v=null!=v&&v.type===k&&null==v.key&&null==v.props.tpl?v.props.children:v;try{return xt(v,r,o,n,e,s,!1)}catch(t){return m.getDerivedStateFromError&&(y[Ze]=m.getDerivedStateFromError(t)),y.componentDidCatch&&y.componentDidCatch(t,ft),et(y)?(v=wt(e,r),null!=(y=e[Ie]).getChildContext&&(r=mt({},r,y.getChildContext())),xt(v=null!=v&&v.type===k&&null==v.key&&null==v.props.tpl?v.props.children:v,r,o,n,e,s,l)):gt}finally{ut&&ut(e),dt&&dt(e)}}}v=null!=v&&v.type===k&&null==v.key&&null==v.props.tpl?v.props.children:v;try{var C=xt(v,r,o,n,e,s,l);return ut&&ut(e),t.unmount&&t.unmount(e),e._suspended?yt(C):C}catch(a){if(l&&l.onError){var P=function t(a){return l.onError(a,e,function(e,a){try{return xt(e,r,o,n,a,s,l)}catch(e){return t(e)}})}(a);if(void 0!==P)return P;var M=t.__e;return M&&M(a,e),gt}throw a}}var L,O="<"+m,j=gt;for(var N in g){var H=g[N];if("function"!=typeof(H=zt(H)?H.value:H)||"class"===N||"className"===N){switch(N){case"children":L=H;continue;case"key":case"ref":case"__self":case"__source":continue;case"htmlFor":if("for"in g)continue;N="for";break;case"className":if("class"in g)continue;N="class";break;case"defaultChecked":N="checked";break;case"defaultSelected":N="selected";break;case"defaultValue":case"value":switch(N="value",m){case"textarea":L=H;continue;case"select":n=H;continue;case"option":n!=H||"selected"in g||(O+=" selected")}break;case"dangerouslySetInnerHTML":j=H&&H.__html;continue;case"style":"object"==typeof H&&(H=st(H));break;case"acceptCharset":N="accept-charset";break;case"httpEquiv":N="http-equiv";break;default:if(Be.test(N))continue;Ye.test(N)?N=N.replace(Ye,"$1:$2").toLowerCase():"-"!==N[4]&&!Ge.has(N)||null==H?o?Ke.test(N)&&(N="panose1"===N?"panose-1":N.replace(/([A-Z])/g,"-$1").toLowerCase()):Xe.test(N)&&(N=N.toLowerCase()):H+=gt}null!=H&&!1!==H&&(O=!0===H||H===gt?O+" "+N:O+" "+N+'="'+("string"==typeof H?rt(H):H+gt)+'"')}}if(Be.test(m))throw new Error(m+" is not a valid HTML tag name in "+O+">");if(j||("string"==typeof L?j=rt(L):null!=L&&!1!==L&&!0!==L&&(j=xt(L,r,"svg"===m||"foreignObject"!==m&&o,n,e,s,l))),ut&&ut(e),dt&&dt(e),!j&&kt.has(m))return O+"/>";var T="</"+m+">",R=O+">";return _t(j)?[R].concat(j,[T]):"string"!=typeof j?[R,j,T]:R+j+T}var kt=new Set(["area","base","br","col","command","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"]),$t=function(e,r,o){var n=t[qe];t[qe]=!0,ct=t.__b,ut=t.diffed,pt=t.__r,dt=t.unmount;var a=w(k,null);a.__k=[e];try{var s=xt(e,r||ft,!1,void 0,a,!1,o);return _t(s)?s.join(gt):s}catch(e){if(e.then)throw new Error('Use "renderToStringAsync" for suspenseful rendering.');throw e}finally{t.__c&&t.__c(e,ht),t[qe]=n,ht.length=0}};function zt(e){return null!==e&&"object"==typeof e&&"function"==typeof e.peek&&"value"in e}const At=Symbol(),St=Object.getPrototypeOf,Et=new WeakMap,Ct=e=>(e=>e&&(Et.has(e)?Et.get(e):St(e)===Object.prototype||St(e)===Array.prototype))(e)&&e[At]||null,Pt=(e,t=!0)=>{Et.set(e,t)},Mt=e=>"object"==typeof e&&null!==e,Lt=(e,t)=>{const r=Nt.get(e);if((null==r?void 0:r[0])===t)return r[1];const o=Array.isArray(e)?[]:Object.create(Object.getPrototypeOf(e));return Pt(o,!0),Nt.set(e,[t,o]),Reflect.ownKeys(e).forEach(t=>{if(Object.getOwnPropertyDescriptor(o,t))return;const r=Reflect.get(e,t),{enumerable:n}=Reflect.getOwnPropertyDescriptor(e,t),a={value:r,enumerable:n,configurable:!0};if(jt.has(r))Pt(r,!1);else if(Ot.has(r)){const[e,t]=Ot.get(r);a.value=Lt(e,t())}Object.defineProperty(o,t,a)}),o},Ot=new WeakMap,jt=new WeakSet,Nt=new WeakMap,Ht=[1],Tt=new WeakMap;let Rt=Object.is,Wt=(e,t)=>new Proxy(e,t),Dt=e=>Mt(e)&&!jt.has(e)&&(Array.isArray(e)||!(Symbol.iterator in e))&&!(e instanceof WeakMap)&&!(e instanceof WeakSet)&&!(e instanceof Error)&&!(e instanceof Number)&&!(e instanceof Date)&&!(e instanceof String)&&!(e instanceof RegExp)&&!(e instanceof ArrayBuffer)&&!(e instanceof Promise),Ut=Lt,Ft=(e,t,r,o)=>({deleteProperty(e,t){Reflect.get(e,t),r(t);const n=Reflect.deleteProperty(e,t);return n&&o(void 0),n},set(n,a,s,l){const i=!e()&&Reflect.has(n,a),c=Reflect.get(n,a,l);if(i&&(Rt(c,s)||Tt.has(s)&&Rt(c,Tt.get(s))))return!0;r(a),Mt(s)&&(s=Ct(s)||s);const u=!Ot.has(s)&&Dt(s)?qt(s):s;return t(a,u),Reflect.set(n,a,u,l),o(void 0),!0}});function qt(e={}){if(!Mt(e))throw new Error("object required");const t=Tt.get(e);if(t)return t;let r=Ht[0];const o=new Set,n=(e,t=++Ht[0])=>{r!==t&&(a=r=t,o.forEach(r=>r(e,t)))};let a=r;const s=e=>(t,r)=>{let o;t&&(o=[...t],o[1]=[e,...o[1]]),n(o,r)},l=new Map;let i=!0;const c=Ft(()=>i,(e,t)=>{const r=!jt.has(t)&&Ot.get(t);if(r){if("production"!==(import.meta.env?import.meta.env.MODE:void 0)&&l.has(e))throw new Error("prop listener already exists");if(o.size){const t=r[2](s(e));l.set(e,[r,t])}else l.set(e,[r])}},e=>{var t;const r=l.get(e);r&&(l.delete(e),null==(t=r[1])||t.call(r))},n),u=Wt(e,c);Tt.set(e,u);const p=[e,(e=Ht[0])=>(a!==e&&(a=e,l.forEach(([t])=>{const o=t[1](e);o>r&&(r=o)})),r),e=>{o.add(e),1===o.size&&l.forEach(([e,t],r)=>{if("production"!==(import.meta.env?import.meta.env.MODE:void 0)&&t)throw new Error("remove already exists");const o=e[2](s(r));l.set(r,[e,o])});return()=>{o.delete(e),0===o.size&&l.forEach(([e,t],r)=>{t&&(t(),l.set(r,[e]))})}}];return Ot.set(u,p),Reflect.ownKeys(e).forEach(t=>{const r=Object.getOwnPropertyDescriptor(e,t);"value"in r&&r.writable&&(u[t]=e[t])}),i=!1,u}function It(e){const t=Ot.get(e);return null==t?void 0:t[1]()}function Vt(e,t,r){const o=Ot.get(e);let n;"production"===(import.meta.env?import.meta.env.MODE:void 0)||o||console.warn("Please use proxy object");const a=[],s=o[2];let l=!1;const i=s(e=>{e&&a.push(e),r?t(a.splice(0)):n||(n=Promise.resolve().then(()=>{n=void 0,l&&t(a.splice(0))}))});return l=!0,()=>{l=!1,i()}}function Zt(e){const t=Ot.get(e);"production"===(import.meta.env?import.meta.env.MODE:void 0)||t||console.warn("Please use proxy object");const[r,o]=t;return Ut(r,o())}const Bt={"details.open":"toggle","input.value":"input","input.checked":"input","select.value":"change","select.selectedIndex":"change"},Yt=["allowfullscreen","alpha","async","autofocus","autoplay","checked","controls","default","defer","disabled","formnovalidate","inert","ismap","itemscope","loop","multiple","muted","nomodule","novalidate","open","playsinline","readonly","required","reversed","selected","shadowrootclonable","shadowrootcustomelementregistry","shadowrootdelegatesfocus","shadowrootserializable","sticky-header"],Xt={details:e=>e.open,input:e=>"checkbox"===e.type?e.checked:"number"===e.type?!0===isNaN(e.valueAsNumber)?null:e.valueAsNumber:"date"===e.type?e.valueAsDate:e.value},Kt=(e,t)=>{const r=e.toLowerCase();void 0===Xt[r]&&(Xt[e.toLowerCase()]=t)};var Gt=Object.freeze({__proto__:null,boolProps:Yt,eventNames:Bt,registerInputValue:Kt,tagGetValue:Xt});const Jt=e=>{const t=e.tagName?.toLowerCase?.()??null,r=Xt[t];return r?.(e)??e.value},Qt={bind:(e,t)=>({value:t.value,update:e=>t.update(Jt(e.target))}),group:(e,t)=>{if("checkbox"===e.type){const r=r=>{!1!==r.target.checked?t.update([...t.value,e.value]):t.update(t.value.filter(t=>t!==e.value))};return{value:t.value.includes(e.value),update:r}}if("radio"===e.type){return{value:t.value===e.value,update:r=>t.update(e.value)}}return()=>{}}},er=[(e,t)=>{if("string"==typeof e)return t;const{slot:r,...o}=t,n={slot:r??{}};return Object.keys(o).forEach(e=>{const r=t[e];!0!==e.startsWith("slot:")?n[e]=r:n.slot[e.slice(5)]=r}),n},(e,t)=>{if("string"!=typeof e)return t;const r={};return Object.keys(t).forEach(o=>{const n=t[o];if("slot"!==o){if(!0===o.startsWith("$$")){const a=o.slice(2),s=`${e.toLowerCase()}.${a}`,l=Bt[s]??"input",i=Qt[n.type](t,n);return r[a]=i.value,void(r[`on${l}`]=i.update)}!0!==o.startsWith("$")&&(!0!==Yt.includes(o)?!1!==n&&null!==n&&(r[o]=!0===n?"":n):r[o]=!0===n)}}),r},(e,t)=>{if("string"!=typeof e)return t;if(void 0===t.ws)return t;const{ws:r,...o}=t;return{"data-ws":r,...o}}],tr=(e,t)=>{const r=t.children,o=e.children;if(r.length!==o.length)return!0;return-1!==r.findIndex((e,t)=>o[t]!==e)},rr=new WeakMap,or=(e,t)=>{const r=rr.get(e),o=Math.max(...Object.values(t).map(e=>It(e)??0));if(rr.set(t,o),r!==o)return!1;const n=[...Object.keys(e),...Object.keys(t)];for(const r of n){if("children"===r&&!0===tr(e,t))return!1;if(e[r]!==t[r])return!1}return!0},nr=new WeakMap,ar=(e,t,...r)=>{return null==e?null:w("string"==typeof(o=e)||!0===o.noMemo?o:(!0===nr.has(o)||nr.set(o,we(o,or)),nr.get(o)),((e,t)=>{let r=t;for(const t of er)r=t(e,r);return r})(e,((e,t)=>{const r=[t.length>0?t:e.children].flat(Number.POSITIVE_INFINITY).filter(e=>null!==e&&!1!==e&&void 0!==e);return{...e,children:r}})(t,r)));var o},sr=()=>{const e=Math.floor(1679615*Math.random()).toString(36);return`${Date.now().toString(36)}${e}`},lr=()=>{const e=Math.floor(4294967296*Math.random()).toString(36);return`${Date.now().toString(36)}:${e}`},ir=e=>null==e?null:function(e){return jt.add(e),e}(e),cr=(e,t)=>e.length>0?e:t(),ur=e=>e.children,pr=e=>{const{"*render":t,...r}=e;return null==t?null:"string"==typeof t?t:ar(ur,{children:t(r)})},dr=e=>{const[t,r]=le(Date.now()+Math.random());return ie(()=>Vt(e,()=>r(Date.now()+Math.random())),[]),e},fr=e=>{const[t,r]=ce(()=>{const t=qt("function"==typeof e?e():e);return[t,Vt(t,()=>n(Date.now()+Math.random()))]},[]),[o,n]=le(Date.now()+Math.random());return ie(()=>()=>r(),[]),t},hr=e=>{if("function"==typeof e)return function(e,t){return G=8,ce(function(){return e},t)}(e,[]);const[t]=le(e);return t},_r=(e,t=[])=>ce(e,t),mr=document.createElement("style");mr.setAttribute("data-name","zephyr-animations"),document.head.append(mr);const gr=e=>{const t=[];for(const[r,o]of Object.entries(e)){const e=Object.entries(o).map(e=>`${e[0]}: ${e[1]};`);t.push(`${r} { ${e.join("")} }`)}const r=`keyframes-${sr()}`;return mr.sheet.insertRule(`@keyframes ${r} { ${t.join(" ")} }`),mr.sheet.insertRule(`@keyframes ${r}-r { ${t.join(" ")} }`),(e,t="linear")=>o=>`${r}${o} ${e}ms ${t}`},br=gr({"0%":{opacity:0},"100%":{opacity:1}}),vr=gr({"0%":{scale:1.4},"100%":{scale:1}}),yr=gr({"0%":{scale:.6},"100%":{scale:1}}),wr=gr({"0%":{translate:"0 -50px"},"100%":{translate:"0 0px"}}),xr=gr({"0%":{translate:"0 50px"},"100%":{translate:"0 0px"}}),kr=gr({"0%":{visibility:"hidden"},"100%":{visibility:"visible"}}),$r=gr({"0%":{rotate:"0deg"},"100%":{rotate:"360deg"}}),zr=gr({"0%":{translate:"-100% 0"},"100%":{translate:"0% 0"}}),Ar=gr({"0%":{translate:"100% 0"},"100%":{translate:"0% 0"}}),Sr=gr({"0%":{translate:"0 -100%"},"100%":{translate:"0 0%"}}),Er=gr({"0%":{translate:"0 100%"},"100%":{translate:"0 0%"}}),Cr=e=>{const{children:t,enter:r,exit:o=r,anim:n}=e,a=hr(new Map),s=fr({update:null}),l=[],i=t.map((e,t)=>{const r=((e,t,r,o)=>{if(!0===e.has(t.key)){const r=e.get(t.key);return r.child=t,r.active="none"===r.phase?t:r.active,r}const n=[t.props.$enter??t.props.$animate].flat(),a=[t.props.$exit??t.props.$animate].flat(),s={pos:r,child:t,phase:"enter",anims:{enter:n.map(e=>`${e("")} 0s 1 normal forwards`).join(", "),enterCount:n.length,exit:a.map(e=>`${e("-r")} 0s 1 reverse forwards`).join(", "),exitCount:a.length},clone(e,r){const o=t.props?.style??"";return V(t,{...t.props,style:`${o};animation: ${e};`,...r})}};let l=0;return s.active=s.clone(s.anims.enter,{onanimationend:()=>{l+=1,l<s.anims.enterCount||(s.phase="none",s.active=s.clone("none",{}),o.update=Math.random())}}),e.set(t.key,s),s})(a,e,t,s);return l.push(r.active),e.key});return a.keys().forEach(e=>{if(!0===i.includes(e))return;const t=a.get(e);if("exit"===t.phase)return void l.splice(t.pos,0,t.active);let r=0;t.phase="exit",t.active=t.clone(t.anims.exit,{onanimationend:()=>{r+=1,r<t.anims.exitCount||(a.delete(e),s.update=Math.random())}}),l.splice(t.pos,0,t.active)}),l},Pr=Symbol("no match"),Mr=(e,t)=>{const r=t=>{const r=t.length;return()=>t===e.substr(H,r)?(H+=r,t):Pr},o=t=>()=>{const r=e.charAt(H);return!1!==t.test(r)?(H+=1,r):Pr};let n=null;const a=r("@"),s=r(":"),l=o(/[^;]/),i=r(";"),c=r("*"),u=o(/[a-z0-9_\-]/i),p=r("!"),d=o(/[^{]/),f=r("{"),h=r("}"),_=o(/[a-zA-Z0-9\.\-_#\^\$\/]/),m=r("#"),g=o(/[^;#]/),b=o(/[\s]/m),v=()=>{const e=H;let t=null,r=null;return(t=N())===Pr||(r=x())===Pr?(H=e,Pr):[t,r]},y=()=>{const t=H;let r=null,o=null;return(r=m())===Pr||(o=(()=>{const t=H,r=H;for(;g()!==Pr;);return H-r==0?Pr:e.slice(t,H)})())===Pr?(H=t,Pr):[r,o]},w=()=>{n="rules";let e=H,t=null;const r=[];let o=null;for(;(o=v())!==Pr;)r.push(o);return t=r,N()===Pr?(H=e,Pr):t.map(e=>e[1])},x=()=>{let e=null;return(e=k())!==Pr||(e=$())!==Pr||(e=z())!==Pr||(e=A())!==Pr?e:Pr},k=()=>{n="rule$0";let e=H,t=null;return(t=S())===Pr?(H=e,Pr):t},$=()=>{n="rule$1";let e=H,t=null;return(t=E())===Pr?(H=e,Pr):t},z=()=>{n="rule$2";let e=H,t=null;return(t=P())===Pr?(H=e,Pr):t},A=()=>{n="rule$3";let e=H,t=null;return(t=M())===Pr?(H=e,Pr):t},S=()=>{n="variable";let t=H,r=null,o=null;return a()===Pr||(r=C())===Pr||s()===Pr||N()===Pr||(o=(()=>{const t=H,r=H;for(;l()!==Pr;);return H-r==0?Pr:e.slice(t,H)})())===Pr||i()===Pr?(H=t,Pr):((e,t)=>({type:"var",name:e,value:t}))(r,o)},E=()=>{n="css";let t=H,r=null,o=null;return c()===Pr||(r=C())===Pr||s()===Pr||N()===Pr||(o=(()=>{const t=H,r=H;for(;l()!==Pr;);return H-r==0?Pr:e.slice(t,H)})())===Pr||i()===Pr?(H=t,Pr):((e,t)=>({type:"css",name:e,value:t}))(r,o)},C=()=>{n="cssName";let t=H,r=null;return(r=(()=>{const t=H,r=H;for(;u()!==Pr;);return H-r==0?Pr:e.slice(t,H)})())===Pr?(H=t,Pr):r},P=()=>{n="subrule";let t=H,r=null,o=null;return p()===Pr||N()===Pr||(r=(()=>{const t=H,r=H;for(;d()!==Pr;);return H-r==0?Pr:e.slice(t,H)})())===Pr||f()===Pr||(o=w())===Pr||h()===Pr?(H=t,Pr):(a=o,{type:"alt",selector:r.trim(),rules:a});var a},M=()=>{n="macro";let t=H,r=null,o=null;if((r=(()=>{const t=H,r=H;for(;_()!==Pr;);return H-r==0?Pr:e.slice(t,H)})())===Pr)return H=t,Pr;const a=(()=>{const e=H;let t=null,r=null,o=null;return(t=s())===Pr||(r=N())===Pr||(o=L())===Pr?(H=e,Pr):[t,r,o]})();return o=a===Pr?null:a,i()===Pr?(H=t,Pr):((e,t)=>({type:"macro",name:e,value:t?.[2]}))(r,o)},L=()=>{let e=null;return(e=O())!==Pr||(e=j())!==Pr?e:Pr},O=()=>{n="macroValue$0";let e=null;const t=[];let r=null;for(;(r=y())!==Pr;)t.push(r);return 0===t.length?Pr:(e=t,(e=>{const t=e.map(e=>e[1].trim());return t.arg=t.join(" "),t})(e))},j=()=>{n="macroValue$1";let t=H,r=null;return(r=(()=>{const t=H,r=H;for(;l()!==Pr;);return H-r==0?Pr:e.slice(t,H)})())===Pr?(H=t,Pr):(e=>{const t=[e.trim()];return t.arg=e,t})(r)},N=()=>{for(n="_";b()!==Pr;);};let H=0;const T=(()=>{n="$";let e=H,t=null;return(t=w())===Pr?(H=e,Pr):t})();return H!==e.length?(console.log("last",n),console.log("@",H),console.log(e.slice(H-10,H+10)),new Error("End of input not found")):T},Lr=document.createElement("style");Lr.setAttribute("data-name","windstorm-generated"),Lr.innerHTML="@layer ws.custom ws.user ws.element;",document.head.append(Lr);const Or=(e,...t)=>{const r=String.raw(e,...t);return jr(Mr(r),{"&":[]},"&")},jr=(e,t,r)=>{for(const o of e)Hr(o,t,r);return t},Nr=e=>e.replace(/@([a-zA-Z0-9\-_]+)/g,(e,t)=>`var(--${t})`),Hr=(e,t,r)=>{if("var"===e.type)return void t[r].push(`--${e.name}: ${Nr(e.value)};`);if("css"===e.type)return void t[r].push(`${e.name}: ${Nr(e.value)};`);if("macro"===e.type){const o=Tr[e.name];if(void 0===o)return void console.warn(`no macro for "${e.name}"`);for(const[n,a]of Object.entries(o)){const o=n.replace("&",r);t[o]=t[o]??[],t[o].push(...a.map(t=>Nr(t.replace(/%(arg|\d+)/g,(t,r)=>e.value?.[r]??""))))}return}const o=e.selector.replaceAll("&",r);t[o]=[...t[o]??[]],jr(e.rules,t,o)},Tr={},Rr=e=>void 0!==Tr[e]?()=>{}:(t,...r)=>Tr[e]=Or(t,...r),Wr=e=>Object.entries(e).reduce((e,[t,r])=>{if(!0===t.startsWith("|")){const o=t.lastIndexOf("|"),n=[`@media (${t.slice(1,o)}) {`,`&${t.slice(o+1)} {`,...r,"}","}"].join("\n");return e.push(n),e}return e.push(`${t} {\n${r.join("\n")}\n}`),e},[]),Dr=(e,t="ws.custom")=>(r,...o)=>{const n=Or(r,...o);e.startsWith("@");const a=Wr(n).map(t=>t.replaceAll("&",e)),s=`@layer ${t} { ${a.join("\n")} }`;Lr.sheet.insertRule(s)},Ur={origin:"https://wind-cdn.axel669.net",...window.wsConfig,version:"1.0.0-beta.10",iconVersion:"3.34.0"},Fr={},qr=async(e,t)=>{const r=Fr[t],o=`ws-icon-${t}`;if(void 0!==r){if(await r.loaded,"loaded"!==r.status||null===e)return;return void e.style.setProperty("--icon-font",o)}const n=new FontFace(o,`url(${Ur.origin}/icon/${t}.woff?v${Ur.iconVersion})`);Fr[t]=n;try{await n.load()}catch(e){console.error(e)}document.fonts.add(n),qr(e,t)},Ir=e=>{if(void 0===e.tagName)return;const t=e.dataset.icon??null;null!==t&&qr(e,t)},Vr={childList(e){0!==e.addedNodes.length&&e.addedNodes.forEach(e=>{void 0!==e.tagName&&[e,...e.querySelectorAll("*")].forEach(Ir)})},attributes(e){Ir(e.target)}};new MutationObserver(e=>e.forEach(e=>Vr[e.type](e))).observe(document.body,{subtree:!0,attributes:!0,childList:!0,attributeFilter:["data-icon"]});const Zr=(...e)=>{for(const t of e)qr(null,t)};Rr("appr")`*apperance:%arg; *-webkit-appearance:%arg;`,Rr("area")`*grid-area:%arg;`,Rr("b")`*border:%arg;`,Rr("b.b")`*border-bottom:%arg;`,Rr("b.b.c")`*border-bottom-color:%arg;`,Rr("b.b.s")`*border-bottom-style:%arg;`,Rr("b.b.w")`*border-bottom-width:%arg;`,Rr("b.c")`*border-color:%arg;`,Rr("b.l")`*border-left:%arg;`,Rr("b.l.c")`*border-left-color:%arg;`,Rr("b.l.s")`*border-left-style:%arg;`,Rr("b.l.w")`*border-left-width:%arg;`,Rr("b.r")`*border-right:%arg;`,Rr("b.r.c")`*border-right-color:%arg;`,Rr("b.r.s")`*border-right-style:%arg;`,Rr("b.r.w")`*border-right-width:%arg;`,Rr("b.s")`*border-style:%arg;`,Rr("b.t")`*border-top:%arg;`,Rr("b.t.c")`*border-top-color:%arg;`,Rr("b.t.s")`*border-top-style:%arg;`,Rr("b.t.w")`*border-top-width:%arg;`,Rr("b.w")`*border-width:%arg;`,Rr("b.x")`*border-left:%arg; *border-right:%arg;`,Rr("b.x.c")`*border-left-color:%arg; *border-right-color:%arg;`,Rr("b.x.s")`*border-left-style:%arg; *border-right-style:%arg;`,Rr("b.x.w")`*border-left-width:%arg; *border-right-width:%arg;`,Rr("b.y")`*border-top:%arg; *border-bottom:%arg;`,Rr("b.y.c")`*border-top-color:%arg; *border-bottom-color:%arg;`,Rr("b.y.s")`*border-top-style:%arg; *border-bottom-style:%arg;`,Rr("b.y.w")`*border-top-width:%arg; *border-bottom-width:%arg;`,Rr("bg")`*background:%arg;`,Rr("bg.att")`*background-attachment:%arg;`,Rr("bg.c")`*background-color:%arg;`,Rr("bg.img")`*background-image:%arg;`,Rr("bg.pos")`*background-position:%arg;`,Rr("bg.rep")`*background-repeat:%arg;`,Rr("bg.sz")`*background-size:%arg;`,Rr("c")`*color:%arg;`,Rr("col")`*grid-column:%arg;`,Rr("cur")`*cursor:%arg;`,Rr("disp")`*display:%arg;`,Rr("fl.basis")`*flex-basis:%arg;`,Rr("fl.cross")`*align-items:%arg;`,Rr("fl.dir")`*flex-direction:%arg;`,Rr("fl.flow")`*flex-flow:%arg;`,Rr("fl.grow")`*flex-grow:%arg;`,Rr("fl.main")`*justify-content:%arg;`,Rr("fl.shrink")`*flex-shrink:%arg;`,Rr("fl.size")`*flex:%arg;`,Rr("fl.wr")`*flex-wrap:%arg;`,Rr("font")`*font-family:%arg;`,Rr("gap")`*gap:%arg;`,Rr("gap.col")`*column-gap:%arg;`,Rr("gap.row")`*row-gap:%arg;`,Rr("gr.areas")`*grid-template-areas:%arg;`,Rr("gr.cols")`*grid-template-columns:%arg;`,Rr("gr.cols.a")`*grid-auto-columns:%arg;`,Rr("gr.flow")`*grid-auto-flow:%arg;`,Rr("gr.rows")`*grid-template-rows:%arg;`,Rr("gr.rows.a")`*grid-auto-rows:%arg;`,Rr("h")`*height:%arg;`,Rr("h.max")`*max-height:%arg;`,Rr("h.min")`*min-height:%arg;`,Rr("inset")`*top:%arg; *left:%arg; *bottom:%arg; *right:%arg;`,Rr("inset.x")`*left:%arg; *right:%arg;`,Rr("inset.y")`*top:%arg; *bottom:%arg;`,Rr("m")`*margin:%arg;`,Rr("m.b")`*margin-bottom:%arg;`,Rr("m.l")`*margin-left:%arg;`,Rr("m.r")`*margin-right:%arg;`,Rr("m.t")`*margin-top:%arg;`,Rr("m.x")`*margin-left:%arg; *margin-right:%arg;`,Rr("m.y")`*margin-bottom:%arg; *margin-top:%arg;`,Rr("o")`*opacity:%arg;`,Rr("outln")`*outline:%arg;`,Rr("over")`*overflow:%arg;`,Rr("over.x")`*overflow-x:%arg;`,Rr("over.y")`*overflow-y:%arg;`,Rr("p")`*padding:%arg;`,Rr("p.b")`*padding-bottom:%arg;`,Rr("p.l")`*padding-left:%arg;`,Rr("p.r")`*padding-right:%arg;`,Rr("p.t")`*padding-top:%arg;`,Rr("p.x")`*padding-left:%arg; *padding-right:%arg;`,Rr("p.y")`*padding-top:%arg; *padding-bottom:%arg;`,Rr("pos")`*position:%arg;`,Rr("pos.abs")`*position:absolute;`,Rr("pos.fix")`*position:fixed;`,Rr("pos.rel")`*position:relative;`,Rr("pos.stick")`*position:sticky;`,Rr("r")`*border-radius:%arg;`,Rr("r.b")`*border-bottom-left-radius:%arg; *border-bottom-right-radius:%arg;`,Rr("r.bl")`*border-bottom-left-radius:%arg;`,Rr("r.br")`*border-bottom-right-radius:%arg;`,Rr("r.l")`*border-top-left-radius:%arg; *border-bottom-left-radius:%arg;`,Rr("r.r")`*border-top-right-radius:%arg; *border-bottom-right-radius:%arg;`,Rr("r.t")`*border-top-left-radius:%arg; *border-top-right-radius:%arg;`,Rr("r.tl")`*border-top-left-radius:%arg;`,Rr("r.tr")`*border-top-right-radius:%arg;`,Rr("row")`*grid-row:%arg;`,Rr("sel")`*user-select:%arg;`,Rr("self.cross")`*align-self:%arg;`,Rr("self.main")`*justify-self:%arg;`,Rr("sh.box")`*box-shadow:%arg;`,Rr("sh.text")`*text-shadow:%arg;`,Rr("t.a")`*text-align:%arg;`,Rr("t.br")`*word-break:%arg;`,Rr("t.c")`*color:%arg;`,Rr("t.deco")`*text-decoration:%arg;`,Rr("t.lh")`*line-height:%arg;`,Rr("t.over")`*text-overflow:%arg;`,Rr("t.st")`*font-style:%arg;`,Rr("t.sz")`*font-size:%arg;`,Rr("t.tf")`*text-transform:%arg;`,Rr("t.var")`*font-variant:%arg;`,Rr("t.wrap")`*word-wrap:%arg;`,Rr("t.ws")`*white-space:%arg;`,Rr("t.wt")`*font-weight:%arg;`,Rr("tf")`*transform:%arg;`,Rr("tf.o")`*transform-origin:%arg;`,Rr("tf.p")`*perspective:%arg;`,Rr("tr")`*transition:%arg;`,Rr("v.a")`*vertical-align:%arg;`,Rr("vis")`*visibility:%arg;`,Rr("w")`*width:%arg;`,Rr("w.max")`*max-width:%arg;`,Rr("w.min")`*min-width:%arg;`,Rr("x")`*left:%arg;`,Rr("-x")`*right:%arg;`,Rr("y")`*top:%arg;`,Rr("-y")`*bottom:%arg;`,Rr("z")`*z-index:%arg;`,Rr("fl.cn")`fl.cross:center; fl.main:center;`,Rr("fl.cn.cross")`fl.cross:center;`,Rr("fl.cn.main")`fl.main:center;`,Rr("flex")`disp:flex; fl.dir:%arg;`,Rr("grid")`disp:grid; gr.flow:%arg;`,Rr("hide")`disp:none;`,Rr("invis")`vis:hidden;`,Rr("sticky")`pos:sticky; y:0px; z:+1;`,Rr("adorn")`disp:flex; fl.cn; p:4px;`,Rr("pad.compact")`p:0px 4px;`,Rr("var.outln")`b.w:1px;`,Rr("var.fill")` @text-color:@c2; @fill-color:@c1; @active:@c2; b.c:transparent; `,Rr("fill.reset")` @text-color:initial; @fill-color:initial; `,Rr("var.lined")`b.w:0px; b.b.w:@border-size; r.b:0px;`,Rr("gr.cols-fit")`*grid-template-columns:repeat(auto-fit, minmax(%arg));`,Rr("gr.cols-fill")`*grid-template-columns:repeat(auto-fill, minmax(%arg));`,Rr("text.subtitle")`t.sz:@text-size-subtitle; flex; fl.main:center; p:0px 8px;`,Rr("text.title")`t.sz:@text-size-title; flex; fl.main:center; p:4px 8px;`,Rr("raise")`sh.box:0px calc(%arg * 1px + 2px) calc(%arg * 1px + 1px) -1px @shadow-color; z:+%arg;`,Rr("raised")`raise:1;`,Rr("scrollable")`over:auto;`,Rr("#animate")` @modal-transition:visibility @anim-time linear; @dialog-transition:opacity @anim-time ease; @popover-transition:opacity @anim-time ease; @drawer-transition:transform @anim-time ease; `,Rr("#no-animate")` @modal-transition:none; @dialog-transition:none; @popover-transition:none; @drawer-transition:none; `,Rr("#no-select-animate")` @select-cancel:none; `,Rr("layout.base")` over:hidden; disp:grid; ! body > & { pos:absolute; x:0px; y:0px; w:100%; h:100%; } ! :where(&) > * { area:content; } `,Rr("layout.3x3-center")` layout.base; @width:auto; @height:auto; disp:grid; gr.cols:[left-start top-start bottom-start] 1fr [left-end content-start] @width [content-end right-start] 1fr [right-end top-end bottom-end] ; gr.rows:[top-start left-start right-start] 1fr [top-end content-start] @height [content-end bottom-start] 1fr [bottom-end left-end right-end] ; `,Rr("layout.3row-center")` @height:auto; layout.base; disp:grid; gr.cols.a:1fr; gr.rows:1fr @height 1fr; gr.areas:"top" "content" "bottom"; `,Rr("layout.3col-center")` @width:auto; layout.base; disp:grid; gr.cols:1fr @width 1fr; gr.rows.a:1fr; gr.areas:"left content right"; `,Rr("layout.3row-controls")` layout.base; disp:grid; gr.cols.a:1fr; gr.rows:min-content 1fr min-content; gr.areas:"header" "content" "footer"; `,Rr("layout.3col-controls")` layout.base; disp:grid; gr.cols:min-content 1fr min-content; gr.rows.a:1fr; gr.areas:"menu content action"; `,Rr("layout.2col-sidebar")` layout.base; @col-a:1fr; @col-b:2fr; disp:grid; gr.cols:@col-a @col-b; gr.rows.a:1fr; gr.areas:"sidebar content"; `;const Br=e=>Object.entries(e).reduce((e,t)=>{const[r,o]=t;return null==o||!1===o?e:!0===o?(e.push(`${r};`),e):"object"==typeof o?(e.push(`${r} { ${Br(o)} }`),e):(e.push(`${r}: ${o};`),e)},[]).join(" "),Yr=Ur.version,Xr={get mobile(){return matchMedia("(hover: none)")}};Dr("*")` *box-sizing:border-box; *-webkit-tap-highlight-color:transparent; *border-width:0px; *border-style:solid; *outline-color:hsl(@mono, @layer-text); `,Dr("html, body")` *padding:0px; *margin:0px; *width:100%; *height:100%; *-webkit-tap-highlight-color:transparent; *-webkit-font-smoothing:antialiased; `,Dr("@font-face",null)` *font-family:Tektur; *font-display:swap; *src:url(${Ur.origin}/font/tektur.woff2?v${Ur.version}) format("woff2") ; `,Dr("@font-face",null)` *font-family:Roboto; *font-display:swap; *src:url(${Ur.origin}/font/roboto.woff2?v${Ur.version}) format("woff2") ; `;const Kr=Math.ceil(screen.height*devicePixelRatio*10)%10>=5;Rr("#theme.base")` font:@font; @sub-pixel-offset:${Kr?1:0}px; @z-info:5; @z-cover:25; @z-notif:50; @z-layer:100; @base-radius:4px; @anim-time:250ms; @short-anim-time:150ms; @text-size-normal:15px; @text-size-title:calc(@text-size-normal * 2); @text-size-header:calc(@text-size-normal * 1.5); @text-size-subtitle:calc(@text-size-normal * 0.9); @text-size-info:calc(@text-size-normal * 0.75); @color:@mono; @page-text-color:hsl(@color, @layer-text); bg.c:hsl(@color, @layer-bg); t.c:@page-text-color; t.sz:@text-size-normal; `,Rr("#theme.tron")` #theme.base; @font:Tektur; @mono:0, 0%; @primary:184, 80%; @accent:160, 80%; @info:208, 80%; @success:130, 80%; @warning:58, 80%; @error:4, 80%; @layer-bg:10%; @layer-surface:5%; @layer-element:60%; @layer-container:10%; @layer-border:25%; @layer-text:95%; @layer-fill:5%; @shadow-color:hsla(0, 0%, 69%, 0.25); @modal-color:hsla(0, 0%, 0%, 0.05); *color-scheme:dark; `,Rr("#theme.dark")` #theme.base; @font:Roboto; @mono:0, 0%; @primary:184, 80%; @accent:160, 80%; @info:208, 80%; @success:130, 80%; @warning:58, 80%; @error:4, 80%; @layer-bg:20%; @layer-surface:10%; @layer-element:50%; @layer-container:15%; @layer-border:30%; @layer-text:90%; @layer-fill:10%; @shadow-color:hsla(0, 0%, 69%, 0.25); @modal-color:hsla(0, 0%, 0%, 0.05); *color-scheme:dark; `,Rr("#theme.light")` #theme.base; @font:Roboto; @mono:0, 0%; @primary:184, 70%; @accent:160, 85%; @info:208, 85%; @success:130, 90%; @warning:58, 85%; @error:4, 80%; @layer-bg:85%; @layer-surface:95%; @layer-element:37.5%; @layer-container:90%; @layer-border:80%; @layer-text:10%; @layer-fill:95%; @shadow-color:hsla(0, 0%, 20%, 0.25); @modal-color:hsla(0, 0%, 0%, 0.05); `;var Gr=(e,...t)=>{const r=String.raw(e,...t),o=document.createElement("template");return o.innerHTML=r,()=>o.content.cloneNode(!0)};Dr("ws-circle-spinner, ws-hexagon-spinner")` @size:100px; w:@size; h:@size; disp:inline-block; `;const Jr=Gr` <style> :host { --color:var(--primary); --core-color:hsl(var(--color), var(--layer-element)); --alt-color:hsl(var(--color), var(--layer-border)); --size:200px; } svg { width:var(--size); height:var(--size); } @keyframes turn { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } } circle { animation-name:turn; animation-duration:calc(1000ms * var(--n)); animation-iteration-count:infinite; animation-timing-function:ease; stroke:var(--c); stroke-width:6; fill:none; animation-direction:var(--anim); } </style> <svg viewbox="-50 -50 100 100"> <circle style="--c:var(--core-color);--o:1; --anim:forward; --n:2.5;" cx=0 cy=0 r=45 stroke-dasharray="45 45"></circle> <circle style="--c:var(--alt-color);--o:0.5; --anim:reverse; --n:2;" cx=0 cy=0 r=35 stroke-dasharray="35 35"></circle> <circle style="--c:var(--core-color);--o:0.75; --anim:forward; --n:3.5;" cx=0 cy=0 r=25 stroke-dasharray="25 25"></circle> </svg> `;customElements.define("ws-circle-spinner",class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"closed"}).appendChild(Jr())}});const Qr=Gr` <style> :host { --color:var(--primary); --core-color:hsl(var(--color), var(--layer-element)); --alt-color:hsl(var(--color), var(--layer-border)); --size:200px; } svg { width:var(--size); height:var(--size); } circle { stroke-width:0; fill:var(--c); offset-path:path("M 0 -45 L 39 -22.5 L 39 22.5 L 0 45 L -39 22.5 L -39 -22.5 L 0 -45"); animation-name:mover; animation-duration:3000ms; animation-iteration-count:infinite; animation-timing-function:linear; } @keyframes mover { 0% { offset-distance:0%; } 100% { offset-distance:100%; } } @keyframes trail { 0% { stroke-dashoffset:0; } 100% { stroke-dashoffset:var(--len); } } path { animation-name:trail; animation-duration:3000ms; animation-iteration-count:infinite; animation-timing-function:linear; stroke:var(--c); stroke-width:6; fill:none; animation-direction:var(--anim); } </style> <svg viewbox="-50 -50 100 100"> <path d="M 0 -36 L 31 -18 L 31 18 L 0 36 L -31 18 L -31 -18 L 0 -36 Z" style="--c:var(--alt-color); --len:216;" stroke-dasharray="36 36" /> <path d="M 0 -22.5 L 19.5 -11.25 L 19.5 11.25 L 0 22.5 L -19.5 11.25 L -19.5 -11.25 L 0 -22.5 Z" style="--c:var(--core-color); --anim:reverse; --len:135;" stroke-dasharray="22.5 22.5" /> <circle r="3" style="--c:var(--core-color); animation-delay:-250ms;"/> <circle r="3" style="--c:var(--core-color); animation-delay:-1250ms;" /> <circle r="3" style="--c:var(--core-color); animation-delay:-2250ms;" /> </svg> `;customElements.define("ws-hexagon-spinner",class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"closed"}).appendChild(Qr())}});var eo=(e,t,r)=>` @l1:${e}; @l2:${t}; @l3:${r}; @c1:hsl(@color, @l1); @c2:hsl(@color, @l2); @c3:hsl(@color, @l3); @fill:var(--fill-color, transparent); @text:var(--text-color, @c1); @border:var(--border-color, @c3); @active:@text; `;Dr("ws-avatar")` @color:@mono; @size:36px; ${eo("@layer-element","@layer-fill")} disp:inline-flex; over:hidden; r:500px; fl.cross:center; fl.main:center; w:@size; h:@size; bg.c:@fill; t.c:@text; v.a:text-bottom; ! & > img { w:100%; } ! & > object { w:100%; h:100%; disp:flex; fl.cross:center; fl.main:center; } `,Dr("ws-badge")` @color:@primary; ${eo("@layer-element","@layer-fill")} pos:relative; disp:inline-grid; over:visible; ! &::after { pos:absolute; *content:attr(ws-text); -x:-10px; y:0px; tf:translateY(-50%); bg.c:@c1; *pointer-events:none; r:20px; p:4px; w.min:20px; h:20px; *box-sizing:border-box; t.a:center; t.sz:@text-size-subtitle; t.c:@c2; t.lh:14px; z:@z-info; t.wt:600; } `;var to=' over:hidden; pos:relative; cur:pointer; ! &::after { *content:""; pos:absolute; y:0px; x:0px; -y:0px; -x:0px; *pointer-events:none; o:0; bg.c:@active; tr:opacity @anim-time linear; } ! &:where(:not(:disabled)):active::after { tr:none; o:0.3; } ',ro=' over:hidden; pos:relative; ! |hover:hover| { ! &::before { *content:""; pos:absolute; y:0px; x:0px; -y:0px; -x:0px; *pointer-events:none; o:0; bg.c:@active; } ! &:where(:not(:disabled)):hover::before { tr:none; o:0.1; } } ';Dr(":where(button[data-ws], a[data-ws][button], label[data-ws][button])")` @color:@primary; ${eo("@layer-element","@layer-fill","@layer-border")} pos:relative; b:0px solid @border; font:@font; t.c:@text; bg.c:@fill; r:@base-radius; cur:pointer; p:8px 16px; over:hidden; *user-select:none; disp:inline-flex; fl.cross:center; fl.main:center; t.deco:none; t.wt:500; ! &:disabled { cur:default; *filter:saturate(30%) brightness(0.7); } ${ro} ${to} `,Dr("ws-chip")` @color:@mono; ${eo("@layer-element","@layer-fill","@layer-border")} disp:inline-flex; fl.cross:center; fl.main:center; r:100px; p:4px 12px; *user-select:none; v.a:text-bottom; t.c:@text-color; bg:@fill-color; b:1px solid @border; ! &[clickable] { cur:pointer; ${to} } `,Dr("label[control][data-ws]")` @color:@primary; @active:@mono; pos:relative; disp:inline-grid; gr.areas:"label label label" "start control end" "extra extra extra"; gr.rows:minmax(0px, min-content) auto minmax(0px, min-content); gr.cols:minmax(0px, min-content) auto minmax(0px, min-content); *user-select:none; over:hidden; b:0px solid hsl(@color, @layer-border); bg.c:hsl(@active, @layer-container); r:@base-radius; ! &:focus-within { @active:@color; } ! &:has(:not(button):disabled) { *filter:saturate(50%) brightness(0.7); } ! & > :is(input, select, ws-select, textarea) { area:control; b.w:0px; @color:inherit; ! &:focus { outln:none; } } ! & > :where(input, textarea) { t.c:hsl(@mono, @layer-text); font:@font; h.min:28px; w:100%; h:100%; p:4px; bg.c:transparent; w.min:16px; } ! & > :where(input[type="file"]) { pos:relative; p:0px; ! &::file-selector-button { font:@font; h:100%; m:0px; m.r:4px; p:4px; t.c:hsl(@color, @layer-element); bg.c:transparent; b.w:0px; t.deco:underline; } } ! & > [label-text] { area:label; p:4px; disp:flex; fl.dir:column; fl.cross:start; t.c:hsl(@color, @layer-element); t.ws:nowrap; t.sz:@text-size-normal; } `,Zr("caret-right-filled"),Dr(":where(details[data-ws])")` @color:@primary; @padding:8px; ${eo("@layer-element","@layer-fill")} b:0px solid @c3; p:0px @padding; r:4px; over:hidden; ! &:open { p.b:@padding; } ! & > summary { t.c:@c1; pos:relative; p:4px; p.l:24px; m.x:calc(-1 * @padding); cur:pointer; *user-select:none; ! &::before { pos:absolute; x:0px; y:50%; -y:0px; w:1em; disp:flex; fl.cross:center; fl.main:center; font:ws-icon-caret-right-filled; *speak:none; t.st:normal; t.wt:400; t.var:normal; t.tf:none; *content:"caret-right-filled"; tf:translateY(-50%); tr:transform 100ms linear; w:24px; h:24px; t.lh:24px; t.sz:18px; } ! &::marker, &::-webkit-details-marker { *content:""; disp:none; } } ! &:open > summary::before { tf:translateY(-50%) rotate(90deg); } `,Dr("ws-dialog")` pos:absolute; x:50%; y:50%; tf:translate(-50%, -50%); tr:var(--dialog-transition, none); o:0; ! [open] > & { o:unset; } ! [inline-desktop] > & { pos:relative; } `,Dr("ws-drawer")` pos:absolute; x:0px; y:0px; -y:0px; disp:grid; tr:var(--drawer-transition, none); tf:translateX(-100%); ! [open] > & { tf:unset; } `,Dr("ws-flex")` flex:column; gap:8px; p:8px; over:hidden; ! & > * { fl.shrink:0; } `,Dr("ws-grid")` disp:grid; over:hidden; gap:8px; p:8px; gr.rows.a:min-content; `,Dr("ws-icon")` disp:var(--icon-font, none); t.lh:1; ! &::before { disp:inline-block; font:@icon-font; *-webkit-font-smoothing:antialiased; *-moz-osx-font-smoothing:grayscale; *content:attr(data-icon); *word-break:keep-all; m.t:2px; } `,Dr("a[data-ws]:not([button])")` @color:@primary; t.c:hsl(@color, @layer-element); ! &:visited, &:hover { t.c:hsl(@color, @layer-element); } ! &[disabled] { *pointer-events:none; *filter:saturation(30%) brightness(0.7); } `;const oo=Gr` <style> :host { position:fixed; top:0px; left:0px; width:100vw; height:100vh; background-color:var(--modal-color); z-index:var(--z-cover); transition:var(--modal-transition, none); backdrop-filter:blur(2px); } ws-modal-overlay { position:absolute; inset:0px; } ws-modal-overlay:focus { outline:none; } :host(:not([open])) { visibility:hidden; } :host([clear]) { background-color:transparent; } @media (hover:hover) { :host([inline-desktop]) { position:relative; width:unset; height:unset; display:grid; grid-template-columns:1fr; grid-template-rows:1fr; z-index:unset; } :host([inline-desktop]) ws-modal-overlay { display:none; } } </style> <ws-modal-overlay> </ws-modal-overlay> <slot></slot> `;customElements.define("ws-modal",class extends HTMLElement{#e=null;constructor(){super(),this.#e=this.attachShadow({mode:"closed",delegatesFocus:!0}),this.#e.append(oo())}connectedCallback(){window.addEventListener("keydown",e=>{!0!=(!1===this.open||"Escape"!==e.key||!0===this.persistent)&&this.hide()}),this.#e.querySelector("ws-modal-overlay").addEventListener("click",e=>{!0!==this.persistent&&this.hide()})}get open(){return this.hasAttribute("open")}set open(e){if(!1===e){if(!1===this.open)return;return this.removeAttribute("open"),void this.dispatchEvent(new Event("close"))}this.setAttribute("open","")}get persistent(){return this.hasAttribute("persistent")}set persistent(e){!1!==e?this.setAttribute("persistent",""):this.removeAttribute("persistent")}get managed(){return this.hasAttribute("managed")}set managed(e){!1!==e?this.setAttribute("managed",""):this.removeAttribute("managed")}show(){this.open=!0}hide(e){!0!==this.managed||!0===e?this.open=!1:this.dispatchEvent(new Event("close"))}});const no=Gr` <style> ws-popover-position { transition:var(--popover-transition, none); opacity:0; } [open] ws-popover-position { opacity:unset; } </style> <slot></slot> <ws-modal> <ws-popover-position> <slot name="popover"></slot> </ws-popover-position> </ws-modal> `;customElements.define("ws-popover",class extends HTMLElement{static observedAttributes=["open","persistent"];#e=null;#t=null;constructor(){super(),this.#e=this.attachShadow({mode:"closed",delegatesFocus:!0}),this.#e.append(no()),this.#t=this.#e.querySelector("ws-modal")}connectedCallback(){this.#t.addEventListener("close",()=>{this.hide(),this.dispatchEvent(new Event("close"))}),!1!==this.open&&(this.#t.open=this.open,this.setVars())}attributeChangedCallback(e,t,r){null!==r?(this.#t[e]=!0,"open"===e&&this.setVars()):this.#t[e]=!1}setVars(){const e=(this.sizeTarget??this).getBoundingClientRect();this.style.setProperty("--x",`${e.x}px`),this.style.setProperty("--y",`${e.y}px`),this.style.setProperty("--w",`${e.width}px`),this.style.setProperty("--h",`${e.height}px`)}get open(){return this.hasAttribute("open")}set open(e){this.#t.open=e,!1!==e?this.setAttribute("open",""):this.removeAttribute("open")}get persistent(){return this.hasAttribute("persistent")}set persistent(e){this.#t.persistent=e,!1!==e?this.setAttribute("persistent",""):this.removeAttribute("persistent")}show(){this.open=!0,this.focus()}hide(){this.open=!1}});const ao=Gr` <style> @keyframes busy-load { from { transform:translateX(-100%); } to { transform:translateX(400%); } } :host { display:block; height:8px; border-radius:var(--base-radius); background-color:hsl(var(--mono), var(--layer-border)); position:relative; overflow:hidden; --color:var(--mono); } div::before, div::after { content:""; position:absolute; top:0px; left:0px; height:100%; --range:calc(var(--max, 1) - var(--min, 0)); --bar-width:calc(100% * var(--value, 0) / var(--range)); --buffer-width:calc(100% * var(--buffer, 0) / var(--range)); } div::before { background-color:hsl(var(--color), var(--layer-element)); } div::after { opacity:0.3; background-color:hsl(var(--color), var(--layer-element)); } :host(:not([busy])) div::before { width:var(--bar-width); } :host(:not([busy])) div::after { width:var(--buffer-width); } :host([busy]) div::before { width:25%; animation-name:busy-load; animation-iteration-count:infinite; animation-duration:2s; } </style> <div></div> `;customElements.define("ws-progress",class extends HTMLElement{static observedAttributes=["min","max","value","buffer"];#r=null;constructor(){super();const e=this.attachShadow({mode:"closed"});e.append(ao()),this.#r=e.querySelector("div")}get value(){return parseFloat(this.getAttribute("value")??"0")}get buffer(){return parseFloat(this.getAttribute("buffer")??"0")}get min(){return parseFloat(this.getAttribute("min")??"0")}get max(){return parseFloat(this.getAttribute("max")??"1")}get busy(){return this.hasAttribute("busy")}set value(e){!1===e&&this.removeAttribute("value"),this.setAttribute("value",e?.toString()??"")}set buffer(e){!1===e&&this.removeAttribute("buffer"),this.setAttribute("buffer",e?.toString()??"")}set min(e){!1===e&&this.removeAttribute("min"),this.setAttribute("min",e?.toString()??"")}set max(e){!1===e&&this.removeAttribute("max"),this.setAttribute("max",e?.toString()??"")}set busy(e){!1===e&&this.removeAttribute("busy"),this.setAttribute("busy",e)}#o(e,t){this.#r.style.setProperty(`--${e}`,this.getAttribute(e)||t)}connectedCallback(){this.#o("value","0"),this.#o("buffer","0"),this.#o("min","0"),this.#o("max","1")}attributeChangedCallback(e,t,r){this.#o(e,r)}});const so="caret-down-filled";Zr(so),Dr("ws-option")` ${eo("@layer-element","@layer-fill")} disp:block; p:8px; *pointer-events:auto; t.c:@text-color-normal; w.min:fit-content; ! &[selected] { bg.c:@c1; t.c:@c2; } ! & * { *pointer-events:none; } ${ro} ${to} `,Dr("ws-optgroup")` grid; gr.cols:16px 1fr; *pointer-events:none; ! &::before { *content:attr(label); disp:block; p:8px; col:1 / -1; bg.c:hsl(@color, @layer-container); } ! & > * { col:2; } `;const lo=Gr` <style> :host { --color:var(--mono); --modal-color:transparent; --max-height:250px; --c1:hsl(var(--color), var(--layer-border)); --c2:hsl(var(--color), var(--layer-surface)); display:inline-grid; grid-template-rows:1fr 0px; user-select:none; cursor:default; position:relative; border:1px solid var(--c1); border-radius:var(--base-radius); padding:4px; --modal-transition:var(--select-cancel, visibility var(--anim-time) linear); --popover-transition:var(--select-cancel, opacity var(--anim-time) ease-out); --select-transition:var(--select-cancel, transform var(--anim-time) ease-out); } slot[name=options] { display:block; overflow:visible; } ws-options { box-sizing:border-box; border:1px solid var(--c1); border-radius:var(--base-radius); color:hsl(var(--mono), var(--layer-text)); display:grid; position:absolute; max-height:var(--max-height); overflow:auto; background-color:var(--c2); grid-template-columns:1fr; border-radius:var(--base-radius); box-shadow:0px 2px 4px var(--shadow-color); transform:translateY(10px); transition:var(--select-transition); --sign:sign(var(--y) - 100vh + var(--opt-h)); --pos:calc( var(--y) - calc( max(var(--sign), 0)* (var(--opt-h) - var(--h)) ) ); top:var(--pos); left:var(--x); width:var(--w); transform-origin:top center; } :host([open]) ws-options { transform:translateY(0); } value-display { display:grid; user-select:none; grid-template-columns:1fr min-content; height:100%; } value-display:focus { outline:none; } ws-sel-caret { display:flex; align-items:center; justify-content:center; padding:4px; padding-right:0px; width:24px; } ws-sel-caret::before { display:block; font-family:ws-icon-${so}; content:attr(data-icon); } slot[name="selected"] { display:none; } slot[name="display"] { display:flex; align-items:center; } :host(:focus:not(:disabled)) { outline-style:auto; outline-width:1px; } :host(:disabled) { filter:saturate(50%) brightness(0.8); } </style> <value-display tabindex="0"> <slot name="selected"> <ws-selected>No Selection</ws-selected> </slot> <slot name="display"></slot> <ws-sel-caret data-icon="${so}"></ws-sel-caret> </value-display> <ws-popover> <slot slot="popover" name="options"> <ws-options> <slot></slot> </ws-options> </slot> </ws-popover> `,io="ws-option";customElements.define("ws-select",class extends HTMLElement{static formAssociated=!0;#n=null;#a=-1;#s=null;#l=null;#i=null;#c=null;#e=null;#u=null;#p(){return[...this.querySelectorAll(io)]}#d(e){const t=Array.from(e,e=>[...e.addedNodes]).flat();if(!1===t.some(e=>e.tagName?.toLowerCase()===io))return;const r=t.findLast(e=>e.tagName?.toLowerCase()===io&&!0===e.hasAttribute("selected"))??this.#s,o=this.#p();for(const e of o)e.removeAttribute("selected");this.selectedIndex=o.indexOf(r),this.updatePreview()}constructor(){super(),this.#e=this.attachShadow({mode:"closed",delegatesFocus:!0}),this.#e.append(lo()),this.#c=this.#e.querySelector("slot[name=selected]"),this.#i=this.#e.querySelector("ws-popover"),this.#u=this.#e.querySelector("value-display"),this.#i.sizeTarget=this,this.removeAttribute("open"),this.display=document.createElement("ws-display"),this.display.slot="display"}connectedCallback(){this.insertBefore(this.display,this.firstChild),this.updatePreview(),this.tabIndex=this.getAttribute("tabindex")??"0";const e=new MutationObserver(this.#d.bind(this));e.observe(this,{childList:!0,subtree:!0}),this.#l=e,this.role="combobox",this.addEventListener("click",()=>{this.open(),this.#u.focus()},{passive:!0}),this.#i.addEventListener("close",()=>this.close()),this.#i.addEventListener("pointerdown",e=>e.preventDefault()),this.#i.addEventListener("click",e=>{e.stopPropagation(),e.preventDefault()}),this.#e.querySelector("slot[name='options']").addEventListener("pointerdown",e=>e.preventDefault()),this.#e.querySelector("slot[name='options']").addEventListener("click",e=>{e.stopPropagation(),e.preventDefault();const t=e.target.tagName?.toLowerCase();"ws-option"===t&&(this.selectedIndex=this.#p().indexOf(e.target),this.close(),this.dispatchEvent(new Event("change",{bubbles:!0})),this.dispatchEvent(new Event("input",{bubbles:!0})))})}disconnectedCallback(){this.#l.disconnect()}get value(){return this.#n}set value(e){if(this.#n=e,null===e)return void(this.selectedIndex=-1);const t=this.#p(),r=t.find(t=>t.value===e||t.getAttribute("value")===e);this.selectedIndex=t.indexOf(r)}get selectedIndex(){return this.#a}set selectedIndex(e){this.#s?.removeAttribute("selected");const t=this.#p(),r=Math.min(e,t.length);this.#s=t[r]??null,this.#a=r,this.#s?.setAttribute("selected",""),this.#n=this.#s?.value??this.#s?.getAttribute("value")??this.#n,this.updatePreview()}updatePreview(){const e=this.querySelector("[slot=selected]")??this.#c;this.display.innerHTML=e.innerHTML,this.display.querySelector("ws-selected").innerHTML=this.#s?.getAttribute("preview")??this.#s?.innerHTML??this.getAttribute("blank")??"No Selection"}toggle(){null!==this.getAttribute("open")?this.close():this.open()}open(){this.setAttribute("open","");const e=this.querySelector("ws-options")??this.#e.querySelector("ws-options"),t=e.getBoundingClientRect();e.style.setProperty("--opt-h",`${t.height}px`),e.style.setProperty("--opt-w",`${t.width}px`),this.#i.show(),e.scrollTop=0,this.#s?.scrollIntoView()}close(){this.removeAttribute("open"),this.#i.hide()}__childValueMatch(e){const t=this.#p().indexOf(e);this.selectedIndex=t}}),Dr("ws-surface")` @color:@mono; ${eo("@layer-surface","@layer-border")} r:@base-radius; over:hidden; bg.c:@c1; b.c:@c2; disp:grid; gr.cols:1fr; gr.rows:1fr; `,Dr("table[data-ws]")` @color:@primary; *border-collapse:separate; *border-spacing:0px; b.s:solid; b.c:hsl(@color, @layer-border); b.b.w:1px; ! & th { bg.c:hsl(@color, @layer-container); } ! & :is(th, td:not(:empty)) { b.s:solid; b.c:hsl(@color, @layer-border); b.b.w:1px; p:4px; } ! & tbody tr:last-child :is(td, th) { b.b.w:0px; } ! &[sticky-header] thead { pos.stick; y:0px; z:+2; } ! &[sticky-header] th:first-child { pos.stick; z:+1; x:0px; -x:0px; } `,Dr("ws-text")` ! &[title] { t.sz:@text-size-title; disp:flex; fl.dir:column; p:0px 8px; fl.cross:start; fl.main:center; } ! &[header] { t.sz:@text-size-header; disp:flex; fl.dir:column; p:0px 8px; fl.cross:start; fl.main:center; } ! &[subtitle] { disp:inline-block; t.sz:@text-size-subtitle; p:0px 8px; } ! &[info] { disp:inline-block; t.sz:@text-size-info; } `,Dr("ws-tabs")` @color:@primary; ${eo("@layer-element","@layer-fill","@layer-border")} disp:grid; gr.cols.a:1fr; gr.rows.a:1fr; gr.flow:column; *user-select:none; gap:4px; `,Dr("label[tab]")` @fill:transparent; @text:@c1; @active:@c1; bg.c:@fill; t.c:@text; grid; gr.cols:1fr; gr.rows:min-content 2px; gr.areas:"content" "border"; pos:relative; ! & > input[type="radio"] { hide; } ! & > :where(*) { area:content; flex; fl.cn; p:8px; } ! &::before { *content:""; pos:absolute; -y:0px; x:0px; w:100%; h:2px; area:border; } ! &:has(input[type="radio"]:checked) { @fill:var(--fill-color, transparent); @text:var(--text-color, @c1); @active:unset; ! &::before { bg.c:@c1; } } ${to} `,Dr("ws-titlebar")` @border-size:2px; @color:@primary; @text-color:initial; @fill-color:initial; ${eo("@layer-element","@layer-fill","@layer-border")} layout.3col-controls; h.min:52px; *user-select:none; pos:relative; p:0px 2px; t.c:@text; bg.c:@fill; b.y:@border-size solid @border; `,Dr("ws-toast")` @color:@primary; t.c:@page-text-color; bg.c:hsl(@color, @layer-surface); pos:relative; disp:inline-grid; gr.cols:auto 1fr auto; gr.areas:"start content end"; r:@base-radius; *user-select:none; b:2px solid hsl(@color, @layer-element); h.min:32px; z:+0; ! & > :where(*) { area:content; } ! &::before, &::after { *content:""; w.min:20px; bg.c:hsl(@color, @layer-element); z:-1; } ! &::before { area:start; } ! &::after { area:end; } ! & > [notif-text] { disp:flex; fl.dir:column; fl.main:center; p:4px; } ! & > :not([notif-text]) { t.c:hsl(@mono, @layer-fill); @color:inherit; var.fill; } `,Dr("ws-toaster")` pos:fixed; z:var(--z-notif); disp:grid; gr.cols:fr; p:0px; gap:8px; h:min-content; w:280px; ! &[pos^="top-"] { y:20px; } ! &[pos^="center-"] { y:50%; tf:translateY(-50%); } ! &[pos^="bottom-"] { -y:20px; } ! &[pos$="-left"] { x:20px; } ! &[pos$="-center"] { x:50%; tf:translateX(-50%); } ! &[pos$="-right"] { -x:20px; } `,Zr("square-dashed","square-check-filled","circle","circle-check-filled","circle-filled");const co=' @color:var(--toggle-color, @primary); @size:20px; @core-color:hsl(@color, @layer-element); pos:relative; w:@size; h:@size; appr:none; m:0px; t.c:@core-color; v.a:middle; ! &::after { *content:""; pos:absolute; t.sz:calc(@size - 2px); *speak:none; t.st:normal; t.wt:400; t.var:normal; t.tf:none; y:50%; x:50%; w:@size; h:@size; tf:translate(-50%, -50%); disp:flex; fl.cross:center; fl.main:center; over:hidden; } ';Dr(":where(input[data-ws][type=checkbox]:not([switch]))")` ${co} ! &::after { font:ws-icon-square-dashed; *content:"square-dashed"; } ! &:checked::after { font:ws-icon-square-check-filled; *content:"square-check-filled"; } `,Dr(":where(input[data-ws][type=radio])")` ${co} ! &::after { font:ws-icon-circle; *content:"circle"; } ! &:checked::after { font:ws-icon-circle-check-filled; *content:"circle-check-filled"; } `,Dr(":where(input[data-ws][type=checkbox][switch])")` @color:@primary; @size:20px; @anim-time:100ms; appr:none; m:0px; pos:relative; w:calc(@size * 2); h:@size; v.a:middle; ! &::before { *content:""; pos:absolute; inset:calc(@size / 4); b:1px solid @color; r:calc(@size / 2); bg.c:hsl(@color, @layer-element); o:0.5; tr:background-color @anim-time linear; } ! &::after { *content:""; pos:absolute; w:@size; h:@size; y:0px; x:0px; tr:left @anim-time linear, background-color @anim-time linear; bg.c:hsl(@mono, @layer-element); r:@size; } ! &:checked::after { x:@size; bg.c:hsl(@color, @layer-element); } `,Dr("label[data-ws][toggle]")` @color:@primary; @active:@mono; pos:relative; *user-select:none; over:hidden; b:0px solid hsl(@color, @layer-border); bg.c:hsl(@active, @layer-container); r:@base-radius; p:4px; disp:flex; fl.main:space-between; ! &:focus-within { @active:@color; } ! & > input { @color:inherit; ! &:focus { outln:none; } } ! &:has(:not(button):disabled) { *filter:saturate(50%) brightness(0.7); } `,Dr("ws-tooltip")` @color:@mono; pos.rel; disp:inline-grid; ! &[pos]:hover::before { *content:attr(text); pos.abs; p:4px; bg.c:hsl(@color, @layer-container); b:1px solid hsl(@color, @layer-border); t.ws:nowrap; r:4px; z:+1; } ! &[pos="top"]:hover::before { -y:calc(100% + 8px); x:50%; tf:translateX(-50%); } ! &[pos="bottom"]:hover::before { y:calc(100% + 8px); x:50%; tf:translateX(-50%); } ! &[pos="left"]:hover::before { -x:calc(100% + 8px); y:50%; tf:translateY(-50%); } ! &[pos="right"]:hover::before { x:calc(100% + 8px); y:50%; tf:translateY(-50%); } `;const uo={},po=e=>{const t=(e=>{if(""===e||null===e||"true"===e)return;const t=Wr(Or({raw:[e]})),r=(e=>{let t=5381;for(let r=0;r<e.length;r+=1)t=33*t^e.charCodeAt(r);return t.toString(36)})(t.join("\n"));if(uo[r]=(uo[r]??0)+1,uo[r]>1)return r;const o=t.map(e=>e.replaceAll("&",`[data-wsid="${r}"]`));return Lr.sheet.insertRule(`@layer ws.element { ${o.join("\n")} }`,Lr.sheet.cssRules.length),r})(e.dataset?.ws?.trim()??"");void 0!==t?e.dataset.wsid=t:delete e.dataset?.wsid};new MutationObserver(e=>{const t=new Set(Array.from(e,e=>[e.target,...Array.from(e.addedNodes,e=>[e,...e.querySelectorAll?.("*")||[]])]).flat(3));for(const e of t)po(e)}).observe(document.body,{subtree:!0,attributes:!0,childList:!0,attributeFilter:["data-ws"]});for(const e of document.querySelectorAll("*"))po(e);var fo=Object.freeze({__proto__:null,component:(e,t="ws.user")=>Dr(e,t),macro:Rr,pageis:Xr,preloadIcons:Zr,version:Yr,x:Br});const ho=()=>({}),_o=(e,t=ho)=>(r,...o)=>{const n=e.wsPass??"ws",a=sr();Rr(a)(r,...o);const s=function(e){function t(t){var r=be({},t);return delete r.ref,e(r,t.ref||null)}return t.$$typeof=ke,t.render=e,t.prototype.isReactComponent=t.__f=!0,t.displayName="ForwardRef("+(e.displayName||e.name)+")",t}((r,o)=>{const s=t?.(r)??{},{[n]:l,...i}={...r,...s},c=`${a}; ${l??""}`.trim();return ar(e,{[n]:c,ref:o,...i})});return Object.defineProperty(s,"name",{value:`Wrapped(${e.name??e})`}),s},mo=_o("ze-adorn")`
2
2
  adorn;
3
- `,mo=e=>or("ws-modal",{...e}),go=Symbol("dialog none"),bo=e=>{const{persistent:t,dialog:r,onclose:o,dialogWS:n,...a}=e;return or(mo,{open:!0,managed:!0,persistent:t,onclose:o},or("ws-dialog",{ws:n},or(ur,{"*render":r,...a})))};bo.none=go;const vo=qt({stack:[]}),yo=e=>{const{stack:t}=pr(vo),r=t.map(e=>or(bo,{...e}));return or(Er,{},r)};bo.show=e=>new Promise(t=>{if(vo.stack.length>3)return;const{dialog:r,...o}=e,n=ar(),a=e=>{vo.stack=vo.stack.filter(e=>e.key!==n),t(e)};vo.stack.push(sr({$animate:[gr(100),vr(100)],...o,onclose:e=>{a(bo.none),o.onclose?.(e)},close:a,dialog:r,key:n}))});const wo=e=>or("ws-flex",{...e}),xo=e=>or("ws-grid",{...e}),ko=e=>{const{children:t,slot:r,layout:o=null,ws:n="",...a}=e;return or("ws-surface",{...a,ws:`${null===o?"disp: grid; gr.areas: 'content'; layout.base;":`layout.${o};`} ${n}`},t,Object.entries(r)?.map(e=>[or("ze-surface-slot",{ws:`grid; area: ${e[0]};`},or(ur,{"*render":e[1]}))])??[])},$o=e=>or(ko,{"ze-card":!0,...e,layout:"3row-controls"}),zo=e=>{const{ws:t="",...r}=e;return or("button",{ws:t,...r})},Ao=e=>{const{name:t,...r}=e;return or("ws-icon",{"data-icon":t,...r})},So=e=>{const{children:t,dismiss:r,...o}=e;return or("ws-toast",{...o},or("div",{ws:"grid;","notif-text":!0},t),or(zo,{ws:"area: end;",onclick:r},or(Ao,{name:"x"})))},Eo=qt({topLeft:[],centerLeft:[],bottomLeft:[],topRight:[],centerRight:[],bottomRight:[],topCenter:[],bottomCenter:[]}),Co=[["topLeft","top-left"],["centerLeft","center-left"],["bottomLeft","bottom-left"],["topRight","top-right"],["centerRight","center-right"],["bottomRight","bottom-right"],["topCenter","top-center"],["bottomCenter","bottom-center"]],Po=e=>{const t=pr(Eo),r=Co.map(e=>{const[r,o]=e,n=t[r].map(e=>{const{key:t,content:r,...o}=e;return or(So,{key:t,...o},r)});return or("ws-toaster",{pos:o,key:r},or(Er,{},n))});return or("ze-toasters",{},r)},Mo=Symbol("toaster timeout");Po.show=e=>{const{pos:t,timeout:r=5e3,...o}=e,n=ar(),a=e=>{clearTimeout(s),Eo[t]=Eo[t].filter(e=>e.key!==n),e!==Mo&&o.ondismiss?.()},s=setTimeout(()=>a(Mo),r);Eo[t].push(sr({$animate:[gr(100)],...o,dismiss:a,key:n}))};const Lo=e=>{const{ws:t="",layout:r=null,theme:o,children:n}=e;return document.body.dataset.ws=`#theme.${o}; ${t}`,or(k,{},or(ko,{layout:r,ws:"r: 0px;","data-app-surface":!0},n),or(yo,{}),or(Po,{}))},Oo=e=>or("ws-circle-spinner",{...e}),jo=e=>{const{ws:t="",labelWS:r,slot:o,children:n,...a}=e;return or("label",{control:!0,ws:t,...a},o.label?[or("ws-text",{"label-text":!0,ws:r},or(ur,{"*render":o.label}))]:[],n,o.start?[or("ze-input-start",{ws:"area: start; grid;"},or(ur,{"*render":o.start}))]:[],o.end?[or("ze-input-end",{ws:"area: end; grid;"},or(ur,{"*render":o.end}))]:[],o.extra?[or("ze-input-extra",{ws:"area: extra; grid;"},or(ur,{"*render":o.extra}))]:[])},No=ho("ze-data-table")`
3
+ `,go=e=>ar("ws-modal",{...e}),bo=Symbol("dialog none"),vo=e=>{const{persistent:t,dialog:r,onclose:o,dialogWS:n,...a}=e;return ar(go,{open:!0,managed:!0,persistent:t,onclose:o},ar("ws-dialog",{ws:n},ar(pr,{"*render":r,...a})))};vo.none=bo;const yo=qt({stack:[]}),wo=e=>{const{stack:t}=dr(yo),r=t.map(e=>ar(vo,{...e}));return ar(Cr,{},r)};vo.show=e=>new Promise(t=>{if(yo.stack.length>3)return;const{dialog:r,...o}=e,n=lr(),a=e=>{yo.stack=yo.stack.filter(e=>e.key!==n),t(e)};yo.stack.push(ir({$animate:[br(100),yr(100)],...o,onclose:e=>{a(vo.none),o.onclose?.(e)},close:a,dialog:r,key:n}))});const xo=e=>ar("ws-flex",{...e}),ko=e=>ar("ws-grid",{...e}),$o=e=>{const{children:t,slot:r,layout:o=null,ws:n="",...a}=e;return ar("ws-surface",{...a,ws:`${null===o?"disp: grid; gr.areas: 'content'; layout.base;":`layout.${o};`} ${n}`},t,Object.entries(r)?.map(e=>[ar("ze-surface-slot",{ws:`grid; area: ${e[0]};`},ar(pr,{"*render":e[1]}))])??[])},zo=e=>ar($o,{"ze-card":!0,...e,layout:"3row-controls"}),Ao=e=>{const{ws:t="",...r}=e;return ar("button",{ws:t,...r})},So=e=>{const{name:t,...r}=e;return ar("ws-icon",{"data-icon":t,...r})},Eo=e=>{const{children:t,dismiss:r,...o}=e;return ar("ws-toast",{...o},ar("div",{ws:"grid;","notif-text":!0},t),ar(Ao,{ws:"area: end;",onclick:r},ar(So,{name:"x"})))},Co=qt({topLeft:[],centerLeft:[],bottomLeft:[],topRight:[],centerRight:[],bottomRight:[],topCenter:[],bottomCenter:[]}),Po=[["topLeft","top-left"],["centerLeft","center-left"],["bottomLeft","bottom-left"],["topRight","top-right"],["centerRight","center-right"],["bottomRight","bottom-right"],["topCenter","top-center"],["bottomCenter","bottom-center"]],Mo=e=>{const t=dr(Co),r=Po.map(e=>{const[r,o]=e,n=t[r].map(e=>{const{key:t,content:r,...o}=e;return ar(Eo,{key:t,...o},r)});return ar("ws-toaster",{pos:o,key:r},ar(Cr,{},n))});return ar("ze-toasters",{},r)},Lo=Symbol("toaster timeout");Mo.show=e=>{const{pos:t,timeout:r=5e3,...o}=e,n=lr(),a=e=>{clearTimeout(s),Co[t]=Co[t].filter(e=>e.key!==n),e!==Lo&&o.ondismiss?.()},s=setTimeout(()=>a(Lo),r);Co[t].push(ir({$animate:[br(100)],...o,dismiss:a,key:n}))};const Oo=e=>{const{ws:t="",layout:r=null,theme:o,children:n}=e;return document.body.dataset.ws=`#theme.${o}; ${t}`,ar(k,{},ar($o,{layout:r,ws:"r: 0px;","data-app-surface":!0},n),ar(wo,{}),ar(Mo,{}))},jo=e=>ar("ws-circle-spinner",{...e}),No=e=>{const{ws:t="",labelWS:r,slot:o,children:n,...a}=e;return ar("label",{control:!0,ws:t,...a},o.label?[,ar("ws-text",{"label-text":!0,ws:r},ar(pr,{"*render":o.label}))]:[],n,o.start?[,ar("ze-input-start",{ws:"area: start; grid;"},ar(pr,{"*render":o.start}))]:[],o.end?[,ar("ze-input-end",{ws:"area: end; grid;"},ar(pr,{"*render":o.end}))]:[],o.extra?[,ar("ze-input-extra",{ws:"area: extra; grid;"},ar(pr,{"*render":o.extra}))]:[])},Ho=_o("ze-data-table")`
4
4
  pos.rel;
5
5
  grid;
6
6
  gr.cols: 1fr;
@@ -22,7 +22,7 @@ var e,t,r,o,n,a,s,l,i,c,u,p,d,f,h,_={},m=[],g=/acit|ex(?:s|g|n|p|$)|rph|grid|ows
22
22
  ! & tbody > tr {
23
23
  h: @row;
24
24
  }
25
- `,Ho=ho("ze-data-scroller")`
25
+ `,To=_o("ze-data-scroller")`
26
26
  pos.rel;
27
27
  over: auto;
28
28
  ! &::before {
@@ -32,16 +32,16 @@ var e,t,r,o,n,a,s,l,i,c,u,p,d,f,h,_={},m=[],g=/acit|ex(?:s|g|n|p|$)|rph|grid|ows
32
32
  h: 1px;
33
33
  y: calc(@h - 1px);
34
34
  }
35
- `,To=ho("ze-fake-scroll")`
35
+ `,Ro=_o("ze-fake-scroll")`
36
36
  disp: block;
37
37
  w: 100%;
38
38
  h: @h;
39
39
  pos.stick;
40
40
  y: 0px;
41
41
  over: hidden;
42
- `,Ro=ho("ze-data-footer")`
42
+ `,Wo=_o("ze-data-footer")`
43
43
  pos: rel;
44
44
  grid;
45
- `,Wo=ho("tbody")`
45
+ `,Do=_o("tbody")`
46
46
  tf: translateY(@p);
47
- `,Do=Symbol("empty row"),Uo=Symbol("null row"),Fo=e=>{const{keys:t}=e;return or("tr",{},t?.map(e=>[or("th",{},e)])??[])},qo=e=>{const{item:t,keys:r}=e;return or("tr",{},r?.map(e=>[or("td",{},t[e])])??[])},Io=e=>{const{show:t}=e;return or("div",{ws:"flex; fl.cn; h.min: 32px; gap: 4px;"},or("div",{},`Showing: ${t.start} - ${t.end} of ${t.total}`))},Vo=e=>{const{rowSize:t=30,headerSize:r=t,slot:o,ws:n,tableWS:a="",data:s}=e,l=dr({scrollPos:0,scrollMax:null,containerHeight:null,container:null,scrollWidth:0}),i=e=>{l.scrollPos=l.container.scrollTop},c=hr(()=>Object.keys(s?.[0]??{}),[s]),u=`@h: ${t*s.length+r}px; @header: ${r}px; @row: ${t}px;`,p=hr(()=>(e=>{const{scrollPos:t,scrollMax:r,rowSize:o,length:n,containerHeight:a}=e;if(null===r)return[0,0];const s=Math.ceil(a/o)-1,l=Math.floor(t/r*(n-s));return[l-1,l+s+1,s+2]})({scrollPos:l.scrollPos,scrollMax:l.scrollMax,containerHeight:l.containerHeight,rowSize:t,length:s.length}),[l.scrollPos,l.scrollMax,l.containerHeight,t,s.length]);ie(()=>{l.containerHeight=l.container.clientHeight,l.scrollMax=l.container.scrollHeight-l.containerHeight,l.container.addEventListener("scroll",i,{passive:!0});const e=new ResizeObserver(()=>{l.containerHeight=l.container.clientHeight,l.scrollMax=l.container.scrollHeight-l.containerHeight,l.scrollWidth=l.container.scrollWidth});return e.observe(l.container),()=>e.unobserve(l.container)},[]);p[2];const d=hr(()=>((e,t)=>{const r=e.slice(Math.max(t[0],0),t[1]);return-1===t[0]?[Do,...r]:r.length<t[2]?[...r,...Array.from({length:t[2]-r.length},()=>Uo)]:r})(s,p),[s,p]),f=hr(()=>({start:Math.max(1,p[0]+2),end:Math.min(s.length,p[1]-1),total:s.length}),[p,s.length]);s.length;const h=p[0]*t-l.scrollPos,_=o.row??qo,m=o.header??Fo,g=o.footer??Io;return or(No,{ws:n},or(Ho,{ref:fr(e=>l.container=sr(e)),ws:u},or(To,{ws:`@h: ${l.containerHeight}px;`},or("table",{ws:`w: 100%; *table-layout: fixed; ${a}`},or("thead",{},s?.length>0?[or(m,{keys:c})]:[or("tr",{},or("td",{},"N/A"))]),or(Wo,{style:`--p: ${h}px;`},ir(d?.map((e,t)=>[or(_,{item:e,keys:c,key:t})])??[],()=>[or("tr",{},or("td",{},"No Items"))]))))),or(Ro,{},or(g,{show:f,displayedRows:d})))},Zo=e=>{const{summaryWS:t,children:r,slot:o,ws:n="",...a}=e;return or("details",{ws:n,...a},or("summary",{ws:t},or(ur,{"*render":o.label})),r)},Bo=e=>{const{size:t=null,notif:r,...o}=e,n={...o,...null===t?{}:{[t]:""},"notif-text":!0===r?"":void 0};return or("ws-text",{...n})},Yo=e=>{const{ws:t,children:r,slot:o,...n}=e;return or("ws-titlebar",{ws:t,...n},void 0!==o.menu?[or("ze-menu",{ws:"flex; area: menu;"},or(ur,{"*render":o.menu}))]:[],r,void 0!==o.action?[or("ze-action",{ws:"flex; area: action;"},or(ur,{"*render":o.action}))]:[])},Xo="raised; var.outln; @color: @info; layout.3row-controls;",Ko=e=>{const{close:t,message:r,title:o="Alert",ok:n="Ok",style:a,onanimationend:s}=e,l=()=>t(!0);return or(ko,{layout:"3row-controls",ws:Xo,style:a,onanimationend:s,"slot:header":()=>[or(Yo,{ws:"@color: @info;"},or(Bo,{title:!0},o))],"slot:footer":()=>[or(xo,{ws:"p: 4px;"},or(zo,{onclick:l,ws:"@color: @success;"},n))]},or(wo,{},or(ur,{"*render":r})))},Go=e=>{const{close:t,message:r,title:o="Confirm",ok:n="Ok",cancel:a="Cancel",style:s,onanimationend:l}=e,i=()=>t(!0),c=()=>t(!1);return or(ko,{layout:"3row-controls",ws:Xo,style:s,onanimationend:l,"slot:header":()=>[or(Yo,{ws:"@color: @info;"},or(Bo,{title:!0},o))],"slot:footer":()=>[or(xo,{ws:"p: 4px; gr.cols: 1fr 1fr;"},or(zo,{onclick:c,ws:"@color: @error;"},a),or(zo,{onclick:i,ws:"@color: @success;"},n))]},or(k,{},r))},Jo=e=>{const{close:t,message:r,placeholder:o="",title:n="Prompt",ok:a="Ok",cancel:s="Cancel",style:l,onanimationend:i}=e,c=dr({text:"",input:null}),u=()=>t(c.text),p=()=>t(!1),d=e=>{e.preventDefault(),u(c.text)};return ie(()=>{c.input.focus()},[]),or(ko,{layout:"3row-controls",ws:Xo,style:l,onanimationend:i,"slot:header":()=>[or(Yo,{ws:"@color: @info;"},or(Bo,{title:!0},n))],"slot:content":()=>[or("form",{onsubmit:d},or(wo,{},or(jo,{label:r,ws:"var.lined; r: 0px;"},or("input",{type:"text",placeholder:o,$$value:{value:c.text,update:e=>c.text=lr(e.target)},ref:fr(e=>c.input=sr(e))}))))],"slot:footer":()=>[or(xo,{ws:"p: 4px; gr.cols: 1fr 1fr;"},or(zo,{onclick:p,ws:"@color: @error;"},s),or(zo,{onclick:u,ws:"@color: @success;"},a))]})};Bt["ws-modal.open"]="close",Kt("ws-modal",()=>!1);const Qo=[gr(175),$r(175)],en=e=>{const{"inline-desktop":t,key:r,onclose:o,...n}=e;return or(mo,{"inline-desktop":t,key:r,open:!0,managed:!0,onclose:o},or("ws-drawer",{...n}))},tn=e=>{const{open:t,$$open:r,onclose:o,...n}=e,a=hr(()=>ar());return or(Er,{},!0===(!0===t||!0===r?.value)?[or(en,{key:a,$animate:Qo,...n,onclose:r?.update??o})]:[])},rn=e=>or("ws-hexagon-spinner",{...e}),on=e=>{const{ws:t="",...r}=e;return or("a",{ws:t,...r})},nn=e=>{const{content:t,overlay:r,ws:o="",...n}=e,a=dr({popover:null});return or("ws-popover",{ws:o,...n,ref:fr(e=>a.popover=sr(e))},or(ur,{"*render":t,show:()=>a.popover.show()}),or("ze-popover-overlay",{slot:"popover"},or(ur,{"*render":r,hide:()=>a.popover.hide()})))},an=e=>or("ws-progress",{...e}),sn=e=>or("ws-option",{...e}),ln=e=>or("ws-optgroup",{...e}),cn=e=>e.map(e=>void 0!==e.group?or(ln,{label:e.group},cn(e.items)):or(sn,{value:e.value},e.label)),un=e=>{let{options:t,children:r,selected:o,...n}=e;const a=hr(()=>!0===Array.isArray(t)?cn(t):r,[r,t]),s=hr(()=>{if(void 0!==o){return or("div",{slot:"selected"},or(o,{}))}return null},[o]);return or("ws-select",{...n},s,a)},pn=(e,t)=>{const r=Object.keys(t).reduce((e,r)=>(!1===t[r]instanceof Promise||(e[r]=t[r]),e),{});if(!1===((e=null,t=null)=>{if(null===e||null===t)return!0;const r=Object.keys(e),o=Object.keys(t),n=r.find(e=>!1===o.includes(e))||o.find(e=>!1===r.includes(e));if(void 0!==n)return!0;for(const o of r)if(t[o]!==e[o])return!0;for(const r of o)if(t[r]!==e[r])return!0;return!1})(e.prev,r))return;const o=Object.keys(r),n=Promise.all(o.map(async e=>[e,await r[e]]));n.keep=!0,n.then(t=>{!1!==n.keep&&(e.resolved=sr(Object.fromEntries(t)))}),e.promise.keep=!1,e.promise=sr(n),e.resolved=null,e.prev=r},dn=new Map,fn=e=>{if(!0===dn.has(e))return dn.get(e);const t=t=>{const r=dr({promise:{},prev:{},resolved:null});if(pn(r,t),null!==r.resolved)return or(e,{...t,...r.resolved});const o=r.loading??null;return null===o?or("div",{},"Loading"):or(o,{})};return dn.set(e,t),t},hn=e=>{const{keys:t}=e;return or("tr",{},t?.map(e=>[or("th",{},e)])??[])},_n=e=>{const{item:t,keys:r}=e;return or("tr",{},r?.map(e=>[or("td",{},t[e])])??[])},mn=e=>{const{data:t,slot:r,sticky:o,ws:n="",...a}=e,{header:s=hn,row:l=_n}=r,i=hr(()=>Object.keys(t?.[0]??{}),[t]);return or("table",{ws:n,"stick-header":!0===o,...a},or("thead",{},t?.length>0?[or(ur,{"*render":s,keys:i})]:[or("tr",{},or("th",{},"N/A"))]),or("tbody",{},ir(t?.map((e,t)=>[or(ur,{"*render":l,item:e,keys:i,rowNum:t})])??[],()=>[or("tr",{},or("td",{},"No Items"))])))},gn=e=>{const{ws:t="",children:r,...o}=e;return or("label",{toggle:!0,ws:t,...o},r)},bn=e=>or("ws-tooltip",{...e});export{_o as Adorn,Ko as Alert,Lo as App,zo as Button,$o as Card,Oo as CircleSpinner,Go as Confirm,jo as ControlLabel,Vo as DataTable,Zo as Details,bo as Dialog,yo as DialogStack,tn as Drawer,or as Element,wo as Flex,k as Fragment,xo as Grid,rn as HexSpinner,Ao as Icon,on as Link,mo as Modal,ln as Optgroup,sn as Option,nn as Popover,an as Progress,Jo as Prompt,un as Select,ur as Slot,ko as Surface,mn as Table,Bo as Text,Yo as Titlebar,So as Toast,Po as Toaster,gn as ToggleLabel,bn as Tooltip,Er as Transitions,ir as __eachAlt,mr as animation,hr as calc,V as cloneElement,Z as createContext,br as drop,gr as fade,Sr as fromBottom,$r as fromLeft,zr as fromRight,Ar as fromTop,lr as getInputValue,It as getVersion,dr as localState,fr as lock,we as memo,Gt as options,vr as pop,t as preactOptions,qt as proxy,ar as randKey,nr as randName,sr as ref,I as renderApp,$t as renderString,pr as sharedState,wr as slideBottom,yr as slideTop,Zt as snapshot,kr as spinCW,ho as style,Vt as subscribe,fn as suspend,ue as useContext,ie as useEffect,ce as useMemo,le as useState,xr as visible,po as wind};
47
+ `,Uo=Symbol("empty row"),Fo=Symbol("null row"),qo=e=>{const{keys:t}=e;return ar("tr",{},t?.map(e=>[ar("th",{},e)])??[])},Io=e=>{const{item:t,keys:r}=e;return ar("tr",{},r?.map(e=>[ar("td",{},t[e])])??[])},Vo=e=>{const{show:t}=e;return ar("div",{ws:"flex; fl.cn; h.min: 32px; gap: 4px;"},ar("div",{},`Showing: ${t.start} - ${t.end} of ${t.total}`))},Zo=e=>{const{rowSize:t=30,headerSize:r=t,slot:o,ws:n,tableWS:a="",data:s}=e,l=fr({scrollPos:0,scrollMax:null,containerHeight:null,container:null,scrollWidth:0}),i=e=>{l.scrollPos=l.container.scrollTop},c=_r(()=>Object.keys(s?.[0]??{}),[s]),u=`@h: ${t*s.length+r}px; @header: ${r}px; @row: ${t}px;`,p=_r(()=>(e=>{const{scrollPos:t,scrollMax:r,rowSize:o,length:n,containerHeight:a}=e;if(null===r)return[0,0];const s=Math.ceil(a/o)-1,l=Math.floor(t/r*(n-s));return[l-1,l+s+1,s+2]})({scrollPos:l.scrollPos,scrollMax:l.scrollMax,containerHeight:l.containerHeight,rowSize:t,length:s.length}),[l.scrollPos,l.scrollMax,l.containerHeight,t,s.length]);ie(()=>{l.containerHeight=l.container.clientHeight,l.scrollMax=l.container.scrollHeight-l.containerHeight,l.container.addEventListener("scroll",i,{passive:!0});const e=new ResizeObserver(()=>{l.containerHeight=l.container.clientHeight,l.scrollMax=l.container.scrollHeight-l.containerHeight,l.scrollWidth=l.container.scrollWidth});return e.observe(l.container),()=>e.unobserve(l.container)},[]);p[2];const d=_r(()=>((e,t)=>{const r=e.slice(Math.max(t[0],0),t[1]);return-1===t[0]?[Uo,...r]:r.length<t[2]?[...r,...Array.from({length:t[2]-r.length},()=>Fo)]:r})(s,p),[s,p]),f=_r(()=>({start:Math.max(1,p[0]+2),end:Math.min(s.length,p[1]-1),total:s.length}),[p,s.length]);s.length;const h=p[0]*t-l.scrollPos,_=o.row??Io,m=o.header??qo,g=o.footer??Vo;return ar(Ho,{ws:n},ar(To,{ref:hr(e=>l.container=ir(e)),ws:u},ar(Ro,{ws:`@h: ${l.containerHeight}px;`},ar("table",{ws:`w: 100%; *table-layout: fixed; ${a}`},ar("thead",{},s?.length>0?[,ar(m,{keys:c})]:[,ar("tr",{},ar("td",{},"N/A"))]),ar(Do,{style:`--p: ${h}px;`},cr(d?.map((e,t)=>[ar(_,{item:e,keys:c,key:t})])??[],()=>[ar("tr",{},ar("td",{},"No Items"))]))))),ar(Wo,{},ar(g,{show:f,displayedRows:d})))},Bo=e=>{const{summaryWS:t,children:r,slot:o,ws:n="",...a}=e;return ar("details",{ws:n,...a},ar("summary",{ws:t},ar(pr,{"*render":o.label})),r)},Yo=e=>{const{size:t=null,notif:r,...o}=e,n={...o,...null===t?{}:{[t]:""},"notif-text":!0===r?"":void 0};return ar("ws-text",{...n})},Xo=e=>{const{ws:t,children:r,slot:o,...n}=e;return ar("ws-titlebar",{ws:t,...n},void 0!==o.menu?[,ar("ze-menu",{ws:"flex; area: menu;"},ar(pr,{"*render":o.menu}))]:[],r,void 0!==o.action?[,ar("ze-action",{ws:"flex; area: action;"},ar(pr,{"*render":o.action}))]:[])},Ko="raised; var.outln; @color: @info; layout.3row-controls;",Go=e=>{const{close:t,message:r,title:o="Alert",ok:n="Ok",style:a,onanimationend:s}=e,l=()=>t(!0);return ar($o,{layout:"3row-controls",ws:Ko,style:a,onanimationend:s,"slot:header":()=>[ar(Xo,{ws:"@color: @info;"},ar(Yo,{title:!0},o))],"slot:footer":()=>[ar(ko,{ws:"p: 4px;"},ar(Ao,{onclick:l,ws:"@color: @success;"},n))]},ar(xo,{},ar(pr,{"*render":r})))},Jo=e=>{const{close:t,message:r,title:o="Confirm",ok:n="Ok",cancel:a="Cancel",style:s,onanimationend:l}=e,i=()=>t(!0),c=()=>t(!1);return ar($o,{layout:"3row-controls",ws:Ko,style:s,onanimationend:l,"slot:header":()=>[ar(Xo,{ws:"@color: @info;"},ar(Yo,{title:!0},o))],"slot:footer":()=>[ar(ko,{ws:"p: 4px; gr.cols: 1fr 1fr;"},ar(Ao,{onclick:c,ws:"@color: @error;"},a),ar(Ao,{onclick:i,ws:"@color: @success;"},n))]},ar(k,{},r))},Qo=e=>{const{close:t,message:r,placeholder:o="",title:n="Prompt",ok:a="Ok",cancel:s="Cancel",style:l,onanimationend:i}=e,c=fr({text:"",input:null}),u=()=>t(c.text),p=()=>t(!1),d=e=>{e.preventDefault(),u(c.text)};return ie(()=>{c.input.focus()},[]),ar($o,{layout:"3row-controls",ws:Ko,style:l,onanimationend:i,"slot:header":()=>[ar(Xo,{ws:"@color: @info;"},ar(Yo,{title:!0},n))],"slot:content":()=>[ar("form",{onsubmit:d},ar(xo,{},ar(No,{label:r,ws:"var.lined; r: 0px;"},ar("input",{type:"text",placeholder:o,$$value:{value:c.text,type:"bind",update:e=>c.text=e},ref:hr(e=>c.input=ir(e))}))))],"slot:footer":()=>[ar(ko,{ws:"p: 4px; gr.cols: 1fr 1fr;"},ar(Ao,{onclick:p,ws:"@color: @error;"},s),ar(Ao,{onclick:u,ws:"@color: @success;"},a))]})};Bt["ws-modal.open"]="close",Kt("ws-modal",()=>!1);const en=[br(175),zr(175)],tn=e=>{const{"inline-desktop":t,key:r,onclose:o,...n}=e;return ar(go,{"inline-desktop":t,key:r,open:!0,managed:!0,onclose:o},ar("ws-drawer",{...n}))},rn=e=>{const{open:t,$$open:r,onclose:o,...n}=e,a=_r(()=>lr()),s=!0===t||!0===r?.value,l=r?.update??o;return ar(Cr,{},!0===s?[,ar(tn,{key:a,$animate:en,...n,onclose:()=>l(!1)})]:[])},on=e=>ar("ws-hexagon-spinner",{...e}),nn=e=>{const{ws:t="",...r}=e;return ar("a",{ws:t,...r})},an=e=>{const{content:t,overlay:r,ws:o="",...n}=e,a=fr({popover:null});return ar("ws-popover",{ws:o,...n,ref:hr(e=>a.popover=ir(e))},ar(pr,{"*render":t,show:()=>a.popover.show()}),ar("ze-popover-overlay",{slot:"popover"},ar(pr,{"*render":r,hide:()=>a.popover.hide()})))},sn=e=>ar("ws-progress",{...e}),ln=e=>ar("ws-option",{...e}),cn=e=>ar("ws-optgroup",{...e}),un=e=>e.map(e=>void 0!==e.group?ar(cn,{label:e.group},un(e.items)):ar(ln,{value:e.value},e.label)),pn=e=>{let{options:t,children:r,slot:o,...n}=e;const a=_r(()=>!0===Array.isArray(t)?un(t):r,[r,t]),s=_r(()=>void 0!==o.selected?ar("div",{slot:"selected"},ar(pr,{"*render":o.selected})):null,[o.selected]);return ar("ws-select",{...n},s,a)},dn=(e,t)=>{const r=Object.keys(t).reduce((e,r)=>(!1===t[r]instanceof Promise||(e[r]=t[r]),e),{});if(!1===((e=null,t=null)=>{if(null===e||null===t)return!0;const r=Object.keys(e),o=Object.keys(t),n=r.find(e=>!1===o.includes(e))||o.find(e=>!1===r.includes(e));if(void 0!==n)return!0;for(const o of r)if(t[o]!==e[o])return!0;for(const r of o)if(t[r]!==e[r])return!0;return!1})(e.prev,r))return;const o=Object.keys(r),n=Promise.all(o.map(async e=>[e,await r[e]]));n.keep=!0,n.then(t=>{!1!==n.keep&&(e.resolved=ir(Object.fromEntries(t)))}),e.promise.keep=!1,e.promise=ir(n),e.resolved=null,e.prev=r},fn=new Map,hn=e=>{if(!0===fn.has(e))return fn.get(e);const t=t=>{const r=fr({promise:{},prev:{},resolved:null});if(dn(r,t),null!==r.resolved)return ar(e,{...t,...r.resolved});const o=r.loading??null;return null===o?ar("div",{},"Loading"):ar(o,{})};return fn.set(e,t),t},_n=e=>{const{keys:t}=e;return ar("tr",{},t?.map(e=>[ar("th",{},e)])??[])},mn=e=>{const{item:t,keys:r}=e;return ar("tr",{},r?.map(e=>[ar("td",{},t[e])])??[])},gn=e=>{const{data:t,slot:r,sticky:o,ws:n="",...a}=e,{header:s=_n,row:l=mn}=r,i=_r(()=>Object.keys(t?.[0]??{}),[t]);return ar("table",{ws:n,"stick-header":!0===o,...a},ar("thead",{},t?.length>0?[,ar(pr,{"*render":s,keys:i})]:[,ar("tr",{},ar("th",{},"N/A"))]),ar("tbody",{},cr(t?.map((e,t)=>[ar(pr,{"*render":l,item:e,keys:i,rowNum:t})])??[],()=>[ar("tr",{},ar("td",{},"No Items"))])))},bn=e=>{const{ws:t="",children:r,...o}=e;return ar("label",{toggle:!0,ws:t,...o},r)},vn=e=>ar("ws-tooltip",{...e});export{mo as Adorn,Go as Alert,Oo as App,Ao as Button,zo as Card,jo as CircleSpinner,Jo as Confirm,No as ControlLabel,Zo as DataTable,Bo as Details,vo as Dialog,wo as DialogStack,rn as Drawer,ar as Element,xo as Flex,k as Fragment,ko as Grid,on as HexSpinner,So as Icon,nn as Link,go as Modal,cn as Optgroup,ln as Option,an as Popover,sn as Progress,Qo as Prompt,pn as Select,pr as Slot,$o as Surface,gn as Table,Yo as Text,Xo as Titlebar,Eo as Toast,Mo as Toaster,bn as ToggleLabel,vn as Tooltip,Cr as Transitions,cr as __eachAlt,gr as animation,_r as calc,V as cloneElement,Z as createContext,vr as drop,br as fade,Er as fromBottom,zr as fromLeft,Ar as fromRight,Sr as fromTop,Jt as getInputValue,It as getVersion,fr as localState,hr as lock,we as memo,Gt as options,yr as pop,t as preactOptions,qt as proxy,lr as randKey,sr as randName,ir as ref,I as renderApp,$t as renderString,dr as sharedState,xr as slideBottom,wr as slideTop,Zt as snapshot,$r as spinCW,_o as style,Vt as subscribe,hn as suspend,ue as useContext,ie as useEffect,ce as useMemo,le as useState,kr as visible,fo as wind};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@axel669/zephyr",
3
- "version": "1.0.0-dev.1",
3
+ "version": "1.0.0-dev.2",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/readme.md CHANGED
@@ -86,9 +86,12 @@ is processed and sent to the update function, and handle things like numeric
86
86
  inputs and date inputs. Custom behavior can also be registered for this step
87
87
  using the `registerInputValue` function.
88
88
 
89
- Finally, when binding to a piece of valtio state, the value can start with a `#`
90
- and it will automatically have an update function created that assigns back to
91
- the value, so the case of tracking a value can be done with very little syntax.
89
+ Two shorthands exist to help this process further:
90
+ - `#bind:` + the variable that holds the value can be used to have zephyr
91
+ automagically create the right object to send downward.
92
+ - `#group:` + the vaariable that holds the value can be used to bind the value
93
+ in the same way that svelte's `bind:group` works for radio and checkbox
94
+ inputs.
92
95
 
93
96
  ```jsx
94
97
  import * as zephyr from "@axel669/zephyr"
@@ -113,7 +116,26 @@ const state = ze.proxy({
113
116
  })
114
117
  // this will be expanded to:
115
118
  // value={state.text} oninput={(next) => state.text = next}
116
- const thing2 = <input type="text" $$value={#state.text} />
119
+ const thing2 = <input type="text" $$value={#bind:state.text} />
120
+
121
+ const state = ze.proxy({
122
+ checks: [],
123
+ radio: "first"
124
+ })
125
+ // this will add/remove values from the array corresponding to the value
126
+ // of each checkbox
127
+ const checks = <#frag>
128
+ <input type="checkbox" value="first" $$checked={#group:state.checks} />
129
+ <input type="checkbox" value="second" $$checked={#group:state.checks} />
130
+ <input type="checkbox" value="third" $$checked={#group:state.checks} />
131
+ <//>
132
+ // this will set the state.radio value to the string values of the selected
133
+ // radio input instead of a true/false like normal
134
+ const radios = <#frag>
135
+ <input type="radio" value="first" $$checked={#group:state.radio} />
136
+ <input type="radio" value="second" $$checked={#group:state.radio} />
137
+ <input type="radio" value="third" $$checked={#group:state.radio} />
138
+ <//>
117
139
  ```
118
140
 
119
141
  ### $: Render