tosijs 1.4.2 → 1.5.0

package/dist/blueprint-loader.d.ts

@@ -1,6 +1,12 @@
 import { Component } from './component';
 import { XinPackagedComponent } from './make-component';
 export declare class Blueprint extends Component {
+    static preferredTagName: string;
+    static lightStyleSpec: {
+        ':host': {
+            display: string;
+        };
+    };
     static initAttributes: {
         tag: string;
         src: string;
@@ -12,16 +18,34 @@ export declare class Blueprint extends Component {
 }
 export declare const tosiBlueprint: import("./xin-types").ElementCreator<Blueprint>;
 export declare class BlueprintLoader extends Component {
+    static preferredTagName: string;
+    static lightStyleSpec: {
+        ':host': {
+            display: string;
+        };
+    };
     allLoaded: () => void;
     private load;
     connectedCallback(): void;
 }
 export declare const tosiLoader: import("./xin-types").ElementCreator<BlueprintLoader>;
 declare class DeprecatedBlueprint extends Blueprint {
+    static preferredTagName: string;
+    static lightStyleSpec: {
+        ':host': {
+            display: string;
+        };
+    };
     constructor();
 }
 export declare const blueprint: import("./xin-types").ElementCreator<DeprecatedBlueprint>;
 declare class DeprecatedLoader extends Component {
+    static preferredTagName: string;
+    static lightStyleSpec: {
+        ':host': {
+            display: string;
+        };
+    };
     allLoaded: () => void;
     constructor();
     private load;

package/dist/component.d.ts

@@ -11,6 +11,10 @@ export declare abstract class Component<T = PartsMap> extends HTMLElement {
     private static _elementCreator?;
     static initAttributes?: Record<string, any>;
     static formAssociated?: boolean;
+    static preferredTagName?: string;
+    static shadowStyleSpec?: XinStyleSheet;
+    static lightStyleSpec?: XinStyleSheet;
+    static extends?: string;
     internals?: ElementInternals;
     get validity(): ValidityState | undefined;
     get validationMessage(): string;
@@ -97,6 +101,7 @@ interface SlotParts extends PartsMap {
     slotty: HTMLSlotElement;
 }
 declare class XinSlot extends Component<SlotParts> {
+    static preferredTagName: string;
     static initAttributes: {
         name: string;
     };

package/dist/index.d.ts

@@ -11,6 +11,8 @@ export type { ElementsProxy } from './elements-types';
 export { getCssVar } from './get-css-var';
 export { hotReload } from './hot-reload';
 export { share } from './share';
+export { sync } from './sync';
+export type { SyncTransport, SyncMessage, SyncOptions } from './sync';
 export { xinPath, xinValue, tosiPath, tosiValue, tosiSetValue, deprecated, warnDeprecated, } from './metadata';
 export { getListInstance, getListItem, getListBinding, deleteListItem, scrollListItemIntoView, } from './list-binding';
 export { makeComponent } from './make-component';

package/dist/index.js

@@ -1,16 +1,16 @@
-(()=>{var{defineProperty:gf,getOwnPropertyNames:IM,getOwnPropertyDescriptor:mM}=Object,BM=Object.prototype.hasOwnProperty;function SM(f){return this[f]}var nM=(f)=>{var E=(kE??=new WeakMap).get(f),M;if(E)return E;if(E=gf({},"__esModule",{value:!0}),f&&typeof f==="object"||typeof f==="function"){for(var L of IM(f))if(!BM.call(E,L))gf(E,L,{get:SM.bind(f,L),enumerable:!(M=mM(f,L))||M.enumerable})}return kE.set(f,E),E},kE;var _M=(f)=>f;function cM(f,E){this[f]=_M.bind(null,E)}var PM=(f,E)=>{for(var M in E)gf(f,M,{get:E[M],enumerable:!0,configurable:!0,set:cM.bind(E,M)})};var RL={};PM(RL,{xinValue:()=>SE,xinProxy:()=>uf,xinPath:()=>BE,xin:()=>K,warnDeprecated:()=>m,version:()=>bf,vars:()=>If,varDefault:()=>zf,validateAgainstConstraints:()=>Pf,updates:()=>Zf,unobserve:()=>o,touchElement:()=>cf,touch:()=>B,tosiValue:()=>U,tosiSetValue:()=>mE,tosiPath:()=>O,tosiLoader:()=>jM,tosiBlueprint:()=>AM,tosi:()=>Uf,throttle:()=>Gf,svgElements:()=>Bf,share:()=>KM,settings:()=>g,scrollListItemIntoView:()=>CM,onThemePreferencesChange:()=>MM,onStylesheetChange:()=>tE,on:()=>ff,observe:()=>Jf,mathML:()=>Sf,makeComponent:()=>Of,invertLuminance:()=>EM,initVars:()=>fM,hotReload:()=>DM,getThemePreferences:()=>ZE,getListItem:()=>_f,getListInstance:()=>nf,getListBinding:()=>wf,getCssVar:()=>Vf,elements:()=>z,deprecated:()=>jf,deleteListItem:()=>GM,debounce:()=>Xf,css:()=>s,boxedProxy:()=>qf,boxed:()=>V,blueprintLoader:()=>RM,blueprint:()=>kM,bindings:()=>Cf,bind:()=>n,StyleSheet:()=>eE,MoreMath:()=>rE,Component:()=>_,Color:()=>F,BlueprintLoader:()=>df,Blueprint:()=>Kf});function P(f){if(f==null||typeof f!=="object")return f;if(f instanceof Set)return new Set(f);else if(Array.isArray(f))return f.map(P);let E={};for(let M in f){let L=f[M];if(f!=null&&typeof f==="object")E[M]=P(L);else E[M]=L}return E}var sf="-xin-data",i=`.${sf}`,hf="-xin-event",rf=`.${hf}`,I=Symbol.for("xin-path"),b=Symbol.for("xin-value"),pf="xinObserve",lf="xinBind",tf="xinOn",Lf=Symbol("list-binding"),t=Symbol("list-instance"),vf=new Map;function RE(f,E){let M=vf.get(f);if(M===void 0)M=new Set,vf.set(f,M);M.add(E)}function IE(f){return vf.get(f)}var VE=new Set;function m(f,E){if(!VE.has(f))console.warn(E),VE.add(f)}function jf(f,E){let M=!1;return(...L)=>{if(!M)console.warn(E),M=!0;return f(...L)}}var O=(f)=>{return f&&f[I]||void 0};function U(f){if(typeof f==="object"&&f!==null){let E=f[b];return E!==void 0?E:f}return f}function mE(f,E){if(O(f)===void 0)throw Error("tosiSetValue requires a xin or boxed proxy");f[b]=E}var BE=jf(O,"xinPath is deprecated. Use tosiPath instead."),SE=jf(U,"xinValue is deprecated. Use tosiValue instead."),l=new WeakMap,N=new WeakMap;var e=(f)=>{let E=f.cloneNode();if(E instanceof Element){let M=N.get(f),L=l.get(f);if(M!=null)N.set(E,P(M));if(L!=null)l.set(E,P(L))}for(let M of Array.from(f instanceof HTMLTemplateElement?f.content.childNodes:f.childNodes))if(M instanceof Element||M instanceof DocumentFragment)E.appendChild(e(M));else E.appendChild(M.cloneNode());return E};var g={debug:!1,perf:!1};var NM=(f)=>{try{return JSON.stringify(f)}catch(E){return"{has circular references}"}},ef=(...f)=>Error(f.map(NM).join(" "));var bM=()=>new Date(parseInt("1000000000",36)+Date.now()).valueOf().toString(36).slice(1),uM=0,oM=()=>(parseInt("10000",36)+ ++uM).toString(36).slice(-5),dM=()=>bM()+oM(),fE=Symbol("delete"),cE=Symbol("new-object"),af=Symbol("automatic-index");function PE(f){if(f==="")return[];if(Array.isArray(f))return f;else{let E=[];while(f.length>0){let M=f.search(/\[[^\]]+\]/);if(M===-1){E.push(f.split("."));break}else{let L=f.slice(0,M);if(f=f.slice(M),L!=="")E.push(L.split("."));if(M=f.indexOf("]")+1,E.push(f.slice(1,M-1)),f.slice(M,M+1)===".")M+=1;f=f.slice(M)}}return E}}var u=new WeakMap;function NE(f,E){if(u.get(f)===void 0)u.set(f,{});if(u.get(f)[E]===void 0)u.get(f)[E]={};let M=u.get(f)[E];if(E==="_auto_")f.forEach((L,H)=>{if(L[af]===void 0)L[af]=dM();M[L[af]+""]=H});else f.forEach((L,H)=>{M[j(L,E)+""]=H});return M}function iM(f,E){if(u.get(f)===void 0||u.get(f)[E]===void 0)return NE(f,E);else return u.get(f)[E]}function gM(f,E,M){M=M+"";let L=iM(f,E)[M];if(L===void 0||j(f[L],E)+""!==M)L=NE(f,E)[M];return L}function vM(f,E,M){if(f[E]===void 0&&M!==void 0)f[E]=M;return f[E]}function bE(f,E,M,L){let H=E!==""?gM(f,E,M):M;if(L===fE)return f.splice(H,1),u.delete(f),Symbol("deleted");else if(L===cE){if(E===""&&f[H]===void 0)f[H]={}}else if(L!==void 0)if(H!==void 0)f[H]=L;else if(E!==""&&j(L,E)+""===M+"")f.push(L),H=f.length-1;else throw Error(`byIdPath insert failed at [${E}=${M}]`);return f[H]}function nE(f){if(!Array.isArray(f))throw ef("setByPath failed: expected array, found",f)}function _E(f){if(f==null||!(f instanceof Object))throw ef("setByPath failed: expected Object, found",f)}function j(f,E){let M=PE(E),L=f,H,X,J,Y;for(H=0,X=M.length;L!==void 0&&H<X;H++){let w=M[H];if(Array.isArray(w))for(J=0,Y=w.length;L!==void 0&&J<Y;J++){let $=w[J];L=L[$]}else if(L.length===0){if(L=L[Number(w.slice(1))],w[0]!=="=")return}else if(w.includes("=")){let[$,...Z]=w.split("=");L=bE(L,$,Z.join("="))}else J=parseInt(w,10),L=L[J]}return L}function Yf(f,E,M){let L=f;if(E==="")throw Error("setByPath cannot be used to set the root object");let H=PE(E);while(L!=null&&H.length>0){let X=H.shift();if(typeof X==="string"){let J=X.indexOf("=");if(J>-1){if(J===0)_E(L);else nE(L);let Y=X.slice(0,J),w=X.slice(J+1);if(L=bE(L,Y,w,H.length>0?cE:M),H.length===0)return!0}else{nE(L);let Y=parseInt(X,10);if(H.length>0)L=L[Y];else{if(M!==fE){if(L[Y]===M)return!1;L[Y]=M}else L.splice(Y,1);return!0}}}else if(Array.isArray(X)&&X.length>0){_E(L);while(X.length>0){let J=X.shift();if(X.length>0||H.length>0)L=vM(L,J,X.length>0?{}:[]);else{if(M!==fE){if(L[J]===M)return!1;L[J]=M}else{if(!Object.prototype.hasOwnProperty.call(L,J))return!1;delete L[J]}return!0}}}else throw Error(`setByPath failed, bad path ${E}`)}throw Error(`setByPath(${f}, ${E}, ${M}) failed`)}var y={},EE=null,uE=(f)=>{EE=f},yf=()=>{if(EE===null)throw Error("xin proxy not initialized");return EE},ME=null,LE=null,oE=(f,E)=>{ME=f,LE=E},$f=()=>{if(ME===null)throw Error("bind not initialized");return ME},Ff=()=>{if(LE===null)throw Error("on not initialized");return LE};var dE=Symbol("observer should be removed"),kf=[],Hf=[],HE=!1,XE,wE;function sM(f,E,M,L){let H=IE(f);if(H===void 0)return[];let X=[];for(let J of H){let Y=j(M,J);if(Y!==void 0)X.push(`${f}[${J}=${Y}]${L}`)}return X}class iE{description;test;callback;constructor(f,E){let M=typeof E==="string"?`"${E}"`:`function ${E.name}`,L;if(typeof f==="string")this.test=(H)=>typeof H==="string"&&H!==""&&(f.startsWith(H)||H.startsWith(f)),L=`test = "${f}"`;else if(f instanceof RegExp)this.test=f.test.bind(f),L=`test = "${f.toString()}"`;else if(f instanceof Function)this.test=f,L=`test = function ${f.name}`;else throw Error("expect listener test to be a string, RegExp, or test function");if(this.description=`${L}, ${M}`,typeof E==="function")this.callback=E;else throw Error("expect callback to be a path or function");kf.push(this)}}var Zf=async()=>{if(XE===void 0)return;await XE},hM=()=>{if(g.perf)console.time("xin async update");let f=Array.from(Hf);Hf.length=0,HE=!1;for(let E of f)kf.filter((M)=>{let L;try{L=M.test(E)}catch(H){throw Error(`Listener ${M.description} threw "${H}" at "${E}"`)}if(L===dE)return o(M),!1;return L}).forEach((M)=>{let L;try{L=M.callback(E)}catch(H){console.error(`Listener ${M.description} threw "${H}" handling "${E}"`)}if(L===dE)o(M)});if(typeof wE==="function")wE();if(g.perf)console.timeEnd("xin async update")},B=(f)=>{let E=typeof f==="string"?f:O(f);if(E===void 0)throw console.error("touch was called on an invalid target",f),Error("touch was called on an invalid target");if(HE===!1)XE=new Promise((L)=>{wE=L}),HE=setTimeout(hM);if(Hf.find((L)=>E.startsWith(L))==null)Hf.push(E);let M=E.match(/^(.+)\[(\d+)\](.*)$/);if(M!==null){let[,L,H,X]=M,J=parseInt(H,10),Y=j(y,`${L}[${J}]`);if(Y!=null){let w=sM(L,J,Y,X);for(let $ of w)if(Hf.find((Z)=>$.startsWith(Z))==null)Hf.push($)}}},c=(f,E)=>{return new iE(f,E)},o=(f)=>{let E=kf.indexOf(f);if(E>-1)kf.splice(E,1);else throw Error("unobserve failed, listener not found")};var JE=(f,E)=>{let M=new Event(E);f.dispatchEvent(M)},vE=(f)=>{if(f instanceof HTMLInputElement)return f.type;else if(f instanceof HTMLSelectElement&&f.hasAttribute("multiple"))return"multi-select";else return"other"},sE=(f,E)=>{switch(vE(f)){case"radio":f.checked=f.value===E;break;case"checkbox":f.checked=!!E;break;case"date":f.valueAsDate=new Date(E);break;case"multi-select":for(let M of Array.from(f.querySelectorAll("option")))M.selected=E[M.value];break;default:f.value=E}},hE=(f)=>{switch(vE(f)){case"radio":{let E=f.parentElement?.querySelector(`[name="${f.name}"]:checked`);return E!=null?E.value:null}case"checkbox":return f.checked;case"date":return f.valueAsDate?.toISOString();case"multi-select":return Array.from(f.querySelectorAll("option")).reduce((E,M)=>{return E[M.value]=M.selected,E},{});default:return f.value}},{ResizeObserver:gE}=globalThis,Qf=gE!=null?new gE((f)=>{for(let E of f){let M=E.target;JE(M,"resize")}}):{observe(){},unobserve(){}},YE=(f,E,M=!0)=>{if(f!=null&&E!=null)if(typeof E==="string")f.textContent=E;else if(Array.isArray(E))E.forEach((L)=>{f.append(L instanceof Node&&M?e(L):L)});else if(E instanceof Node)f.append(M?e(E):E);else throw Error("expect text content or document node")};var Xf=(f,E=250)=>{let M;return(...L)=>{if(M!==void 0)clearTimeout(M);M=setTimeout(()=>{f(...L)},E)}},Gf=(f,E=250)=>{let M,L=Date.now()-E,H=!1;return(...X)=>{if(clearTimeout(M),M=setTimeout(()=>{f(...X),L=Date.now()},E),!H&&Date.now()-L>=E){H=!0;try{f(...X),L=Date.now()}finally{H=!1}}}};var Cf={value:{toDOM:sE,fromDOM(f){return hE(f)}},text:{toDOM(f,E){f.textContent=E}},enabled:{toDOM(f,E){f.disabled=!E}},disabled:{toDOM(f,E){f.disabled=Boolean(E)}},list:{toDOM(f,E,M){wf(f,E,M).update(E)}}};function k(f){return f.replace(/[A-Z]/g,(E)=>{return`-${E.toLocaleLowerCase()}`})}function $E(f){return f.replace(/-([a-z])/g,(E,M)=>{return M.toLocaleUpperCase()})}var rM=180/Math.PI,pM=Math.PI/180;function S(f,E,M){return M<f?NaN:E<f?f:E>M?M:E}function d(f,E,M,L=!0){if(L)M=S(0,M,1);return M*(E-f)+f}var rE={RADIANS_TO_DEGREES:rM,DEGREES_TO_RADIANS:pM,clamp:S,lerp:d};function Vf(f,E=document.body){let M=getComputedStyle(E);if(f.endsWith(")")&&f.startsWith("var("))f=f.slice(4,-1);return M.getPropertyValue(f).trim()}var lM=(f,E,M)=>{return(0.299*f+0.587*E+0.114*M)/255},a=(f)=>("00"+Math.round(Number(f)).toString(16)).slice(-2);class pE{h;s;l;constructor(f,E,M){f/=255,E/=255,M/=255;let L=Math.max(f,E,M),H=L-Math.min(f,E,M),X=H!==0?L===f?(E-M)/H:L===E?2+(M-f)/H:4+(f-E)/H:0;this.h=60*X<0?60*X+360:60*X,this.s=H!==0?L<=0.5?H/(2*L-H):H/(2-(2*L-H)):0,this.l=(2*L-H)/2}}var v=globalThis.document!==void 0?globalThis.document.createElement("span"):void 0;if(v)v.style.display="none";class F{r;g;b;a;static fromVar(f,E=document.body){return F.fromCss(Vf(f,E))}static fromCss(f){let E=f.match(/^#([0-9a-fA-F]+)$/);if(E){let w=E[1];if(w.length===3)return new F(parseInt(w[0]+w[0],16),parseInt(w[1]+w[1],16),parseInt(w[2]+w[2],16));if(w.length===4)return new F(parseInt(w[0]+w[0],16),parseInt(w[1]+w[1],16),parseInt(w[2]+w[2],16),parseInt(w[3]+w[3],16)/255);if(w.length===6)return new F(parseInt(w.slice(0,2),16),parseInt(w.slice(2,4),16),parseInt(w.slice(4,6),16));if(w.length===8)return new F(parseInt(w.slice(0,2),16),parseInt(w.slice(2,4),16),parseInt(w.slice(4,6),16),parseInt(w.slice(6,8),16)/255)}let M=f;if(v instanceof HTMLSpanElement)v.style.color="black",v.style.color=f,document.body.appendChild(v),M=getComputedStyle(v).color,v.remove();let[L,H,X,J]=M.match(/[\d.]+/g)||["0","0","0","0"],Y=M.startsWith("color(srgb")?255:1;return new F(Number(L)*Y,Number(H)*Y,Number(X)*Y,J==null?1:Number(J))}static fromHsl(f,E,M,L=1){let H,X,J;if(E===0)H=X=J=M;else{let w=(x,A,Q)=>{if(Q<0)Q+=1;if(Q>1)Q-=1;if(Q<0.16666666666666666)return x+(A-x)*6*Q;if(Q<0.5)return A;if(Q<0.6666666666666666)return x+(A-x)*(0.6666666666666666-Q)*6;return x},$=M<0.5?M*(1+E):M+E-M*E,Z=2*M-$,G=(f%360+360)%360/360;H=w(Z,$,G+0.3333333333333333),X=w(Z,$,G),J=w(Z,$,G-0.3333333333333333)}let Y=new F(H*255,X*255,J*255,L);return Y.hslCached={h:(f%360+360)%360,s:E,l:M},Y}static black=new F(0,0,0);static white=new F(255,255,255);constructor(f,E,M,L=1){this.r=S(0,f,255),this.g=S(0,E,255),this.b=S(0,M,255),this.a=S(0,L,1)}get inverse(){return new F(255-this.r,255-this.g,255-this.b,this.a)}get inverseLuminance(){let{h:f,s:E,l:M}=this._hsl;return F.fromHsl(f,E,1-M,this.a)}get opaque(){return this.a===1?this:new F(this.r,this.g,this.b,1)}contrasting(f=1){return this.opaque.blend(this.brightness>0.5?F.black:F.white,f)}get rgb(){let{r:f,g:E,b:M}=this;return`rgb(${f.toFixed(0)},${E.toFixed(0)},${M.toFixed(0)})`}get rgba(){let{r:f,g:E,b:M,a:L}=this;return`rgba(${f.toFixed(0)},${E.toFixed(0)},${M.toFixed(0)},${L.toFixed(2)})`}get RGBA(){return[this.r/255,this.g/255,this.b/255,this.a]}get ARGB(){return[this.a,this.r/255,this.g/255,this.b/255]}hslCached;get _hsl(){if(this.hslCached==null)this.hslCached=new pE(this.r,this.g,this.b);return this.hslCached}get hsl(){let{h:f,s:E,l:M}=this._hsl;return`hsl(${f.toFixed(0)}deg ${(E*100).toFixed(0)}% ${(M*100).toFixed(0)}%)`}get hsla(){let{h:f,s:E,l:M}=this._hsl;return`hsl(${f.toFixed(0)}deg ${(E*100).toFixed(0)}% ${(M*100).toFixed(0)}% / ${(this.a*100).toFixed(0)}%)`}get mono(){let f=this.brightness*255;return new F(f,f,f)}get brightness(){return lM(this.r,this.g,this.b)}get html(){return this.toString()}toString(){return this.a===1?"#"+a(this.r)+a(this.g)+a(this.b):"#"+a(this.r)+a(this.g)+a(this.b)+a(Math.floor(255*this.a))}brighten(f){let{h:E,s:M,l:L}=this._hsl,H=S(0,L+f*(1-L),1);return F.fromHsl(E,M,H,this.a)}darken(f){let{h:E,s:M,l:L}=this._hsl,H=S(0,L*(1-f),1);return F.fromHsl(E,M,H,this.a)}saturate(f){let{h:E,s:M,l:L}=this._hsl,H=S(0,M+f*(1-M),1);return F.fromHsl(E,H,L,this.a)}desaturate(f){let{h:E,s:M,l:L}=this._hsl,H=S(0,M*(1-f),1);return F.fromHsl(E,H,L,this.a)}rotate(f){let{h:E,s:M,l:L}=this._hsl,H=(E+360+f)%360;return F.fromHsl(H,M,L,this.a)}opacity(f){let{h:E,s:M,l:L}=this._hsl;return F.fromHsl(E,M,L,f)}swatch(){return console.log(`%c      %c ${this.html}, ${this.rgba}`,`background-color: ${this.html}`,"background-color: transparent"),this}blend(f,E){return new F(d(this.r,f.r,E),d(this.g,f.g,E),d(this.b,f.b,E),d(this.a,f.a,E))}static blendHue(f,E,M){let L=(E-f+720)%360;if(L<180)return f+M*L;else return f-(360-L)*M}mix(f,E){let M=this._hsl,L=f._hsl;return F.fromHsl(M.s===0?L.h:L.s===0?M.h:F.blendHue(M.h,L.h,E),d(M.s,L.s,E),d(M.l,L.l,E),d(this.a,f.a,E))}colorMix(f,E){return F.fromCss(`color-mix(in hsl, ${this.html}, ${f.html} ${(E*100).toFixed(0)}%)`)}static computedColorStylesheet=null;static computedColors=new Map;static recomputeQueued=!1;static registerComputedColor(f,E,M,L){if(!F.computedColors.has(f))F.computedColors.set(f,{varName:E,scale:M,method:L}),F.queueRecompute()}static queueRecompute(){if(F.recomputeQueued)return;F.recomputeQueued=!0,queueMicrotask(()=>{F.recomputeQueued=!1,F.recomputeColors()})}static recomputeColors(){if(F.computedColors.size===0)return;let f=[];for(let[M,{varName:L,scale:H,method:X}]of F.computedColors)try{let J=F.fromVar(L),Y;switch(X){case"b":Y=H>0?J.brighten(H):J.darken(-H);break;case"s":Y=H>0?J.saturate(H):J.desaturate(-H);break;case"h":Y=J.rotate(H*100);break;case"o":Y=J.opacity(H);break;default:continue}f.push(`  ${M}: ${Y.rgba};`)}catch(J){}if(f.length===0)return;let E=`:root {
-${f.join(`
+(()=>{var{defineProperty:gE,getOwnPropertyNames:_M,getOwnPropertyDescriptor:mM}=Object,NM=Object.prototype.hasOwnProperty;function PM(E){return this[E]}var cM=(E)=>{var f=(kf??=new WeakMap).get(E),M;if(f)return f;if(f=gE({},"__esModule",{value:!0}),E&&typeof E==="object"||typeof E==="function"){for(var L of _M(E))if(!NM.call(f,L))gE(f,L,{get:PM.bind(E,L),enumerable:!(M=mM(E,L))||M.enumerable})}return kf.set(E,f),f},kf;var bM=(E)=>E;function uM(E,f){this[E]=bM.bind(null,f)}var nM=(E,f)=>{for(var M in f)gE(E,M,{get:f[M],enumerable:!0,configurable:!0,set:uM.bind(f,M)})};var mL={};nM(mL,{xinValue:()=>_f,xinProxy:()=>nE,xinPath:()=>Sf,xin:()=>C,warnDeprecated:()=>V,version:()=>uE,vars:()=>BE,varDefault:()=>WE,validateAgainstConstraints:()=>cE,updates:()=>EE,unobserve:()=>m,touchElement:()=>PE,touch:()=>R,tosiValue:()=>T,tosiSetValue:()=>yf,tosiPath:()=>A,tosiLoader:()=>RM,tosiBlueprint:()=>kM,tosi:()=>KE,throttle:()=>fE,sync:()=>VM,svgElements:()=>SE,share:()=>CM,settings:()=>i,scrollListItemIntoView:()=>WM,onThemePreferencesChange:()=>LM,onStylesheetChange:()=>ef,on:()=>LE,observe:()=>GE,mathML:()=>_E,makeComponent:()=>TE,invertLuminance:()=>MM,initVars:()=>fM,hotReload:()=>KM,getThemePreferences:()=>Gf,getListItem:()=>NE,getListInstance:()=>mE,getListBinding:()=>QE,getCssVar:()=>RE,elements:()=>W,deprecated:()=>xE,deleteListItem:()=>zM,debounce:()=>ZE,css:()=>s,boxedProxy:()=>AE,boxed:()=>B,blueprintLoader:()=>SM,blueprint:()=>BM,bindings:()=>zE,bind:()=>P,StyleSheet:()=>af,MoreMath:()=>pf,Component:()=>c,Color:()=>w,BlueprintLoader:()=>dE,Blueprint:()=>jE});function b(E){if(E==null||typeof E!=="object")return E;if(E instanceof Set)return new Set(E);else if(Array.isArray(E))return E.map(b);let f={};for(let M in E){let L=E[M];if(E!=null&&typeof E==="object")f[M]=b(L);else f[M]=L}return f}var hE="-xin-data",g=`.${hE}`,sE="-xin-event",oE=`.${sE}`,S=Symbol.for("xin-path"),n=Symbol.for("xin-value"),rE="xinObserve",pE="xinBind",lE="xinOn",YE=Symbol("list-binding"),t=Symbol("list-instance"),iE=new Map;function If(E,f){let M=iE.get(E);if(M===void 0)M=new Set,iE.set(E,M);M.add(f)}function Bf(E){return iE.get(E)}var Rf=new Set;function V(E,f){if(!Rf.has(E))console.warn(f),Rf.add(E)}function xE(E,f){let M=!1;return(...L)=>{if(!M)console.warn(f),M=!0;return E(...L)}}var A=(E)=>{return E&&E[S]||void 0};function T(E){if(typeof E==="object"&&E!==null){let f=E[n];return f!==void 0?f:E}return E}function yf(E,f){if(A(E)===void 0)throw Error("tosiSetValue requires a xin or boxed proxy");E[n]=f}var Sf=xE(A,"xinPath is deprecated. Use tosiPath instead."),_f=xE(T,"xinValue is deprecated. Use tosiValue instead."),l=new WeakMap,u=new WeakMap;var e=(E)=>{let f=E.cloneNode();if(f instanceof Element){let M=u.get(E),L=l.get(E);if(M!=null)u.set(f,b(M));if(L!=null)l.set(f,b(L))}for(let M of Array.from(E instanceof HTMLTemplateElement?E.content.childNodes:E.childNodes))if(M instanceof Element||M instanceof DocumentFragment)f.appendChild(e(M));else f.appendChild(M.cloneNode());return f};var i={debug:!1,perf:!1};var vM=(E)=>{try{return JSON.stringify(E)}catch(f){return"{has circular references}"}},tE=(...E)=>Error(E.map(vM).join(" "));var dM=()=>new Date(parseInt("1000000000",36)+Date.now()).valueOf().toString(36).slice(1),gM=0,iM=()=>(parseInt("10000",36)+ ++gM).toString(36).slice(-5),hM=()=>dM()+iM(),aE=Symbol("delete"),Pf=Symbol("new-object"),eE=Symbol("automatic-index");function cf(E){if(E==="")return[];if(Array.isArray(E))return E;else{let f=[];while(E.length>0){let M=E.search(/\[[^\]]+\]/);if(M===-1){f.push(E.split("."));break}else{let L=E.slice(0,M);if(E=E.slice(M),L!=="")f.push(L.split("."));if(M=E.indexOf("]")+1,f.push(E.slice(1,M-1)),E.slice(M,M+1)===".")M+=1;E=E.slice(M)}}return f}}var v=new WeakMap;function bf(E,f){if(v.get(E)===void 0)v.set(E,{});if(v.get(E)[f]===void 0)v.get(E)[f]={};let M=v.get(E)[f];if(f==="_auto_")E.forEach((L,H)=>{if(L[eE]===void 0)L[eE]=hM();M[L[eE]+""]=H});else E.forEach((L,H)=>{M[j(L,f)+""]=H});return M}function sM(E,f){if(v.get(E)===void 0||v.get(E)[f]===void 0)return bf(E,f);else return v.get(E)[f]}function oM(E,f,M){M=M+"";let L=sM(E,f)[M];if(L===void 0||j(E[L],f)+""!==M)L=bf(E,f)[M];return L}function rM(E,f,M){if(E[f]===void 0&&M!==void 0)E[f]=M;return E[f]}function uf(E,f,M,L){let H=f!==""?oM(E,f,M):M;if(L===aE)return E.splice(H,1),v.delete(E),Symbol("deleted");else if(L===Pf){if(f===""&&E[H]===void 0)E[H]={}}else if(L!==void 0)if(H!==void 0)E[H]=L;else if(f!==""&&j(L,f)+""===M+"")E.push(L),H=E.length-1;else throw Error(`byIdPath insert failed at [${f}=${M}]`);return E[H]}function mf(E){if(!Array.isArray(E))throw tE("setByPath failed: expected array, found",E)}function Nf(E){if(E==null||!(E instanceof Object))throw tE("setByPath failed: expected Object, found",E)}function j(E,f){let M=cf(f),L=E,H,J,$,Z;for(H=0,J=M.length;L!==void 0&&H<J;H++){let Y=M[H];if(Array.isArray(Y))for($=0,Z=Y.length;L!==void 0&&$<Z;$++){let Q=Y[$];L=L[Q]}else if(L.length===0){if(L=L[Number(Y.slice(1))],Y[0]!=="=")return}else if(Y.includes("=")){let[Q,...G]=Y.split("=");L=uf(L,Q,G.join("="))}else $=parseInt(Y,10),L=L[$]}return L}function a(E,f,M){let L=E;if(f==="")throw Error("setByPath cannot be used to set the root object");let H=cf(f);while(L!=null&&H.length>0){let J=H.shift();if(typeof J==="string"){let $=J.indexOf("=");if($>-1){if($===0)Nf(L);else mf(L);let Z=J.slice(0,$),Y=J.slice($+1);if(L=uf(L,Z,Y,H.length>0?Pf:M),H.length===0)return!0}else{mf(L);let Z=parseInt(J,10);if(H.length>0)L=L[Z];else{if(M!==aE){if(L[Z]===M)return!1;L[Z]=M}else L.splice(Z,1);return!0}}}else if(Array.isArray(J)&&J.length>0){Nf(L);while(J.length>0){let $=J.shift();if(J.length>0||H.length>0)L=rM(L,$,J.length>0?{}:[]);else{if(M!==aE){if(L[$]===M)return!1;L[$]=M}else{if(!Object.prototype.hasOwnProperty.call(L,$))return!1;delete L[$]}return!0}}}else throw Error(`setByPath failed, bad path ${f}`)}throw Error(`setByPath(${E}, ${f}, ${M}) failed`)}var k={},Ef=null,nf=(E)=>{Ef=E},VE=()=>{if(Ef===null)throw Error("xin proxy not initialized");return Ef},ff=null,Mf=null,vf=(E,f)=>{ff=E,Mf=f},wE=()=>{if(ff===null)throw Error("bind not initialized");return ff},FE=()=>{if(Mf===null)throw Error("on not initialized");return Mf};var df=Symbol("observer should be removed"),kE=[],$E=[],Lf=!1,Hf,Jf;function pM(E,f,M,L){let H=Bf(E);if(H===void 0)return[];let J=[];for(let $ of H){let Z=j(M,$);if(Z!==void 0)J.push(`${E}[${$}=${Z}]${L}`)}return J}class gf{description;test;callback;constructor(E,f){let M=typeof f==="string"?`"${f}"`:`function ${f.name}`,L;if(typeof E==="string")this.test=(H)=>typeof H==="string"&&H!==""&&(E.startsWith(H)||H.startsWith(E)),L=`test = "${E}"`;else if(E instanceof RegExp)this.test=E.test.bind(E),L=`test = "${E.toString()}"`;else if(E instanceof Function)this.test=E,L=`test = function ${E.name}`;else throw Error("expect listener test to be a string, RegExp, or test function");if(this.description=`${L}, ${M}`,typeof f==="function")this.callback=f;else throw Error("expect callback to be a path or function");kE.push(this)}}var EE=async()=>{if(Hf===void 0)return;await Hf},lM=()=>{if(i.perf)console.time("xin async update");let E=Array.from($E);$E.length=0,Lf=!1;for(let f of E)kE.filter((M)=>{let L;try{L=M.test(f)}catch(H){throw Error(`Listener ${M.description} threw "${H}" at "${f}"`)}if(L===df)return m(M),!1;return L}).forEach((M)=>{let L;try{L=M.callback(f)}catch(H){console.error(`Listener ${M.description} threw "${H}" handling "${f}"`)}if(L===df)m(M)});if(typeof Jf==="function")Jf();if(i.perf)console.timeEnd("xin async update")},R=(E)=>{let f=typeof E==="string"?E:A(E);if(f===void 0)throw console.error("touch was called on an invalid target",E),Error("touch was called on an invalid target");if(Lf===!1)Hf=new Promise((L)=>{Jf=L}),Lf=setTimeout(lM);if($E.find((L)=>f.startsWith(L))==null)$E.push(f);let M=f.match(/^(.+)\[(\d+)\](.*)$/);if(M!==null){let[,L,H,J]=M,$=parseInt(H,10),Z=j(k,`${L}[${$}]`);if(Z!=null){let Y=pM(L,$,Z,J);for(let Q of Y)if($E.find((G)=>Q.startsWith(G))==null)$E.push(Q)}}},_=(E,f)=>{return new gf(E,f)},m=(E)=>{let f=kE.indexOf(E);if(f>-1)kE.splice(f,1);else throw Error("unobserve failed, listener not found")};var Yf=(E,f)=>{let M=new Event(f);E.dispatchEvent(M)},sf=(E)=>{if(E instanceof HTMLInputElement)return E.type;else if(E instanceof HTMLSelectElement&&E.hasAttribute("multiple"))return"multi-select";else return"other"},of=(E,f)=>{switch(sf(E)){case"radio":E.checked=E.value===f;break;case"checkbox":E.checked=!!f;break;case"date":E.valueAsDate=new Date(f);break;case"multi-select":for(let M of Array.from(E.querySelectorAll("option")))M.selected=f[M.value];break;default:E.value=f}},rf=(E)=>{switch(sf(E)){case"radio":{let f=E.parentElement?.querySelector(`[name="${E.name}"]:checked`);return f!=null?f.value:null}case"checkbox":return E.checked;case"date":return E.valueAsDate?.toISOString();case"multi-select":return Array.from(E.querySelectorAll("option")).reduce((f,M)=>{return f[M.value]=M.selected,f},{});default:return E.value}},{ResizeObserver:hf}=globalThis,XE=hf!=null?new hf((E)=>{for(let f of E){let M=f.target;Yf(M,"resize")}}):{observe(){},unobserve(){}},$f=(E,f,M=!0)=>{if(E!=null&&f!=null)if(typeof f==="string")E.textContent=f;else if(Array.isArray(f))f.forEach((L)=>{E.append(L instanceof Node&&M?e(L):L)});else if(f instanceof Node)E.append(M?e(f):f);else throw Error("expect text content or document node")};var ZE=(E,f=250)=>{let M;return(...L)=>{if(M!==void 0)clearTimeout(M);M=setTimeout(()=>{E(...L)},f)}},fE=(E,f=250)=>{let M,L=Date.now()-f,H=!1;return(...J)=>{if(clearTimeout(M),M=setTimeout(()=>{E(...J),L=Date.now()},f),!H&&Date.now()-L>=f){H=!0;try{E(...J),L=Date.now()}finally{H=!1}}}};var zE={value:{toDOM:of,fromDOM(E){return rf(E)}},text:{toDOM(E,f){E.textContent=f}},enabled:{toDOM(E,f){E.disabled=!f}},disabled:{toDOM(E,f){E.disabled=Boolean(f)}},list:{toDOM(E,f,M){QE(E,f,M).update(f)}}};function I(E){return E.replace(/[A-Z]/g,(f)=>{return`-${f.toLocaleLowerCase()}`})}function Zf(E){return E.replace(/-([a-z])/g,(f,M)=>{return M.toLocaleUpperCase()})}var tM=180/Math.PI,eM=Math.PI/180;function N(E,f,M){return M<E?NaN:f<E?E:f>M?M:f}function d(E,f,M,L=!0){if(L)M=N(0,M,1);return M*(f-E)+E}var pf={RADIANS_TO_DEGREES:tM,DEGREES_TO_RADIANS:eM,clamp:N,lerp:d};function RE(E,f=document.body){let M=getComputedStyle(f);if(E.endsWith(")")&&E.startsWith("var("))E=E.slice(4,-1);return M.getPropertyValue(E).trim()}var aM=(E,f,M)=>{return(0.299*E+0.587*f+0.114*M)/255},ME=(E)=>("00"+Math.round(Number(E)).toString(16)).slice(-2);class lf{h;s;l;constructor(E,f,M){E/=255,f/=255,M/=255;let L=Math.max(E,f,M),H=L-Math.min(E,f,M),J=H!==0?L===E?(f-M)/H:L===f?2+(M-E)/H:4+(E-f)/H:0;this.h=60*J<0?60*J+360:60*J,this.s=H!==0?L<=0.5?H/(2*L-H):H/(2-(2*L-H)):0,this.l=(2*L-H)/2}}var h=globalThis.document!==void 0?globalThis.document.createElement("span"):void 0;if(h)h.style.display="none";class w{r;g;b;a;static fromVar(E,f=document.body){return w.fromCss(RE(E,f))}static fromCss(E){let f=E.match(/^#([0-9a-fA-F]+)$/);if(f){let Y=f[1];if(Y.length===3)return new w(parseInt(Y[0]+Y[0],16),parseInt(Y[1]+Y[1],16),parseInt(Y[2]+Y[2],16));if(Y.length===4)return new w(parseInt(Y[0]+Y[0],16),parseInt(Y[1]+Y[1],16),parseInt(Y[2]+Y[2],16),parseInt(Y[3]+Y[3],16)/255);if(Y.length===6)return new w(parseInt(Y.slice(0,2),16),parseInt(Y.slice(2,4),16),parseInt(Y.slice(4,6),16));if(Y.length===8)return new w(parseInt(Y.slice(0,2),16),parseInt(Y.slice(2,4),16),parseInt(Y.slice(4,6),16),parseInt(Y.slice(6,8),16)/255)}let M=E;if(h instanceof HTMLSpanElement)h.style.color="black",h.style.color=E,document.body.appendChild(h),M=getComputedStyle(h).color,h.remove();let[L,H,J,$]=M.match(/[\d.]+/g)||["0","0","0","0"],Z=M.startsWith("color(srgb")?255:1;return new w(Number(L)*Z,Number(H)*Z,Number(J)*Z,$==null?1:Number($))}static fromHsl(E,f,M,L=1){let H,J,$;if(f===0)H=J=$=M;else{let Y=(U,x,X)=>{if(X<0)X+=1;if(X>1)X-=1;if(X<0.16666666666666666)return U+(x-U)*6*X;if(X<0.5)return x;if(X<0.6666666666666666)return U+(x-U)*(0.6666666666666666-X)*6;return U},Q=M<0.5?M*(1+f):M+f-M*f,G=2*M-Q,F=(E%360+360)%360/360;H=Y(G,Q,F+0.3333333333333333),J=Y(G,Q,F),$=Y(G,Q,F-0.3333333333333333)}let Z=new w(H*255,J*255,$*255,L);return Z.hslCached={h:(E%360+360)%360,s:f,l:M},Z}static black=new w(0,0,0);static white=new w(255,255,255);constructor(E,f,M,L=1){this.r=N(0,E,255),this.g=N(0,f,255),this.b=N(0,M,255),this.a=N(0,L,1)}get inverse(){return new w(255-this.r,255-this.g,255-this.b,this.a)}get inverseLuminance(){let{h:E,s:f,l:M}=this._hsl;return w.fromHsl(E,f,1-M,this.a)}get opaque(){return this.a===1?this:new w(this.r,this.g,this.b,1)}contrasting(E=1){return this.opaque.blend(this.brightness>0.5?w.black:w.white,E)}get rgb(){let{r:E,g:f,b:M}=this;return`rgb(${E.toFixed(0)},${f.toFixed(0)},${M.toFixed(0)})`}get rgba(){let{r:E,g:f,b:M,a:L}=this;return`rgba(${E.toFixed(0)},${f.toFixed(0)},${M.toFixed(0)},${L.toFixed(2)})`}get RGBA(){return[this.r/255,this.g/255,this.b/255,this.a]}get ARGB(){return[this.a,this.r/255,this.g/255,this.b/255]}hslCached;get _hsl(){if(this.hslCached==null)this.hslCached=new lf(this.r,this.g,this.b);return this.hslCached}get hsl(){let{h:E,s:f,l:M}=this._hsl;return`hsl(${E.toFixed(0)}deg ${(f*100).toFixed(0)}% ${(M*100).toFixed(0)}%)`}get hsla(){let{h:E,s:f,l:M}=this._hsl;return`hsl(${E.toFixed(0)}deg ${(f*100).toFixed(0)}% ${(M*100).toFixed(0)}% / ${(this.a*100).toFixed(0)}%)`}get mono(){let E=this.brightness*255;return new w(E,E,E)}get brightness(){return aM(this.r,this.g,this.b)}get html(){return this.toString()}toString(){return this.a===1?"#"+ME(this.r)+ME(this.g)+ME(this.b):"#"+ME(this.r)+ME(this.g)+ME(this.b)+ME(Math.floor(255*this.a))}brighten(E){let{h:f,s:M,l:L}=this._hsl,H=N(0,L+E*(1-L),1);return w.fromHsl(f,M,H,this.a)}darken(E){let{h:f,s:M,l:L}=this._hsl,H=N(0,L*(1-E),1);return w.fromHsl(f,M,H,this.a)}saturate(E){let{h:f,s:M,l:L}=this._hsl,H=N(0,M+E*(1-M),1);return w.fromHsl(f,H,L,this.a)}desaturate(E){let{h:f,s:M,l:L}=this._hsl,H=N(0,M*(1-E),1);return w.fromHsl(f,H,L,this.a)}rotate(E){let{h:f,s:M,l:L}=this._hsl,H=(f+360+E)%360;return w.fromHsl(H,M,L,this.a)}opacity(E){let{h:f,s:M,l:L}=this._hsl;return w.fromHsl(f,M,L,E)}swatch(){return console.log(`%c      %c ${this.html}, ${this.rgba}`,`background-color: ${this.html}`,"background-color: transparent"),this}blend(E,f){return new w(d(this.r,E.r,f),d(this.g,E.g,f),d(this.b,E.b,f),d(this.a,E.a,f))}static blendHue(E,f,M){let L=(f-E+720)%360;if(L<180)return E+M*L;else return E-(360-L)*M}mix(E,f){let M=this._hsl,L=E._hsl;return w.fromHsl(M.s===0?L.h:L.s===0?M.h:w.blendHue(M.h,L.h,f),d(M.s,L.s,f),d(M.l,L.l,f),d(this.a,E.a,f))}colorMix(E,f){return w.fromCss(`color-mix(in hsl, ${this.html}, ${E.html} ${(f*100).toFixed(0)}%)`)}static computedColorStylesheet=null;static computedColors=new Map;static recomputeQueued=!1;static registerComputedColor(E,f,M,L){if(!w.computedColors.has(E))w.computedColors.set(E,{varName:f,scale:M,method:L}),w.queueRecompute()}static queueRecompute(){if(w.recomputeQueued)return;w.recomputeQueued=!0,queueMicrotask(()=>{w.recomputeQueued=!1,w.recomputeColors()})}static recomputeColors(){if(w.computedColors.size===0)return;let E=[];for(let[M,{varName:L,scale:H,method:J}]of w.computedColors)try{let $=w.fromVar(L),Z;switch(J){case"b":Z=H>0?$.brighten(H):$.darken(-H);break;case"s":Z=H>0?$.saturate(H):$.desaturate(-H);break;case"h":Z=$.rotate(H*100);break;case"o":Z=$.opacity(H);break;default:continue}E.push(`  ${M}: ${Z.rgba};`)}catch($){}if(E.length===0)return;let f=`:root {
+${E.join(`
 `)}
-}`;if(F.computedColorStylesheet===null)F.computedColorStylesheet=document.createElement("style"),F.computedColorStylesheet.id="tosijs-computed-colors",document.head.append(F.computedColorStylesheet);F.computedColorStylesheet.textContent=E}}var Rf=new Set,lE=!1;function tM(){if(!lE)lE=!0,Rf.add(()=>F.queueRecompute())}function tE(f){return Rf.add(f),()=>Rf.delete(f)}function eM(){tM();for(let f of Rf)f()}function eE(f,E){let M=U(E),L=z.style(s(M));L.id=f,document.head.append(L);let H=O(E);if(H!==void 0)Jf(H,()=>{L.textContent=s(U(E)),eM()})}var aM=/^(animation-iteration-count|column-count|flex(-grow|-shrink)?|font-weight|line-height|opacity|order|orphans|scale|tab-size|widows|z-index|zoom)$/,FE=(f,E)=>{if(typeof E==="number"&&!aM.test(f))E=`${E}px`;if(f.startsWith("_"))if(f.startsWith("__"))f="--"+f.substring(2),E=`var(${f}-default, ${E})`;else f="--"+f.substring(1);return{prop:f,value:String(E)}},fL=(f,E,M)=>{if(M===void 0)return"";if(M instanceof F)M=M.html;let L=FE(E,M);return`${f}  ${L.prop}: ${L.value};`},aE=(f,E,M="")=>{let L=k(f);if(typeof E==="object"&&!(E instanceof F)){let H=Object.keys(E).map((X)=>aE(X,E[X],`${M}  `)).join(`
-`);return`${M}  ${f} {
+}`;if(w.computedColorStylesheet===null)w.computedColorStylesheet=document.createElement("style"),w.computedColorStylesheet.id="tosijs-computed-colors",document.head.append(w.computedColorStylesheet);w.computedColorStylesheet.textContent=f}}var IE=new Set,tf=!1;function EL(){if(!tf)tf=!0,IE.add(()=>w.queueRecompute())}function ef(E){return IE.add(E),()=>IE.delete(E)}function fL(){EL();for(let E of IE)E()}function af(E,f){let M=T(f),L=W.style(s(M));L.id=E,document.head.append(L);let H=A(f);if(H!==void 0)GE(H,()=>{L.textContent=s(T(f)),fL()})}var ML=/^(animation-iteration-count|column-count|flex(-grow|-shrink)?|font-weight|line-height|opacity|order|orphans|scale|tab-size|widows|z-index|zoom)$/,Qf=(E,f)=>{if(typeof f==="number"&&!ML.test(E))f=`${f}px`;if(E.startsWith("_"))if(E.startsWith("__"))E="--"+E.substring(2),f=`var(${E}-default, ${f})`;else E="--"+E.substring(1);return{prop:E,value:String(f)}},LL=(E,f,M)=>{if(M===void 0)return"";if(M instanceof w)M=M.html;let L=Qf(f,M);return`${E}  ${L.prop}: ${L.value};`},EM=(E,f,M="")=>{let L=I(E);if(typeof f==="object"&&!(f instanceof w)){let H=Object.keys(f).map((J)=>EM(J,f[J],`${M}  `)).join(`
+`);return`${M}  ${E} {
 ${H}
-${M}  }`}else return fL(M,L,E)},s=(f,E="")=>{return Object.keys(f).map((L)=>{let H=f[L];if(typeof H==="string"){if(L==="@import")return`@import url('${H}');`;throw Error("top-level string value only allowed for `@import`")}let X=Object.keys(H).map((J)=>aE(J,H[J])).join(`
-`);return`${E}${L} {
-${X}
+${M}  }`}else return LL(M,L,f)},s=(E,f="")=>{return Object.keys(E).map((L)=>{let H=E[L];if(typeof H==="string"){if(L==="@import")return`@import url('${H}');`;throw Error("top-level string value only allowed for `@import`")}let J=Object.keys(H).map(($)=>EM($,H[$])).join(`
+`);return`${f}${L} {
+${J}
 }`}).join(`
 
-`)},fM=(f)=>{m("initVars","initVars is deprecated. Just use _ and __ prefixes instead.");let E={};for(let M of Object.keys(f)){let L=f[M],H=k(M);E[`--${H}`]=typeof L==="number"&&L!==0?String(L)+"px":L}return E},EM=(f)=>{let E={};for(let M of Object.keys(f)){let L=f[M];if(L instanceof F)E[M]=L.inverseLuminance;else if(typeof L==="string"&&L.match(/^(#[0-9a-fA-F]{3}|rgba?\(|hsla?\()/))E[M]=F.fromCss(L).inverseLuminance}return E},zf=new Proxy({},{get(f,E){if(f[E]===void 0){let M="--"+k(E);f[E]=(L)=>`var(${M}, ${L})`}return f[E]}}),If=new Proxy({},{get(f,E){if(E==="default")return zf;if(f[E]==null){E=k(E);let[,M,,L,H,X]=E.match(/^([-\w]*?)((_)?(\d+)(\w?))?$/)||["",E],J=`--${M}`;if(H!=null){let Y=L==null?Number(H)/100:-Number(H)/100;switch(X){case"b":case"s":case"h":case"o":{let w=`--${E}`;F.registerComputedColor(w,J,Y,X),f[E]=`var(${w})`}break;case"":f[E]=`calc(var(${J}) * ${Y})`;break;default:throw console.error(X),Error(`Unrecognized method ${X} for css variable ${J}`)}}else f[E]=`var(${J})`}return f[E]}});function ZE(){let f=(E)=>typeof matchMedia<"u"&&matchMedia(E).matches;return{colorScheme:f("(prefers-color-scheme: dark)")?"dark":"light",contrast:f("(prefers-contrast: more)")?"more":f("(prefers-contrast: less)")?"less":f("(prefers-contrast: custom)")?"custom":"no-preference",reducedMotion:f("(prefers-reduced-motion: reduce)"),reducedTransparency:f("(prefers-reduced-transparency: reduce)"),forcedColors:f("(forced-colors: active)")}}function MM(f){if(typeof matchMedia>"u")return()=>{};let E=["(prefers-color-scheme: dark)","(prefers-contrast: more)","(prefers-contrast: less)","(prefers-contrast: custom)","(prefers-reduced-motion: reduce)","(prefers-reduced-transparency: reduce)","(forced-colors: active)"],M=()=>f(ZE()),L=E.map((H)=>matchMedia(H));for(let H of L)H.addEventListener("change",M);return()=>{for(let H of L)H.removeEventListener("change",M)}}var LM="http://www.w3.org/1998/Math/MathML",HM="http://www.w3.org/2000/svg";var mf={},XM=(f,E,M)=>{let L=FE(k(E),M);if(L.prop.startsWith("--"))f.style.setProperty(L.prop,L.value);else f.style[E]=L.value},EL=(f)=>{return{toDOM(E,M){XM(E,f,M)}}},wM=(f,E,M)=>{if(E==="style")if(typeof M==="object")for(let L of Object.keys(M))if(O(M[L]))n(f,M[L],EL(L));else XM(f,L,M[L]);else f.setAttribute("style",M);else{let L=k(E),H=f.constructor.observedAttributes;if(H?.includes(E)||H?.includes(L))if(typeof M==="boolean")M?f.setAttribute(L,""):f.removeAttribute(L);else f.setAttribute(L,M);else if(f[E]!==void 0){let{MathMLElement:J}=globalThis;if(f instanceof SVGElement||J!==void 0&&f instanceof J)f.setAttribute(E,M);else f[E]=M}else if(L==="class")M.split(" ").forEach((J)=>{f.classList.add(J)});else if(f[L]!==void 0)f[L]=M;else if(typeof M==="boolean")M?f.setAttribute(L,""):f.removeAttribute(L);else f.setAttribute(L,M)}},QE={},ML=(f)=>{if(!QE[f])QE[f]={toDOM(E,M){wM(E,f,M)}};return QE[f]},LL=(f,E,M)=>{if(E==="apply")M(f);else if(E.match(/^on[A-Z]/)!=null){let L=E.substring(2).toLowerCase();ff(f,L,M)}else if(E==="bind")if((typeof M.binding==="string"?Cf[M.binding]:M.binding)!==void 0&&M.value!==void 0)n(f,M.value,M.binding instanceof Function?{toDOM:M.binding}:M.binding);else throw Error("bad binding");else if(E.match(/^bind[A-Z]/)!=null){let L=E.substring(4,5).toLowerCase()+E.substring(5),H=Cf[L];if(H!==void 0)n(f,M,H);else throw Error(`${E} is not allowed, bindings.${L} is not defined`)}else if(O(M))n(f,M,ML(E));else wM(f,E,M)},GE=(f,...E)=>{if(mf[f]===void 0){let[H,X]=f.split("|");if(X===void 0)mf[f]=globalThis.document.createElement(H);else mf[f]=globalThis.document.createElementNS(X,H)}let M=mf[f].cloneNode(),L={};for(let H of E)if(H instanceof Element||H instanceof DocumentFragment||typeof H==="string"||typeof H==="number")if(M instanceof HTMLTemplateElement)M.content.append(H);else M.append(H);else if(O(H))M.append(z.span({bindText:H}));else Object.assign(L,H);for(let H of Object.keys(L)){let X=L[H];LL(M,H,X)}return M},CE=(...f)=>{let E=globalThis.document.createDocumentFragment();for(let M of f)E.append(M);return E},z=new Proxy({fragment:CE},{get(f,E){if(E=E.replace(/[A-Z]/g,(M)=>`-${M.toLocaleLowerCase()}`),f[E]===void 0)f[E]=(...M)=>GE(E,...M);return f[E]},set(){throw Error("You may not add new properties to elements")}}),Bf=new Proxy({fragment:CE},{get(f,E){if(f[E]===void 0)f[E]=(...M)=>GE(`${E}|${HM}`,...M);return f[E]},set(){throw Error("You may not add new properties to elements")}}),Sf=new Proxy({fragment:CE},{get(f,E){if(f[E]===void 0)f[E]=(...M)=>GE(`${E}|${LM}`,...M);return f[E]},set(){throw Error("You may not add new properties to elements")}});var HL=["sort","splice","copyWithin","fill","pop","push","reverse","shift","unshift"],XL=!0,wL=/^\.?([^.[\](),])+(\.[^.[\](),]+|\[\d+\]|\[[^=[\](),]*=[^[\]()]+\])*$/,JL=(f)=>wL.test(f),h=(f="",E="")=>{if(f==="")return E;else if(E.match(/^\d+$/)!==null||E.includes("="))return`${f}[${E}]`;else return`${f}.${E}`},FM={};function zE(f,E){if(f!==null&&(typeof f==="object"||typeof f==="function"))return f;return new Proxy(FM,r(E,!0))}var Wf=()=>new Proxy({},r("^",!0)),WE=(f)=>{let M=f(Wf())?.path;if(!M?.startsWith("^."))throw Error("selector must return a property of the item");return M.substring(2)},xE=(f,E,M)=>{for(let L=0;L<f.length;L++)if(`${j(f[L],E)}`===`${M}`)return L;return-1},JM=(f,E)=>({listFind(M,L){if(M instanceof Element){let J=M;while(J&&!J[t]&&J.parentElement)J=J.parentElement;let Y=J?.[t];if(Y==null)return;let w=E.indexOf(Y);return w!==-1?V[f][w]:void 0}let H=WE(M),X=xE(E,H,L);return X!==-1?V[f][X]:void 0},listUpdate(M,L){let H=WE(M),X=j(L,H),J=xE(E,H,X);if(J!==-1){let Y=V[f][J];for(let w of Object.keys(L))Y[w]=L[w];return Y}return V[f].push(L),V[f][E.length-1]},listRemove(M,L){let H=WE(M),X=xE(E,H,L);if(X===-1)return!1;return V[f].splice(X,1),!0}}),YM=!1;function Ef(){if(!YM)console.warn("xinValue, tosiValue, xinPath, tosiPath, etc. are deprecated. Use value, path, observe, bind, on, binding, listBinding instead."),YM=!0}var $M=(f)=>{return f===FM},r=(f,E)=>({get(M,L){if($M(M)){let Y=()=>j(y,f);switch(L){case"path":return f;case"value":return Y();case"valueOf":case"toJSON":return()=>Y();case Symbol.toPrimitive:return(w)=>{let $=Y();if(w==="number")return Number($);if(w==="string")return String($);return $};case"toString":return()=>String(Y());case"touch":return()=>B(f);case"observe":return(w)=>{let $=c(f,w);return()=>o($)};case"on":return(w,$)=>Ff()(w,$,Y());case"bind":return(w,$,Z)=>{$f()(w,f,$,Z)};case"binding":return(w)=>({bind:{value:f,binding:w}});case"listBinding":return(w=({span:Z})=>Z({bindText:"^"}),$={})=>[{bindList:{value:f,...$}},z.template(w(z,Wf()))];case"listFind":case"listUpdate":case"listRemove":return JM(f,M)[L];case b:case"xinValue":case"tosiValue":return Ef(),Y();case I:case"xinPath":case"tosiPath":return Ef(),f;case pf:case"tosiObserve":return Ef(),(w)=>{let $=c(f,w);return()=>o($)};case tf:case"tosiOn":return Ef(),(w,$)=>Ff()(w,$,Y());case lf:case"tosiBind":return Ef(),(w,$,Z)=>{$f()(w,f,$,Z)};case"tosiBinding":return Ef(),(w)=>({bind:{value:f,binding:w}});case"tosiListBinding":return Ef(),(w=({span:Z})=>Z({bindText:"^"}),$={})=>[{bindList:{value:f,...$}},z.template(w(z,Wf()))]}if(typeof L==="string"&&/^\d+$/.test(L)){let w=Y();if(typeof w==="string")return w[parseInt(L,10)]}if(L==="length"){let w=Y();if(typeof w==="string")return w.length}return}if(E&&!(L in M))switch(L){case"path":return f;case"value":return M.valueOf?M.valueOf():M;case"valueOf":case"toJSON":return()=>M.valueOf?M.valueOf():M;case"touch":return()=>B(f);case"observe":return(Y)=>{let w=c(f,Y);return()=>o(w)};case"on":return(Y,w)=>Ff()(Y,w,U(M));case"bind":return(Y,w,$)=>{$f()(Y,f,w,$)};case"binding":return(Y)=>({bind:{value:f,binding:Y}});case"listBinding":return(Y=({span:$})=>$({bindText:"^"}),w={})=>[{bindList:{value:f,...w}},z.template(Y(z,Wf()))];case"listFind":case"listUpdate":case"listRemove":return JM(f,M)[L]}switch(L){case I:case"xinPath":case"tosiPath":return f;case b:case"xinValue":case"tosiValue":return M.valueOf?M.valueOf():M;case pf:case"xinObserve":case"tosiObserve":return(Y)=>{let w=c(f,Y);return()=>o(w)};case tf:case"xinOn":case"tosiOn":return(Y,w)=>Ff()(Y,w,U(M));case lf:case"xinBind":case"tosiBind":return(Y,w,$)=>{$f()(Y,f,w,$)};case"tosiBinding":return(Y)=>({bind:{value:f,binding:Y}});case"tosiListBinding":return(Y=({span:$})=>$({bindText:"^"}),w={})=>[{bindList:{value:f,...w}},z.template(Y(z,Wf()))]}if(typeof L==="symbol")return M[L];let H=Object.getOwnPropertyDescriptor(M,L);if(H&&!H.configurable&&!H.writable&&"value"in H)return H.value;let X=L,J=X.match(/^([^.[]+)\.(.+)$/)??X.match(/^([^\]]+)(\[.+)/)??X.match(/^(\[[^\]]+\])\.(.+)$/)??X.match(/^(\[[^\]]+\])\[(.+)$/);if(J!==null){let[,Y,w]=J,$=h(f,Y),Z=j(M,Y);return Z!==null&&typeof Z==="object"?new Proxy(Z,r($,E))[w]:Z}if(X.startsWith("[")&&X.endsWith("]"))X=X.substring(1,X.length-1);if(!Array.isArray(M)&&M[X]!==void 0||Array.isArray(M)&&X.includes("=")){let Y;if(X.includes("=")){let[w,$]=X.split("=");Y=M.find((Z)=>`${j(Z,w)}`===$)}else Y=M[X];if(Y instanceof Object){let w=h(f,X);return new Proxy(Y instanceof Function?Y.bind(M):Y,r(w,E))}else return E?zE(Y,h(f,X)):Y}else if(Array.isArray(M)){let Y=M[X];return typeof Y==="function"?(...w)=>{let $=w.map((G)=>U(G)),Z=Y.apply(M,$);if(HL.includes(X))B(f);if(Z!=null&&typeof Z==="object"){if(X==="find"||X==="findLast"||X==="at"){let G=M.indexOf(Z);if(G!==-1)return new Proxy(Z,r(h(f,String(G)),E))}}return Z}:typeof Y==="object"?new Proxy(Y,r(h(f,X),E)):E?zE(Y,h(f,X)):Y}else return E?zE(M[X],h(f,X)):M[X]},set(M,L,H){H=U(H);let J=L===b||L==="xinValue"||L==="tosiValue"||L==="value"&&($M(M)||E)?f:h(f,L);if(XL&&!JL(J))throw Error(`setting invalid path ${J}`);if(U(K[J])!==H&&Yf(y,J,H))B(J);return!0}}),Jf=(f,E)=>{let M=typeof E==="function"?E:K[E];if(typeof M!=="function")throw Error(`observe expects a function or path to a function, ${E} is neither`);return c(f,M)},K=new Proxy(y,r("",!1));uE(K);var V=new Proxy(y,r("",!0));var YL=16,$L=100;function ZM(f,E){let M=Array.from(f.querySelectorAll(i));if(f.matches(i))M.unshift(f);for(let L of M){let H=N.get(L);for(let X of H){if(X.path.startsWith("^"))X.path=`${E}${X.path.substring(1)}`;if(X.binding.toDOM!=null)X.binding.toDOM(L,K[X.path])}}}class QM{boundElement;listTop;listBottom;template;options;itemToElement;array=[];_filteredCache;_update;_previousSlice;static filterBoundObservers=new WeakMap;constructor(f,E,M={}){if(this.boundElement=f,this.itemToElement=new WeakMap,M.idPath!=null){let L=O(E);if(L!=null)RE(L,M.idPath)}if(f.children.length!==1)throw Error("ListBinding expects an element with exactly one child element");if(f.children[0]instanceof HTMLTemplateElement){let L=f.children[0];if(L.content.children.length!==1)throw Error("ListBinding expects a template with exactly one child element");this.template=e(L.content.children[0])}else this.template=f.children[0],this.template.remove();if(this.options=M,this.listTop=document.createElement("div"),this.listBottom=document.createElement("div"),this.listTop.classList.add("virtual-list-padding"),this.listBottom.classList.add("virtual-list-padding"),this.boundElement.append(this.listTop),this.boundElement.append(this.listBottom),this.boundElement[Lf]=this,M.virtual!=null)if(Qf.observe(this.boundElement),this._update=Gf(()=>{this.update(this.array,!0)},YL),this.boundElement.addEventListener("resize",this._update),M.virtual.scrollContainer==="window")window.addEventListener("scroll",this._update),window.addEventListener("resize",this._update);else this.boundElement.addEventListener("scroll",this._update)}filteredArray(){if(this._filteredCache!=null)return this._filteredCache;let{hiddenProp:f,visibleProp:E}=this.options,M=this.array;if(f!==void 0)M=M.filter((L)=>L[f]!==!0);if(E!==void 0)M=M.filter((L)=>L[E]===!0);if(this.options.filter&&this.needle!==void 0)M=this.options.filter(M,this.needle);return this._filteredCache=M,M}visibleSlice(){let{virtual:f}=this.options,E=this.filteredArray(),M=0,L=E.length-1,H=0,X=0;if(f!=null&&this.boundElement instanceof HTMLElement){let J=this.boundElement.offsetWidth,Y=f.scrollContainer==="window",w,$;if(Y){w=window.innerHeight;let x=this.boundElement.getBoundingClientRect();$=Math.max(0,-x.top)}else w=this.boundElement.offsetHeight,$=this.boundElement.scrollTop;let Z=f.width!=null?Math.max(1,Math.floor(J/f.width)):f.visibleColumns??1,G=Math.ceil(E.length/Z);if(f.minHeight!=null){let x=f.minHeight,A=Math.ceil(w/x)+(f.rowChunkSize||1),Q=Z*A,T=G*x,W=Math.max(0,T-w),R=W>0?Math.min(1,Math.max(0,$/W)):0,C=Math.max(0,G-A+1),D=R*C,q=Math.floor(D);if(f.rowChunkSize)q-=q%f.rowChunkSize;return M=q*Z,L=M+Q-1,H=$,X=Math.max(0,T-$-w),{items:E,firstItem:M,lastItem:L,topBuffer:H,bottomBuffer:X,interpolation:{t:R,position:D,scrollTop:$,viewportHeight:w,totalScrollHeight:T,rowHeight:f.height}}}else{let x=Math.ceil(w/f.height)+(f.rowChunkSize||1),A=Z*x,Q=Math.floor($/f.height);if(Q>G-x+1)Q=Math.max(0,G-x+1);if(f.rowChunkSize)Q-=Q%f.rowChunkSize;M=Q*Z,L=M+A-1,H=Q*f.height,X=Math.max((G-x)*f.height-H,0)}}return{items:E,firstItem:M,lastItem:L,topBuffer:H,bottomBuffer:X}}needle;filter=Gf((f)=>{if(this.needle!==f)this.needle=f,this.update(this.array)},$L);update(f,E){if(f==null)f=[];if(this.array=f,!E)this._filteredCache=void 0;let{hiddenProp:M,visibleProp:L}=this.options,H=O(f),X=this.visibleSlice();this.boundElement.classList.toggle("-xin-empty-list",X.items.length===0);let J=this._previousSlice,{firstItem:Y,lastItem:w,topBuffer:$,bottomBuffer:Z}=X,G=M===void 0&&L===void 0&&E===!0&&J!=null&&Y===J.firstItem&&w===J.lastItem;if(G&&X.interpolation==null&&$===J.topBuffer&&Z===J.bottomBuffer)return;if(G&&X.interpolation!=null){this._updateInterpolatedBuffers(X);return}this._previousSlice=X;let x=0,A=0,Q=0;for(let C of Array.from(this.boundElement.children)){if(C===this.listTop||C===this.listBottom)continue;let D=C[t];if(D==null)C.remove();else{let q=X.items.indexOf(D);if(q<Y||q>w)C.remove(),this.itemToElement.delete(D),x++}}this.listTop.style.height=String($)+"px",this.listBottom.style.height=String(Z)+"px";let T=[],{idPath:W}=this.options;for(let C=Y;C<=w;C++){let D=X.items[C];if(D===void 0)continue;let q=this.itemToElement.get(U(D));if(q==null){if(Q++,q=e(this.template),typeof D==="object")this.itemToElement.set(U(D),q),q[t]=U(D);if(this.boundElement.insertBefore(q,this.listBottom),W!=null){let p=D[W],Af=`${H}[${W}=${p}]`;ZM(q,Af)}else{let p=`${H}[${C}]`;ZM(q,p)}}T.push(q)}let R=null;for(let C of T){if(C.previousElementSibling!==R)if(A++,R?.nextElementSibling!=null)this.boundElement.insertBefore(C,R.nextElementSibling);else this.boundElement.insertBefore(C,this.listBottom);R=C}if(X.interpolation!=null)this._updateInterpolatedBuffers(X);if(g.perf)console.log(H,"updated",{removed:x,created:Q,moved:A})}_updateInterpolatedBuffers(f){let{t:E,position:M,scrollTop:L,viewportHeight:H,totalScrollHeight:X,rowHeight:J}=f.interpolation,Y=0;for(let G of Array.from(this.boundElement.children)){if(G===this.listTop||G===this.listBottom)continue;Y+=G.offsetHeight||J}let w=L,$=L+H-Y,Z=Math.max(0,E*$+(1-E)*w-M%1*J);this.listTop.style.height=String(Z)+"px",this.listBottom.style.height=String(Math.max(0,X-Z-Y))+"px"}}var wf=(f,E,M)=>{let L=f[Lf];if(E&&L===void 0)L=new QM(f,E,M),f[Lf]=L;return L},nf=(f)=>{let E;while(!(E=f[t])&&f&&f.parentElement)f=f.parentElement;return E?{element:f,item:E}:void 0},_f=(f)=>{let E=nf(f);return E?E.item:void 0},GM=(f)=>{let E=nf(f);if(!E)return console.error("deleteListItem failed, element is not part of a list instance",f),!1;let M=wf(E.element.parentElement);if(!M.options.idPath)return console.error("deleteListItem failed, list binding has no idPath",f.parentElement,M),!1;let L=M.array.indexOf(E.item);if(L>-1)return M.array.splice(L,1),!0;return!1},FL={start:"start",middle:"center",end:"end",nearest:"nearest"},CM=(f,E,M={})=>{let L=wf(f);if(L==null)return console.error("scrollListItemIntoView failed, element has no list binding",f),!1;let{position:H="middle"}=M,X=L.filteredArray(),J=U(E)??E,Y=X.indexOf(J);if(Y===-1)return console.error("scrollListItemIntoView failed, item not found in list",E),!1;let{virtual:w}=L.options;if(w!=null&&f instanceof HTMLElement){let $=w.width!=null?Math.max(1,Math.floor(f.offsetWidth/w.width)):w.visibleColumns??1,Z=Math.floor(Y/$),G=w.minHeight??w.height,x=Math.ceil(X.length/$),A=w.scrollContainer==="window",Q=A?window.innerHeight:f.offsetHeight,T;if(w.minHeight!=null){let W=Math.ceil(Q/G)+(w.rowChunkSize||1),R=x*G,C=Math.max(0,R-Q),D=Math.max(1,x-W+1),q=Z/D;switch(H){case"start":T=q*C;break;case"end":T=Math.max(0,(Z-W+1)/D*C);break;case"nearest":{let p=A?Math.max(0,-f.getBoundingClientRect().top):f.scrollTop,Af=C>0?p/C:0,yE=Math.floor(Af*D);if(Z<yE)T=q*C;else if(Z>=yE+W)T=Math.max(0,(Z-W+1)/D*C);else return!0;break}default:{let p=Z-Math.floor(W/2);T=Math.max(0,p)/D*C}}}else{let W=Z*w.height;switch(H){case"start":T=W;break;case"end":T=W-Q+w.height;break;case"nearest":{let R=A?Math.max(0,-f.getBoundingClientRect().top):f.scrollTop;if(W<R)T=W;else if(W+w.height>R+Q)T=W-Q+w.height;else return!0;break}default:T=W-(Q-w.height)/2}}if(T=Math.max(0,T),A){let W=f.getBoundingClientRect().top+window.scrollY;window.scrollTo({top:W+T,behavior:"smooth"})}else f.scrollTo({top:T,behavior:"smooth"})}else{let $=L.itemToElement.get(J);if($==null)return console.error("scrollListItemIntoView failed, no DOM element found for item",E),!1;$.scrollIntoView({block:FL[H]??"center",behavior:"smooth"})}return!0};var{document:xf,MutationObserver:zM}=globalThis,cf=(f,E)=>{let M=N.get(f);if(M==null)return;for(let L of M){let{binding:H,options:X}=L,{path:J}=L,{toDOM:Y}=H;if(Y!=null){if(J.startsWith("^")){let w=_f(f);if(w!=null&&w[I]!=null)J=L.path=`${w[I]}${J.substring(1)}`;else throw console.error(`Cannot resolve relative binding ${J}`,f,"is not part of a list"),Error(`Cannot resolve relative binding ${J}`)}if(E==null||J.startsWith(E))Y(f,yf()[J],X)}}};if(zM!=null)new zM((E)=>{E.forEach((M)=>{Array.from(M.addedNodes).forEach((L)=>{if(L instanceof Element)Array.from(L.querySelectorAll(i)).forEach((H)=>cf(H))})})}).observe(xf.body,{subtree:!0,childList:!0});c(()=>!0,(f)=>{let E=Array.from(xf.querySelectorAll(i));for(let M of E)cf(M,f)});var WM=(f)=>{let E=f.target?.closest(i);while(E!=null){let M=N.get(E);for(let L of M){let{binding:H,path:X}=L,{fromDOM:J}=H;if(J!=null){let Y;try{Y=J(E,L.options)}catch(w){throw console.error("Cannot get value from",E,"via",L),Error("Cannot obtain value fromDOM")}if(Y!=null){let w=yf(),$=w[X];if($==null)w[X]=Y;else{let Z=$[I]!=null?$[b]:$,G=Y[I]!=null?Y[b]:Y;if(Z!==G)w[X]=G}}}}E=E.parentElement.closest(i)}};if(globalThis.document!=null)xf.body.addEventListener("change",WM,!0),xf.body.addEventListener("input",WM,!0);function n(f,E,M,L){if(f instanceof DocumentFragment)throw Error("bind cannot bind to a DocumentFragment");let H;if(typeof E==="object"&&E[I]===void 0&&L===void 0){let{value:Y}=E;H=typeof Y==="string"?Y:Y[I],L=E,delete L.value}else H=typeof E==="string"?E:E[I];if(H==null)throw Error("bind requires a path or object with xin Proxy");let{toDOM:X}=M;f.classList?.add(sf);let J=N.get(f);if(J==null)J=[],N.set(f,J);if(J.push({path:H,binding:M,options:L}),X!=null&&!H.startsWith("^"))B(H);if(L?.filter&&L?.needle)n(f,L.needle,{toDOM(Y,w){console.log({needle:w}),Y[Lf]?.filter(w)}});return f}var xM=new Set,ZL=(f)=>{let E=f?.target?.closest(rf),M=!1,L=new Proxy(f,{get(X,J){if(J==="stopPropagation")return()=>{f.stopPropagation(),M=!0};else{let Y=X[J];return typeof Y==="function"?Y.bind(X):Y}}}),H=new Set;while(!M&&E!=null){let J=l.get(E)[f.type]||H;for(let Y of J){if(typeof Y==="function")Y(L);else{let w=yf()[Y];if(typeof w==="function")w(L);else throw Error(`no event handler found at path ${Y}`)}if(M)continue}E=E.parentElement!=null?E.parentElement.closest(rf):null}};function ff(f,E,M){let L=l.get(f);if(f.classList.add(hf),L==null)L={},l.set(f,L);if(!L[E])L[E]=new Set;if(L[E].add(M),!xM.has(E))xM.add(E),xf.body.addEventListener(E,ZL,!0);return()=>{L[E].delete(M)}}oE(n,ff);function Pf(f,E){if(!f.internals)return;let M={},L="";if(f.hasAttribute("required")&&E==="")M.valueMissing=!0,L="Please fill out this field.";let H=f.getAttribute("minlength");if(H&&E.length<parseInt(H,10))M.tooShort=!0,L=`Please use at least ${H} characters.`;let X=f.getAttribute("maxlength");if(X&&E.length>parseInt(X,10))M.tooLong=!0,L=`Please use no more than ${X} characters.`;let J=f.getAttribute("pattern");if(J&&E!=="")try{if(!new RegExp(`^(?:${J})$`).test(E))M.patternMismatch=!0,L="Please match the requested format."}catch{}if(Object.keys(M).length>0)f.internals.setValidity(M,L,f);else f.internals.setValidity({})}var QL=0;function TE(){return`custom-elt${(QL++).toString(36)}`}var TM=0,DE=null;function GL(){if(DE===null)DE=new MutationObserver((f)=>{let E=new Set;for(let M of f)if(M.type==="attributes"&&M.target instanceof _){let L=M.target,H=$E(M.attributeName);if(L._legacyTrackedAttrs?.has(H))E.add(L)}for(let M of E)M.queueRender(!1)});return DE}var Tf={};function CL(f,E){let M=Tf[f],L=s(E).replace(/:host\(([^)]+)\)/g,`${f}$1`).replace(/:host\b/g,f);Tf[f]=M?M+`
-`+L:L}function zL(f){if(Tf[f])document.head.append(z.style({id:f+"-component"},Tf[f]));delete Tf[f]}class _ extends HTMLElement{static elements=z;static _elementCreator;static initAttributes;static formAssociated;internals;get validity(){return this.internals?.validity}get validationMessage(){return this.internals?.validationMessage??""}get willValidate(){return this.internals?.willValidate??!1}checkValidity(){return this.internals?.checkValidity()??!0}reportValidity(){return this.internals?.reportValidity()??!0}setCustomValidity(f){if(this.internals)if(f)this.internals.setValidity({customError:!0},f);else this.internals.setValidity({})}setValidity(f,E,M){this.internals?.setValidity(f,E,M)}setFormValue(f,E){this.internals?.setFormValue(f,E)}static get observedAttributes(){let f=this.initAttributes;if(f)return["hidden",...Object.keys(f).map(k)];return["hidden"]}instanceId;styleNode;static styleSpec;static styleNode;content=z.slot();isSlotted;static _tagName=null;static get tagName(){return this._tagName}_legacyTrackedAttrs;_attrValues;_valueChanged=!1;static StyleNode(f){return console.warn("StyleNode is deprecated, just assign static styleSpec: XinStyleSheet to the class directly"),z.style(s(f))}static elementCreator(f={}){let E=this;if(!Object.prototype.hasOwnProperty.call(E,"_elementCreator")){let{tag:M,styleSpec:L}=f,H=f!=null?M:null;if(H==null)if(typeof E.name==="string"&&E.name!==""){if(H=k(E.name),H.startsWith("-"))H=H.slice(1)}else H=TE();if(customElements.get(H)!=null)console.warn(`${H} is already defined`);if(H.match(/\w+(-\w+)+/)==null)console.warn(`${H} is not a legal tag for a custom-element`),H=TE();while(customElements.get(H)!==void 0)H=TE();if(E._tagName=H,L!==void 0)CL(H,L);window.customElements.define(H,this,f),E._elementCreator=z[H]}return E._elementCreator}initAttributes(...f){if(m("initAttributes","initAttributes() is deprecated. Use static initAttributes = { ... } instead."),!this._legacyTrackedAttrs)this._legacyTrackedAttrs=new Set;for(let H of f)this._legacyTrackedAttrs.add(H);GL().observe(this,{attributes:!0});let M={},L={};f.forEach((H)=>{M[H]=P(this[H]);let X=k(H);Object.defineProperty(this,H,{enumerable:!1,get(){if(typeof M[H]==="boolean")return this.hasAttribute(X);else if(this.hasAttribute(X))return typeof M[H]==="number"?parseFloat(this.getAttribute(X)):this.getAttribute(X);else if(L[H]!==void 0)return L[H];else return M[H]},set(J){if(typeof M[H]==="boolean"){if(J!==this[H]){if(J)this.setAttribute(X,"");else this.removeAttribute(X);this.queueRender()}}else if(typeof M[H]==="number"){if(J!==parseFloat(this[H]))this.setAttribute(X,J),this.queueRender()}else if(typeof J==="object"||`${J}`!==`${this[H]}`){if(J===null||J===void 0||typeof J==="object")this.removeAttribute(X);else this.setAttribute(X,J);this.queueRender(),L[H]=J}}})})}initValue(){let f=Object.getOwnPropertyDescriptor(this,"value");if(f===void 0||f.get!==void 0||f.set!==void 0)return;let E=this.hasAttribute("value")?this.getAttribute("value"):P(this.value);delete this.value,Object.defineProperty(this,"value",{enumerable:!1,get(){return E},set(M){if(E!==M)E=M,this._valueChanged=!0,this.queueRender(!0)}})}_parts;get parts(){let f=this.shadowRoot!=null?this.shadowRoot:this;if(this._parts==null)this._parts=new Proxy({},{get(E,M){if(E[M]===void 0){let L=f.querySelector(`[part="${M}"]`);if(L==null)L=f.querySelector(M);if(L==null)throw Error(`elementRef "${M}" does not exist!`);L.removeAttribute("data-ref"),E[M]=L}return E[M]}});return this._parts}attributeChangedCallback(f,E,M){let L=$E(f);if(!this._legacyTrackedAttrs?.has(L))this.queueRender(!1)}constructor(){super();if(TM+=1,this.constructor.formAssociated&&typeof this.attachInternals==="function"&&!this.internals)this.internals=this.attachInternals();let f=this.constructor.initAttributes;if(f)this._setupAttributeAccessors(f);this.instanceId=`${this.tagName.toLocaleLowerCase()}-${TM}`,this._value=P(this.defaultValue)}_setupAttributeAccessors(f){if(!this._attrValues)this._attrValues=new Map;for(let E of Object.keys(f)){let M=k(E),L=f[E];if(E==="value"){console.warn(`${this.tagName}: 'value' cannot be an attribute. Use the Component value property instead.`);continue}if(typeof L==="object"&&L!==null){console.warn(`${this.tagName}: initAttributes.${E} is an object. Use a regular property instead.`);continue}let H=this,X=!1;while(H){let J=Object.getOwnPropertyDescriptor(H,E);if(J){if(!J.configurable||J.get||J.set){X=!0;break}break}H=Object.getPrototypeOf(H)}if(X)continue;Object.defineProperty(this,E,{enumerable:!1,get:()=>{if(typeof L==="boolean")return this.hasAttribute(M);else if(this.hasAttribute(M))return typeof L==="number"?parseFloat(this.getAttribute(M)):this.getAttribute(M);else if(this._attrValues.has(E))return this._attrValues.get(E);else return L},set:(J)=>{if(typeof L==="boolean"){if(J!==this[E]){if(J)this.setAttribute(M,"");else this.removeAttribute(M);this.queueRender()}}else if(typeof L==="number"){if(J!==parseFloat(this[E]))this.setAttribute(M,J),this.queueRender()}else if(typeof J==="object"||`${J}`!==`${this[E]}`){if(J===null||J===void 0||typeof J==="object")this.removeAttribute(M);else this.setAttribute(M,J);this.queueRender(),this._attrValues.set(E,J)}}})}}connectedCallback(){if(zL(this.constructor.tagName),this.hydrate(),this.role!=null)this.setAttribute("role",this.role);if(this.constructor.formAssociated&&!this.hasAttribute("tabindex"))this.setAttribute("tabindex","0");if(this.onResize!==void 0){if(Qf.observe(this),this._onResize==null)this._onResize=this.onResize.bind(this);this.addEventListener("resize",this._onResize)}if(this.value!=null&&this.getAttribute("value")!=null)this._value=this.getAttribute("value");if(this.internals&&this.value!==void 0)this.internals.setFormValue(this.value),this.validateValue();this.queueRender()}disconnectedCallback(){Qf.unobserve(this)}formResetCallback(){if(this.value!==void 0)this.value=this.defaultValue??""}formDisabledCallback(f){if(f)this.setAttribute("disabled","");else this.removeAttribute("disabled")}formStateRestoreCallback(f){if(this.value!==void 0&&typeof f==="string")this.value=f}_changeQueued=!1;_renderQueued=!1;queueRender(f=!1){if(!this._hydrated)return;if(!this._changeQueued)this._changeQueued=f;if(!this._renderQueued)this._renderQueued=!0,requestAnimationFrame(()=>{if(this._changeQueued){if(JE(this,"change"),this.internals&&this.value!==void 0)this.internals.setFormValue(this.value)}this._changeQueued=!1,this._renderQueued=!1,this.render()})}_hydrated=!1;hydrate(){if(!this._hydrated){this.initValue();let f=typeof this.content!=="function",E=typeof this.content==="function"?this.content(z):this.content,{styleSpec:M}=this.constructor,{styleNode:L}=this.constructor;if(M)L=this.constructor.styleNode=z.style(s(M)),delete this.constructor.styleNode;if(this.styleNode)console.warn(this,"styleNode is deprecrated, use static styleNode or statc styleSpec instead"),L=this.styleNode;if(L){let H=this.attachShadow({mode:"open"});H.appendChild(L.cloneNode(!0)),YE(H,E,f)}else if(E!==null){let H=Array.from(this.childNodes);YE(this,E,f),this.isSlotted=this.querySelector("slot,xin-slot")!==void 0;let X=Array.from(this.querySelectorAll("slot"));if(X.length>0)X.forEach(UE.replaceSlot);if(H.length>0){let J={"":this};Array.from(this.querySelectorAll("xin-slot")).forEach((Y)=>{J[Y.name]=Y}),H.forEach((Y)=>{let w=J[""],$=Y instanceof Element?J[Y.slot]:w;($!==void 0?$:w).append(Y)})}}this._hydrated=!0}}render(){if(this._valueChanged&&this.internals&&this.value!==void 0)this.internals.setFormValue(this.value),this.validateValue();this._valueChanged=!1}validateValue(){if(!this.internals||this.value===void 0)return;let f=typeof this.value==="string"?this.value:String(this.value);Pf(this,f)}}class UE extends _{static initAttributes={name:""};content=null;static replaceSlot(f){let E=document.createElement("xin-slot");if(f.name!=="")E.setAttribute("name",f.name);f.replaceWith(E)}}var r0=UE.elementCreator({tag:"xin-slot"});var DM=(f=()=>!0)=>{let E=localStorage.getItem("xin-state");if(E!=null){let L=JSON.parse(E);for(let H of Object.keys(L).filter(f))if(K[H]!==void 0)Object.assign(K[H],L[H]);else K[H]=L[H]}let M=Xf(()=>{let L={},H=U(K);for(let X of Object.keys(H).filter(f))L[X]=H[X];localStorage.setItem("xin-state",JSON.stringify(L)),console.log("xin state saved to localStorage")},500);Jf(f,M)};var WL="tosijs-share",xL="tosijs-share",Df="shared",TL=1,OE=new Set,KE=new Set,qE=new Map,Mf=null,AE="",Nf=null,DL=null;function UM(){if(Nf!=null)return Promise.resolve(Nf);return new Promise((f,E)=>{let M=indexedDB.open(xL,TL);M.onupgradeneeded=()=>{M.result.createObjectStore(Df)},M.onsuccess=()=>{Nf=M.result,f(Nf)},M.onerror=()=>E(M.error)})}var UL={async get(f){let E=await UM();return new Promise((M,L)=>{let X=E.transaction(Df,"readonly").objectStore(Df).get(f);X.onsuccess=()=>M(X.result),X.onerror=()=>L(X.error)})},async set(f,E){let M=await UM();return new Promise((L,H)=>{let X=M.transaction(Df,"readwrite");X.objectStore(Df).put(E,f),X.oncomplete=()=>L(),X.onerror=()=>H(X.error)})}};function qM(){return DL??UL}function qL(f){return f!=null&&f.type==="tosijs-share"&&typeof f.path==="string"}function OM(f){for(let E of OE)if(f===E||f.startsWith(E+"."))return E;return}function OL(f){for(let E of KE)if(f===E||f.startsWith(E+"."))return!0;return!1}function KL(f,E){KE.add(f),Yf(y,f,E),B(f),Zf().then(()=>{KE.delete(f)})}function AL(){if(Mf!=null)return Mf;return AE=crypto.randomUUID(),Mf=new BroadcastChannel(WL),Mf.onmessage=(f)=>{let E=f.data;if(!qL(E))return;if(E.origin===AE)return;if(OM(E.path)===void 0)return;KL(E.path,E.value)},Mf}function jL(f,E){if(Mf==null)return;let M={type:"tosijs-share",path:f,value:E,origin:AE};Mf.postMessage(M)}function yL(f){if(!qE.has(f))qE.set(f,Xf(()=>{let E=j(y,f);qM().set(f,E)},500));qE.get(f)()}async function KM(...f){if(typeof BroadcastChannel>"u")return{restored:[]};AL();let E=[],M=qM();for(let L of f){let H=typeof L==="string"?L:O(L);if(H===void 0)throw Error("share() requires boxed proxies or string paths. Got a non-proxy value.");if(OE.has(H))continue;OE.add(H);let X=await M.get(H);if(X!==void 0)Yf(y,H,X),B(H),E.push(L);else{let J=j(y,H);await M.set(H,J)}c((J)=>J===H||J.startsWith(H+"."),(J)=>{if(OL(J))return;let Y=OM(J);if(Y===void 0)return;let w=j(y,J);jL(J,w),yL(Y)})}return{restored:E}}var bf="1.4.2";function Uf(f){return Object.assign(V,f),V}function qf(f){return m("boxedProxy","boxedProxy is deprecated, please use tosi() instead"),Uf(f)}function uf(f,E=!1){if(E)return m("xinProxy-boxed","xinProxy(..., true) is deprecated; use tosi(...) instead"),qf(f);return Object.keys(f).forEach((M)=>{K[M]=f[M]}),K}var kL={};async function Of(f,E){let{type:M,styleSpec:L}=await E(f,{Color:F,Component:_,elements:z,svgElements:Bf,mathML:Sf,varDefault:zf,vars:If,xin:K,boxed:V,xinProxy:uf,boxedProxy:qf,tosi:Uf,makeComponent:Of,bind:n,on:ff,version:bf}),H={type:M,creator:M.elementCreator({tag:f,styleSpec:L})};return kL[f]=H,H}var of={":host":{display:"none"}},jE={},VL=(f)=>import(f);class Kf extends _{static initAttributes={tag:"anon-elt",src:"",property:"default"};loaded;blueprintLoaded=(f)=>{};async packaged(){let{tag:f,src:E,property:M}=this,L=`${f}.${M}:${E}`;if(!this.loaded){if(jE[L]===void 0)jE[L]=VL(E).then((H)=>{let X=H[M];return Of(f,X)});else console.log(`using cached ${f} with signature ${L}`);this.loaded=await jE[L],this.blueprintLoaded(this.loaded)}return this.loaded}}var AM=Kf.elementCreator({tag:"tosi-blueprint",styleSpec:of});class df extends _{allLoaded=()=>{};async load(){let E=Array.from(this.querySelectorAll("tosi-blueprint, xin-blueprint")).filter((M)=>M.src).map((M)=>M.packaged());await Promise.all(E),this.allLoaded()}connectedCallback(){super.connectedCallback(),this.load()}}var jM=df.elementCreator({tag:"tosi-loader",styleSpec:of});class yM extends Kf{constructor(){super();m("xin-blueprint","<xin-blueprint> is deprecated. Use <tosi-blueprint> instead.")}}var kM=yM.elementCreator({tag:"xin-blueprint",styleSpec:of});class VM extends _{allLoaded=()=>{};constructor(){super();m("xin-loader","<xin-loader> is deprecated. Use <tosi-loader> instead.")}async load(){let E=Array.from(this.querySelectorAll("xin-blueprint")).filter((M)=>M.src).map((M)=>M.packaged());await Promise.all(E),this.allLoaded()}connectedCallback(){super.connectedCallback(),this.load()}}var RM=VM.elementCreator({tag:"xin-loader",styleSpec:of});})();
+`)},fM=(E)=>{V("initVars","initVars is deprecated. Just use _ and __ prefixes instead.");let f={};for(let M of Object.keys(E)){let L=E[M],H=I(M);f[`--${H}`]=typeof L==="number"&&L!==0?String(L)+"px":L}return f},MM=(E)=>{let f={};for(let M of Object.keys(E)){let L=E[M];if(L instanceof w)f[M]=L.inverseLuminance;else if(typeof L==="string"&&L.match(/^(#[0-9a-fA-F]{3}|rgba?\(|hsla?\()/))f[M]=w.fromCss(L).inverseLuminance}return f},WE=new Proxy({},{get(E,f){if(E[f]===void 0){let M="--"+I(f);E[f]=(L)=>`var(${M}, ${L})`}return E[f]}}),BE=new Proxy({},{get(E,f){if(f==="default")return WE;if(E[f]==null){f=I(f);let[,M,,L,H,J]=f.match(/^([-\w]*?)((_)?(\d+)(\w?))?$/)||["",f],$=`--${M}`;if(H!=null){let Z=L==null?Number(H)/100:-Number(H)/100;switch(J){case"b":case"s":case"h":case"o":{let Y=`--${f}`;w.registerComputedColor(Y,$,Z,J),E[f]=`var(${Y})`}break;case"":E[f]=`calc(var(${$}) * ${Z})`;break;default:throw console.error(J),Error(`Unrecognized method ${J} for css variable ${$}`)}}else E[f]=`var(${$})`}return E[f]}});function Gf(){let E=(f)=>typeof matchMedia<"u"&&matchMedia(f).matches;return{colorScheme:E("(prefers-color-scheme: dark)")?"dark":"light",contrast:E("(prefers-contrast: more)")?"more":E("(prefers-contrast: less)")?"less":E("(prefers-contrast: custom)")?"custom":"no-preference",reducedMotion:E("(prefers-reduced-motion: reduce)"),reducedTransparency:E("(prefers-reduced-transparency: reduce)"),forcedColors:E("(forced-colors: active)")}}function LM(E){if(typeof matchMedia>"u")return()=>{};let f=["(prefers-color-scheme: dark)","(prefers-contrast: more)","(prefers-contrast: less)","(prefers-contrast: custom)","(prefers-reduced-motion: reduce)","(prefers-reduced-transparency: reduce)","(forced-colors: active)"],M=()=>E(Gf()),L=f.map((H)=>matchMedia(H));for(let H of L)H.addEventListener("change",M);return()=>{for(let H of L)H.removeEventListener("change",M)}}var HM="http://www.w3.org/1998/Math/MathML",JM="http://www.w3.org/2000/svg";var yE={},YM=(E,f,M)=>{let L=Qf(I(f),M);if(L.prop.startsWith("--"))E.style.setProperty(L.prop,L.value);else E.style[f]=L.value},HL=(E)=>{return{toDOM(f,M){YM(f,E,M)}}},$M=(E,f,M)=>{if(f==="style")if(typeof M==="object")for(let L of Object.keys(M))if(A(M[L]))P(E,M[L],HL(L));else YM(E,L,M[L]);else E.setAttribute("style",M);else{let L=I(f),H=E.constructor.observedAttributes;if(H?.includes(f)||H?.includes(L))if(typeof M==="boolean")M?E.setAttribute(L,""):E.removeAttribute(L);else E.setAttribute(L,M);else if(E[f]!==void 0){let{MathMLElement:$}=globalThis;if(E instanceof SVGElement||$!==void 0&&E instanceof $)E.setAttribute(f,M);else E[f]=M}else if(L==="class")M.split(" ").forEach(($)=>{E.classList.add($)});else if(E[L]!==void 0)E[L]=M;else if(typeof M==="boolean")M?E.setAttribute(L,""):E.removeAttribute(L);else E.setAttribute(L,M)}},wf={},JL=(E)=>{if(!wf[E])wf[E]={toDOM(f,M){$M(f,E,M)}};return wf[E]},YL=(E,f,M)=>{if(f==="apply")M(E);else if(f.match(/^on[A-Z]/)!=null){let L=f.substring(2).toLowerCase();LE(E,L,M)}else if(f==="bind")if((typeof M.binding==="string"?zE[M.binding]:M.binding)!==void 0&&M.value!==void 0)P(E,M.value,M.binding instanceof Function?{toDOM:M.binding}:M.binding);else throw Error("bad binding");else if(f.match(/^bind[A-Z]/)!=null){let L=f.substring(4,5).toLowerCase()+f.substring(5),H=zE[L];if(H!==void 0)P(E,M,H);else throw Error(`${f} is not allowed, bindings.${L} is not defined`)}else if(A(M))P(E,M,JL(f));else $M(E,f,M)},Ff=(E,...f)=>{if(yE[E]===void 0){let[H,J]=E.split("|");if(J===void 0)yE[E]=globalThis.document.createElement(H);else yE[E]=globalThis.document.createElementNS(J,H)}let M=yE[E].cloneNode(),L={};for(let H of f)if(H instanceof Element||H instanceof DocumentFragment||typeof H==="string"||typeof H==="number")if(M instanceof HTMLTemplateElement)M.content.append(H);else M.append(H);else if(A(H))M.append(W.span({bindText:H}));else Object.assign(L,H);for(let H of Object.keys(L)){let J=L[H];YL(M,H,J)}return M},Xf=(...E)=>{let f=globalThis.document.createDocumentFragment();for(let M of E)f.append(M);return f},W=new Proxy({fragment:Xf},{get(E,f){if(f=f.replace(/[A-Z]/g,(M)=>`-${M.toLocaleLowerCase()}`),E[f]===void 0)E[f]=(...M)=>Ff(f,...M);return E[f]},set(){throw Error("You may not add new properties to elements")}}),SE=new Proxy({fragment:Xf},{get(E,f){if(E[f]===void 0)E[f]=(...M)=>Ff(`${f}|${JM}`,...M);return E[f]},set(){throw Error("You may not add new properties to elements")}}),_E=new Proxy({fragment:Xf},{get(E,f){if(E[f]===void 0)E[f]=(...M)=>Ff(`${f}|${HM}`,...M);return E[f]},set(){throw Error("You may not add new properties to elements")}});var $L=["sort","splice","copyWithin","fill","pop","push","reverse","shift","unshift"],ZL=!0,QL=/^\.?([^.[\](),])+(\.[^.[\](),]+|\[\d+\]|\[[^=[\](),]*=[^[\]()]+\])*$/,GL=(E)=>QL.test(E),o=(E="",f="")=>{if(E==="")return f;else if(f.match(/^\d+$/)!==null||f.includes("="))return`${E}[${f}]`;else return`${E}.${f}`},wM={};function zf(E,f){if(E!==null&&(typeof E==="object"||typeof E==="function"))return E;return new Proxy(wM,r(f,!0))}var UE=()=>new Proxy({},r("^",!0)),Wf=(E)=>{let M=E(UE())?.path;if(!M?.startsWith("^."))throw Error("selector must return a property of the item");return M.substring(2)},Uf=(E,f,M)=>{for(let L=0;L<E.length;L++)if(`${j(E[L],f)}`===`${M}`)return L;return-1},ZM=(E,f)=>({listFind(M,L){if(M instanceof Element){let $=M;while($&&!$[t]&&$.parentElement)$=$.parentElement;let Z=$?.[t];if(Z==null)return;let Y=f.indexOf(Z);return Y!==-1?B[E][Y]:void 0}let H=Wf(M),J=Uf(f,H,L);return J!==-1?B[E][J]:void 0},listUpdate(M,L){let H=Wf(M),J=j(L,H),$=Uf(f,H,J);if($!==-1){let Z=B[E][$];for(let Y of Object.keys(L))Z[Y]=L[Y];return Z}return B[E].push(L),B[E][f.length-1]},listRemove(M,L){let H=Wf(M),J=Uf(f,H,L);if(J===-1)return!1;return B[E].splice(J,1),!0}}),QM=!1;function HE(){if(!QM)console.warn("xinValue, tosiValue, xinPath, tosiPath, etc. are deprecated. Use value, path, observe, bind, on, binding, listBinding instead."),QM=!0}var GM=(E)=>{return E===wM},r=(E,f)=>({get(M,L){if(GM(M)){let Z=()=>j(k,E);switch(L){case"path":return E;case"value":return Z();case"valueOf":case"toJSON":return()=>Z();case Symbol.toPrimitive:return(Y)=>{let Q=Z();if(Y==="number")return Number(Q);if(Y==="string")return String(Q);return Q};case"toString":return()=>String(Z());case"touch":return()=>R(E);case"observe":return(Y)=>{let Q=_(E,Y);return()=>m(Q)};case"on":return(Y,Q)=>FE()(Y,Q,Z());case"bind":return(Y,Q,G)=>{wE()(Y,E,Q,G)};case"binding":return(Y)=>({bind:{value:E,binding:Y}});case"listBinding":return(Y=({span:G})=>G({bindText:"^"}),Q={})=>[{bindList:{value:E,...Q}},W.template(Y(W,UE()))];case"listFind":case"listUpdate":case"listRemove":return ZM(E,M)[L];case n:case"xinValue":case"tosiValue":return HE(),Z();case S:case"xinPath":case"tosiPath":return HE(),E;case rE:case"tosiObserve":return HE(),(Y)=>{let Q=_(E,Y);return()=>m(Q)};case lE:case"tosiOn":return HE(),(Y,Q)=>FE()(Y,Q,Z());case pE:case"tosiBind":return HE(),(Y,Q,G)=>{wE()(Y,E,Q,G)};case"tosiBinding":return HE(),(Y)=>({bind:{value:E,binding:Y}});case"tosiListBinding":return HE(),(Y=({span:G})=>G({bindText:"^"}),Q={})=>[{bindList:{value:E,...Q}},W.template(Y(W,UE()))]}if(typeof L==="string"&&/^\d+$/.test(L)){let Y=Z();if(typeof Y==="string")return Y[parseInt(L,10)]}if(L==="length"){let Y=Z();if(typeof Y==="string")return Y.length}return}if(f&&!(L in M))switch(L){case"path":return E;case"value":return M.valueOf?M.valueOf():M;case"valueOf":case"toJSON":return()=>M.valueOf?M.valueOf():M;case"touch":return()=>R(E);case"observe":return(Z)=>{let Y=_(E,Z);return()=>m(Y)};case"on":return(Z,Y)=>FE()(Z,Y,T(M));case"bind":return(Z,Y,Q)=>{wE()(Z,E,Y,Q)};case"binding":return(Z)=>({bind:{value:E,binding:Z}});case"listBinding":return(Z=({span:Q})=>Q({bindText:"^"}),Y={})=>[{bindList:{value:E,...Y}},W.template(Z(W,UE()))];case"listFind":case"listUpdate":case"listRemove":return ZM(E,M)[L]}switch(L){case S:case"xinPath":case"tosiPath":return E;case n:case"xinValue":case"tosiValue":return M.valueOf?M.valueOf():M;case rE:case"xinObserve":case"tosiObserve":return(Z)=>{let Y=_(E,Z);return()=>m(Y)};case lE:case"xinOn":case"tosiOn":return(Z,Y)=>FE()(Z,Y,T(M));case pE:case"xinBind":case"tosiBind":return(Z,Y,Q)=>{wE()(Z,E,Y,Q)};case"tosiBinding":return(Z)=>({bind:{value:E,binding:Z}});case"tosiListBinding":return(Z=({span:Q})=>Q({bindText:"^"}),Y={})=>[{bindList:{value:E,...Y}},W.template(Z(W,UE()))]}if(typeof L==="symbol")return M[L];let H=Object.getOwnPropertyDescriptor(M,L);if(H&&!H.configurable&&!H.writable&&"value"in H)return H.value;let J=L,$=J.match(/^([^.[]+)\.(.+)$/)??J.match(/^([^\]]+)(\[.+)/)??J.match(/^(\[[^\]]+\])\.(.+)$/)??J.match(/^(\[[^\]]+\])\[(.+)$/);if($!==null){let[,Z,Y]=$,Q=o(E,Z),G=j(M,Z);return G!==null&&typeof G==="object"?new Proxy(G,r(Q,f))[Y]:G}if(J.startsWith("[")&&J.endsWith("]"))J=J.substring(1,J.length-1);if(!Array.isArray(M)&&M[J]!==void 0||Array.isArray(M)&&J.includes("=")){let Z;if(J.includes("=")){let[Y,Q]=J.split("=");Z=M.find((G)=>`${j(G,Y)}`===Q)}else Z=M[J];if(Z instanceof Object){let Y=o(E,J);return new Proxy(Z instanceof Function?Z.bind(M):Z,r(Y,f))}else return f?zf(Z,o(E,J)):Z}else if(Array.isArray(M)){let Z=M[J];return typeof Z==="function"?(...Y)=>{let Q=Y.map((F)=>T(F)),G=Z.apply(M,Q);if($L.includes(J))R(E);if(G!=null&&typeof G==="object"){if(J==="find"||J==="findLast"||J==="at"){let F=M.indexOf(G);if(F!==-1)return new Proxy(G,r(o(E,String(F)),f))}}return G}:typeof Z==="object"?new Proxy(Z,r(o(E,J),f)):f?zf(Z,o(E,J)):Z}else return f?zf(M[J],o(E,J)):M[J]},set(M,L,H){H=T(H);let $=L===n||L==="xinValue"||L==="tosiValue"||L==="value"&&(GM(M)||f)?E:o(E,L);if(ZL&&!GL($))throw Error(`setting invalid path ${$}`);if(T(C[$])!==H&&a(k,$,H))R($);return!0}}),GE=(E,f)=>{let M=typeof f==="function"?f:C[f];if(typeof M!=="function")throw Error(`observe expects a function or path to a function, ${f} is neither`);return _(E,M)},C=new Proxy(k,r("",!1));nf(C);var B=new Proxy(k,r("",!0));var wL=16,FL=100;function FM(E,f){let M=Array.from(E.querySelectorAll(g));if(E.matches(g))M.unshift(E);for(let L of M){let H=u.get(L);for(let J of H){if(J.path.startsWith("^"))J.path=`${f}${J.path.substring(1)}`;if(J.binding.toDOM!=null)J.binding.toDOM(L,C[J.path])}}}class XM{boundElement;listTop;listBottom;isNamespaced;template;options;itemToElement;array=[];_filteredCache;_update;_previousSlice;static filterBoundObservers=new WeakMap;constructor(E,f,M={}){if(this.boundElement=E,this.itemToElement=new WeakMap,M.idPath!=null){let H=A(f);if(H!=null)If(H,M.idPath)}if(E.children.length!==1)throw Error("ListBinding expects an element with exactly one child element");if(E.children[0]instanceof HTMLTemplateElement){let H=E.children[0];if(H.content.children.length!==1)throw Error("ListBinding expects a template with exactly one child element");this.template=e(H.content.children[0])}else this.template=E.children[0],this.template.remove();this.options=M;let L=E.namespaceURI;if(this.isNamespaced=L==="http://www.w3.org/2000/svg"||L==="http://www.w3.org/1998/Math/MathML",this.isNamespaced)this.listTop=null,this.listBottom=null;else this.listTop=document.createElement("div"),this.listBottom=document.createElement("div"),this.listTop.classList.add("virtual-list-padding"),this.listBottom.classList.add("virtual-list-padding"),this.boundElement.append(this.listTop),this.boundElement.append(this.listBottom);if(this.boundElement[YE]=this,this.isNamespaced&&M.virtual!=null)console.warn("ListBinding: virtual scrolling is not supported in SVG/MathML containers, ignoring virtual option");if(!this.isNamespaced&&M.virtual!=null)if(XE.observe(this.boundElement),this._update=fE(()=>{this.update(this.array,!0)},wL),this.boundElement.addEventListener("resize",this._update),M.virtual.scrollContainer==="window")window.addEventListener("scroll",this._update),window.addEventListener("resize",this._update);else this.boundElement.addEventListener("scroll",this._update)}filteredArray(){if(this._filteredCache!=null)return this._filteredCache;let{hiddenProp:E,visibleProp:f}=this.options,M=this.array;if(E!==void 0)M=M.filter((L)=>L[E]!==!0);if(f!==void 0)M=M.filter((L)=>L[f]===!0);if(this.options.filter&&this.needle!==void 0)M=this.options.filter(M,this.needle);return this._filteredCache=M,M}visibleSlice(){let{virtual:E}=this.options,f=this.filteredArray(),M=0,L=f.length-1,H=0,J=0;if(E!=null&&this.boundElement instanceof HTMLElement){let $=this.boundElement.offsetWidth,Z=E.scrollContainer==="window",Y,Q;if(Z){Y=window.innerHeight;let U=this.boundElement.getBoundingClientRect();Q=Math.max(0,-U.top)}else Y=this.boundElement.offsetHeight,Q=this.boundElement.scrollTop;let G=E.width!=null?Math.max(1,Math.floor($/E.width)):E.visibleColumns??1,F=Math.ceil(f.length/G);if(E.minHeight!=null){let U=E.minHeight,x=Math.ceil(Y/U)+(E.rowChunkSize||1),X=G*x,q=F*U,D=Math.max(0,q-Y),y=D>0?Math.min(1,Math.max(0,Q/D)):0,z=Math.max(0,F-x+1),O=y*z,K=Math.floor(O);if(E.rowChunkSize)K-=K%E.rowChunkSize;return M=K*G,L=M+X-1,H=Q,J=Math.max(0,q-Q-Y),{items:f,firstItem:M,lastItem:L,topBuffer:H,bottomBuffer:J,interpolation:{t:y,position:O,scrollTop:Q,viewportHeight:Y,totalScrollHeight:q,rowHeight:E.height}}}else{let U=Math.ceil(Y/E.height)+(E.rowChunkSize||1),x=G*U,X=Math.floor(Q/E.height);if(X>F-U+1)X=Math.max(0,F-U+1);if(E.rowChunkSize)X-=X%E.rowChunkSize;M=X*G,L=M+x-1,H=X*E.height,J=Math.max((F-U)*E.height-H,0)}}return{items:f,firstItem:M,lastItem:L,topBuffer:H,bottomBuffer:J}}needle;filter=fE((E)=>{if(this.needle!==E)this.needle=E,this.update(this.array)},FL);update(E,f){if(E==null)E=[];if(this.array=E,!f)this._filteredCache=void 0;let{hiddenProp:M,visibleProp:L}=this.options,H=A(E),J=this.visibleSlice();this.boundElement.classList.toggle("-xin-empty-list",J.items.length===0);let $=this._previousSlice,{firstItem:Z,lastItem:Y,topBuffer:Q,bottomBuffer:G}=J,F=M===void 0&&L===void 0&&f===!0&&$!=null&&Z===$.firstItem&&Y===$.lastItem;if(F&&J.interpolation==null&&Q===$.topBuffer&&G===$.bottomBuffer)return;if(F&&J.interpolation!=null){this._updateInterpolatedBuffers(J);return}this._previousSlice=J;let U=0,x=0,X=0;for(let z of Array.from(this.boundElement.children)){if(z===this.listTop||z===this.listBottom)continue;let O=z[t];if(O==null)z.remove();else{let K=J.items.indexOf(O);if(K<Z||K>Y)z.remove(),this.itemToElement.delete(O),U++}}if(this.listTop!=null&&this.listBottom!=null)this.listTop.style.height=String(Q)+"px",this.listBottom.style.height=String(G)+"px";let q=[],{idPath:D}=this.options;for(let z=Z;z<=Y;z++){let O=J.items[z];if(O===void 0)continue;let K=this.itemToElement.get(T(O));if(K==null){if(X++,K=e(this.template),typeof O==="object")this.itemToElement.set(T(O),K),K[t]=T(O);if(this.listBottom!=null)this.boundElement.insertBefore(K,this.listBottom);else this.boundElement.append(K);if(D!=null){let p=O[D],CE=`${H}[${D}=${p}]`;FM(K,CE)}else{let p=`${H}[${z}]`;FM(K,p)}}q.push(K)}let y=null;for(let z of q){if(z.previousElementSibling!==y)if(x++,y?.nextElementSibling!=null)this.boundElement.insertBefore(z,y.nextElementSibling);else if(this.listBottom!=null)this.boundElement.insertBefore(z,this.listBottom);else this.boundElement.append(z);y=z}if(J.interpolation!=null)this._updateInterpolatedBuffers(J);if(i.perf)console.log(H,"updated",{removed:U,created:X,moved:x})}_updateInterpolatedBuffers(E){let{t:f,position:M,scrollTop:L,viewportHeight:H,totalScrollHeight:J,rowHeight:$}=E.interpolation,Z=0;for(let F of Array.from(this.boundElement.children)){if(F===this.listTop||F===this.listBottom)continue;Z+=F.offsetHeight||$}let Y=L,Q=L+H-Z,G=Math.max(0,f*Q+(1-f)*Y-M%1*$);if(this.listTop!=null&&this.listBottom!=null)this.listTop.style.height=String(G)+"px",this.listBottom.style.height=String(Math.max(0,J-G-Z))+"px"}}var QE=(E,f,M)=>{let L=E[YE];if(f&&L===void 0)L=new XM(E,f,M),E[YE]=L;return L},mE=(E)=>{let f;while(!(f=E[t])&&E&&E.parentElement)E=E.parentElement;return f?{element:E,item:f}:void 0},NE=(E)=>{let f=mE(E);return f?f.item:void 0},zM=(E)=>{let f=mE(E);if(!f)return console.error("deleteListItem failed, element is not part of a list instance",E),!1;let M=QE(f.element.parentElement);if(!M.options.idPath)return console.error("deleteListItem failed, list binding has no idPath",E.parentElement,M),!1;let L=M.array.indexOf(f.item);if(L>-1)return M.array.splice(L,1),!0;return!1},XL={start:"start",middle:"center",end:"end",nearest:"nearest"},WM=(E,f,M={})=>{let L=QE(E);if(L==null)return console.error("scrollListItemIntoView failed, element has no list binding",E),!1;let{position:H="middle"}=M,J=L.filteredArray(),$=T(f)??f,Z=J.indexOf($);if(Z===-1)return console.error("scrollListItemIntoView failed, item not found in list",f),!1;let{virtual:Y}=L.options;if(Y!=null&&E instanceof HTMLElement){let Q=Y.width!=null?Math.max(1,Math.floor(E.offsetWidth/Y.width)):Y.visibleColumns??1,G=Math.floor(Z/Q),F=Y.minHeight??Y.height,U=Math.ceil(J.length/Q),x=Y.scrollContainer==="window",X=x?window.innerHeight:E.offsetHeight,q;if(Y.minHeight!=null){let D=Math.ceil(X/F)+(Y.rowChunkSize||1),y=U*F,z=Math.max(0,y-X),O=Math.max(1,U-D+1),K=G/O;switch(H){case"start":q=K*z;break;case"end":q=Math.max(0,(G-D+1)/O*z);break;case"nearest":{let p=x?Math.max(0,-E.getBoundingClientRect().top):E.scrollTop,CE=z>0?p/z:0,Vf=Math.floor(CE*O);if(G<Vf)q=K*z;else if(G>=Vf+D)q=Math.max(0,(G-D+1)/O*z);else return!0;break}default:{let p=G-Math.floor(D/2);q=Math.max(0,p)/O*z}}}else{let D=G*Y.height;switch(H){case"start":q=D;break;case"end":q=D-X+Y.height;break;case"nearest":{let y=x?Math.max(0,-E.getBoundingClientRect().top):E.scrollTop;if(D<y)q=D;else if(D+Y.height>y+X)q=D-X+Y.height;else return!0;break}default:q=D-(X-Y.height)/2}}if(q=Math.max(0,q),x){let D=E.getBoundingClientRect().top+window.scrollY;window.scrollTo({top:D+q,behavior:"smooth"})}else E.scrollTo({top:q,behavior:"smooth"})}else{let Q=L.itemToElement.get($);if(Q==null)return console.error("scrollListItemIntoView failed, no DOM element found for item",f),!1;Q.scrollIntoView({block:XL[H]??"center",behavior:"smooth"})}return!0};var{document:DE,MutationObserver:UM}=globalThis,PE=(E,f)=>{let M=u.get(E);if(M==null)return;for(let L of M){let{binding:H,options:J}=L,{path:$}=L,{toDOM:Z}=H;if(Z!=null){if($.startsWith("^")){let Y=NE(E);if(Y!=null&&Y[S]!=null)$=L.path=`${Y[S]}${$.substring(1)}`;else throw console.error(`Cannot resolve relative binding ${$}`,E,"is not part of a list"),Error(`Cannot resolve relative binding ${$}`)}if(f==null||$.startsWith(f))Z(E,VE()[$],J)}}};if(UM!=null)new UM((f)=>{f.forEach((M)=>{Array.from(M.addedNodes).forEach((L)=>{if(L instanceof Element)Array.from(L.querySelectorAll(g)).forEach((H)=>PE(H))})})}).observe(DE.body,{subtree:!0,childList:!0});_(()=>!0,(E)=>{let f=Array.from(DE.querySelectorAll(g));for(let M of f)PE(M,E)});var DM=(E)=>{let f=E.target?.closest(g);while(f!=null){let M=u.get(f);for(let L of M){let{binding:H,path:J}=L,{fromDOM:$}=H;if($!=null){let Z;try{Z=$(f,L.options)}catch(Y){throw console.error("Cannot get value from",f,"via",L),Error("Cannot obtain value fromDOM")}if(Z!=null){let Y=VE(),Q=Y[J];if(Q==null)Y[J]=Z;else{let G=Q[S]!=null?Q[n]:Q,F=Z[S]!=null?Z[n]:Z;if(G!==F)Y[J]=F}}}}f=f.parentElement.closest(g)}};if(globalThis.document!=null)DE.body.addEventListener("change",DM,!0),DE.body.addEventListener("input",DM,!0);function P(E,f,M,L){if(E instanceof DocumentFragment)throw Error("bind cannot bind to a DocumentFragment");let H;if(typeof f==="object"&&f[S]===void 0&&L===void 0){let{value:Z}=f;H=typeof Z==="string"?Z:Z[S],L=f,delete L.value}else H=typeof f==="string"?f:f[S];if(H==null)throw Error("bind requires a path or object with xin Proxy");let{toDOM:J}=M;E.classList?.add(hE);let $=u.get(E);if($==null)$=[],u.set(E,$);if($.push({path:H,binding:M,options:L}),J!=null&&!H.startsWith("^"))R(H);if(L?.filter&&L?.needle)P(E,L.needle,{toDOM(Z,Y){console.log({needle:Y}),Z[YE]?.filter(Y)}});return E}var qM=new Set,zL=(E)=>{let f=E?.target?.closest(oE),M=!1,L=new Proxy(E,{get(J,$){if($==="stopPropagation")return()=>{E.stopPropagation(),M=!0};else{let Z=J[$];return typeof Z==="function"?Z.bind(J):Z}}}),H=new Set;while(!M&&f!=null){let $=l.get(f)[E.type]||H;for(let Z of $){if(typeof Z==="function")Z(L);else{let Y=VE()[Z];if(typeof Y==="function")Y(L);else throw Error(`no event handler found at path ${Z}`)}if(M)continue}f=f.parentElement!=null?f.parentElement.closest(oE):null}};function LE(E,f,M){let L=l.get(E);if(E.classList.add(sE),L==null)L={},l.set(E,L);if(!L[f])L[f]=new Set;if(L[f].add(M),!qM.has(f))qM.add(f),DE.body.addEventListener(f,zL,!0);return()=>{L[f].delete(M)}}vf(P,LE);function cE(E,f){if(!E.internals)return;let M={},L="";if(E.hasAttribute("required")&&f==="")M.valueMissing=!0,L="Please fill out this field.";let H=E.getAttribute("minlength");if(H&&f.length<parseInt(H,10))M.tooShort=!0,L=`Please use at least ${H} characters.`;let J=E.getAttribute("maxlength");if(J&&f.length>parseInt(J,10))M.tooLong=!0,L=`Please use no more than ${J} characters.`;let $=E.getAttribute("pattern");if($&&f!=="")try{if(!new RegExp(`^(?:${$})$`).test(f))M.patternMismatch=!0,L="Please match the requested format."}catch{}if(Object.keys(M).length>0)E.internals.setValidity(M,L,E);else E.internals.setValidity({})}var WL=0;function Df(){return`custom-elt${(WL++).toString(36)}`}var OM=0,qf=null;function UL(){if(qf===null)qf=new MutationObserver((E)=>{let f=new Set;for(let M of E)if(M.type==="attributes"&&M.target instanceof c){let L=M.target,H=Zf(M.attributeName);if(L._legacyTrackedAttrs?.has(H))f.add(L)}for(let M of f)M.queueRender(!1)});return qf}var qE={};function DL(E,f){let M=qE[E],L=s(f).replace(/:host\(([^)]+)\)/g,`${E}$1`).replace(/:host\b/g,E);qE[E]=M?M+`
+`+L:L}function qL(E){if(qE[E])document.head.append(W.style({id:E+"-component"},qE[E]));delete qE[E]}class c extends HTMLElement{static elements=W;static _elementCreator;static initAttributes;static formAssociated;static preferredTagName;static shadowStyleSpec;static lightStyleSpec;static extends;internals;get validity(){return this.internals?.validity}get validationMessage(){return this.internals?.validationMessage??""}get willValidate(){return this.internals?.willValidate??!1}checkValidity(){return this.internals?.checkValidity()??!0}reportValidity(){return this.internals?.reportValidity()??!0}setCustomValidity(E){if(this.internals)if(E)this.internals.setValidity({customError:!0},E);else this.internals.setValidity({})}setValidity(E,f,M){this.internals?.setValidity(E,f,M)}setFormValue(E,f){this.internals?.setFormValue(E,f)}static get observedAttributes(){let E=this.initAttributes;if(E)return["hidden",...Object.keys(E).map(I)];return["hidden"]}instanceId;styleNode;static styleSpec;static styleNode;content=W.slot();isSlotted;static _tagName=null;static get tagName(){return this._tagName}_legacyTrackedAttrs;_attrValues;_valueChanged=!1;static StyleNode(E){return console.warn("StyleNode is deprecated, use static shadowStyleSpec instead"),W.style(s(E))}static elementCreator(E={}){let f=this;if(!Object.prototype.hasOwnProperty.call(f,"_elementCreator")){if(E.tag!==void 0)V("elementCreator-tag","Passing tag to elementCreator() is deprecated. Use static preferredTagName instead.");if(E.styleSpec!==void 0)V("elementCreator-styleSpec","Passing styleSpec to elementCreator() is deprecated. Use static lightStyleSpec instead.");if(E.extends!==void 0)V("elementCreator-extends","Passing extends to elementCreator() is deprecated. Use static extends instead.");let M=E.tag??f.preferredTagName;if(M==null)if(typeof f.name==="string"&&f.name!==""){if(M=I(f.name),M.startsWith("-"))M=M.slice(1)}else M=Df();if(customElements.get(M)!=null)console.warn(`${M} is already defined`);if(M.match(/\w+(-\w+)+/)==null)console.warn(`${M} is not a legal tag for a custom-element`),M=Df();while(customElements.get(M)!==void 0)M=Df();f._tagName=M;let L=E.styleSpec??f.lightStyleSpec;if(L!==void 0)DL(M,L);let H=E.extends??f.extends,J=H?{extends:H}:void 0;window.customElements.define(M,this,J),f._elementCreator=W[M]}return f._elementCreator}initAttributes(...E){if(V("initAttributes","initAttributes() is deprecated. Use static initAttributes = { ... } instead."),!this._legacyTrackedAttrs)this._legacyTrackedAttrs=new Set;for(let H of E)this._legacyTrackedAttrs.add(H);UL().observe(this,{attributes:!0});let M={},L={};E.forEach((H)=>{M[H]=b(this[H]);let J=I(H);Object.defineProperty(this,H,{enumerable:!1,get(){if(typeof M[H]==="boolean")return this.hasAttribute(J);else if(this.hasAttribute(J))return typeof M[H]==="number"?parseFloat(this.getAttribute(J)):this.getAttribute(J);else if(L[H]!==void 0)return L[H];else return M[H]},set($){if(typeof M[H]==="boolean"){if($!==this[H]){if($)this.setAttribute(J,"");else this.removeAttribute(J);this.queueRender()}}else if(typeof M[H]==="number"){if($!==parseFloat(this[H]))this.setAttribute(J,$),this.queueRender()}else if(typeof $==="object"||`${$}`!==`${this[H]}`){if($===null||$===void 0||typeof $==="object")this.removeAttribute(J);else this.setAttribute(J,$);this.queueRender(),L[H]=$}}})})}initValue(){let E=Object.getOwnPropertyDescriptor(this,"value");if(E===void 0||E.get!==void 0||E.set!==void 0)return;let f=this.hasAttribute("value")?this.getAttribute("value"):b(this.value);delete this.value,Object.defineProperty(this,"value",{enumerable:!1,get(){return f},set(M){if(f!==M)f=M,this._valueChanged=!0,this.queueRender(!0)}})}_parts;get parts(){let E=this.shadowRoot!=null?this.shadowRoot:this;if(this._parts==null)this._parts=new Proxy({},{get(f,M){if(f[M]===void 0){let L=E.querySelector(`[part="${M}"]`);if(L==null)L=E.querySelector(M);if(L==null)throw Error(`elementRef "${M}" does not exist!`);L.removeAttribute("data-ref"),f[M]=L}return f[M]}});return this._parts}attributeChangedCallback(E,f,M){let L=Zf(E);if(!this._legacyTrackedAttrs?.has(L))this.queueRender(!1)}constructor(){super();if(OM+=1,this.constructor.formAssociated&&typeof this.attachInternals==="function"&&!this.internals)this.internals=this.attachInternals();let E=this.constructor.initAttributes;if(E)this._setupAttributeAccessors(E);this.instanceId=`${this.tagName.toLocaleLowerCase()}-${OM}`,this._value=b(this.defaultValue)}_setupAttributeAccessors(E){if(!this._attrValues)this._attrValues=new Map;for(let f of Object.keys(E)){let M=I(f),L=E[f];if(f==="value"){console.warn(`${this.tagName}: 'value' cannot be an attribute. Use the Component value property instead.`);continue}if(typeof L==="object"&&L!==null){console.warn(`${this.tagName}: initAttributes.${f} is an object. Use a regular property instead.`);continue}let H=this,J=!1;while(H){let $=Object.getOwnPropertyDescriptor(H,f);if($){if(!$.configurable||$.get||$.set){J=!0;break}break}H=Object.getPrototypeOf(H)}if(J)continue;Object.defineProperty(this,f,{enumerable:!1,get:()=>{if(typeof L==="boolean")return this.hasAttribute(M);else if(this.hasAttribute(M))return typeof L==="number"?parseFloat(this.getAttribute(M)):this.getAttribute(M);else if(this._attrValues.has(f))return this._attrValues.get(f);else return L},set:($)=>{if(typeof L==="boolean"){if($!==this[f]){if($)this.setAttribute(M,"");else this.removeAttribute(M);this.queueRender()}}else if(typeof L==="number"){if($!==parseFloat(this[f]))this.setAttribute(M,$),this.queueRender()}else if(typeof $==="object"||`${$}`!==`${this[f]}`){if($===null||$===void 0||typeof $==="object")this.removeAttribute(M);else this.setAttribute(M,$);this.queueRender(),this._attrValues.set(f,$)}}})}}connectedCallback(){if(qL(this.constructor.tagName),this.hydrate(),this.role!=null)this.setAttribute("role",this.role);if(this.constructor.formAssociated&&!this.hasAttribute("tabindex"))this.setAttribute("tabindex","0");if(this.onResize!==void 0){if(XE.observe(this),this._onResize==null)this._onResize=this.onResize.bind(this);this.addEventListener("resize",this._onResize)}if(this.value!=null&&this.getAttribute("value")!=null)this._value=this.getAttribute("value");if(this.internals&&this.value!==void 0)this.internals.setFormValue(this.value),this.validateValue();this.queueRender()}disconnectedCallback(){XE.unobserve(this)}formResetCallback(){if(this.value!==void 0)this.value=this.defaultValue??""}formDisabledCallback(E){if(E)this.setAttribute("disabled","");else this.removeAttribute("disabled")}formStateRestoreCallback(E){if(this.value!==void 0&&typeof E==="string")this.value=E}_changeQueued=!1;_renderQueued=!1;queueRender(E=!1){if(!this._hydrated)return;if(!this._changeQueued)this._changeQueued=E;if(!this._renderQueued)this._renderQueued=!0,requestAnimationFrame(()=>{if(this._changeQueued){if(Yf(this,"change"),this.internals&&this.value!==void 0)this.internals.setFormValue(this.value)}this._changeQueued=!1,this._renderQueued=!1,this.render()})}_hydrated=!1;hydrate(){if(!this._hydrated){this.initValue();let E=typeof this.content!=="function",f=typeof this.content==="function"?this.content(W):this.content,M=this.constructor,L=M.shadowStyleSpec??M.styleSpec;if(M.styleSpec&&!M.shadowStyleSpec)V("static-styleSpec","static styleSpec is deprecated. Use static shadowStyleSpec instead.");let{styleNode:H}=M;if(L)H=M.styleNode=W.style(s(L)),delete M.styleNode;if(this.styleNode)console.warn(this,"styleNode is deprecated, use static shadowStyleSpec instead"),H=this.styleNode;if(H){let J=this.attachShadow({mode:"open"});J.appendChild(H.cloneNode(!0)),$f(J,f,E)}else if(f!==null){let J=Array.from(this.childNodes);$f(this,f,E),this.isSlotted=this.querySelector("slot,xin-slot")!==void 0;let $=Array.from(this.querySelectorAll("slot"));if($.length>0)$.forEach(Of.replaceSlot);if(J.length>0){let Z={"":this};Array.from(this.querySelectorAll("xin-slot")).forEach((Y)=>{Z[Y.name]=Y}),J.forEach((Y)=>{let Q=Z[""],G=Y instanceof Element?Z[Y.slot]:Q;(G!==void 0?G:Q).append(Y)})}}this._hydrated=!0}}render(){if(this._valueChanged&&this.internals&&this.value!==void 0)this.internals.setFormValue(this.value),this.validateValue();this._valueChanged=!1}validateValue(){if(!this.internals||this.value===void 0)return;let E=typeof this.value==="string"?this.value:String(this.value);cE(this,E)}}class Of extends c{static preferredTagName="xin-slot";static initAttributes={name:""};content=null;static replaceSlot(E){let f=document.createElement("xin-slot");if(E.name!=="")f.setAttribute("name",E.name);E.replaceWith(f)}}var a0=Of.elementCreator();var KM=(E=()=>!0)=>{let f=localStorage.getItem("xin-state");if(f!=null){let L=JSON.parse(f);for(let H of Object.keys(L).filter(E))if(C[H]!==void 0)Object.assign(C[H],L[H]);else C[H]=L[H]}let M=ZE(()=>{let L={},H=T(C);for(let J of Object.keys(H).filter(E))L[J]=H[J];localStorage.setItem("xin-state",JSON.stringify(L)),console.log("xin state saved to localStorage")},500);GE(E,M)};var OL="tosijs-share",KL="tosijs-share",OE="shared",AL=1,Af=new Set,Tf=new Set,Kf=new Map,JE=null,jf="",bE=null,TL=null;function AM(){if(bE!=null)return Promise.resolve(bE);return new Promise((E,f)=>{let M=indexedDB.open(KL,AL);M.onupgradeneeded=()=>{M.result.createObjectStore(OE)},M.onsuccess=()=>{bE=M.result,E(bE)},M.onerror=()=>f(M.error)})}var jL={async get(E){let f=await AM();return new Promise((M,L)=>{let J=f.transaction(OE,"readonly").objectStore(OE).get(E);J.onsuccess=()=>M(J.result),J.onerror=()=>L(J.error)})},async set(E,f){let M=await AM();return new Promise((L,H)=>{let J=M.transaction(OE,"readwrite");J.objectStore(OE).put(f,E),J.oncomplete=()=>L(),J.onerror=()=>H(J.error)})}};function TM(){return TL??jL}function CL(E){return E!=null&&E.type==="tosijs-share"&&typeof E.path==="string"}function jM(E){for(let f of Af)if(E===f||E.startsWith(f+"."))return f;return}function xL(E){for(let f of Tf)if(E===f||E.startsWith(f+"."))return!0;return!1}function VL(E,f){Tf.add(E),a(k,E,f),R(E),EE().then(()=>{Tf.delete(E)})}function kL(){if(JE!=null)return JE;return jf=crypto.randomUUID(),JE=new BroadcastChannel(OL),JE.onmessage=(E)=>{let f=E.data;if(!CL(f))return;if(f.origin===jf)return;if(jM(f.path)===void 0)return;VL(f.path,f.value)},JE}function RL(E,f){if(JE==null)return;let M={type:"tosijs-share",path:E,value:f,origin:jf};JE.postMessage(M)}function IL(E){if(!Kf.has(E))Kf.set(E,ZE(()=>{let f=j(k,E);TM().set(E,f)},500));Kf.get(E)()}async function CM(...E){if(typeof BroadcastChannel>"u")return{restored:[]};kL();let f=[],M=TM();for(let L of E){let H=typeof L==="string"?L:A(L);if(H===void 0)throw Error("share() requires boxed proxies or string paths. Got a non-proxy value.");if(Af.has(H))continue;Af.add(H);let J=await M.get(H);if(J!==void 0)a(k,H,J),R(H),f.push(L);else{let $=j(k,H);await M.set(H,$)}_(($)=>$===H||$.startsWith(H+"."),($)=>{if(xL($))return;let Z=jM($);if(Z===void 0)return;let Y=j(k,$);RL($,Y),IL(Z)})}return{restored:f}}var Cf=new Set;function xM(E,f){for(let M of E)if(f===M||f.startsWith(M+"."))return M;return}function BL(E){for(let f of Cf)if(E===f||E.startsWith(f+"."))return!0;return!1}function yL(E,f){Cf.add(E),a(k,E,f),R(E),EE().then(()=>{Cf.delete(E)})}async function VM(E,f,...M){let L=new Set,H=[],J=[],$=f.throttleInterval??100;await E.connect();let Z=fE(()=>{if(H.length===0)return;let Y=H.splice(0);E.send(Y)},$);E.onReceive((Y)=>{for(let Q of Y){if(xM(L,Q.path)===void 0)continue;yL(Q.path,Q.value)}});for(let Y of M){let Q=typeof Y==="string"?Y:A(Y);if(Q===void 0)throw Error("sync() requires boxed proxies or string paths. Got a non-proxy value.");L.add(Q);let G=_((F)=>F===Q||F.startsWith(Q+"."),(F)=>{if(BL(F))return;if(xM(L,F)===void 0)return;let U=j(k,F);H.push({path:F,value:U}),Z()});J.push(G)}return{disconnect(){for(let Y of J)m(Y);J.length=0,L.clear(),H.length=0,E.disconnect()}}}var uE="1.5.0";function KE(E){return Object.assign(B,E),B}function AE(E){return V("boxedProxy","boxedProxy is deprecated, please use tosi() instead"),KE(E)}function nE(E,f=!1){if(f)return V("xinProxy-boxed","xinProxy(..., true) is deprecated; use tosi(...) instead"),AE(E);return Object.keys(E).forEach((M)=>{C[M]=E[M]}),C}var SL={};async function TE(E,f){let M=await f(E,{Color:w,Component:c,elements:W,svgElements:SE,mathML:_E,varDefault:WE,vars:BE,xin:C,boxed:B,xinProxy:nE,boxedProxy:AE,tosi:KE,makeComponent:TE,bind:P,on:LE,version:uE}),{type:L}=M;L.preferredTagName=E;let H=M.lightStyleSpec??M.styleSpec;if(H)L.lightStyleSpec=H;let J={type:L,creator:L.elementCreator()};return SL[E]=J,J}var vE={":host":{display:"none"}},xf={},_L=(E)=>import(E);class jE extends c{static preferredTagName="tosi-blueprint";static lightStyleSpec=vE;static initAttributes={tag:"anon-elt",src:"",property:"default"};loaded;blueprintLoaded=(E)=>{};async packaged(){let{tag:E,src:f,property:M}=this,L=`${E}.${M}:${f}`;if(!this.loaded){if(xf[L]===void 0)xf[L]=_L(f).then((H)=>{let J=H[M];return TE(E,J)});else console.log(`using cached ${E} with signature ${L}`);this.loaded=await xf[L],this.blueprintLoaded(this.loaded)}return this.loaded}}var kM=jE.elementCreator();class dE extends c{static preferredTagName="tosi-loader";static lightStyleSpec=vE;allLoaded=()=>{};async load(){let f=Array.from(this.querySelectorAll("tosi-blueprint, xin-blueprint")).filter((M)=>M.src).map((M)=>M.packaged());await Promise.all(f),this.allLoaded()}connectedCallback(){super.connectedCallback(),this.load()}}var RM=dE.elementCreator();class IM extends jE{static preferredTagName="xin-blueprint";static lightStyleSpec=vE;constructor(){super();V("xin-blueprint","<xin-blueprint> is deprecated. Use <tosi-blueprint> instead.")}}var BM=IM.elementCreator();class yM extends c{static preferredTagName="xin-loader";static lightStyleSpec=vE;allLoaded=()=>{};constructor(){super();V("xin-loader","<xin-loader> is deprecated. Use <tosi-loader> instead.")}async load(){let f=Array.from(this.querySelectorAll("xin-blueprint")).filter((M)=>M.src).map((M)=>M.packaged());await Promise.all(f),this.allLoaded()}connectedCallback(){super.connectedCallback(),this.load()}}var SM=yM.elementCreator();})();
 
-//# debugId=281D8A5CC217BAC964756E2164756E21
+//# debugId=9545ED823DBE6A0364756E2164756E21
 //# sourceMappingURL=index.js.map