@e280/shiny 0.1.0-4 → 0.1.0-6

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

@@ -1,6 +1,6 @@
 var bt=globalThis,yt=bt.ShadowRoot&&(bt.ShadyCSS===void 0||bt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Jt=Symbol(),he=new WeakMap,et=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==Jt)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(yt&&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}},ue=r=>new et(typeof r=="string"?r:r+"",void 0,Jt),d=(r,...t)=>{let e=r.length===1?r[0]:t.reduce(((s,o,i)=>s+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+r[i+1]),r[0]);return new et(e,r,Jt)},wt=(r,t)=>{if(yt)r.adoptedStyleSheets=t.map((e=>e instanceof CSSStyleSheet?e:e.styleSheet));else for(let e of t){let s=document.createElement("style"),o=bt.litNonce;o!==void 0&&s.setAttribute("nonce",o),s.textContent=e.cssText,r.appendChild(s)}},j=yt?r=>r:r=>r instanceof CSSStyleSheet?(t=>{let e="";for(let s of t.cssRules)e+=s.cssText;return ue(e)})(r):r;var{is:nr,defineProperty:ar,getOwnPropertyDescriptor:cr,getOwnPropertyNames:lr,getOwnPropertySymbols:pr,getPrototypeOf:hr}=Object,vt=globalThis,de=vt.trustedTypes,ur=de?de.emptyScript:"",dr=vt.reactiveElementPolyfillSupport,rt=(r,t)=>r,Kt={toAttribute(r,t){switch(t){case Boolean:r=r?ur: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}},fe=(r,t)=>!nr(r,t),me={attribute:!0,type:String,converter:Kt,reflect:!1,useDefault:!1,hasChanged:fe};Symbol.metadata??=Symbol("metadata"),vt.litPropertyMetadata??=new WeakMap;var A=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&&ar(this.prototype,t,o)}}static getPropertyDescriptor(t,e,s){let{get:o,set:i}=cr(this.prototype,t)??{get(){return this[e]},set(n){this[e]=n}};return{get:o,set(n){let c=o?.call(this);i?.call(this,n),this.requestUpdate(t,c,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??me}static _$Ei(){if(this.hasOwnProperty(rt("elementProperties")))return;let t=hr(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(rt("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(rt("properties"))){let e=this.properties,s=[...lr(e),...pr(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(j(o))}else t!==void 0&&e.push(j(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 wt(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 i=(s.converter?.toAttribute!==void 0?s.converter:Kt).toAttribute(e,s.type);this._$Em=t,i==null?this.removeAttribute(o):this.setAttribute(o,i),this._$Em=null}}_$AK(t,e){let s=this.constructor,o=s._$Eh.get(t);if(o!==void 0&&this._$Em!==o){let i=s.getPropertyOptions(o),n=typeof i.converter=="function"?{fromAttribute:i.converter}:i.converter?.fromAttribute!==void 0?i.converter:Kt;this._$Em=o;let c=n.fromAttribute(e,i.type);this[o]=c??this._$Ej?.get(o)??c,this._$Em=null}}requestUpdate(t,e,s){if(t!==void 0){let o=this.constructor,i=this[t];if(s??=o.getPropertyOptions(t),!((s.hasChanged??fe)(i,e)||s.useDefault&&s.reflect&&i===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:i},n){s&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,n??e??this[t]),i!==!0||n!==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,i]of this._$Ep)this[o]=i;this._$Ep=void 0}let s=this.constructor.elementProperties;if(s.size>0)for(let[o,i]of s){let{wrapped:n}=i,c=this[o];n!==!0||this._$AL.has(o)||c===void 0||this.C(o,void 0,i,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){}};A.elementStyles=[],A.shadowRootOptions={mode:"open"},A[rt("elementProperties")]=new Map,A[rt("finalized")]=new Map,dr?.({ReactiveElement:A}),(vt.reactiveElementVersions??=[]).push("2.1.1");var Gt=globalThis,xt=Gt.trustedTypes,ge=xt?xt.createPolicy("lit-html",{createHTML:r=>r}):void 0,te="$lit$",k=`lit$${Math.random().toFixed(9).slice(2)}$`,ee="?"+k,mr=`<${ee}>`,M=document,ot=()=>M.createComment(""),it=r=>r===null||typeof r!="object"&&typeof r!="function",re=Array.isArray,$e=r=>re(r)||typeof r?.[Symbol.iterator]=="function",Qt=`[ 	
 \f\r]`,st=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,be=/-->/g,ye=/>/g,O=RegExp(`>|${Qt}(?:([^\\s"'>=/]+)(${Qt}*=${Qt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`,"g"),we=/'/g,ve=/"/g,_e=/^(?:script|style|textarea|title)$/i,se=r=>(t,...e)=>({_$litType$:r,strings:t,values:e}),y=se(1),_=se(2),Dr=se(3),H=Symbol.for("lit-noChange"),b=Symbol.for("lit-nothing"),xe=new WeakMap,z=M.createTreeWalker(M,129);function Ae(r,t){if(!re(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return ge!==void 0?ge.createHTML(t):t}var ke=(r,t)=>{let e=r.length-1,s=[],o,i=t===2?"<svg>":t===3?"<math>":"",n=st;for(let c=0;c<e;c++){let a=r[c],p,f,h=-1,$=0;for(;$<a.length&&(n.lastIndex=$,f=n.exec(a),f!==null);)$=n.lastIndex,n===st?f[1]==="!--"?n=be:f[1]!==void 0?n=ye:f[2]!==void 0?(_e.test(f[2])&&(o=RegExp("</"+f[2],"g")),n=O):f[3]!==void 0&&(n=O):n===O?f[0]===">"?(n=o??st,h=-1):f[1]===void 0?h=-2:(h=n.lastIndex-f[2].length,p=f[1],n=f[3]===void 0?O:f[3]==='"'?ve:we):n===ve||n===we?n=O:n===be||n===ye?n=st:(n=O,o=void 0);let S=n===O&&r[c+1].startsWith("/>")?" ":"";i+=n===st?a+mr:h>=0?(s.push(p),a.slice(0,h)+te+a.slice(h)+k+S):a+k+(h===-2?c:S)}return[Ae(r,i+(r[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]},nt=class r{constructor({strings:t,_$litType$:e},s){let o;this.parts=[];let i=0,n=0,c=t.length-1,a=this.parts,[p,f]=ke(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(te)){let $=f[n++],S=o.getAttribute(h).split(k),gt=/([.?@])?(.*)/.exec($);a.push({type:1,index:i,name:gt[2],strings:S,ctor:gt[1]==="."?_t:gt[1]==="?"?At:gt[1]==="@"?kt:U}),o.removeAttribute(h)}else h.startsWith(k)&&(a.push({type:6,index:i}),o.removeAttribute(h));if(_e.test(o.tagName)){let h=o.textContent.split(k),$=h.length-1;if($>0){o.textContent=xt?xt.emptyScript:"";for(let S=0;S<$;S++)o.append(h[S],ot()),z.nextNode(),a.push({type:2,index:++i});o.append(h[$],ot())}}}else if(o.nodeType===8)if(o.data===ee)a.push({type:2,index:i});else{let h=-1;for(;(h=o.data.indexOf(k,h+1))!==-1;)a.push({type:7,index:i}),h+=k.length-1}i++}}static createElement(t,e){let s=M.createElement("template");return s.innerHTML=t,s}};function N(r,t,e=r,s){if(t===H)return t;let o=s!==void 0?e._$Co?.[s]:e._$Cl,i=it(t)?void 0:t._$litDirective$;return o?.constructor!==i&&(o?._$AO?.(!1),i===void 0?o=void 0:(o=new i(r),o._$AT(r,e,s)),s!==void 0?(e._$Co??=[])[s]=o:e._$Cl=o),o!==void 0&&(t=N(r,o._$AS(r,t.values),o,s)),t}var $t=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??M).importNode(e,!0);z.currentNode=o;let i=z.nextNode(),n=0,c=0,a=s[0];for(;a!==void 0;){if(n===a.index){let p;a.type===2?p=new L(i,i.nextSibling,this,t):a.type===1?p=new a.ctor(i,a.name,a.strings,this,t):a.type===6&&(p=new St(i,this,t)),this._$AV.push(p),a=s[++c]}n!==a?.index&&(i=z.nextNode(),n++)}return z.currentNode=M,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++}},L=class r{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,o){this.type=2,this._$AH=b,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=N(this,t,e),it(t)?t===b||t==null||t===""?(this._$AH!==b&&this._$AR(),this._$AH=b):t!==this._$AH&&t!==H&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):$e(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!==b&&it(this._$AH)?this._$AA.nextSibling.data=t:this.T(M.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=nt.createElement(Ae(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===o)this._$AH.p(e);else{let i=new $t(o,this),n=i.u(this.options);i.p(e),this.T(n),this._$AH=i}}_$AC(t){let e=xe.get(t.strings);return e===void 0&&xe.set(t.strings,e=new nt(t)),e}k(t){re(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,s,o=0;for(let i of t)o===e.length?e.push(s=new r(this.O(ot()),this.O(ot()),this,this.options)):s=e[o],s._$AI(i),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))}},U=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,o,i){this.type=1,this._$AH=b,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=i,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=b}_$AI(t,e=this,s,o){let i=this.strings,n=!1;if(i===void 0)t=N(this,t,e,0),n=!it(t)||t!==this._$AH&&t!==H,n&&(this._$AH=t);else{let c=t,a,p;for(t=i[0],a=0;a<i.length-1;a++)p=N(this,c[s+a],e,a),p===H&&(p=this._$AH[a]),n||=!it(p)||p!==this._$AH[a],p===b?t=b:t!==b&&(t+=(p??"")+i[a+1]),this._$AH[a]=p}n&&!o&&this.j(t)}j(t){t===b?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},_t=class extends U{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===b?void 0:t}},At=class extends U{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==b)}},kt=class extends U{constructor(t,e,s,o,i){super(t,e,s,o,i),this.type=5}_$AI(t,e=this){if((t=N(this,t,e,0)??b)===H)return;let s=this._$AH,o=t===b&&s!==b||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,i=t!==b&&(s===b||o);o&&this.element.removeEventListener(this.name,this,s),i&&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)}},St=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){N(this,t)}},Se={M:te,P:k,A:ee,C:1,L:ke,R:$t,D:$e,V:N,I:L,H:U,N:At,U:kt,B:_t,F:St},fr=Gt.litHtmlPolyfillSupport;fr?.(nt,L),(Gt.litHtmlVersions??=[]).push("3.3.1");var at=(r,t,e)=>{let s=e?.renderBefore??t,o=s._$litPart$;if(o===void 0){let i=e?.renderBefore??null;s._$litPart$=o=new L(t.insertBefore(ot(),i),i,void 0,e??{})}return o._$AI(r),o};var oe=globalThis,q=class extends A{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=at(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return H}};q._$litElement$=!0,q.finalized=!0,oe.litElementHydrateSupport?.({LitElement:q});var gr=oe.litElementPolyfillSupport;gr?.({LitElement:q});(oe.litElementVersions??=[]).push("4.2.1");var B=d`
+\f\r"'\`<>=]|("|')|))|$)`,"g"),we=/'/g,ve=/"/g,_e=/^(?:script|style|textarea|title)$/i,se=r=>(t,...e)=>({_$litType$:r,strings:t,values:e}),y=se(1),_=se(2),jr=se(3),H=Symbol.for("lit-noChange"),b=Symbol.for("lit-nothing"),xe=new WeakMap,z=M.createTreeWalker(M,129);function Ae(r,t){if(!re(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return ge!==void 0?ge.createHTML(t):t}var ke=(r,t)=>{let e=r.length-1,s=[],o,i=t===2?"<svg>":t===3?"<math>":"",n=st;for(let c=0;c<e;c++){let a=r[c],p,f,h=-1,$=0;for(;$<a.length&&(n.lastIndex=$,f=n.exec(a),f!==null);)$=n.lastIndex,n===st?f[1]==="!--"?n=be:f[1]!==void 0?n=ye:f[2]!==void 0?(_e.test(f[2])&&(o=RegExp("</"+f[2],"g")),n=O):f[3]!==void 0&&(n=O):n===O?f[0]===">"?(n=o??st,h=-1):f[1]===void 0?h=-2:(h=n.lastIndex-f[2].length,p=f[1],n=f[3]===void 0?O:f[3]==='"'?ve:we):n===ve||n===we?n=O:n===be||n===ye?n=st:(n=O,o=void 0);let S=n===O&&r[c+1].startsWith("/>")?" ":"";i+=n===st?a+mr:h>=0?(s.push(p),a.slice(0,h)+te+a.slice(h)+k+S):a+k+(h===-2?c:S)}return[Ae(r,i+(r[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]},nt=class r{constructor({strings:t,_$litType$:e},s){let o;this.parts=[];let i=0,n=0,c=t.length-1,a=this.parts,[p,f]=ke(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(te)){let $=f[n++],S=o.getAttribute(h).split(k),gt=/([.?@])?(.*)/.exec($);a.push({type:1,index:i,name:gt[2],strings:S,ctor:gt[1]==="."?_t:gt[1]==="?"?At:gt[1]==="@"?kt:U}),o.removeAttribute(h)}else h.startsWith(k)&&(a.push({type:6,index:i}),o.removeAttribute(h));if(_e.test(o.tagName)){let h=o.textContent.split(k),$=h.length-1;if($>0){o.textContent=xt?xt.emptyScript:"";for(let S=0;S<$;S++)o.append(h[S],ot()),z.nextNode(),a.push({type:2,index:++i});o.append(h[$],ot())}}}else if(o.nodeType===8)if(o.data===ee)a.push({type:2,index:i});else{let h=-1;for(;(h=o.data.indexOf(k,h+1))!==-1;)a.push({type:7,index:i}),h+=k.length-1}i++}}static createElement(t,e){let s=M.createElement("template");return s.innerHTML=t,s}};function N(r,t,e=r,s){if(t===H)return t;let o=s!==void 0?e._$Co?.[s]:e._$Cl,i=it(t)?void 0:t._$litDirective$;return o?.constructor!==i&&(o?._$AO?.(!1),i===void 0?o=void 0:(o=new i(r),o._$AT(r,e,s)),s!==void 0?(e._$Co??=[])[s]=o:e._$Cl=o),o!==void 0&&(t=N(r,o._$AS(r,t.values),o,s)),t}var $t=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??M).importNode(e,!0);z.currentNode=o;let i=z.nextNode(),n=0,c=0,a=s[0];for(;a!==void 0;){if(n===a.index){let p;a.type===2?p=new L(i,i.nextSibling,this,t):a.type===1?p=new a.ctor(i,a.name,a.strings,this,t):a.type===6&&(p=new St(i,this,t)),this._$AV.push(p),a=s[++c]}n!==a?.index&&(i=z.nextNode(),n++)}return z.currentNode=M,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++}},L=class r{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,o){this.type=2,this._$AH=b,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=N(this,t,e),it(t)?t===b||t==null||t===""?(this._$AH!==b&&this._$AR(),this._$AH=b):t!==this._$AH&&t!==H&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):$e(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!==b&&it(this._$AH)?this._$AA.nextSibling.data=t:this.T(M.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=nt.createElement(Ae(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===o)this._$AH.p(e);else{let i=new $t(o,this),n=i.u(this.options);i.p(e),this.T(n),this._$AH=i}}_$AC(t){let e=xe.get(t.strings);return e===void 0&&xe.set(t.strings,e=new nt(t)),e}k(t){re(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,s,o=0;for(let i of t)o===e.length?e.push(s=new r(this.O(ot()),this.O(ot()),this,this.options)):s=e[o],s._$AI(i),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))}},U=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,o,i){this.type=1,this._$AH=b,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=i,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=b}_$AI(t,e=this,s,o){let i=this.strings,n=!1;if(i===void 0)t=N(this,t,e,0),n=!it(t)||t!==this._$AH&&t!==H,n&&(this._$AH=t);else{let c=t,a,p;for(t=i[0],a=0;a<i.length-1;a++)p=N(this,c[s+a],e,a),p===H&&(p=this._$AH[a]),n||=!it(p)||p!==this._$AH[a],p===b?t=b:t!==b&&(t+=(p??"")+i[a+1]),this._$AH[a]=p}n&&!o&&this.j(t)}j(t){t===b?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},_t=class extends U{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===b?void 0:t}},At=class extends U{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==b)}},kt=class extends U{constructor(t,e,s,o,i){super(t,e,s,o,i),this.type=5}_$AI(t,e=this){if((t=N(this,t,e,0)??b)===H)return;let s=this._$AH,o=t===b&&s!==b||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,i=t!==b&&(s===b||o);o&&this.element.removeEventListener(this.name,this,s),i&&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)}},St=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){N(this,t)}},Se={M:te,P:k,A:ee,C:1,L:ke,R:$t,D:$e,V:N,I:L,H:U,N:At,U:kt,B:_t,F:St},fr=Gt.litHtmlPolyfillSupport;fr?.(nt,L),(Gt.litHtmlVersions??=[]).push("3.3.1");var at=(r,t,e)=>{let s=e?.renderBefore??t,o=s._$litPart$;if(o===void 0){let i=e?.renderBefore??null;s._$litPart$=o=new L(t.insertBefore(ot(),i),i,void 0,e??{})}return o._$AI(r),o};var oe=globalThis,q=class extends A{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=at(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return H}};q._$litElement$=!0,q.finalized=!0,oe.litElementHydrateSupport?.({LitElement:q});var gr=oe.litElementPolyfillSupport;gr?.({LitElement:q});(oe.litElementVersions??=[]).push("4.2.1");var B=d`
 	@layer reset {
 		* {
 			margin: 0;
@@ -16,19 +16,19 @@ var bt=globalThis,yt=bt.ShadowRoot&&(bt.ShadyCSS===void 0||bt.ShadyCSS.nativeSha
 		::-webkit-scrollbar-thumb { background: #333; border-radius: 1em; }
 		::-webkit-scrollbar-thumb:hover { background: #444; }
 	}
-`;function E(r,t){let e,s,o=[];function i(){e=[],s&&clearTimeout(s),s=void 0,o=[]}return i(),((...n)=>{e=n,s&&clearTimeout(s);let c=new Promise((a,p)=>{o.push({resolve:a,reject:p})});return s=setTimeout(()=>{Promise.resolve().then(()=>t(...e)).then(a=>{for(let{resolve:p}of o)p(a);i()}).catch(a=>{for(let{reject:p}of o)p(a);i()})},r),c})}function ct(){let r,t,e=new Promise((o,i)=>{r=o,t=i});function s(o){return o.then(r).catch(t),e}return{promise:e,resolve:r,reject:t,entangle:s}}var Et=class{getRefill;#t=[];constructor(t){this.getRefill=t,this.#e()}get currentStock(){return[...this.#t]}#e(){if(this.#t.length===0&&(this.#t=[...this.getRefill()]),this.#t.length===0)throw new Error("dispenser's getRefill returned an empty array")}takeAll(){let t=this.#t;return this.#t=[...this.getRefill()],t}takeRandom(){this.#e();let t=Math.floor(Math.random()*this.#t.length),[e]=this.#t.splice(t,1);return e}takeFirst(){return this.#e(),this.#t.shift()}takeLast(){return this.#e(),this.#t.pop()}shift=this.takeFirst.bind(this);pop=this.takeLast.bind(this)};var W=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)}};var Ee=(r=0)=>new Promise(t=>setTimeout(t,r));function Ct(r){return{map:t=>Ce(r,t),filter:t=>Pe(r,t)}}Ct.pipe=Object.freeze({map:r=>(t=>Ce(t,r)),filter:r=>(t=>Pe(t,r))});var Ce=(r,t)=>Object.fromEntries(Object.entries(r).map(([e,s])=>[e,t(s,e)])),Pe=(r,t)=>Object.fromEntries(Object.entries(r).filter(([e,s])=>t(s,e)));function Te(){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 i(a){let{promise:p,resolve:f}=ct(),h=o(async(...$)=>{a&&await a(...$),f($),h()});return p}function n(){r.clear()}let c={pub:s,sub:o,publish:t,subscribe:e,on:e,next:i,clear:n};return Object.assign(o,c),Object.assign(s,c),c}function Pt(r){let t=Te();return r&&t.sub(r),t.sub}function ie(r){let t=Te();return r&&t.sub(r),t.pub}function Re(r){let t,e=!1,s=()=>{e=!0,clearTimeout(t)},o=async()=>{e||(await r(s),!e&&(t=setTimeout(o,0)))};return o(),s}function Oe(r){let t=r.split(/\r|\n/),e;for(let o of t)if(!/^\s+$/.test(o)){let n=o.match(/^(\t+).+/);if(n){let c=n[1].length;if(e=e===void 0||c<e?c:e,e===0)break}}let s=new RegExp(`^\\t{${e}}`);return t.map(o=>/^\s+$/.test(o)?"":o).map(o=>o.replace(s,"")).join(`
-`)}function br(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}"`)}function Tt(r,t){for(let[e,s]of t)br(r,e,s)}function ze(r,t){let e=document.createElement(r);return Tt(e,Object.entries(t)),e}function Me(r,t){let e=new MutationObserver(t);return e.observe(r,{attributes:!0}),()=>e.disconnect()}var w={get:{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},set:{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)}};var He=(r,t)=>new Proxy(t,{get:(e,s)=>{switch(t[s]){case String:return w.get.string(r,s);case Number:return w.get.number(r,s);case Boolean:return w.get.boolean(r,s);default:throw new Error(`invalid attribute type for "${s}"`)}},set:(e,s,o)=>{switch(t[s]){case String:return w.set.string(r,s,o);case Number:return w.set.number(r,s,o);case Boolean:return w.set.boolean(r,s,o);default:throw new Error(`invalid attribute type for "${s}"`)}}});var Rt=class{element;constructor(t){this.element=t}strings=new Proxy({},{get:(t,e)=>w.get.string(this.element,e),set:(t,e,s)=>w.set.string(this.element,e,s)});numbers=new Proxy({},{get:(t,e)=>w.get.number(this.element,e),set:(t,e,s)=>w.set.number(this.element,e,s)});booleans=new Proxy({},{get:(t,e)=>w.get.boolean(this.element,e),set:(t,e,s)=>w.set.boolean(this.element,e,s)})};function lt(r){let t=new Rt(r);return{strings:t.strings,numbers:t.numbers,booleans:t.booleans,on:e=>Me(r,e),spec:e=>He(r,e)}}lt.get=w.get;lt.set=w.set;function ne(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[i,n]=o;r.addEventListener(s,n,i),e.push(()=>r.removeEventListener(s,n))}return()=>e.forEach(s=>s())}function Ne(r){return r.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function Ue(r,t={}){let{soft:e=!1,upgrade:s=!0}=t;for(let[o,i]of Object.entries(r)){let n=Ne(o),c=customElements.get(n);e&&c||(customElements.define(n,i),s&&document.querySelectorAll(n).forEach(a=>{a.constructor===HTMLElement&&customElements.upgrade(a)}))}}function De(r,t){let e=r.querySelector(t);if(!e)throw new Error(`element not found (${t})`);return e}var Ot=class r{element;constructor(t){this.element=t}in(t){return new r(typeof t=="string"?De(this.element,t):t)}require(t){let e=this.element.querySelector(t);if(!e)throw new Error(`element not found (${t})`);return e}maybe(t){return this.element.querySelector(t)}all(t){return Array.from(this.element.querySelectorAll(t))}render(...t){return at(t,this.element)}attrs(){return lt(this.element)}events(t){return ne(this.element,t)}};function u(r){return typeof r=="string"?De(document,r):new Ot(r)}var C=new Ot(document);u.in=C.in.bind(C);u.require=C.require.bind(C);u.maybe=C.maybe.bind(C);u.all=C.all.bind(C);u.el=ze;u.events=ne;u.attrs=lt;u.register=Ue;u.render=(r,...t)=>at(t,r);var ae=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=Pt(),this.#e.set(t,e)),e}},v=globalThis[Symbol.for("e280.tracker")]??=new ae;var V=class{sneak;constructor(t){this.sneak=t}get(){return v.notifyRead(this),this.sneak}get value(){return this.get()}};var I=class extends V{on=Pt();dispose(){this.on.clear()}};function zt(r,t=r){let{seen:e,result:s}=v.observe(r),o=E(0,t),i=[],n=()=>i.forEach(c=>c());for(let c of e){let a=v.subscribe(c,o);i.push(a)}return{result:s,dispose:n}}function F(r,t){return r===t}var Mt=class extends I{#t;constructor(t,e){let s=e?.compare??F,{result:o,dispose:i}=zt(t,async()=>{let n=t();!s(this.sneak,n)&&(this.sneak=n,await Promise.all([v.notifyWrite(this),this.on.pub(n)]))});super(o),this.#t=i}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 V{#t;#e;#r=!1;#s;constructor(t,e){super(void 0),this.#t=t,this.#e=e?.compare??F}toString(){return`($lazy "${String(this.get())}")`}get(){if(!this.#s){let{result:t,dispose:e}=zt(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,v.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 Nt=class extends I{#t=!1;#e;constructor(t,e){super(t),this.#e=e?.compare??F}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([v.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 yr(r,t){return new Ht(r,t).fn()}function je(r,t){return new Mt(r,t).fn()}function x(r,t){return new Nt(r,t).fn()}x.lazy=yr;x.derived=je;var P=class{#t=new W;effect(t,e){let{seen:s,result:o}=v.observe(t);for(let i of s)this.#t.guarantee(i,()=>v.subscribe(i,e));for(let[i,n]of this.#t)s.has(i)||(n(),this.#t.delete(i));return o}clear(){for(let t of this.#t.values())t();this.#t.clear()}};var X=class{element;response;#t;constructor(t,e){this.element=t,this.response=e}start(){this.#t||(this.#t=u.attrs(this.element).on(this.response))}stop(){this.#t&&this.#t(),this.#t=void 0}};function Ut(r,t){wt(r,vr(t))}function vr(r){let t=[];if(Array.isArray(r)){let e=new Set(r.flat(1/0).reverse());for(let s of e)t.unshift(j(s))}else r!==void 0&&t.push(j(r));return t}var D={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)=>D.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 Y=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 D.all(...e)}signal;#t=0;#e=ie();#r=ie();constructor(t=["loading"]){this.signal=x(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 D.value(this.signal.get())}get error(){return D.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 D.select(this.signal.get(),t)}morph(t){return D.morph(this.pod,t)}};var Dt=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 jt=class{#t;#e;constructor(t){this.#t=t,this.#e=u.attrs(t.element)}get strings(){return this.#e.strings}get numbers(){return this.#e.numbers}get booleans(){return this.#e.booleans}spec(t){return this.#t.once(()=>this.#e.spec(t))}on(t){return this.#t.mount(()=>this.#e.on(t))}};var pt=Symbol(),ht=Symbol(),ut=Symbol(),Z=class{element;shadow;renderNow;render;attrs;#t=0;#e=0;#r=new W;#s=ct();#o=new Dt;[pt](t){this.#t++,this.#e=0,this.#s=ct();let e=t();return this.#s.resolve(),e}[ht](){this.#o.unmountAll()}[ut](){this.#o.remountAll()}constructor(t,e,s,o){this.element=t,this.shadow=e,this.renderNow=s,this.render=o,this.attrs=new jt(this)}get renderCount(){return this.#t}get rendered(){return this.#s.promise}name(t){this.once(()=>this.element.setAttribute("view",t))}styles(...t){this.once(()=>Ut(this.shadow,t))}css(...t){return this.styles(...t)}once(t){return this.#r.guarantee(this.#e++,t)}mount(t){return this.once(()=>this.#o.mount(t))}life(t){let e;return this.mount(()=>{let[s,o]=t();return e=s,o}),e}wake(t){return this.life(()=>[t(),()=>{}])}op=(()=>{let t=this;function e(s){return t.once(()=>Y.load(s))}return e.load=e,e.promise=s=>this.once(()=>Y.promise(s)),e})();signal=(()=>{let t=this;function e(s,o){return t.once(()=>x(s,o))}return e.derived=function(o,i){return t.once(()=>x.derived(o,i))},e.lazy=function(o,i){return t.once(()=>x.lazy(o,i))},e})();derived(t,e){return this.once(()=>x.derived(t,e))}lazy(t,e){return this.once(()=>x.lazy(t,e))}};var T=class extends HTMLElement{static styles;shadow;#t;#e=0;#r=new P;#s=new X(this,()=>this.update());createShadow(){return this.attachShadow({mode:"open"})}constructor(){super(),this.shadow=this.createShadow(),this.#t=new Z(this,this.shadow,this.updateNow,this.update)}render(t){}updateNow=()=>{this.#t[pt](()=>{u.render(this.shadow,this.#r.effect(()=>this.render(this.#t),this.update))})};update=E(0,this.updateNow);connectedCallback(){if(this.#e===0){let t=this.constructor.styles;t&&Ut(this.shadow,t),this.updateNow()}else this.#t[ut]();this.#s.start(),this.#e++}disconnectedCallback(){this.#t[ht](),this.#r.clear(),this.#s.stop()}};var Lt=class{#t;#e;constructor(t,e){this.#e=t,this.#t=e}attr(t,e){return this.#e.attrs.set(t,e),this}children(...t){return this.#e.children.push(...t),this}render(){return this.#t(this.#e)}};var dt=class{props;attrs=new Map;children=[];constructor(t){this.props=t}};function Le(r,t,e,s){return class extends t{static view=J(s,r);#t=new P;createShadow(){return this.attachShadow(r)}render(i){return s(i)(...this.#t.effect(()=>e(this),()=>this.update()))}}}var{I:Ii}=Se;var qe=r=>r.strings===void 0;var Be={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},ce=r=>(...t)=>({_$litDirective$:r,values:t}),qt=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 mt=(r,t)=>{let e=r._$AN;if(e===void 0)return!1;for(let s of e)s._$AO?.(t,!1),mt(s,t);return!0},Bt=r=>{let t,e;do{if((t=r._$AM)===void 0)break;e=t._$AN,e.delete(r),r=t}while(e?.size===0)},We=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 xr(r){this._$AN!==void 0?(Bt(this),this._$AM=r,We(this)):this._$AM=r}function $r(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 i=e;i<s.length;i++)mt(s[i],!1),Bt(s[i]);else s!=null&&(mt(s,!1),Bt(s));else mt(this,r)}var _r=r=>{r.type==Be.CHILD&&(r._$AP??=$r,r._$AQ??=xr)},Wt=class extends qt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,s){super._$AT(t,e,s),We(this),this.isConnected=t._$AU}_$AO(t,e=!0){t!==this.isConnected&&(this.isConnected=t,t?this.reconnected?.():this.disconnected?.()),e&&(mt(this,t),Bt(this))}setValue(t){if(qe(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(){}};var Vt=class r extends HTMLElement{static#t=!1;static make(){return this.#t||(u.register({SlyView:r},{soft:!0,upgrade:!0}),this.#t=!0),document.createElement("sly-view")}};var It=class{viewFn;settings;#t=Vt.make();#e=new P;#r;#s;#o;#i=new X(this.#t,()=>this.#a());constructor(t,e){this.viewFn=t,this.settings=e,this.#s=this.#t.attachShadow(this.settings),this.#r=new Z(this.#t,this.#s,this.#n,this.#a)}update(t){return this.#o=t,this.#n(),this.#t}#n=()=>{this.#r[pt](()=>{let t=this.#e.effect(()=>this.viewFn(this.#r)(...this.#o.props),()=>this.#a());Tt(this.#t,[...this.#o.attrs]),u.render(this.#s,t),u.render(this.#t,this.#o.children),this.#i.start()})};#a=E(0,this.#n);disconnected(){this.#r[ht](),this.#e.clear(),this.#i.stop()}reconnected(){this.#r[ut](),this.#i.start()}};function Ve(r,t){return ce(class extends Wt{#t=new It(r,t);render(s){return this.#t.update(s)}disconnected(){this.#t.disconnected()}reconnected(){this.#t.reconnected()}})}function J(r,t){let e=Ve(r,t);function s(...o){return e(new dt(o))}return s.props=(...o)=>new Lt(new dt(o),e),s.transmute=o=>J(n=>{let c=r(n);return(...a)=>c(...o(...a))},t),s.component=(o=T)=>({props:i=>Le(t,o,i,r)}),s}function g(r){return J(r,{mode:"open"})}g.settings=r=>({render:t=>J(t,r)});g.render=g;g.component=r=>g(t=>()=>r(t)).component(T).props(()=>[]);function l(r,t){return()=>Ar({hz:r,frames:t})}var Ar=g(r=>({hz:t,frames:e})=>{r.name("loading"),r.styles(B,kr);let s=r.signal(0);return r.mount(()=>Re(async()=>{await Ee(1e3/t);let o=s.get()+1;s.set(o>=e.length?0:o)})),e.at(s.get())}),kr=d`
+`;function E(r,t){let e,s,o=[];function i(){e=[],s&&clearTimeout(s),s=void 0,o=[]}return i(),((...n)=>{e=n,s&&clearTimeout(s);let c=new Promise((a,p)=>{o.push({resolve:a,reject:p})});return s=setTimeout(()=>{Promise.resolve().then(()=>t(...e)).then(a=>{for(let{resolve:p}of o)p(a);i()}).catch(a=>{for(let{reject:p}of o)p(a);i()})},r),c})}function br(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 Ee=br;function ct(){let r,t,e=new Promise((o,i)=>{r=o,t=i});function s(o){return o.then(r).catch(t),e}return{promise:e,resolve:r,reject:t,entangle:s}}var Et=class{getRefill;#t=[];constructor(t){this.getRefill=t,this.#e()}get currentStock(){return[...this.#t]}#e(){if(this.#t.length===0&&(this.#t=[...this.getRefill()]),this.#t.length===0)throw new Error("dispenser's getRefill returned an empty array")}takeAll(){let t=this.#t;return this.#t=[...this.getRefill()],t}takeRandom(){this.#e();let t=Math.floor(Math.random()*this.#t.length),[e]=this.#t.splice(t,1);return e}takeFirst(){return this.#e(),this.#t.shift()}takeLast(){return this.#e(),this.#t.pop()}shift=this.takeFirst.bind(this);pop=this.takeLast.bind(this)};var W=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)}};var Ce=(r=0)=>new Promise(t=>setTimeout(t,r));function Ct(r){return{map:t=>Pe(r,t),filter:t=>Te(r,t)}}Ct.pipe=Object.freeze({map:r=>(t=>Pe(t,r)),filter:r=>(t=>Te(t,r))});var Pe=(r,t)=>Object.fromEntries(Object.entries(r).map(([e,s])=>[e,t(s,e)])),Te=(r,t)=>Object.fromEntries(Object.entries(r).filter(([e,s])=>t(s,e)));function Re(){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 i(a){let{promise:p,resolve:f}=ct(),h=o(async(...$)=>{a&&await a(...$),f($),h()});return p}function n(){r.clear()}let c={pub:s,sub:o,publish:t,subscribe:e,on:e,next:i,clear:n};return Object.assign(o,c),Object.assign(s,c),c}function Pt(r){let t=Re();return r&&t.sub(r),t.sub}function ie(r){let t=Re();return r&&t.sub(r),t.pub}function Oe(r){let t=r.split(/\r|\n/),e;for(let o of t)if(!/^\s+$/.test(o)){let n=o.match(/^(\t+).+/);if(n){let c=n[1].length;if(e=e===void 0||c<e?c:e,e===0)break}}let s=new RegExp(`^\\t{${e}}`);return t.map(o=>/^\s+$/.test(o)?"":o).map(o=>o.replace(s,"")).join(`
+`)}function yr(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}"`)}function Tt(r,t){for(let[e,s]of t)yr(r,e,s)}function ze(r,t){let e=document.createElement(r);return Tt(e,Object.entries(t)),e}function Me(r,t){let e=new MutationObserver(t);return e.observe(r,{attributes:!0}),()=>e.disconnect()}var w={get:{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},set:{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)}};var He=(r,t)=>new Proxy(t,{get:(e,s)=>{switch(t[s]){case String:return w.get.string(r,s);case Number:return w.get.number(r,s);case Boolean:return w.get.boolean(r,s);default:throw new Error(`invalid attribute type for "${s}"`)}},set:(e,s,o)=>{switch(t[s]){case String:return w.set.string(r,s,o);case Number:return w.set.number(r,s,o);case Boolean:return w.set.boolean(r,s,o);default:throw new Error(`invalid attribute type for "${s}"`)}}});var Rt=class{element;constructor(t){this.element=t}strings=new Proxy({},{get:(t,e)=>w.get.string(this.element,e),set:(t,e,s)=>w.set.string(this.element,e,s)});numbers=new Proxy({},{get:(t,e)=>w.get.number(this.element,e),set:(t,e,s)=>w.set.number(this.element,e,s)});booleans=new Proxy({},{get:(t,e)=>w.get.boolean(this.element,e),set:(t,e,s)=>w.set.boolean(this.element,e,s)})};function lt(r){let t=new Rt(r);return{strings:t.strings,numbers:t.numbers,booleans:t.booleans,on:e=>Me(r,e),spec:e=>He(r,e)}}lt.get=w.get;lt.set=w.set;function ne(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[i,n]=o;r.addEventListener(s,n,i),e.push(()=>r.removeEventListener(s,n))}return()=>e.forEach(s=>s())}function Ne(r){return r.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function Ue(r,t={}){let{soft:e=!1,upgrade:s=!0}=t;for(let[o,i]of Object.entries(r)){let n=Ne(o),c=customElements.get(n);e&&c||(customElements.define(n,i),s&&document.querySelectorAll(n).forEach(a=>{a.constructor===HTMLElement&&customElements.upgrade(a)}))}}function De(r,t){let e=r.querySelector(t);if(!e)throw new Error(`element not found (${t})`);return e}var Ot=class r{element;constructor(t){this.element=t}in(t){return new r(typeof t=="string"?De(this.element,t):t)}require(t){let e=this.element.querySelector(t);if(!e)throw new Error(`element not found (${t})`);return e}maybe(t){return this.element.querySelector(t)}all(t){return Array.from(this.element.querySelectorAll(t))}render(...t){return at(t,this.element)}attrs(){return lt(this.element)}events(t){return ne(this.element,t)}};function u(r){return typeof r=="string"?De(document,r):new Ot(r)}var C=new Ot(document);u.in=C.in.bind(C);u.require=C.require.bind(C);u.maybe=C.maybe.bind(C);u.all=C.all.bind(C);u.el=ze;u.events=ne;u.attrs=lt;u.register=Ue;u.render=(r,...t)=>at(t,r);var ae=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=Pt(),this.#e.set(t,e)),e}},v=globalThis[Symbol.for("e280.tracker")]??=new ae;var V=class{sneak;constructor(t){this.sneak=t}get(){return v.notifyRead(this),this.sneak}get value(){return this.get()}};var I=class extends V{on=Pt();dispose(){this.on.clear()}};function zt(r,t=r){let{seen:e,result:s}=v.observe(r),o=E(0,t),i=[],n=()=>i.forEach(c=>c());for(let c of e){let a=v.subscribe(c,o);i.push(a)}return{result:s,dispose:n}}function F(r,t){return r===t}var Mt=class extends I{#t;constructor(t,e){let s=e?.compare??F,{result:o,dispose:i}=zt(t,async()=>{let n=t();!s(this.sneak,n)&&(this.sneak=n,await Promise.all([v.notifyWrite(this),this.on.pub(n)]))});super(o),this.#t=i}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 V{#t;#e;#r=!1;#s;constructor(t,e){super(void 0),this.#t=t,this.#e=e?.compare??F}toString(){return`($lazy "${String(this.get())}")`}get(){if(!this.#s){let{result:t,dispose:e}=zt(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,v.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 Nt=class extends I{#t=!1;#e;constructor(t,e){super(t),this.#e=e?.compare??F}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([v.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 wr(r,t){return new Ht(r,t).fn()}function je(r,t){return new Mt(r,t).fn()}function x(r,t){return new Nt(r,t).fn()}x.lazy=wr;x.derived=je;var P=class{#t=new W;effect(t,e){let{seen:s,result:o}=v.observe(t);for(let i of s)this.#t.guarantee(i,()=>v.subscribe(i,e));for(let[i,n]of this.#t)s.has(i)||(n(),this.#t.delete(i));return o}clear(){for(let t of this.#t.values())t();this.#t.clear()}};var X=class{element;response;#t;constructor(t,e){this.element=t,this.response=e}start(){this.#t||(this.#t=u.attrs(this.element).on(this.response))}stop(){this.#t&&this.#t(),this.#t=void 0}};function Ut(r,t){wt(r,xr(t))}function xr(r){let t=[];if(Array.isArray(r)){let e=new Set(r.flat(1/0).reverse());for(let s of e)t.unshift(j(s))}else r!==void 0&&t.push(j(r));return t}var D={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)=>D.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 Y=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 D.all(...e)}signal;#t=0;#e=ie();#r=ie();constructor(t=["loading"]){this.signal=x(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 D.value(this.signal.get())}get error(){return D.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 D.select(this.signal.get(),t)}morph(t){return D.morph(this.pod,t)}};var Dt=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 jt=class{#t;#e;constructor(t){this.#t=t,this.#e=u.attrs(t.element)}get strings(){return this.#e.strings}get numbers(){return this.#e.numbers}get booleans(){return this.#e.booleans}spec(t){return this.#t.once(()=>this.#e.spec(t))}on(t){return this.#t.mount(()=>this.#e.on(t))}};var pt=Symbol(),ht=Symbol(),ut=Symbol(),Z=class{element;shadow;renderNow;render;attrs;#t=0;#e=0;#r=new W;#s=ct();#o=new Dt;[pt](t){this.#t++,this.#e=0,this.#s=ct();let e=t();return this.#s.resolve(),e}[ht](){this.#o.unmountAll()}[ut](){this.#o.remountAll()}constructor(t,e,s,o){this.element=t,this.shadow=e,this.renderNow=s,this.render=o,this.attrs=new jt(this)}get renderCount(){return this.#t}get rendered(){return this.#s.promise}name(t){this.once(()=>this.element.setAttribute("view",t))}styles(...t){this.once(()=>Ut(this.shadow,t))}css(...t){return this.styles(...t)}once(t){return this.#r.guarantee(this.#e++,t)}mount(t){return this.once(()=>this.#o.mount(t))}life(t){let e;return this.mount(()=>{let[s,o]=t();return e=s,o}),e}wake(t){return this.life(()=>[t(),()=>{}])}op=(()=>{let t=this;function e(s){return t.once(()=>Y.load(s))}return e.load=e,e.promise=s=>this.once(()=>Y.promise(s)),e})();signal=(()=>{let t=this;function e(s,o){return t.once(()=>x(s,o))}return e.derived=function(o,i){return t.once(()=>x.derived(o,i))},e.lazy=function(o,i){return t.once(()=>x.lazy(o,i))},e})();derived(t,e){return this.once(()=>x.derived(t,e))}lazy(t,e){return this.once(()=>x.lazy(t,e))}};var T=class extends HTMLElement{static styles;shadow;#t;#e=0;#r=new P;#s=new X(this,()=>this.update());createShadow(){return this.attachShadow({mode:"open"})}constructor(){super(),this.shadow=this.createShadow(),this.#t=new Z(this,this.shadow,this.updateNow,this.update)}render(t){}updateNow=()=>{this.#t[pt](()=>{u.render(this.shadow,this.#r.effect(()=>this.render(this.#t),this.update))})};update=E(0,this.updateNow);connectedCallback(){if(this.#e===0){let t=this.constructor.styles;t&&Ut(this.shadow,t),this.updateNow()}else this.#t[ut]();this.#s.start(),this.#e++}disconnectedCallback(){this.#t[ht](),this.#r.clear(),this.#s.stop()}};var Lt=class{#t;#e;constructor(t,e){this.#e=t,this.#t=e}attr(t,e){return this.#e.attrs.set(t,e),this}children(...t){return this.#e.children.push(...t),this}render(){return this.#t(this.#e)}};var dt=class{props;attrs=new Map;children=[];constructor(t){this.props=t}};function Le(r,t,e,s){return class extends t{static view=J(s,r);#t=new P;createShadow(){return this.attachShadow(r)}render(i){return s(i)(...this.#t.effect(()=>e(this),()=>this.update()))}}}var{I:Fi}=Se;var qe=r=>r.strings===void 0;var Be={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},ce=r=>(...t)=>({_$litDirective$:r,values:t}),qt=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 mt=(r,t)=>{let e=r._$AN;if(e===void 0)return!1;for(let s of e)s._$AO?.(t,!1),mt(s,t);return!0},Bt=r=>{let t,e;do{if((t=r._$AM)===void 0)break;e=t._$AN,e.delete(r),r=t}while(e?.size===0)},We=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),Ar(t)}};function $r(r){this._$AN!==void 0?(Bt(this),this._$AM=r,We(this)):this._$AM=r}function _r(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 i=e;i<s.length;i++)mt(s[i],!1),Bt(s[i]);else s!=null&&(mt(s,!1),Bt(s));else mt(this,r)}var Ar=r=>{r.type==Be.CHILD&&(r._$AP??=_r,r._$AQ??=$r)},Wt=class extends qt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,s){super._$AT(t,e,s),We(this),this.isConnected=t._$AU}_$AO(t,e=!0){t!==this.isConnected&&(this.isConnected=t,t?this.reconnected?.():this.disconnected?.()),e&&(mt(this,t),Bt(this))}setValue(t){if(qe(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(){}};var Vt=class r extends HTMLElement{static#t=!1;static make(){return this.#t||(u.register({SlyView:r},{soft:!0,upgrade:!0}),this.#t=!0),document.createElement("sly-view")}};var It=class{viewFn;settings;#t=Vt.make();#e=new P;#r;#s;#o;#i=new X(this.#t,()=>this.#a());constructor(t,e){this.viewFn=t,this.settings=e,this.#s=this.#t.attachShadow(this.settings),this.#r=new Z(this.#t,this.#s,this.#n,this.#a)}update(t){return this.#o=t,this.#n(),this.#t}#n=()=>{this.#r[pt](()=>{let t=this.#e.effect(()=>this.viewFn(this.#r)(...this.#o.props),()=>this.#a());Tt(this.#t,[...this.#o.attrs]),u.render(this.#s,t),u.render(this.#t,this.#o.children),this.#i.start()})};#a=E(0,this.#n);disconnected(){this.#r[ht](),this.#e.clear(),this.#i.stop()}reconnected(){this.#r[ut](),this.#i.start()}};function Ve(r,t){return ce(class extends Wt{#t=new It(r,t);render(s){return this.#t.update(s)}disconnected(){this.#t.disconnected()}reconnected(){this.#t.reconnected()}})}function J(r,t){let e=Ve(r,t);function s(...o){return e(new dt(o))}return s.props=(...o)=>new Lt(new dt(o),e),s.transmute=o=>J(n=>{let c=r(n);return(...a)=>c(...o(...a))},t),s.component=(o=T)=>({props:i=>Le(t,o,i,r)}),s}function g(r){return J(r,{mode:"open"})}g.settings=r=>({render:t=>J(t,r)});g.render=g;g.component=r=>g(t=>()=>r(t)).component(T).props(()=>[]);function l(r,t){return()=>kr({hz:r,frames:t})}var kr=g(r=>({hz:t,frames:e})=>{r.name("loading"),r.styles(B,Sr);let s=r.signal(0);return r.mount(()=>Ee(async()=>{await Ce(1e3/t);let o=s.get()+1;s.set(o>=e.length?0:o)})),e.at(s.get())}),Sr=d`
 :host {
 	font-family: monospace;
 	white-space: pre;
 	user-select: none;
 }
-`;var m=20,K=10,Q=4,Tn=l(m,["|","/","-","\\"]),Rn=l(m,["\u2808","\u2810","\u2820","\u2880","\u2840","\u2804","\u2802","\u2801"]),On=l(m,["\u2B06\uFE0F","\u2197\uFE0F","\u27A1\uFE0F","\u2198\uFE0F","\u2B07\uFE0F","\u2199\uFE0F","\u2B05\uFE0F","\u2196\uFE0F"]),zn=l(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"]),Mn=l(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"]),Hn=l(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"]),Nn=l(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"]),Un=l(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"]),Dn=l(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"]),jn=l(Q,["\u{1F6B6}","\u{1F3C3}"]),Ln=l(K,["\u25F7","\u25F6","\u25F5","\u25F4"]),qn=l(m,["=----","-=---","--=--","---=-","----=","----=","---=-","--=--","-=---","=----"]),Bn=l(m,["o----","-o---","--o--","---o-","----o","----o","---o-","--o--","-o---","o----"]),Wn=l(K,["[   ]","[   ]","[=  ]","[== ]","[===]","[ ==]","[  =]"]),Vn=l(K,["[   ]","[   ]","[=  ]","[== ]","[===]","[ ==]","[  =]","[   ]","[   ]","[  =]","[ ==]","[===]","[== ]","[=  ]"]),In=l(K,["   ","   ",".  ",".. ","..."," ..","  ."]),Fn=l(m,[".  ",".  ",".. ","..."," ..","  .","  ."," ..","...",".. "]),Xn=l(m,[".....",".....",":....","::...",":::..","::::.",":::::",":::::",".::::","..:::","...::","....:"]),Yn=l(m,[":....",":....","::...",".::..","..::.","...::","....:","....:","...::","..::.",".::..","::..."]),Zn=l(m,[".....",".....","..:..",".:::.",".:::.",":::::",":::::","::.::",":...:"]),Jn=l(m,[".....",".....","..:..",".:::.",".:::.",":::::",":::::","::.::",":...:",".....",".....",":...:","::.::",":::::",":::::",".:::.",".:::.","..:.."]),Kn=l(m,["000","100","110","111","011","001"]),Qn=l(m,["11111","01111","00111","10011","11001","01100","00110","10011","11001","11100","11110"]),Gn=l(m,["11111","01111","10111","11011","11101","11110","11111","11110","11101","11011","10111","01111"]),ta=l(Q,["\u{1F539}","\u{1F535}"]),ea=l(K,["\u{1F642}","\u{1F642}","\u{1F617}","\u{1F619}","\u{1F618}","\u{1F618}","\u{1F619}"]),ra=l(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}"]),sa=l(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}"]),Sr=l(Q,["\u{1F30E}","\u{1F30F}","\u{1F30D}"]),oa=l(Q,["\u{1F513}","\u{1F512}"]),ia=l(Q,["\u{1F505}","\u{1F506}"]),na=l(Q,["\u{1F508}","\u{1F508}","\u{1F509}","\u{1F50A}","\u{1F50A}","\u{1F509}"]),aa=l(K,["\u{1F311}","\u{1F311}","\u{1F311}","\u{1F318}","\u{1F317}","\u{1F316}","\u{1F315}","\u{1F314}","\u{1F313}","\u{1F312}"]);var Cr=g(r=>t=>(r.name("error"),r.styles(B,Pr),typeof t=="string"?t:t instanceof Error?y`<strong>${t.name}:</strong> <span>${t.message}</span>`:"error")),Pr=d`
+`;var m=20,K=10,Q=4,Rn=l(m,["|","/","-","\\"]),On=l(m,["\u2808","\u2810","\u2820","\u2880","\u2840","\u2804","\u2802","\u2801"]),zn=l(m,["\u2B06\uFE0F","\u2197\uFE0F","\u27A1\uFE0F","\u2198\uFE0F","\u2B07\uFE0F","\u2199\uFE0F","\u2B05\uFE0F","\u2196\uFE0F"]),Mn=l(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"]),Hn=l(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"]),Nn=l(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"]),Un=l(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"]),Dn=l(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"]),jn=l(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"]),Ln=l(Q,["\u{1F6B6}","\u{1F3C3}"]),qn=l(K,["\u25F7","\u25F6","\u25F5","\u25F4"]),Bn=l(m,["=----","-=---","--=--","---=-","----=","----=","---=-","--=--","-=---","=----"]),Wn=l(m,["o----","-o---","--o--","---o-","----o","----o","---o-","--o--","-o---","o----"]),Vn=l(K,["[   ]","[   ]","[=  ]","[== ]","[===]","[ ==]","[  =]"]),In=l(K,["[   ]","[   ]","[=  ]","[== ]","[===]","[ ==]","[  =]","[   ]","[   ]","[  =]","[ ==]","[===]","[== ]","[=  ]"]),Fn=l(K,["   ","   ",".  ",".. ","..."," ..","  ."]),Xn=l(m,[".  ",".  ",".. ","..."," ..","  .","  ."," ..","...",".. "]),Yn=l(m,[".....",".....",":....","::...",":::..","::::.",":::::",":::::",".::::","..:::","...::","....:"]),Zn=l(m,[":....",":....","::...",".::..","..::.","...::","....:","....:","...::","..::.",".::..","::..."]),Jn=l(m,[".....",".....","..:..",".:::.",".:::.",":::::",":::::","::.::",":...:"]),Kn=l(m,[".....",".....","..:..",".:::.",".:::.",":::::",":::::","::.::",":...:",".....",".....",":...:","::.::",":::::",":::::",".:::.",".:::.","..:.."]),Qn=l(m,["000","100","110","111","011","001"]),Gn=l(m,["11111","01111","00111","10011","11001","01100","00110","10011","11001","11100","11110"]),ta=l(m,["11111","01111","10111","11011","11101","11110","11111","11110","11101","11011","10111","01111"]),ea=l(Q,["\u{1F539}","\u{1F535}"]),ra=l(K,["\u{1F642}","\u{1F642}","\u{1F617}","\u{1F619}","\u{1F618}","\u{1F618}","\u{1F619}"]),sa=l(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}"]),oa=l(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}"]),Er=l(Q,["\u{1F30E}","\u{1F30F}","\u{1F30D}"]),ia=l(Q,["\u{1F513}","\u{1F512}"]),na=l(Q,["\u{1F505}","\u{1F506}"]),aa=l(Q,["\u{1F508}","\u{1F508}","\u{1F509}","\u{1F50A}","\u{1F50A}","\u{1F509}"]),ca=l(K,["\u{1F311}","\u{1F311}","\u{1F311}","\u{1F318}","\u{1F317}","\u{1F316}","\u{1F315}","\u{1F314}","\u{1F313}","\u{1F312}"]);var Pr=g(r=>t=>(r.name("error"),r.styles(B,Tr),typeof t=="string"?t:t instanceof Error?y`<strong>${t.name}:</strong> <span>${t.message}</span>`:"error")),Tr=d`
 :host {
 	font-family: monospace;
 	color: red;
 }
-`;function zr(r,t){return t.transmute((...e)=>[r,...e])}function Fe(r){return Ct(r).map(t=>t.view)}function Xe(r,t){return Ct(t).map(e=>class extends e{context=r;static view=zr(r,super.view)})}var Ye=d`
+`;function Mr(r,t){return t.transmute((...e)=>[r,...e])}function Fe(r){return Ct(r).map(t=>t.view)}function Xe(r,t){return Ct(t).map(e=>class extends e{context=r;static view=Mr(r,super.view)})}var Ye=d`
 
 button {
 	background: transparent;
@@ -176,6 +176,17 @@ ${B}
 		}
 	}
 
