@e280/sly 0.3.0-1 → 0.3.0-10

package/s/{loaders → loader}/types.ts

@@ -1,5 +1,5 @@
 
-import type {Op} from "../ops/op.js"
+import type {Op} from "../op/op.js"
 import type {Content} from "../view/types.js"
 
 export type Loader = <V>(op: Op<V>, ready: (value: V) => Content) => Content

package/s/view/{parts → common}/sly-shadow.ts

@@ -1,5 +1,11 @@
 
+import {dom} from "../../dom/dom.js"
+
 export class SlyShadow extends HTMLElement {
+	static register() {
+		dom.register({SlyShadow}, {soft: true})
+	}
+
 	connectedCallback() {
 		if (!this.hasAttribute("view"))
 			this.setAttribute("view", "")

package/s/view/elements/light.ts

@@ -0,0 +1,14 @@
+
+import {render} from "lit"
+import {light} from "../light.js"
+import {Content} from "../types.js"
+
+export function lightElement(view: () => Content) {
+	const fn = light(view)
+
+	return class extends HTMLElement {
+		connectedCallback() { render(fn(), this) }
+		disconnectedCallback() { render(null, this) }
+	}
+}
+

package/s/view/elements/shadow.ts

@@ -0,0 +1,52 @@
+
+import {microbounce} from "@e280/stz"
+import {render as litRender} from "lit"
+import {Content} from "../types.js"
+import {ShadowCx} from "../parts/cx.js"
+import {hooks} from "../hooks/plumbing/hooks.js"
+import {Reactivity} from "../parts/reactivity.js"
+import {Hookscope} from "../hooks/plumbing/hookscope.js"
+
+export function shadowElement(view: () => Content) {
+	return class extends HTMLElement {
+		#cx
+		#hookscope
+		#reactivity = new Reactivity()
+		#shadow = this.attachShadow({mode: "open"})
+
+		constructor() {
+			super()
+			const rerender = microbounce(() => {
+				if (!this.isConnected) return
+				const content = this.#renderContent()
+				litRender(content, this.#cx.shadow)
+				this.#cx.doneRender()
+			})
+			this.#cx = new ShadowCx(rerender, this, this.#shadow)
+			this.#hookscope = new Hookscope(this.#cx)
+		}
+
+		#renderContent() {
+			return this.#reactivity.observe(
+				() => hooks.wrap(this.#hookscope, () => view()),
+				this.#cx.render,
+			)
+		}
+
+		render() {
+			litRender(this.#renderContent(), this.#cx.shadow)
+			this.#cx.doneRender()
+		}
+
+		connectedCallback() {
+			this.#hookscope.mounts.remountAll()
+			this.#cx.render()
+		}
+
+		disconnectedCallback() {
+			this.#hookscope.mounts.unmountAll()
+			this.#reactivity.clear()
+		}
+	}
+}
+

package/s/view/hooks/use-attrs.ts

@@ -0,0 +1,28 @@
+
+import {useRef} from "./use-ref.js"
+import {dom} from "../../dom/dom.js"
+import {useOnce} from "./use-once.js"
+import {useMount} from "./use-mount.js"
+import {AttrSpec} from "../../dom/types.js"
+import {useHost, useRender, useRendered} from "./use-cx.js"
+
+export function useAttrs<A extends AttrSpec>(spec: A) {
+	const host = useHost()
+	const rerender = useRender()
+	const ourChanges = useRef(new Set<string>())
+
+	useMount(() => dom.attrs(host).on(records => {
+		for (const record of records) {
+			if (ourChanges.current.has(record.attributeName!)) continue
+			rerender()
+			break
+		}
+	}))
+
+	useRendered().then(() => ourChanges.current.clear())
+
+	return useOnce(() => dom.attrs(host).spec(spec, {
+		beforeSet: key => ourChanges.current.add(key),
+	}))
+}
+

package/s/view/hooks/use-life.ts

@@ -8,10 +8,10 @@ export function useLife<Value>(fn: () => [value: Value, dispose: () => void]) {
 
 	useMount(() => {
 		const [value, dispose] = fn()
-		ref.value = value
+		ref.current = value
 		return dispose
 	})
 
-	return ref.value
+	return ref.current
 }
 

package/s/view/hooks/use-op.ts

@@ -1,5 +1,5 @@
 
-import {Op} from "../../ops/op.js"
+import {Op} from "../../op/op.js"
 import {useOnce} from "./use-once.js"
 
 export function useOp<Value>(fn: () => Promise<Value>) {

package/s/view/hooks/use-ref.ts

@@ -1,11 +1,11 @@
 
 import {useOnce} from "./use-once.js"
 
-export function useRef<Value>(value: Value) {
-	return useOnce(() => new Ref(value))
+export function useRef<Value>(initial: Value) {
+	return useOnce(() => new Ref(initial))
 }
 
 export class Ref<Value> {
-	constructor(public value: Value) {}
+	constructor(public current: Value) {}
 }
 

package/s/view/hooks/use-state.ts

@@ -8,13 +8,13 @@ export function useState<Value>(value: Value) {
 
 	const set = (next: Value | ((prev: Value) => Value)) => {
 		const value = typeof next === "function"
-			? (next as (prev: Value) => Value)(ref.value)
+			? (next as (prev: Value) => Value)(ref.current)
 			: next
-		if (Object.is(value, ref.value)) return
-		ref.value = value
+		if (Object.is(value, ref.current)) return
+		ref.current = value
 		render()
 	}
 
-	return [ref.value, set] as const
+	return [ref.current, set] as const
 }
 

package/s/view/index.ts

@@ -1,6 +1,11 @@
 
 export * from "./common/css-reset.js"
+export * from "./common/sly-shadow.js"
 
+export * from "./elements/light.js"
+export * from "./elements/shadow.js"
+
+export * from "./hooks/use-attrs.js"
 export * from "./hooks/use-css.js"
 export * from "./hooks/use-cx.js"
 export * from "./hooks/use-life.js"

package/s/view/shadow.ts

@@ -2,33 +2,33 @@
 import {microbounce} from "@e280/stz"
 import {render as litRender} from "lit"
 
-import {dom} from "../dom/dom.js"
 import {ShadowCx} from "./parts/cx.js"
-import {SlyShadow} from "./parts/sly-shadow.js"
 import {hooks} from "./hooks/plumbing/hooks.js"
+import {SlyShadow} from "./common/sly-shadow.js"
 import {Reactivity} from "./parts/reactivity.js"
 import {applyAttrs} from "./parts/apply-attrs.js"
 import {Hookscope} from "./hooks/plumbing/hookscope.js"
 import {View, Placement, ShadowSetup, ShadowView} from "./types.js"
 import {AsyncDirective, directive, PartInfo} from "lit/async-directive.js"
 
+export function shadowSetup(): ShadowSetup {
+	SlyShadow.register()
+	const host = document.createElement("sly-shadow")
+	const shadow = host.attachShadow({mode: "open"})
+	return {host, shadow}
+}
+
 export function shadow<Props extends any[]>(view: View<Props>) {
-	const setupFn = (): ShadowSetup => {
-		dom.register({SlyShadow}, {soft: true})
-		const host = document.createElement("sly-shadow")
-		const shadow = host.attachShadow({mode: "open"})
-		return {host, shadow}
-	}
-	return rawShadow(setupFn, view)
+	return rawShadow(shadowSetup, view)
 }
 
-shadow.config = (setupFn: () => ShadowSetup) => (
+shadow.setup = (setup: () => ShadowSetup) => (
 	<Props extends any[]>(view: View<Props>) => (
-		rawShadow(setupFn, view)
+		rawShadow(setup, view)
 	)
 )
 
-export function rawShadow<Props extends any[]>(
+function rawShadow<Props extends any[]>(
 		setup: () => ShadowSetup,
 		view: View<Props>,
 	) {

package/x/demo/demo.bundle.js

@@ -1,5 +1,8 @@
 import { dom } from "../dom/dom.js";
 import { Demo } from "./views/demo.js";
-dom.in(".demo").render(Demo());
+import { TimeLight } from "./views/time-light.js";
+import { TimeShadow } from "./views/time-shadow.js";
+dom.register({ TimeShadow, TimeLight });
+dom.render(dom(".demo"), Demo());
 console.log("🦝 sly");
 //# sourceMappingURL=demo.bundle.js.map

package/x/demo/demo.bundle.js.map

@@ -1 +1 @@
-{"version":3,"file":"demo.bundle.js","sourceRoot":"","sources":["../../s/demo/demo.bundle.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,eAAe,CAAA;AACjC,OAAO,EAAC,IAAI,EAAC,MAAM,iBAAiB,CAAA;AAEpC,GAAG,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAA;AAC9B,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA"}
+{"version":3,"file":"demo.bundle.js","sourceRoot":"","sources":["../../s/demo/demo.bundle.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,eAAe,CAAA;AACjC,OAAO,EAAC,IAAI,EAAC,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAC,SAAS,EAAC,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAA;AAEjD,GAAG,CAAC,QAAQ,CAAC,EAAC,UAAU,EAAE,SAAS,EAAC,CAAC,CAAA;AAErC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,CAAA;AAChC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA"}

package/x/demo/demo.bundle.min.js

@@ -1,6 +1,6 @@
-var Xe=Object.defineProperty;var Gt=(r,t)=>{for(var e in t)Xe(r,e,{get:t[e],enumerable:!0})};var $t=globalThis,wt=$t.ShadowRoot&&($t.ShadyCSS===void 0||$t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Ft=Symbol(),he=new WeakMap,it=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==Ft)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o,e=this.t;if(wt&&t===void 0){let s=e!==void 0&&e.length===1;s&&(t=he.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&he.set(e,t))}return t}toString(){return this.cssText}},le=r=>new it(typeof r=="string"?r:r+"",void 0,Ft),b=(r,...t)=>{let e=r.length===1?r[0]:t.reduce(((s,o,n)=>s+(i=>{if(i._$cssResult$===!0)return i.cssText;if(typeof i=="number")return i;throw Error("Value passed to 'css' function must be a 'css' function result: "+i+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+r[n+1]),r[0]);return new it(e,r,Ft)},At=(r,t)=>{if(wt)r.adoptedStyleSheets=t.map((e=>e instanceof CSSStyleSheet?e:e.styleSheet));else for(let e of t){let s=document.createElement("style"),o=$t.litNonce;o!==void 0&&s.setAttribute("nonce",o),s.textContent=e.cssText,r.appendChild(s)}},W=wt?r=>r:r=>r instanceof CSSStyleSheet?(t=>{let e="";for(let s of t.cssRules)e+=s.cssText;return le(e)})(r):r;var{is:tr,defineProperty:er,getOwnPropertyDescriptor:rr,getOwnPropertyNames:sr,getOwnPropertySymbols:or,getPrototypeOf:nr}=Object,_t=globalThis,fe=_t.trustedTypes,ir=fe?fe.emptyScript:"",ar=_t.reactiveElementPolyfillSupport,at=(r,t)=>r,Jt={toAttribute(r,t){switch(t){case Boolean:r=r?ir:null;break;case Object:case Array:r=r==null?r:JSON.stringify(r)}return r},fromAttribute(r,t){let e=r;switch(t){case Boolean:e=r!==null;break;case Number:e=r===null?null:Number(r);break;case Object:case Array:try{e=JSON.parse(r)}catch{e=null}}return e}},de=(r,t)=>!tr(r,t),me={attribute:!0,type:String,converter:Jt,reflect:!1,useDefault:!1,hasChanged:de};Symbol.metadata??=Symbol("metadata"),_t.litPropertyMetadata??=new WeakMap;var k=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=me){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){let s=Symbol(),o=this.getPropertyDescriptor(t,s,e);o!==void 0&&er(this.prototype,t,o)}}static getPropertyDescriptor(t,e,s){let{get:o,set:n}=rr(this.prototype,t)??{get(){return this[e]},set(i){this[e]=i}};return{get:o,set(i){let c=o?.call(this);n?.call(this,i),this.requestUpdate(t,c,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??me}static _$Ei(){if(this.hasOwnProperty(at("elementProperties")))return;let t=nr(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(at("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(at("properties"))){let e=this.properties,s=[...sr(e),...or(e)];for(let o of s)this.createProperty(o,e[o])}let t=this[Symbol.metadata];if(t!==null){let e=litPropertyMetadata.get(t);if(e!==void 0)for(let[s,o]of e)this.elementProperties.set(s,o)}this._$Eh=new Map;for(let[e,s]of this.elementProperties){let o=this._$Eu(e,s);o!==void 0&&this._$Eh.set(o,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){let e=[];if(Array.isArray(t)){let s=new Set(t.flat(1/0).reverse());for(let o of s)e.unshift(W(o))}else t!==void 0&&e.push(W(t));return e}static _$Eu(t,e){let s=e.attribute;return s===!1?void 0:typeof s=="string"?s:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),this.renderRoot!==void 0&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){let t=new Map,e=this.constructor.elementProperties;for(let s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){let t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return At(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$ET(t,e){let s=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,s);if(o!==void 0&&s.reflect===!0){let n=(s.converter?.toAttribute!==void 0?s.converter:Jt).toAttribute(e,s.type);this._$Em=t,n==null?this.removeAttribute(o):this.setAttribute(o,n),this._$Em=null}}_$AK(t,e){let s=this.constructor,o=s._$Eh.get(t);if(o!==void 0&&this._$Em!==o){let n=s.getPropertyOptions(o),i=typeof n.converter=="function"?{fromAttribute:n.converter}:n.converter?.fromAttribute!==void 0?n.converter:Jt;this._$Em=o;let c=i.fromAttribute(e,n.type);this[o]=c??this._$Ej?.get(o)??c,this._$Em=null}}requestUpdate(t,e,s){if(t!==void 0){let o=this.constructor,n=this[t];if(s??=o.getPropertyOptions(t),!((s.hasChanged??de)(n,e)||s.useDefault&&s.reflect&&n===this._$Ej?.get(t)&&!this.hasAttribute(o._$Eu(t,s))))return;this.C(t,e,s)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:o,wrapped:n},i){s&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,i??e??this[t]),n!==!0||i!==void 0)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),o===!0&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[o,n]of this._$Ep)this[o]=n;this._$Ep=void 0}let s=this.constructor.elementProperties;if(s.size>0)for(let[o,n]of s){let{wrapped:i}=n,c=this[o];i!==!0||this._$AL.has(o)||c===void 0||this.C(o,void 0,n,c)}}let t=!1,e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((s=>s.hostUpdate?.())),this.update(e)):this._$EM()}catch(s){throw t=!1,this._$EM(),s}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((e=>e.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach((e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};k.elementStyles=[],k.shadowRootOptions={mode:"open"},k[at("elementProperties")]=new Map,k[at("finalized")]=new Map,ar?.({ReactiveElement:k}),(_t.reactiveElementVersions??=[]).push("2.1.1");var Kt=globalThis,vt=Kt.trustedTypes,ge=vt?vt.createPolicy("lit-html",{createHTML:r=>r}):void 0,Qt="$lit$",P=`lit$${Math.random().toFixed(9).slice(2)}$`,Yt="?"+P,cr=`<${Yt}>`,U=document,ut=()=>U.createComment(""),pt=r=>r===null||typeof r!="object"&&typeof r!="function",Xt=Array.isArray,Ae=r=>Xt(r)||typeof r?.[Symbol.iterator]=="function",Zt=`[ 	
-\f\r]`,ct=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ye=/-->/g,be=/>/g,L=RegExp(`>|${Zt}(?:([^\\s"'>=/]+)(${Zt}*=${Zt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`,"g"),xe=/'/g,$e=/"/g,_e=/^(?:script|style|textarea|title)$/i,te=r=>(t,...e)=>({_$litType$:r,strings:t,values:e}),A=te(1),fs=te(2),ms=te(3),H=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),we=new WeakMap,j=U.createTreeWalker(U,129);function ve(r,t){if(!Xt(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return ge!==void 0?ge.createHTML(t):t}var Se=(r,t)=>{let e=r.length-1,s=[],o,n=t===2?"<svg>":t===3?"<math>":"",i=ct;for(let c=0;c<e;c++){let a=r[c],p,m,h=-1,$=0;for(;$<a.length&&(i.lastIndex=$,m=i.exec(a),m!==null);)$=i.lastIndex,i===ct?m[1]==="!--"?i=ye:m[1]!==void 0?i=be:m[2]!==void 0?(_e.test(m[2])&&(o=RegExp("</"+m[2],"g")),i=L):m[3]!==void 0&&(i=L):i===L?m[0]===">"?(i=o??ct,h=-1):m[1]===void 0?h=-2:(h=i.lastIndex-m[2].length,p=m[1],i=m[3]===void 0?L:m[3]==='"'?$e:xe):i===$e||i===xe?i=L:i===ye||i===be?i=ct:(i=L,o=void 0);let O=i===L&&r[c+1].startsWith("/>")?" ":"";n+=i===ct?a+cr:h>=0?(s.push(p),a.slice(0,h)+Qt+a.slice(h)+P+O):a+P+(h===-2?c:O)}return[ve(r,n+(r[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]},ht=class r{constructor({strings:t,_$litType$:e},s){let o;this.parts=[];let n=0,i=0,c=t.length-1,a=this.parts,[p,m]=Se(t,e);if(this.el=r.createElement(p,s),j.currentNode=this.el.content,e===2||e===3){let h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(o=j.nextNode())!==null&&a.length<c;){if(o.nodeType===1){if(o.hasAttributes())for(let h of o.getAttributeNames())if(h.endsWith(Qt)){let $=m[i++],O=o.getAttribute(h).split(P),xt=/([.?@])?(.*)/.exec($);a.push({type:1,index:n,name:xt[2],strings:O,ctor:xt[1]==="."?Et:xt[1]==="?"?Ct:xt[1]==="@"?kt:z}),o.removeAttribute(h)}else h.startsWith(P)&&(a.push({type:6,index:n}),o.removeAttribute(h));if(_e.test(o.tagName)){let h=o.textContent.split(P),$=h.length-1;if($>0){o.textContent=vt?vt.emptyScript:"";for(let O=0;O<$;O++)o.append(h[O],ut()),j.nextNode(),a.push({type:2,index:++n});o.append(h[$],ut())}}}else if(o.nodeType===8)if(o.data===Yt)a.push({type:2,index:n});else{let h=-1;for(;(h=o.data.indexOf(P,h+1))!==-1;)a.push({type:7,index:n}),h+=P.length-1}n++}}static createElement(t,e){let s=U.createElement("template");return s.innerHTML=t,s}};function D(r,t,e=r,s){if(t===H)return t;let o=s!==void 0?e._$Co?.[s]:e._$Cl,n=pt(t)?void 0:t._$litDirective$;return o?.constructor!==n&&(o?._$AO?.(!1),n===void 0?o=void 0:(o=new n(r),o._$AT(r,e,s)),s!==void 0?(e._$Co??=[])[s]=o:e._$Cl=o),o!==void 0&&(t=D(r,o._$AS(r,t.values),o,s)),t}var St=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){let{el:{content:e},parts:s}=this._$AD,o=(t?.creationScope??U).importNode(e,!0);j.currentNode=o;let n=j.nextNode(),i=0,c=0,a=s[0];for(;a!==void 0;){if(i===a.index){let p;a.type===2?p=new V(n,n.nextSibling,this,t):a.type===1?p=new a.ctor(n,a.name,a.strings,this,t):a.type===6&&(p=new Pt(n,this,t)),this._$AV.push(p),a=s[++c]}i!==a?.index&&(n=j.nextNode(),i++)}return j.currentNode=U,o}p(t){let e=0;for(let s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}},V=class r{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,o){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode,e=this._$AM;return e!==void 0&&t?.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=D(this,t,e),pt(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==H&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Ae(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==d&&pt(this._$AH)?this._$AA.nextSibling.data=t:this.T(U.createTextNode(t)),this._$AH=t}$(t){let{values:e,_$litType$:s}=t,o=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=ht.createElement(ve(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===o)this._$AH.p(e);else{let n=new St(o,this),i=n.u(this.options);n.p(e),this.T(i),this._$AH=n}}_$AC(t){let e=we.get(t.strings);return e===void 0&&we.set(t.strings,e=new ht(t)),e}k(t){Xt(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,s,o=0;for(let n of t)o===e.length?e.push(s=new r(this.O(ut()),this.O(ut()),this,this.options)):s=e[o],s._$AI(n),o++;o<e.length&&(this._$AR(s&&s._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){let s=t.nextSibling;t.remove(),t=s}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t))}},z=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,o,n){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=n,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=d}_$AI(t,e=this,s,o){let n=this.strings,i=!1;if(n===void 0)t=D(this,t,e,0),i=!pt(t)||t!==this._$AH&&t!==H,i&&(this._$AH=t);else{let c=t,a,p;for(t=n[0],a=0;a<n.length-1;a++)p=D(this,c[s+a],e,a),p===H&&(p=this._$AH[a]),i||=!pt(p)||p!==this._$AH[a],p===d?t=d:t!==d&&(t+=(p??"")+n[a+1]),this._$AH[a]=p}i&&!o&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},Et=class extends z{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}},Ct=class extends z{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}},kt=class extends z{constructor(t,e,s,o,n){super(t,e,s,o,n),this.type=5}_$AI(t,e=this){if((t=D(this,t,e,0)??d)===H)return;let s=this._$AH,o=t===d&&s!==d||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,n=t!==d&&(s===d||o);o&&this.element.removeEventListener(this.name,this,s),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}},Pt=class{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){D(this,t)}},Ee={M:Qt,P,A:Yt,C:1,L:Se,R:St,D:Ae,V:D,I:V,H:z,N:Ct,U:kt,B:Et,F:Pt},ur=Kt.litHtmlPolyfillSupport;ur?.(ht,V),(Kt.litHtmlVersions??=[]).push("3.3.1");var w=(r,t,e)=>{let s=e?.renderBefore??t,o=s._$litPart$;if(o===void 0){let n=e?.renderBefore??null;s._$litPart$=o=new V(t.insertBefore(ut(),n),n,void 0,e??{})}return o._$AI(r),o};var ee=globalThis,G=class extends k{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=w(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return H}};G._$litElement$=!0,G.finalized=!0,ee.litElementHydrateSupport?.({LitElement:G});var pr=ee.litElementPolyfillSupport;pr?.({LitElement:G});(ee.litElementVersions??=[]).push("4.2.1");var v={string:(r,t)=>r.getAttribute(t)??void 0,number:(r,t)=>{let e=r.getAttribute(t);return e===null||!e?void 0:Number(e)},boolean:(r,t)=>r.getAttribute(t)!==null},g={string:(r,t,e)=>(e===void 0?r.removeAttribute(t):r.setAttribute(t,e),!0),number:(r,t,e)=>(e===void 0?r.removeAttribute(t):r.setAttribute(t,e.toString()),!0),boolean:(r,t,e)=>(e?r.setAttribute(t,""):r.removeAttribute(t),!0),any:(r,t,e)=>{e==null?r.removeAttribute(t):typeof e=="string"?r.setAttribute(t,e):typeof e=="number"?r.setAttribute(t,e.toString()):typeof e=="boolean"?e===!0?r.setAttribute(t,""):r.removeAttribute(t):console.warn(`invalid attribute "${t}" type is "${typeof e}"`)},entries:(r,t)=>{for(let[e,s]of t)g.any(r,e,s)},record:(r,t)=>g.entries(r,Object.entries(t))};function Ce(r,t={}){let e=document.createElement(r);return g.record(e,t),e}function ke(r){let t=document.createDocumentFragment();return w(r,t),t.firstElementChild}function Rt(r,t){let e=[];for(let[s,o]of Object.entries(t))if(typeof o=="function")r.addEventListener(s,o),e.push(()=>r.removeEventListener(s,o));else{let[n,i]=o;r.addEventListener(s,i,n),e.push(()=>r.removeEventListener(s,i))}return()=>e.forEach(s=>s())}function Pe(r,t){let e=new MutationObserver(t);return e.observe(r,{attributes:!0}),()=>e.disconnect()}var Re=(r,t)=>new Proxy(t,{get:(e,s)=>{switch(t[s]){case String:return v.string(r,s);case Number:return v.number(r,s);case Boolean:return v.boolean(r,s);default:throw new Error(`invalid attribute type for "${s}"`)}},set:(e,s,o)=>{switch(t[s]){case String:return g.string(r,s,o);case Number:return g.number(r,s,o);case Boolean:return g.boolean(r,s,o);default:throw new Error(`invalid attribute type for "${s}"`)}}});var Ot=class{element;constructor(t){this.element=t}strings=new Proxy({},{get:(t,e)=>v.string(this.element,e),set:(t,e,s)=>g.string(this.element,e,s)});numbers=new Proxy({},{get:(t,e)=>v.number(this.element,e),set:(t,e,s)=>g.number(this.element,e,s)});booleans=new Proxy({},{get:(t,e)=>v.boolean(this.element,e),set:(t,e,s)=>g.boolean(this.element,e,s)})};function F(r){let t=new Ot(r);return{strings:t.strings,numbers:t.numbers,booleans:t.booleans,on:e=>Pe(r,e),spec:e=>Re(r,e)}}F.get=v;F.set=g;function Oe(r){return new re(r)}var re=class{tagName;#t=new Map;#e=[];constructor(t){this.tagName=t}attr(t,e=!0){return this.#t.set(t,e),this}attrs(t){for(let[e,s]of Object.entries(t))this.attr(e,s);return this}children(...t){return this.#e.push(...t),this}done(){let t=document.createElement(this.tagName);return g.entries(t,this.#t),t.append(...this.#e),t}};function J(r,t=document){let e=t.querySelector(r);if(!e)throw new Error(`element not found (${r})`);return e}function Tt(r,t=document){return t.querySelector(r)}function Mt(r,t=document){return Array.from(t.querySelectorAll(r))}var Nt=class r{element;#t;constructor(t){this.element=t}in(t){return new r(typeof t=="string"?J(t,this.element):t)}require(t){return J(t,this.element)}maybe(t){return Tt(t,this.element)}all(t){return Mt(t,this.element)}render(...t){return w(t,this.element)}get attrs(){return this.#t??=F(this.element)}events(t){return Rt(this.element,t)}};function Te(r){return r.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function Me(r,t={}){let{soft:e=!1,upgrade:s=!0}=t;for(let[o,n]of Object.entries(r)){let i=Te(o),c=customElements.get(i);e&&c||(customElements.define(i,n),s&&document.querySelectorAll(i).forEach(a=>{a.constructor===HTMLElement&&customElements.upgrade(a)}))}}function y(r,t=document){return J(r,t)}y.in=(r,t=document)=>new Nt(t).in(r);y.require=J;y.maybe=Tt;y.all=Mt;y.el=Ce;y.elmer=Oe;y.mk=ke;y.events=Rt;y.attrs=F;y.register=Me;y.render=(r,...t)=>w(t,r);function q(){let r,t,e=new Promise((o,n)=>{r=o,t=n});function s(o){return o.then(r).catch(t),e}return{promise:e,resolve:r,reject:t,entangle:s}}function T(r){let t=null;return((...e)=>(t?t.params=e:(t={params:e,deferred:q()},queueMicrotask(()=>{let{params:s,deferred:o}=t;t=null,Promise.resolve(r(...s)).then(o.resolve).catch(o.reject)})),t.deferred.promise))}var R={};Gt(R,{clone:()=>lt,equal:()=>hr,freeze:()=>lr});function lt(r,t=new Set){if(t.has(r))throw new Error("cannot clone circular reference");let e;return typeof r=="function"||r!==null&&typeof r=="object"?(t.add(r),Array.isArray(r)?e=r.map(s=>lt(s,new Set(t))):r.constructor===Object?e=Object.fromEntries(Object.entries(r).map(([s,o])=>[s,lt(o,new Set(t))])):r instanceof Map?e=new Map(Array.from(r,([s,o])=>[s,lt(o,new Set(t))])):r instanceof Set?e=new Set(Array.from(r,s=>lt(s,new Set(t)))):r instanceof Date?e=new Date(r.getTime()):e=r,t.delete(r)):e=r,e}var ft=Object.freeze({happy:r=>r!=null,sad:r=>r==null,boolean:r=>typeof r=="boolean",number:r=>typeof r=="number",string:r=>typeof r=="string",bigint:r=>typeof r=="bigint",object:r=>typeof r=="object"&&r!==null,array:r=>Array.isArray(r),fn:r=>typeof r=="function",symbol:r=>typeof r=="symbol"});var hr=(r,t)=>{function e(s,o,n){if(!ft.object(s)||!ft.object(o))return s===o;if(n.includes(s))throw new Error("forbidden circularity detected in deep equal comparison");let i=[...n,s];if(s instanceof Map&&o instanceof Map){if(s.size!==o.size)return!1;for(let[c,a]of s)if(!o.has(c)||!e(a,o.get(c),i))return!1}else if(s instanceof Set&&o instanceof Set){if(s.size!==o.size)return!1;for(let c of s)if(!Array.from(o).some(a=>e(c,a,i)))return!1}else{let c=Object.keys(s),a=Object.keys(o);if(c.length!==a.length)return!1;for(let p of c)if(!a.includes(p)||!e(s[p],o[p],i))return!1}return!0}return e(r,t,[])};function lr(r){function t(e,s){if(!ft.object(e)||s.includes(e))return e;let o=[...s,e];if(e instanceof Map)for(let n of e.entries())for(let i of n)t(i,o);else if(e instanceof Set)for(let n of e)t(n,o);else if(Array.isArray(e))for(let n of e)t(n,o);else for(let n of Object.values(e))t(n,o);return Object.freeze(e)}return t(r,[])}var Lt=class r extends Map{static require(t,e){if(t.has(e))return t.get(e);throw new Error(`required key not found: "${e}"`)}static guarantee(t,e,s){if(t.has(e))return t.get(e);{let o=s();return t.set(e,o),o}}array(){return[...this]}require(t){return r.require(this,t)}guarantee(t,e){return r.guarantee(this,t,e)}};function Ne(r){let t,e=!1,s=()=>{e=!0,clearTimeout(t)},o=async()=>{e||(await r(s),!e&&(t=setTimeout(o,0)))};return o(),s}var Le=(r=0)=>new Promise(t=>setTimeout(t,r));function je(){let r=new Set;async function t(...a){await Promise.all([...r].map(p=>p(...a)))}function e(a){return r.add(a),()=>{r.delete(a)}}async function s(...a){return t(...a)}function o(a){return e(a)}async function n(a){let{promise:p,resolve:m}=q(),h=o(async(...$)=>{a&&await a(...$),m($),h()});return p}function i(){r.clear()}let c={pub:s,sub:o,publish:t,subscribe:e,on:e,next:n,clear:i};return Object.assign(o,c),Object.assign(s,c),c}function Z(r){let t=je();return r&&t.sub(r),t.sub}function se(r){let t=je();return r&&t.sub(r),t.pub}var oe=class{#t=[];#e=new WeakMap;#r=[];#s=new Set;notifyRead(t){this.#t.at(-1)?.add(t)}async notifyWrite(t){if(this.#s.has(t))throw new Error("circularity forbidden");let e=this.#o(t).pub();return this.#r.at(-1)?.add(e),e}observe(t){this.#t.push(new Set);let e=t();return{seen:this.#t.pop(),result:e}}subscribe(t,e){return this.#o(t)(async()=>{let s=new Set;this.#r.push(s),this.#s.add(t),s.add(e()),this.#s.delete(t),await Promise.all(s),this.#r.pop()})}#o(t){let e=this.#e.get(t);return e||(e=Z(),this.#e.set(t,e)),e}},l=globalThis[Symbol.for("e280.tracker")]??=new oe;var K=class{sneak;constructor(t){this.sneak=t}get(){return l.notifyRead(this),this.sneak}get value(){return this.get()}};var Q=class extends K{on=Z();dispose(){this.on.clear()}};function jt(r,t=r){let{seen:e,result:s}=l.observe(r),o=T(t),n=[],i=()=>n.forEach(c=>c());for(let c of e){let a=l.subscribe(c,o);n.push(a)}return{result:s,dispose:i}}function Y(r,t){return r===t}var Ut=class extends Q{#t;constructor(t,e){let s=e?.compare??Y,{result:o,dispose:n}=jt(t,async()=>{let i=t();!s(this.sneak,i)&&(this.sneak=i,await Promise.all([l.notifyWrite(this),this.on.pub(i)]))});super(o),this.#t=n}toString(){return`(derived "${String(this.get())}")`}dispose(){super.dispose(),this.#t()}get core(){return this}fn(){let t=this;function e(){return t.get()}return e.core=t,e.get=t.get.bind(t),e.on=t.on,e.dispose=t.dispose.bind(t),e.fn=t.fn.bind(t),Object.defineProperty(e,"value",{get:()=>t.value}),Object.defineProperty(e,"sneak",{get:()=>t.sneak}),e}};var Ht=class extends K{#t;#e;#r=!1;#s;constructor(t,e){super(void 0),this.#t=t,this.#e=e?.compare??Y}toString(){return`($lazy "${String(this.get())}")`}get(){if(!this.#s){let{result:t,dispose:e}=jt(this.#t,()=>this.#r=!0);this.#s=e,this.sneak=t}if(this.#r){this.#r=!1;let t=this.#t();!this.#e(this.sneak,t)&&(this.sneak=t,l.notifyWrite(this))}return super.get()}dispose(){this.#s&&this.#s()}get core(){return this}fn(){let t=this;function e(){return t.get()}return e.core=t,e.get=t.get.bind(t),e.dispose=t.dispose.bind(t),e.fn=t.fn.bind(t),Object.defineProperty(e,"value",{get:()=>t.value}),Object.defineProperty(e,"sneak",{get:()=>t.sneak}),e}};var Dt=class extends Q{#t=!1;#e;constructor(t,e){super(t),this.#e=e?.compare??Y}toString(){return`($signal "${String(this.get())}")`}async set(t,e=!1){let s=this.sneak;return this.sneak=t,(e||!this.#e(s,t))&&await this.publish(),t}get value(){return this.get()}set value(t){this.set(t)}async publish(){if(this.#t)throw new Error("forbid circularity");let t=this.sneak,e=Promise.resolve();try{this.#t=!0,e=Promise.all([l.notifyWrite(this),this.on.publish(t)])}finally{this.#t=!1}return await e,t}get core(){return this}fn(){let t=this;function e(s){return arguments.length===0?t.get():t.set(arguments[0])}return e.core=t,e.get=t.get.bind(t),e.set=t.set.bind(t),e.on=t.on,e.dispose=t.dispose.bind(t),e.publish=t.publish.bind(t),e.fn=t.fn.bind(t),Object.defineProperty(e,"value",{get:()=>t.value,set:s=>t.value=s}),Object.defineProperty(e,"sneak",{get:()=>t.sneak,set:s=>t.sneak=s}),e}};function fr(r,t){return new Ht(r,t).fn()}function mr(r,t){return new Ut(r,t).fn()}function B(r,t){return new Dt(r,t).fn()}B.lazy=fr;B.derived=mr;var I={status:r=>r[0],value:r=>r[0]==="ready"?r[1]:void 0,error:r=>r[0]==="error"?r[1]:void 0,select:(r,t)=>{switch(r[0]){case"loading":return t.loading();case"error":return t.error(r[1]);case"ready":return t.ready(r[1]);default:throw new Error("unknown op status")}},morph:(r,t)=>I.select(r,{loading:()=>["loading"],error:e=>["error",e],ready:e=>["ready",t(e)]}),all:(...r)=>{let t=[],e=[],s=0;for(let o of r)switch(o[0]){case"loading":s++;break;case"ready":t.push(o[1]);break;case"error":e.push(o[1]);break}return e.length>0?["error",e]:s===0?["ready",t]:["loading"]}};var mt=class{static loading(){return new this}static ready(t){return new this(["ready",t])}static error(t){return new this(["error",t])}static promise(t){let e=new this;return e.promise(t),e}static load(t){return this.promise(t())}static all(...t){let e=t.map(s=>s.pod);return I.all(...e)}signal;#t=0;#e=se();#r=se();constructor(t=["loading"]){this.signal=B(t)}get wait(){return new Promise((t,e)=>{this.#e.next().then(([s])=>t(s)),this.#r.next().then(([s])=>e(s))})}get then(){return this.wait.then.bind(this.wait)}get catch(){return this.wait.catch.bind(this.wait)}get finally(){return this.wait.finally.bind(this.wait)}async setLoading(){await this.signal.set(["loading"])}async setReady(t){await this.signal.set(["ready",t]),await this.#e(t)}async setError(t){await this.signal.set(["error",t]),await this.#r(t)}async promise(t){let e=++this.#t;await this.setLoading();try{let s=await t;return e===this.#t&&await this.setReady(s),s}catch(s){console.error(s),e===this.#t&&await this.setError(s)}}async load(t){return this.promise(t())}get pod(){return this.signal.get()}set pod(t){this.signal.set(t)}get status(){return this.signal.get()[0]}get value(){return I.value(this.signal.get())}get error(){return I.error(this.signal.get())}get isLoading(){return this.status==="loading"}get isReady(){return this.status==="ready"}get isError(){return this.status==="error"}require(){let t=this.signal.get();if(t[0]!=="ready")throw new Error("required value not ready");return t[1]}select(t){return I.select(this.signal.get(),t)}morph(t){return I.morph(this.pod,t)}};var dt=class{render;count=0;rendered=q();constructor(t){this.render=t}doneRender(){this.count++,this.rendered.resolve(),this.rendered=q()}},X=class extends dt{host;shadow;constructor(t,e,s){super(t),this.host=e,this.shadow=s}};var zt=class extends HTMLElement{connectedCallback(){this.hasAttribute("view")||this.setAttribute("view","")}};var ne=class{#t=[];get scope(){let t=this.#t.at(-1);if(!t)throw new Error("hooks must be called within a render fn");return t}increment(){let t=this.scope,e=t.position++;return{scope:t,position:e}}wrap(t,e){t.position=0,this.#t.push(t);try{return e()}finally{this.#t.pop()}}},S=globalThis[Symbol.for("e280.hooks")]??=new ne;function Ue(r){return R.freeze(R.clone(r))}var E=Symbol("optic");var qt=class{calculate;#t=!1;#e;constructor(t){this.calculate=t,this.#e=t()}get(){return this.#t&&(this.#t=!1,this.#e=this.calculate()),this.#e}invalidate(){this.#t=!0}};var Bt=class r{on=Z();[E];#t;#e;#r=T(()=>this.on.publish(this.state));constructor(t){this[E]=t,this.#t=R.clone(t.getState()),this.#e=new qt(()=>Ue(t.getState()))}async update(){let t=this[E].getState();!R.equal(t,this.#t)&&(this.#e.invalidate(),this.#t=R.clone(t),this.#r(),await l.notifyWrite(this))}get state(){return l.notifyRead(this),this.#e.get()}async mutate(t){return this[E].mutate(t)}lens(t){let e=new r({getState:()=>t(this[E].getState()),mutate:s=>this[E].mutate(o=>s(t(o))),registerLens:this[E].registerLens});return this[E].registerLens(e),e}};var tt=class{#t=[];clear(){this.#t.forEach(t=>t()),this.#t=[]}observe(t,e){let{seen:s,result:o}=l.observe(t);this.clear();for(let n of s){let i=l.subscribe(n,e);this.#t.push(i)}return o}};function He(r,t){for(let[e,s]of Object.entries(t))gr(r,e,s)}function gr(r,t,e){let s=r.getAttribute(t),o=yr(e);o!==s&&(o===null?r.removeAttribute(t):r.setAttribute(t,o))}function yr(r){return typeof r=="string"?r:typeof r=="number"?r.toString():r?"":null}function x(r){let{scope:t,position:e}=S.increment();return t.values.guarantee(e,r)}function ie(r){let{scope:t}=S.increment();return x(()=>t.mounts.mount(r))}var It=class{#t=[];#e=[];mount(t){this.#t.push(t),this.#e.push(t())}unmountAll(){for(let t of this.#e)t();this.#e=[]}remountAll(){for(let t of this.#t)this.#e.push(t())}};var et=class{cx;position=0;values=new Lt;mounts=new It;constructor(t){this.cx=t}};var{I:ea}=Ee;var De=r=>r.strings===void 0;var ze={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},gt=r=>(...t)=>({_$litDirective$:r,values:t}),Wt=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,s){this._$Ct=t,this._$AM=e,this._$Ci=s}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};var yt=(r,t)=>{let e=r._$AN;if(e===void 0)return!1;for(let s of e)s._$AO?.(t,!1),yt(s,t);return!0},Vt=r=>{let t,e;do{if((t=r._$AM)===void 0)break;e=t._$AN,e.delete(r),r=t}while(e?.size===0)},qe=r=>{for(let t;t=r._$AM;r=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(r))break;e.add(r),$r(t)}};function br(r){this._$AN!==void 0?(Vt(this),this._$AM=r,qe(this)):this._$AM=r}function xr(r,t=!1,e=0){let s=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(t)if(Array.isArray(s))for(let n=e;n<s.length;n++)yt(s[n],!1),Vt(s[n]);else s!=null&&(yt(s,!1),Vt(s));else yt(this,r)}var $r=r=>{r.type==ze.CHILD&&(r._$AP??=xr,r._$AQ??=br)},rt=class extends Wt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,s){super._$AT(t,e,s),qe(this),this.isConnected=t._$AU}_$AO(t,e=!0){t!==this.isConnected&&(this.isConnected=t,t?this.reconnected?.():this.disconnected?.()),e&&(yt(this,t),Vt(this))}setValue(t){if(De(this._$Ct))this._$Ct._$AI(t,this);else{let e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}};function _(r){return Be(()=>{y.register({SlyShadow:zt},{soft:!0});let e=document.createElement("sly-shadow"),s=e.attachShadow({mode:"open"});return{host:e,shadow:s}},r)}_.config=r=>(t=>Be(r,t));function Be(r,t){let e=gt(class extends rt{#t;#e;#r;#s=new tt;constructor(o){super(o);let{host:n,shadow:i}=r(),c=T(()=>{if(!this.#r)throw new Error("cannot render before props");if(!this.isConnected)return;let a=this.#o(this.#r);w(a,this.#t.shadow),this.#t.doneRender()});this.#t=new X(c,n,i),this.#e=new et(this.#t)}#o(o){return this.#r=o,this.#s.observe(()=>S.wrap(this.#e,()=>t(...this.#r)),this.#t.render)}render({props:o,children:n,attrs:i}){let{host:c}=this.#t;return this.isConnected&&(i&&He(c,i),w(n,this.#t.host),w(this.#o(o),this.#t.shadow),this.#t.doneRender()),c}disconnected(){this.#e.mounts.unmountAll(),this.#s.clear()}reconnected(){this.#e.mounts.remountAll(),this.#t.render()}});function s(...o){return e({props:o})}return s.with=e,s}var bt={};Gt(bt,{AsciiAnim:()=>Je,ErrorDisplay:()=>pe,anims:()=>ue,make:()=>os,makeAsciiAnim:()=>u,mock:()=>ns});var ue={};Gt(ue,{arrow:()=>Cr,bar:()=>kr,bar2:()=>Pr,bar3:()=>Rr,bar4:()=>Or,bin:()=>Gr,binary:()=>Fr,binary2:()=>Jr,block:()=>Tr,block2:()=>Mr,brackets:()=>Hr,brackets2:()=>Dr,braille:()=>Er,bright:()=>ts,clock:()=>Qr,cylon:()=>jr,dots:()=>zr,dots2:()=>qr,earth:()=>ce,fistbump:()=>Yr,kiss:()=>Kr,lock:()=>Xr,moon:()=>rs,pie:()=>Lr,pulseblue:()=>Zr,runner:()=>Nr,slider:()=>Ur,speaker:()=>es,spinner:()=>Sr,wave:()=>Br,wavepulse:()=>Wr,wavepulse2:()=>Vr,wavescrub:()=>Ir});var M=b`
+var hr=Object.defineProperty;var ne=(r,t)=>{for(var e in t)hr(r,e,{get:t[e],enumerable:!0})};var kt=globalThis,Rt=kt.ShadowRoot&&(kt.ShadyCSS===void 0||kt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,ie=Symbol(),ve=new WeakMap,lt=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==ie)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o,e=this.t;if(Rt&&t===void 0){let s=e!==void 0&&e.length===1;s&&(t=ve.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&ve.set(e,t))}return t}toString(){return this.cssText}},Se=r=>new lt(typeof r=="string"?r:r+"",void 0,ie),x=(r,...t)=>{let e=r.length===1?r[0]:t.reduce(((s,o,n)=>s+(i=>{if(i._$cssResult$===!0)return i.cssText;if(typeof i=="number")return i;throw Error("Value passed to 'css' function must be a 'css' function result: "+i+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+r[n+1]),r[0]);return new lt(e,r,ie)},Pt=(r,t)=>{if(Rt)r.adoptedStyleSheets=t.map((e=>e instanceof CSSStyleSheet?e:e.styleSheet));else for(let e of t){let s=document.createElement("style"),o=kt.litNonce;o!==void 0&&s.setAttribute("nonce",o),s.textContent=e.cssText,r.appendChild(s)}},et=Rt?r=>r:r=>r instanceof CSSStyleSheet?(t=>{let e="";for(let s of t.cssRules)e+=s.cssText;return Se(e)})(r):r;var{is:lr,defineProperty:mr,getOwnPropertyDescriptor:fr,getOwnPropertyNames:dr,getOwnPropertySymbols:gr,getPrototypeOf:yr}=Object,Ot=globalThis,Ee=Ot.trustedTypes,br=Ee?Ee.emptyScript:"",xr=Ot.reactiveElementPolyfillSupport,mt=(r,t)=>r,ae={toAttribute(r,t){switch(t){case Boolean:r=r?br:null;break;case Object:case Array:r=r==null?r:JSON.stringify(r)}return r},fromAttribute(r,t){let e=r;switch(t){case Boolean:e=r!==null;break;case Number:e=r===null?null:Number(r);break;case Object:case Array:try{e=JSON.parse(r)}catch{e=null}}return e}},ke=(r,t)=>!lr(r,t),Ce={attribute:!0,type:String,converter:ae,reflect:!1,useDefault:!1,hasChanged:ke};Symbol.metadata??=Symbol("metadata"),Ot.litPropertyMetadata??=new WeakMap;var O=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=Ce){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){let s=Symbol(),o=this.getPropertyDescriptor(t,s,e);o!==void 0&&mr(this.prototype,t,o)}}static getPropertyDescriptor(t,e,s){let{get:o,set:n}=fr(this.prototype,t)??{get(){return this[e]},set(i){this[e]=i}};return{get:o,set(i){let c=o?.call(this);n?.call(this,i),this.requestUpdate(t,c,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Ce}static _$Ei(){if(this.hasOwnProperty(mt("elementProperties")))return;let t=yr(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(mt("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(mt("properties"))){let e=this.properties,s=[...dr(e),...gr(e)];for(let o of s)this.createProperty(o,e[o])}let t=this[Symbol.metadata];if(t!==null){let e=litPropertyMetadata.get(t);if(e!==void 0)for(let[s,o]of e)this.elementProperties.set(s,o)}this._$Eh=new Map;for(let[e,s]of this.elementProperties){let o=this._$Eu(e,s);o!==void 0&&this._$Eh.set(o,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){let e=[];if(Array.isArray(t)){let s=new Set(t.flat(1/0).reverse());for(let o of s)e.unshift(et(o))}else t!==void 0&&e.push(et(t));return e}static _$Eu(t,e){let s=e.attribute;return s===!1?void 0:typeof s=="string"?s:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),this.renderRoot!==void 0&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){let t=new Map,e=this.constructor.elementProperties;for(let s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){let t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Pt(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$ET(t,e){let s=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,s);if(o!==void 0&&s.reflect===!0){let n=(s.converter?.toAttribute!==void 0?s.converter:ae).toAttribute(e,s.type);this._$Em=t,n==null?this.removeAttribute(o):this.setAttribute(o,n),this._$Em=null}}_$AK(t,e){let s=this.constructor,o=s._$Eh.get(t);if(o!==void 0&&this._$Em!==o){let n=s.getPropertyOptions(o),i=typeof n.converter=="function"?{fromAttribute:n.converter}:n.converter?.fromAttribute!==void 0?n.converter:ae;this._$Em=o;let c=i.fromAttribute(e,n.type);this[o]=c??this._$Ej?.get(o)??c,this._$Em=null}}requestUpdate(t,e,s){if(t!==void 0){let o=this.constructor,n=this[t];if(s??=o.getPropertyOptions(t),!((s.hasChanged??ke)(n,e)||s.useDefault&&s.reflect&&n===this._$Ej?.get(t)&&!this.hasAttribute(o._$Eu(t,s))))return;this.C(t,e,s)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:o,wrapped:n},i){s&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,i??e??this[t]),n!==!0||i!==void 0)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),o===!0&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[o,n]of this._$Ep)this[o]=n;this._$Ep=void 0}let s=this.constructor.elementProperties;if(s.size>0)for(let[o,n]of s){let{wrapped:i}=n,c=this[o];i!==!0||this._$AL.has(o)||c===void 0||this.C(o,void 0,n,c)}}let t=!1,e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((s=>s.hostUpdate?.())),this.update(e)):this._$EM()}catch(s){throw t=!1,this._$EM(),s}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((e=>e.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach((e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};O.elementStyles=[],O.shadowRootOptions={mode:"open"},O[mt("elementProperties")]=new Map,O[mt("finalized")]=new Map,xr?.({ReactiveElement:O}),(Ot.reactiveElementVersions??=[]).push("2.1.1");var ue=globalThis,Mt=ue.trustedTypes,Re=Mt?Mt.createPolicy("lit-html",{createHTML:r=>r}):void 0,pe="$lit$",M=`lit$${Math.random().toFixed(9).slice(2)}$`,he="?"+M,$r=`<${he}>`,F=document,dt=()=>F.createComment(""),gt=r=>r===null||typeof r!="object"&&typeof r!="function",le=Array.isArray,Le=r=>le(r)||typeof r?.[Symbol.iterator]=="function",ce=`[ 	
+\f\r]`,ft=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Pe=/-->/g,Oe=/>/g,G=RegExp(`>|${ce}(?:([^\\s"'>=/]+)(${ce}*=${ce}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),Me=/'/g,Te=/"/g,He=/^(?:script|style|textarea|title)$/i,me=r=>(t,...e)=>({_$litType$:r,strings:t,values:e}),$=me(1),As=me(2),vs=me(3),J=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),Ne=new WeakMap,Z=F.createTreeWalker(F,129);function je(r,t){if(!le(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return Re!==void 0?Re.createHTML(t):t}var Ue=(r,t)=>{let e=r.length-1,s=[],o,n=t===2?"<svg>":t===3?"<math>":"",i=ft;for(let c=0;c<e;c++){let a=r[c],p,f,h=-1,_=0;for(;_<a.length&&(i.lastIndex=_,f=i.exec(a),f!==null);)_=i.lastIndex,i===ft?f[1]==="!--"?i=Pe:f[1]!==void 0?i=Oe:f[2]!==void 0?(He.test(f[2])&&(o=RegExp("</"+f[2],"g")),i=G):f[3]!==void 0&&(i=G):i===G?f[0]===">"?(i=o??ft,h=-1):f[1]===void 0?h=-2:(h=i.lastIndex-f[2].length,p=f[1],i=f[3]===void 0?G:f[3]==='"'?Te:Me):i===Te||i===Me?i=G:i===Pe||i===Oe?i=ft:(i=G,o=void 0);let L=i===G&&r[c+1].startsWith("/>")?" ":"";n+=i===ft?a+$r:h>=0?(s.push(p),a.slice(0,h)+pe+a.slice(h)+M+L):a+M+(h===-2?c:L)}return[je(r,n+(r[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]},yt=class r{constructor({strings:t,_$litType$:e},s){let o;this.parts=[];let n=0,i=0,c=t.length-1,a=this.parts,[p,f]=Ue(t,e);if(this.el=r.createElement(p,s),Z.currentNode=this.el.content,e===2||e===3){let h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(o=Z.nextNode())!==null&&a.length<c;){if(o.nodeType===1){if(o.hasAttributes())for(let h of o.getAttributeNames())if(h.endsWith(pe)){let _=f[i++],L=o.getAttribute(h).split(M),Ct=/([.?@])?(.*)/.exec(_);a.push({type:1,index:n,name:Ct[2],strings:L,ctor:Ct[1]==="."?Nt:Ct[1]==="?"?Lt:Ct[1]==="@"?Ht:Q}),o.removeAttribute(h)}else h.startsWith(M)&&(a.push({type:6,index:n}),o.removeAttribute(h));if(He.test(o.tagName)){let h=o.textContent.split(M),_=h.length-1;if(_>0){o.textContent=Mt?Mt.emptyScript:"";for(let L=0;L<_;L++)o.append(h[L],dt()),Z.nextNode(),a.push({type:2,index:++n});o.append(h[_],dt())}}}else if(o.nodeType===8)if(o.data===he)a.push({type:2,index:n});else{let h=-1;for(;(h=o.data.indexOf(M,h+1))!==-1;)a.push({type:7,index:n}),h+=M.length-1}n++}}static createElement(t,e){let s=F.createElement("template");return s.innerHTML=t,s}};function K(r,t,e=r,s){if(t===J)return t;let o=s!==void 0?e._$Co?.[s]:e._$Cl,n=gt(t)?void 0:t._$litDirective$;return o?.constructor!==n&&(o?._$AO?.(!1),n===void 0?o=void 0:(o=new n(r),o._$AT(r,e,s)),s!==void 0?(e._$Co??=[])[s]=o:e._$Cl=o),o!==void 0&&(t=K(r,o._$AS(r,t.values),o,s)),t}var Tt=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){let{el:{content:e},parts:s}=this._$AD,o=(t?.creationScope??F).importNode(e,!0);Z.currentNode=o;let n=Z.nextNode(),i=0,c=0,a=s[0];for(;a!==void 0;){if(i===a.index){let p;a.type===2?p=new rt(n,n.nextSibling,this,t):a.type===1?p=new a.ctor(n,a.name,a.strings,this,t):a.type===6&&(p=new jt(n,this,t)),this._$AV.push(p),a=s[++c]}i!==a?.index&&(n=Z.nextNode(),i++)}return Z.currentNode=F,o}p(t){let e=0;for(let s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}},rt=class r{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,o){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode,e=this._$AM;return e!==void 0&&t?.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=K(this,t,e),gt(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==J&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Le(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==d&&gt(this._$AH)?this._$AA.nextSibling.data=t:this.T(F.createTextNode(t)),this._$AH=t}$(t){let{values:e,_$litType$:s}=t,o=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=yt.createElement(je(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===o)this._$AH.p(e);else{let n=new Tt(o,this),i=n.u(this.options);n.p(e),this.T(i),this._$AH=n}}_$AC(t){let e=Ne.get(t.strings);return e===void 0&&Ne.set(t.strings,e=new yt(t)),e}k(t){le(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,s,o=0;for(let n of t)o===e.length?e.push(s=new r(this.O(dt()),this.O(dt()),this,this.options)):s=e[o],s._$AI(n),o++;o<e.length&&(this._$AR(s&&s._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){let s=t.nextSibling;t.remove(),t=s}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t))}},Q=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,o,n){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=n,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=d}_$AI(t,e=this,s,o){let n=this.strings,i=!1;if(n===void 0)t=K(this,t,e,0),i=!gt(t)||t!==this._$AH&&t!==J,i&&(this._$AH=t);else{let c=t,a,p;for(t=n[0],a=0;a<n.length-1;a++)p=K(this,c[s+a],e,a),p===J&&(p=this._$AH[a]),i||=!gt(p)||p!==this._$AH[a],p===d?t=d:t!==d&&(t+=(p??"")+n[a+1]),this._$AH[a]=p}i&&!o&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},Nt=class extends Q{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}},Lt=class extends Q{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}},Ht=class extends Q{constructor(t,e,s,o,n){super(t,e,s,o,n),this.type=5}_$AI(t,e=this){if((t=K(this,t,e,0)??d)===J)return;let s=this._$AH,o=t===d&&s!==d||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,n=t!==d&&(s===d||o);o&&this.element.removeEventListener(this.name,this,s),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}},jt=class{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){K(this,t)}},De={M:pe,P:M,A:he,C:1,L:Ue,R:Tt,D:Le,V:K,I:rt,H:Q,N:Lt,U:Ht,B:Nt,F:jt},wr=ue.litHtmlPolyfillSupport;wr?.(yt,rt),(ue.litHtmlVersions??=[]).push("3.3.1");var g=(r,t,e)=>{let s=e?.renderBefore??t,o=s._$litPart$;if(o===void 0){let n=e?.renderBefore??null;s._$litPart$=o=new rt(t.insertBefore(dt(),n),n,void 0,e??{})}return o._$AI(r),o};var fe=globalThis,st=class extends O{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=g(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return J}};st._$litElement$=!0,st.finalized=!0,fe.litElementHydrateSupport?.({LitElement:st});var _r=fe.litElementPolyfillSupport;_r?.({LitElement:st});(fe.litElementVersions??=[]).push("4.2.1");var E={string:(r,t)=>r.getAttribute(t)??void 0,number:(r,t)=>{let e=r.getAttribute(t);return e===null||!e?void 0:Number(e)},boolean:(r,t)=>r.getAttribute(t)!==null},b={string:(r,t,e)=>(e===void 0?r.removeAttribute(t):r.setAttribute(t,e),!0),number:(r,t,e)=>(e===void 0?r.removeAttribute(t):r.setAttribute(t,e.toString()),!0),boolean:(r,t,e)=>(e?r.setAttribute(t,""):r.removeAttribute(t),!0),any:(r,t,e)=>{e==null?r.removeAttribute(t):typeof e=="string"?r.setAttribute(t,e):typeof e=="number"?r.setAttribute(t,e.toString()):typeof e=="boolean"?e===!0?r.setAttribute(t,""):r.removeAttribute(t):console.warn(`invalid attribute "${t}" type is "${typeof e}"`)},entries:(r,t)=>{for(let[e,s]of t)b.any(r,e,s)},record:(r,t)=>b.entries(r,Object.entries(t))};function ze(r,t={}){let e=document.createElement(r);return b.record(e,t),e}function qe(r){let t=document.createDocumentFragment();return g(r,t),t.firstElementChild}function Ut(r,t){let e=[];for(let[s,o]of Object.entries(t))if(typeof o=="function")r.addEventListener(s,o),e.push(()=>r.removeEventListener(s,o));else{let[n,i]=o;r.addEventListener(s,i,n),e.push(()=>r.removeEventListener(s,i))}return()=>e.forEach(s=>s())}function Be(r,t){let e=new MutationObserver(t);return e.observe(r,{attributes:!0}),()=>e.disconnect()}var Dt=class{element;constructor(t){this.element=t}strings=new Proxy({},{get:(t,e)=>E.string(this.element,e),set:(t,e,s)=>b.string(this.element,e,s)});numbers=new Proxy({},{get:(t,e)=>E.number(this.element,e),set:(t,e,s)=>b.number(this.element,e,s)});booleans=new Proxy({},{get:(t,e)=>E.boolean(this.element,e),set:(t,e,s)=>b.boolean(this.element,e,s)})};var Ie=(r,t,e={})=>new Proxy(t,{get:(s,o)=>{switch(t[o]){case String:return E.string(r,o);case Number:return E.number(r,o);case Boolean:return E.boolean(r,o);default:throw new Error(`invalid attribute type for "${o}"`)}},set:(s,o,n)=>{try{switch(e.beforeSet?.(o),t[o]){case String:return b.string(r,o,n);case Number:return b.number(r,o,n);case Boolean:return b.boolean(r,o,n);default:throw new Error(`invalid attribute type for "${o}"`)}}finally{e.afterSet?.(o)}}});function ot(r){let t=new Dt(r);return{strings:t.strings,numbers:t.numbers,booleans:t.booleans,on:e=>Be(r,e),spec:(e,s={})=>Ie(r,e,s)}}ot.get=E;ot.set=b;function We(r){return new de(r)}var de=class{tagName;#t=new Map;#e=[];constructor(t){this.tagName=t}attr(t,e=!0){return this.#t.set(t,e),this}attrs(t){for(let[e,s]of Object.entries(t))this.attr(e,s);return this}children(...t){return this.#e.push(...t),this}done(){let t=document.createElement(this.tagName);return b.entries(t,this.#t),t.append(...this.#e),t}};function nt(r,t=document){let e=t.querySelector(r);if(!e)throw new Error(`element not found (${r})`);return e}function zt(r,t=document){return t.querySelector(r)}function qt(r,t=document){return Array.from(t.querySelectorAll(r))}var Bt=class r{element;#t;constructor(t){this.element=t}in(t){return new r(typeof t=="string"?nt(t,this.element):t)}require(t){return nt(t,this.element)}maybe(t){return zt(t,this.element)}all(t){return qt(t,this.element)}render(...t){return g(t,this.element)}get attrs(){return this.#t??=ot(this.element)}events(t){return Ut(this.element,t)}};function Ve(r){return r.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function Ge(r,t={}){let{soft:e=!1,upgrade:s=!0}=t;for(let[o,n]of Object.entries(r)){let i=Ve(o),c=customElements.get(i);e&&c||(customElements.define(i,n),s&&document.querySelectorAll(i).forEach(a=>{a.constructor===HTMLElement&&customElements.upgrade(a)}))}}function y(r,t=document){return nt(r,t)}y.in=(r,t=document)=>new Bt(t).in(r);y.require=nt;y.maybe=zt;y.all=qt;y.el=ze;y.elmer=We;y.mk=qe;y.events=Ut;y.attrs=ot;y.register=Ge;y.render=(r,...t)=>g(t,r);function Y(){let r,t,e=new Promise((o,n)=>{r=o,t=n});function s(o){return o.then(r).catch(t),e}return{promise:e,resolve:r,reject:t,entangle:s}}function C(r){let t=null;return((...e)=>(t?t.params=e:(t={params:e,deferred:Y()},queueMicrotask(()=>{let{params:s,deferred:o}=t;t=null,Promise.resolve(r(...s)).then(o.resolve).catch(o.reject)})),t.deferred.promise))}var T={};ne(T,{clone:()=>bt,equal:()=>Ar,freeze:()=>vr});function bt(r,t=new Set){if(t.has(r))throw new Error("cannot clone circular reference");let e;return typeof r=="function"||r!==null&&typeof r=="object"?(t.add(r),Array.isArray(r)?e=r.map(s=>bt(s,new Set(t))):r.constructor===Object?e=Object.fromEntries(Object.entries(r).map(([s,o])=>[s,bt(o,new Set(t))])):r instanceof Map?e=new Map(Array.from(r,([s,o])=>[s,bt(o,new Set(t))])):r instanceof Set?e=new Set(Array.from(r,s=>bt(s,new Set(t)))):r instanceof Date?e=new Date(r.getTime()):e=r,t.delete(r)):e=r,e}var xt=Object.freeze({happy:r=>r!=null,sad:r=>r==null,boolean:r=>typeof r=="boolean",number:r=>typeof r=="number",string:r=>typeof r=="string",bigint:r=>typeof r=="bigint",object:r=>typeof r=="object"&&r!==null,array:r=>Array.isArray(r),fn:r=>typeof r=="function",symbol:r=>typeof r=="symbol"});var Ar=(r,t)=>{function e(s,o,n){if(!xt.object(s)||!xt.object(o))return s===o;if(n.includes(s))throw new Error("forbidden circularity detected in deep equal comparison");let i=[...n,s];if(s instanceof Map&&o instanceof Map){if(s.size!==o.size)return!1;for(let[c,a]of s)if(!o.has(c)||!e(a,o.get(c),i))return!1}else if(s instanceof Set&&o instanceof Set){if(s.size!==o.size)return!1;for(let c of s)if(!Array.from(o).some(a=>e(c,a,i)))return!1}else{let c=Object.keys(s),a=Object.keys(o);if(c.length!==a.length)return!1;for(let p of c)if(!a.includes(p)||!e(s[p],o[p],i))return!1}return!0}return e(r,t,[])};function vr(r){function t(e,s){if(!xt.object(e)||s.includes(e))return e;let o=[...s,e];if(e instanceof Map)for(let n of e.entries())for(let i of n)t(i,o);else if(e instanceof Set)for(let n of e)t(n,o);else if(Array.isArray(e))for(let n of e)t(n,o);else for(let n of Object.values(e))t(n,o);return Object.freeze(e)}return t(r,[])}var It=class r extends Map{static require(t,e){if(t.has(e))return t.get(e);throw new Error(`required key not found: "${e}"`)}static guarantee(t,e,s){if(t.has(e))return t.get(e);{let o=s();return t.set(e,o),o}}array(){return[...this]}require(t){return r.require(this,t)}guarantee(t,e){return r.guarantee(this,t,e)}};function it(r){let t,e=!1,s=()=>{e=!0,clearTimeout(t)},o=async()=>{e||(await r(s),!e&&(t=setTimeout(o,0)))};return o(),s}var at=(r=0)=>new Promise(t=>setTimeout(t,r));function Ze(){let r=new Set;async function t(...a){await Promise.all([...r].map(p=>p(...a)))}function e(a){return r.add(a),()=>{r.delete(a)}}async function s(...a){return t(...a)}function o(a){return e(a)}async function n(a){let{promise:p,resolve:f}=Y(),h=o(async(..._)=>{a&&await a(..._),f(_),h()});return p}function i(){r.clear()}let c={pub:s,sub:o,publish:t,subscribe:e,on:e,next:n,clear:i};return Object.assign(o,c),Object.assign(s,c),c}function H(r){let t=Ze();return r&&t.sub(r),t.sub}function ge(r){let t=Ze();return r&&t.sub(r),t.pub}var ye=class{#t=[];#e=new WeakMap;#r=[];#s=new Set;notifyRead(t){this.#t.at(-1)?.add(t)}async notifyWrite(t){if(this.#s.has(t))throw new Error("circularity forbidden");let e=this.#o(t).pub();return this.#r.at(-1)?.add(e),e}observe(t){this.#t.push(new Set);let e=t();return{seen:this.#t.pop(),result:e}}subscribe(t,e){return this.#o(t)(async()=>{let s=new Set;this.#r.push(s),this.#s.add(t),s.add(e()),this.#s.delete(t),await Promise.all(s),this.#r.pop()})}#o(t){let e=this.#e.get(t);return e||(e=H(),this.#e.set(t,e)),e}},l=globalThis[Symbol.for("e280.tracker")]??=new ye;var Wt=class r{sneak;on;dispose;constructor(t,e){if(new.target!==r)throw new Error("Derived cannot be subclassed");return Vt(t,e)}get value(){return this.get()}get(){return l.notifyRead(this),this.sneak}toString(){return`(derived "${String(this.get())}")`}};function be(r,t){let e=[],s=()=>{for(let i of e)i();e=[]},o=()=>{let{seen:i,result:c}=l.observe(r);for(let a of i)e.push(l.subscribe(a,n));return c},n=C(()=>{s(),t?t(o()):o()});return{result:o(),dispose:s}}function ct(r,t){return Object.is(r,t)}function Vt(r,t){function e(){return e.get()}let s=t?.compare??ct;Object.setPrototypeOf(e,Wt.prototype),e.on=H();let{result:o,dispose:n}=be(r,async i=>{!s(e.sneak,i)&&(e.sneak=i,await Promise.all([l.notifyWrite(e),e.on.pub(i)]))});return e.sneak=o,e.dispose=n,e}var X=Symbol(),j=Symbol(),U=Symbol(),Gt=Symbol(),k=Symbol(),$t=Symbol(),N=Symbol();var Zt=class r{sneak;[$t];[j];[N];[U];[k];constructor(t,e){if(new.target!==r)throw new Error("Lazy cannot be subclassed");return Ft(t,e)}get value(){return this.get()}[Gt](){for(let o of this[N])o();this[N]=[];let{seen:t,result:e}=l.observe(this[$t]),s=async()=>{this[j]=!0};for(let o of t)this[N].push(l.subscribe(o,s));return this[U]=()=>{for(let o of this[N])o();this[N]=[]},e}get(){if(!this[U])this.sneak=this[Gt](),this[j]=!1;else if(this[j]){this[j]=!1;let t=this[Gt]();!this[k](this.sneak,t)&&(this.sneak=t,l.notifyWrite(this))}return l.notifyRead(this),this.sneak}dispose(){this[U]&&this[U]()}toString(){return`($lazy "${String(this.get())}")`}};function Ft(r,t){function e(){return e.get()}return Object.setPrototypeOf(e,Zt.prototype),e.sneak=void 0,e[$t]=r,e[j]=!1,e[U]=void 0,e[N]=[],e[k]=t?.compare??ct,e}var Jt=class r{sneak;on;[X];[k];constructor(t,e){if(new.target!==r)throw new Error("Signal cannot be subclassed");return D(t,e)}get value(){return this.get()}set value(t){this.set(t)}get(){return l.notifyRead(this),this.sneak}async set(t,e=!1){let s=this.sneak;return this.sneak=t,(e||!this[k](s,t))&&await this.publish(),t}async publish(){if(this[X])throw new Error("forbid circularity");let t=this.sneak,e=Promise.resolve();try{this[X]=!0,e=Promise.all([l.notifyWrite(this),this.on.pub(t)])}finally{this[X]=!1}return await e,t}toString(){return`($signal "${String(this.get())}")`}};function D(r,t){function e(s){let o=e;return arguments.length===0?o.get():o.set(arguments[0])}return Object.setPrototypeOf(e,Jt.prototype),e.sneak=r,e.on=H(),e[X]=!1,e[k]=t?.compare??ct,e}D.derived=Vt;D.lazy=Ft;var tt={status:r=>r[0],value:r=>r[0]==="ready"?r[1]:void 0,error:r=>r[0]==="error"?r[1]:void 0,select:(r,t)=>{switch(r[0]){case"loading":return t.loading();case"error":return t.error(r[1]);case"ready":return t.ready(r[1]);default:throw new Error("unknown op status")}},morph:(r,t)=>tt.select(r,{loading:()=>["loading"],error:e=>["error",e],ready:e=>["ready",t(e)]}),all:(...r)=>{let t=[],e=[],s=0;for(let o of r)switch(o[0]){case"loading":s++;break;case"ready":t.push(o[1]);break;case"error":e.push(o[1]);break}return e.length>0?["error",e]:s===0?["ready",t]:["loading"]}};var wt=class{static loading(){return new this}static ready(t){return new this(["ready",t])}static error(t){return new this(["error",t])}static promise(t){let e=new this;return e.promise(t),e}static load(t){return this.promise(t())}static all(...t){let e=t.map(s=>s.pod);return tt.all(...e)}signal;#t=0;#e=ge();#r=ge();constructor(t=["loading"]){this.signal=D(t)}get wait(){return new Promise((t,e)=>{this.#e.next().then(([s])=>t(s)),this.#r.next().then(([s])=>e(s))})}get then(){return this.wait.then.bind(this.wait)}get catch(){return this.wait.catch.bind(this.wait)}get finally(){return this.wait.finally.bind(this.wait)}async setLoading(){await this.signal.set(["loading"])}async setReady(t){await this.signal.set(["ready",t]),await this.#e(t)}async setError(t){await this.signal.set(["error",t]),await this.#r(t)}async promise(t){let e=++this.#t;await this.setLoading();try{let s=await t;return e===this.#t&&await this.setReady(s),s}catch(s){console.error(s),e===this.#t&&await this.setError(s)}}async load(t){return this.promise(t())}get pod(){return this.signal.get()}set pod(t){this.signal.set(t)}get status(){return this.signal.get()[0]}get value(){return tt.value(this.signal.get())}get error(){return tt.error(this.signal.get())}get isLoading(){return this.status==="loading"}get isReady(){return this.status==="ready"}get isError(){return this.status==="error"}require(){let t=this.signal.get();if(t[0]!=="ready")throw new Error("required value not ready");return t[1]}select(t){return tt.select(this.signal.get(),t)}morph(t){return tt.morph(this.pod,t)}};var _t=class{render;count=0;rendered=Y();constructor(t){this.render=t}doneRender(){this.count++,this.rendered.resolve(),this.rendered=Y()}},z=class extends _t{host;shadow;constructor(t,e,s){super(t),this.host=e,this.shadow=s}};var xe=class{#t=[];get scope(){let t=this.#t.at(-1);if(!t)throw new Error("hooks must be called within a render fn");return t}increment(){let t=this.scope,e=t.position++;return{scope:t,position:e}}wrap(t,e){t.position=0,this.#t.push(t);try{return e()}finally{this.#t.pop()}}},A=globalThis[Symbol.for("e280.hooks")]??=new xe;var Kt=class r extends HTMLElement{static register(){y.register({SlyShadow:r},{soft:!0})}connectedCallback(){this.hasAttribute("view")||this.setAttribute("view","")}};function Fe(r){return T.freeze(T.clone(r))}var R=Symbol("optic");var Qt=class{calculate;#t=!1;#e;constructor(t){this.calculate=t,this.#e=t()}get(){return this.#t&&(this.#t=!1,this.#e=this.calculate()),this.#e}invalidate(){this.#t=!0}};var Yt=class r{on=H();[R];#t;#e;#r=C(()=>this.on.publish(this.state));constructor(t){this[R]=t,this.#t=T.clone(t.getState()),this.#e=new Qt(()=>Fe(t.getState()))}async update(){let t=this[R].getState();!T.equal(t,this.#t)&&(this.#e.invalidate(),this.#t=T.clone(t),this.#r(),await l.notifyWrite(this))}get state(){return l.notifyRead(this),this.#e.get()}async mutate(t){return this[R].mutate(t)}lens(t){let e=new r({getState:()=>t(this[R].getState()),mutate:s=>this[R].mutate(o=>s(t(o))),registerLens:this[R].registerLens});return this[R].registerLens(e),e}};var q=class{#t=[];clear(){this.#t.forEach(t=>t()),this.#t=[]}observe(t,e){let{seen:s,result:o}=l.observe(t);this.clear();for(let n of s){let i=l.subscribe(n,e);this.#t.push(i)}return o}};function Je(r,t){for(let[e,s]of Object.entries(t))Sr(r,e,s)}function Sr(r,t,e){let s=r.getAttribute(t),o=Er(e);o!==s&&(o===null?r.removeAttribute(t):r.setAttribute(t,o))}function Er(r){return typeof r=="string"?r:typeof r=="number"?r.toString():r?"":null}function w(r){let{scope:t,position:e}=A.increment();return t.values.guarantee(e,r)}function B(r){let{scope:t}=A.increment();return w(()=>t.mounts.mount(r))}var Xt=class{#t=[];#e=[];mount(t){this.#t.push(t),this.#e.push(t())}unmountAll(){for(let t of this.#e)t();this.#e=[]}remountAll(){for(let t of this.#t)this.#e.push(t())}};var I=class{cx;position=0;values=new It;mounts=new Xt;constructor(t){this.cx=t}};var{I:Vi}=De;var Ke=r=>r.strings===void 0;var Qe={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},At=r=>(...t)=>({_$litDirective$:r,values:t}),te=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,s){this._$Ct=t,this._$AM=e,this._$Ci=s}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};var vt=(r,t)=>{let e=r._$AN;if(e===void 0)return!1;for(let s of e)s._$AO?.(t,!1),vt(s,t);return!0},ee=r=>{let t,e;do{if((t=r._$AM)===void 0)break;e=t._$AN,e.delete(r),r=t}while(e?.size===0)},Ye=r=>{for(let t;t=r._$AM;r=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(r))break;e.add(r),Rr(t)}};function Cr(r){this._$AN!==void 0?(ee(this),this._$AM=r,Ye(this)):this._$AM=r}function kr(r,t=!1,e=0){let s=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(t)if(Array.isArray(s))for(let n=e;n<s.length;n++)vt(s[n],!1),ee(s[n]);else s!=null&&(vt(s,!1),ee(s));else vt(this,r)}var Rr=r=>{r.type==Qe.CHILD&&(r._$AP??=kr,r._$AQ??=Cr)},ut=class extends te{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,s){super._$AT(t,e,s),Ye(this),this.isConnected=t._$AU}_$AO(t,e=!0){t!==this.isConnected&&(this.isConnected=t,t?this.reconnected?.():this.disconnected?.()),e&&(vt(this,t),ee(this))}setValue(t){if(Ke(this._$Ct))this._$Ct._$AI(t,this);else{let e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}};function Pr(){Kt.register();let r=document.createElement("sly-shadow"),t=r.attachShadow({mode:"open"});return{host:r,shadow:t}}function S(r){return Xe(Pr,r)}S.setup=r=>(t=>Xe(r,t));function Xe(r,t){let e=At(class extends ut{#t;#e;#r;#s=new q;constructor(o){super(o);let{host:n,shadow:i}=r(),c=C(()=>{if(!this.#r)throw new Error("cannot render before props");if(!this.isConnected)return;let a=this.#o(this.#r);g(a,this.#t.shadow),this.#t.doneRender()});this.#t=new z(c,n,i),this.#e=new I(this.#t)}#o(o){return this.#r=o,this.#s.observe(()=>A.wrap(this.#e,()=>t(...this.#r)),this.#t.render)}render({props:o,children:n,attrs:i}){let{host:c}=this.#t;return this.isConnected&&(i&&Je(c,i),g(n,this.#t.host),g(this.#o(o),this.#t.shadow),this.#t.doneRender()),c}disconnected(){this.#e.mounts.unmountAll(),this.#s.clear()}reconnected(){this.#e.mounts.remountAll(),this.#t.render()}});function s(...o){return e({props:o})}return s.with=e,s}var Et={};ne(Et,{AsciiAnim:()=>ir,ErrorDisplay:()=>Ae,anims:()=>_e,make:()=>fs,makeAsciiAnim:()=>u,mock:()=>ds});var _e={};ne(_e,{arrow:()=>jr,bar:()=>Ur,bar2:()=>Dr,bar3:()=>zr,bar4:()=>qr,bin:()=>rs,binary:()=>ss,binary2:()=>os,block:()=>Br,block2:()=>Ir,brackets:()=>Fr,brackets2:()=>Jr,braille:()=>Hr,bright:()=>ps,clock:()=>as,cylon:()=>Gr,dots:()=>Kr,dots2:()=>Qr,earth:()=>we,fistbump:()=>cs,kiss:()=>is,lock:()=>us,moon:()=>ls,pie:()=>Vr,pulseblue:()=>ns,runner:()=>Wr,slider:()=>Zr,speaker:()=>hs,spinner:()=>Lr,wave:()=>Yr,wavepulse:()=>ts,wavepulse2:()=>es,wavescrub:()=>Xr});var W=x`
 	* {
 		margin: 0;
 		padding: 0;
@@ -14,23 +14,23 @@ var Xe=Object.defineProperty;var Gt=(r,t)=>{for(var e in t)Xe(r,e,{get:t[e],enum
 	::-webkit-scrollbar-track { background: transparent; }
 	::-webkit-scrollbar-thumb { background: #888; border-radius: 1em; }
 	::-webkit-scrollbar-thumb:hover { background: #999; }
-`;function wr(){let{scope:r}=S.increment();return r.cx}function Ie(){let r=wr();if(!(r instanceof X))throw new Error("this hook only works on shadow views (but was called in a light view)");return r}function We(){return Ie().host}function Ve(){return Ie().shadow}function Ge(r,t){At(r,Ar(t))}function Ar(r){let t=[];if(Array.isArray(r)){let e=new Set(r.flat(1/0).reverse());for(let s of e)t.unshift(W(s))}else r!==void 0&&t.push(W(r));return t}function ae(...r){let t=Ve();x(()=>Ge(t,r))}var N=ae;function C(r=""){let t=We();x(()=>t.setAttribute("view",r))}function st(r){return x(()=>B(r))}function Fe(r){return gt(class extends rt{#t;#e=new dt(T(()=>{if(!this.#t)throw new Error("cannot render before props");if(this.isConnected){let e=this.render(...this.#t);this.setValue(e),this.#e.doneRender()}}));#r=new et(this.#e);#s=new tt;update(e,s){let o=super.update(e,s);return this.isConnected&&this.#e.doneRender(),o}render(...e){return this.#t=e,this.#s.observe(()=>S.wrap(this.#r,()=>r(...this.#t)),this.#e.render)}disconnected(){this.#r.mounts.unmountAll(),this.#s.clear()}reconnected(){this.#r.mounts.remountAll(),this.#e.render()}})}function u(r,t){return()=>Je({hz:r,frames:t})}var Je=_(({hz:r,frames:t})=>{C("loading"),N(M,vr);let e=st(0);return ie(()=>Ne(async()=>{await Le(1e3/r);let s=e.get()+1;e.set(s>=t.length?0:s)})),t.at(e.get())}),vr=b`
+`;function re(r){return At(class extends ut{#t;#e=new _t(C(()=>{if(!this.#t)throw new Error("cannot render before props");if(this.isConnected){let e=this.render(...this.#t);this.setValue(e),this.#e.doneRender()}}));#r=new I(this.#e);#s=new q;update(e,s){let o=super.update(e,s);return this.isConnected&&this.#e.doneRender(),o}render(...e){return this.#t=e,this.#s.observe(()=>A.wrap(this.#r,()=>r(...this.#t)),this.#e.render)}disconnected(){this.#r.mounts.unmountAll(),this.#s.clear()}reconnected(){this.#r.mounts.remountAll(),this.#e.render()}})}function tr(r){let t=re(r);return class extends HTMLElement{connectedCallback(){g(t(),this)}disconnectedCallback(){g(null,this)}}}function er(r){return class extends HTMLElement{#t;#e;#r=new q;#s=this.attachShadow({mode:"open"});constructor(){super();let t=C(()=>{if(!this.isConnected)return;let e=this.#o();g(e,this.#t.shadow),this.#t.doneRender()});this.#t=new z(t,this,this.#s),this.#e=new I(this.#t)}#o(){return this.#r.observe(()=>A.wrap(this.#e,()=>r()),this.#t.render)}render(){g(this.#o(),this.#t.shadow),this.#t.doneRender()}connectedCallback(){this.#e.mounts.remountAll(),this.#t.render()}disconnectedCallback(){this.#e.mounts.unmountAll(),this.#r.clear()}}}function Or(){let{scope:r}=A.increment();return r.cx}function rr(){let r=Or();if(!(r instanceof z))throw new Error("this hook only works on shadow views (but was called in a light view)");return r}function $e(){return rr().host}function sr(){return rr().shadow}function nr(r,t){Pt(r,Tr(t))}function Tr(r){let t=[];if(Array.isArray(r)){let e=new Set(r.flat(1/0).reverse());for(let s of e)t.unshift(et(s))}else r!==void 0&&t.push(et(r));return t}function St(...r){let t=sr();w(()=>nr(t,r))}var V=St;function v(r=""){let t=$e();w(()=>t.setAttribute("view",r))}function P(r){return w(()=>D(r))}function u(r,t){return()=>ir({hz:r,frames:t})}var ir=S(({hz:r,frames:t})=>{v("loading"),V(W,Nr);let e=P(0);return B(()=>it(async()=>{await at(1e3/r);let s=e.get()+1;e.set(s>=t.length?0:s)})),t.at(e.get())}),Nr=x`
 :host {
 	font-family: monospace;
 	white-space: pre;
 	user-select: none;
 }
-`;var f=20,ot=10,nt=4,Sr=u(f,["|","/","-","\\"]),Er=u(f,["\u2808","\u2810","\u2820","\u2880","\u2840","\u2804","\u2802","\u2801"]),Cr=u(f,["\u2B06\uFE0F","\u2197\uFE0F","\u27A1\uFE0F","\u2198\uFE0F","\u2B07\uFE0F","\u2199\uFE0F","\u2B05\uFE0F","\u2196\uFE0F"]),kr=u(f,["\u25B0\u25B1\u25B1\u25B1\u25B1","\u25B0\u25B1\u25B1\u25B1\u25B1","\u25B1\u25B0\u25B1\u25B1\u25B1","\u25B1\u25B1\u25B0\u25B1\u25B1","\u25B1\u25B1\u25B1\u25B0\u25B1","\u25B1\u25B1\u25B1\u25B1\u25B0","\u25B1\u25B1\u25B1\u25B1\u25B0","\u25B1\u25B1\u25B1\u25B0\u25B1","\u25B1\u25B1\u25B0\u25B1\u25B1","\u25B1\u25B0\u25B1\u25B1\u25B1"]),Pr=u(f,["\u25B1\u25B1\u25B0\u25B1\u25B1","\u25B1\u25B1\u25B1\u25B0\u25B1","\u25B1\u25B1\u25B1\u25B0\u25B0","\u25B1\u25B1\u25B1\u25B0\u25B0","\u25B1\u25B1\u25B1\u25B1\u25B0","\u25B1\u25B1\u25B1\u25B1\u25B0","\u25B1\u25B1\u25B1\u25B1\u25B0","\u25B1\u25B1\u25B1\u25B0\u25B0","\u25B1\u25B1\u25B1\u25B0\u25B0","\u25B1\u25B1\u25B1\u25B0\u25B1","\u25B1\u25B1\u25B0\u25B1\u25B1","\u25B1\u25B0\u25B1\u25B1\u25B1","\u25B0\u25B0\u25B1\u25B1\u25B1","\u25B0\u25B0\u25B1\u25B1\u25B1","\u25B0\u25B1\u25B1\u25B1\u25B1","\u25B0\u25B1\u25B1\u25B1\u25B1","\u25B0\u25B1\u25B1\u25B1\u25B1","\u25B0\u25B0\u25B1\u25B1\u25B1","\u25B0\u25B0\u25B1\u25B1\u25B1","\u25B1\u25B0\u25B1\u25B1\u25B1"]),Rr=u(f,["\u25B0\u25B1\u25B1\u25B1\u25B1","\u25B0\u25B1\u25B1\u25B1\u25B1","\u25B0\u25B0\u25B1\u25B1\u25B1","\u25B0\u25B0\u25B0\u25B1\u25B1","\u25B1\u25B0\u25B0\u25B0\u25B1","\u25B1\u25B1\u25B0\u25B0\u25B0","\u25B1\u25B1\u25B1\u25B0\u25B0","\u25B1\u25B1\u25B1\u25B1\u25B0","\u25B1\u25B1\u25B1\u25B1\u25B0","\u25B1\u25B1\u25B1\u25B0\u25B0","\u25B1\u25B1\u25B0\u25B0\u25B0","\u25B1\u25B0\u25B0\u25B0\u25B1","\u25B0\u25B0\u25B0\u25B1\u25B1","\u25B0\u25B0\u25B1\u25B1\u25B1"]),Or=u(f,["\u25B1\u25B1\u25B1\u25B1\u25B1","\u25B1\u25B1\u25B1\u25B1\u25B1","\u25B0\u25B1\u25B1\u25B1\u25B1","\u25B0\u25B0\u25B1\u25B1\u25B1","\u25B0\u25B0\u25B0\u25B1\u25B1","\u25B0\u25B0\u25B0\u25B0\u25B1","\u25B0\u25B0\u25B0\u25B0\u25B0","\u25B0\u25B0\u25B0\u25B0\u25B0","\u25B1\u25B0\u25B0\u25B0\u25B0","\u25B1\u25B1\u25B0\u25B0\u25B0","\u25B1\u25B1\u25B1\u25B0\u25B0","\u25B1\u25B1\u25B1\u25B1\u25B0"]),Tr=u(f,["\u2581\u2581\u2581\u2581\u2581","\u2581\u2581\u2581\u2581\u2581","\u2588\u2581\u2581\u2581\u2581","\u2588\u2588\u2581\u2581\u2581","\u2588\u2588\u2588\u2581\u2581","\u2588\u2588\u2588\u2588\u2581","\u2588\u2588\u2588\u2588\u2588","\u2588\u2588\u2588\u2588\u2588","\u2581\u2588\u2588\u2588\u2588","\u2581\u2581\u2588\u2588\u2588","\u2581\u2581\u2581\u2588\u2588","\u2581\u2581\u2581\u2581\u2588"]),Mr=u(f,["\u2588\u2581\u2581\u2581\u2581","\u2588\u2581\u2581\u2581\u2581","\u2588\u2588\u2581\u2581\u2581","\u2588\u2588\u2588\u2581\u2581","\u2588\u2588\u2588\u2588\u2581","\u2588\u2588\u2588\u2588\u2588","\u2588\u2588\u2588\u2588\u2588","\u2581\u2588\u2588\u2588\u2588","\u2581\u2581\u2588\u2588\u2588","\u2581\u2581\u2581\u2588\u2588","\u2581\u2581\u2581\u2581\u2588","\u2581\u2581\u2581\u2581\u2588","\u2581\u2581\u2581\u2588\u2588","\u2581\u2581\u2588\u2588\u2588","\u2581\u2588\u2588\u2588\u2588","\u2588\u2588\u2588\u2588\u2588","\u2588\u2588\u2588\u2588\u2588","\u2588\u2588\u2588\u2588\u2581","\u2588\u2588\u2588\u2581\u2581","\u2588\u2588\u2581\u2581\u2581"]),Nr=u(nt,["\u{1F6B6}","\u{1F3C3}"]),Lr=u(ot,["\u25F7","\u25F6","\u25F5","\u25F4"]),jr=u(f,["=----","-=---","--=--","---=-","----=","----=","---=-","--=--","-=---","=----"]),Ur=u(f,["o----","-o---","--o--","---o-","----o","----o","---o-","--o--","-o---","o----"]),Hr=u(ot,["[   ]","[   ]","[=  ]","[== ]","[===]","[ ==]","[  =]"]),Dr=u(ot,["[   ]","[   ]","[=  ]","[== ]","[===]","[ ==]","[  =]","[   ]","[   ]","[  =]","[ ==]","[===]","[== ]","[=  ]"]),zr=u(ot,["   ","   ",".  ",".. ","..."," ..","  ."]),qr=u(f,[".  ",".  ",".. ","..."," ..","  .","  ."," ..","...",".. "]),Br=u(f,[".....",".....",":....","::...",":::..","::::.",":::::",":::::",".::::","..:::","...::","....:"]),Ir=u(f,[":....",":....","::...",".::..","..::.","...::","....:","....:","...::","..::.",".::..","::..."]),Wr=u(f,[".....",".....","..:..",".:::.",".:::.",":::::",":::::","::.::",":...:"]),Vr=u(f,[".....",".....","..:..",".:::.",".:::.",":::::",":::::","::.::",":...:",".....",".....",":...:","::.::",":::::",":::::",".:::.",".:::.","..:.."]),Gr=u(f,["000","100","110","111","011","001"]),Fr=u(f,["11111","01111","00111","10011","11001","01100","00110","10011","11001","11100","11110"]),Jr=u(f,["11111","01111","10111","11011","11101","11110","11111","11110","11101","11011","10111","01111"]),Zr=u(nt,["\u{1F539}","\u{1F535}"]),Kr=u(ot,["\u{1F642}","\u{1F642}","\u{1F617}","\u{1F619}","\u{1F618}","\u{1F618}","\u{1F619}"]),Qr=u(f,["\u{1F550}","\u{1F551}","\u{1F552}","\u{1F553}","\u{1F554}","\u{1F555}","\u{1F556}","\u{1F557}","\u{1F558}","\u{1F559}","\u{1F55A}","\u{1F55B}"]),Yr=u(f,["\u{1F91C}    \u{1F91B}","\u{1F91C}    \u{1F91B}","\u{1F91C}    \u{1F91B}"," \u{1F91C}  \u{1F91B} ","  \u{1F91C}\u{1F91B}  ","  \u{1F91C}\u{1F91B}  "," \u{1F91C}\u{1F4A5}\u{1F91B} ","\u{1F91C} \u{1F4A5} \u{1F91B}","\u{1F91C} \u2728 \u{1F91B}","\u{1F91C} \u2728 \u{1F91B}"]),ce=u(nt,["\u{1F30E}","\u{1F30F}","\u{1F30D}"]),Xr=u(nt,["\u{1F513}","\u{1F512}"]),ts=u(nt,["\u{1F505}","\u{1F506}"]),es=u(nt,["\u{1F508}","\u{1F508}","\u{1F509}","\u{1F50A}","\u{1F50A}","\u{1F509}"]),rs=u(ot,["\u{1F311}","\u{1F311}","\u{1F311}","\u{1F318}","\u{1F317}","\u{1F316}","\u{1F315}","\u{1F314}","\u{1F313}","\u{1F312}"]);var pe=_(r=>(C("error"),N(M,ss),typeof r=="string"?r:r instanceof Error?A`<strong>${r.name}:</strong> <span>${r.message}</span>`:"error")),ss=b`
+`;var m=20,pt=10,ht=4,Lr=u(m,["|","/","-","\\"]),Hr=u(m,["\u2808","\u2810","\u2820","\u2880","\u2840","\u2804","\u2802","\u2801"]),jr=u(m,["\u2B06\uFE0F","\u2197\uFE0F","\u27A1\uFE0F","\u2198\uFE0F","\u2B07\uFE0F","\u2199\uFE0F","\u2B05\uFE0F","\u2196\uFE0F"]),Ur=u(m,["\u25B0\u25B1\u25B1\u25B1\u25B1","\u25B0\u25B1\u25B1\u25B1\u25B1","\u25B1\u25B0\u25B1\u25B1\u25B1","\u25B1\u25B1\u25B0\u25B1\u25B1","\u25B1\u25B1\u25B1\u25B0\u25B1","\u25B1\u25B1\u25B1\u25B1\u25B0","\u25B1\u25B1\u25B1\u25B1\u25B0","\u25B1\u25B1\u25B1\u25B0\u25B1","\u25B1\u25B1\u25B0\u25B1\u25B1","\u25B1\u25B0\u25B1\u25B1\u25B1"]),Dr=u(m,["\u25B1\u25B1\u25B0\u25B1\u25B1","\u25B1\u25B1\u25B1\u25B0\u25B1","\u25B1\u25B1\u25B1\u25B0\u25B0","\u25B1\u25B1\u25B1\u25B0\u25B0","\u25B1\u25B1\u25B1\u25B1\u25B0","\u25B1\u25B1\u25B1\u25B1\u25B0","\u25B1\u25B1\u25B1\u25B1\u25B0","\u25B1\u25B1\u25B1\u25B0\u25B0","\u25B1\u25B1\u25B1\u25B0\u25B0","\u25B1\u25B1\u25B1\u25B0\u25B1","\u25B1\u25B1\u25B0\u25B1\u25B1","\u25B1\u25B0\u25B1\u25B1\u25B1","\u25B0\u25B0\u25B1\u25B1\u25B1","\u25B0\u25B0\u25B1\u25B1\u25B1","\u25B0\u25B1\u25B1\u25B1\u25B1","\u25B0\u25B1\u25B1\u25B1\u25B1","\u25B0\u25B1\u25B1\u25B1\u25B1","\u25B0\u25B0\u25B1\u25B1\u25B1","\u25B0\u25B0\u25B1\u25B1\u25B1","\u25B1\u25B0\u25B1\u25B1\u25B1"]),zr=u(m,["\u25B0\u25B1\u25B1\u25B1\u25B1","\u25B0\u25B1\u25B1\u25B1\u25B1","\u25B0\u25B0\u25B1\u25B1\u25B1","\u25B0\u25B0\u25B0\u25B1\u25B1","\u25B1\u25B0\u25B0\u25B0\u25B1","\u25B1\u25B1\u25B0\u25B0\u25B0","\u25B1\u25B1\u25B1\u25B0\u25B0","\u25B1\u25B1\u25B1\u25B1\u25B0","\u25B1\u25B1\u25B1\u25B1\u25B0","\u25B1\u25B1\u25B1\u25B0\u25B0","\u25B1\u25B1\u25B0\u25B0\u25B0","\u25B1\u25B0\u25B0\u25B0\u25B1","\u25B0\u25B0\u25B0\u25B1\u25B1","\u25B0\u25B0\u25B1\u25B1\u25B1"]),qr=u(m,["\u25B1\u25B1\u25B1\u25B1\u25B1","\u25B1\u25B1\u25B1\u25B1\u25B1","\u25B0\u25B1\u25B1\u25B1\u25B1","\u25B0\u25B0\u25B1\u25B1\u25B1","\u25B0\u25B0\u25B0\u25B1\u25B1","\u25B0\u25B0\u25B0\u25B0\u25B1","\u25B0\u25B0\u25B0\u25B0\u25B0","\u25B0\u25B0\u25B0\u25B0\u25B0","\u25B1\u25B0\u25B0\u25B0\u25B0","\u25B1\u25B1\u25B0\u25B0\u25B0","\u25B1\u25B1\u25B1\u25B0\u25B0","\u25B1\u25B1\u25B1\u25B1\u25B0"]),Br=u(m,["\u2581\u2581\u2581\u2581\u2581","\u2581\u2581\u2581\u2581\u2581","\u2588\u2581\u2581\u2581\u2581","\u2588\u2588\u2581\u2581\u2581","\u2588\u2588\u2588\u2581\u2581","\u2588\u2588\u2588\u2588\u2581","\u2588\u2588\u2588\u2588\u2588","\u2588\u2588\u2588\u2588\u2588","\u2581\u2588\u2588\u2588\u2588","\u2581\u2581\u2588\u2588\u2588","\u2581\u2581\u2581\u2588\u2588","\u2581\u2581\u2581\u2581\u2588"]),Ir=u(m,["\u2588\u2581\u2581\u2581\u2581","\u2588\u2581\u2581\u2581\u2581","\u2588\u2588\u2581\u2581\u2581","\u2588\u2588\u2588\u2581\u2581","\u2588\u2588\u2588\u2588\u2581","\u2588\u2588\u2588\u2588\u2588","\u2588\u2588\u2588\u2588\u2588","\u2581\u2588\u2588\u2588\u2588","\u2581\u2581\u2588\u2588\u2588","\u2581\u2581\u2581\u2588\u2588","\u2581\u2581\u2581\u2581\u2588","\u2581\u2581\u2581\u2581\u2588","\u2581\u2581\u2581\u2588\u2588","\u2581\u2581\u2588\u2588\u2588","\u2581\u2588\u2588\u2588\u2588","\u2588\u2588\u2588\u2588\u2588","\u2588\u2588\u2588\u2588\u2588","\u2588\u2588\u2588\u2588\u2581","\u2588\u2588\u2588\u2581\u2581","\u2588\u2588\u2581\u2581\u2581"]),Wr=u(ht,["\u{1F6B6}","\u{1F3C3}"]),Vr=u(pt,["\u25F7","\u25F6","\u25F5","\u25F4"]),Gr=u(m,["=----","-=---","--=--","---=-","----=","----=","---=-","--=--","-=---","=----"]),Zr=u(m,["o----","-o---","--o--","---o-","----o","----o","---o-","--o--","-o---","o----"]),Fr=u(pt,["[   ]","[   ]","[=  ]","[== ]","[===]","[ ==]","[  =]"]),Jr=u(pt,["[   ]","[   ]","[=  ]","[== ]","[===]","[ ==]","[  =]","[   ]","[   ]","[  =]","[ ==]","[===]","[== ]","[=  ]"]),Kr=u(pt,["   ","   ",".  ",".. ","..."," ..","  ."]),Qr=u(m,[".  ",".  ",".. ","..."," ..","  .","  ."," ..","...",".. "]),Yr=u(m,[".....",".....",":....","::...",":::..","::::.",":::::",":::::",".::::","..:::","...::","....:"]),Xr=u(m,[":....",":....","::...",".::..","..::.","...::","....:","....:","...::","..::.",".::..","::..."]),ts=u(m,[".....",".....","..:..",".:::.",".:::.",":::::",":::::","::.::",":...:"]),es=u(m,[".....",".....","..:..",".:::.",".:::.",":::::",":::::","::.::",":...:",".....",".....",":...:","::.::",":::::",":::::",".:::.",".:::.","..:.."]),rs=u(m,["000","100","110","111","011","001"]),ss=u(m,["11111","01111","00111","10011","11001","01100","00110","10011","11001","11100","11110"]),os=u(m,["11111","01111","10111","11011","11101","11110","11111","11110","11101","11011","10111","01111"]),ns=u(ht,["\u{1F539}","\u{1F535}"]),is=u(pt,["\u{1F642}","\u{1F642}","\u{1F617}","\u{1F619}","\u{1F618}","\u{1F618}","\u{1F619}"]),as=u(m,["\u{1F550}","\u{1F551}","\u{1F552}","\u{1F553}","\u{1F554}","\u{1F555}","\u{1F556}","\u{1F557}","\u{1F558}","\u{1F559}","\u{1F55A}","\u{1F55B}"]),cs=u(m,["\u{1F91C}    \u{1F91B}","\u{1F91C}    \u{1F91B}","\u{1F91C}    \u{1F91B}"," \u{1F91C}  \u{1F91B} ","  \u{1F91C}\u{1F91B}  ","  \u{1F91C}\u{1F91B}  "," \u{1F91C}\u{1F4A5}\u{1F91B} ","\u{1F91C} \u{1F4A5} \u{1F91B}","\u{1F91C} \u2728 \u{1F91B}","\u{1F91C} \u2728 \u{1F91B}"]),we=u(ht,["\u{1F30E}","\u{1F30F}","\u{1F30D}"]),us=u(ht,["\u{1F513}","\u{1F512}"]),ps=u(ht,["\u{1F505}","\u{1F506}"]),hs=u(ht,["\u{1F508}","\u{1F508}","\u{1F509}","\u{1F50A}","\u{1F50A}","\u{1F509}"]),ls=u(pt,["\u{1F311}","\u{1F311}","\u{1F311}","\u{1F318}","\u{1F317}","\u{1F316}","\u{1F315}","\u{1F314}","\u{1F313}","\u{1F312}"]);var Ae=S(r=>(v("error"),V(W,ms),typeof r=="string"?r:r instanceof Error?$`<strong>${r.name}:</strong> <span>${r.message}</span>`:"error")),ms=x`
 	:host {
 		font-family: monospace;
 		color: red;
 	}
-`;function os(r=ce,t=e=>pe(e)){return(e,s)=>e.select({loading:r,ready:s,error:t})}function ns(){return(r,t)=>r.select({ready:t,loading:()=>"[loading]",error:()=>"[error]"})}var Ze=_(()=>{C("loaders"),N(M,is);let r=x(()=>mt.loading());return x(()=>Object.entries(bt.anims).map(([e,s])=>({key:e,loader:bt.make(s)}))).map(({key:e,loader:s})=>A`
+`;function fs(r=we,t=e=>Ae(e)){return(e,s)=>e.select({loading:r,ready:s,error:t})}function ds(){return(r,t)=>r.select({ready:t,loading:()=>"[loading]",error:()=>"[error]"})}var ar=S(()=>{v("loaders"),V(W,gs);let r=w(()=>wt.loading());return w(()=>Object.entries(Et.anims).map(([e,s])=>({key:e,loader:Et.make(s)}))).map(({key:e,loader:s})=>$`
 		<div data-anim="${e}">
 			<span>${e}</span>
 			<span>${s(r,()=>null)}</span>
 		</div>
-	`)}),is=b`
+	`)}),gs=x`
 :host {
 	display: flex;
 	flex-direction: row;
@@ -71,26 +71,33 @@ div {
 		min-height: 2.5em;
 	}
 }
-`;var Ke=Fe(r=>{let t=st(r);return A`
+`;var cr=re(r=>{let t=P(r);return $`
 		<button @click="${()=>t.value++}">${t()}</button>
-	`});var Qe=_(r=>{C("counter-shadow"),ae(b`:host{display:inline-block} button{color:cyan}`);let t=st(r);return A`
+	`});var ur=S(r=>{v("counter-shadow"),St(x`:host{display:inline-block} button{color:cyan}`);let t=P(r);return $`
 		<button @click="${()=>t.value++}">${t()}</button>
-	`});var Ye=_(()=>(C("demo"),N(M,as),A`
-		<p>light ${Ke(123)}</p>
+	`});var pr=S(()=>(v("demo"),V(W,ys),$`
+		<p>light ${cr(123)}</p>
 
 		<p>
-			shadow ${Qe.with({props:[234],attrs:{"data-lol":555},children:A`<p>hello</p>`})}
+			shadow ${ur.with({props:[234],attrs:{"data-lol":555},children:$`<p>hello</p>`})}
 		</p>
 
-		${Ze()}
-	`)),as=b`
+		<time-shadow></time-shadow>
+		<time-light></time-light>
+
+		${ar()}
+	`)),ys=x`
 	:host {
 		display: flex;
 		flex-direction: column;
 		align-items: center;
 		gap: 1em;
 	}
-`;y.in(".demo").render(Ye());console.log("\u{1F99D} sly");
+`;var se=class extends tr(()=>{let t=P(Date.now());return B(()=>it(async()=>{await at(100),t(Date.now())})),$`
+		<p>${t()}</p>
+	`}){};var oe=class extends er(()=>{v("time-shadow"),St(x`:host{display:inline-block} button{color:cyan}`);let t=P(Date.now());return B(()=>it(async()=>{await at(100),t(Date.now())})),$`
+		<p>${t()}</p>
+	`}){};y.register({TimeShadow:oe,TimeLight:se});y.render(y(".demo"),pr());console.log("\u{1F99D} sly");
 /*! Bundled license information:
 
 @lit/reactive-element/css-tag.js: