tweak-ui 0.5.0 → 0.8.2

package/dist/tweak-ui.umd.js

@@ -1,2 +1,33 @@
-(function(X,Re){typeof exports=="object"&&typeof module<"u"?Re(exports):typeof define=="function"&&define.amd?define(["exports"],Re):(X=typeof globalThis<"u"?globalThis:X||self,Re(X.TweakUI={}))})(this,function(X){"use strict";function Re(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var ze,Rt;function me(){if(Rt)return ze;Rt=1;function t(e,n,u,a,c,f){return{tag:e,key:n,attrs:u,children:a,text:c,dom:f,is:void 0,domSize:void 0,state:void 0,events:void 0,instance:void 0}}return t.normalize=function(e){return Array.isArray(e)?t("[",void 0,void 0,t.normalizeChildren(e),void 0,void 0):e==null||typeof e=="boolean"?null:typeof e=="object"?e:t("#",void 0,void 0,String(e),void 0,void 0)},t.normalizeChildren=function(e){var n=[];if(e.length){for(var u=e[0]!=null&&e[0].key!=null,a=1;a<e.length;a++)if((e[a]!=null&&e[a].key!=null)!==u)throw new TypeError(u&&(e[a]!=null||typeof e[a]=="boolean")?"In fragments, vnodes must either all have keys or none have keys. You may wish to consider using an explicit keyed empty fragment, m.fragment({key: ...}), instead of a hole.":"In fragments, vnodes must either all have keys or none have keys.");for(var a=0;a<e.length;a++)n[a]=t.normalize(e[a])}return n},ze=t,ze}var Le,Et;function Mt(){if(Et)return Le;Et=1;var t=me();return Le=function(){var e=arguments[this],n=this+1,u;if(e==null?e={}:(typeof e!="object"||e.tag!=null||Array.isArray(e))&&(e={},n=this),arguments.length===n+1)u=arguments[n],Array.isArray(u)||(u=[u]);else for(u=[];n<arguments.length;)u.push(arguments[n++]);return t("",e.key,e,u)},Le}var Ne,Pt;function je(){return Pt||(Pt=1,Ne={}.hasOwnProperty),Ne}var Se,Tt;function qt(){if(Tt)return Se;Tt=1;var t=me(),e=Mt(),n=je(),u=/(?:(^|#|\.)([^#\.\[\]]+))|(\[(.+?)(?:\s*=\s*("|'|)((?:\\["'\]]|.)*?)\5)?\])/g,a=Object.create(null);function c(g){for(var h in g)if(n.call(g,h))return!1;return!0}function f(g){for(var h,d="div",v=[],q={};h=u.exec(g);){var $=h[1],y=h[2];if($===""&&y!=="")d=y;else if($==="#")q.id=y;else if($===".")v.push(y);else if(h[3][0]==="["){var M=h[6];M&&(M=M.replace(/\\(["'])/g,"$1").replace(/\\\\/g,"\\")),h[4]==="class"?v.push(M):q[h[4]]=M===""?M:M||!0}}return v.length>0&&(q.className=v.join(" ")),c(q)&&(q=null),a[g]={tag:d,attrs:q}}function s(g,h){var d=h.attrs,v=n.call(d,"class"),q=v?d.class:d.className;return h.tag=g.tag,g.attrs!=null?(d=Object.assign({},g.attrs,d),(q!=null||g.attrs.className!=null)&&(d.className=q!=null?g.attrs.className!=null?String(g.attrs.className)+" "+String(q):q:g.attrs.className!=null?g.attrs.className:null)):q!=null&&(d.className=q),v&&(d.class=null),g.tag==="input"&&n.call(d,"type")&&(d=Object.assign({type:d.type},d)),h.is=d.is,h.attrs=d,h}function l(g){if(g==null||typeof g!="string"&&typeof g!="function"&&typeof g.view!="function")throw Error("The selector must be either a string or a component.");var h=e.apply(1,arguments);return typeof g=="string"&&(h.children=t.normalizeChildren(h.children),g!=="[")?s(a[g]||f(g),h):(h.tag=g,h)}return Se=l,Se}var Fe,$t;function wn(){if($t)return Fe;$t=1;var t=me();return Fe=function(e){return e==null&&(e=""),t("<",void 0,void 0,e,void 0,void 0)},Fe}var De,Ot;function vn(){if(Ot)return De;Ot=1;var t=me(),e=Mt();return De=function(){var n=e.apply(0,arguments);return n.tag="[",n.children=t.normalizeChildren(n.children),n},De}var He,At;function xn(){if(At)return He;At=1;var t=qt();return t.trust=wn(),t.fragment=vn(),He=t,He}var Ve,It;function zt(){if(It)return Ve;It=1;var t=new WeakMap;function*e(n){var u=n.dom,a=n.domSize,c=t.get(u);if(u!=null)do{var f=u.nextSibling;t.get(u)===c&&(yield u,a--),u=f}while(a)}return Ve={delayedRemoval:t,domFor:e},Ve}var _e,Lt;function Cn(){if(Lt)return _e;Lt=1;var t=me(),e=zt(),n=e.delayedRemoval,u=e.domFor;return _e=function(){var a={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML"},c,f;function s(i){return i.ownerDocument}function l(i){return i.attrs&&i.attrs.xmlns||a[i.tag]}function g(i,r){if(i.state!==r)throw new Error("'vnode.state' must not be modified.")}function h(i){var r=i.state;try{return this.apply(r,arguments)}finally{g(i,r)}}function d(i){try{return s(i).activeElement}catch{return null}}function v(i,r,o,p,m,k,L){for(var F=o;F<p;F++){var T=r[F];T!=null&&q(i,T,m,L,k)}}function q(i,r,o,p,m){var k=r.tag;if(typeof k=="string")switch(r.state={},r.attrs!=null&&dt(r.attrs,r,o),k){case"#":$(i,r,m);break;case"<":M(i,r,p,m);break;case"[":O(i,r,o,p,m);break;default:z(i,r,o,p,m)}else ee(i,r,o,p,m)}function $(i,r,o){r.dom=s(i).createTextNode(r.children),E(i,r.dom,o)}var y={caption:"table",thead:"table",tbody:"table",tfoot:"table",tr:"tbody",th:"tr",td:"tr",colgroup:"table",col:"colgroup"};function M(i,r,o,p){var m=r.children.match(/^\s*?<(\w+)/im)||[],k=s(i).createElement(y[m[1]]||"div");o==="http://www.w3.org/2000/svg"?(k.innerHTML='<svg xmlns="http://www.w3.org/2000/svg">'+r.children+"</svg>",k=k.firstChild):k.innerHTML=r.children,r.dom=k.firstChild,r.domSize=k.childNodes.length;for(var L=s(i).createDocumentFragment(),F;F=k.firstChild;)L.appendChild(F);E(i,L,p)}function O(i,r,o,p,m){var k=s(i).createDocumentFragment();if(r.children!=null){var L=r.children;v(k,L,0,L.length,o,null,p)}r.dom=k.firstChild,r.domSize=k.childNodes.length,E(i,k,m)}function z(i,r,o,p,m){var k=r.tag,L=r.attrs,F=r.is;p=l(r)||p;var T=p?F?s(i).createElementNS(p,k,{is:F}):s(i).createElementNS(p,k):F?s(i).createElement(k,{is:F}):s(i).createElement(k);if(r.dom=T,L!=null&&ar(r,L,p),E(i,T,m),!S(r)&&r.children!=null){var D=r.children;v(T,D,0,D.length,o,null,p),r.tag==="select"&&L!=null&&ur(r,L)}}function H(i,r){var o;if(typeof i.tag.view=="function"){if(i.state=Object.create(i.tag),o=i.state.view,o.$$reentrantLock$$!=null)return;o.$$reentrantLock$$=!0}else{if(i.state=void 0,o=i.tag,o.$$reentrantLock$$!=null)return;o.$$reentrantLock$$=!0,i.state=i.tag.prototype!=null&&typeof i.tag.prototype.view=="function"?new i.tag(i):i.tag(i)}if(dt(i.state,i,r),i.attrs!=null&&dt(i.attrs,i,r),i.instance=t.normalize(h.call(i.state.view,i)),i.instance===i)throw Error("A view cannot return the vnode it received as argument");o.$$reentrantLock$$=null}function ee(i,r,o,p,m){H(r,o),r.instance!=null?(q(i,r.instance,o,p,m),r.dom=r.instance.dom,r.domSize=r.dom!=null?r.instance.domSize:0):r.domSize=0}function V(i,r,o,p,m,k){if(!(r===o||r==null&&o==null))if(r==null||r.length===0)v(i,o,0,o.length,p,m,k);else if(o==null||o.length===0)pe(i,r,0,r.length);else{var L=r[0]!=null&&r[0].key!=null,F=o[0]!=null&&o[0].key!=null,T=0,D=0;if(!L)for(;D<r.length&&r[D]==null;)D++;if(!F)for(;T<o.length&&o[T]==null;)T++;if(L!==F)pe(i,r,D,r.length),v(i,o,T,o.length,p,m,k);else if(F){for(var ie=r.length-1,J=o.length-1,Ie,ae,G,ne,Y,wt;ie>=D&&J>=T&&(ne=r[ie],Y=o[J],ne.key===Y.key);)ne!==Y&&R(i,ne,Y,p,m,k),Y.dom!=null&&(m=Y.dom),ie--,J--;for(;ie>=D&&J>=T&&(ae=r[D],G=o[T],ae.key===G.key);)D++,T++,ae!==G&&R(i,ae,G,p,_(r,D,m),k);for(;ie>=D&&J>=T&&!(T===J||ae.key!==Y.key||ne.key!==G.key);)wt=_(r,D,m),w(i,ne,wt),ne!==G&&R(i,ne,G,p,wt,k),++T<=--J&&w(i,ae,m),ae!==Y&&R(i,ae,Y,p,m,k),Y.dom!=null&&(m=Y.dom),D++,ie--,ne=r[ie],Y=o[J],ae=r[D],G=o[T];for(;ie>=D&&J>=T&&ne.key===Y.key;)ne!==Y&&R(i,ne,Y,p,m,k),Y.dom!=null&&(m=Y.dom),ie--,J--,ne=r[ie],Y=o[J];if(T>J)pe(i,r,D,ie+1);else if(D>ie)v(i,o,T,J+1,p,m,k);else{var fr=m,bn=J-T+1,Pe=new Array(bn),vt=0,K=0,xt=2147483647,Ct=0,Ie,kt;for(K=0;K<bn;K++)Pe[K]=-1;for(K=J;K>=T;K--){Ie==null&&(Ie=P(r,D,ie+1)),Y=o[K];var ke=Ie[Y.key];ke!=null&&(xt=ke<xt?ke:-1,Pe[K-T]=ke,ne=r[ke],r[ke]=null,ne!==Y&&R(i,ne,Y,p,m,k),Y.dom!=null&&(m=Y.dom),Ct++)}if(m=fr,Ct!==ie-D+1&&pe(i,r,D,ie+1),Ct===0)v(i,o,T,J+1,p,m,k);else if(xt===-1)for(kt=N(Pe),vt=kt.length-1,K=J;K>=T;K--)G=o[K],Pe[K-T]===-1?q(i,G,p,k,m):kt[vt]===K-T?vt--:w(i,G,m),G.dom!=null&&(m=o[K].dom);else for(K=J;K>=T;K--)G=o[K],Pe[K-T]===-1&&q(i,G,p,k,m),G.dom!=null&&(m=o[K].dom)}}else{var bt=r.length<o.length?r.length:o.length;for(T=T<D?T:D;T<bt;T++)ae=r[T],G=o[T],!(ae===G||ae==null&&G==null)&&(ae==null?q(i,G,p,k,_(r,T+1,m)):G==null?te(i,ae):R(i,ae,G,p,_(r,T+1,m),k));r.length>bt&&pe(i,r,T,r.length),o.length>bt&&v(i,o,T,o.length,p,m,k)}}}function R(i,r,o,p,m,k){var L=r.tag,F=o.tag;if(L===F&&r.is===o.is){if(o.state=r.state,o.events=r.events,lr(o,r))return;if(typeof L=="string")switch(o.attrs!=null&&yt(o.attrs,o,p),L){case"#":x(r,o);break;case"<":C(i,r,o,k,m);break;case"[":j(i,r,o,p,m,k);break;default:U(r,o,p,k)}else A(i,r,o,p,m,k)}else te(i,r),q(i,o,p,k,m)}function x(i,r){i.children.toString()!==r.children.toString()&&(i.dom.nodeValue=r.children),r.dom=i.dom}function C(i,r,o,p,m){r.children!==o.children?(Ce(i,r),M(i,o,p,m)):(o.dom=r.dom,o.domSize=r.domSize)}function j(i,r,o,p,m,k){V(i,r.children,o.children,p,m,k);var L=0,F=o.children;if(o.dom=null,F!=null){for(var T=0;T<F.length;T++){var D=F[T];D!=null&&D.dom!=null&&(o.dom==null&&(o.dom=D.dom),L+=D.domSize||1)}L!==1&&(o.domSize=L)}}function U(i,r,o,p){var m=r.dom=i.dom;p=l(r)||p,cr(r,i.attrs,r.attrs,p),S(r)||V(m,i.children,r.children,o,null,p)}function A(i,r,o,p,m,k){if(o.instance=t.normalize(h.call(o.state.view,o)),o.instance===o)throw Error("A view cannot return the vnode it received as argument");yt(o.state,o,p),o.attrs!=null&&yt(o.attrs,o,p),o.instance!=null?(r.instance==null?q(i,o.instance,p,k,m):R(i,r.instance,o.instance,p,m,k),o.dom=o.instance.dom,o.domSize=o.instance.domSize):r.instance!=null?(te(i,r.instance),o.dom=void 0,o.domSize=0):(o.dom=r.dom,o.domSize=r.domSize)}function P(i,r,o){for(var p=Object.create(null);r<o;r++){var m=i[r];if(m!=null){var k=m.key;k!=null&&(p[k]=r)}}return p}var I=[];function N(i){for(var r=[0],o=0,p=0,m=0,k=I.length=i.length,m=0;m<k;m++)I[m]=i[m];for(var m=0;m<k;++m)if(i[m]!==-1){var L=r[r.length-1];if(i[L]<i[m]){I[m]=L,r.push(m);continue}for(o=0,p=r.length-1;o<p;){var F=(o>>>1)+(p>>>1)+(o&p&1);i[r[F]]<i[m]?o=F+1:p=F}i[m]<i[r[o]]&&(o>0&&(I[m]=r[o-1]),r[o]=m)}for(o=r.length,p=r[o-1];o-- >0;)r[o]=p,p=I[p];return I.length=0,r}function _(i,r,o){for(;r<i.length;r++)if(i[r]!=null&&i[r].dom!=null)return i[r].dom;return o}function w(i,r,o){if(r.dom!=null){var p;if(r.domSize==null)p=r.dom;else{p=s(i).createDocumentFragment();for(var m of u(r))p.appendChild(m)}E(i,p,o)}}function E(i,r,o){o!=null?i.insertBefore(r,o):i.appendChild(r)}function S(i){if(i.attrs==null||i.attrs.contenteditable==null&&i.attrs.contentEditable==null)return!1;var r=i.children;if(r!=null&&r.length===1&&r[0].tag==="<"){var o=r[0].children;i.dom.innerHTML!==o&&(i.dom.innerHTML=o)}else if(r!=null&&r.length!==0)throw new Error("Child node of a contenteditable must be trusted.");return!0}function pe(i,r,o,p){for(var m=o;m<p;m++){var k=r[m];k!=null&&te(i,k)}}function xe(i,r,o,p){var m=r.state,k=h.call(o.onbeforeremove,r);if(k!=null){var L=f;for(var F of u(r))n.set(F,L);p.v++,Promise.resolve(k).finally(function(){g(r,m),he(i,r,p)})}}function he(i,r,o){--o.v===0&&(ht(r),Ce(i,r))}function te(i,r){var o={v:1};typeof r.tag!="string"&&typeof r.state.onbeforeremove=="function"&&xe(i,r,r.state,o),r.attrs&&typeof r.attrs.onbeforeremove=="function"&&xe(i,r,r.attrs,o),he(i,r,o)}function Ce(i,r){if(r.dom!=null)if(r.domSize==null)i.removeChild(r.dom);else for(var o of u(r))i.removeChild(o)}function ht(i){if(typeof i.tag!="string"&&typeof i.state.onremove=="function"&&h.call(i.state.onremove,i),i.attrs&&typeof i.attrs.onremove=="function"&&h.call(i.attrs.onremove,i),typeof i.tag!="string")i.instance!=null&&ht(i.instance);else{i.events!=null&&(i.events._=null);var r=i.children;if(Array.isArray(r))for(var o=0;o<r.length;o++){var p=r[o];p!=null&&ht(p)}}}function ar(i,r,o){for(var p in r)mt(i,p,null,r[p],o)}function mt(i,r,o,p,m){if(!(r==="key"||p==null||mn(r)||o===p&&!sr(i,r)&&typeof p!="object")){if(r[0]==="o"&&r[1]==="n")return yn(i,r,p);if(r.slice(0,6)==="xlink:")i.dom.setAttributeNS("http://www.w3.org/1999/xlink",r.slice(6),p);else if(r==="style")dn(i.dom,o,p);else if(gn(i,r,m)){if(r==="value"){if((i.tag==="input"||i.tag==="textarea")&&i.dom.value===""+p||i.tag==="select"&&o!==null&&i.dom.value===""+p||i.tag==="option"&&o!==null&&i.dom.value===""+p)return;if(i.tag==="input"&&i.attrs.type==="file"&&""+p!=""){console.error("`value` is read-only on file inputs!");return}}i.tag==="input"&&r==="type"?i.dom.setAttribute(r,p):i.dom[r]=p}else typeof p=="boolean"?p?i.dom.setAttribute(r,""):i.dom.removeAttribute(r):i.dom.setAttribute(r==="className"?"class":r,p)}}function or(i,r,o,p){if(!(r==="key"||o==null||mn(r)))if(r[0]==="o"&&r[1]==="n")yn(i,r,void 0);else if(r==="style")dn(i.dom,o,null);else if(gn(i,r,p)&&r!=="className"&&r!=="title"&&!(r==="value"&&(i.tag==="option"||i.tag==="select"&&i.dom.selectedIndex===-1&&i.dom===d(i.dom)))&&!(i.tag==="input"&&r==="type"))i.dom[r]=null;else{var m=r.indexOf(":");m!==-1&&(r=r.slice(m+1)),o!==!1&&i.dom.removeAttribute(r==="className"?"class":r)}}function ur(i,r){if("value"in r)if(r.value===null)i.dom.selectedIndex!==-1&&(i.dom.value=null);else{var o=""+r.value;(i.dom.value!==o||i.dom.selectedIndex===-1)&&(i.dom.value=o)}"selectedIndex"in r&&mt(i,"selectedIndex",null,r.selectedIndex,void 0)}function cr(i,r,o,p){var m;if(r!=null){r===o&&console.warn("Don't reuse attrs object, use new object for every redraw, this will throw in next major");for(var k in r)(m=r[k])!=null&&(o==null||o[k]==null)&&or(i,k,m,p)}if(o!=null)for(var k in o)mt(i,k,r&&r[k],o[k],p)}function sr(i,r){return r==="value"||r==="checked"||r==="selectedIndex"||r==="selected"&&(i.dom===d(i.dom)||i.tag==="option"&&i.dom.parentNode===d(i.dom))}function mn(i){return i==="oninit"||i==="oncreate"||i==="onupdate"||i==="onremove"||i==="onbeforeremove"||i==="onbeforeupdate"}function gn(i,r,o){return o===void 0&&(i.tag.indexOf("-")>-1||i.is||r!=="href"&&r!=="list"&&r!=="form"&&r!=="width"&&r!=="height")&&r in i.dom}function dn(i,r,o){if(r!==o)if(o==null)i.style="";else if(typeof o!="object")i.style=o;else if(r==null||typeof r!="object"){i.style="";for(var p in o){var m=o[p];m!=null&&(p.includes("-")?i.style.setProperty(p,String(m)):i.style[p]=String(m))}}else{for(var p in r)r[p]!=null&&o[p]==null&&(p.includes("-")?i.style.removeProperty(p):i.style[p]="");for(var p in o){var m=o[p];m!=null&&(m=String(m))!==String(r[p])&&(p.includes("-")?i.style.setProperty(p,m):i.style[p]=m)}}}function gt(){this._=c}gt.prototype=Object.create(null),gt.prototype.handleEvent=function(i){var r=this["on"+i.type],o;typeof r=="function"?o=r.call(i.currentTarget,i):typeof r.handleEvent=="function"&&r.handleEvent(i);var p=this;p._!=null&&(i.redraw!==!1&&(0,p._)(),o!=null&&typeof o.then=="function"&&Promise.resolve(o).then(function(){p._!=null&&i.redraw!==!1&&(0,p._)()})),o===!1&&(i.preventDefault(),i.stopPropagation())};function yn(i,r,o){if(i.events!=null){if(i.events._=c,i.events[r]===o)return;o!=null&&(typeof o=="function"||typeof o=="object")?(i.events[r]==null&&i.dom.addEventListener(r.slice(2),i.events,!1),i.events[r]=o):(i.events[r]!=null&&i.dom.removeEventListener(r.slice(2),i.events,!1),i.events[r]=void 0)}else o!=null&&(typeof o=="function"||typeof o=="object")&&(i.events=new gt,i.dom.addEventListener(r.slice(2),i.events,!1),i.events[r]=o)}function dt(i,r,o){typeof i.oninit=="function"&&h.call(i.oninit,r),typeof i.oncreate=="function"&&o.push(h.bind(i.oncreate,r))}function yt(i,r,o){typeof i.onupdate=="function"&&o.push(h.bind(i.onupdate,r))}function lr(i,r){do{if(i.attrs!=null&&typeof i.attrs.onbeforeupdate=="function"){var o=h.call(i.attrs.onbeforeupdate,i,r);if(o!==void 0&&!o)break}if(typeof i.tag!="string"&&typeof i.state.onbeforeupdate=="function"){var o=h.call(i.state.onbeforeupdate,i,r);if(o!==void 0&&!o)break}return!1}while(!1);return i.dom=r.dom,i.domSize=r.domSize,i.instance=r.instance,i.attrs=r.attrs,i.children=r.children,i.text=r.text,!0}var Me;return function(i,r,o){if(!i)throw new TypeError("DOM element being rendered to does not exist.");if(Me!=null&&i.contains(Me))throw new TypeError("Node is currently being rendered to and thus is locked.");var p=c,m=Me,k=[],L=d(i),F=i.namespaceURI;Me=i,c=typeof o=="function"?o:void 0,f={};try{i.vnodes==null&&(i.textContent=""),r=t.normalizeChildren(Array.isArray(r)?r:[r]),V(i,i.vnodes,r,k,null,F==="http://www.w3.org/1999/xhtml"?void 0:F),i.vnodes=r,L!=null&&d(i)!==L&&typeof L.focus=="function"&&L.focus();for(var T=0;T<k.length;T++)k[T]()}finally{c=p,Me=m}}},_e}var Ye,Nt;function jt(){return Nt||(Nt=1,Ye=Cn()(typeof window<"u"?window:null)),Ye}var Be,St;function kn(){if(St)return Be;St=1;var t=me();return Be=function(e,n,u){var a=[],c=!1,f=-1;function s(){for(f=0;f<a.length;f+=2)try{e(a[f],t(a[f+1]),l)}catch(h){u.error(h)}f=-1}function l(){c||(c=!0,n(function(){c=!1,s()}))}l.sync=s;function g(h,d){if(d!=null&&d.view==null&&typeof d!="function")throw new TypeError("m.mount expects a component, not a vnode.");var v=a.indexOf(h);v>=0&&(a.splice(v,2),v<=f&&(f-=2),e(h,[])),d!=null&&(a.push(h,d),e(h,t(d),l))}return{mount:g,redraw:l}},Be}var Ue,Ft;function Ke(){if(Ft)return Ue;Ft=1;var t=jt();return Ue=kn()(t,typeof requestAnimationFrame<"u"?requestAnimationFrame:null,typeof console<"u"?console:null),Ue}var Xe,Dt;function Ht(){return Dt||(Dt=1,Xe=function(t){if(Object.prototype.toString.call(t)!=="[object Object]")return"";var e=[];for(var n in t)u(n,t[n]);return e.join("&");function u(a,c){if(Array.isArray(c))for(var f=0;f<c.length;f++)u(a+"["+f+"]",c[f]);else if(Object.prototype.toString.call(c)==="[object Object]")for(var f in c)u(a+"["+f+"]",c[f]);else e.push(encodeURIComponent(a)+(c!=null&&c!==""?"="+encodeURIComponent(c):""))}}),Xe}var Ge,Vt;function Qe(){if(Vt)return Ge;Vt=1;var t=Ht();return Ge=function(e,n){if(/:([^\/\.-]+)(\.{3})?:/.test(e))throw new SyntaxError("Template parameter names must be separated by either a '/', '-', or '.'.");if(n==null)return e;var u=e.indexOf("?"),a=e.indexOf("#"),c=a<0?e.length:a,f=u<0?c:u,s=e.slice(0,f),l={};Object.assign(l,n);var g=s.replace(/:([^\/\.-]+)(\.{3})?/g,function(M,O,z){return delete l[O],n[O]==null?M:z?n[O]:encodeURIComponent(String(n[O]))}),h=g.indexOf("?"),d=g.indexOf("#"),v=d<0?g.length:d,q=h<0?v:h,$=g.slice(0,q);u>=0&&($+=e.slice(u,c)),h>=0&&($+=(u<0?"?":"&")+g.slice(h,v));var y=t(l);return y&&($+=(u<0&&h<0?"?":"&")+y),a>=0&&($+=e.slice(a)),d>=0&&($+=(a<0?"":"&")+g.slice(d)),$},Ge}var We,_t;function Rn(){if(_t)return We;_t=1;var t=Qe(),e=je();return We=function(n,u){function a(s){return new Promise(s)}function c(s,l){return new Promise(function(g,h){s=t(s,l.params);var d=l.method!=null?l.method.toUpperCase():"GET",v=l.body,q=(l.serialize==null||l.serialize===JSON.serialize)&&!(v instanceof n.FormData||v instanceof n.URLSearchParams),$=l.responseType||(typeof l.extract=="function"?"":"json"),y=new n.XMLHttpRequest,M=!1,O=!1,z=y,H,ee=y.abort;y.abort=function(){M=!0,ee.call(this)},y.open(d,s,l.async!==!1,typeof l.user=="string"?l.user:void 0,typeof l.password=="string"?l.password:void 0),q&&v!=null&&!f(l,"content-type")&&y.setRequestHeader("Content-Type","application/json; charset=utf-8"),typeof l.deserialize!="function"&&!f(l,"accept")&&y.setRequestHeader("Accept","application/json, text/*"),l.withCredentials&&(y.withCredentials=l.withCredentials),l.timeout&&(y.timeout=l.timeout),y.responseType=$;for(var V in l.headers)e.call(l.headers,V)&&y.setRequestHeader(V,l.headers[V]);y.onreadystatechange=function(R){if(!M&&R.target.readyState===4)try{var x=R.target.status>=200&&R.target.status<300||R.target.status===304||/^file:\/\//i.test(s),C=R.target.response,j;if($==="json"){if(!R.target.responseType&&typeof l.extract!="function")try{C=JSON.parse(R.target.responseText)}catch{C=null}}else(!$||$==="text")&&C==null&&(C=R.target.responseText);if(typeof l.extract=="function"?(C=l.extract(R.target,l),x=!0):typeof l.deserialize=="function"&&(C=l.deserialize(C)),x){if(typeof l.type=="function")if(Array.isArray(C))for(var U=0;U<C.length;U++)C[U]=new l.type(C[U]);else C=new l.type(C);g(C)}else{var A=function(){try{j=R.target.responseText}catch{j=C}var P=new Error(j);P.code=R.target.status,P.response=C,h(P)};y.status===0?setTimeout(function(){O||A()}):A()}}catch(P){h(P)}},y.ontimeout=function(R){O=!0;var x=new Error("Request timed out");x.code=R.target.status,h(x)},typeof l.config=="function"&&(y=l.config(y,l,s)||y,y!==z&&(H=y.abort,y.abort=function(){M=!0,H.call(this)})),v==null?y.send():typeof l.serialize=="function"?y.send(l.serialize(v)):v instanceof n.FormData||v instanceof n.URLSearchParams?y.send(v):y.send(JSON.stringify(v))})}a.prototype=Promise.prototype,a.__proto__=Promise;function f(s,l){for(var g in s.headers)if(e.call(s.headers,g)&&g.toLowerCase()===l)return!0;return!1}return{request:function(s,l){typeof s!="string"?(l=s,s=s.url):l==null&&(l={});var g=c(s,l);if(l.background===!0)return g;var h=0;function d(){--h===0&&typeof u=="function"&&u()}return v(g);function v(q){var $=q.then;return q.constructor=a,q.then=function(){h++;var y=$.apply(q,arguments);return y.then(d,function(M){if(d(),h===0)throw M}),v(y)},q}}}},We}var Je,Yt;function En(){if(Yt)return Je;Yt=1;var t=Ke();return Je=Rn()(typeof window<"u"?window:null,t.redraw),Je}var Ze,Bt;function Ut(){if(Bt)return Ze;Bt=1;function t(e){try{return decodeURIComponent(e)}catch{return e}}return Ze=function(e){if(e===""||e==null)return{};e.charAt(0)==="?"&&(e=e.slice(1));for(var n=e.split("&"),u={},a={},c=0;c<n.length;c++){var f=n[c].split("="),s=t(f[0]),l=f.length===2?t(f[1]):"";l==="true"?l=!0:l==="false"&&(l=!1);var g=s.split(/\]\[?|\[/),h=a;s.indexOf("[")>-1&&g.pop();for(var d=0;d<g.length;d++){var v=g[d],q=g[d+1],$=q==""||!isNaN(parseInt(q,10));if(v===""){var s=g.slice(0,d).join();u[s]==null&&(u[s]=Array.isArray(h)?h.length:0),v=u[s]++}else if(v==="__proto__")break;if(d===g.length-1)h[v]=l;else{var y=Object.getOwnPropertyDescriptor(h,v);y!=null&&(y=y.value),y==null&&(h[v]=y=$?[]:{}),h=y}}}return a},Ze}var et,Kt;function tt(){if(Kt)return et;Kt=1;var t=Ut();return et=function(e){var n=e.indexOf("?"),u=e.indexOf("#"),a=u<0?e.length:u,c=n<0?a:n,f=e.slice(0,c).replace(/\/{2,}/g,"/");return f?f[0]!=="/"&&(f="/"+f):f="/",{path:f,params:n<0?{}:t(e.slice(n+1,a))}},et}var nt,Xt;function Mn(){if(Xt)return nt;Xt=1;var t=tt();return nt=function(e){var n=t(e),u=Object.keys(n.params),a=[],c=new RegExp("^"+n.path.replace(/:([^\/.-]+)(\.{3}|\.(?!\.)|-)?|[\\^$*+.()|\[\]{}]/g,function(f,s,l){return s==null?"\\"+f:(a.push({k:s,r:l==="..."}),l==="..."?"(.*)":l==="."?"([^/]+)\\.":"([^/]+)"+(l||""))})+"\\/?$");return function(f){for(var s=0;s<u.length;s++)if(n.params[u[s]]!==f.params[u[s]])return!1;if(!a.length)return c.test(f.path);var l=c.exec(f.path);if(l==null)return!1;for(var s=0;s<a.length;s++)f.params[a[s].k]=a[s].r?l[s+1]:decodeURIComponent(l[s+1]);return!0}},nt}var rt,Gt;function Qt(){if(Gt)return rt;Gt=1;var t=je(),e=new RegExp("^(?:key|oninit|oncreate|onbeforeupdate|onupdate|onbeforeremove|onremove)$");return rt=function(n,u){var a={};if(u!=null)for(var c in n)t.call(n,c)&&!e.test(c)&&u.indexOf(c)<0&&(a[c]=n[c]);else for(var c in n)t.call(n,c)&&!e.test(c)&&(a[c]=n[c]);return a},rt}var it,Wt;function Pn(){if(Wt)return it;Wt=1;var t=me(),e=qt(),n=Qe(),u=tt(),a=Mn(),c=Qt(),f={};function s(l){try{return decodeURIComponent(l)}catch{return l}}return it=function(l,g){var h=l==null?null:typeof l.setImmediate=="function"?l.setImmediate:l.setTimeout,d=Promise.resolve(),v=!1,q=!1,$=0,y,M,O=f,z,H,ee,V,R={onbeforeupdate:function(){return $=$?2:1,!(!$||f===O)},onremove:function(){l.removeEventListener("popstate",j,!1),l.removeEventListener("hashchange",C,!1)},view:function(){if(!(!$||f===O)){var P=[t(z,H.key,H)];return O&&(P=O.render(P[0])),P}}},x=A.SKIP={};function C(){v=!1;var P=l.location.hash;A.prefix[0]!=="#"&&(P=l.location.search+P,A.prefix[0]!=="?"&&(P=l.location.pathname+P,P[0]!=="/"&&(P="/"+P)));var I=P.concat().replace(/(?:%[a-f89][a-f0-9])+/gim,s).slice(A.prefix.length),N=u(I);Object.assign(N.params,l.history.state);function _(E){console.error(E),U(M,null,{replace:!0})}w(0);function w(E){for(;E<y.length;E++)if(y[E].check(N)){var S=y[E].component,pe=y[E].route,xe=S,he=V=function(te){if(he===V){if(te===x)return w(E+1);z=te!=null&&(typeof te.view=="function"||typeof te=="function")?te:"div",H=N.params,ee=I,V=null,O=S.render?S:null,$===2?g.redraw():($=2,g.redraw.sync())}};S.view||typeof S=="function"?(S={},he(xe)):S.onmatch?d.then(function(){return S.onmatch(N.params,I,pe)}).then(he,I===M?null:_):he("div");return}if(I===M)throw new Error("Could not resolve default route "+M+".");U(M,null,{replace:!0})}}function j(){v||(v=!0,h(C))}function U(P,I,N){if(P=n(P,I),q){j();var _=N?N.state:null,w=N?N.title:null;N&&N.replace?l.history.replaceState(_,w,A.prefix+P):l.history.pushState(_,w,A.prefix+P)}else l.location.href=A.prefix+P}function A(P,I,N){if(!P)throw new TypeError("DOM element being rendered to does not exist.");if(y=Object.keys(N).map(function(w){if(w[0]!=="/")throw new SyntaxError("Routes must start with a '/'.");if(/:([^\/\.-]+)(\.{3})?:/.test(w))throw new SyntaxError("Route parameter names must be separated with either '/', '.', or '-'.");return{route:w,component:N[w],check:a(w)}}),M=I,I!=null){var _=u(I);if(!y.some(function(w){return w.check(_)}))throw new ReferenceError("Default route doesn't match any known routes.")}typeof l.history.pushState=="function"?l.addEventListener("popstate",j,!1):A.prefix[0]==="#"&&l.addEventListener("hashchange",C,!1),q=!0,g.mount(P,R),C()}return A.set=function(P,I,N){V!=null&&(N=N||{},N.replace=!0),V=null,U(P,I,N)},A.get=function(){return ee},A.prefix="#!",A.Link={view:function(P){var I=e(P.attrs.selector||"a",c(P.attrs,["options","params","selector","onclick"]),P.children),N,_,w;return(I.attrs.disabled=!!I.attrs.disabled)?(I.attrs.href=null,I.attrs["aria-disabled"]="true"):(N=P.attrs.options,_=P.attrs.onclick,w=n(I.attrs.href,P.attrs.params),I.attrs.href=A.prefix+w,I.attrs.onclick=function(E){var S;typeof _=="function"?S=_.call(E.currentTarget,E):_==null||typeof _!="object"||typeof _.handleEvent=="function"&&_.handleEvent(E),S!==!1&&!E.defaultPrevented&&(E.button===0||E.which===0||E.which===1)&&(!E.currentTarget.target||E.currentTarget.target==="_self")&&!E.ctrlKey&&!E.metaKey&&!E.shiftKey&&!E.altKey&&(E.preventDefault(),E.redraw=!1,A.set(w,null,N))}),I}},A.param=function(P){return H&&P!=null?H[P]:H},A},it}var at,Jt;function Tn(){if(Jt)return at;Jt=1;var t=Ke();return at=Pn()(typeof window<"u"?window:null,t),at}var ot,Zt;function qn(){if(Zt)return ot;Zt=1;var t=xn(),e=En(),n=Ke(),u=zt(),a=function(){return t.apply(this,arguments)};return a.m=t,a.trust=t.trust,a.fragment=t.fragment,a.Fragment="[",a.mount=n.mount,a.route=Tn(),a.render=jt(),a.redraw=n.redraw,a.request=e.request,a.parseQueryString=Ut(),a.buildQueryString=Ht(),a.parsePathname=tt(),a.buildPathname=Qe(),a.vnode=me(),a.censor=Qt(),a.domFor=u.domFor,ot=a,ot}var $n=qn();const b=Re($n),Te={};function en(t){if(Te[t])return Te[t];throw new Error(`Component of type '${t}' was not found`)}function W(t,e,n=!1){Te[t]&&!n?console.warn(`Component ignored. Name '${t}' is already registered.`):Te[t]=e}function re(t){return t.type?t.hidden?null:b(en(t.type),{data:t}):(console.error(new Error("Given data is missing the .type property. Component can resolve the component"),t),null)}function oe(t){return Ln(t,On(t))}function ce(t,e){const n=zn(t,e);return An(t,n),n}function On(t){if("target"in t&&t.target&&t.property!=null&&t.property in t.target)return t.target[t.property];if("value"in t)return t.value}function An(t,e){"target"in t&&t.target&&t.property!=null?t.target[t.property]=e:In(t,"value")&&(t.value=e)}function In(t,e){const n=Object.getOwnPropertyDescriptor(t,e);return!n||!!n.writable||!!n.set}function zn(t,e){return"codec"in t&&t.codec?t.codec.encode(e):e}function Ln(t,e){return"codec"in t&&t.codec?t.codec.decode(e):e}function ge(t){return typeof t=="string"}function qe(t){return typeof t=="number"}function $e(t){return typeof t=="function"}function ut(t){return Array.isArray(t)}function tn(t){return t!=null&&typeof t=="object"&&!ut(t)}function Z(t,...e){return $e(t)?t(...e):null}function Nn(t){return $e(t)?t():t}function de(t,e){return t==null?null:e(t)}function ue(t,e,n){if(t!=null){if(e!=null&&t<e)return e;if(n!=null&&t>n)return n}return t}function fe(t){return t?ge(t)?t:ut(t)?t.map(fe).join(" "):Object.keys(t).filter(e=>Nn(t[e])).filter(e=>ge(e)&&!!e).join(" "):null}function ct(t,e,n){for(;t.length<e;)t=`${n}${t}`;return t}function B(t,e){return`twui-${t}`+(e?`-${e}`:"")}function st(t){let e=0,n=0;return"touches"in t?(e=t.touches.item(0).pageX,n=t.touches.item(0).pageY):(e=t.pageX,n=t.pageY),[e,n]}function Ee(t,e,n){e=e||t.target;const u=e.getBoundingClientRect(),a=window.pageXOffset||document.documentElement.scrollLeft,c=window.pageYOffset||document.documentElement.scrollTop,f=e.clientWidth,s=e.clientHeight;let[l,g]=st(t);n&&(l+=n[0],g+=n[1]);const h=l-a-u.left,d=g-c-u.top;return{width:f,height:s,x:h,y:d,normalizedX:h/f,normalizedY:d/s}}function se(t){return e=>de(e.attrs.data,n=>t(n,e))}function Oe({onStart:t,onMove:e,onEnd:n}){const u={target:null,activate:a=>{u.deactivate(),u.target=a.target,t&&t(a),e&&(document.addEventListener("mousemove",e,{passive:!1}),document.addEventListener("touchmove",e,{passive:!1})),n&&(document.addEventListener("mouseup",n),document.addEventListener("touchend",n),document.addEventListener("touchcancel",n))},deactivate:()=>{u.target=null,e&&(document.removeEventListener("mousemove",e),document.removeEventListener("touchmove",e)),n&&(document.removeEventListener("mouseup",n),document.removeEventListener("touchend",n),document.removeEventListener("touchcancel",n))},onStart:t,onMove:e,onEnd:n};return u}const nn="angle";W(nn,t=>{let e=0,n=!1,u=[0,0];function a(y){return y*(180/Math.PI)}function c(y){return y*(Math.PI/180)}function f(y){return ue((y/2+.5)*100,0,100)}function s(y){const M=y.attrs.data;e=oe(M)??e,M.degree&&(e=c(e)),g()}function l(y){g();const M=t.attrs.data,O=M.degree?c(e):e,z=ce(M,O);Z(y==="input"?M.onInput:M.onChange,M,z)}function g(){u[0]=Math.cos(e),u[1]=Math.sin(e)}function h(y){n=!0,v.activate(y)}let d;const v=Oe({onStart:y=>{const M=Ee(y);d=[-(M.x-M.width/2),-(M.y-M.height/2)],v.onMove(y)},onMove:y=>{y.preventDefault();const M=Ee(y,v.target.parentElement,d),O=M.normalizedX-.5,z=M.normalizedY-.5;n&&(e=Math.atan2(O,z),e+=e<0?2*Math.PI:0),l("input"),b.redraw()},onEnd:y=>{v.deactivate(),n=!1,l("change"),b.redraw()}});function q(y,M){e=c(M),l("input")}function $(y,M){e=c(M),l("change")}return{onremove:()=>{v.deactivate()},oninit:y=>{s(y)},onupdate:y=>{s(y)},view:()=>b("div",{class:B(nn),style:{"--angle-value":`${a(-e)+90}deg`,"--angle-percent":`${a(e)/360*100}%`}},b("div.left-container",b("div.pane",{style:{position:"relative",width:"100%","padding-top":"100%"}},b("div.angle-pane",{class:fe({"is-dragging":n}),style:{position:"absolute",top:"0.5rem",left:"0.5rem",width:"calc(100% - 1rem)",height:"calc(100% - 1rem)"}},b("div.angle-knob",{onmousedown:h,ontouchstart:h,style:{position:"absolute",width:"15px",height:"15px",top:`calc(${f(u[0])}% - 7px)`,left:`calc(${f(u[1])}% - 7px)`}})))),b("div.right-container",b("label",b.trust("&alpha;")),re({type:"number",min:0,max:360,step:.1,value:a(e),onInput:q,onChange:$})))}});function jn({axes:t,length:e,result:n}={}){t=t||{x:"right",y:"up"};const u=Object.keys(t),a=()=>(typeof e=="function"?e():e)||1;return{decode:c=>{let f=0,s=0;for(const g of u)switch(t[g]){case"right":s=c[g];break;case"left":s=-c[g];break;case"up":case"front":f=-c[g];break;case"down":case"back":f=c[g]}const l=a();return f/=l,s/=l,Math.atan2(s,f)||0},encode:c=>{const f=a(),s=f*Math.cos(c),l=f*Math.sin(c),g=n()||{};for(const h of u)switch(t[h]){case"right":g[h]=l;break;case"left":g[h]=-l;break;case"up":case"front":g[h]=-s;break;case"down":case"back":g[h]=s;break}return g}}}const rn="checkbox";W(rn,t=>{function e(n){const u=t.attrs.data,a=n.target.checked,c=ce(u,a);Z(u.onChange,u,c)}return{view:se(n=>{const u=oe(n)===!0;return b("label",{class:fe({[B(rn)]:!0,checked:u,disabled:n.disabled})},b("input",{type:"checkbox",checked:u,onchange:e,disabled:n.disabled}),n.text)})}});function an(t){let e=t.h%360,n=ue(t.s,0,1),u=ue(t.v,0,1),a=u*n,c=a*(1-Math.abs(e/60%2-1)),f=u-a;const s={r:0,g:0,b:0};return e<60?(s.r=a,s.g=c,s.b=0):e<120?(s.r=c,s.g=a,s.b=0):e<180?(s.r=0,s.g=a,s.b=c):e<240?(s.r=0,s.g=c,s.b=a):e<300?(s.r=c,s.g=0,s.b=a):(s.r=a,s.g=0,s.b=c),s.r+=f,s.g+=f,s.b+=f,s}function lt(t){let e=t.r,n=t.g,u=t.b,a=Math.max(e,n,u),c=a-Math.min(e,n,u),f=0,s=0;return c!==0&&(f=c/a,a===e?(s=(n-u)/c+(n<u?6:0),s=s%6*60):a===n?(s=(u-e)/c+2,s=s*60):(s=(e-n)/c+4,s=s*60)),{h:s,s:f,v:a}}class Sn{constructor(e,n){this.components=e,this.normalized=n}parse(e){e=e||[];const n={r:0,g:0,b:0,a:1};return this.components.forEach((u,a)=>{n[u]=(e[a]||0)/(this.normalized?1:255)}),n}format(e){return this.components.map(n=>(this.normalized?e[n]:Math.round(e[n]*255))||0)}}class Fn{constructor(e){this.components=e}parse(e){e=e||"rgba(0, 0, 0)";const n={r:0,g:0,b:0,a:1},u=e.replace(/[rgba\(\)]/gi,"").split(/,\s*?/gi).map(Number);return this.components.forEach((a,c)=>{n[a]=(u[c]||0)/(a==="a"?1:255)}),n}format(e){return this.components.join("")+"("+this.components.map(n=>n==="a"?e[n]:Math.round(e[n]*255)).join(", ")+")"}}class Dn{constructor(e){this.components=e}parse(e){e=e||"#000";const n={r:0,g:0,b:0,a:1};let u=e.match(/[0-9a-f]+/i)[0];return u.length===this.components.length&&(u=u.split("").map(a=>`${a}${a}`).join("")),this.components.forEach((a,c)=>{n[a]=parseInt(u.substr(c*2,2),16)/255}),n}format(e){return"#"+this.components.map(n=>ct(Math.round(e[n]*255).toString(16),2,"0")).join("")}}class Hn{constructor(e){this.components=e,this.componentsRev=e.slice().reverse()}parse(e){e=e||0;const n={r:0,g:0,b:0,a:1};return this.components.forEach((u,a)=>{n[u]=(e>>a*8&255)/255}),n}format(e){const n=this.componentsRev.map(u=>ct(Math.round(e[u]*255||0).toString(16),2,"0")).join("");return parseInt("0x"+n,16)}}class Vn{constructor(e,n){this.components=e,this.normalized=n}parse(e){e=e||{};const n={r:0,g:0,b:0,a:1};return this.components.forEach((u,a)=>{n[u]=(e[u]||0)/(this.normalized?1:255)}),n}format(e){const n={};return this.components.forEach((u,a)=>{n[u]=(this.normalized?e[u]:Math.round(e[u]*255))||0}),n}}const ye={};function be(t="rgb"){if(t in ye)return ye[t];const e=(t.match(/[rgba]+/)[0]||"").split("");return/(\[n?\])/.test(t)?ye[t]=new Sn(e,/\[n\]/.test(t)):/(\{n?\})/.test(t)?ye[t]=new Vn(e,/\{n\}/.test(t)):/0x/.test(t)?ye[t]=new Hn(e):/(\(\))/.test(t)?ye[t]=new Fn(e):ye[t]=new Dn(e),ye[t]}W("color-picker",t=>{let e=0,n=0,u=0,a=0;function c(w=n,E=u){return{h:e*360,s:w,v:E,a}}function f(w=n,E=u){return an(c(w,E))}function s(w=n,E=u,S=a){return{...f(w,E),a:S}}function l(w){e=w.h/360,n=w.s,u=w.v}function g(w){l(w),a=w.a}function h(w,E){return be("#rgb").format(s(w,E))}function d(w,E){return be("#rgba").format(s(w,E))}function v(w=n,E=u,S=a){return be("rgba()").format(s(w,E,S))}function q(w,E){const S=be(E||"rgb").parse(w);g({...lt(S),a:S.a})}function $(w){return be(w).format(s())}function y(){de(t.attrs.data,w=>{const E=$(w.format),S=ce(w,E);Z(w.onInput,w,S)})}function M(){de(t.attrs.data,w=>{const E=$(w.format),S=ce(w,E);Z(w.onChange,w,S)})}function O(){return de(t.attrs.data,w=>w.format&&w.format.match(/a/i))}function z(w){V(w,"r")}function H(w){V(w,"g")}function ee(w){V(w,"b")}function V(w,E){const S=s();S[E]=parseInt(w.target.value,10)/255,l(lt(S)),y(),M()}function R(w){q(w.target.value,O()?"rgba":"rgb"),y(),M()}let x,C;function j(w){C="sv",P(w.target),N(w)}function U(w){C="h",P(w.target),N(w)}function A(w){C="a",P(w.target),N(w)}function P(w){I(),x=w;const E={passive:!1};document.addEventListener("mousemove",N,E),document.addEventListener("mouseup",_,E),document.addEventListener("touchmove",N,E),document.addEventListener("touchend",_,E),document.addEventListener("touchcancel",_,E)}function I(){document.removeEventListener("mousemove",N),document.removeEventListener("mouseup",_),document.removeEventListener("touchmove",N),document.removeEventListener("touchend",_),document.removeEventListener("touchcancel",_)}function N(w){if(!x)return;w.preventDefault();const E=x.getBoundingClientRect(),S=window.pageXOffset||document.documentElement.scrollLeft,pe=window.pageYOffset||document.documentElement.scrollTop,xe=x.clientWidth,he=x.clientHeight;let[te,Ce]=st(w);te=ue((te-S-E.left)/xe,0,1),Ce=ue((Ce-pe-E.top)/he,0,1),C==="sv"&&(n=te,u=1-Ce),C==="h"&&(e=1-te),C==="a"&&(a=te),y(),b.redraw()}function _(){x!=null&&(x=null,I(),M())}return{onremove:()=>{I()},oninit:()=>{de(t.attrs.data,w=>{q(oe(w),w.format)})},view:()=>de(t.attrs.data,w=>{const E=s();return b("div",{class:B(w.type)},b(".color-picker-inputs",b("input.input-hex[type='text']",{value:O()?d():h(),onchange:R}),b("input.input-r[type='number']",{min:0,max:255,step:1,value:Math.round(E.r*255),onchange:z}),b("input.input-g[type='number']",{min:0,max:255,step:1,value:Math.round(E.g*255),onchange:H}),b("input.input-b[type='number']",{min:0,max:255,step:1,value:Math.round(E.b*255),onchange:ee})),b(".color-picker-panel",b(".color-picker-sv",{tabindex:0,onmousedown:j,ontouchstart:j,style:{"background-color":`${v(1,1,1)}`,"user-select":"none"}},b(".color-picker-sv-bg",{style:{background:"linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0))","user-select":"none","pointer-events":"none"}}),b(".color-picker-sv-bg",{style:{background:"linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0))","user-select":"none","pointer-events":"none"}}),b(".color-picker-sv-cursor",{style:{"user-select":"none","pointer-events":"none","background-color":`${v(e,n,1)}`,left:`${n*100}%`,top:`${(1-u)*100}%`}})),b(".color-picker-h",{tabindex:0,onmousedown:U,ontouchstart:U,style:{"user-select":"none",background:"linear-gradient(to right, #f00 0, #f0f 17% , #00f 33% , #0ff 50% , #0f0 67% , #ff0 83% , #f00 100%)"}},b(".color-picker-h-cursor",{style:{"user-select":"none","pointer-events":"none","background-color":`${v(1,1,1)}`,position:"absolute",left:`${(1-e)*100}%`}})),O()?b(".color-picker-a",{tabindex:0,onmousedown:A,ontouchstart:A,style:{"user-select":"none"}},b(".color-picker-a-bg",{style:{background:`linear-gradient(to right, ${v(n,u,0)}, ${v(n,u,1)})`}}),b(".color-picker-a-cursor",{style:{"user-select":"none","pointer-events":"none",position:"absolute",left:`${a*100}%`}})):null))})}}),W("color",()=>{let t,e=!1,n,u;const a=be("rgba()");function c(h){t=h.attrs.data,n=oe(t),u=a.format(be(t.format).parse(n))}function f(){e=!e}function s(h,d){const v=ce(t,d);Z(t.onInput,t,v)}function l(h,d){const v=ce(t,d);Z(t.onChange,t,v)}function g(){return ge(n)?n:qe(n)?"0x"+ct(n.toString(16),8,"0"):ut(n)?n.map(h=>h<1&&h>0?h.toFixed(2):h).join(" , "):tn(n)?Object.keys(n).map(h=>{const d=n[h];return`${h}: ${d<1&&d>0?d.toFixed(2):d}`}).join(" "):n==null?"null":"?"}return{oninit:h=>{c(h)},onupdate:h=>{c(h)},view:()=>b("div",{class:fe({[B(t.type)]:!0,[B(t.type+"-open")]:e})},b("button[type='button']",{style:{"background-color":u},onclick:f},g()||"?"),re({type:"color-picker",value:n,format:t.format,onInput:s,onChange:l,hidden:!e}))}});const on=()=>{let t,e,n,u,a,c,f,s,l,g;function h(R){g=R;const x=R.attrs.data;t=x.type,f=x.type==="slider",e=f&&x.min==null?0:x.min,n=f&&x.max==null?1:x.max,u=x.step,s=oe(x),a=x.disabled,l=f?(s-e)/(n-e)*100:0}function d(R,x){x=s=ue(isNaN(x)?null:x,e,n);const C=g.attrs.data,j=ce(C,x);Z(R==="input"?C.onInput:C.onChange,C,j),b.redraw()}function v(R){const x=R.target;d("input",parseFloat(x.value))}function q(R){const x=R.target;d("change",parseFloat(x.value))}function $(R){return R=ue(R,e,n),u!=null&&(R=Math.round(R/u)*u),parseFloat(R.toFixed(5))}let y=Oe({onStart:R=>{y.onMove(R)},onMove:R=>{R.preventDefault();const x=Ee(R,y.target).normalizedX;d("input",$(e+x*(n-e)))},onEnd:()=>{d("change",s),y.deactivate()}});function M(R){a||y.activate(R)}function O(R){const x=R.key||R.keyCode,j=(u||1)*(x==="ArrowLeft"?-1:x==="ArrowRight"?1:0);j&&d("change",$((s||0)+j))}function z(R){R.preventDefault();const x=(R.ctrlKey?.5:1)*ue(R.deltaY,-1,1),C=(u||.2)*x;C&&d("change",$((s||0)-C))}function H(){}function ee(){}function V(){return b(".twui-progress",{style:"user-select: none;",class:fe({disabled:!!a}),...a?{}:{tabindex:0,onmousedown:M,ontouchstart:M,onkeydown:O,onwheel:z}},b(".twui-progress-bar",{style:{width:`${l}%`,"pointer-events":"none","user-select":"none"}}))}return{onremove:()=>{y.deactivate()},oninit:R=>{h(R)},onupdate:R=>{h(R)},view:()=>b("div",{class:B(t)},f?V():null,b("input[type='number']",{min:e,max:n,step:u,value:s,oninput:v,onchange:q,onwheel:z,onfocus:H,onblur:ee,placeholder:c,disabled:a}))}};W("number",on),W("slider",on);const un="point",cn=[0,1],_n=["x","y"];W(un,t=>{let e,n,u=cn,a=cn,c=0,f=0,s=0,l=0,g,h,d;function v(O){const z=O.attrs.data,H=z.keys||_n;e=H[0],n=H[1];const ee=oe(z)??{[e]:c,[n]:f};d=z.snap,c=ee[e]||0,f=ee[n]||0,u=z.xRange||u,a=z.yRange||a,s=(c-u[0])/(u[1]-u[0]),l=(f-a[0])/(a[1]-a[0]);const V=z.reset;V&&(g=(V[0]-u[0])/(u[1]-u[0]),h=(V[1]-a[0])/(a[1]-a[0]))}function q(){c=u[0]+(u[1]-u[0])*s,f=a[0]+(a[1]-a[0])*l,d>0&&(c=Math.floor(c/d)*d,f=Math.floor(f/d)*d,s=(c-u[0])/(u[1]-u[0]),l=(f-a[0])/(a[1]-a[0]))}function $(O){q();const z=t.attrs.data,H=oe(z)??{[e]:c,[n]:f};H[e]=c,H[n]=f,Z(O==="input"?z.onInput:z.onChange,z,H)}function y(O){M.activate(O)}const M=Oe({onMove:O=>{O.preventDefault();const z=M.target,H=z.getBoundingClientRect(),ee=window.pageXOffset||document.documentElement.scrollLeft,V=window.pageYOffset||document.documentElement.scrollTop,R=z.clientWidth,x=z.clientHeight;let[C,j]=st(O);s=ue((C-ee-H.left)/R,0,1),l=ue((j-V-H.top)/x,0,1),$("input"),b.redraw()},onEnd:()=>{M.deactivate(),g!=null&&h!=null&&(s=g,l=h,$("input")),$("change"),b.redraw()}});return{onremove:M.deactivate,oninit:v,onupdate:v,view:()=>b("div",{class:B(un),tabindex:0,onmousedown:y,ontouchstart:y},b(".point-x-axis",{style:{"pointer-events":"none",position:"absolute",left:0,right:0,top:`${l*100}%`,height:"1px"}}),b(".point-y-axis",{style:{"pointer-events":"none",position:"absolute",left:`${s*100}%`,top:0,bottom:0,width:"1px"}}),b(".point-cursor",{style:{"pointer-events":"none",left:`${s*100}%`,top:`${l*100}%`,position:"absolute",width:"11px",height:"11px","margin-top":"-5px","margin-left":"-5px",border:"1px solid white","border-radius":"5px","box-shadow":"0px 0px 2px 1px rgba(0, 0, 0, 0.75)"}}))}});const sn="position",Yn=["x","y","z"];W(sn,t=>{function e(n,u,a){const c=t.attrs.data,f=oe(c)||{};f[u]=isNaN(a)?null:a;const s=ce(c,f);Z(n==="input"?c.onInput:c.onChange,c,s,u)}return{view:se(n=>{const u=n.keys||Yn,a=oe(n);return b("div",{class:B(sn)},u.map(c=>re({type:"number",min:n.min,max:n.max,step:n.step,value:a==null?void 0:a[c],disabled:n.disabled,onInput:(f,s)=>e("input",c,s),onChange:(f,s)=>e("change",c,s),placeholder:c})))})}});const Bn=[];function Un(t){const e=[];for(const n of t){if(ge(n)||qe(n)){e.push({value:n,label:String(n)});continue}if("value"in n){e.push(n);continue}}return e}function Kn(t){const e=[];for(const n of t)ge(n)||qe(n)||n==null?e.push({value:n,label:String(n)}):"value"in n?e.push(n):"options"in n&&e.push({label:n.label,disabled:n.disabled,options:Array.isArray(n.options)?Un(n.options):ln(n.options)});return e}function ln(t){return Object.keys(t).sort().map(e=>({value:t[e],label:e}))}function Xn(t){const e=t.attrs.data.options;return e?Array.isArray(e)?Kn(e):ln(e):Bn}W("select",t=>{let e;function n(){const c=t.attrs.data,f=oe(c);let s=0;for(const l of e)if("options"in l)for(const g of l.options){if(g.value===f)return s;s++}else{if(l.value===f)return s;s++}}function u(c){let f=0;for(const s of e)if("options"in s)for(const l of s.options){if(f===c)return l.value;f+=1}else{if(f===c)return s.value;f+=1}return null}function a(c){const f=c.target,s=t.attrs.data,l=u(f.selectedIndex),g=ce(s,l);Z(s.onChange,s,g)}return{view:se(c=>(e=Xn(t),b("select",{class:B(c.type),selectedIndex:n(),onchange:a,disabled:c.disabled},e.map(f=>"options"in f?b("optgroup",{disabled:!!f.disabled,label:f.label||""},f.options.map(fn)):fn(f)))))}});function fn(t){return b("option",{value:t.value,label:t.label,disabled:!!t.disabled},t.label||"")}const pn="spherical",Gn=["phi","theta"];W(pn,t=>{let e=0,n=0,u=!1,a=[0,0],c=[0,0],f;function s(x){return x*(180/Math.PI)}function l(x){return x*(Math.PI/180)}function g(x){return ue((x/2+.5)*100,0,100)}function h(x){const C=x.attrs.data,j=oe(C)||{phi:C.degree?s(e):e,theta:C.degree?s(n):n},[U,A]=C.keys||Gn;return{data:C,value:j,kPhi:U,kTheta:A}}function d(x){const{data:C,value:j,kPhi:U,kTheta:A}=h(x);for(e=j[U]||0,n=j[A]||0,C.degree&&(e=l(e),n=l(n));n<0;)n+=Math.PI;for(;n>Math.PI;)n-=Math.PI;u=n>Math.PI/2,q()}function v(x){q();const{data:C,value:j,kPhi:U,kTheta:A}=h(t);j[U]=C.degree?s(e):e,j[A]=C.degree?s(n):n;const P=ce(C,j);Z(x==="input"?C.onInput:C.onChange,C,P)}function q(){a[0]=Math.cos(e),a[1]=Math.sin(e),c[0]=Math.sin(n)*Math.cos(e),c[1]=Math.sin(n)*Math.sin(e)}function $(x){f="phi",O.activate(x)}function y(x){f="theta",O.activate(x)}let M;const O=Oe({onStart:x=>{const C=Ee(x);M=[-(C.x-C.width/2),-(C.y-C.height/2)],O.onMove(x)},onMove:x=>{x.preventDefault();const C=Ee(x,O.target.parentElement,M),j=C.normalizedX-.5,U=C.normalizedY-.5;if(f==="phi")e=Math.atan2(j,U),e+=e<0?2*Math.PI:0;else if(f==="theta"){const A=a,P=[U,j],I=(A[0]*P[0]+A[1]*P[1])/Math.sqrt(A[0]*A[0]+A[1]*A[1]);n=Math.PI*ue(I,0,.5),u&&(n=Math.PI-n)}v("input"),b.redraw()},onEnd:x=>{O.deactivate(),f=null,v("change"),b.redraw()}});function z(x,C){e=l(C),v("input")}function H(x,C){e=l(C),v("change")}function ee(x,C){n=l(C),v("input")}function V(x,C){n=l(C),v("change")}function R(x,C){u=C,n=Math.PI-n,v("change"),setTimeout(()=>b.redraw())}return{onremove:()=>{O.deactivate()},oninit:x=>{d(x)},onupdate:x=>{d(x)},view:()=>b("div",{class:B(pn),style:{"--spherical-phi":`${s(-e)+90}deg`}},b("div.left-container",b("div.pane",{style:{position:"relative",width:"100%","padding-top":"100%"}},b("div.phi-pane",{class:fe({"is-dragging":f==="phi"}),style:{position:"absolute",top:"0.5rem",left:"0.5rem",width:"calc(100% - 1rem)",height:"calc(100% - 1rem)"}},b("div.phi-knob",{onmousedown:$,ontouchstart:$,style:{position:"absolute",width:"15px",height:"15px",top:`calc(${g(a[0])}% - 7px)`,left:`calc(${g(a[1])}% - 7px)`}})),b("div.theta-pane",{class:fe({"is-dragging":f==="theta"}),style:{position:"absolute",top:"1.5rem",left:"1.5rem",width:"calc(100% - 3rem)",height:"calc(100% - 3rem)"}},b("div.theta-knob",{onmousedown:y,ontouchstart:y,style:{position:"absolute",width:"15px",height:"15px",top:`calc(${g(c[0])}% - 7px)`,left:`calc(${g(c[1])}% - 7px)`}})))),b("div.right-container",b("label",b.trust("&phi;")),re({type:"number",min:0,max:360,step:.1,value:s(e),onInput:z,onChange:H}),b("label",b.trust("&theta;")),re({type:"number",min:0,max:180,step:.1,value:s(n),onInput:ee,onChange:V}),re({type:"checkbox",value:u,text:"Backface",onChange:R})))}});function Qn({axes:t,length:e,result:n}={}){t=t||{x:"right",y:"up",z:"back"};const u=Object.keys(t),a=()=>(typeof e=="function"?e():e)||1;return{decode:c=>{let f=0,s=0,l=0;for(const h of u)switch(t[h]){case"right":s=c[h];break;case"left":s=-c[h];break;case"back":f=c[h];break;case"front":f=-c[h];break;case"up":l=c[h];break;case"down":l=-c[h];break}const g=a();return f/=g,s/=g,l/=g,{phi:Math.atan2(s,f)||0,theta:Math.atan(Math.sqrt(f*f+s*s)/l)||0}},encode:({phi:c,theta:f})=>{const s=a(),l=s*Math.sin(f)*Math.cos(c),g=s*Math.sin(f)*Math.sin(c),h=s*Math.cos(f),d=(n==null?void 0:n())||{};for(const v of u)switch(t[v]){case"right":d[v]=g;break;case"left":d[v]=-g;break;case"back":d[v]=l;break;case"front":d[v]=-l;break;case"up":d[v]=h;break;case"down":d[v]=-h;break}return d}}}W("text",t=>{function e(n){const u=n.target,a=t.attrs.data,c=ce(a,u.value);Z(n.type==="input"?a.onInput:a.onChange,a,c)}return{view:se(n=>b("input[type='text']",{class:B(n.type),value:oe(n),oninput:e,onchange:e,placeholder:n.placeholder,disabled:n.disabled}))}});const Wn="accordion",Jn=[];W(Wn,()=>({view:se(t=>{const e=t.children||Jn;return t.expand=Zn(t.expand,e),b.fragment({},e.map((n,u)=>(n.type="group",n.collapsible=!0,n.collapsed=u!==t.expand,re(n))))})}));function Zn(t,e){let n=null;for(let u=0;u<e.length;u++)if(!e[u].collapsed){if(u!==t)return u;n==null&&(n=u)}return n}const ft="container";W(ft,()=>({view:se(t=>{var e;return b("div",{class:fe({[B(ft)]:!0,[B(ft,"horizontal")]:t.horizontal}),style:t.style},b.fragment({},(e=t.children)==null?void 0:e.map(re)))})}));const we="group";W(we,t=>{function e(a){de(t.attrs.data,c=>{c.collapsed=!c.collapsed,Z(c.onToggle,c),c.collapsed?Z(c.onCollapse,c):Z(c.onExpand,c)})}function n(a){return!a.title&&!a.collapsible?null:b("div",{class:B(we,"title"),onclick:a.collapsible?e:null},a.title)}function u(a){var c;return a.collapsed||!a.children?[]:(c=a.children)==null?void 0:c.map(f=>ge(f.label)?b("div",{class:B(we,"control")},b("label",f.label),b("section",re(f))):re(f))}return{view:se(a=>b("div",{class:fe({[B(we)]:!0,[B(we,"collapsible")]:a.collapsible,[B(we,"collapsed")]:a.collapsed}),style:a.style},b.fragment({},[n(a)]),b.fragment({},[u(a)])))}}),W("tabs",()=>({view:se(t=>{const e=t.children||[],n=ue(t.active||0,0,e.length-1),u=e[n];return b("div",{class:B(t.type)},b("div",{key:`${t.type}-list`,class:B(`${t.type}-list`)},e.map((a,c)=>b("button[type='button']",{key:`${t.type}-${c}`,onclick:()=>t.active=c,class:n===c?"is-active":""},a.label||a.title))),b.fragment({key:`panel-${t.active}`},[re({type:"group",children:u.children,style:u.style})]))})}));const Ae="button";W(Ae,t=>({view:se(e=>b(Ae,{type:Ae,class:B(Ae),onclick:()=>Z(e.onClick,e),disabled:e.disabled},e.text))})),W("content",()=>({view:se(t=>b.fragment({},[t.content]))}));const hn="image";W("image",t=>{const e=()=>{de(t.attrs.data,a=>Z(a.onClick,a))};function n(a){if(!a)return null;const[c,f]=(a||"1x1").split("x").map(Number);return`${(f/c||1)*100}%`}function u(a){if(qe(a.width))return`${a.width}px`;if(ge(a.width))return a.width}return{view:se(a=>(Array.isArray(a.src)?a.src:[a.src]).map(c=>b("picture",{class:fe({[B(hn)]:!0,[B(hn,"aspect")]:!!a.aspect}),style:{"--twui-aspect":n(a.aspect),"--twui-fit":a.fit||"fit",width:u(a)}},b("img",{src:c,onclick:e}))))}});function Q(t,e){return Object.keys(e).forEach(n=>{t[n]=e[n]}),t}function ve(){let t=null,e={},n;for(let u=0;u<arguments.length;u++){const a=arguments[u];ge(a)?t=a:tn(a)?e=a:$e(a)&&(n=a)}if(t&&(e.label=t),n){const u=this.controls;this.controls=[],n(this),e.children=this.controls,this.controls=u}return e}function le(){let t={};return arguments.length>1&&(t=arguments[2]||t,t.target=arguments[0],t.property=arguments[1],t.label===void 0&&(t.label=String(t.property||""))),arguments.length===1&&(t=arguments[0]||t),t}class pt{constructor(){this.controls=[]}group(){const e=ve.apply(this,arguments);return this.add(Q(e,{type:"group",children:e.children,label:null,title:e.label}))}collapsible(){const e=ve.apply(this,arguments);return this.add(Q(e,{type:"group",children:e.children,collapsible:!0,label:null,title:e.label}))}container(){const e=ve.apply(this,arguments);return this.add(Q(e,{type:"container",children:e.children}))}tabs(){const e=ve.apply(this,arguments);return this.add(Q(e,{type:"tabs",active:e.active||0,children:e.children}))}accordion(){const e=ve.apply(this,arguments);return this.add(Q(e,{type:"accordion",children:e.children}))}checkbox(){const e=le.apply(this,arguments);return this.add(Q(e,{type:"checkbox"}))}text(){const e=le.apply(this,arguments);return this.add(Q(e,{type:"text"}))}number(){const e=le.apply(this,arguments);return this.add(Q(e,{type:"number"}))}slider(){const e=le.apply(this,arguments);return this.add(Q(e,{type:"slider"}))}position(){const e=le.apply(this,arguments);return this.add(Q(e,{type:"position"}))}select(){const e=le.apply(this,arguments);return this.add(Q(e,{type:"select"}))}color(){const e=le.apply(this,arguments);return this.add(Q(e,{type:"color"}))}colorPicker(){const e=le.apply(this,arguments);return this.add(Q(e,{type:"color-picker"}))}point(){const e=le.apply(this,arguments);return this.add(Q(e,{type:"point"}))}spherical(){const e=le.apply(this,arguments);return this.add(Q(e,{type:"spherical"}))}angle(){const e=le.apply(this,arguments);return this.add(Q(e,{type:"angle"}))}object(e,n,u={}){return this.group(e,a=>{for(const c in n){if(!u[c]){switch(typeof n[c]){case"number":a.number(n,c);break;case"string":a.text(n,c);break;case"boolean":a.checkbox(n,c);break}continue}switch(u[c].type){case"text":a.text(n,c,u[c]);break;case"number":a.number(n,c,u[c]);break;case"checkbox":a.checkbox(n,c,u[c]);break;case"select":a.select(n,c,u[c]);break;case"color":a.color(n,c,u[c]);break;case"color-picker":a.colorPicker(n,c,u[c]);break;case"point":a.point(n,c,u[c]);break;case"spherical":a.spherical(n,c,u[c]);break;case"angle":a.angle(n,c,u[c]);break}}})}button(e,n={}){return this.add(Q(n,{type:"button",text:e}))}image(){const e=ve.apply(this,arguments);return this.add(Q(e,{type:"image"}))}content(e,n,u={}){return this.add(Q(u,{type:"content",label:e,content:n}))}add(e){return this.controls.push(Q(e,{remove:()=>{const n=this.controls.indexOf(e);n>=0&&this.controls.splice(n,1)}})),e}}const er=b;function tr(t){const e=new pt;return t(e),e.controls}function nr(t,e){if(t=typeof t=="string"?document.querySelector(t):t,t.classList.add("twui-root"),!e)b.mount(t,null);else if(Array.isArray(e))b.mount(t,{view:()=>re({type:"group",children:e})});else if($e(e)){const n=new pt;e(n),b.mount(t,{view:()=>re({type:"group",children:n.controls})})}else b.mount(t,{view:()=>re(e)})}function rr(t){t=typeof t=="string"?document.querySelector(t):t,b.mount(t,null)}function ir(){b.redraw()}X.Builder=pt,X.angleCodec=jn,X.build=tr,X.component=W,X.getColorFormatter=be,X.getComponent=en,X.getValue=oe,X.h=er,X.hsv2rgb=an,X.mount=nr,X.redraw=ir,X.renderModel=re,X.rgb2hsv=lt,X.setValue=ce,X.sphericalCodec=Qn,X.unmount=rr,Object.defineProperty(X,Symbol.toStringTag,{value:"Module"})});
-//# sourceMappingURL=tweak-ui.umd.js.map
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports):typeof define==`function`&&define.amd?define([`exports`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.TweakUI={}))})(this,function(e){var t=document.createElement(`style`);t.textContent=`:root{--twk-size:1.375rem;--twk-gap:.125rem;--twk-inset:.125rem;--twk-radius:.25rem;--twk-label-size:7rem;--twk-label-pad-x:.25rem;--twk-label-pad-y:0rem;--twk-input-height:var(--twk-size);--twk-input-pad-x:.375rem;--twk-input-pad-y:0rem;--twk-button-height:var(--twk-size);--twk-button-pad-x:.5rem;--twk-button-pad-y:.25rem;--twk-color-base-100:#2a303c;--twk-color-base-200:#242933;--twk-color-base-300:#20252e;--twk-color-base-content:#b2ccd6;--twk-color-neutral:#1c212b;--twk-color-neutral-content:#b2ccd6;--twk-color-accent:#f9aa33;--twk-color-bool-true:#f9aa33;--twk-color-bool-false:#2a303c}.twk-dark{--twk-color-base-100:#1d232a;--twk-color-base-200:#191e24;--twk-color-base-300:#15191e;--twk-color-base-content:#ecf9ff;--twk-color-neutral:#09090b;t:#e4e4e7;--twk-color-accent:#f9aa33}.twk-light{--twk-color-base-100:#fff;--twk-color-base-200:#f5f5f5;--twk-color-base-300:#ebebeb;--twk-color-base-content:#000;--twk-color-neutral:#000;--twk-color-neutral-content:#fff;--twk-color-accent:#2196f3}.twk-dragging *{cursor:none!important}.tweak-ui{interpolate-size:allow-keywords;background-color:var(--twk-color-base-200);color:var(--twk-color-base-content);gap:var(--twk-gap);font-family:monospace;line-height:1.5;font-size:var(--twk-font-size,12px);width:var(--twk-width,20rem);box-sizing:border-box;border-radius:calc(var(--twk-radius) + var(--twk-inset));padding:0;padding:var(--twk-inset,0);flex-direction:column;flex:none;margin:0;display:flex;overflow:hidden auto}.tweak-ui::-webkit-scrollbar{width:.5rem}.tweak-ui::-webkit-scrollbar-track{background-color:var(--twk-color-base-200)}.tweak-ui::-webkit-scrollbar-thumb{background-color:var(--twk-color-base-200);border-style:solid;border-width:1px;border-color:var(--twk-color-base-300);transition:background-color .2s ease-in-out}.tweak-ui::-webkit-scrollbar-thumb:hover{background-color:var(--twk-color-primary)}.tweak-ui button,.tweak-ui input,.tweak-ui select,.tweak-ui optgroup,.tweak-ui textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border:0;border-radius:0;min-width:0;margin:0;padding:0}.tweak-ui button:not([type=checkbox],select),.tweak-ui input:not([type=checkbox],select),.tweak-ui select:not([type=checkbox],select),.tweak-ui optgroup:not([type=checkbox],select),.tweak-ui textarea:not([type=checkbox],select){appearance:none!important}.tweak-ui button:focus-visible,.tweak-ui input:focus-visible,.tweak-ui select:focus-visible,.tweak-ui optgroup:focus-visible,.tweak-ui textarea:focus-visible{outline:none}.tweak-ui input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tweak-ui input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tweak-ui input[type=number]{-moz-appearance:textfield}.tweak-ui .twk-input{cursor:text;box-sizing:border-box;white-space:nowrap;vertical-align:middle;touch-action:manipulation;align-items:center;gap:var(--twk-gap);height:calc(var(--twk-size));min-width:0;line-height:calc(var(--twk-size));padding:var(--twk-input-pad-y) var(--twk-input-pad-x);color:var(--twk-color-base-content);border-radius:var(--twk-radius);border:none;flex:1;transition:color .2s ease-in-out,background-color .2s ease-in-out,outline-color .2s ease-in-out;display:flex;position:relative;appearance:none!important}.tweak-ui .twk-input input{flex:1}.tweak-ui .twk-input:not(.twk-input-readonly){outline-offset:-1px;outline:1px solid #0000}.tweak-ui .twk-input:not(.twk-input-readonly):hover{background-color:var(--twk-color-base-100)}.tweak-ui .twk-input:not(.twk-input-readonly):focus-within{outline-color:var(--twk-color-accent)}.tweak-ui label{min-width:0}.tweak-ui select,.tweak-ui button,.tweak-ui a{cursor:pointer;align-items:center}.tweak-ui select:focus,.tweak-ui input:not([type=checkbox]):focus{color:var(--twk-color-accent)}.tweak-ui select{appearance:base-select;border-radius:var(--twk-radius);background:var(--twk-color-base-100);border-color:var(--twk-color-base-300);border:none}.tweak-ui ::picker(select){appearance:base-select;border-radius:var(--twk-radius);background:var(--twk-color-base-100);border-color:var(--twk-color-base-300);border:none}.tweak-ui select option{justify-content:flex-start;gap:var(--twk-gap);padding-inline:var(--twk-button-pad-x);background:var(--twk-color-base-100);color:var(--twk-color-base-content);display:flex}.tweak-ui select option:hover,.tweak-ui select option:focus{background:var(--twk-color-base-200)}.tweak-ui select{padding-inline:var(--twk-button-pad-x)}.tweak-ui .twk-btn{--twk-btn-bg:var(--twk-color-base-100);--twk-btn-color:var(--twk-color-content);--twk-btn-size:var(--twk-size);cursor:pointer;text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none;color:var(--twk-btn-color);min-height:var(--twk-btn-size);border-radius:var(--twk-radius);outline-offset:1px;background-color:var(--twk-btn-bg);padding-inline:var(--twk-button-pad-x);text-align:center;white-space:nowrap;outline-color:var(--twk-color-neutral);font-weight:700}.tweak-ui .twk-btn:hover{background-color:color-mix(in oklab, var(--btn-color,var(--twk-btn-bg)), #000 7%)}.tweak-ui .twk-btn:focus{outline-color:var(--twk-color-accent)}.tweak-ui .twk-btn:active{transform:translateY(1px)}.tweak-ui .twk-btn.twk-btn-accent{--twk-btn-bg:var(--twk-color-accent);--twk-btn-color:var(--twk-color-neutral)}.tweak-ui .twk-btn.twk-btn-lg{--twk-btn-size:calc(var(--twk-size) * 1.25)}.tweak-ui .twk-btn.twk-btn-sq{width:var(--twk-btn-size);height:var(--twk-btn-size);flex:none;padding-inline:0}.tweak-ui .twk-btn.twk-btn-bl{width:100%}dialog.twk-dialog{pointer-events:none;visibility:hidden;width:100%;max-width:none;height:100%;max-height:none;color:inherit;overscroll-behavior:contain;z-index:999;scrollbar-gutter:auto;background-color:#0000;border:none;place-items:center;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:clip}.twk-dialog-content{background-color:var(--twk-color-base-100);border-radius:var(--twk-radius);opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:100%;max-width:32rem;max-height:100vh;overflow-y:auto}dialog.twk-dialog[open]{pointer-events:auto;visibility:visible;opacity:1;background-color:oklch(0% 0 0/.4)}dialog.twk-dialog[open] .twk-dialog-content{opacity:1;translate:0;scale:1}.twk-flex{align-items:stretch;gap:var(--twk-gap);flex-flow:column;display:flex}.twk-flex-row{gap:var(--twk-gap);flex-flow:row;display:flex}.twk-grid{gap:var(--twk-gap);display:grid}.twk-divider{padding:0 calc(var(--twk-size) / 2);align-items:center;display:flex}.twk-divider:not(:empty){gap:calc(var(--twk-size) / 2)}.twk-divider{height:var(--twk-size)}.twk-divider:before,.twk-divider:after{content:"";opacity:.125;background-color:currentColor;flex-grow:1;width:100%;height:1px}.twk-divider-v{flex-flow:column;align-items:center;display:flex}.twk-divider-v:not(:empty){gap:calc(var(--twk-size) / 2)}.twk-divider-v{width:var(--twk-size);height:100%}.twk-divider-v:before,.twk-divider-v:after{content:"";opacity:.125;background-color:currentColor;flex-grow:1;width:1px;height:100%}.twk-group,.twk-group-content{gap:var(--twk-gap);flex-direction:column;display:flex}.twk-group-content.animate.enter{animation:.25s ease-out forwards twk-group-content-enter;overflow:hidden}.twk-group-content.leave{animation:.25s ease-out forwards twk-group-content-leave;overflow:hidden}@keyframes twk-group-content-enter{0%{opacity:0;height:0}50%{opacity:0;height:auto}to{opacity:1;height:auto}}@keyframes twk-group-content-leave{0%{opacity:1;height:auto}50%{opacity:0;height:auto}to{opacity:0;height:0}}.twk-group-title{width:auto;height:var(--twk-size);background-color:var(--twk-color-neutral);color:var(--twk-color-neutral-content);border-radius:var(--twk-radius,0);text-transform:uppercase;flex-direction:row;align-items:center;margin:0;padding:0 .5rem;font-weight:700;display:flex}.twk-group-collapsible>.twk-group-title{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.twk-group-collapsible>.twk-group-title:before{content:"";width:var(--twk-size);height:var(--twk-size);text-align:center;clip-path:polygon(50.05% 77.08%,83.58% 43.55%,87.11% 40.02%,80.03% 32.94%,76.5% 36.47%,50.03% 62.94%,23.56% 36.47%,20.03% 32.94%,12.95% 40.02%,16.48% 43.55%,46.48% 73.55%,50.02% 77.08%);background-color:currentColor;transition:opacity .2s ease-in-out,transform .2s ease-in-out;display:block;position:absolute;top:0;right:0;transform:scale(.5)rotate(0)}.twk-group-collapsed>.twk-group-title:before{transform:scale(.5)rotate(-90deg)}.twk-group:not(.twk-root>.twk-group) .twk-group{margin-left:calc(var(--twk-size) / 4)}.twk-group-description{opacity:.75;padding:.25rem .25rem .5rem 0;font-style:italic;line-height:1}.twk-tree{width:100%;height:100%;max-height:100vh;overflow-y:auto}.twk-tree-row{-webkit-user-select:none;user-select:none;width:100%;padding-left:calc(var(--twk-tree-row-depth) * .5 * var(--twk-tree-row-height));background-color:var(--twk-color-base-200);box-sizing:border-box;flex-direction:row;align-items:center;display:flex}.twk-tree-row:hover{background-color:var(--twk-color-base-100)}.twk-tree-row.selected{color:var(--twk-color-accent)}.twk-tree-toggle:before{content:"";width:var(--twk-tree-row-height);height:var(--twk-tree-row-height);text-align:center;transition:opacity .2s ease-in-out,transform .2s ease-in-out;display:block;transform:scale(.5)rotate(-90deg)}.twk-tree-toggle.expandable:before{clip-path:polygon(50.05% 77.08%,83.58% 43.55%,87.11% 40.02%,80.03% 32.94%,76.5% 36.47%,50.03% 62.94%,23.56% 36.47%,20.03% 32.94%,12.95% 40.02%,16.48% 43.55%,46.48% 73.55%,50.02% 77.08%);background-color:currentColor}.twk-tree-toggle.expanded:before{transform:scale(.5)rotate(0)}.twk-tree-icon{width:var(--twk-tree-row-height);height:var(--twk-tree-row-height);place-items:center;display:grid}.twk-tree-label{display:flex}.twk-tabs{border-color:var(--twk-color-base-300);align-items:stretch;gap:var(--twk-gap);flex-flow:wrap;display:flex}.twk-tabs button.twk-tab{background-color:var(--twk-color-base-100);color:color-mix(in srgb, var(--twk-color-base-content) 40%, transparent);flex:1;order:0}.twk-tabs button.twk-tab:hover{color:var(--twk-color-base-content)}.twk-tabs button.twk-tab.twk-btn:not(.active){background-color:#0000;font-weight:400}.twk-tabs button.twk-tab.twk-btn.active{color:var(--twk-color-accent);font-weight:700}.twk-tab-content{order:1;width:100%}.twk-tabs-vertical{grid-template-columns:auto 1fr;display:grid}.twk-tabs-vertical .twk-tab{grid-column:1}.twk-tabs-vertical .twk-tab-content{grid-area:1/2/-1}.twk-split-pane{overflow:hidden}.twk-split-pane.dragging{-webkit-user-select:none;user-select:none}.twk-split-pane>:not(.twk-split-gutter){flex:1;min-width:1rem;min-height:1rem}.twk-split-gutter:last-child{display:none}.twk-split-gutter:before{content:"";background-color:var(--twk-color-base-100);opacity:0;position:absolute}.twk-split-gutter:hover:before{background-color:var(--twk-color-base-100);opacity:1}.twk-split-gutter-v{cursor:row-resize;min-height:.25rem;position:relative}.twk-split-gutter-v:before{inset:1px .25rem}.twk-split-gutter-h{cursor:col-resize;min-width:.25rem;position:relative}.twk-split-gutter-h:before{inset:.25rem 1px}.twk-section{grid-template:"header""content"1fr"footer"/100%;width:100%;display:grid}.twk-section>*{grid-area:content}.twk-section-header,header{grid-area:header}.twk-section-content{grid-area:content}.twk-section-footer,footer{grid-area:footer}.twk-bar{gap:var(--twk-gap);min-height:var(--twk-size);grid-template-columns:auto 1fr auto;grid-template-areas:"start content end";align-items:center;display:grid}.twk-bar>*{grid-area:content}.twk-bar-start{grid-area:start}.twk-bar-content{grid-area:content}.twk-bar-end{grid-area:end}.twk-widget{gap:var(--twk-gap);grid-template-columns:1fr;grid-template-areas:"content";width:100%;display:grid}.twk-widget:has(>.twk-widget-label){grid-template-columns:.75fr 1fr;grid-template-areas:"label content"}.twk-widget>*{grid-area:content;overflow:hidden}.twk-widget-label{cursor:default;min-height:var(--twk-size);padding:0 calc(var(--twk-size) / 4);color:color-mix(in srgb, var(--twk-color-base-content) 40%, transparent);flex:.75;grid-area:label;align-self:start;align-items:center;display:inline-flex;overflow:hidden}.twk-angle-label{height:var(--twk-size);white-space:nowrap;text-align:right}.twk-angle-input{gap:var(--twk-gap);column-gap:calc(var(--twk-gap) * 2);grid-template:"display input""display output"min-content/min-content auto;display:grid}.twk-angle-input .twk-scalar-input{grid-area:input}.twk-angle-input .twk-angle-label{grid-area:output}.twk-angle-pane{width:100%;width:var(--twk-size);height:var(--twk-size);outline:1px solid var(--twk-color-base-content);outline-offset:-1px;background-image:conic-gradient(from 0deg, var(--twk-color-base-content) calc(var(--angle-value) / 360 * 100%), transparent 0);border-radius:50%;grid-area:display}.twk-bitmask-input{gap:var(--twk-gap);flex-direction:column;display:flex}.twk-bitmask-input .twk-bitmask-row{gap:var(--twk-gap);cursor:pointer;flex-direction:row;display:flex}.twk-bitmask-input .twk-bitmask-row>*{flex:none}.twk-bitmask-input .twk-bitmask-name{text-overflow:ellipsis;flex:1;padding-left:.25rem;overflow:hidden}.twk-bitmask-input .twk-bitmask-bit{opacity:.5;padding-right:.25rem}.twk-bitmask-input .twk-bitmask-value{opacity:.5}.twk-bitmask-input .twk-bitmask-indicator{width:var(--twk-size);height:var(--twk-size);background-color:var(--twk-color-base-100)}.twk-bitmask-active .twk-bitmask-indicator:before{content:"";background-color:var(--twk-color-accent);width:50%;height:50%;margin:25%;display:block}.twk-bitmask-active .twk-bitmask-value{opacity:1}.twk-bool-input{align-items:center;gap:var(--twk-gap);flex-direction:row;display:flex}.twk-bool-input input{text-align:right;min-width:0}.twk-bool-input.twk-align-end{justify-content:flex-end}.twk-color-picker{gap:var(--twk-gap);flex-direction:row;flex:auto;display:flex}.twk-color-picker .color-picker-panel{flex:1;position:relative}.twk-color-picker .color-picker-inputs{gap:var(--twk-gap);flex-direction:column;flex:none;display:flex}.twk-color-picker .color-picker-inputs .input-r{border-left:2px solid red!important}.twk-color-picker .color-picker-inputs .input-g{border-left:2px solid #0f0!important}.twk-color-picker .color-picker-inputs .input-b{border-left:2px solid #00f!important}.twk-color-picker .color-picker-inputs .input-a{border-image:linear-gradient(90deg,#fff,#0000)}.twk-color-picker .color-picker-inputs .input-hex{border-left:2px solid #000!important}.twk-color-picker .color-picker-inputs input{flex:none;width:4rem;display:block}.twk-color-picker .color-picker-sv:focus,.twk-color-picker .color-picker-h:focus,.twk-color-picker .color-picker-a:focus{border-color:var(--twk-color-accent);outline:none}.twk-color-picker .color-picker-sv,.twk-color-picker .color-picker-h,.twk-color-picker .color-picker-a{border-radius:var(--twk-radius)}.twk-color-picker .color-picker-sv{box-sizing:border-box;cursor:crosshair;z-index:1;border-bottom:1px solid;border-color:var(--twk-color-base-300);width:100%;padding-top:100%;position:relative}.twk-color-picker .color-picker-sv-bg{border-radius:var(--twk-radius);position:absolute;inset:0}.twk-color-picker .color-picker-sv-cursor{box-sizing:border-box;border:1px solid #fff;border-radius:5px;width:10px;height:10px;margin-top:-5px;margin-left:-5px;position:absolute;box-shadow:0 0 2px 1px #000000bf}.twk-color-picker .color-picker-h,.twk-color-picker .color-picker-a{box-sizing:border-box;cursor:ew-resize;border-bottom:1px solid;border-color:var(--twk-color-base-300);height:1rem;position:relative}.twk-color-picker .color-picker-h-cursor,.twk-color-picker .color-picker-a-cursor{border:1px solid #fff;border-radius:2px;width:4px;height:calc(1rem - 2px);margin-left:-3px;position:absolute;box-shadow:0 0 2px 1px #000000bf}.twk-color-picker .color-picker-a{background-blend-mode:normal, difference, normal;background-image:linear-gradient(90deg,#0000,#0000),linear-gradient(90deg,gray 50%,#fff 50%),linear-gradient(gray 50%,#fff 50%);background-size:1rem 1rem}.twk-color-picker .color-picker-a-bg{position:absolute;inset:0}.twk-color-picker .color-picker-sv,.twk-color-picker .color-picker-h,.twk-color-picker .color-picker-a{border-color:var(--twk-color-base-300)}.twk-color-input{align-items:stretch;gap:var(--twk-gap);flex-direction:column;flex:auto;display:flex}.twk-color-input button.twk-btn{text-transform:uppercase;flex-direction:row;flex:1;justify-content:start;align-items:center;gap:.5rem;padding-left:0;display:flex}.twk-color-input button.twk-btn:before{content:"";width:calc(var(--twk-size));height:calc(var(--twk-size));background-color:var(--twk-color-value);border-radius:var(--twk-radius);flex:none;display:inline-block}.tweak-ui input[type=checkbox]{flex:none}input.twk-toggle[type=checkbox]{width:calc(var(--twk-size) * 2);height:calc(var(--twk-size));border-radius:var(--twk-size);border:2px solid var(--twk-color-base-100);background-color:var(--twk-color-base-100);cursor:pointer;appearance:none;vertical-align:middle;webkit-user-select:none;-webkit-user-select:none;user-select:none;flex-shrink:0;grid-template-columns:1fr 1fr;place-content:center;margin:0;padding:2px;display:inline-grid}input.twk-toggle[type=checkbox]:checked{border-color:var(--twk-color-base-content)}input.twk-toggle[type=checkbox]:focus{border-color:var(--twk-color-accent)}input.twk-toggle[type=checkbox]:before{aspect-ratio:1;content:"";background-color:var(--twk-color-base-content);opacity:.25;border-radius:100%;grid-row-start:1;grid-column-start:1;transition:background-color .1s,translate .2s;translate:0}input.twk-toggle[type=checkbox]:checked:before{opacity:1;translate:100%}input.twk-check[type=checkbox]{width:calc(var(--twk-size) - 4px);height:calc(var(--twk-size) - 4px);border-radius:var(--twk-radius);cursor:pointer;appearance:none;background-color:var(--twk-color-base-300);outline:1px solid var(--twk-color-base-content);outline-offset:-1px;place-content:center;margin:2px;transition:background-color .1s;display:grid;flex:none!important}input.twk-check[type=checkbox]:checked{background-color:var(--twk-color-accent);outline-color:var(--twk-color-accent)}input.twk-check[type=checkbox]:checked:before{content:"";width:calc(var(--twk-size) / 2);height:calc(var(--twk-size) / 4);border-left:2px solid var(--twk-color-base-300);border-bottom:2px solid var(--twk-color-base-300);margin-top:-2px;transform:rotate(-45deg)}canvas.twk-graph{width:100%}table.twk-graph{text-align:right;border-collapse:collapse;table-layout:fixed;width:100%;margin:0;display:table!important}table.twk-graph thead,table.twk-graph tbody{width:100%}table.twk-graph td,table.twk-graph th{white-space:nowrap;text-overflow:ellipsis;padding:0 4px;overflow:hidden}table.twk-graph th:first-child,table.twk-graph td:first-child{width:var(--twk-label-size);text-align:left}table.twk-graph .twk-current{width:70px;font-weight:600}table.twk-graph .twk-stats{color:#888;width:110px;font-size:.85em}.twk-image{max-width:100%;display:block}.twk-image.twk-loading{opacity:0}.twk-matrix-input{gap:var(--twk-gap)}.twk-point .point-area{background-color:var(--twk-color-base-100);border-color:var(--twk-color-base-300);background-image:linear-gradient(var(--twk-color-base-200) 1px, transparent 1px), linear-gradient(90deg, var(--twk-color-base-200) 1px, transparent 1px);aspect-ratio:1;box-sizing:border-box;cursor:crosshair;z-index:1;background-size:10% 10%,10% 10%;align-self:end;width:100%;transition:border-color .2s ease-in-out,background-color .2s ease-in-out;position:relative;overflow:visible}.twk-point .point-area .point-x-axis,.twk-point .point-area .point-y-axis{background-color:var(--twk-color-base-300)}.twk-point .point-area:focus .point-x-axis,.twk-point .point-area:focus .point-y-axis{background-color:var(--twk-color-accent)}.twk-point .point-area:focus{border-color:var(--twk-color-accent);outline:none}.twk-scalar-input{align-items:center;gap:var(--twk-gap);grid-auto-flow:column;display:grid;position:relative}.twk-scalar-input input{text-align:right;min-width:0}.twk-scalar-input .unit{opacity:.5}.twk-scalar-dragable input:not(:focus){cursor:ew-resize}.twk-scalar-range:after{pointer-events:none;content:"";opacity:.125;background:linear-gradient(to right, var(--twk-color-accent) 0%, var(--twk-color-accent) calc(var(--twk-scalar-value,0) * 100%), transparent calc(var(--twk-scalar-value,0) * 100%), transparent 100%);border-radius:var(--twk-radius);width:100%;position:absolute;top:0;bottom:0;left:0}.twk-scalar-range:hover:after{opacity:.25}.twk-spherical-input{align-items:center;gap:var(--twk-gap);flex-direction:row;display:flex}.twk-spherical-info{gap:calc(var(--twk-gap) / 2);flex-direction:column;flex:1;min-width:0;display:flex}.twk-spherical-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.twk-spherical-pane{--twk-spherical-grid-color:color-mix(in srgb, var(--twk-color-base-content) 18%, transparent);aspect-ratio:1;outline:3px solid var(--twk-color-base-content);outline-offset:-3px;cursor:crosshair;background-image:repeating-conic-gradient(from 0deg, var(--twk-spherical-grid-color) 0deg 1deg, transparent 1deg 30deg), repeating-radial-gradient(circle closest-side, transparent 0, transparent calc(33.333% - 1px), var(--twk-spherical-grid-color) calc(33.333% - 1px), var(--twk-spherical-grid-color) 33.333%), radial-gradient(circle closest-side, var(--twk-color-base-100) 0%, var(--twk-color-base-100) 33.333%, var(--twk-color-base-200) 33.333%, var(--twk-color-base-200) 66.666%, var(--twk-color-base-300) 66.666%, var(--twk-color-base-300) 100%);border-radius:50%;flex:none;width:100%;max-width:100px;margin:.5rem;position:relative}.twk-spherical-pane:focus,.twk-spherical-pane:focus-visible{outline-color:var(--twk-color-accent)}.twk-spherical-arm{background-color:var(--twk-color-base-content);transform-origin:0;z-index:1;pointer-events:none;height:1px;position:absolute;top:50%;left:50%}.twk-spherical-knob{background-color:var(--twk-color-base-content);width:.875rem;height:.875rem;box-shadow:0 0 3px var(--twk-color-neutral);z-index:2;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:50%;transition:opacity .15s ease-in-out;position:absolute;transform:translate(-50%,-50%)}.twk-spherical-knob.is-back{z-index:0;opacity:.4}.twk-spherical-pane.is-dragging .twk-spherical-knob{transition:none}.twk-string-input input,.twk-string-input .twk-input-value{flex:1}.twk-vector-input{gap:var(--twk-gap)}.twk-widget .twk-poll{flex:1}.tweak-ui .twk-p-0{padding:0}.tweak-ui .twk-p-1{padding:var(--twk-gap)}.tweak-ui .twk-p-2{padding:calc(var(--twk-gap) * 2)}.tweak-ui .twk-p-4{padding:calc(var(--twk-gap) * 4)}.tweak-ui .twk-px-0{padding-inline:0}.tweak-ui .twk-px-1{padding-inline:var(--twk-gap)}.tweak-ui .twk-px-2{padding-inline:calc(var(--twk-gap) * 2)}.tweak-ui .twk-px-4{padding-inline:calc(var(--twk-gap) * 4)}.tweak-ui .twk-py-0{padding-block:0}.tweak-ui .twk-py-1{padding-block:var(--twk-gap)}.tweak-ui .twk-py-2{padding-block:calc(var(--twk-gap) * 2)}.tweak-ui .twk-py-4{padding-block:calc(var(--twk-gap) * 4)}.tweak-ui .twk-p-inset{padding:var(--twk-inset)}.tweak-ui .twk-px-label{padding-inline:var(--twk-label-pad-x)}.tweak-ui .twk-px-input{padding-inline:var(--twk-input-pad-x)}.tweak-ui .twk-px-button{padding-inline:var(--twk-button-pad-x)}.tweak-ui .twk-gap-0{gap:0}.tweak-ui .twk-gap-1{gap:var(--twk-gap)}.tweak-ui .twk-gap-2{gap:calc(var(--twk-gap) * 2)}.tweak-ui .twk-gap-4{gap:calc(var(--twk-gap) * 4)}.tweak-ui .twk-w-full{width:100%}.tweak-ui .twk-w-label{width:var(--twk-label-size)}.tweak-ui .twk-h-input{height:var(--twk-input-height)}.tweak-ui .twk-h-btn{height:var(--twk-button-height)}.tweak-ui .twk-h-full{height:100%}.tweak-ui .twk-rounded-none{border-radius:0}.tweak-ui .twk-rounded{border-radius:var(--twk-radius)}.tweak-ui .twk-rounded-full{border-radius:9999px}.tweak-ui .twk-text-end{text-align:end}.tweak-ui .twk-text-right{text-align:right}.tweak-ui .twk-text-start{text-align:start}.tweak-ui .twk-text-left{text-align:left}.tweak-ui .twk-text-center{text-align:center}.tweak-ui .twk-text-xs{font-size:.625rem}.tweak-ui .twk-text-sm{font-size:.75rem}.tweak-ui .twk-text-md{font-size:.875rem}.tweak-ui .twk-bg-100{background-color:var(--twk-color-base-100)}.tweak-ui .twk-bg-200{background-color:var(--twk-color-base-200)}.tweak-ui .twk-bg-300{background-color:var(--twk-color-base-300)}.tweak-ui .twk-bg-content{background-color:var(--twk-color-base-content)}.tweak-ui .twk-bg-neutral{background-color:var(--twk-color-neutral)}.tweak-ui .twk-bg-neutral-content{background-color:var(--twk-color-neutral-content)}.tweak-ui .twk-bg-accent{background-color:var(--twk-color-accent)}.tweak-ui .twk-color-100{color:var(--twk-color-base-100)}.tweak-ui .twk-color-200{color:var(--twk-color-base-200)}.tweak-ui .twk-color-300{color:var(--twk-color-base-300)}.tweak-ui .twk-color-content{color:var(--twk-color-base-content)}.tweak-ui .twk-color-neutral{color:var(--twk-color-neutral)}.tweak-ui .twk-color-neutral-content{color:var(--twk-color-neutral-content)}.tweak-ui .twk-color-accent{color:var(--twk-color-accent)}.tweak-ui .twk-color-muted{color:color-mix(in srgb, var(--twk-color-base-content) 40%, transparent)}.tweak-ui .twk-color-dim{color:color-mix(in srgb, var(--twk-color-base-content) 20%, transparent)}.tweak-ui .twk-glass{background-color:color-mix(in srgb, var(--twk-glass-color,#000) var(--twk-glass-percent,50%), transparent);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.tweak-ui .twk-glass-100{--twk-glass-color:var(--twk-color-base-100)}.tweak-ui .twk-glass-200{--twk-glass-color:var(--twk-color-base-200)}.tweak-ui .twk-glass-300{--twk-glass-color:var(--twk-color-base-300)}@keyframes twk-fade{0%{opacity:0}to{opacity:1}}:root{--twk-pattern-color-a:color-mix(in srgb, var(--twk-color-base-300) 100%, transparent);--twk-pattern-color-b:color-mix(in srgb, var(--twk-color-base-100) 80%, transparent);--twk-pattern-color-line:color-mix(in srgb, var(--twk-color-base-content) 8%, transparent);--twk-pattern-size:.5rem;--twk-pattern-line-width:1px}.twk-bg-checker,.twk-bg-checker-coarse,.twk-bg-checker-fine{background-color:var(--twk-pattern-color-a);background-image:repeating-conic-gradient(var(--twk-pattern-color-b) 0% 25%, transparent 25% 50%);background-size:calc(var(--twk-pattern-size) * 2) calc(var(--twk-pattern-size) * 2);background-position:0 0}.twk-bg-checker-fine{--twk-pattern-size:.25rem}.twk-bg-checker-coarse{--twk-pattern-size:1rem}.twk-bg-grid{background-color:var(--twk-pattern-color-a);background-image:linear-gradient(to right, var(--twk-pattern-color-line) var(--twk-pattern-line-width), transparent var(--twk-pattern-line-width)), linear-gradient(to bottom, var(--twk-pattern-color-line) var(--twk-pattern-line-width), transparent var(--twk-pattern-line-width));background-size:var(--twk-pattern-size) var(--twk-pattern-size);background-position:0 0}.twk-bg-grid-axis{--twk-pattern-color-axis:color-mix(in srgb, var(--twk-color-base-content) 20%, transparent);background-color:var(--twk-pattern-color-a);background-image:linear-gradient(to right, var(--twk-pattern-color-axis) var(--twk-pattern-line-width), transparent var(--twk-pattern-line-width)), linear-gradient(to bottom, var(--twk-pattern-color-axis) var(--twk-pattern-line-width), transparent var(--twk-pattern-line-width)), linear-gradient(to right, var(--twk-pattern-color-line) var(--twk-pattern-line-width), transparent var(--twk-pattern-line-width)), linear-gradient(to bottom, var(--twk-pattern-color-line) var(--twk-pattern-line-width), transparent var(--twk-pattern-line-width));background-size:100% 100%, 100% 100%, var(--twk-pattern-size) var(--twk-pattern-size), var(--twk-pattern-size) var(--twk-pattern-size);background-position:0,50% 0,0 0,0 0}.twk-bg-dots{--twk-pattern-dot-size:1.5px;background-color:var(--twk-pattern-color-a);background-image:radial-gradient(circle, var(--twk-pattern-color-line) var(--twk-pattern-dot-size), transparent var(--twk-pattern-dot-size));background-size:var(--twk-pattern-size) var(--twk-pattern-size);background-position:0 0}.twk-bg-stripes{background-color:var(--twk-pattern-color-a);background-image:repeating-linear-gradient(-45deg, var(--twk-pattern-color-b) 0px, var(--twk-pattern-color-b) var(--twk-pattern-size), transparent var(--twk-pattern-size), transparent calc(var(--twk-pattern-size) * 2))}
+/*$vite$:1*/`,document.head.appendChild(t),Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n=Object.create,r=Object.defineProperty,i=Object.getOwnPropertyDescriptor,a=Object.getOwnPropertyNames,o=Object.getPrototypeOf,s=Object.prototype.hasOwnProperty,c=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),l=(e,t,n,o)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var c=a(t),l=0,u=c.length,d;l<u;l++)d=c[l],!s.call(e,d)&&d!==n&&r(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(o=i(t,d))||o.enumerable});return e},u=(e,t,i)=>(i=e==null?{}:n(o(e)),l(t||!e||!e.__esModule?r(i,`default`,{value:e,enumerable:!0}):i,e)),d=c(((e,t)=>{function n(e,t,n,r,i,a){return{tag:e,key:t,attrs:n,children:r,text:i,dom:a,is:void 0,domSize:void 0,state:void 0,events:void 0,instance:void 0}}n.normalize=function(e){return Array.isArray(e)?n(`[`,void 0,void 0,n.normalizeChildren(e),void 0,void 0):e==null||typeof e==`boolean`?null:typeof e==`object`?e:n(`#`,void 0,void 0,String(e),void 0,void 0)},n.normalizeChildren=function(e){for(var t=Array(e.length),r=0,i=0;i<e.length;i++)t[i]=n.normalize(e[i]),t[i]!==null&&t[i].key!=null&&r++;if(r!==0&&r!==e.length)throw TypeError(t.includes(null)?`In fragments, vnodes must either all have keys or none have keys. You may wish to consider using an explicit keyed empty fragment, m.fragment({key: ...}), instead of a hole.`:`In fragments, vnodes must either all have keys or none have keys.`);return t},t.exports=n})),f=c(((e,t)=>{var n=d();t.exports=function(e,t){return e==null||typeof e==`object`&&e.tag==null&&!Array.isArray(e)?t.length===1&&Array.isArray(t[0])&&(t=t[0]):(t=t.length===0&&Array.isArray(e)?e:[e,...t],e=void 0),n(``,e&&e.key,e,t)}})),p=c(((e,t)=>{t.exports={}.hasOwnProperty})),m=c(((e,t)=>{t.exports={}})),h=c(((e,t)=>{var n=m();t.exports=new Map([[n,!0]])})),g=c(((e,t)=>{var n=d(),r=f(),i=p(),a=m(),o=h(),s=/(?:(^|#|\.)([^#\.\[\]]+))|(\[(.+?)(?:\s*=\s*("|'|)((?:\\["'\]]|.)*?)\5)?\])/g,c=Object.create(null);function l(e){for(var t in e)if(i.call(e,t))return!1;return!0}function u(e){return e===`value`||e===`checked`||e===`selectedIndex`||e===`selected`}function g(e){for(var t,n=`div`,r=[],i={},d=!0;t=s.exec(e);){var f=t[1],p=t[2];if(f===``&&p!==``)n=p;else if(f===`#`)i.id=p;else if(f===`.`)r.push(p);else if(t[3][0]===`[`){var m=t[6];m&&=m.replace(/\\(["'])/g,`$1`).replace(/\\\\/g,`\\`),t[4]===`class`?r.push(m):(i[t[4]]=m===``?m:m||!0,u(t[4])&&(d=!1))}}return r.length>0&&(i.className=r.join(` `)),l(i)?i=a:o.set(i,d),c[e]={tag:n,attrs:i,is:i.is}}function _(e,t){t.tag=e.tag;var n=t.attrs;if(n==null)return t.attrs=e.attrs,t.is=e.is,t;if(i.call(n,`class`)&&(n.class!=null&&(n.className=n.class),n.class=null),e.attrs!==a){var r=n.className;n=Object.assign({},e.attrs,n),e.attrs.className!=null&&(n.className=r==null?e.attrs.className:String(e.attrs.className)+` `+String(r))}return e.tag===`input`&&i.call(n,`type`)&&(n=Object.assign({type:n.type},n)),t.is=n.is,t.attrs=n,t}function v(e,t,...i){if(e==null||typeof e!=`string`&&typeof e!=`function`&&typeof e.view!=`function`)throw Error(`The selector must be either a string or a component.`);var a=r(t,i);return typeof e==`string`&&(a.children=n.normalizeChildren(a.children),e!==`[`)?_(c[e]||g(e),a):(a.attrs??={},a.tag=e,a)}t.exports=v})),_=c(((e,t)=>{var n=d();t.exports=function(e){return e??=``,n(`<`,void 0,void 0,e,void 0,void 0)}})),v=c(((e,t)=>{var n=d(),r=f();t.exports=function(e,...t){var i=r(e,t);return i.attrs??={},i.tag=`[`,i.children=n.normalizeChildren(i.children),i}})),y=c(((e,t)=>{var n=g();n.trust=_(),n.fragment=v(),t.exports=n})),b=c(((e,t)=>{t.exports=new WeakMap})),x=c(((e,t)=>{var n=b();function*r(e){var t=e.dom,r=e.domSize,i=n.get(t);if(t!=null)do{var a=t.nextSibling;n.get(t)===i&&(yield t,r--),t=a}while(r)}t.exports=r})),S=c(((e,t)=>{var n=d(),r=b(),i=x(),a=h();t.exports=function(){var e={svg:`http://www.w3.org/2000/svg`,math:`http://www.w3.org/1998/Math/MathML`},t,o;function s(e){return e.ownerDocument}function c(t){return t.attrs&&t.attrs.xmlns||e[t.tag]}function l(e,t){if(e.state!==t)throw Error(`'vnode.state' must not be modified.`)}function u(e){var t=e.state;try{return this.apply(t,arguments)}finally{l(e,t)}}function d(e){try{return s(e).activeElement}catch{return null}}function f(e,t,n,r,i,a,o){for(var s=n;s<r;s++){var c=t[s];c!=null&&p(e,c,i,o,a)}}function p(e,t,n,r,i){var a=t.tag;if(typeof a==`string`)switch(t.state={},t.attrs!=null&&V(t.attrs,t,n),a){case`#`:m(e,t,i);break;case`<`:g(e,t,r,i);break;case`[`:_(e,t,n,r,i);break;default:v(e,t,n,r,i)}else b(e,t,n,r,i)}function m(e,t,n){t.dom=s(e).createTextNode(t.children),M(e,t.dom,n)}var h={caption:`table`,thead:`table`,tbody:`table`,tfoot:`table`,tr:`tbody`,th:`tr`,td:`tr`,colgroup:`table`,col:`colgroup`};function g(e,t,n,r){var i=t.children.match(/^\s*?<(\w+)/im)||[],a=s(e).createElement(h[i[1]]||`div`);n===`http://www.w3.org/2000/svg`?(a.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg">`+t.children+`</svg>`,a=a.firstChild):a.innerHTML=t.children,t.dom=a.firstChild,t.domSize=a.childNodes.length;for(var o=s(e).createDocumentFragment(),c;c=a.firstChild;)o.appendChild(c);M(e,o,r)}function _(e,t,n,r,i){var a=s(e).createDocumentFragment();if(t.children!=null){var o=t.children;f(a,o,0,o.length,n,null,r)}t.dom=a.firstChild,t.domSize=a.childNodes.length,M(e,a,i)}function v(e,t,n,r,i){var a=t.tag,o=t.attrs,l=t.is;r=c(t)||r;var u=r?l?s(e).createElementNS(r,a,{is:l}):s(e).createElementNS(r,a):l?s(e).createElement(a,{is:l}):s(e).createElement(a);if(t.dom=u,o!=null&&ie(t,o,r),M(e,u,i),!N(t)&&t.children!=null){var d=t.children;f(u,d,0,d.length,n,null,r),t.tag===`select`&&o!=null&&oe(t,o)}}function y(e,t){var r;if(typeof e.tag.view==`function`){if(e.state=Object.create(e.tag),r=e.state.view,r.$$reentrantLock$$!=null)return;r.$$reentrantLock$$=!0}else{if(e.state=void 0,r=e.tag,r.$$reentrantLock$$!=null)return;r.$$reentrantLock$$=!0,e.state=e.tag.prototype!=null&&typeof e.tag.prototype.view==`function`?new e.tag(e):e.tag(e)}if(V(e.state,e,t),e.attrs!=null&&V(e.attrs,e,t),e.instance=n.normalize(u.call(e.state.view,e)),e.instance===e)throw Error(`A view cannot return the vnode it received as argument`);r.$$reentrantLock$$=null}function b(e,t,n,r,i){y(t,n),t.instance==null?t.domSize=0:(p(e,t.instance,n,r,i),t.dom=t.instance.dom,t.domSize=t.instance.domSize)}function x(e,t,n,r,i,a){if(!(t===n||t==null&&n==null))if(t==null||t.length===0)f(e,n,0,n.length,r,i,a);else if(n==null||n.length===0)P(e,t,0,t.length);else{var o=t[0]!=null&&t[0].key!=null,s=n[0]!=null&&n[0].key!=null,c=0,l=0;if(!o)for(;l<t.length&&t[l]==null;)l++;if(!s)for(;c<n.length&&n[c]==null;)c++;if(o!==s)P(e,t,l,t.length),f(e,n,c,n.length,r,i,a);else if(s){for(var u=t.length-1,d=n.length-1,m,h,g,_,v,y;u>=l&&d>=c&&(_=t[u],v=n[d],_.key===v.key);)_!==v&&S(e,_,v,r,i,a),v.dom!=null&&(i=v.dom),u--,d--;for(;u>=l&&d>=c&&(h=t[l],g=n[c],h.key===g.key);)l++,c++,h!==g&&S(e,h,g,r,A(t,l,i),a);for(;u>=l&&d>=c&&!(c===d||h.key!==v.key||_.key!==g.key);)y=A(t,l,i),j(e,_,y),_!==g&&S(e,_,g,r,y,a),++c<=--d&&j(e,h,i),h!==v&&S(e,h,v,r,i,a),v.dom!=null&&(i=v.dom),l++,u--,_=t[u],v=n[d],h=t[l],g=n[c];for(;u>=l&&d>=c&&_.key===v.key;)_!==v&&S(e,_,v,r,i,a),v.dom!=null&&(i=v.dom),u--,d--,_=t[u],v=n[d];if(c>d)P(e,t,l,u+1);else if(l>u)f(e,n,c,d+1,r,i,a);else{var b=i,x=d-c+1,C=Array(x),w=0,T=0,E=2147483647,D=0,m,O;for(T=0;T<x;T++)C[T]=-1;for(T=d;T>=c;T--){m??=ee(t,l,u+1),v=n[T];var M=m[v.key];M!=null&&(E=M<E?M:-1,C[T-c]=M,_=t[M],t[M]=null,_!==v&&S(e,_,v,r,i,a),v.dom!=null&&(i=v.dom),D++)}if(i=b,D!==u-l+1&&P(e,t,l,u+1),D===0)f(e,n,c,d+1,r,i,a);else if(E===-1)for(O=k(C),w=O.length-1,T=d;T>=c;T--)g=n[T],C[T-c]===-1?p(e,g,r,a,i):O[w]===T-c?w--:j(e,g,i),g.dom!=null&&(i=n[T].dom);else for(T=d;T>=c;T--)g=n[T],C[T-c]===-1&&p(e,g,r,a,i),g.dom!=null&&(i=n[T].dom)}}else{var N=t.length<n.length?t.length:n.length;for(c=c<l?c:l;c<N;c++)h=t[c],g=n[c],!(h===g||h==null&&g==null)&&(h==null?p(e,g,r,a,A(t,c+1,i)):g==null?I(e,h):S(e,h,g,r,A(t,c+1,i),a));t.length>N&&P(e,t,c,t.length),n.length>N&&f(e,n,c,n.length,r,i,a)}}}function S(e,t,n,r,i,a){var o=t.tag;if(o===n.tag&&t.is===n.is){if(n.state=t.state,n.events=t.events,U(n,t))return;if(typeof o==`string`)switch(n.attrs!=null&&H(n.attrs,n,r),o){case`#`:C(t,n);break;case`<`:w(e,t,n,a,i);break;case`[`:T(e,t,n,r,i,a);break;default:E(t,n,r,a)}else D(e,t,n,r,i,a)}else I(e,t),p(e,n,r,a,i)}function C(e,t){e.children.toString()!==t.children.toString()&&(e.dom.nodeValue=t.children),t.dom=e.dom}function w(e,t,n,r,i){t.children===n.children?(n.dom=t.dom,n.domSize=t.domSize):(ne(e,t),g(e,n,r,i))}function T(e,t,n,r,i,a){x(e,t.children,n.children,r,i,a);var o=0,s=n.children;if(n.dom=null,s!=null)for(var c=0;c<s.length;c++){var l=s[c];l!=null&&l.dom!=null&&(n.dom??=l.dom,o+=l.domSize||1)}n.domSize=o}function E(e,t,n,r){var i=t.dom=e.dom;r=c(t)||r,(e.attrs!=t.attrs||t.attrs!=null&&!a.get(t.attrs))&&se(t,e.attrs,t.attrs,r),N(t)||x(i,e.children,t.children,n,null,r)}function D(e,t,r,i,a,o){if(r.instance=n.normalize(u.call(r.state.view,r)),r.instance===r)throw Error(`A view cannot return the vnode it received as argument`);H(r.state,r,i),r.attrs!=null&&H(r.attrs,r,i),r.instance==null?(t.instance!=null&&I(e,t.instance),r.domSize=0):(t.instance==null?p(e,r.instance,i,o,a):S(e,t.instance,r.instance,i,a,o),r.dom=r.instance.dom,r.domSize=r.instance.domSize)}function ee(e,t,n){for(var r=Object.create(null);t<n;t++){var i=e[t];if(i!=null){var a=i.key;a!=null&&(r[a]=t)}}return r}var O=[];function k(e){for(var t=[0],n=0,r=0,i=0,a=O.length=e.length,i=0;i<a;i++)O[i]=e[i];for(var i=0;i<a;++i)if(e[i]!==-1){var o=t[t.length-1];if(e[o]<e[i]){O[i]=o,t.push(i);continue}for(n=0,r=t.length-1;n<r;){var s=(n>>>1)+(r>>>1)+(n&r&1);e[t[s]]<e[i]?n=s+1:r=s}e[i]<e[t[n]]&&(n>0&&(O[i]=t[n-1]),t[n]=i)}for(n=t.length,r=t[n-1];n-- >0;)t[n]=r,r=O[r];return O.length=0,t}function A(e,t,n){for(;t<e.length;t++)if(e[t]!=null&&e[t].dom!=null)return e[t].dom;return n}function j(e,t,n){if(t.dom!=null){var r;if(t.domSize==null||t.domSize===1)r=t.dom;else{r=s(e).createDocumentFragment();for(var a of i(t))r.appendChild(a)}M(e,r,n)}}function M(e,t,n){n==null?e.appendChild(t):e.insertBefore(t,n)}function N(e){if(e.attrs==null||e.attrs.contenteditable==null&&e.attrs.contentEditable==null)return!1;var t=e.children;if(t!=null&&t.length===1&&t[0].tag===`<`){var n=t[0].children;e.dom.innerHTML!==n&&(e.dom.innerHTML=n)}else if(t!=null&&t.length!==0)throw Error(`Child node of a contenteditable must be trusted.`);return!0}function P(e,t,n,r){for(var i=n;i<r;i++){var a=t[i];a!=null&&I(e,a)}}function te(e,t,n,a){var s=t.state,c=u.call(n.onbeforeremove,t);if(c!=null){var d=o;for(var f of i(t))r.set(f,d);a.v++,Promise.resolve(c).finally(function(){l(t,s),F(e,t,a)})}}function F(e,t,n){--n.v===0&&(re(t),ne(e,t))}function I(e,t){var n={v:1};typeof t.tag!=`string`&&typeof t.state.onbeforeremove==`function`&&te(e,t,t.state,n),t.attrs&&typeof t.attrs.onbeforeremove==`function`&&te(e,t,t.attrs,n),F(e,t,n)}function ne(e,t){if(t.dom!=null)if(t.domSize==null||t.domSize===1)e.removeChild(t.dom);else for(var n of i(t))e.removeChild(n)}function re(e){if(typeof e.tag!=`string`&&typeof e.state.onremove==`function`&&u.call(e.state.onremove,e),e.attrs&&typeof e.attrs.onremove==`function`&&u.call(e.attrs.onremove,e),typeof e.tag!=`string`)e.instance!=null&&re(e.instance);else{e.events!=null&&(e.events._=null);var t=e.children;if(Array.isArray(t))for(var n=0;n<t.length;n++){var r=t[n];r!=null&&re(r)}}}function ie(e,t,n){for(var r in t)L(e,r,null,t[r],n)}function L(e,t,n,r,i){if(!(t===`key`||r==null||le(t)||n===r&&!ce(e,t)&&typeof r!=`object`)){if(t[0]===`o`&&t[1]===`n`)return ue(e,t,r);if(t.slice(0,6)===`xlink:`)e.dom.setAttributeNS(`http://www.w3.org/1999/xlink`,t.slice(6),r);else if(t===`style`)z(e.dom,n,r);else if(R(e,t,i)){if(t===`value`){if((e.tag===`input`||e.tag===`textarea`)&&e.dom.value===``+r||e.tag===`select`&&n!==null&&e.dom.value===``+r||e.tag===`option`&&n!==null&&e.dom.value===``+r)return;if(e.tag===`input`&&e.attrs.type===`file`&&``+r!=``){console.error("`value` is read-only on file inputs!");return}}e.tag===`input`&&t===`type`?e.dom.setAttribute(t,r):e.dom[t]=r}else typeof r==`boolean`?r?e.dom.setAttribute(t,``):e.dom.removeAttribute(t):e.dom.setAttribute(t===`className`?`class`:t,r)}}function ae(e,t,n,r){if(!(t===`key`||n==null||le(t)))if(t[0]===`o`&&t[1]===`n`)ue(e,t,void 0);else if(t===`style`)z(e.dom,n,null);else if(R(e,t,r)&&t!==`className`&&t!==`title`&&!(t===`value`&&(e.tag===`option`||e.tag===`select`&&e.dom.selectedIndex===-1&&e.dom===d(e.dom)))&&!(e.tag===`input`&&t===`type`))e.dom[t]=null;else{var i=t.indexOf(`:`);i!==-1&&(t=t.slice(i+1)),n!==!1&&e.dom.removeAttribute(t===`className`?`class`:t)}}function oe(e,t){if(`value`in t)if(t.value===null)e.dom.selectedIndex!==-1&&(e.dom.value=null);else{var n=``+t.value;(e.dom.value!==n||e.dom.selectedIndex===-1)&&(e.dom.value=n)}`selectedIndex`in t&&L(e,`selectedIndex`,null,t.selectedIndex,void 0)}function se(e,t,n,r){var i;if(t!=null)for(var o in t===n&&!a.has(n)&&console.warn(`Don't reuse attrs object, use new object for every redraw, this will throw in next major`),t)(i=t[o])!=null&&(n==null||n[o]==null)&&ae(e,o,i,r);if(n!=null)for(var o in n)L(e,o,t&&t[o],n[o],r)}function ce(e,t){return t===`value`||t===`checked`||t===`selectedIndex`||t===`selected`&&(e.dom===d(e.dom)||e.tag===`option`&&e.dom.parentNode===d(e.dom))}function le(e){return e===`oninit`||e===`oncreate`||e===`onupdate`||e===`onremove`||e===`onbeforeremove`||e===`onbeforeupdate`}function R(e,t,n){return n===void 0&&(e.tag.indexOf(`-`)>-1||e.is||t!==`href`&&t!==`list`&&t!==`form`&&t!==`width`&&t!==`height`)&&t in e.dom}function z(e,t,n){if(t!==n)if(n==null)e.style=``;else if(typeof n!=`object`)e.style=n;else if(typeof t!=`object`||!t)for(var r in e.style=``,n){var i=n[r];i!=null&&(r.includes(`-`)?e.style.setProperty(r,String(i)):e.style[r]=String(i))}else{for(var r in t)t[r]!=null&&n[r]==null&&(r.includes(`-`)?e.style.removeProperty(r):e.style[r]=``);for(var r in n){var i=n[r];i!=null&&(i=String(i))!==String(t[r])&&(r.includes(`-`)?e.style.setProperty(r,i):e.style[r]=i)}}}function B(){this._=t}B.prototype=Object.create(null),B.prototype.handleEvent=function(e){var t=this[`on`+e.type],n;typeof t==`function`?n=t.call(e.currentTarget,e):typeof t.handleEvent==`function`&&t.handleEvent(e);var r=this;r._!=null&&(e.redraw!==!1&&(0,r._)(),n!=null&&typeof n.then==`function`&&Promise.resolve(n).then(function(){r._!=null&&e.redraw!==!1&&(0,r._)()})),n===!1&&(e.preventDefault(),e.stopPropagation())};function ue(e,n,r){if(e.events!=null){if(e.events._=t,e.events[n]===r)return;r!=null&&(typeof r==`function`||typeof r==`object`)?(e.events[n]??e.dom.addEventListener(n.slice(2),e.events,!1),e.events[n]=r):(e.events[n]!=null&&e.dom.removeEventListener(n.slice(2),e.events,!1),e.events[n]=void 0)}else r!=null&&(typeof r==`function`||typeof r==`object`)&&(e.events=new B,e.dom.addEventListener(n.slice(2),e.events,!1),e.events[n]=r)}function V(e,t,n){typeof e.oninit==`function`&&u.call(e.oninit,t),typeof e.oncreate==`function`&&n.push(u.bind(e.oncreate,t))}function H(e,t,n){typeof e.onupdate==`function`&&n.push(u.bind(e.onupdate,t))}function U(e,t){do{if(e.attrs!=null&&typeof e.attrs.onbeforeupdate==`function`){var n=u.call(e.attrs.onbeforeupdate,e,t);if(n!==void 0&&!n)break}if(typeof e.tag!=`string`&&typeof e.state.onbeforeupdate==`function`){var n=u.call(e.state.onbeforeupdate,e,t);if(n!==void 0&&!n)break}return!1}while(!1);return e.dom=t.dom,e.domSize=t.domSize,e.instance=t.instance,e.attrs=t.attrs,e.children=t.children,e.text=t.text,!0}var W;return function(e,r,i){if(!e)throw TypeError(`DOM element being rendered to does not exist.`);if(W!=null&&e.contains(W))throw TypeError(`Node is currently being rendered to and thus is locked.`);var a=t,s=W,c=[],l=d(e),u=e.namespaceURI;W=e,t=typeof i==`function`?i:void 0,o={};try{e.vnodes??(e.textContent=``),r=n.normalizeChildren(Array.isArray(r)?r:[r]),x(e,e.vnodes,r,c,null,u===`http://www.w3.org/1999/xhtml`?void 0:u),e.vnodes=r,l!=null&&d(e)!==l&&typeof l.focus==`function`&&l.focus();for(var f=0;f<c.length;f++)c[f]()}finally{t=a,W=s}}}})),C=c(((e,t)=>{t.exports=S()()})),w=c(((e,t)=>{var n=d();t.exports=function(e,t,r){var i=[],a=!1,o=-1;function s(){for(o=0;o<i.length;o+=2)try{e(i[o],n(i[o+1]),c)}catch(e){r.error(e)}o=-1}function c(){a||(a=!0,t(function(){a=!1,s()}))}c.sync=s;function l(t,r){if(r!=null&&r.view==null&&typeof r!=`function`)throw TypeError(`m.mount expects a component, not a vnode.`);var a=i.indexOf(t);a>=0&&(i.splice(a,2),a<=o&&(o-=2),e(t,[])),r!=null&&(i.push(t,r),e(t,n(r),c))}return{mount:l,redraw:c}}})),T=c(((e,t)=>{var n=C();t.exports=w()(n,typeof requestAnimationFrame<`u`?requestAnimationFrame:null,typeof console<`u`?console:null)})),E=c(((e,t)=>{t.exports=function(e){if(Object.prototype.toString.call(e)!==`[object Object]`)return``;var t=[];for(var n in e)r(n,e[n]);return t.join(`&`);function r(e,n){if(Array.isArray(n))for(var i=0;i<n.length;i++)r(e+`[`+i+`]`,n[i]);else if(Object.prototype.toString.call(n)===`[object Object]`)for(var i in n)r(e+`[`+i+`]`,n[i]);else t.push(encodeURIComponent(e)+(n!=null&&n!==``?`=`+encodeURIComponent(n):``))}}})),D=c(((e,t)=>{var n=E();t.exports=function(e,t){if(/:([^\/\.-]+)(\.{3})?:/.test(e))throw SyntaxError(`Template parameter names must be separated by either a '/', '-', or '.'.`);if(t==null)return e;var r=e.indexOf(`?`),i=e.indexOf(`#`),a=i<0?e.length:i,o=r<0?a:r,s=e.slice(0,o),c={};Object.assign(c,t);var l=s.replace(/:([^\/\.-]+)(\.{3})?/g,function(e,n,r){return delete c[n],t[n]==null?e:r?t[n]:encodeURIComponent(String(t[n]))}),u=l.indexOf(`?`),d=l.indexOf(`#`),f=d<0?l.length:d,p=u<0?f:u,m=l.slice(0,p);r>=0&&(m+=e.slice(r,a)),u>=0&&(m+=(r<0?`?`:`&`)+l.slice(u,f));var h=n(c);return h&&(m+=(r<0&&u<0?`?`:`&`)+h),i>=0&&(m+=e.slice(i)),d>=0&&(m+=(i<0?``:`&`)+l.slice(d)),m}})),ee=c(((e,t)=>{var n=D(),r=p();t.exports=function(e,t){function i(e){return new Promise(e)}function a(t,i){return new Promise(function(a,s){t=n(t,i.params);var c=i.method==null?`GET`:i.method.toUpperCase(),l=i.body,u=(i.serialize==null||i.serialize===JSON.serialize)&&!(l instanceof e.FormData||l instanceof e.URLSearchParams),d=i.responseType||(typeof i.extract==`function`?``:`json`),f=new e.XMLHttpRequest,p=!1,m=!1,h=f,g,_=f.abort;for(var v in f.abort=function(){p=!0,_.call(this)},f.open(c,t,i.async!==!1,typeof i.user==`string`?i.user:void 0,typeof i.password==`string`?i.password:void 0),u&&l!=null&&!o(i,`content-type`)&&f.setRequestHeader(`Content-Type`,`application/json; charset=utf-8`),typeof i.deserialize!=`function`&&!o(i,`accept`)&&f.setRequestHeader(`Accept`,`application/json, text/*`),i.withCredentials&&(f.withCredentials=i.withCredentials),i.timeout&&(f.timeout=i.timeout),f.responseType=d,i.headers)r.call(i.headers,v)&&f.setRequestHeader(v,i.headers[v]);f.onreadystatechange=function(e){if(!p&&e.target.readyState===4)try{var n=e.target.status>=200&&e.target.status<300||e.target.status===304||/^file:\/\//i.test(t),r=e.target.response,o;if(d===`json`){if(!e.target.responseType&&typeof i.extract!=`function`)try{r=JSON.parse(e.target.responseText)}catch{r=null}}else (!d||d===`text`)&&(r??=e.target.responseText);if(typeof i.extract==`function`?(r=i.extract(e.target,i),n=!0):typeof i.deserialize==`function`&&(r=i.deserialize(r)),n){if(typeof i.type==`function`)if(Array.isArray(r))for(var c=0;c<r.length;c++)r[c]=new i.type(r[c]);else r=new i.type(r);a(r)}else{var l=function(){try{o=e.target.responseText}catch{o=r}var t=Error(o);t.code=e.target.status,t.response=r,s(t)};f.status===0?setTimeout(function(){m||l()}):l()}}catch(e){s(e)}},f.ontimeout=function(e){m=!0;var t=Error(`Request timed out`);t.code=e.target.status,s(t)},typeof i.config==`function`&&(f=i.config(f,i,t)||f,f!==h&&(g=f.abort,f.abort=function(){p=!0,g.call(this)})),l==null?f.send():typeof i.serialize==`function`?f.send(i.serialize(l)):l instanceof e.FormData||l instanceof e.URLSearchParams?f.send(l):f.send(JSON.stringify(l))})}i.prototype=Promise.prototype,i.__proto__=Promise;function o(e,t){for(var n in e.headers)if(r.call(e.headers,n)&&n.toLowerCase()===t)return!0;return!1}return{request:function(e,n){typeof e==`string`?n??={}:(n=e,e=e.url);var r=a(e,n);if(n.background===!0)return r;var o=0;function s(){--o===0&&typeof t==`function`&&t()}return c(r);function c(e){var t=e.then;return e.constructor=i,e.then=function(){o++;var n=t.apply(e,arguments);return n.then(s,function(e){if(s(),o===0)throw e}),c(n)},e}}}}})),O=c(((e,t)=>{var n=T();t.exports=ee()(typeof window<`u`?window:null,n.redraw)})),k=c(((e,t)=>{var n=/%(?:[0-7]|(?!c[01]|e0%[89]|ed%[ab]|f0%8|f4%[9ab])(?:c|d|(?:e|f[0-4]%[89ab])[\da-f]%[89ab])[\da-f]%[89ab])[\da-f]/gi;t.exports=function(e){return String(e).replace(n,decodeURIComponent)}})),A=c(((e,t)=>{var n=k();t.exports=function(e){if(e===``||e==null)return{};e.charAt(0)===`?`&&(e=e.slice(1));for(var t=e.split(`&`),r={},i={},a=0;a<t.length;a++){var o=t[a].split(`=`),s=n(o[0]),c=o.length===2?n(o[1]):``;c===`true`?c=!0:c===`false`&&(c=!1);var l=s.split(/\]\[?|\[/),u=i;s.indexOf(`[`)>-1&&l.pop();for(var d=0;d<l.length;d++){var f=l[d],p=l[d+1],m=p==``||!isNaN(parseInt(p,10));if(f===``){var s=l.slice(0,d).join();r[s]??(r[s]=Array.isArray(u)?u.length:0),f=r[s]++}else if(f===`__proto__`)break;if(d===l.length-1)u[f]=c;else{var h=Object.getOwnPropertyDescriptor(u,f);h!=null&&(h=h.value),h??(u[f]=h=m?[]:{}),u=h}}}return i}})),j=c(((e,t)=>{var n=A();t.exports=function(e){var t=e.indexOf(`?`),r=e.indexOf(`#`),i=r<0?e.length:r,a=t<0?i:t,o=e.slice(0,a).replace(/\/{2,}/g,`/`);return o?o[0]!==`/`&&(o=`/`+o):o=`/`,{path:o,params:t<0?{}:n(e.slice(t+1,i))}}})),M=c(((e,t)=>{var n=j();t.exports=function(e){var t=n(e),r=Object.keys(t.params),i=[],a=RegExp(`^`+t.path.replace(/:([^\/.-]+)(\.{3}|\.(?!\.)|-)?|[\\^$*+.()|\[\]{}]/g,function(e,t,n){return t==null?`\\`+e:(i.push({k:t,r:n===`...`}),n===`...`?`(.*)`:n===`.`?`([^/]+)\\.`:`([^/]+)`+(n||``))})+`\\/?$`);return function(e){for(var n=0;n<r.length;n++)if(t.params[r[n]]!==e.params[r[n]])return!1;if(!i.length)return a.test(e.path);var o=a.exec(e.path);if(o==null)return!1;for(var n=0;n<i.length;n++)e.params[i[n].k]=i[n].r?o[n+1]:decodeURIComponent(o[n+1]);return!0}}})),N=c(((e,t)=>{var n=p(),r=/^(?:key|oninit|oncreate|onbeforeupdate|onupdate|onbeforeremove|onremove)$/;t.exports=function(e,t){var i={};if(t!=null)for(var a in e)n.call(e,a)&&!r.test(a)&&t.indexOf(a)<0&&(i[a]=e[a]);else for(var a in e)n.call(e,a)&&!r.test(a)&&(i[a]=e[a]);return i}})),P=c(((e,t)=>{var n=d(),r=g(),i=k(),a=D(),o=j(),s=M(),c=N();t.exports=function(e,t){var l=Promise.resolve(),u=!1,d=!1,f=!1,p,m,h,g,_,v,y,b,x={onremove:function(){d=f=!1,e.removeEventListener(`popstate`,w,!1)},view:function(){var e=n(_,v.key,v);return g?g.render(e):[e]}},S=T.SKIP={};function C(){u=!1;var n=e.location.hash;T.prefix[0]!==`#`&&(n=e.location.search+n,T.prefix[0]!==`?`&&(n=e.location.pathname+n,n[0]!==`/`&&(n=`/`+n)));var r=i(n).slice(T.prefix.length),a=o(r);Object.assign(a.params,e.history.state);function s(e){console.error(e),T.set(h,null,{replace:!0})}c(0);function c(e){for(;e<m.length;e++)if(m[e].check(a)){var n=m[e].component,i=m[e].route,o=n,u=b=function(i){if(u===b){if(i===S)return c(e+1);_=i!=null&&(typeof i.view==`function`||typeof i==`function`)?i:`div`,v=a.params,y=r,b=null,g=n.render?n:null,f?t.redraw():(f=!0,t.mount(p,x))}};n.view||typeof n==`function`?(n={},u(o)):n.onmatch?l.then(function(){return n.onmatch(a.params,r,i)}).then(u,r===h?null:s):u();return}if(r===h)throw Error(`Could not resolve default route `+h+`.`);T.set(h,null,{replace:!0})}}function w(){u||(u=!0,setTimeout(C))}function T(t,n,r){if(!t)throw TypeError(`DOM element being rendered to does not exist.`);if(m=Object.keys(r).map(function(e){if(e[0]!==`/`)throw SyntaxError(`Routes must start with a '/'.`);if(/:([^\/\.-]+)(\.{3})?:/.test(e))throw SyntaxError(`Route parameter names must be separated with either '/', '.', or '-'.`);return{route:e,component:r[e],check:s(e)}}),h=n,n!=null){var i=o(n);if(!m.some(function(e){return e.check(i)}))throw ReferenceError(`Default route doesn't match any known routes.`)}p=t,e.addEventListener(`popstate`,w,!1),d=!0,C()}return T.set=function(t,n,r){if(b!=null&&(r||={},r.replace=!0),b=null,t=a(t,n),d){w();var i=r?r.state:null,o=r?r.title:null;r&&r.replace?e.history.replaceState(i,o,T.prefix+t):e.history.pushState(i,o,T.prefix+t)}else e.location.href=T.prefix+t},T.get=function(){return y},T.prefix=`#!`,T.Link={view:function(e){var t=r(e.attrs.selector||`a`,c(e.attrs,[`options`,`params`,`selector`,`onclick`]),e.children),n,i,o;return(t.attrs.disabled=!!t.attrs.disabled)?(t.attrs.href=null,t.attrs[`aria-disabled`]=`true`):(n=e.attrs.options,i=e.attrs.onclick,o=a(t.attrs.href,e.attrs.params),t.attrs.href=T.prefix+o,t.attrs.onclick=function(e){var t;typeof i==`function`?t=i.call(e.currentTarget,e):typeof i!=`object`||!i||typeof i.handleEvent==`function`&&i.handleEvent(e),t!==!1&&!e.defaultPrevented&&(e.button===0||e.which===0||e.which===1)&&(!e.currentTarget.target||e.currentTarget.target===`_self`)&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey&&!e.altKey&&(e.preventDefault(),e.redraw=!1,T.set(o,null,n))}),t}},T.param=function(e){return v&&e!=null?v[e]:v},T}})),te=c(((e,t)=>{var n=T();t.exports=P()(typeof window<`u`?window:null,n)})),F=u(c(((e,t)=>{var n=y(),r=T(),i=O(),a=te(),o=function(){return n.apply(this,arguments)};o.m=n,o.trust=n.trust,o.fragment=n.fragment,o.Fragment=`[`,o.mount=r.mount,o.route=a,o.render=C(),o.redraw=r.redraw,o.request=i.request,o.parseQueryString=A(),o.buildQueryString=E(),o.parsePathname=j(),o.buildPathname=D(),o.vnode=d(),o.censor=N(),o.domFor=x(),t.exports=o}))(),1);function I(e,t){return(0,F.default)(L,e,t)}function ne(e,t){return(0,F.default)(ae,e,t)}function re(e,t){return(0,F.default)(oe,e,t)}function ie(e,t){return(0,F.default)(se,e,t)}var L=()=>({view:({attrs:{start:e,end:t,...n},children:r})=>(0,F.default)(`div.twk-bar`,n,[e?(0,F.default)(ae,e):null,r,t?(0,F.default)(oe,t):null])}),ae=()=>({view:({attrs:e,children:t})=>(0,F.default)(`div.twk-bar-start`,e,t)}),oe=()=>({view:({attrs:e,children:t})=>(0,F.default)(`div.twk-bar-end`,e,t)}),se=()=>({view:({attrs:e,children:t})=>(0,F.default)(`div.twk-bar-content`,e,t)});function ce(e,t){return(0,F.default)(le,e,t)}var le=()=>({view:e=>{let t=e.attrs;return(0,F.default)(`div.twk-grid`,{style:{gridTemplateColumns:typeof t.columns==`number`?`repeat(${t.columns}, 1fr)`:t.columns||`none`,gridTemplateRows:typeof t.rows==`number`?`repeat(${t.rows}, 1fr)`:t.rows||`none`,...t.style||{}}},e.children)}});function R(e){return typeof e==`string`}function z(e){return typeof e==`number`}function B(e){return typeof e==`function`}function ue(e){return Array.isArray(e)}function V(e){return typeof e==`object`&&!!e&&!ue(e)}function H(e,...t){return B(e)?e(...t):null}function U(e,t,n){if(e!=null){if(t!=null&&e<t)return t;if(n!=null&&e>n)return n}return e}function W(){if(arguments.length===1&&R(arguments[0]))return arguments[0];if(arguments.length===0)return``;let e=[],t=n=>{if(n){if(typeof n==`function`){t(n());return}if(typeof n==`string`){n&&e.push(n);return}if(Array.isArray(n)){for(let e of n)t(e);return}if(typeof n==`object`)for(let t in n){let r=n[t];(typeof r==`function`?r():r)&&e.push(t)}}};for(let e of arguments)t(e);return e.join(` `)}function de(e,t,n){for(;e.length<t;)e=`${n}${e}`;return e}function fe(e){let t=0,n=0;return`touches`in e?(t=e.touches.item(0).pageX,n=e.touches.item(0).pageY):(t=e.pageX,n=e.pageY),[t,n]}function G(e,t,n){t||=e.target;let r=t.getBoundingClientRect(),i=window.pageXOffset||document.documentElement.scrollLeft,a=window.pageYOffset||document.documentElement.scrollTop,o=t.clientWidth,s=t.clientHeight,[c,l]=fe(e);n&&(c+=n[0],l+=n[1]);let u=c-i-r.left,d=l-a-r.top;return{width:o,height:s,x:u,y:d,normalizedX:u/o,normalizedY:d/s}}function pe({onStart:e,onMove:t,onEnd:n}){let r={target:null,activate:i=>{r.deactivate(),r.target=i.target,e&&e(i),t&&(document.addEventListener(`mousemove`,t,{passive:!1}),document.addEventListener(`touchmove`,t,{passive:!1})),n&&(document.addEventListener(`mouseup`,n),document.addEventListener(`touchend`,n),document.addEventListener(`touchcancel`,n))},deactivate:()=>{r.target=null,t&&(document.removeEventListener(`mousemove`,t),document.removeEventListener(`touchmove`,t)),n&&(document.removeEventListener(`mouseup`,n),document.removeEventListener(`touchend`,n),document.removeEventListener(`touchcancel`,n))},onStart:e,onMove:t,onEnd:n};return r}function me(e,t,n){return new Promise(r=>{let i=!1,a=n=>{i=!0,e.removeEventListener(t,a),r(!0)};e.addEventListener(t,a),setTimeout(()=>{e.removeEventListener(t,a),i||(i=!0,r(!1))},n)})}function he(e,t){return(0,F.default)(ge,e,t)}var ge=()=>{let e,t,n,r,i=!1;function a(t){let i=t.attrs;e=i.title||``,n=!!i.collapsible,r??=!!i.collapsed}function o(){i=!0,r=!r}function s(){return!t&&!e&&!n?null:(0,F.default)(`div.twk-group-title`,{onclick:n?o:void 0},t,e)}return{oninit:a,onupdate:a,view:({attrs:a,children:o})=>(e=a.title||``,t=a.icon||``,n=!!a.collapsible,r??=!!a.collapsed,(0,F.default)(`div.twk-group`,{class:W({"twk-group-collapsible":!!n,"twk-group-collapsed":!!r}),style:a.style},F.default.fragment({},[s()]),r?null:(0,F.default)(_e,{animate:i},o)))}},_e=()=>({onbeforeremove:async({dom:e})=>{e.classList.remove(`enter`),e.classList.add(`leave`),await me(e,`animationstart`,50)&&await me(e,`animationend`,2e3)},view:({children:e,attrs:t})=>(0,F.default)(`div.twk-group-content`,{class:W({animate:t.animate,enter:!0})},e)});function ve(e,t){return(0,F.default)(ye,e,t)}var ye=()=>({view:({attrs:{flex:e,flow:t,style:n,...r},children:i})=>(0,F.default)(`div.twk-flex`,{style:{flex:e??`auto`,flexFlow:t||`column nowrap`,...n||{}},...r},i)});function be(e,t){return(0,F.default)(we,e,t)}function xe(e,t){return(0,F.default)(Te,e,t)}function Se(e,t){return(0,F.default)(Ee,e,t)}function Ce(e,t){return(0,F.default)(De,e,t)}var we=()=>({view:({attrs:{header:e,footer:t,...n},children:r})=>(0,F.default)(`div.twk-section`,n,[e?(0,F.default)(Te,e):null,r,t?(0,F.default)(Ee,t):null])}),Te=()=>({view:({attrs:e,children:t})=>(0,F.default)(`header.twk-section-header`,e,t)}),Ee=()=>({view:({attrs:e,children:t})=>(0,F.default)(`footer.twk-section-footer`,e,t)}),De=()=>({view:({attrs:e,children:t})=>(0,F.default)(`main.twk-section-content`,e,t)});function K(e){return Me(e,Oe(e))}function q(e,t){let n=je(e,t);return ke(e,n),n}function Oe(e){return e.binding?e.binding.get(e.value,e.field):e.value==null?null:e.field==null?e.value:e.value[e.field]}function ke(e,t){if(e.binding){e.binding.set?.(t,e.value,e.field);return}if(e.value!=null){if(e.field){if(!Ae(e.value,e.field)){console.warn(`Cannot write value to control model. Property "${String(e.field)}" is not writeable.`);return}e.value[e.field]=t;return}e.value=t}}function Ae(e,t){let n=Object.getOwnPropertyDescriptor(e,t);return!n||!!n.writable||!!n.set}function je(e,t){return e.adapter?e.adapter.fromControl(t):t}function Me(e,t){return e.adapter?e.adapter.toControl(t):t}function Ne(e){return typeof e==`object`&&!!e&&`tag`in e}function Pe(e,t){return Array.isArray(e)?e.map((e,n,r)=>Ne(e)?t(e,n,r):e):Ne(e)?t(e,0,[e]):e}function Fe(e){return e==null?null:typeof e==`function`?e():Array.isArray(e)?e.map(e=>{if(Ie(e)){let{component:t,attributes:n,children:r}=e;return(0,F.default)(t,n,Fe(r||[]))}return e}):e}function Ie(e){return typeof e==`object`&&!!e&&`component`in e&&`attributes`in e}function Le(e){return()=>{let t;return arguments.length===1?t=arguments[0]||{}:arguments.length>1?(t=arguments[1]||{},t.label=arguments[0]):t={},(0,F.default)(e,t)}}function Re(e,t){return{get:()=>e[t],set:n=>e[t]=n}}var ze=F.default;function Be(e,t){let n=typeof e==`string`?document.querySelector(e):e;if(n.classList.add(`tweak-ui`),!t)F.default.mount(n,null);else if(Array.isArray(t))F.default.mount(n,{view:()=>t});else if(typeof t==`function`){let e=Zn.build(t);F.default.mount(n,{view:()=>Fe(e)})}else F.default.mount(n,t)}function Ve(e){let t=typeof e==`string`?document.querySelector(e):e;F.default.mount(t,null)}function He(){F.default.redraw()}function Ue(e,t){return(0,F.default)(Ke,e,t)}function We(e,t){return(0,F.default)(Ge,e,t)}var Ge=e=>({view:({attrs:e,children:t})=>ze(`div`,{...e,class:W({fluid:!!e.fluid},e.class)},t)}),Ke=()=>{let e=!1,t=0,n,r,i,a,o,s=null,c=null;function l(e,t,s,c){f(),e.stopPropagation(),n=e,r=s.dom?.getBoundingClientRect(),i=c.dom?.getBoundingClientRect(),a=s.dom,o=c.dom,window.addEventListener(`mousemove`,u),window.addEventListener(`mouseup`,f);let l=a.parentElement;l&&l.classList.add(`dragging`)}function u(c){if(!r||!i||!n||!a||!o)return;s??=d();let l=e?c.clientX-n.clientX:c.clientY-n.clientY,u=e?r.width:r.height,f=u+(e?i.width:i.height),p=Math.max(t,Math.min(u+l,f-t)),m=f-p,h=p/s*100,g=m/s*100;a.style.flex=`0 0 ${h}%`,o.style.flex=`0 0 ${g}%`}function d(){if(!c)return 0;let t=0;for(let n=0;n<c.children.length;n++){let r=c.children[n],i=r.getBoundingClientRect(),a=e?i.width:i.height;t+=a,r.classList.contains(`fluid`)?r.style.flex=`1`:r.style.flex=`0 0 ${a}px`}return t}function f(){let e=a?.parentElement;e&&e.classList.remove(`dragging`),a=null,o=null,r=null,i=null,n=null,s=null,window.removeEventListener(`mousemove`,u),window.removeEventListener(`mouseup`,f),d()}return{oncreate:({dom:e})=>{c=e},view:({attrs:{style:n,flow:r,minSize:i,...a},children:o})=>(e=r===`row`,t=i=Math.max(i||16,0),queueMicrotask(d),(0,F.default)(`div.twk-split-pane`,{...a,class:W({"twk-split-pane-h":e,"twk-split-pane-v":!e}),style:{...n||{},display:`flex`,flexDirection:e?`row`:`column`}},Pe(o,(t,n,r)=>t?[t,r[n+1]?(0,F.default)(`div.twk-split-gutter`,{class:W({"twk-split-gutter-h":e,"twk-split-gutter-v":!e}),onmousedown:e=>l(e,n,t,r[n+1])}):null]:null)))}},qe=Symbol(`tabsHost`),Je=()=>{let e,t;return{oninit:n=>{if(e=n.attrs[qe],t=n,!e)throw Error(`TabPane must be used inside a Tabs component`);e.attach(n)},onremove:()=>{e.detach(t)},view:({attrs:n,children:r})=>{let i=n.title,a=e.isActive(t);return[(0,F.default)(`button.twk-btn.twk-tab`,{class:W({active:a}),onclick:()=>e.activate(t)},i),a?(0,F.default)(`div.twk-tab-content`,{},r):null]}}};function Ye(e,t){return(0,F.default)(Xe,e,t)}var Xe=()=>{let e=[],t=null,n={attach(n){e.push(n),t||=n,n.attrs.active&&(t=n)},detach(n){let r=e.indexOf(n);r>=0&&e.splice(r,1),t===n&&(t=e[0]||null)},activate(e){t=e},isActive(e){return t===e}};function r(e){return Pe(e.children,e=>{if(!e)return e;if(e.tag===Je)return(0,F.default)(e.tag,{...e.attrs,[qe]:n},e.children);let t=e.attrs;return(0,F.default)(Je,{title:t.title||``,[qe]:n},(0,F.default)(e.tag,{...t,title:void 0},e.children))})}return{view:e=>(0,F.default)(`div.twk-tabs`,{class:W({"twk-tabs-vertical":!!e.attrs.vertical})},F.default.fragment({},[r(e)]))}};function Ze(e){return(0,F.default)(et,e)}function Qe(e,t,n=0,r=[]){for(let i of e){let e=t.isExpanded(i)??!1,a=t.nodeChildren(i);r.push({node:i,depth:n,expanded:e}),a&&e&&Qe(a,t,n+1,r)}return r}var $e=22,et=()=>{let e=0,t=null,n=0,r=[],i=null,a,o,s,c=[],l=null;return{onremove(){t?.disconnect()},oncreate({dom:e}){t=new ResizeObserver(e=>{let t=e[0].contentRect.height;t!==n&&(n=t,F.default.redraw())}),t.observe(e)},onupdate({attrs:{adapter:e}}){e.connect?.({scrollTo(e){let t=r.findIndex(t=>t.node===e);t>=0&&(l?.scrollTo({top:t*(o??$e),behavior:`instant`}),F.default.redraw())}})},view({attrs:t}){c=t.data,i=t.adapter,a=t.selectedId,o=t.rowHeight??$e,s=t.onSelect,r=Qe(c,i);let u=r.length,d=Math.ceil(n/o),f=Math.floor(e/o),p=Math.min(f+d,u),m=f*o,h=r.slice(f,p);return(0,F.default)(`div.twk-tree`,{style:t.style??{},oncreate:({dom:e})=>{l=e},onscroll:t=>{e=t.target.scrollTop}},(0,F.default)(`div.twk-tree-spacer`,{style:{height:`${u*o}px`}},(0,F.default)(`div.twk-tree-viewport`,{style:{"--twk-tree-row-height":`${o}px`,transform:`translateY(${m}px)`}},h.map(({node:e,depth:t,expanded:n})=>{let r=i.nodeId(e),c=r===a,l=i.nodeIcon(e,i.isExpanded(e)),u=!!i.nodeChildren(e);return(0,F.default)(`div.twk-tree-row`,{key:r,class:W({selected:c,expandable:u}),style:{height:`${o}px`,"--twk-tree-row-depth":t},onclick:()=>s?.(e)},[(0,F.default)(`span.twk-tree-toggle`,{class:W({expanded:n,expandable:u}),onclick:t=>{u&&(t.stopPropagation(),i.setExpanded(e,!n))}}),l?(0,F.default)(`span.twk-tree-icon`,{},l):null,(0,F.default)(`span.twk-tree-label`,{},i.nodeLabel(e))])}))))}}};function tt(e,t){return(0,F.default)(nt,e,t)}var nt=()=>{let e=null;return{oncreate:({dom:t})=>{e=t,e.addEventListener(`close`,He)},onremove:()=>{e?.removeEventListener(`close`,He),e=null},view:({attrs:t,children:n})=>(0,F.default)(`dialog.twk-dialog`,t,[e?.open?n:null])}};function rt(e,t){return(0,F.default)(it,e,t)}var it=()=>({view:({attrs:e,children:t})=>{let{square:n,block:r,class:i,style:a,...o}=e;return(0,F.default)(`button.twk-btn`,{type:`button`,class:W({"twk-btn-sq":!!n,"twk-btn-bl":!!r,"twk-btn-lg":!!e.large,"twk-btn-accent":!!e.accent},i),style:{flex:e.flex,...a||{}},...o},t)}});function at(e){return(0,F.default)(ot,e)}var ot=()=>({view:e=>(0,F.default)(`div.twk-divider`,e.attrs,e.children)});function st(e,t){let n={color:e.color,noGraph:e.noGraph,fractionDigits:e.fractionDigits,smoothing:e.smoothing??0,transform:ut,min:e.min??0,max:e.max??1,value:null,normalized:0,buffer:new Float32Array(t),head:0,count:0,index:0,sum:0,avg:0,minDeque:new Float32Array(t),maxDeque:new Float32Array(t),minIdx:new Uint32Array(t),maxIdx:new Uint32Array(t),minHead:0,minTail:0,maxHead:0,maxTail:0,minSeen:1/0,maxSeen:-1/0,sample:()=>dt(e.sample(),n)};switch(e.transform){case`log`:n.transform=ct;break;case`exp`:n.transform=lt;break;default:n.transform=ut;break}return n}function ct(e){return Math.log10(1+Math.max(0,e))}function lt(e){return Math.exp(e)-1}function ut(e){return e}function dt(e,t){if(t.value==null)t.value=e;else{let n=t.smoothing;t.value=n*t.value+(1-n)*e}let n=t.value,r=t.index++,i=t.buffer.length;if(t.count===i){let e=t.buffer[t.head];t.sum-=e}else t.count++;for(t.buffer[t.head]=n,t.head=(t.head+1)%i,t.sum+=n,t.avg=t.sum/t.count;t.minHead!==t.minTail;){let e=(t.minTail-1+i)%i;if(t.minDeque[e]<=n)break;t.minTail=e}for(t.minDeque[t.minTail]=n,t.minIdx[t.minTail]=r,t.minTail=(t.minTail+1)%i;t.minHead!==t.minTail&&t.minIdx[t.minHead]<=r-i;)t.minHead=(t.minHead+1)%i;for(;t.maxHead!==t.maxTail;){let e=(t.maxTail-1+i)%i;if(t.maxDeque[e]>=n)break;t.maxTail=e}for(t.maxDeque[t.maxTail]=n,t.maxIdx[t.maxTail]=r,t.maxTail=(t.maxTail+1)%i;t.maxHead!==t.maxTail&&t.maxIdx[t.maxHead]<=r-i;)t.maxHead=(t.maxHead+1)%i;let a=t.minHead===t.minTail?t.min:t.minDeque[t.minHead],o=t.maxHead===t.maxTail?t.max:t.maxDeque[t.maxHead];t.minSeen=a,t.maxSeen=o;let s=t.transform,c=s(n),l=s(Math.min(t.min,a)),u=s(Math.max(t.max,o))-l||1,d=(c-l)/u;return t.normalized=Math.max(0,Math.min(1,d)),t.normalized}function ft(e){let t=e.getContext(`webgl2`);if(!t)throw Error(`WebGL2 is not supported in this browser`);let n=gt(t),r=t.createBuffer();t.bindBuffer(t.ARRAY_BUFFER,r),t.enableVertexAttribArray(0),t.enableVertexAttribArray(1),t.enableVertexAttribArray(2),t.vertexAttribPointer(0,1,t.FLOAT,!1,12,0),t.vertexAttribPointer(1,1,t.FLOAT,!1,12,4),t.vertexAttribPointer(2,1,t.FLOAT,!1,12,8);let i=t.getUniformLocation(n,`u_history`),a=t.getUniformLocation(n,`u_width`),o=t.getUniformLocation(n,`u_height`),s=t.getUniformLocation(n,`u_rowH`),c=t.getUniformLocation(n,`u_padding`),l=t.getUniformLocation(n,`u_color`),u=!1,d=100,f=0,p,m,h,g=[],_=[];function v(e){u=!!e.collapsed,f=e.rows.length,d=Math.max(e.historySize||100,100),m=new Float32Array(f*d),h=new Uint32Array(f),p=new Float32Array(f*d*3),_.length=f,g.length=f;for(let t=0;t<f;t++){_[t]=st(e.rows[t],d);let n=e.rows[t].color;g[t]=[parseInt(n.slice(1,3),16)/255,parseInt(n.slice(3,5),16)/255,parseInt(n.slice(5,7),16)/255]}}function y(t,n){e.width=t,e.height=n}function b(){for(let e=0;e<_.length;e++)h[e]=(h[e]+1)%d,m[e*d+h[e]]=_[e].sample()}function x(){for(let e=0;e<f;e++)for(let t=0;t<d;t++){let n=(h[e]+t+1)%d,r=(e*d+t)*3;p[r+0]=t,p[r+1]=u?0:e,p[r+2]=m[e*d+n]}t.viewport(0,0,e.width,e.height),t.clearColor(0,0,0,0),t.clear(t.COLOR_BUFFER_BIT),t.useProgram(n),t.uniform1f(i,d),t.uniform1f(a,e.width),t.uniform1f(o,e.height),t.uniform1f(c,0),t.uniform1f(s,(e.height-0-f*0)/(u?1:f)),t.bindBuffer(t.ARRAY_BUFFER,r),t.bufferData(t.ARRAY_BUFFER,p,t.DYNAMIC_DRAW);for(let e=0;e<f;e++)_[e].noGraph||(t.uniform3fv(l,g[e]),t.drawArrays(t.LINE_STRIP,e*d,d))}return{resize:y,configure:v,update:b,render:x,sampler:e=>_[e],samplerCount:_.length}}var pt=`#version 300 es
+precision highp float;
+
+layout(location=0) in float a_x;
+layout(location=1) in float a_row;
+layout(location=2) in float a_value;
+
+uniform float u_history;
+uniform float u_width;
+uniform float u_height;
+uniform float u_padding;
+uniform float u_rowH;
+
+void main() {
+  float x = u_padding + (a_x / (u_history - 1.0)) * (u_width - 2.0 * u_padding);
+  float yBase = u_padding + a_row * (u_rowH + u_padding);
+  float y = yBase + u_rowH - 2.0 - a_value * (u_rowH - 4.0);
+
+  float ndcX = (x / u_width) * 2.0 - 1.0;
+  float ndcY = 1.0 - (y / u_height) * 2.0;
+
+  gl_Position = vec4(ndcX, ndcY, 0.0, 1.0);
+}
+`,mt=`#version 300 es
+precision highp float;
+uniform vec3 u_color;
+out vec4 outColor;
+void main(){
+  outColor = vec4(u_color,1.0);
+}
+`;function ht(e,t,n){let r=e.createShader(t);if(e.shaderSource(r,n),e.compileShader(r),!e.getShaderParameter(r,e.COMPILE_STATUS))throw e.getShaderInfoLog(r);return r}function gt(e){let t=e.createProgram();return e.attachShader(t,ht(e,e.VERTEX_SHADER,pt)),e.attachShader(t,ht(e,e.FRAGMENT_SHADER,mt)),e.linkProgram(t),e.useProgram(t),t}function _t(e,t){return(0,F.default)(vt,e,t)}var vt=()=>{let e=null,t=null,n=null,r,i={rows:[]},a=[],o=null;function s(t){n=t,e?.observe(n),l(),o=setInterval(u,250)}function c(){e?.disconnect(),t!==null&&(cancelAnimationFrame(t),t=null),o!==null&&(clearInterval(o),o=null)}function l(){n?.isConnected?(r.update(),r.render(),t=requestAnimationFrame(l)):c()}function u(){bt(r,a)}function d({dom:t}){c();let n=t;if(!(n instanceof HTMLCanvasElement)){console.error(`Graph component must be a canvas element`);return}e=new ResizeObserver(e=>{let t=yt(e);t&&r&&r.resize(t.width,t.height)}),r=ft(n);for(let e=0;e<i.rows.length;e++)i.rows[e].color||=Ct(e);r.configure(i),s(n)}function f(){c()}function p(e){i={...e.attrs,rows:(e.attrs.rows||[]).map((e,t)=>({...e,name:e.name||`Row ${t+1}`,color:e.color||Ct(t)}))}}return{oninit:p,onupdate:p,onremove:()=>{c()},view:({attrs:{rowHeight:e,collapsed:t}})=>[(0,F.default)(`canvas.twk-graph`,{style:`width: 100%; height: ${(e||50)*(t?1:i.rows.length)*devicePixelRatio}px`,oncreate:d,onremove:f}),(0,F.default)(`table.twk-graph`,{},[(0,F.default)(`tbody`,{},i.rows.map((e,t)=>(0,F.default)(`tr`,{oncreate:({dom:e})=>a[t]=e},[(0,F.default)(`td`,{style:e.noGraph?{}:`color: ${e.color}`,title:e.name},[(0,F.default)(`span`,e.name)]),(0,F.default)(`td.twk-stats`,{title:`min / max / avg`},[]),(0,F.default)(`td.twk-current`,{})])))])]}};function yt(e){let t=e[0];return t.devicePixelContentBoxSize?{width:t.devicePixelContentBoxSize[0].inlineSize,height:t.devicePixelContentBoxSize[0].blockSize}:t.contentBoxSize?{width:Math.round(t.contentBoxSize[0].inlineSize*devicePixelRatio),height:Math.round(t.contentBoxSize[0].blockSize*devicePixelRatio)}:null}function bt(e,t){if(e)for(let n=0;n<t.length;n++){let r=t[n],i=e.sampler(n);if(!i||!r)continue;let a=r.querySelector(`.twk-current`),o=r.querySelector(`.twk-stats`);if(a&&(a.textContent=xt(i.value,i.fractionDigits)),o)if(i.noGraph)o.textContent=``;else{let e=i.fractionDigits;o.textContent=`${xt(i.minSeen,e)}/${xt(i.maxSeen,e)}/${xt(i.avg,e)}`}}}function xt(e,t){if(e==null)return`n/a`;if(t!=null)return e.toFixed(t);let n=Math.abs(e);return n<2**-52?`0`:n<1?e.toFixed(3):n<10?e.toFixed(2):n<100?e.toFixed(1):e.toFixed(0)}var St=[`#1F77B4`,`#FF7F0E`,`#2CA02C`,`#D62728`,`#9467BD`,`#8C564B`,`#E377C2`,`#7F7F7F`,`#5DA5DA`,`#F17CB0`,`#60BD68`,`#B2912F`,`#B276B2`,`#DECF3F`,`#F15854`,`#4D4D4D`,`#17BECF`,`#AEC7E8`,`#FFBB78`,`#98DF8A`];function Ct(e){return St[e%St.length]}function wt(e,t){return(0,F.default)(Tt,e,t)}var Tt=()=>{let e,t,n,r,i,a,o,s=0,c,l;function u(){return t!==c||e!==l}function d(e){return z(e)?`${e}px`:e}function f(e){return String(e||``)}function p(o){e=typeof o.src==`string`?o.src:``,t=o.src,n=o.render,i=f(o.aspect),r=d(o.width),a=o.fit||`fit`}async function m(){if(!o||!u())return;if(c=t,l=e,!n){o.src=e;return}s++;let r=s;o.classList.add(`twk-loading`);let i=await n(t);if(r!==s){i.close();return}await h(o,i),o.classList.remove(`twk-loading`)}async function h(e,t){let n=new OffscreenCanvas(t.width,t.height);n.getContext(`2d`).drawImage(t,0,0);let r=await n.convertToBlob({type:`image/png`});t.close();let i=URL.createObjectURL(r);URL.revokeObjectURL(e.src),e.src=i}function g(e){let{src:t,render:n,aspect:r,width:i,fit:a,...o}=e;return o}return{oninit({attrs:e}){p(e)},onbeforeupdate({attrs:e},t){p(e)},onupdate(){m()},view:({attrs:t})=>(0,F.default)(`img.twk-image`,{src:e,style:{width:r,aspectRatio:i,objectFit:a,...t.style||{}},onremove:()=>{o=null},oncreate:({dom:e})=>{o=e,m()},...g(t)})}},Et=()=>({view:e=>{let{label:t,tip:n,tagName:r,...i}=e.attrs;return[(0,F.default)(`${r||`div`}.twk-widget`,{...i},t===!1?null:(0,F.default)(`div.twk-widget-label`,{},t),e.children)]}});function J(e,t){return(0,F.default)(Et,e,t)}function Dt(e,t){return(0,F.default)(kt,e,t)}function Ot(e,t){return(0,F.default)(At,e,t)}var kt=()=>({view:({attrs:{tagName:e,label:t,class:n,...r}})=>J({tagName:`${e||`div`}.twk-scalar-widget`,label:t??r.field,class:n},[(0,F.default)(At,r)])}),At=()=>{let e,t,n,r,i,a,o,s=!1,c=!1,l=!1,u=!1,d;function f(o){(!d||o.attrs.decimals!==a.decimals)&&(d=new Intl.NumberFormat(`en-US`,{minimumFractionDigits:o.attrs.decimals??1,maximumFractionDigits:o.attrs.decimals??1,useGrouping:!1})),a=o.attrs,e=a.min,t=a.max,n=a.step,u=!!a.range,i=K(a),r=!!a.readonly,s=e!=null&&t!=null,c=n!=null,l=s||c}function p(n,r){i=isNaN(r)?null:U(r,e,t),q(a,i),(n===`input`?a.oninput:a.onchange)?.(a.value,i),F.default.redraw()}function m(){o=!0}function h(){o=!1}function g(e){let t=e.target;p(`input`,parseFloat(t.value))}function _(e){let t=e.target;p(`change`,parseFloat(t.value))}function v(r){return r=U(r,e,t),n!=null&&(r=Math.round(r/n)*n),parseFloat(r.toFixed(5))}function y(e){!l||r||document.activeElement!==e.target&&C.activate(e)}let b,x,S=!1,C=pe({onStart:e=>{e.preventDefault(),document.activeElement?.blur(),S=!1,b=i,x=G(e,C.target)},onMove:r=>{r.preventDefault(),document.body.classList.add(`twk-dragging`),S=!0,C.target?.blur();let i=G(r,C.target),a=(x.x-i.x)/Math.max(i.width,200),o=b;s?o-=a*(t-e):c&&(o-=Math.round(a*100)*n),p(`input`,v(o))},onEnd:e=>{document.body.classList.remove(`twk-dragging`);let t=C.target;S?p(`change`,i):t.focus(),C.deactivate()}});function w(e){if(!o)return;e.preventDefault();let t=(e.ctrlKey?.5:1)*U(e.deltaY,-1,1),r=(n||.2)*t;r&&p(`change`,v((i||0)-r))}return{onremove:()=>{C.deactivate()},oninit:f,onbeforeupdate:f,view:a=>{f(a);let l=s?(i-e)/(t-e):NaN;return(0,F.default)(`div.twk-input.twk-scalar-input`,{style:s?`--twk-scalar-value: ${l}`:``,class:W({"twk-input-readonly":r,"twk-scalar-dragable":!r&&(s||c),"twk-scalar-range":u,"twk-scalar-dragging":!!C.target},a.attrs.class)},[a.attrs.slotBefore?(0,F.default)(`span`,{},a.attrs.slotBefore):null,(0,F.default)(`input`,{type:o?`number`:`text`,min:e,max:t,step:n,value:o?i:d.format(i),onfocus:m,onblur:h,oninput:g,onchange:_,onwheel:w,onmousedown:y,ontouchstart:y,placeholder:void 0,disabled:r}),a.attrs.unit?(0,F.default)(`span.twk-color-muted`,{},a.attrs.unit):null,a.attrs.slotAfter?(0,F.default)(`span`,{},a.attrs.slotAfter):null])}}};function jt(e,t){return(0,F.default)(Nt,e,t)}function Mt(e,t){return(0,F.default)(Lt,e,t)}var Nt=()=>({view:({attrs:{tagName:e,label:t,class:n,...r}})=>J({tagName:`${e||`div`}.twk-angle-widget`,label:t??r.field,class:n},[(0,F.default)(Lt,r)])}),Pt=180/Math.PI,Y=Math.PI/180,Ft={toControl:e=>e*Pt,fromControl:e=>e*Y},It={toControl:e=>e*Y,fromControl:e=>e*Pt},Lt=()=>{let e=0,t=!1,n=[0,0],r,i,a,o,s;function c(e){return i!=null&&a!=null?i<=a?e<i?e=i:e>a&&(e=a):e>=i||e<=a||(e=Math.abs(e-i)<Math.abs(e-a)?i:a):i==null?a!=null&&e>a&&(e=a):e<i&&(e=i),o!=null&&(e=Math.round(e/o)*o),e}function l(e){return e%=360,e<0&&(e+=360),e}function u(t){s=t.attrs,i=s.min,a=s.max,o=s.step,i=i==null?null:l(i)*Y,a=a==null?null:l(a)*Y,o=o==null?null:l(o)*Y,e=K(s)??e,s.degree&&(e*=Y),f()}function d(t){f();let n=s.degree?e*Pt:e;q(s,n),H(t===`input`?s.oninput:s.onchange,s.value,n)}function f(){n[0]=Math.cos(e),n[1]=Math.sin(e)}let p,m=pe({onStart:e=>{let t=G(e);p=[-(t.x-t.width/2),-(t.y-t.height/2)]},onMove:n=>{n.preventDefault();let i=G(n,r,p),a=i.normalizedX-.5,o=i.normalizedY-.5;t&&(e=Math.atan2(a,-o),e<0&&(e+=2*Math.PI)),e=c(e),d(`input`),F.default.redraw()},onEnd:()=>{m.deactivate(),t=!1,d(`change`),F.default.redraw()}});function h(e){return e<0&&(e+=360),e%360}return{onremove:()=>{m.deactivate()},oninit:e=>{u(e)},onupdate:e=>{u(e)},view:({attrs:{...n}})=>(0,F.default)(`div.twk-angle-input`,{style:{"--angle-value":`${h(e*Pt)}`}},[Ot({unit:s.degree?`°`:`rad`,range:!0,...n,slotAfter:(0,F.default)(`span.twk-flex-row`,[(0,F.default)(`span.twk-color-dim`,`/`),(s.degree?e:e*Pt).toFixed(1),(0,F.default)(`span.twk-color-dim`,s.degree?`rad`:`°`)])}),(0,F.default)(`div.twk-angle-pane`,{oncreate:e=>r=e.dom,class:W({"is-dragging":t}),style:{aspectRatio:`1`,display:`flex`,"align-items":`center`,"justify-content":`center`,position:`relative`}})])}};function Rt(e,t){return(0,F.default)(Bt,e,t)}function zt(e,t){return(0,F.default)(Vt,e,t)}var Bt=()=>({view:({attrs:{tagName:e,label:t,class:n,...r}})=>J({tagName:`${e}.twk-bool-widget`,label:t??r.field,class:n},[(0,F.default)(Vt,r)])}),Vt=()=>{let e;function t(t){let n=t.target.checked;q(e,n),e.oninput?.(e.value,n),e.onchange?.(e.value,n)}return{view:n=>{e=n.attrs;let r=K(e)===!0,i=e.align===`end`;return(0,F.default)(`div.twk-bool-input`,{class:W({"twk-align-start":!i,"twk-align-end":!!i,"twk-bool-true":r,"twk-bool-false":!r})},[e.slotBefore,e.readonly?r?e.slotTrue||(0,F.default)(`span`,`true`):e.slotFalse||(0,F.default)(`span`,`false`):(0,F.default)(`input`,{class:W({"twk-toggle":!!e.toggle,"twk-check":!e.toggle}),type:`checkbox`,checked:r,onchange:t}),e.slotAfter,n.children])}}};function Ht(e){let t=e.h%360,n=U(e.s,0,1),r=U(e.v,0,1),i=r*n,a=i*(1-Math.abs(t/60%2-1)),o=r-i,s={r:0,g:0,b:0};return t<60?(s.r=i,s.g=a,s.b=0):t<120?(s.r=a,s.g=i,s.b=0):t<180?(s.r=0,s.g=i,s.b=a):t<240?(s.r=0,s.g=a,s.b=i):t<300?(s.r=a,s.g=0,s.b=i):(s.r=i,s.g=0,s.b=a),s.r+=o,s.g+=o,s.b+=o,s}function Ut(e){let t=e.r,n=e.g,r=e.b,i=Math.max(t,n,r),a=i-Math.min(t,n,r),o=0,s=0;return a!==0&&(o=a/i,i===t?(s=(n-r)/a+(n<r?6:0),s=s%6*60):i===n?(s=(r-t)/a+2,s*=60):(s=(t-n)/a+4,s*=60)),{h:s,s:o,v:i}}var Wt=class{constructor(e,t){this.components=e,this.normalized=t}toControl(e){e||=[];let t={r:0,g:0,b:0,a:1};return this.components.forEach((n,r)=>{t[n]=(e[r]||0)/(this.normalized?1:255)}),t}fromControl(e){return this.components.map(t=>(this.normalized?e[t]:Math.round(e[t]*255))||0)}},Gt=class{components=[`r`,`g`,`b`,`a`];constructor(e){this.components=e}toControl(e){e||=`rgba(0, 0, 0)`;let t={r:0,g:0,b:0,a:1},n=e.replace(/[rgba\(\)]/gi,``).split(/,\s*?/gi).map(Number);return this.components.forEach((e,r)=>{t[e]=(n[r]||0)/(e===`a`?1:255)}),t}fromControl(e){return this.components.join(``)+`(`+this.components.map(t=>t===`a`?e[t]:Math.round(e[t]*255)).join(`, `)+`)`}},Kt=class{constructor(e,t=`#`){this.components=e,this.prefix=t}toControl(e){e||=`#000`;let t={r:0,g:0,b:0,a:1},n=e.match(/[0-9a-f]+/i)?.[0];return n==null?t:(n.length===this.components.length&&(n=n.split(``).map(e=>`${e}${e}`).join(``)),this.components.forEach((e,r)=>{t[e]=parseInt(n.substr(r*2,2),16)/255}),t)}fromControl(e){return this.prefix+this.components.map(t=>de(Math.round(e[t]*255).toString(16),2,`0`)).join(``)}},qt=class{componentsRev;constructor(e){this.components=e,this.componentsRev=e.slice().reverse()}toControl(e){e||=0;let t={r:0,g:0,b:0,a:1};return this.components.forEach((n,r)=>{t[n]=(e>>r*8&255)/255}),t}fromControl(e){let t=this.componentsRev.map(t=>de(Math.round(e[t]*255||0).toString(16),2,`0`)).join(``);return parseInt(`0x`+t,16)}},Jt=[`r`,`g`,`b`,`a`],Yt=class{constructor(e,t){this.components=e,this.normalized=t}toControl(e){e||={};let t={r:0,g:0,b:0,a:1};return this.components.forEach((n,r)=>{t[Jt[r]]=(e[n]||0)/(this.normalized?1:255)}),t}fromControl(e){let t={};return this.components.forEach((n,r)=>{t[n]=(this.normalized?e[Jt[r]]:Math.round(e[n]*255))||0}),t}},X={};function Z(e=`rgb()`){if(e in X)return X[e];{let t=e.match(/^\[(n?)\]([rgba]+)?$/i);if(t){let n=!!t[1];return X[e]=new Wt((t[2]||`rgba`).toLowerCase().split(``),n),X[e]}}{let t=e.match(/^\{(n?)\}([rgbaxyzw]+)?$/i);if(t){let n=!!t[1];return X[e]=new Yt((t[2]||`rgba`).split(``),n),X[e]}}{let t=e.match(/^0x([rgba]+)?$/i);if(t)return X[e]=new qt((t[1]||`rgba`).toLowerCase().split(``)),X[e]}{let t=e.match(/^#([rgba]+)?$/);if(t)return X[e]=new Kt((t[1]||`rgba`).toLowerCase().split(``),`#`),X[e]}{let t=e.match(/^(rgb|rgba)\(\)$/);if(t)return X[e]=new Gt((t[2]||`rgba`).toLowerCase().split(``)),X[e]}return e.match(/^[rgba]+$/)&&(X[e]=new Kt(e.split(``),``)),X[e]}function Xt(e,t){return(0,F.default)(Qt,e,t)}function Zt(e,t){return(0,F.default)($t,e,t)}var Qt=()=>({view:({attrs:{tagName:e,label:t,class:n,...r}})=>J({tagName:`${e||`div`}.twk-picker-color-widget`,label:t??r.field,class:n},[(0,F.default)($t,r)])}),$t=()=>{let e=0,t=0,n=0,r=0,i;function a(i=t,a=n){return{h:e*360,s:i,v:a,a:r}}function o(e=t,r=n){return Ht(a(e,r))}function s(e=t,i=n,a=r){return{...o(e,i),a}}function c(r){e=r.h/360,t=r.s,n=r.v}function l(e){c(e),r=e.a}function u(e,t){return Z(`#rgb`).fromControl(s(e,t))}function d(e,t){return Z(`#rgba`).fromControl(s(e,t))}function f(e=t,i=n,a=r){return Z(`rgba()`).fromControl(s(e,i,a))}function p(e,t){let n=Z(t||`rgb`).toControl(e);l({...Ut(n),a:n.a})}function m(e){return Z(e).fromControl(s())}function h(){let e=m(i.format),t=q(i,e);H(i.oninput,i.value,t)}function g(){let e=m(i.format),t=q(i,e);H(i.onchange,i.value,t)}function _(){return i.format?.match(/a/i)}function v(e){x(e,`r`)}function y(e){x(e,`g`)}function b(e){x(e,`b`)}function x(e,t){let n=s();n[t]=parseInt(e.target.value,10)/255,c(Ut(n)),h(),g()}function S(e){p(e.target.value,_()?`rgba`:`rgb`),h(),g()}let C=null,w;function T(e){w=`sv`,ee(e.target),k(e)}function E(e){w=`h`,ee(e.target),k(e)}function D(e){w=`a`,ee(e.target),k(e)}function ee(e){O(),C=e;let t={passive:!1};document.addEventListener(`mousemove`,k,t),document.addEventListener(`mouseup`,A,t),document.addEventListener(`touchmove`,k,t),document.addEventListener(`touchend`,A,t),document.addEventListener(`touchcancel`,A,t)}function O(){document.removeEventListener(`mousemove`,k),document.removeEventListener(`mouseup`,A),document.removeEventListener(`touchmove`,k),document.removeEventListener(`touchend`,A),document.removeEventListener(`touchcancel`,A)}function k(i){if(!C)return;i.preventDefault();let a=C.getBoundingClientRect(),o=window.pageXOffset||document.documentElement.scrollLeft,s=window.pageYOffset||document.documentElement.scrollTop,c=C.clientWidth,l=C.clientHeight,[u,d]=fe(i);u=U((u-o-a.left)/c,0,1),d=U((d-s-a.top)/l,0,1),w===`sv`&&(t=u,n=1-d),w===`h`&&(e=1-u),w===`a`&&(r=u),h(),F.default.redraw()}function A(){C!=null&&(C=null,O(),g())}return{onremove:()=>{O()},oninit:e=>{i=e.attrs,p(K(i),i.format)},onupdate:e=>{i=e.attrs,p(K(i),i.format)},view:a=>{i=a.attrs,p(K(i),i.format);let o=s();return(0,F.default)(`div.twk-color-picker`,{},[(0,F.default)(`.color-picker-inputs`,(0,F.default)(`input.twk-input.input-hex[type='text']`,{value:_()?d():u(),onchange:S}),(0,F.default)(`input.twk-input.input-r[type='number']`,{min:0,max:255,step:1,value:Math.round(o.r*255),onchange:v}),(0,F.default)(`input.twk-input.input-g[type='number']`,{min:0,max:255,step:1,value:Math.round(o.g*255),onchange:y}),(0,F.default)(`input.twk-input.input-b[type='number']`,{min:0,max:255,step:1,value:Math.round(o.b*255),onchange:b})),(0,F.default)(`.color-picker-panel`,(0,F.default)(`.color-picker-sv`,{tabindex:0,onmousedown:T,ontouchstart:T,style:{"background-color":`${f(1,1,1)}`,"user-select":`none`}},(0,F.default)(`.color-picker-sv-bg`,{style:{background:`linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0))`,"user-select":`none`,"pointer-events":`none`}}),(0,F.default)(`.color-picker-sv-bg`,{style:{background:`linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0))`,"user-select":`none`,"pointer-events":`none`}}),(0,F.default)(`.color-picker-sv-cursor`,{style:{"user-select":`none`,"pointer-events":`none`,"background-color":`${f(e,t,1)}`,left:`${t*100}%`,top:`${(1-n)*100}%`}})),(0,F.default)(`.color-picker-h`,{tabindex:0,onmousedown:E,ontouchstart:E,style:{"user-select":`none`,background:`linear-gradient(to right, #f00 0, #f0f 17% , #00f 33% , #0ff 50% , #0f0 67% , #ff0 83% , #f00 100%)`}},(0,F.default)(`.color-picker-h-cursor`,{style:{"user-select":`none`,"pointer-events":`none`,"background-color":`${f(1,1,1)}`,position:`absolute`,left:`${(1-e)*100}%`}})),_()?(0,F.default)(`.color-picker-a`,{tabindex:0,onmousedown:D,ontouchstart:D,style:{"user-select":`none`}},(0,F.default)(`.color-picker-a-bg`,{style:{background:`linear-gradient(to right, ${f(t,n,0)}, ${f(t,n,1)})`}}),(0,F.default)(`.color-picker-a-cursor`,{style:{"user-select":`none`,"pointer-events":`none`,position:`absolute`,left:`${r*100}%`}})):null)])}}};function en(e,t){return(0,F.default)(nn,e,t)}function tn(e,t){return(0,F.default)(rn,e,t)}var nn=()=>({view:({attrs:{tagName:e,label:t,class:n,...r}})=>J({tagName:`${e||``}.twk-color-widget`,label:t??r.field,class:n},[(0,F.default)(rn,r)])}),rn=()=>{let e,t=!1,n,r,i=Z(`rgba()`);function a(t){e=t.attrs,r=K(e),n=i.fromControl(Z(e.format).toControl(r))}function o(){t=!t}function s(t,n){q(e,n),e.oninput?.(e.value,n)}function c(t,n){q(e,n),e.onchange?.(e.value,n)}function l(){return R(r)?r:z(r)?`0x`+de(r.toString(16),8,`0`):ue(r)?r.map(e=>e<1&&e>0?e.toFixed(2):e).join(` , `):V(r)?Object.keys(r).map(e=>{let t=r[e];return`${e}: ${t<1&&t>0?t.toFixed(2):t}`}).join(` `):r==null?`null`:`?`}return{oninit:a,onbeforeupdate:a,view:({attrs:{value:e,field:r,binding:i,format:a}})=>[(0,F.default)(`div.twk-color-input`,{style:{"--twk-color-value":n}},(0,F.default)(`button.twk-btn[type='button']`,{onclick:o},l()||`?`),t?F.default.fragment({},[Zt({binding:i,value:e,field:r,format:a,oninput:s,onchange:c})]):null)]}};function an(e,t){return(0,F.default)(sn,e,t)}function on(e,t){return(0,F.default)(cn,e,t)}var sn=()=>({view:({attrs:{tagName:e,label:t,class:n,...r}})=>J({tagName:`${e||`div`}.twk-input-widget`,label:t??r.field,class:n},(0,F.default)(cn,r))}),cn=()=>{let e;function t(t){let n=t.target.value;q(e,n),(t.type===`input`?e.oninput:e.onchange)?.(e.value,n)}return{view:n=>(e=n.attrs,(0,F.default)(`div.twk-input`,{},[n.attrs.slotBefore?(0,F.default)(`span`,{},n.attrs.slotBefore):null,(0,F.default)(`input`,{type:e.type||`text`,value:K(e),oninput:t,onchange:t,placeholder:e.placeholder,disabled:e.readonly}),n.attrs.slotAfter?(0,F.default)(`span`,{},n.attrs.slotAfter):null]))}};function ln(e,t){return(0,F.default)(un,e,t)}var un=()=>({view:({attrs:{tagName:e,label:t,class:n,...r}})=>J({tagName:`${e||``}.twk-matrix-widget`,label:t??r.field,class:n},[(0,F.default)(fn,r)])});function dn(e,t){return(0,F.default)(fn,e,t)}var fn=()=>{let e;function t(t,n,r){let i=K(e)||{};i[n]=r,q(e,i),(t===`input`?e.oninput:e.onchange)?.(e.value,i)}function n(t,n){let r=[];n=e.rowMajor?t:n,t=e.rowMajor?n:t;for(let e=0;e<n;e++)for(let i=0;i<t;i++)r.push(i*n+e);return r}return{view:r=>{e=r.attrs;let i=e.cols??1,a=e.rows??1,o=K(e);return(0,F.default)(`div.twk-matrix-input`,{style:{display:`grid`,gridTemplateColumns:`repeat(${i}, auto)`}},n(a,i).map(n=>Ot({min:e.min,max:e.max,step:e.step,value:o,field:n,readonly:e.readonly,oninput:(e,r)=>t(`input`,n,r),onchange:(e,r)=>t(`change`,n,r)})))}}},pn=[0,1],mn=[`x`,`y`];function hn(e,t){return(0,F.default)(vn,e,t)}function gn(e,t){return(0,F.default)(vn,e,t)}function _n(e,t){return(0,F.default)(yn,e,t)}var vn=()=>({view:({attrs:{tagName:e,label:t,class:n,...r}})=>J({tagName:`${e||`div`}.twk-point-widget`,label:t??r.field,class:W(`twk-point`,n)},[(0,F.default)(yn,r)])}),yn=()=>{let e,t,n=pn,r=pn,i=0,a=0,o=0,s=0,c,l,u,d;function f(f){d=f.attrs;let p=d.keys||mn;e=p[0],t=p[1];let m=K(d)??{[e]:i,[t]:a};u=d.snap,i=m[e]||0,a=m[t]||0,n=d.rangeX||n,r=d.rangeY||r,o=(i-n[0])/(n[1]-n[0]),s=(a-r[0])/(r[1]-r[0]);let h=d.reset;h&&(c=(h[0]-n[0])/(n[1]-n[0]),l=(h[1]-r[0])/(r[1]-r[0]))}function p(){i=n[0]+(n[1]-n[0])*o,a=r[0]+(r[1]-r[0])*s,u>0&&(i=Math.floor(i/u)*u,a=Math.floor(a/u)*u,o=(i-n[0])/(n[1]-n[0]),s=(a-r[0])/(r[1]-r[0]))}function m(n){p();let r=K(d)??{[e]:i,[t]:a};r[e]=i,r[t]=a,H(n===`input`?d.oninput:d.onchange,d,r)}function h(e){g.activate(e)}let g=pe({onMove:e=>{e.preventDefault();let t=g.target,n=t.getBoundingClientRect(),r=window.pageXOffset||document.documentElement.scrollLeft,i=window.pageYOffset||document.documentElement.scrollTop,a=t.clientWidth,c=t.clientHeight,[l,u]=fe(e);o=U((l-r-n.left)/a,0,1),s=U((u-i-n.top)/c,0,1),m(`input`),F.default.redraw()},onEnd:()=>{g.deactivate(),c!=null&&l!=null&&(o=c,s=l,m(`input`)),m(`change`),F.default.redraw()}});return{onremove:g.deactivate,oninit:f,onupdate:f,view:e=>(f(e),(0,F.default)(`.point-area`,{tabindex:0,onmousedown:h,ontouchstart:h},(0,F.default)(`.point-x-axis`,{style:{"pointer-events":`none`,position:`absolute`,left:0,right:0,top:`${s*100}%`,height:`1px`}}),(0,F.default)(`.point-y-axis`,{style:{"pointer-events":`none`,position:`absolute`,left:`${o*100}%`,top:0,bottom:0,width:`1px`}}),(0,F.default)(`.point-cursor`,{style:{"pointer-events":`none`,left:`${o*100}%`,top:`${s*100}%`,position:`absolute`,width:`11px`,height:`11px`,"margin-top":`-5px`,"margin-left":`-5px`,border:`1px solid white`,"border-radius":`5px`,"box-shadow":`0px 0px 2px 1px rgba(0, 0, 0, 0.75)`}})))}};function bn(e){let t=[];for(let n of e){if(R(n)||z(n)){t.push({value:n,label:String(n)});continue}if(`value`in n){t.push(n);continue}}return t}function xn(e){let t=[];for(let n of e)R(n)||z(n)||n==null?t.push({value:n,label:String(n)}):`value`in n?t.push(n):`options`in n&&t.push({label:n.label,disabled:n.disabled,options:Array.isArray(n.options)?bn(n.options):Sn(n.options)});return t}function Sn(e){return Object.keys(e).sort().map(t=>({value:e[t],label:t}))}function Cn(e){let t=e.attrs.options;return t?Array.isArray(t)?xn(t):Sn(t):[]}function wn(e,t){return(0,F.default)(Tn,e,t)}var Tn=()=>{let e,t;function n(){let n=K(e),r=0;for(let e of t)if(`options`in e)for(let t of e.options){if(t.value===n)return r;r++}else{if(e.value===n)return r;r++}}function r(e){let n=0;for(let r of t)if(`options`in r)for(let t of r.options){if(n===e)return t.value;n+=1}else{if(n===e)return r.value;n+=1}return null}function i(t){let n=t.target,i=r(n.selectedIndex),a=q(e,i);e.onchange?.(e.value,a)}return{view:r=>(e=r.attrs,t=Cn(r),J({tagName:`${e.tagName||`div`}.twk-select`,label:e.label??e.field,class:e.class},(0,F.default)(`select.twk-select-input`,{selectedIndex:n(),onchange:i,disabled:e.readonly},t.map(e=>`options`in e?(0,F.default)(`optgroup`,{disabled:!!e.disabled,label:e.label||``},e.options.map(En)):En(e)))))}};function En(e){return(0,F.default)(`option`,{value:e.value,label:e.label,disabled:!!e.disabled},e.label||``)}function Dn(e,t){return(0,F.default)(An,e,t)}function On(e,t){return(0,F.default)(An,e,t)}function kn(e,t){return(0,F.default)(jn,e,t)}var An=()=>({view:({attrs:{tagName:e,label:t,class:n,...r}})=>J({tagName:`${e||`div`}.twk-spherical-widget`,label:t??r.field,class:n},[(0,F.default)(jn,r)])}),jn=()=>{let e=1,t=0,n=0,r,i=!1,a,o;function s(){return Mn(K(a)||Nn(e,t,n))}function c(){return n>Math.PI/2}function l(r){a=r.attrs;let i=s();e=i.radius??1,t=i.azimuth??0,n=i.polar??0}function u(r){let i=Nn(e,t,n);q(a,i),H(r===`input`?a.oninput:a.onchange,a.value,i)}function d(e,t){return t?(Math.PI-e)/(Math.PI/2):e/(Math.PI/2)}function f(e){i=!0,r?.focus(),h.activate(e)}function p(){n=Math.PI-n,u(`change`)}let m=!1,h=pe({onStart:()=>{m=c()},onMove:e=>{e.preventDefault();let i=G(e,r),a=(i.normalizedX-.5)*2,o=(i.normalizedY-.5)*2,s=U(Math.sqrt(a*a+o*o),0,1);t=Math.atan2(o,a),n=m?Math.PI-Math.PI/2*s:Math.PI/2*s,u(`input`),F.default.redraw()},onEnd:()=>{h.deactivate(),i=!1,u(`change`),F.default.redraw()}});return{onremove:()=>{h.deactivate()},oninit:l,onupdate:l,view:()=>{o=Nn(e,t,n,o);let a=c(),s=d(n,a),l=Math.cos(t)*s,u=Math.sin(t)*s;return(0,F.default)(`div.twk-spherical-input`,{},[(0,F.default)(`div.twk-spherical-info`,{},[(0,F.default)(`div.twk-spherical-label`,{},`x: ${o.x.toFixed(2)}`),(0,F.default)(`div.twk-spherical-label`,{},`y: ${o.y.toFixed(2)}`),(0,F.default)(`div.twk-spherical-label`,{},`z: ${o.z.toFixed(2)}`),(0,F.default)(`input.twk-toggle[type='checkbox']`,{checked:a,onchange:p,title:`Edit the back side of the sphere`})]),(0,F.default)(`div.twk-spherical-pane`,{oncreate:e=>r=e.dom,onmousedown:f,ontouchstart:f,tabIndex:0,class:W({"is-dragging":i})},[(0,F.default)(`div.twk-spherical-arm`,{style:{width:`${s*50}%`,transform:`rotate(${t}rad)`}}),(0,F.default)(`div.twk-spherical-knob`,{class:W({"is-back":a}),style:{left:`${50+l*50}%`,top:`${50+u*50}%`}})])])}}};function Mn(e){let t=e?.x??0,n=e?.y??0,r=e?.z??0,i=Math.sqrt(t*t+n*n+r*r)||1;return{radius:i,azimuth:Math.atan2(r,t)||0,polar:Math.acos(n/i)||0}}function Nn(e,t,n,r){let i=Math.sin(n);return r||={},r.x=e*Math.cos(t)*i,r.y=e*Math.cos(n),r.z=e*Math.sin(t)*i,r}function Pn(e,t){return(0,F.default)(In,e,t)}function Fn(e,t){return(0,F.default)(Ln,e,t)}var In=()=>({view:({attrs:{tagName:e,label:t,class:n,...r}})=>J({tagName:`${e||`div`}.twk-string-widget`,label:t??r.field,class:n},[(0,F.default)(Ln,r)])}),Ln=()=>{let e;function t(t){let n=t.target.value;q(e,n),(t.type===`input`?e.oninput:e.onchange)?.(e.value,n)}return{view:n=>{e=n.attrs;let r=!e.readonly,i=K(e);return(0,F.default)(`div.twk-input.twk-string-input`,{class:W({"twk-input-readonly":!!e.readonly})},[e.slotStart??null,r?null:(0,F.default)(`div.twk-input-value`,i),r?(0,F.default)(e.rows?`textarea`:`input[type='text']`,{value:i,oninput:t,onchange:t,placeholder:e.placeholder,disabled:e.readonly,rows:e.rows}):null,e.slotEnd??null])}}};function Rn(e,t){return(0,F.default)(Bn,e,t)}function zn(e,t){return(0,F.default)(Hn,e,t)}var Bn=()=>({view:({attrs:{tagName:e,label:t,class:n,...r}})=>J({tagName:`${e||`div`}.twk-vector-widget`,label:t??r.field,class:n},[(0,F.default)(Hn,r)])}),Vn=[`x`,`y`,`z`],Hn=()=>{function e(e,t,n,r){let i=K(r)||{};i[t]=isNaN(n)?null:n,q(r,i),(e===`input`?r.oninput:r.onchange)?.(r.value,i,t)}return{view:({attrs:t})=>{let n=t.keys||Vn,r=t.cols||n.length,i=K(t);return(0,F.default)(`div.twk-vector-input`,{style:{display:`grid`,gridTemplateColumns:`repeat(${r}, 1fr)`}},n.map(n=>Ot({min:t.min,max:t.max,step:t.step,value:i,field:n,readonly:t.readonly,slotBefore:t.unlabeled?null:(0,F.default)(`span.twk-color-muted`,n),oninput:(r,i)=>e(`input`,n,i,t),onchange:(r,i)=>e(`change`,n,i,t),placeholder:n})))}}};function Un(e,t){return(0,F.default)(Wn,e,t)}var Wn=()=>({view:({attrs:{tagName:e,label:t,class:n,...r}})=>J({tagName:`${e||`div`}.twk-Bitmask-widget`,label:t??r.field,class:n},[(0,F.default)(Kn,r)])});function Gn(e,t){return(0,F.default)(Kn,e,t)}var Kn=()=>{let e;function t(){return e.bitCount||32}function n(t){let n=K(e);n^=1<<t,r(n)}function r(t){q(e,t),e.oninput?.(e.value,t),e.onchange?.(e.value,t)}function i(e,t){return(e&1<<t)!=0}function a(t){if(e.names){for(let[n,r]of Object.entries(e.names))if(r===1<<t)return n}return null}return{view:r=>{e=r.attrs;let o=t(),s=K(e);return(0,F.default)(`div.twk-bitmask-input`,{},Array.from({length:o},(e,t)=>(0,F.default)(`label.twk-bitmask-row`,{tabindex:0,class:W({"twk-bitmask-active":i(s,t)}),onclick:()=>n(t)},[(0,F.default)(`div.twk-bitmask-indicator`,{}),(0,F.default)(`div.twk-bitmask-name`,{},a(t)||``),(0,F.default)(`div.twk-bitmask-bit`,{},`bit ${t}`),(0,F.default)(`div.twk-bitmask-value`,{},`0x`+String((2**t).toString(16)).padStart(Math.ceil(o/4),`0`))])))}}};function qn(e,t){return(0,F.default)(Yn,e,t)}function Jn(e,t){return(0,F.default)(Xn,e,t)}var Yn=()=>({view:({attrs:{tagName:e,label:t,field:n,class:r,...i}})=>J({tagName:`${e||`div`}.twk-input.twk-input-readonly`,label:t??n,class:r},(0,F.default)(Xn,i))}),Xn=()=>{let e,t,n;return{oncreate({dom:r}){e=r,t=setInterval(()=>{let t=K(n)??``;e.textContent=String(t)},n.interval??500)},onremove(){clearInterval(t)},view:e=>(n=e.attrs,(0,F.default)(`div.twk-poll`,{}))}},Zn=class e{static build(t){let n=new e;return t(n),n.close()}schema=[];close(){let e=this.schema;return this.schema=[],e}group=Qn(this,ge);flex=$(this,ye);grid=$(this,le);tabs=$(this,Xe);split=$(this,Ke);splitContent=$(this,Ge);section=$(this,we);sectionHeader=$(this,Te);sectionFooter=$(this,Ee);bar=$(this,L);barStart=$(this,ae);barEnd=$(this,oe);barContent=$(this,se);bool=Q(this,Bt);string=Q(this,In);scalar=Q(this,kt);vector=Q(this,Bn);matrix=Q(this,un);select=Q(this,Tn);angle=Q(this,Nt);bitmask=Q(this,Wn);poll=Q(this,Yn);color=Q(this,nn);colorPicker=Q(this,Qt);point=Q(this,vn);spherical=Q(this,An);boolInput=Q(this,Vt);stringInput=Q(this,Ln);scalarInput=Q(this,At);vectorInput=Q(this,Hn);matrixInput=Q(this,fn);selectInput=Q(this,Tn);angleInput=Q(this,Lt);bitmaskInput=Q(this,Kn);pollInput=Q(this,Xn);colorInput=Q(this,rn);colorPickerInput=Q(this,$t);pointInput=Q(this,yn);sphericalInput=Q(this,jn);button(e,t={}){this.add(it,t,e)}image(e){this.add(Tt,e)}divider(e){this.add(ot,{},e)}tree(e){this.add(et,e)}graph(e){this.add(vt,e)}widget(e,t){this.add(Et,{label:e},t)}pre(e,t){this.add(Et,{label:e,style:{whiteSpace:`pre`}},t)}view(e){this.add({view:e})}control(e,t){this.add(Et,e,t)}add(e,t,n){if(this.schema)this.schema.push({component:e,attributes:t,children:n});else throw Error(`Cannot use control builder after it was closed`)}};function Qn(e,t){return function(){let{options:n,children:r}=$n(e,arguments);e.add(t,n,r)}}function Q(e,t){return function(){e.add(t,er(arguments))}}function $(e,t){return function(){let{options:n,children:r}=tr(e,arguments);e.add(t,n,r)}}function $n(e,t){let n=null,r={},i=null;for(let e=0;e<t.length;e++){let a=t[e];R(a)?n=a:V(a)?r=a:B(a)&&(i=a)}n&&(r.title=n);let a=[];if(i){let t=e.schema;e.schema=a,i(e),e.schema=t}return{options:r,children:a}}function er(e){let t;return e.length===1?e[0]||{}:(e.length>1?(t=e[2]||{},t.value=e[0],t.field=e[1],t.label===void 0&&(t.label=String(t.field||``))):t={},t)}function tr(e,t){let n=null,r=null;if(!t.length)return{options:{},children:[]};for(let e=0;e<t.length;e++){let i=t[e];V(i)?n=i:B(i)&&(r=i)}let i=[];if(r){let t=e.schema;e.schema=i,r(e),e.schema=t}return{options:n||{},children:i}}e.AngleInputComponent=Lt,e.AngleWidgetComponent=Nt,e.BarComponent=L,e.BarContentComponent=se,e.BarEndComponent=oe,e.BarStartComponent=ae,e.BitmaskInputComponent=Kn,e.BitmaskWidgetComponent=Wn,e.BoolInputComponent=Vt,e.BoolWidgetComponent=Bt,e.Builder=Zn,e.ButtonComponent=it,e.ColorComponent=rn,e.ColorPicker=$t,e.ColorPickerWidgetComponent=Qt,e.ColorWidgetComponent=nn,e.DialogComponent=nt,e.Divider=ot,e.FlexComponent=ye,e.GraphComponent=vt,e.GridComponent=le,e.GroupComponent=ge,e.ImageComponent=Tt,e.InputComponent=cn,e.InputWidgetComponent=sn,e.MatrixInputComponent=fn,e.MatrixWidgetComponent=un,e.PointInputComponent=yn,e.PointWidgetComponent=vn,e.PollComponent=Xn,e.PollWidgetComponent=Yn,e.ScalarInputComponent=At,e.ScalarWidgetComponent=kt,e.SectionComponent=we,e.SectionContentComponent=De,e.SectionFooterComponent=Ee,e.SectionHeaderComponent=Te,e.SelectComponent=Tn,e.SphericalInputComponent=jn,e.SphericalWidgetComponent=An,e.SplitComponent=Ke,e.SplitContentComponent=Ge,e.StringInputComponent=Ln,e.StringWidgetComponent=In,e.TabComponent=Je,e.TabsComponent=Xe,e.TreeComponent=et,e.VectorInputComponent=Hn,e.VectorWidgetComponent=Bn,e.WidgetComponent=Et,e.binding=Re,e.degToRadAdapter=It,e.getColorAdapter=Z,e.getControlValue=K,e.getRawValue=Oe,e.h=ze,e.hsv2rgb=Ht,e.isVnode=Ne,e.labeledFn=Le,e.mapChildren=Pe,e.mountUi=Be,e.radToDegAdapter=Ft,e.redrawUi=He,e.renderChildren=Fe,e.rgb2hsv=Ut,e.setControlValue=q,e.setRawValue=ke,e.uiAngleInput=Mt,e.uiAngleWidget=jt,e.uiBar=I,e.uiBarContent=ie,e.uiBarEnd=re,e.uiBarStart=ne,e.uiBitmaskInput=Gn,e.uiBitmaskWidget=Un,e.uiBoolInput=zt,e.uiBoolWidget=Rt,e.uiButton=rt,e.uiColor=tn,e.uiColorPicker=Zt,e.uiColorPickerWidget=Xt,e.uiColorWidget=en,e.uiDialog=tt,e.uiDivider=at,e.uiFlex=ve,e.uiGraph=_t,e.uiGrid=ce,e.uiGroup=he,e.uiImage=wt,e.uiInput=on,e.uiInputWidget=an,e.uiMatrixInput=dn,e.uiMatrixWidget=ln,e.uiPoint=gn,e.uiPointInput=_n,e.uiPointWidget=hn,e.uiPoll=Jn,e.uiPollWidget=qn,e.uiScalarInput=Ot,e.uiScalarWidget=Dt,e.uiSection=be,e.uiSectionContent=Ce,e.uiSectionFooter=Se,e.uiSectionHeader=xe,e.uiSelect=wn,e.uiSpherical=On,e.uiSphericalInput=kn,e.uiSphericalWidget=Dn,e.uiSplit=Ue,e.uiSplitContent=We,e.uiString=Fn,e.uiStringWidget=Pn,e.uiTabs=Ye,e.uiTree=Ze,e.uiVectorInput=zn,e.uiVectorWidget=Rn,e.uiWidget=J,e.unmountUi=Ve});
+//# sourceMappingURL=tweak-ui.umd.js.map