tosijs 1.0.9 → 1.0.11

package/dist/list-binding.d.ts

@@ -1,20 +1,6 @@
-import { XinObject, XinTouchableType } from './xin-types';
+import { LIST_BINDING_REF } from './metadata';
+import { XinObject, ListBindingOptions } from './xin-types';
 import { Listener } from './path-listener';
-export declare const listBindingRef: unique symbol;
-type ListFilter = (array: any[], needle: any) => any[];
-interface ListBindingOptions {
-    idPath?: string;
-    virtual?: {
-        height: number;
-        width?: number;
-        visibleColumns?: number;
-        rowChunkSize?: number;
-    };
-    hiddenProp?: symbol | string;
-    visibleProp?: symbol | string;
-    filter?: ListFilter;
-    needle?: XinTouchableType;
-}
 export declare class ListBinding {
     boundElement: Element;
     listTop: HTMLElement;
@@ -22,7 +8,7 @@ export declare class ListBinding {
     template: Element;
     options: ListBindingOptions;
     itemToElement: WeakMap<XinObject, Element>;
-    private _array;
+    array: any[];
     private readonly _update?;
     private _previousSlice?;
     static filterBoundObservers: WeakMap<Element, Listener>;
@@ -33,7 +19,13 @@ export declare class ListBinding {
     update(array?: any[], isSlice?: boolean): void;
 }
 interface ListBoundElement extends Element {
-    [listBindingRef]?: ListBinding;
+    [LIST_BINDING_REF]?: ListBinding;
 }
-export declare const getListBinding: (boundElement: ListBoundElement, value: any[], options?: ListBindingOptions) => ListBinding;
+export declare const getListBinding: (boundElement: ListBoundElement, value?: any[], options?: ListBindingOptions) => ListBinding | undefined;
+export declare const getListInstance: (element: Element) => {
+    element: Element;
+    item: any;
+} | undefined;
+export declare const getListItem: (element: Element) => any;
+export declare const deleteListItem: (element: Element) => boolean;
 export {};

package/dist/main.js

@@ -1,13 +1,13 @@
-var{defineProperty:Xn,getOwnPropertyNames:De,getOwnPropertyDescriptor:Fe}=Object,Le=Object.prototype.hasOwnProperty;var _n=new WeakMap,Be=(n)=>{var e=_n.get(n),o;if(e)return e;if(e=Xn({},"__esModule",{value:!0}),n&&typeof n==="object"||typeof n==="function")De(n).map((i)=>!Le.call(e,i)&&Xn(e,i,{get:()=>n[i],enumerable:!(o=Fe(n,i))||o.enumerable}));return _n.set(n,e),e};var He=(n,e)=>{for(var o in e)Xn(n,o,{get:e[o],enumerable:!0,configurable:!0,set:(i)=>e[o]=()=>i})};var po={};He(po,{xinValue:()=>h,xinProxy:()=>bn,xinPath:()=>C,xin:()=>f,version:()=>hn,vars:()=>xn,varDefault:()=>N,updates:()=>Dn,unobserve:()=>J,touchElement:()=>fn,touch:()=>P,tosi:()=>Jn,throttle:()=>Q,svgElements:()=>yn,settings:()=>B,on:()=>$,observe:()=>U,mathML:()=>mn,makeComponent:()=>on,invertLuminance:()=>Se,initVars:()=>Xe,hotReload:()=>ke,getListItem:()=>sn,getCssVar:()=>un,elements:()=>y,debounce:()=>an,css:()=>Y,boxedProxy:()=>en,boxed:()=>W,blueprintLoader:()=>ve,blueprint:()=>Ce,bindings:()=>R,bind:()=>b,StyleSheet:()=>ge,MoreMath:()=>me,Component:()=>L,Color:()=>a,BlueprintLoader:()=>wn,Blueprint:()=>tn});module.exports=Be(po);var B={debug:!1,perf:!1};function v(n){if(n==null||typeof n!=="object")return n;if(n instanceof Set)return new Set(n);else if(Array.isArray(n))return n.map(v);let e={};for(let o in n){let i=n[o];if(n!=null&&typeof n==="object")e[o]=v(i);else e[o]=i}return e}var Sn="-xin-data",H=`.${Sn}`,En="-xin-event",kn=`.${En}`,g="xinPath",z="xinValue",Un="xinSet",Gn="xinObserve",Zn="xinBind",qn="xinOn",C=(n)=>{return n&&n[g]||void 0};function h(n){return typeof n==="object"&&n!==null?n[z]||n:n}var O=new WeakMap,M=new WeakMap;var A=(n)=>{let e=n.cloneNode();if(e instanceof Element){let o=M.get(n),i=O.get(n);if(o!=null)M.set(e,v(o));if(i!=null)O.set(e,v(i))}for(let o of Array.from(n instanceof HTMLTemplateElement?n.content.childNodes:n.childNodes))if(o instanceof Element||o instanceof DocumentFragment)e.appendChild(A(o));else e.appendChild(o.cloneNode());return e},Z=new WeakMap,sn=(n)=>{let e=document.body.parentElement;while(n.parentElement!=null&&n.parentElement!==e){let o=Z.get(n);if(o!=null)return o;n=n.parentElement}return!1};var Qn=Symbol("observer should be removed"),cn=[],dn=[],Cn=!1,vn,Mn;class Kn{description;test;callback;constructor(n,e){let o=typeof e==="string"?`"${e}"`:`function ${e.name}`,i;if(typeof n==="string")this.test=(t)=>typeof t==="string"&&t!==""&&(n.startsWith(t)||t.startsWith(n)),i=`test = "${n}"`;else if(n instanceof RegExp)this.test=n.test.bind(n),i=`test = "${n.toString()}"`;else if(n instanceof Function)this.test=n,i=`test = function ${n.name}`;else throw Error("expect listener test to be a string, RegExp, or test function");if(this.description=`${i}, ${o}`,typeof e==="function")this.callback=e;else throw Error("expect callback to be a path or function");cn.push(this)}}var Dn=async()=>{if(vn===void 0)return;await vn},$e=()=>{if(B.perf)console.time("xin async update");let n=Array.from(dn);for(let e of n)cn.filter((o)=>{let i;try{i=o.test(e)}catch(t){throw Error(`Listener ${o.description} threw "${t}" at "${e}"`)}if(i===Qn)return J(o),!1;return i}).forEach((o)=>{let i;try{i=o.callback(e)}catch(t){console.error(`Listener ${o.description} threw "${t}" handling "${e}"`)}if(i===Qn)J(o)});if(dn.splice(0),Cn=!1,typeof Mn==="function")Mn();if(B.perf)console.timeEnd("xin async update")},P=(n)=>{let e=typeof n==="string"?n:C(n);if(e===void 0)throw console.error("touch was called on an invalid target",n),Error("touch was called on an invalid target");if(Cn===!1)vn=new Promise((o)=>{Mn=o}),Cn=setTimeout($e);if(dn.find((o)=>e.startsWith(o))==null)dn.push(e)},Fn=(n,e)=>{return new Kn(n,e)},J=(n)=>{let e=cn.indexOf(n);if(e>-1)cn.splice(e,1);else throw Error("unobserve failed, listener not found")};var Oe=(n)=>{try{return JSON.stringify(n)}catch(e){return"{has circular references}"}},Ln=(...n)=>Error(n.map(Oe).join(" "));var ze=()=>new Date(parseInt("1000000000",36)+Date.now()).valueOf().toString(36).slice(1),Ae=0,Pe=()=>(parseInt("10000",36)+ ++Ae).toString(36).slice(-5),je=()=>ze()+Pe(),Hn=Symbol("delete"),ne=Symbol("new-object"),Bn=Symbol("automatic-index");function ee(n){if(n==="")return[];if(Array.isArray(n))return n;else{let e=[];while(n.length>0){let o=n.search(/\[[^\]]+\]/);if(o===-1){e.push(n.split("."));break}else{let i=n.slice(0,o);if(n=n.slice(o),i!=="")e.push(i.split("."));if(o=n.indexOf("]")+1,e.push(n.slice(1,o-1)),n.slice(o,o+1)===".")o+=1;n=n.slice(o)}}return e}}var D=new WeakMap;function oe(n,e){if(D.get(n)===void 0)D.set(n,{});if(D.get(n)[e]===void 0)D.get(n)[e]={};let o=D.get(n)[e];if(e==="_auto_")n.forEach((i,t)=>{if(i[Bn]===void 0)i[Bn]=je();o[i[Bn]+""]=t});else n.forEach((i,t)=>{o[V(i,e)+""]=t});return o}function We(n,e){if(D.get(n)===void 0||D.get(n)[e]===void 0)return oe(n,e);else return D.get(n)[e]}function Ie(n,e,o){o=o+"";let i=We(n,e)[o];if(i===void 0||V(n[i],e)+""!==o)i=oe(n,e)[o];return i}function Ye(n,e,o){if(n[e]===void 0&&o!==void 0)n[e]=o;return n[e]}function ie(n,e,o,i){let t=e!==""?Ie(n,e,o):o;if(i===Hn)return n.splice(t,1),D.delete(n),Symbol("deleted");else if(i===ne){if(e===""&&n[t]===void 0)n[t]={}}else if(i!==void 0)if(t!==void 0)n[t]=i;else if(e!==""&&V(i,e)+""===o+"")n.push(i),t=n.length-1;else throw Error(`byIdPath insert failed at [${e}=${o}]`);return n[t]}function Rn(n){if(!Array.isArray(n))throw Ln("setByPath failed: expected array, found",n)}function Nn(n){if(n==null||!(n instanceof Object))throw Ln("setByPath failed: expected Object, found",n)}function V(n,e){let o=ee(e),i=n,t,s,r,c;for(t=0,s=o.length;i!==void 0&&t<s;t++){let d=o[t];if(Array.isArray(d))for(r=0,c=d.length;i!==void 0&&r<c;r++){let l=d[r];i=i[l]}else if(i.length===0){if(i=i[Number(d.slice(1))],d[0]!=="=")return}else if(d.includes("=")){let[l,...p]=d.split("=");i=ie(i,l,p.join("="))}else r=parseInt(d,10),i=i[r]}return i}function te(n,e,o){let i=n;if(e==="")throw Error("setByPath cannot be used to set the root object");let t=ee(e);while(i!=null&&t.length>0){let s=t.shift();if(typeof s==="string"){let r=s.indexOf("=");if(r>-1){if(r===0)Nn(i);else Rn(i);let c=s.slice(0,r),d=s.slice(r+1);if(i=ie(i,c,d,t.length>0?ne:o),t.length===0)return!0}else{Rn(i);let c=parseInt(s,10);if(t.length>0)i=i[c];else{if(o!==Hn){if(i[c]===o)return!1;i[c]=o}else i.splice(c,1);return!0}}}else if(Array.isArray(s)&&s.length>0){Nn(i);while(s.length>0){let r=s.shift();if(s.length>0||t.length>0)i=Ye(i,r,s.length>0?{}:[]);else{if(o!==Hn){if(i[r]===o)return!1;i[r]=o}else{if(!Object.prototype.hasOwnProperty.call(i,r))return!1;delete i[r]}return!0}}}else throw Error(`setByPath failed, bad path ${e}`)}throw Error(`setByPath(${n}, ${e}, ${o}) failed`)}var Je=["sort","splice","copyWithin","fill","pop","push","reverse","shift","unshift"],On={},Ve=!0,_e=/^\.?([^.[\](),])+(\.[^.[\](),]+|\[\d+\]|\[[^=[\](),]*=[^[\]()]+\])*$/,Ue=(n)=>_e.test(n),j=(n="",e="")=>{if(n==="")return e;else if(e.match(/^\d+$/)!==null||e.includes("="))return`${n}[${e}]`;else return`${n}.${e}`},Ge={string(n){return new String(n)},boolean(n){return new Boolean(n)},bigint(n){return n},symbol(n){return n},number(n){return new Number(n)}};function $n(n,e){let o=typeof n;if(n===void 0||o==="object"||o==="function")return n;else return new Proxy(Ge[typeof n](n),_(e,!0))}var _=(n,e)=>({get(o,i){switch(i){case g:return n;case z:return o.valueOf?o.valueOf():o;case Un:return(r)=>f[n]=r;case Gn:return(r)=>{let c=Fn(n,r);return()=>J(c)};case qn:return(r,c)=>$(r,c,h(o));case Zn:return(r,c,d)=>{b(r,n,c,d)}}if(typeof i==="symbol")return o[i];let t=i,s=t.match(/^([^.[]+)\.(.+)$/)??t.match(/^([^\]]+)(\[.+)/)??t.match(/^(\[[^\]]+\])\.(.+)$/)??t.match(/^(\[[^\]]+\])\[(.+)$/);if(s!==null){let[,r,c]=s,d=j(n,r),l=V(o,r);return l!==null&&typeof l==="object"?new Proxy(l,_(d,e))[c]:l}if(t.startsWith("[")&&t.endsWith("]"))t=t.substring(1,t.length-1);if(!Array.isArray(o)&&o[t]!==void 0||Array.isArray(o)&&t.includes("=")){let r;if(t.includes("=")){let[c,d]=t.split("=");r=o.find((l)=>`${V(l,c)}`===d)}else r=o[t];if(r instanceof Object){let c=j(n,t);return new Proxy(r instanceof Function?r.bind(o):r,_(c,e))}else return e?$n(r,j(n,t)):r}else if(Array.isArray(o)){let r=o[t];return typeof r==="function"?(...c)=>{let d=r.apply(o,c);if(Je.includes(t))P(n);return d}:typeof r==="object"?new Proxy(r,_(j(n,t),e)):e?$n(r,j(n,t)):r}else return e?$n(o[t],j(n,t)):o[t]},set(o,i,t){t=h(t);let s=i!==z?j(n,i):n;if(Ve&&!Ue(s))throw Error(`setting invalid path ${s}`);if(h(f[s])!==t&&te(On,s,t))P(s);return!0}}),U=(n,e)=>{let o=typeof e==="function"?e:f[e];if(typeof o!=="function")throw Error(`observe expects a function or path to a function, ${e} is neither`);return Fn(n,o)},f=new Proxy(On,_("",!1)),W=new Proxy(On,_("",!0));var zn=(n,e)=>{let o=new Event(e);n.dispatchEvent(o)},se=(n)=>{if(n instanceof HTMLInputElement)return n.type;else if(n instanceof HTMLSelectElement&&n.hasAttribute("multiple"))return"multi-select";else return"other"},ce=(n,e)=>{switch(se(n)){case"radio":n.checked=n.value===e;break;case"checkbox":n.checked=!!e;break;case"date":n.valueAsDate=new Date(e);break;case"multi-select":for(let o of Array.from(n.querySelectorAll("option")))o.selected=e[o.value];break;default:n.value=e}},de=(n)=>{switch(se(n)){case"radio":{let e=n.parentElement?.querySelector(`[name="${n.name}"]:checked`);return e!=null?e.value:null}case"checkbox":return n.checked;case"date":return n.valueAsDate?.toISOString();case"multi-select":return Array.from(n.querySelectorAll("option")).reduce((e,o)=>{return e[o.value]=o.selected,e},{});default:return n.value}},{ResizeObserver:re}=globalThis,q=re!=null?new re((n)=>{for(let e of n){let o=e.target;zn(o,"resize")}}):{observe(){},unobserve(){}},An=(n,e,o=!0)=>{if(n!=null&&e!=null)if(typeof e==="string")n.textContent=e;else if(Array.isArray(e))e.forEach((i)=>{n.append(i instanceof Node&&o?A(i):i)});else if(e instanceof Node)n.append(o?A(e):e);else throw Error("expect text content or document node")};var an=(n,e=250)=>{let o;return(...i)=>{if(o!==void 0)clearTimeout(o);o=setTimeout(()=>{n(...i)},e)}},Q=(n,e=250)=>{let o,i=Date.now()-e,t=!1;return(...s)=>{if(clearTimeout(o),o=setTimeout(()=>{n(...s),i=Date.now()},e),!t&&Date.now()-i>=e){t=!0;try{n(...s),i=Date.now()}finally{t=!1}}}};var ln=Symbol("list-binding"),Ze=16,qe=100;function ae(n,e){let o=Array.from(n.querySelectorAll(H));if(n.matches(H))o.unshift(n);for(let i of o){let t=M.get(i);for(let s of t){if(s.path.startsWith("^"))s.path=`${e}${s.path.substring(1)}`;if(s.binding.toDOM!=null)s.binding.toDOM(i,f[s.path])}}}class le{boundElement;listTop;listBottom;template;options;itemToElement;_array=[];_update;_previousSlice;static filterBoundObservers=new WeakMap;constructor(n,e,o={}){if(this.boundElement=n,this.itemToElement=new WeakMap,n.children.length!==1)throw Error("ListBinding expects an element with exactly one child element");if(n.children[0]instanceof HTMLTemplateElement){let i=n.children[0];if(i.content.children.length!==1)throw Error("ListBinding expects a template with exactly one child element");this.template=A(i.content.children[0])}else this.template=n.children[0],this.template.remove();if(this.options=o,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),o.virtual!=null)q.observe(this.boundElement),this._update=Q(()=>{this.update(this._array,!0)},Ze),this.boundElement.addEventListener("scroll",this._update),this.boundElement.addEventListener("resize",this._update)}visibleSlice(){let{virtual:n,hiddenProp:e,visibleProp:o}=this.options,i=this._array;if(e!==void 0)i=i.filter((d)=>d[e]!==!0);if(o!==void 0)i=i.filter((d)=>d[o]===!0);if(this.options.filter&&this.needle!==void 0)i=this.options.filter(i,this.needle);let t=0,s=i.length-1,r=0,c=0;if(n!=null&&this.boundElement instanceof HTMLElement){let d=this.boundElement.offsetWidth,l=this.boundElement.offsetHeight;if(n.visibleColumns==null)n.visibleColumns=n.width!=null?Math.max(1,Math.floor(d/n.width)):1;let p=Math.ceil(l/n.height)+(n.rowChunkSize||1),S=Math.ceil(i.length/n.visibleColumns),E=n.visibleColumns*p,m=Math.floor(this.boundElement.scrollTop/n.height);if(m>S-p+1)m=Math.max(0,S-p+1);if(n.rowChunkSize)m-=m%n.rowChunkSize;t=m*n.visibleColumns,s=t+E-1,r=m*n.height,c=Math.max((S-p)*n.height-r,0)}return{items:i,firstItem:t,lastItem:s,topBuffer:r,bottomBuffer:c}}needle;filter=Q((n)=>{if(this.needle!==n)this.needle=n,this.update(this._array)},qe);update(n,e){if(n==null)n=[];this._array=n;let{hiddenProp:o,visibleProp:i}=this.options,t=C(n),s=this.visibleSlice();this.boundElement.classList.toggle("-xin-empty-list",s.items.length===0);let r=this._previousSlice,{firstItem:c,lastItem:d,topBuffer:l,bottomBuffer:p}=s;if(o===void 0&&i===void 0&&e===!0&&r!=null&&c===r.firstItem&&d===r.lastItem)return;this._previousSlice=s;let S=0,E=0,m=0;for(let u of Array.from(this.boundElement.children)){if(u===this.listTop||u===this.listBottom)continue;let k=Z.get(u);if(k==null)u.remove();else{let w=s.items.indexOf(k);if(w<c||w>d)u.remove(),this.itemToElement.delete(k),Z.delete(u),S++}}this.listTop.style.height=String(l)+"px",this.listBottom.style.height=String(p)+"px";let x=[],{idPath:gn}=this.options;for(let u=c;u<=d;u++){let k=s.items[u];if(k===void 0)continue;let w=this.itemToElement.get(h(k));if(w==null){if(m++,w=A(this.template),typeof k==="object")this.itemToElement.set(h(k),w),Z.set(w,h(k));if(this.boundElement.insertBefore(w,this.listBottom),gn!=null){let Tn=k[gn],Me=`${t}[${gn}=${Tn}]`;ae(w,Me)}else{let Tn=`${t}[${u}]`;ae(w,Tn)}}x.push(w)}let rn=null;for(let u of x){if(u.previousElementSibling!==rn)if(E++,rn?.nextElementSibling!=null)this.boundElement.insertBefore(u,rn.nextElementSibling);else this.boundElement.insertBefore(u,this.listBottom);rn=u}if(B.perf)console.log(t,"updated",{removed:S,created:m,moved:E})}}var fe=(n,e,o)=>{let i=n[ln];if(i===void 0)i=new le(n,e,o),n[ln]=i;return i};var{document:K,MutationObserver:ue}=globalThis,fn=(n,e)=>{let o=M.get(n);if(o==null)return;for(let i of o){let{binding:t,options:s}=i,{path:r}=i,{toDOM:c}=t;if(c!=null){if(r.startsWith("^")){let d=sn(n);if(d!=null&&d[g]!=null)r=i.path=`${d[g]}${r.substring(1)}`;else throw console.error(`Cannot resolve relative binding ${r}`,n,"is not part of a list"),Error(`Cannot resolve relative binding ${r}`)}if(e==null||r.startsWith(e))c(n,f[r],s)}}};if(ue!=null)new ue((e)=>{e.forEach((o)=>{Array.from(o.addedNodes).forEach((i)=>{if(i instanceof Element)Array.from(i.querySelectorAll(H)).forEach((t)=>fn(t))})})}).observe(K.body,{subtree:!0,childList:!0});U(()=>!0,(n)=>{let e=Array.from(K.querySelectorAll(H));for(let o of e)fn(o,n)});var pe=(n)=>{let e=n.target.closest(H);while(e!=null){let o=M.get(e);for(let i of o){let{binding:t,path:s}=i,{fromDOM:r}=t;if(r!=null){let c;try{c=r(e,i.options)}catch(d){throw console.error("Cannot get value from",e,"via",i),Error("Cannot obtain value fromDOM")}if(c!=null){let d=f[s];if(d==null)f[s]=c;else{let l=d[g]!=null?d[z]:d,p=c[g]!=null?c[z]:c;if(l!==p)f[s]=p}}}}e=e.parentElement.closest(H)}};if(globalThis.document!=null)K.body.addEventListener("change",pe,!0),K.body.addEventListener("input",pe,!0);function b(n,e,o,i){if(n instanceof DocumentFragment)throw Error("bind cannot bind to a DocumentFragment");let t;if(typeof e==="object"&&e[g]===void 0&&i===void 0){let{value:c}=e;t=typeof c==="string"?c:c[g],i=e,delete i.value}else t=typeof e==="string"?e:e[g];if(t==null)throw Error("bind requires a path or object with xin Proxy");let{toDOM:s}=o;n.classList?.add(Sn);let r=M.get(n);if(r==null)r=[],M.set(n,r);if(r.push({path:t,binding:o,options:i}),s!=null&&!t.startsWith("^"))P(t);if(i?.filter&&i?.needle)b(n,i.needle,{toDOM(c,d){console.log({needle:d}),c[ln]?.filter(d)}});return n}var ye=new Set,Qe=(n)=>{let e=n?.target.closest(kn),o=!1,i=new Proxy(n,{get(s,r){if(r==="stopPropagation")return()=>{n.stopPropagation(),o=!0};else{let c=s[r];return typeof c==="function"?c.bind(s):c}}}),t=new Set;while(!o&&e!=null){let r=O.get(e)[n.type]||t;for(let c of r){if(typeof c==="function")c(i);else{let d=f[c];if(typeof d==="function")d(i);else throw Error(`no event handler found at path ${c}`)}if(o)continue}e=e.parentElement!=null?e.parentElement.closest(kn):null}};function $(n,e,o){let i=O.get(n);if(n.classList.add(En),i==null)i={},O.set(n,i);if(!i[e])i[e]=new Set;if(i[e].add(o),!ye.has(e))ye.add(e),K.body.addEventListener(e,Qe,!0);return()=>{i[e].delete(o)}}var R={value:{toDOM:ce,fromDOM(n){return de(n)}},text:{toDOM(n,e){n.textContent=e}},enabled:{toDOM(n,e){n.disabled=!e}},disabled:{toDOM(n,e){n.disabled=Boolean(e)}},list:{toDOM(n,e,o){fe(n,e,o).update(e)}}};var Ke=180/Math.PI,Re=Math.PI/180;function T(n,e,o){return o<n?NaN:e<n?n:e>o?o:e}function F(n,e,o,i=!0){if(i)o=T(0,o,1);return o*(e-n)+n}var me={RADIANS_TO_DEGREES:Ke,DEGREES_TO_RADIANS:Re,clamp:T,lerp:F};function un(n,e=document.body){let o=getComputedStyle(e);if(n.endsWith(")")&&n.startsWith("var("))n=n.slice(4,-1);return o.getPropertyValue(n).trim()}var Ne=(n,e,o)=>{return(0.299*n+0.587*e+0.114*o)/255},I=(n)=>("00"+Math.round(Number(n)).toString(16)).slice(-2);class xe{h;s;l;constructor(n,e,o){n/=255,e/=255,o/=255;let i=Math.max(n,e,o),t=i-Math.min(n,e,o),s=t!==0?i===n?(e-o)/t:i===e?2+(o-n)/t:4+(n-e)/t:0;this.h=60*s<0?60*s+360:60*s,this.s=t!==0?i<=0.5?t/(2*i-t):t/(2-(2*i-t)):0,this.l=(2*i-t)/2}}var G=globalThis.document!==void 0?globalThis.document.createElement("span"):void 0;class a{r;g;b;a;static fromVar(n,e=document.body){return a.fromCss(un(n,e))}static fromCss(n){let e=n;if(G instanceof HTMLSpanElement)G.style.color="black",G.style.color=n,document.body.appendChild(G),e=getComputedStyle(G).color,G.remove();let[o,i,t,s]=e.match(/[\d.]+/g)||["0","0","0","0"],r=e.startsWith("color(srgb")?255:1;return new a(Number(o)*r,Number(i)*r,Number(t)*r,s==null?1:Number(s))}static fromHsl(n,e,o,i=1){let t,s,r;if(e===0)t=s=r=o;else{let d=(E,m,x)=>{if(x<0)x+=1;if(x>1)x-=1;if(x<0.16666666666666666)return E+(m-E)*6*x;if(x<0.5)return m;if(x<0.6666666666666666)return E+(m-E)*(0.6666666666666666-x)*6;return E},l=o<0.5?o*(1+e):o+e-o*e,p=2*o-l,S=(n%360+360)%360/360;t=d(p,l,S+0.3333333333333333),s=d(p,l,S),r=d(p,l,S-0.3333333333333333)}let c=new a(t*255,s*255,r*255,i);return c.hslCached={h:(n%360+360)%360,s:e,l:o},c}static black=new a(0,0,0);static white=new a(255,255,255);constructor(n,e,o,i=1){this.r=T(0,n,255),this.g=T(0,e,255),this.b=T(0,o,255),this.a=T(0,i,1)}get inverse(){return new a(255-this.r,255-this.g,255-this.b,this.a)}get inverseLuminance(){let{h:n,s:e,l:o}=this._hsl;return a.fromHsl(n,e,1-o,this.a)}get opaque(){return this.a===1?this:new a(this.r,this.g,this.b,1)}contrasting(n=1){return this.opaque.blend(this.brightness>0.5?a.black:a.white,n)}get rgb(){let{r:n,g:e,b:o}=this;return`rgb(${n.toFixed(0)},${e.toFixed(0)},${o.toFixed(0)})`}get rgba(){let{r:n,g:e,b:o,a:i}=this;return`rgba(${n.toFixed(0)},${e.toFixed(0)},${o.toFixed(0)},${i.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 xe(this.r,this.g,this.b);return this.hslCached}get hsl(){let{h:n,s:e,l:o}=this._hsl;return`hsl(${n.toFixed(0)}deg ${(e*100).toFixed(0)}% ${(o*100).toFixed(0)}%)`}get hsla(){let{h:n,s:e,l:o}=this._hsl;return`hsl(${n.toFixed(0)}deg ${(e*100).toFixed(0)}% ${(o*100).toFixed(0)}% / ${(this.a*100).toFixed(0)}%)`}get mono(){let n=this.brightness*255;return new a(n,n,n)}get brightness(){return Ne(this.r,this.g,this.b)}get html(){return this.toString()}toString(){return this.a===1?"#"+I(this.r)+I(this.g)+I(this.b):"#"+I(this.r)+I(this.g)+I(this.b)+I(Math.floor(255*this.a))}brighten(n){let{h:e,s:o,l:i}=this._hsl,t=T(0,i+n*(1-i),1);return a.fromHsl(e,o,t,this.a)}darken(n){let{h:e,s:o,l:i}=this._hsl,t=T(0,i*(1-n),1);return a.fromHsl(e,o,t,this.a)}saturate(n){let{h:e,s:o,l:i}=this._hsl,t=T(0,o+n*(1-o),1);return a.fromHsl(e,t,i,this.a)}desaturate(n){let{h:e,s:o,l:i}=this._hsl,t=T(0,o*(1-n),1);return a.fromHsl(e,t,i,this.a)}rotate(n){let{h:e,s:o,l:i}=this._hsl,t=(e+360+n)%360;return a.fromHsl(t,o,i,this.a)}opacity(n){let{h:e,s:o,l:i}=this._hsl;return a.fromHsl(e,o,i,n)}swatch(){return console.log(`%c      %c ${this.html}, ${this.rgba}`,`background-color: ${this.html}`,"background-color: transparent"),this}blend(n,e){return new a(F(this.r,n.r,e),F(this.g,n.g,e),F(this.b,n.b,e),F(this.a,n.a,e))}static blendHue(n,e,o){let i=(e-n+720)%360;if(i<180)return n+o*i;else return n-(360-i)*o}mix(n,e){let o=this._hsl,i=n._hsl;return a.fromHsl(o.s===0?i.h:i.s===0?o.h:a.blendHue(o.h,i.h,e),F(o.s,i.s,e),F(o.l,i.l,e),F(this.a,n.a,e))}colorMix(n,e){return a.fromCss(`color-mix(in hsl, ${this.html}, ${n.html} ${(e*100).toFixed(0)}%)`)}}function X(n){return n.replace(/[A-Z]/g,(e)=>{return`-${e.toLocaleLowerCase()}`})}function he(n){return n.replace(/-([a-z])/g,(e,o)=>{return o.toLocaleUpperCase()})}var no="http://www.w3.org/1998/Math/MathML",eo="http://www.w3.org/2000/svg",pn={},be=(n,e,o)=>{let i=Wn(X(e),o);if(i.prop.startsWith("--"))n.style.setProperty(i.prop,i.value);else n.style[e]=i.value},oo=(n)=>{return{toDOM(e,o){be(e,n,o)}}},we=(n,e,o)=>{if(e==="style")if(typeof o==="object")for(let i of Object.keys(o))if(C(o[i]))b(n,o[i],oo(i));else be(n,i,o[i]);else n.setAttribute("style",o);else if(n[e]!==void 0){let{MathMLElement:i}=globalThis;if(n instanceof SVGElement||i!==void 0&&n instanceof i)n.setAttribute(e,o);else n[e]=o}else{let i=X(e);if(i==="class")o.split(" ").forEach((t)=>{n.classList.add(t)});else if(n[i]!==void 0)n[i]=o;else if(typeof o==="boolean")o?n.setAttribute(i,""):n.removeAttribute(i);else n.setAttribute(i,o)}},io=(n)=>{return{toDOM(e,o){we(e,n,o)}}},to=(n,e,o)=>{if(e==="apply")o(n);else if(e.match(/^on[A-Z]/)!=null){let i=e.substring(2).toLowerCase();$(n,i,o)}else if(e==="bind")if((typeof o.binding==="string"?R[o.binding]:o.binding)!==void 0&&o.value!==void 0)b(n,o.value,o.binding instanceof Function?{toDOM:o.binding}:o.binding);else throw Error("bad binding");else if(e.match(/^bind[A-Z]/)!=null){let i=e.substring(4,5).toLowerCase()+e.substring(5),t=R[i];if(t!==void 0)b(n,o,t);else throw Error(`${e} is not allowed, bindings.${i} is not defined`)}else if(C(o))b(n,o,io(e));else we(n,e,o)},Pn=(n,...e)=>{if(pn[n]===void 0){let[t,s]=n.split("|");if(s===void 0)pn[n]=globalThis.document.createElement(t);else pn[n]=globalThis.document.createElementNS(s,t)}let o=pn[n].cloneNode(),i={};for(let t of e)if(t instanceof Element||t instanceof DocumentFragment||typeof t==="string"||typeof t==="number")if(o instanceof HTMLTemplateElement)o.content.append(t);else o.append(t);else if(C(t))o.append(y.span({bindText:t}));else Object.assign(i,t);for(let t of Object.keys(i)){let s=i[t];to(o,t,s)}return o},jn=(...n)=>{let e=globalThis.document.createDocumentFragment();for(let o of n)e.append(o);return e},y=new Proxy({fragment:jn},{get(n,e){if(e=e.replace(/[A-Z]/g,(o)=>`-${o.toLocaleLowerCase()}`),n[e]===void 0)n[e]=(...o)=>Pn(e,...o);return n[e]},set(){throw Error("You may not add new properties to elements")}}),yn=new Proxy({fragment:jn},{get(n,e){if(n[e]===void 0)n[e]=(...o)=>Pn(`${e}|${eo}`,...o);return n[e]},set(){throw Error("You may not add new properties to elements")}}),mn=new Proxy({fragment:jn},{get(n,e){if(n[e]===void 0)n[e]=(...o)=>Pn(`${e}|${no}`,...o);return n[e]},set(){throw Error("You may not add new properties to elements")}});function ge(n,e){let o=y.style(Y(e));o.id=n,document.head.append(o)}var ro=["animation-iteration-count","flex","flex-base","flex-grow","flex-shrink","opacity","order","tab-size","widows","z-index","zoom"],Wn=(n,e)=>{if(typeof e==="number"&&!ro.includes(n))e=`${e}px`;if(n.startsWith("_"))if(n.startsWith("__"))n="--"+n.substring(2),e=`var(${n}-default, ${e})`;else n="--"+n.substring(1);return{prop:n,value:String(e)}},so=(n,e,o)=>{if(o===void 0)return"";if(o instanceof a)o=o.html;let i=Wn(e,o);return`${n}  ${i.prop}: ${i.value};`},Te=(n,e,o="")=>{let i=X(n);if(typeof e==="object"&&!(e instanceof a)){let t=Object.keys(e).map((s)=>Te(s,e[s],`${o}  `)).join(`
-`);return`${o}  ${n} {
+var{defineProperty:ze,getOwnPropertyNames:Ko,getOwnPropertyDescriptor:Ro}=Object,Uo=Object.prototype.hasOwnProperty;var to=new WeakMap,Vo=(e)=>{var o=to.get(e),n;if(o)return o;if(o=ze({},"__esModule",{value:!0}),e&&typeof e==="object"||typeof e==="function")Ko(e).map((r)=>!Uo.call(o,r)&&ze(o,r,{get:()=>e[r],enumerable:!(n=Ro(e,r))||n.enumerable}));return to.set(e,o),o};var Io=(e,o)=>{for(var n in o)ze(e,n,{get:o[n],enumerable:!0,configurable:!0,set:(r)=>o[n]=()=>r})};var Hn={};Io(Hn,{xinValue:()=>h,xinProxy:()=>ge,xinPath:()=>H,xin:()=>a,version:()=>He,vars:()=>Ce,varDefault:()=>re,updates:()=>Oe,unobserve:()=>J,touchElement:()=>Se,touch:()=>O,tosi:()=>se,throttle:()=>ee,svgElements:()=>xe,settings:()=>W,on:()=>K,observe:()=>Te,mathML:()=>Me,makeComponent:()=>le,invertLuminance:()=>Ho,initVars:()=>So,hotReload:()=>Oo,getListItem:()=>Le,getListInstance:()=>ke,getListBinding:()=>ne,getCssVar:()=>Ee,elements:()=>d,deleteListItem:()=>Jo,debounce:()=>we,css:()=>A,boxedProxy:()=>ce,boxed:()=>V,blueprintLoader:()=>vo,blueprint:()=>Zo,bindings:()=>oe,bind:()=>T,StyleSheet:()=>ko,MoreMath:()=>Mo,Component:()=>D,Color:()=>f,BlueprintLoader:()=>Xe,Blueprint:()=>me});module.exports=Vo(Hn);function g(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(g);let o={};for(let n in e){let r=e[n];if(e!=null&&typeof e==="object")o[n]=g(r);else o[n]=r}return o}var De="-xin-data",F=`.${De}`,Fe="-xin-event",Ye=`.${Fe}`,C="xinPath",Y="xinValue",We="xinObserve",Je="xinBind",je="xinOn",_=Symbol("list-binding"),fe=Symbol("list-instance"),H=(e)=>{return e&&e[C]||void 0};function h(e){if(typeof e==="object"&&e!==null){let o=e[Y];return o!==void 0?o:e}return e}var Q=new WeakMap,X=new WeakMap;var G=(e)=>{let o=e.cloneNode();if(o instanceof Element){let n=X.get(e),r=Q.get(e);if(n!=null)X.set(o,g(n));if(r!=null)Q.set(o,g(r))}for(let n of Array.from(e instanceof HTMLTemplateElement?e.content.childNodes:e.childNodes))if(n instanceof Element||n instanceof DocumentFragment)o.appendChild(G(n));else o.appendChild(n.cloneNode());return o};var W={debug:!1,perf:!1};var io=Symbol("observer should be removed"),ue=[],de=[],qe=!1,Qe,Ge;class so{description;test;callback;constructor(e,o){let n=typeof o==="string"?`"${o}"`:`function ${o.name}`,r;if(typeof e==="string")this.test=(t)=>typeof t==="string"&&t!==""&&(e.startsWith(t)||t.startsWith(e)),r=`test = "${e}"`;else if(e instanceof RegExp)this.test=e.test.bind(e),r=`test = "${e.toString()}"`;else if(e instanceof Function)this.test=e,r=`test = function ${e.name}`;else throw Error("expect listener test to be a string, RegExp, or test function");if(this.description=`${r}, ${n}`,typeof o==="function")this.callback=o;else throw Error("expect callback to be a path or function");ue.push(this)}}var Oe=async()=>{if(Qe===void 0)return;await Qe},Bo=()=>{if(W.perf)console.time("xin async update");let e=Array.from(de);for(let o of e)ue.filter((n)=>{let r;try{r=n.test(o)}catch(t){throw Error(`Listener ${n.description} threw "${t}" at "${o}"`)}if(r===io)return J(n),!1;return r}).forEach((n)=>{let r;try{r=n.callback(o)}catch(t){console.error(`Listener ${n.description} threw "${t}" handling "${o}"`)}if(r===io)J(n)});if(de.splice(0),qe=!1,typeof Ge==="function")Ge();if(W.perf)console.timeEnd("xin async update")},O=(e)=>{let o=typeof e==="string"?e:H(e);if(o===void 0)throw console.error("touch was called on an invalid target",e),Error("touch was called on an invalid target");if(qe===!1)Qe=new Promise((n)=>{Ge=n}),qe=setTimeout(Bo);if(de.find((n)=>o.startsWith(n))==null)de.push(o)},Z=(e,o)=>{return new so(e,o)},J=(e)=>{let o=ue.indexOf(e);if(o>-1)ue.splice(o,1);else throw Error("unobserve failed, listener not found")};var ae={},Ze=null,co=(e)=>{Ze=e},ye=()=>{if(Ze===null)throw Error("xin proxy not initialized");return Ze},ve=null,Ae=null,lo=(e,o)=>{ve=e,Ae=o},pe=()=>{if(ve===null)throw Error("bind not initialized");return ve},he=()=>{if(Ae===null)throw Error("on not initialized");return Ae};var Ke=(e,o)=>{let n=new Event(o);e.dispatchEvent(n)},fo=(e)=>{if(e instanceof HTMLInputElement)return e.type;else if(e instanceof HTMLSelectElement&&e.hasAttribute("multiple"))return"multi-select";else return"other"},uo=(e,o)=>{switch(fo(e)){case"radio":e.checked=e.value===o;break;case"checkbox":e.checked=!!o;break;case"date":e.valueAsDate=new Date(o);break;case"multi-select":for(let n of Array.from(e.querySelectorAll("option")))n.selected=o[n.value];break;default:e.value=o}},ao=(e)=>{switch(fo(e)){case"radio":{let o=e.parentElement?.querySelector(`[name="${e.name}"]:checked`);return o!=null?o.value:null}case"checkbox":return e.checked;case"date":return e.valueAsDate?.toISOString();case"multi-select":return Array.from(e.querySelectorAll("option")).reduce((o,n)=>{return o[n.value]=n.selected,o},{});default:return e.value}},{ResizeObserver:mo}=globalThis,N=mo!=null?new mo((e)=>{for(let o of e){let n=o.target;Ke(n,"resize")}}):{observe(){},unobserve(){}},Re=(e,o,n=!0)=>{if(e!=null&&o!=null)if(typeof o==="string")e.textContent=o;else if(Array.isArray(o))o.forEach((r)=>{e.append(r instanceof Node&&n?G(r):r)});else if(o instanceof Node)e.append(n?G(o):o);else throw Error("expect text content or document node")};var we=(e,o=250)=>{let n;return(...r)=>{if(n!==void 0)clearTimeout(n);n=setTimeout(()=>{e(...r)},o)}},ee=(e,o=250)=>{let n,r=Date.now()-o,t=!1;return(...i)=>{if(clearTimeout(n),n=setTimeout(()=>{e(...i),r=Date.now()},o),!t&&Date.now()-r>=o){t=!0;try{e(...i),r=Date.now()}finally{t=!1}}}};var Po=(e)=>{try{return JSON.stringify(e)}catch(o){return"{has circular references}"}},Ue=(...e)=>Error(e.map(Po).join(" "));var _o=()=>new Date(parseInt("1000000000",36)+Date.now()).valueOf().toString(36).slice(1),No=0,en=()=>(parseInt("10000",36)+ ++No).toString(36).slice(-5),on=()=>_o()+en(),Ie=Symbol("delete"),ho=Symbol("new-object"),Ve=Symbol("automatic-index");function wo(e){if(e==="")return[];if(Array.isArray(e))return e;else{let o=[];while(e.length>0){let n=e.search(/\[[^\]]+\]/);if(n===-1){o.push(e.split("."));break}else{let r=e.slice(0,n);if(e=e.slice(n),r!=="")o.push(r.split("."));if(n=e.indexOf("]")+1,o.push(e.slice(1,n-1)),e.slice(n,n+1)===".")n+=1;e=e.slice(n)}}return o}}var $=new WeakMap;function Eo(e,o){if($.get(e)===void 0)$.set(e,{});if($.get(e)[o]===void 0)$.get(e)[o]={};let n=$.get(e)[o];if(o==="_auto_")e.forEach((r,t)=>{if(r[Ve]===void 0)r[Ve]=on();n[r[Ve]+""]=t});else e.forEach((r,t)=>{n[B(r,o)+""]=t});return n}function nn(e,o){if($.get(e)===void 0||$.get(e)[o]===void 0)return Eo(e,o);else return $.get(e)[o]}function rn(e,o,n){n=n+"";let r=nn(e,o)[n];if(r===void 0||B(e[r],o)+""!==n)r=Eo(e,o)[n];return r}function tn(e,o,n){if(e[o]===void 0&&n!==void 0)e[o]=n;return e[o]}function Co(e,o,n,r){let t=o!==""?rn(e,o,n):n;if(r===Ie)return e.splice(t,1),$.delete(e),Symbol("deleted");else if(r===ho){if(o===""&&e[t]===void 0)e[t]={}}else if(r!==void 0)if(t!==void 0)e[t]=r;else if(o!==""&&B(r,o)+""===n+"")e.push(r),t=e.length-1;else throw Error(`byIdPath insert failed at [${o}=${n}]`);return e[t]}function yo(e){if(!Array.isArray(e))throw Ue("setByPath failed: expected array, found",e)}function po(e){if(e==null||!(e instanceof Object))throw Ue("setByPath failed: expected Object, found",e)}function B(e,o){let n=wo(o),r=e,t,i,c,s;for(t=0,i=n.length;r!==void 0&&t<i;t++){let l=n[t];if(Array.isArray(l))for(c=0,s=l.length;r!==void 0&&c<s;c++){let m=l[c];r=r[m]}else if(r.length===0){if(r=r[Number(l.slice(1))],l[0]!=="=")return}else if(l.includes("=")){let[m,...u]=l.split("=");r=Co(r,m,u.join("="))}else c=parseInt(l,10),r=r[c]}return r}function bo(e,o,n){let r=e;if(o==="")throw Error("setByPath cannot be used to set the root object");let t=wo(o);while(r!=null&&t.length>0){let i=t.shift();if(typeof i==="string"){let c=i.indexOf("=");if(c>-1){if(c===0)po(r);else yo(r);let s=i.slice(0,c),l=i.slice(c+1);if(r=Co(r,s,l,t.length>0?ho:n),t.length===0)return!0}else{yo(r);let s=parseInt(i,10);if(t.length>0)r=r[s];else{if(n!==Ie){if(r[s]===n)return!1;r[s]=n}else r.splice(s,1);return!0}}}else if(Array.isArray(i)&&i.length>0){po(r);while(i.length>0){let c=i.shift();if(i.length>0||t.length>0)r=tn(r,c,i.length>0?{}:[]);else{if(n!==Ie){if(r[c]===n)return!1;r[c]=n}else{if(!Object.prototype.hasOwnProperty.call(r,c))return!1;delete r[c]}return!0}}}else throw Error(`setByPath failed, bad path ${o}`)}throw Error(`setByPath(${e}, ${o}, ${n}) failed`)}var oe={value:{toDOM:uo,fromDOM(e){return ao(e)}},text:{toDOM(e,o){e.textContent=o}},enabled:{toDOM(e,o){e.disabled=!o}},disabled:{toDOM(e,o){e.disabled=Boolean(o)}},list:{toDOM(e,o,n){ne(e,o,n).update(o)}}};function x(e){return e.replace(/[A-Z]/g,(o)=>{return`-${o.toLocaleLowerCase()}`})}function xo(e){return e.replace(/-([a-z])/g,(o,n)=>{return n.toLocaleUpperCase()})}var sn=180/Math.PI,cn=Math.PI/180;function M(e,o,n){return n<e?NaN:o<e?e:o>n?n:o}function z(e,o,n,r=!0){if(r)n=M(0,n,1);return n*(o-e)+e}var Mo={RADIANS_TO_DEGREES:sn,DEGREES_TO_RADIANS:cn,clamp:M,lerp:z};function Ee(e,o=document.body){let n=getComputedStyle(o);if(e.endsWith(")")&&e.startsWith("var("))e=e.slice(4,-1);return n.getPropertyValue(e).trim()}var ln=(e,o,n)=>{return(0.299*e+0.587*o+0.114*n)/255},v=(e)=>("00"+Math.round(Number(e)).toString(16)).slice(-2);class To{h;s;l;constructor(e,o,n){e/=255,o/=255,n/=255;let r=Math.max(e,o,n),t=r-Math.min(e,o,n),i=t!==0?r===e?(o-n)/t:r===o?2+(n-e)/t:4+(e-o)/t:0;this.h=60*i<0?60*i+360:60*i,this.s=t!==0?r<=0.5?t/(2*r-t):t/(2-(2*r-t)):0,this.l=(2*r-t)/2}}var P=globalThis.document!==void 0?globalThis.document.createElement("span"):void 0;class f{r;g;b;a;static fromVar(e,o=document.body){return f.fromCss(Ee(e,o))}static fromCss(e){let o=e;if(P instanceof HTMLSpanElement)P.style.color="black",P.style.color=e,document.body.appendChild(P),o=getComputedStyle(P).color,P.remove();let[n,r,t,i]=o.match(/[\d.]+/g)||["0","0","0","0"],c=o.startsWith("color(srgb")?255:1;return new f(Number(n)*c,Number(r)*c,Number(t)*c,i==null?1:Number(i))}static fromHsl(e,o,n,r=1){let t,i,c;if(o===0)t=i=c=n;else{let l=(E,k,w)=>{if(w<0)w+=1;if(w>1)w-=1;if(w<0.16666666666666666)return E+(k-E)*6*w;if(w<0.5)return k;if(w<0.6666666666666666)return E+(k-E)*(0.6666666666666666-w)*6;return E},m=n<0.5?n*(1+o):n+o-n*o,u=2*n-m,y=(e%360+360)%360/360;t=l(u,m,y+0.3333333333333333),i=l(u,m,y),c=l(u,m,y-0.3333333333333333)}let s=new f(t*255,i*255,c*255,r);return s.hslCached={h:(e%360+360)%360,s:o,l:n},s}static black=new f(0,0,0);static white=new f(255,255,255);constructor(e,o,n,r=1){this.r=M(0,e,255),this.g=M(0,o,255),this.b=M(0,n,255),this.a=M(0,r,1)}get inverse(){return new f(255-this.r,255-this.g,255-this.b,this.a)}get inverseLuminance(){let{h:e,s:o,l:n}=this._hsl;return f.fromHsl(e,o,1-n,this.a)}get opaque(){return this.a===1?this:new f(this.r,this.g,this.b,1)}contrasting(e=1){return this.opaque.blend(this.brightness>0.5?f.black:f.white,e)}get rgb(){let{r:e,g:o,b:n}=this;return`rgb(${e.toFixed(0)},${o.toFixed(0)},${n.toFixed(0)})`}get rgba(){let{r:e,g:o,b:n,a:r}=this;return`rgba(${e.toFixed(0)},${o.toFixed(0)},${n.toFixed(0)},${r.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 To(this.r,this.g,this.b);return this.hslCached}get hsl(){let{h:e,s:o,l:n}=this._hsl;return`hsl(${e.toFixed(0)}deg ${(o*100).toFixed(0)}% ${(n*100).toFixed(0)}%)`}get hsla(){let{h:e,s:o,l:n}=this._hsl;return`hsl(${e.toFixed(0)}deg ${(o*100).toFixed(0)}% ${(n*100).toFixed(0)}% / ${(this.a*100).toFixed(0)}%)`}get mono(){let e=this.brightness*255;return new f(e,e,e)}get brightness(){return ln(this.r,this.g,this.b)}get html(){return this.toString()}toString(){return this.a===1?"#"+v(this.r)+v(this.g)+v(this.b):"#"+v(this.r)+v(this.g)+v(this.b)+v(Math.floor(255*this.a))}brighten(e){let{h:o,s:n,l:r}=this._hsl,t=M(0,r+e*(1-r),1);return f.fromHsl(o,n,t,this.a)}darken(e){let{h:o,s:n,l:r}=this._hsl,t=M(0,r*(1-e),1);return f.fromHsl(o,n,t,this.a)}saturate(e){let{h:o,s:n,l:r}=this._hsl,t=M(0,n+e*(1-n),1);return f.fromHsl(o,t,r,this.a)}desaturate(e){let{h:o,s:n,l:r}=this._hsl,t=M(0,n*(1-e),1);return f.fromHsl(o,t,r,this.a)}rotate(e){let{h:o,s:n,l:r}=this._hsl,t=(o+360+e)%360;return f.fromHsl(t,n,r,this.a)}opacity(e){let{h:o,s:n,l:r}=this._hsl;return f.fromHsl(o,n,r,e)}swatch(){return console.log(`%c      %c ${this.html}, ${this.rgba}`,`background-color: ${this.html}`,"background-color: transparent"),this}blend(e,o){return new f(z(this.r,e.r,o),z(this.g,e.g,o),z(this.b,e.b,o),z(this.a,e.a,o))}static blendHue(e,o,n){let r=(o-e+720)%360;if(r<180)return e+n*r;else return e-(360-r)*n}mix(e,o){let n=this._hsl,r=e._hsl;return f.fromHsl(n.s===0?r.h:r.s===0?n.h:f.blendHue(n.h,r.h,o),z(n.s,r.s,o),z(n.l,r.l,o),z(this.a,e.a,o))}colorMix(e,o){return f.fromCss(`color-mix(in hsl, ${this.html}, ${e.html} ${(o*100).toFixed(0)}%)`)}}function ko(e,o){let n=d.style(A(o));n.id=e,document.head.append(n)}var mn=["animation-iteration-count","flex","flex-base","flex-grow","flex-shrink","opacity","order","tab-size","widows","z-index","zoom"],Be=(e,o)=>{if(typeof o==="number"&&!mn.includes(e))o=`${o}px`;if(e.startsWith("_"))if(e.startsWith("__"))e="--"+e.substring(2),o=`var(${e}-default, ${o})`;else e="--"+e.substring(1);return{prop:e,value:String(o)}},fn=(e,o,n)=>{if(n===void 0)return"";if(n instanceof f)n=n.html;let r=Be(o,n);return`${e}  ${r.prop}: ${r.value};`},Lo=(e,o,n="")=>{let r=x(e);if(typeof o==="object"&&!(o instanceof f)){let t=Object.keys(o).map((i)=>Lo(i,o[i],`${n}  `)).join(`
+`);return`${n}  ${e} {
 ${t}
-${o}  }`}else return so(o,i,e)},Y=(n,e="")=>{return Object.keys(n).map((i)=>{let t=n[i];if(typeof t==="string"){if(i==="@import")return`@import url('${t}');`;throw Error("top-level string value only allowed for `@import`")}let s=Object.keys(t).map((r)=>Te(r,t[r])).join(`
-`);return`${e}${i} {
-${s}
+${n}  }`}else return fn(n,r,o)},A=(e,o="")=>{return Object.keys(e).map((r)=>{let t=e[r];if(typeof t==="string"){if(r==="@import")return`@import url('${t}');`;throw Error("top-level string value only allowed for `@import`")}let i=Object.keys(t).map((c)=>Lo(c,t[c])).join(`
+`);return`${o}${r} {
+${i}
 }`}).join(`
 
-`)},Xe=(n)=>{console.warn("initVars is deprecated. Just use _ and __ prefixes instead.");let e={};for(let o of Object.keys(n)){let i=n[o],t=X(o);e[`--${t}`]=typeof i==="number"&&i!==0?String(i)+"px":i}return e},Se=(n)=>{let e={};for(let o of Object.keys(n)){let i=n[o];if(i instanceof a)e[o]=i.inverseLuminance;else if(typeof i==="string"&&i.match(/^(#[0-9a-fA-F]{3}|rgba?\(|hsla?\()/))e[o]=a.fromCss(i).inverseLuminance}return e},N=new Proxy({},{get(n,e){if(n[e]===void 0){let o="--"+X(e);n[e]=(i)=>`var(${o}, ${i})`}return n[e]}}),xn=new Proxy({},{get(n,e){if(e==="default")return N;if(n[e]==null){e=X(e);let[,o,,i,t,s]=e.match(/^([-\w]*?)((_)?(\d+)(\w?))?$/)||["",e],r=`--${o}`;if(t!=null){let c=i==null?Number(t)/100:-Number(t)/100;switch(s){case"b":{let d=a.fromVar(r);n[e]=c>0?d.brighten(c).rgba:d.darken(-c).rgba}break;case"s":{let d=a.fromVar(r);n[e]=c>0?d.saturate(c).rgba:d.desaturate(-c).rgba}break;case"h":{let d=a.fromVar(r);n[e]=d.rotate(c*100).rgba}break;case"o":{let d=a.fromVar(r);n[e]=d.opacity(c).rgba}break;case"":n[e]=`calc(var(${r}) * ${c})`;break;default:throw console.error(s),Error(`Unrecognized method ${s} for css variable ${r}`)}}else n[e]=`var(${r})`}return n[e]}});var co=0;function In(){return`custom-elt${(co++).toString(36)}`}var Ee=0,nn={};function ao(n,e){let o=nn[n],i=Y(e).replace(/:host\b/g,n);nn[n]=o?o+`
-`+i:i}function lo(n){if(nn[n])document.head.append(y.style({id:n+"-component"},nn[n]));delete nn[n]}class L extends HTMLElement{static elements=y;static _elementCreator;instanceId;styleNode;static styleSpec;static styleNode;content=y.slot();isSlotted;static _tagName=null;static get tagName(){return this._tagName}static StyleNode(n){return console.warn("StyleNode is deprecated, just assign static styleSpec: XinStyleSheet to the class directly"),y.style(Y(n))}static elementCreator(n={}){let e=this;if(e._elementCreator==null){let{tag:o,styleSpec:i}=n,t=n!=null?o:null;if(t==null)if(typeof e.name==="string"&&e.name!==""){if(t=X(e.name),t.startsWith("-"))t=t.slice(1)}else t=In();if(customElements.get(t)!=null)console.warn(`${t} is already defined`);if(t.match(/\w+(-\w+)+/)==null)console.warn(`${t} is not a legal tag for a custom-element`),t=In();while(customElements.get(t)!==void 0)t=In();if(e._tagName=t,i!==void 0)ao(t,i);window.customElements.define(t,this,n),e._elementCreator=y[t]}return e._elementCreator}initAttributes(...n){let e={},o={};new MutationObserver((t)=>{let s=!1;if(t.forEach((r)=>{s=!!(r.attributeName&&n.includes(he(r.attributeName)))}),s&&this.queueRender!==void 0)this.queueRender(!1)}).observe(this,{attributes:!0}),n.forEach((t)=>{e[t]=v(this[t]);let s=X(t);Object.defineProperty(this,t,{enumerable:!1,get(){if(typeof e[t]==="boolean")return this.hasAttribute(s);else if(this.hasAttribute(s))return typeof e[t]==="number"?parseFloat(this.getAttribute(s)):this.getAttribute(s);else if(o[t]!==void 0)return o[t];else return e[t]},set(r){if(typeof e[t]==="boolean"){if(r!==this[t]){if(r)this.setAttribute(s,"");else this.removeAttribute(s);this.queueRender()}}else if(typeof e[t]==="number"){if(r!==parseFloat(this[t]))this.setAttribute(s,r),this.queueRender()}else if(typeof r==="object"||`${r}`!==`${this[t]}`){if(r===null||r===void 0||typeof r==="object")this.removeAttribute(s);else this.setAttribute(s,r);this.queueRender(),o[t]=r}}})})}initValue(){let n=Object.getOwnPropertyDescriptor(this,"value");if(n===void 0||n.get!==void 0||n.set!==void 0)return;let e=this.hasAttribute("value")?this.getAttribute("value"):v(this.value);delete this.value,Object.defineProperty(this,"value",{enumerable:!1,get(){return e},set(o){if(e!==o)e=o,this.queueRender(!0)}})}_parts;get parts(){let n=this.shadowRoot!=null?this.shadowRoot:this;if(this._parts==null)this._parts=new Proxy({},{get(e,o){if(e[o]===void 0){let i=n.querySelector(`[part="${o}"]`);if(i==null)i=n.querySelector(o);if(i==null)throw Error(`elementRef "${o}" does not exist!`);i.removeAttribute("data-ref"),e[o]=i}return e[o]}});return this._parts}constructor(){super();Ee+=1,this.initAttributes("hidden"),this.instanceId=`${this.tagName.toLocaleLowerCase()}-${Ee}`,this._value=v(this.defaultValue)}connectedCallback(){if(lo(this.constructor.tagName),this.hydrate(),this.role!=null)this.setAttribute("role",this.role);if(this.onResize!==void 0){if(q.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");this.queueRender()}disconnectedCallback(){q.unobserve(this)}_changeQueued=!1;_renderQueued=!1;queueRender(n=!1){if(!this._hydrated)return;if(!this._changeQueued)this._changeQueued=n;if(!this._renderQueued)this._renderQueued=!0,requestAnimationFrame(()=>{if(this._changeQueued)zn(this,"change");this._changeQueued=!1,this._renderQueued=!1,this.render()})}_hydrated=!1;hydrate(){if(!this._hydrated){this.initValue();let n=typeof this.content!=="function",e=typeof this.content==="function"?this.content():this.content,{styleSpec:o}=this.constructor,{styleNode:i}=this.constructor;if(o)i=this.constructor.styleNode=y.style(Y(o)),delete this.constructor.styleNode;if(this.styleNode)console.warn(this,"styleNode is deprecrated, use static styleNode or statc styleSpec instead"),i=this.styleNode;if(i){let t=this.attachShadow({mode:"open"});t.appendChild(i.cloneNode(!0)),An(t,e,n)}else if(e!==null){let t=Array.from(this.childNodes);An(this,e,n),this.isSlotted=this.querySelector("slot,xin-slot")!==void 0;let s=Array.from(this.querySelectorAll("slot"));if(s.length>0)s.forEach(Yn.replaceSlot);if(t.length>0){let r={"":this};Array.from(this.querySelectorAll("xin-slot")).forEach((c)=>{r[c.name]=c}),t.forEach((c)=>{let d=r[""],l=c instanceof Element?r[c.slot]:d;(l!==void 0?l:d).append(c)})}}this._hydrated=!0}}render(){}}class Yn extends L{name="";content=null;static replaceSlot(n){let e=document.createElement("xin-slot");if(n.name!=="")e.setAttribute("name",n.name);n.replaceWith(e)}constructor(){super();this.initAttributes("name")}}var gi=Yn.elementCreator({tag:"xin-slot"});var ke=(n=()=>!0)=>{let e=localStorage.getItem("xin-state");if(e!=null){let i=JSON.parse(e);for(let t of Object.keys(i).filter(n))if(f[t]!==void 0)Object.assign(f[t],i[t]);else f[t]=i[t]}let o=an(()=>{let i={},t=h(f);for(let s of Object.keys(t).filter(n))i[s]=t[s];localStorage.setItem("xin-state",JSON.stringify(i)),console.log("xin state saved to localStorage")},500);U(n,o)};var hn="1.0.9";function Jn(n){return Object.assign(W,n),W}function en(n){return console.warn("boxedProxy is deprecated, please use tosi() instead"),Jn(n)}function bn(n,e=!1){if(e)return console.warn("xinProxy(..., true) is deprecated; use tosi(...) instead"),en(n);return Object.keys(n).forEach((o)=>{f[o]=n[o]}),f}var fo={};async function on(n,e){let{type:o,styleSpec:i}=await e(n,{Color:a,Component:L,elements:y,svgElements:yn,mathML:mn,varDefault:N,vars:xn,xin:f,boxed:W,xinProxy:bn,boxedProxy:en,makeComponent:on,bind:b,on:$,version:hn}),t={type:o,creator:o.elementCreator({tag:n,styleSpec:i})};return fo[n]=t,t}var Vn={},uo=(n)=>import(n);class tn extends L{tag="anon-elt";src="";property="default";loaded;blueprintLoaded=(n)=>{};async packaged(){let{tag:n,src:e,property:o}=this,i=`${n}.${o}:${e}`;if(!this.loaded){if(Vn[i]===void 0)Vn[i]=uo(e).then((t)=>{let s=t[o];return on(n,s)});else console.log(`using cached ${n} with signature ${i}`);this.loaded=await Vn[i],this.blueprintLoaded(this.loaded)}return this.loaded}constructor(){super();this.initAttributes("tag","src","property")}}var Ce=tn.elementCreator({tag:"xin-blueprint",styleSpec:{":host":{display:"none"}}});class wn extends L{allLoaded=()=>{};constructor(){super()}async load(){let e=Array.from(this.querySelectorAll(tn.tagName)).filter((o)=>o.src).map((o)=>o.packaged());await Promise.all(e),this.allLoaded()}connectedCallback(){super.connectedCallback(),this.load()}}var ve=wn.elementCreator({tag:"xin-loader",styleSpec:{":host":{display:"none"}}});
+`)},So=(e)=>{console.warn("initVars is deprecated. Just use _ and __ prefixes instead.");let o={};for(let n of Object.keys(e)){let r=e[n],t=x(n);o[`--${t}`]=typeof r==="number"&&r!==0?String(r)+"px":r}return o},Ho=(e)=>{let o={};for(let n of Object.keys(e)){let r=e[n];if(r instanceof f)o[n]=r.inverseLuminance;else if(typeof r==="string"&&r.match(/^(#[0-9a-fA-F]{3}|rgba?\(|hsla?\()/))o[n]=f.fromCss(r).inverseLuminance}return o},re=new Proxy({},{get(e,o){if(e[o]===void 0){let n="--"+x(o);e[o]=(r)=>`var(${n}, ${r})`}return e[o]}}),Ce=new Proxy({},{get(e,o){if(o==="default")return re;if(e[o]==null){o=x(o);let[,n,,r,t,i]=o.match(/^([-\w]*?)((_)?(\d+)(\w?))?$/)||["",o],c=`--${n}`;if(t!=null){let s=r==null?Number(t)/100:-Number(t)/100;switch(i){case"b":{let l=f.fromVar(c);e[o]=s>0?l.brighten(s).rgba:l.darken(-s).rgba}break;case"s":{let l=f.fromVar(c);e[o]=s>0?l.saturate(s).rgba:l.desaturate(-s).rgba}break;case"h":{let l=f.fromVar(c);e[o]=l.rotate(s*100).rgba}break;case"o":{let l=f.fromVar(c);e[o]=l.opacity(s).rgba}break;case"":e[o]=`calc(var(${c}) * ${s})`;break;default:throw console.error(i),Error(`Unrecognized method ${i} for css variable ${c}`)}}else e[o]=`var(${c})`}return e[o]}});var go="http://www.w3.org/1998/Math/MathML",Xo="http://www.w3.org/2000/svg";var be={},$o=(e,o,n)=>{let r=Be(x(o),n);if(r.prop.startsWith("--"))e.style.setProperty(r.prop,r.value);else e.style[o]=r.value},un=(e)=>{return{toDOM(o,n){$o(o,e,n)}}},zo=(e,o,n)=>{if(o==="style")if(typeof n==="object")for(let r of Object.keys(n))if(H(n[r]))T(e,n[r],un(r));else $o(e,r,n[r]);else e.setAttribute("style",n);else if(e[o]!==void 0){let{MathMLElement:r}=globalThis;if(e instanceof SVGElement||r!==void 0&&e instanceof r)e.setAttribute(o,n);else e[o]=n}else{let r=x(o);if(r==="class")n.split(" ").forEach((t)=>{e.classList.add(t)});else if(e[r]!==void 0)e[r]=n;else if(typeof n==="boolean")n?e.setAttribute(r,""):e.removeAttribute(r);else e.setAttribute(r,n)}},dn=(e)=>{return{toDOM(o,n){zo(o,e,n)}}},an=(e,o,n)=>{if(o==="apply")n(e);else if(o.match(/^on[A-Z]/)!=null){let r=o.substring(2).toLowerCase();K(e,r,n)}else if(o==="bind")if((typeof n.binding==="string"?oe[n.binding]:n.binding)!==void 0&&n.value!==void 0)T(e,n.value,n.binding instanceof Function?{toDOM:n.binding}:n.binding);else throw Error("bad binding");else if(o.match(/^bind[A-Z]/)!=null){let r=o.substring(4,5).toLowerCase()+o.substring(5),t=oe[r];if(t!==void 0)T(e,n,t);else throw Error(`${o} is not allowed, bindings.${r} is not defined`)}else if(H(n))T(e,n,dn(o));else zo(e,o,n)},Pe=(e,...o)=>{if(be[e]===void 0){let[t,i]=e.split("|");if(i===void 0)be[e]=globalThis.document.createElement(t);else be[e]=globalThis.document.createElementNS(i,t)}let n=be[e].cloneNode(),r={};for(let t of o)if(t instanceof Element||t instanceof DocumentFragment||typeof t==="string"||typeof t==="number")if(n instanceof HTMLTemplateElement)n.content.append(t);else n.append(t);else if(H(t))n.append(d.span({bindText:t}));else Object.assign(r,t);for(let t of Object.keys(r)){let i=r[t];an(n,t,i)}return n},_e=(...e)=>{let o=globalThis.document.createDocumentFragment();for(let n of e)o.append(n);return o},d=new Proxy({fragment:_e},{get(e,o){if(o=o.replace(/[A-Z]/g,(n)=>`-${n.toLocaleLowerCase()}`),e[o]===void 0)e[o]=(...n)=>Pe(o,...n);return e[o]},set(){throw Error("You may not add new properties to elements")}}),xe=new Proxy({fragment:_e},{get(e,o){if(e[o]===void 0)e[o]=(...n)=>Pe(`${o}|${Xo}`,...n);return e[o]},set(){throw Error("You may not add new properties to elements")}}),Me=new Proxy({fragment:_e},{get(e,o){if(e[o]===void 0)e[o]=(...n)=>Pe(`${o}|${go}`,...n);return e[o]},set(){throw Error("You may not add new properties to elements")}});var yn=["sort","splice","copyWithin","fill","pop","push","reverse","shift","unshift"],pn=!0,hn=/^\.?([^.[\](),])+(\.[^.[\](),]+|\[\d+\]|\[[^=[\](),]*=[^[\]()]+\])*$/,wn=(e)=>hn.test(e),R=(e="",o="")=>{if(e==="")return o;else if(o.match(/^\d+$/)!==null||o.includes("="))return`${e}[${o}]`;else return`${e}.${o}`},En={string(e){return new String(e)},boolean(e){return new Boolean(e)},bigint(e){return e},symbol(e){return e},number(e){return new Number(e)}},j=Symbol("undefined");function Ne(e,o){if(e===void 0||e===null)return new Proxy({[j]:e===null?"null":"undefined"},q(o,!0));let n=typeof e;if(n==="object"||n==="function")return e;else return new Proxy(En[typeof e](e),q(o,!0))}var eo=()=>new Proxy({},q("^",!0)),Do=!1;function U(){if(!Do)console.warn("xinValue, tosiValue, xinPath, tosiPath, etc. are deprecated. Use value, path, observe, bind, on, binding, listBinding instead."),Do=!0}var Fo=(e)=>{return e instanceof Number||e instanceof String||e instanceof Boolean||j in e},q=(e,o)=>({get(n,r){if(Fo(n))switch(r){case"path":return e;case"value":return n[j]?n[j]==="null"?null:void 0:n.valueOf?n.valueOf():n;case"observe":return(s)=>{let l=Z(e,s);return()=>J(l)};case"on":return(s,l)=>he()(s,l,h(n));case"bind":return(s,l,m)=>{pe()(s,e,l,m)};case"binding":return(s)=>({bind:{value:e,binding:s}});case"listBinding":return(s=({span:m})=>m({bindText:"^"}),l={})=>[{bindList:{value:e,...l}},d.template(s(d,eo()))];case Y:case"tosiValue":return U(),n[j]?n[j]==="null"?null:void 0:n.valueOf?n.valueOf():n;case C:case"tosiPath":return U(),e;case We:case"tosiObserve":return U(),(s)=>{let l=Z(e,s);return()=>J(l)};case je:case"tosiOn":return U(),(s,l)=>he()(s,l,h(n));case Je:case"tosiBind":return U(),(s,l,m)=>{pe()(s,e,l,m)};case"tosiBinding":return U(),(s)=>({bind:{value:e,binding:s}});case"tosiListBinding":return U(),(s=({span:m})=>m({bindText:"^"}),l={})=>[{bindList:{value:e,...l}},d.template(s(d,eo()))]}switch(r){case C:case"tosiPath":return e;case Y:case"tosiValue":return n[j]?n[j]==="null"?null:void 0:n.valueOf?n.valueOf():n;case We:case"tosiObserve":return(s)=>{let l=Z(e,s);return()=>J(l)};case je:case"tosiOn":return(s,l)=>he()(s,l,h(n));case Je:case"tosiBind":return(s,l,m)=>{pe()(s,e,l,m)};case"tosiBinding":return(s)=>({bind:{value:e,binding:s}});case"tosiListBinding":return(s=({span:m})=>m({bindText:"^"}),l={})=>[{bindList:{value:e,...l}},d.template(s(d,eo()))]}if(typeof r==="symbol")return n[r];let t=Object.getOwnPropertyDescriptor(n,r);if(t&&!t.configurable&&!t.writable&&"value"in t)return t.value;let i=r,c=i.match(/^([^.[]+)\.(.+)$/)??i.match(/^([^\]]+)(\[.+)/)??i.match(/^(\[[^\]]+\])\.(.+)$/)??i.match(/^(\[[^\]]+\])\[(.+)$/);if(c!==null){let[,s,l]=c,m=R(e,s),u=B(n,s);return u!==null&&typeof u==="object"?new Proxy(u,q(m,o))[l]:u}if(i.startsWith("[")&&i.endsWith("]"))i=i.substring(1,i.length-1);if(!Array.isArray(n)&&n[i]!==void 0||Array.isArray(n)&&i.includes("=")){let s;if(i.includes("=")){let[l,m]=i.split("=");s=n.find((u)=>`${B(u,l)}`===m)}else s=n[i];if(s instanceof Object){let l=R(e,i);return new Proxy(s instanceof Function?s.bind(n):s,q(l,o))}else return o?Ne(s,R(e,i)):s}else if(Array.isArray(n)){let s=n[i];return typeof s==="function"?(...l)=>{let m=l.map((y)=>h(y)),u=s.apply(n,m);if(yn.includes(i))O(e);return u}:typeof s==="object"?new Proxy(s,q(R(e,i),o)):o?Ne(s,R(e,i)):s}else return o?Ne(n[i],R(e,i)):n[i]},set(n,r,t){t=h(t);let c=r===Y||r==="value"&&Fo(n)?e:R(e,r);if(pn&&!wn(c))throw Error(`setting invalid path ${c}`);if(h(a[c])!==t&&bo(ae,c,t))O(c);return!0}}),Te=(e,o)=>{let n=typeof o==="function"?o:a[o];if(typeof n!=="function")throw Error(`observe expects a function or path to a function, ${o} is neither`);return Z(e,n)},a=new Proxy(ae,q("",!1));co(a);var V=new Proxy(ae,q("",!0));var Cn=16,bn=100;function Yo(e,o){let n=Array.from(e.querySelectorAll(F));if(e.matches(F))n.unshift(e);for(let r of n){let t=X.get(r);for(let i of t){if(i.path.startsWith("^"))i.path=`${o}${i.path.substring(1)}`;if(i.binding.toDOM!=null)i.binding.toDOM(r,a[i.path])}}}class Wo{boundElement;listTop;listBottom;template;options;itemToElement;array=[];_update;_previousSlice;static filterBoundObservers=new WeakMap;constructor(e,o,n={}){if(this.boundElement=e,this.itemToElement=new WeakMap,e.children.length!==1)throw Error("ListBinding expects an element with exactly one child element");if(e.children[0]instanceof HTMLTemplateElement){let r=e.children[0];if(r.content.children.length!==1)throw Error("ListBinding expects a template with exactly one child element");this.template=G(r.content.children[0])}else this.template=e.children[0],this.template.remove();if(this.options=n,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),n.virtual!=null)if(N.observe(this.boundElement),this._update=ee(()=>{this.update(this.array,!0)},Cn),this.boundElement.addEventListener("resize",this._update),n.virtual.scrollContainer==="window")window.addEventListener("scroll",this._update),window.addEventListener("resize",this._update);else this.boundElement.addEventListener("scroll",this._update)}visibleSlice(){let{virtual:e,hiddenProp:o,visibleProp:n}=this.options,r=this.array;if(o!==void 0)r=r.filter((l)=>l[o]!==!0);if(n!==void 0)r=r.filter((l)=>l[n]===!0);if(this.options.filter&&this.needle!==void 0)r=this.options.filter(r,this.needle);let t=0,i=r.length-1,c=0,s=0;if(e!=null&&this.boundElement instanceof HTMLElement){let l=this.boundElement.offsetWidth,m=e.scrollContainer==="window",u,y;if(m){u=window.innerHeight;let I=this.boundElement.getBoundingClientRect();y=Math.max(0,-I.top)}else u=this.boundElement.offsetHeight,y=this.boundElement.scrollTop;if(e.visibleColumns==null)e.visibleColumns=e.width!=null?Math.max(1,Math.floor(l/e.width)):1;let E=Math.ceil(u/e.height)+(e.rowChunkSize||1),k=Math.ceil(r.length/e.visibleColumns),w=e.visibleColumns*E,L=Math.floor(y/e.height);if(L>k-E+1)L=Math.max(0,k-E+1);if(e.rowChunkSize)L-=L%e.rowChunkSize;t=L*e.visibleColumns,i=t+w-1,c=L*e.height,s=Math.max((k-E)*e.height-c,0)}return{items:r,firstItem:t,lastItem:i,topBuffer:c,bottomBuffer:s}}needle;filter=ee((e)=>{if(this.needle!==e)this.needle=e,this.update(this.array)},bn);update(e,o){if(e==null)e=[];this.array=e;let{hiddenProp:n,visibleProp:r}=this.options,t=H(e),i=this.visibleSlice();this.boundElement.classList.toggle("-xin-empty-list",i.items.length===0);let c=this._previousSlice,{firstItem:s,lastItem:l,topBuffer:m,bottomBuffer:u}=i;if(n===void 0&&r===void 0&&o===!0&&c!=null&&s===c.firstItem&&l===c.lastItem)return;this._previousSlice=i;let y=0,E=0,k=0;for(let p of Array.from(this.boundElement.children)){if(p===this.listTop||p===this.listBottom)continue;let S=p[fe];if(S==null)p.remove();else{let b=i.items.indexOf(S);if(b<s||b>l)p.remove(),this.itemToElement.delete(S),y++}}this.listTop.style.height=String(m)+"px",this.listBottom.style.height=String(u)+"px";let w=[],{idPath:L}=this.options;for(let p=s;p<=l;p++){let S=i.items[p];if(S===void 0)continue;let b=this.itemToElement.get(h(S));if(b==null){if(k++,b=G(this.template),typeof S==="object")this.itemToElement.set(h(S),b),b[fe]=h(S);if(this.boundElement.insertBefore(b,this.listBottom),L!=null){let $e=S[L],Ao=`${t}[${L}=${$e}]`;Yo(b,Ao)}else{let $e=`${t}[${p}]`;Yo(b,$e)}}w.push(b)}let I=null;for(let p of w){if(p.previousElementSibling!==I)if(E++,I?.nextElementSibling!=null)this.boundElement.insertBefore(p,I.nextElementSibling);else this.boundElement.insertBefore(p,this.listBottom);I=p}if(W.perf)console.log(t,"updated",{removed:y,created:k,moved:E})}}var ne=(e,o,n)=>{let r=e[_];if(o&&r===void 0)r=new Wo(e,o,n),e[_]=r;return r},ke=(e)=>{let o;while(!(o=e[fe])&&e&&e.parentElement)e=e.parentElement;return o?{element:e,item:o}:void 0},Le=(e)=>{let o=ke(e);return o?o.item:void 0},Jo=(e)=>{let o=ke(e);if(!o)return console.error("deleteListItem failed, element is not part of a list instance",e),!1;let n=ne(o.element.parentElement);if(!n.options.idPath)return console.error("deleteListItem failed, list binding has no idPath",e.parentElement,n),!1;let r=n.array.indexOf(o.item);if(r>-1)return n.array.splice(r,1),!0;return!1};var{document:te,MutationObserver:jo}=globalThis,Se=(e,o)=>{let n=X.get(e);if(n==null)return;for(let r of n){let{binding:t,options:i}=r,{path:c}=r,{toDOM:s}=t;if(s!=null){if(c.startsWith("^")){let l=Le(e);if(l!=null&&l[C]!=null)c=r.path=`${l[C]}${c.substring(1)}`;else throw console.error(`Cannot resolve relative binding ${c}`,e,"is not part of a list"),Error(`Cannot resolve relative binding ${c}`)}if(o==null||c.startsWith(o))s(e,ye()[c],i)}}};if(jo!=null)new jo((o)=>{o.forEach((n)=>{Array.from(n.addedNodes).forEach((r)=>{if(r instanceof Element)Array.from(r.querySelectorAll(F)).forEach((t)=>Se(t))})})}).observe(te.body,{subtree:!0,childList:!0});Z(()=>!0,(e)=>{let o=Array.from(te.querySelectorAll(F));for(let n of o)Se(n,e)});var qo=(e)=>{let o=e.target?.closest(F);while(o!=null){let n=X.get(o);for(let r of n){let{binding:t,path:i}=r,{fromDOM:c}=t;if(c!=null){let s;try{s=c(o,r.options)}catch(l){throw console.error("Cannot get value from",o,"via",r),Error("Cannot obtain value fromDOM")}if(s!=null){let l=ye(),m=l[i];if(m==null)l[i]=s;else{let u=m[C]!=null?m[Y]:m,y=s[C]!=null?s[Y]:s;if(u!==y)l[i]=y}}}}o=o.parentElement.closest(F)}};if(globalThis.document!=null)te.body.addEventListener("change",qo,!0),te.body.addEventListener("input",qo,!0);function T(e,o,n,r){if(e instanceof DocumentFragment)throw Error("bind cannot bind to a DocumentFragment");let t;if(typeof o==="object"&&o[C]===void 0&&r===void 0){let{value:s}=o;t=typeof s==="string"?s:s[C],r=o,delete r.value}else t=typeof o==="string"?o:o[C];if(t==null)throw Error("bind requires a path or object with xin Proxy");let{toDOM:i}=n;e.classList?.add(De);let c=X.get(e);if(c==null)c=[],X.set(e,c);if(c.push({path:t,binding:n,options:r}),i!=null&&!t.startsWith("^"))O(t);if(r?.filter&&r?.needle)T(e,r.needle,{toDOM(s,l){console.log({needle:l}),s[_]?.filter(l)}});return e}var Qo=new Set,xn=(e)=>{let o=e?.target?.closest(Ye),n=!1,r=new Proxy(e,{get(i,c){if(c==="stopPropagation")return()=>{e.stopPropagation(),n=!0};else{let s=i[c];return typeof s==="function"?s.bind(i):s}}}),t=new Set;while(!n&&o!=null){let c=Q.get(o)[e.type]||t;for(let s of c){if(typeof s==="function")s(r);else{let l=ye()[s];if(typeof l==="function")l(r);else throw Error(`no event handler found at path ${s}`)}if(n)continue}o=o.parentElement!=null?o.parentElement.closest(Ye):null}};function K(e,o,n){let r=Q.get(e);if(e.classList.add(Fe),r==null)r={},Q.set(e,r);if(!r[o])r[o]=new Set;if(r[o].add(n),!Qo.has(o))Qo.add(o),te.body.addEventListener(o,xn,!0);return()=>{r[o].delete(n)}}lo(T,K);var Mn=0;function oo(){return`custom-elt${(Mn++).toString(36)}`}var Go=0,ie={};function Tn(e,o){let n=ie[e],r=A(o).replace(/:host\b/g,e);ie[e]=n?n+`
+`+r:r}function kn(e){if(ie[e])document.head.append(d.style({id:e+"-component"},ie[e]));delete ie[e]}class D extends HTMLElement{static elements=d;static _elementCreator;instanceId;styleNode;static styleSpec;static styleNode;content=d.slot();isSlotted;static _tagName=null;static get tagName(){return this._tagName}static StyleNode(e){return console.warn("StyleNode is deprecated, just assign static styleSpec: XinStyleSheet to the class directly"),d.style(A(e))}static elementCreator(e={}){let o=this;if(o._elementCreator==null){let{tag:n,styleSpec:r}=e,t=e!=null?n:null;if(t==null)if(typeof o.name==="string"&&o.name!==""){if(t=x(o.name),t.startsWith("-"))t=t.slice(1)}else t=oo();if(customElements.get(t)!=null)console.warn(`${t} is already defined`);if(t.match(/\w+(-\w+)+/)==null)console.warn(`${t} is not a legal tag for a custom-element`),t=oo();while(customElements.get(t)!==void 0)t=oo();if(o._tagName=t,r!==void 0)Tn(t,r);window.customElements.define(t,this,e),o._elementCreator=d[t]}return o._elementCreator}initAttributes(...e){let o={},n={};new MutationObserver((t)=>{let i=!1;if(t.forEach((c)=>{i=!!(c.attributeName&&e.includes(xo(c.attributeName)))}),i&&this.queueRender!==void 0)this.queueRender(!1)}).observe(this,{attributes:!0}),e.forEach((t)=>{o[t]=g(this[t]);let i=x(t);Object.defineProperty(this,t,{enumerable:!1,get(){if(typeof o[t]==="boolean")return this.hasAttribute(i);else if(this.hasAttribute(i))return typeof o[t]==="number"?parseFloat(this.getAttribute(i)):this.getAttribute(i);else if(n[t]!==void 0)return n[t];else return o[t]},set(c){if(typeof o[t]==="boolean"){if(c!==this[t]){if(c)this.setAttribute(i,"");else this.removeAttribute(i);this.queueRender()}}else if(typeof o[t]==="number"){if(c!==parseFloat(this[t]))this.setAttribute(i,c),this.queueRender()}else if(typeof c==="object"||`${c}`!==`${this[t]}`){if(c===null||c===void 0||typeof c==="object")this.removeAttribute(i);else this.setAttribute(i,c);this.queueRender(),n[t]=c}}})})}initValue(){let e=Object.getOwnPropertyDescriptor(this,"value");if(e===void 0||e.get!==void 0||e.set!==void 0)return;let o=this.hasAttribute("value")?this.getAttribute("value"):g(this.value);delete this.value,Object.defineProperty(this,"value",{enumerable:!1,get(){return o},set(n){if(o!==n)o=n,this.queueRender(!0)}})}_parts;get parts(){let e=this.shadowRoot!=null?this.shadowRoot:this;if(this._parts==null)this._parts=new Proxy({},{get(o,n){if(o[n]===void 0){let r=e.querySelector(`[part="${n}"]`);if(r==null)r=e.querySelector(n);if(r==null)throw Error(`elementRef "${n}" does not exist!`);r.removeAttribute("data-ref"),o[n]=r}return o[n]}});return this._parts}constructor(){super();Go+=1,this.initAttributes("hidden"),this.instanceId=`${this.tagName.toLocaleLowerCase()}-${Go}`,this._value=g(this.defaultValue)}connectedCallback(){if(kn(this.constructor.tagName),this.hydrate(),this.role!=null)this.setAttribute("role",this.role);if(this.onResize!==void 0){if(N.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");this.queueRender()}disconnectedCallback(){N.unobserve(this)}_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)Ke(this,"change");this._changeQueued=!1,this._renderQueued=!1,this.render()})}_hydrated=!1;hydrate(){if(!this._hydrated){this.initValue();let e=typeof this.content!=="function",o=typeof this.content==="function"?this.content(d):this.content,{styleSpec:n}=this.constructor,{styleNode:r}=this.constructor;if(n)r=this.constructor.styleNode=d.style(A(n)),delete this.constructor.styleNode;if(this.styleNode)console.warn(this,"styleNode is deprecrated, use static styleNode or statc styleSpec instead"),r=this.styleNode;if(r){let t=this.attachShadow({mode:"open"});t.appendChild(r.cloneNode(!0)),Re(t,o,e)}else if(o!==null){let t=Array.from(this.childNodes);Re(this,o,e),this.isSlotted=this.querySelector("slot,xin-slot")!==void 0;let i=Array.from(this.querySelectorAll("slot"));if(i.length>0)i.forEach(no.replaceSlot);if(t.length>0){let c={"":this};Array.from(this.querySelectorAll("xin-slot")).forEach((s)=>{c[s.name]=s}),t.forEach((s)=>{let l=c[""],m=s instanceof Element?c[s.slot]:l;(m!==void 0?m:l).append(s)})}}this._hydrated=!0}}render(){}}class no extends D{name="";content=null;static replaceSlot(e){let o=document.createElement("xin-slot");if(e.name!=="")o.setAttribute("name",e.name);e.replaceWith(o)}constructor(){super();this.initAttributes("name")}}var Qr=no.elementCreator({tag:"xin-slot"});var Oo=(e=()=>!0)=>{let o=localStorage.getItem("xin-state");if(o!=null){let r=JSON.parse(o);for(let t of Object.keys(r).filter(e))if(a[t]!==void 0)Object.assign(a[t],r[t]);else a[t]=r[t]}let n=we(()=>{let r={},t=h(a);for(let i of Object.keys(t).filter(e))r[i]=t[i];localStorage.setItem("xin-state",JSON.stringify(r)),console.log("xin state saved to localStorage")},500);Te(e,n)};var He="1.0.11";function se(e){return Object.assign(V,e),V}function ce(e){return console.warn("boxedProxy is deprecated, please use tosi() instead"),se(e)}function ge(e,o=!1){if(o)return console.warn("xinProxy(..., true) is deprecated; use tosi(...) instead"),ce(e);return Object.keys(e).forEach((n)=>{a[n]=e[n]}),a}var Ln={};async function le(e,o){let{type:n,styleSpec:r}=await o(e,{Color:f,Component:D,elements:d,svgElements:xe,mathML:Me,varDefault:re,vars:Ce,xin:a,boxed:V,xinProxy:ge,boxedProxy:ce,tosi:se,makeComponent:le,bind:T,on:K,version:He}),t={type:n,creator:n.elementCreator({tag:e,styleSpec:r})};return Ln[e]=t,t}var ro={},Sn=(e)=>import(e);class me extends D{tag="anon-elt";src="";property="default";loaded;blueprintLoaded=(e)=>{};async packaged(){let{tag:e,src:o,property:n}=this,r=`${e}.${n}:${o}`;if(!this.loaded){if(ro[r]===void 0)ro[r]=Sn(o).then((t)=>{let i=t[n];return le(e,i)});else console.log(`using cached ${e} with signature ${r}`);this.loaded=await ro[r],this.blueprintLoaded(this.loaded)}return this.loaded}constructor(){super();this.initAttributes("tag","src","property")}}var Zo=me.elementCreator({tag:"xin-blueprint",styleSpec:{":host":{display:"none"}}});class Xe extends D{allLoaded=()=>{};constructor(){super()}async load(){let o=Array.from(this.querySelectorAll(me.tagName)).filter((n)=>n.src).map((n)=>n.packaged());await Promise.all(o),this.allLoaded()}connectedCallback(){super.connectedCallback(),this.load()}}var vo=Xe.elementCreator({tag:"xin-loader",styleSpec:{":host":{display:"none"}}});
 
-//# debugId=C9B1CB20F8B0248464756E2164756E21
+//# debugId=2854CE404E1BB0BA64756E2164756E21
 //# sourceMappingURL=main.js.map