+	&[data-side="right"] {
+		[part="tray"] {
+			right: 0;
+			transform: translateX(100%);
+			> button {
+				left: unset;
+				right: 100%;
+			}
+		}
+	}
+
 	slot[name="plate"] {
 		display: block;
 		width: 100%;
@@ -193,19 +204,19 @@ ${B}
 	}
 }
 
-`;var Qe=_`<svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-x"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 6l-12 12" /><path d="M6 6l12 12" /></svg>`;var Ge=_`<svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-menu-2"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 6l16 0" /><path d="M4 12l16 0" /><path d="M4 18l16 0" /></svg>`;var Xt=class extends g(t=>(e,s={})=>{t.name("shiny-drawer"),t.styles(e.theme,Ke);let o=s.button??!0,i=t.once(()=>s.drawer??new ft);return t.mount(()=>u.events(window,{keydown:n=>{n.code==="Escape"&&i.close()}})),u.attrs(t.element).booleans.open=i.isOpen,y`
-			<div class=shell ?data-open="${i.isOpen}">
-				<slot name=plate ?inert="${i.isOpen}"></slot>
+`;var Qe=_`<svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-x"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 6l-12 12" /><path d="M6 6l12 12" /></svg>`;var Ge=_`<svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-menu-2"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 6l16 0" /><path d="M4 12l16 0" /><path d="M4 18l16 0" /></svg>`;var Xt=class extends g(t=>(e,s)=>{t.name("shiny-drawer"),t.styles(e.theme,Ke);let o=s.button,i=s.side??"left",n=t.once(()=>s.drawer??new ft);return t.mount(()=>u.events(window,{keydown:c=>{c.code==="Escape"&&n.close()}})),u.attrs(t.element).booleans.open=n.isOpen,y`
+			<div class=shell ?data-open="${n.isOpen}" data-side="${i}">
+				<slot name=plate ?inert="${n.isOpen}"></slot>
 
 				<div class=clipper>
-					<div part=blanket @click="${i.close}" ?inert="${!i.isOpen}"></div>
+					<div part=blanket @click="${n.close}" ?inert="${!n.isOpen}"></div>
 
 					<div part=tray>
-						<slot ?inert="${!i.isOpen}"></slot>
+						<slot ?inert="${!n.isOpen}"></slot>
 
 						${o?y`
-								<button @click="${i.toggle}">
-									${i.isOpen?y`
+								<button @click="${n.toggle}">
+									${n.isOpen?y`
 											<slot name=button-x>
 												${Qe}
 											</slot>
@@ -219,7 +230,7 @@ ${B}
 					</div>
 				</div>
 			</div>
-		`}).component(class extends R{attrs=u.attrs(this).spec({open:Boolean,button:Boolean});drawer=new ft(this.attrs.open);get isOpen(){return this.drawer.isOpen}get toggle(){return this.drawer.toggle}get open(){return this.drawer.open}get close(){return this.drawer.close}}).props(t=>[t.context,{drawer:t.drawer,button:t.attrs.button}]){};var tr=d`
+		`}).component(class extends R{attrs=u.attrs(this).spec({open:Boolean,button:Boolean,side:String});drawer=new ft(this.attrs.open);get isOpen(){return this.drawer.isOpen}get toggle(){return this.drawer.toggle}get open(){return this.drawer.open}get close(){return this.drawer.close}}).props(t=>[t.context,{drawer:t.drawer,button:t.attrs.button,side:t.attrs.side==="right"?"right":"left"}]){};var tr=d`
 
 button {
 	padding: 1em;
@@ -230,7 +241,7 @@ button {
 			<button @click="${()=>{o.value++}}">
 				${o()}
 			</button>
-		`}).component(class extends R{attrs=u.attrs(this).spec({start:Number})}).props(t=>[t.context,t.attrs.start??1]){};var er={ShinyCopy:Ft,ShinyDrawer:Xt,ShinyExample:Yt};function rr(r){let t=Xe(r,er),e=Fe(t);return{components:t,views:e}}var sr=d`
+		`}).component(class extends R{attrs=u.attrs(this).spec({start:Number})}).props(t=>[t.context,t.attrs.start??1]){};var er={ShinyCopy:Ft,ShinyDrawer:Xt,ShinyExample:Yt};function rr(r){let t=Xe(r,er),e=Fe(t);return{components:t,views:e}}var sr=()=>new Et(()=>["lorem kettlebell dolor sit amet, mountain squats consectetur trail-running. adipiscing deadlift elit, sed do 45lb turkish get-up eiusmod tempor incididunt ut hike magna aliqua. ut enim ad minim clean & press, quis nostrud exercitation lunges ullamco kettlebell snatch trailhead nisi ut aliquip ex dolore summit irure dolor.","lorem protein dolor sit amet, creatine scoop elit shaker bottle tempor. grilled steak magna keto-fasting culpa, carb-loading perspiciatis cheat day. whey isolate dolor sit macros elit, intermittent fasting tempor electrolyte magna; barefoot shoes culpa, liver perspiciatis ancestral squat rack gospel. lorem bulking dolor sit cut elit, tdee tracker tempor calorie deficit magna; chicken breast culpa gatorade perspiciatis meal prep.","lorem caffeine dolor sit amet, double espresso elit cold brew tempor jitter. adderall magna focus culpa, lion\u2019s mane perspiciatis nootropic. nicotine gum dolor sit vape elit, dopamine hit tempor buzz magna; lsd microdosing culpa, productivity perspiciatis agile sprint. lorem latte dolor sit drip elit, french press tempor aeropress magna; insomnia culpa, circadian rhythm perspiciatis blue light filter.","lorem arch dolor sit amet, pacman -Syu elit rolling release tempor breakage. i3-gaps commodo tiling, bspwm magna culpa xinitrc. alias neovim configs in .dotfiles forest, r/unixporn veniam rice showcase perspiciatis.","lorem authlocal dolor sit amet, user-sovereign identity elit, cryptographic tempor signatures. ed25519 magna keypair culpa, elliptic perspiciatis handshake ut zero-knowledge proof. decentralized login elit mnemonic seed tempor recovery phrase. DID magna alias culpa federation, lorem oauth2 perspiciatis antiquated.","lorem webgpu dolor sit amet, fragment shader elit vertex buffer tempor pipeline; bindgroup magna sampler culpa, wgsl perspiciatis alignment bug. compute pass workgroup barrier magna, mipmap cascade culpa drawcall instancing overflow. spir-v dolor sit wasm elit, canvas context lost magna; fallback webgl2 perspiciatis, polyfill slowpath dolore, glsl antique culpa extension hell 144hz tearing. command encoder perspiciatis out-of-memory, chromium nightly.","lorem sedentary dolor sit amet, infinite scroll elit chair-bound tempor. commit marathon magna carpal tunnel culpa, caffeine perspiciatis heartbeat irregular. lorem backlog dolor sit ticket elit, jira sprint tempor sedentary slump magna; gym membership culpa expired, standing desk perspiciatis unused. lorem procrastination dolor sit youtube elit, keyboard crumbs tempor pizza box magna; cardio avoidant culpa, hike someday perspiciatis maybe."]);var or=d`
 
 :host {
 	position: relative;
@@ -335,7 +346,7 @@ button {
 	border: 1px dashed #fff4;
 }
 
-`;var pe=g(r=>t=>{r.name(t.name),r.styles(G,sr,t.style);function e(s,o){let i=Oe(o).trim();return y`
+`;var pe=g(r=>t=>{r.name(t.name),r.styles(G,or,t.style);function e(s,o){let i=Oe(o).trim();return y`
 			<div class=codeblock>
 				<div class=zone>
 					<h3>${s}</h3>
@@ -355,7 +366,7 @@ button {
 		<div class=content part=content>
 			${t.content}
 		</div>
-	`});var or=()=>new Et(()=>["lorem kettlebell dolor sit amet, mountain squats consectetur trail-running. adipiscing deadlift elit, sed do 45lb turkish get-up eiusmod tempor incididunt ut hike magna aliqua. ut enim ad minim clean & press, quis nostrud exercitation lunges ullamco kettlebell snatch trailhead nisi ut aliquip ex dolore summit irure dolor.","lorem protein dolor sit amet, creatine scoop elit shaker bottle tempor. grilled steak magna keto-fasting culpa, carb-loading perspiciatis cheat day. whey isolate dolor sit macros elit, intermittent fasting tempor electrolyte magna; barefoot shoes culpa, liver perspiciatis ancestral squat rack gospel. lorem bulking dolor sit cut elit, tdee tracker tempor calorie deficit magna; chicken breast culpa gatorade perspiciatis meal prep.","lorem caffeine dolor sit amet, double espresso elit cold brew tempor jitter. adderall magna focus culpa, lion\u2019s mane perspiciatis nootropic. nicotine gum dolor sit vape elit, dopamine hit tempor buzz magna; lsd microdosing culpa, productivity perspiciatis agile sprint. lorem latte dolor sit drip elit, french press tempor aeropress magna; insomnia culpa, circadian rhythm perspiciatis blue light filter.","lorem arch dolor sit amet, pacman -Syu elit rolling release tempor breakage. i3-gaps commodo tiling, bspwm magna culpa xinitrc. alias neovim configs in .dotfiles forest, r/unixporn veniam rice showcase perspiciatis.","lorem authlocal dolor sit amet, user-sovereign identity elit, cryptographic tempor signatures. ed25519 magna keypair culpa, elliptic perspiciatis handshake ut zero-knowledge proof. decentralized login elit mnemonic seed tempor recovery phrase. DID magna alias culpa federation, lorem oauth2 perspiciatis antiquated.","lorem webgpu dolor sit amet, fragment shader elit vertex buffer tempor pipeline; bindgroup magna sampler culpa, wgsl perspiciatis alignment bug. compute pass workgroup barrier magna, mipmap cascade culpa drawcall instancing overflow. spir-v dolor sit wasm elit, canvas context lost magna; fallback webgl2 perspiciatis, polyfill slowpath dolore, glsl antique culpa extension hell 144hz tearing. command encoder perspiciatis out-of-memory, chromium nightly.","lorem sedentary dolor sit amet, infinite scroll elit chair-bound tempor. commit marathon magna carpal tunnel culpa, caffeine perspiciatis heartbeat irregular. lorem backlog dolor sit ticket elit, jira sprint tempor sedentary slump magna; gym membership culpa expired, standing desk perspiciatis unused. lorem procrastination dolor sit youtube elit, keyboard crumbs tempor pizza box magna; cardio avoidant culpa, hike someday perspiciatis maybe."]);var{views:Zt}=rr({theme:G}),tt={html:"html web component",view:"sly view",css:"custom css"},ir=(()=>{let r=or();return()=>r.takeRandom()})();u.register({ShinyDemo:g.component(r=>(r.styles(d`
+	`});var{views:Zt}=rr({theme:G}),tt={html:"html web component",view:"sly view",css:"custom css"},ir=(()=>{let r=sr();return()=>r.takeRandom()})();u.register({ShinyDemo:g.component(r=>(r.styles(d`
 		:host {
 			display: flex;
 			flex-direction: column;
@@ -382,15 +393,18 @@ button {
 			`}),pe({views:Zt,name:"shiny-drawer",explain:y`
 				<p>slide-out panel with optional burger button</p>
 			`,snippets:[[tt.html,`
-					<shiny-drawer button>
+					<shiny-drawer button side=left>
 						<header>example</header>
 						<section slot=plate>lorem kettlebell..</section>
 					</shiny-drawer>
 				`],[tt.view,`
-					ShinyDrawer.props().children(html\`
-						<header>example</header>
-						<section slot=plate>lorem kettlebell..</section>
-					\`).render()
+					ShinyDrawer
+						.props({button: true, side: "left"})
+						.children(html\`
+							<header>example</header>
+							<section slot=plate>lorem kettlebell..</section>
+						\`)
+						.render()
 				`],[tt.css,`
 					shiny-drawer {
 						--button-size: 2em;
@@ -400,7 +414,7 @@ button {
 						--blanket-backdrop-filter: blur(0.5em);
 						--inactive-opacity: 0.5;
 					}
-				`]],content:Zt.ShinyDrawer.props().children(y`
+				`]],content:Zt.ShinyDrawer.props({button:!0}).children(y`
 					<header>
 						<h2>example drawer</h2>
 						<p>you can put any content in here.</p>