@e280/shiny 0.1.0-1 → 0.1.0-11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (162) hide show
  1. package/README.md +113 -3
  2. package/package.json +3 -3
  3. package/s/components/button/component.ts +30 -0
  4. package/s/components/button/style.css.ts +64 -0
  5. package/s/{ui → components}/copy/component.ts +11 -6
  6. package/s/{ui → components}/copy/style.css.ts +6 -6
  7. package/s/components/drawer/component.ts +92 -0
  8. package/s/components/drawer/control.ts +31 -0
  9. package/s/components/drawer/style.css.ts +120 -0
  10. package/s/{ui → components}/example/component.ts +7 -5
  11. package/s/{ui → components}/example/style.css.ts +2 -2
  12. package/s/components/foundation.css.ts +15 -0
  13. package/s/components/framework.ts +10 -0
  14. package/s/components/raw-components.ts +15 -0
  15. package/s/components/tabs/component.ts +70 -0
  16. package/s/components/tabs/control.ts +31 -0
  17. package/s/components/tabs/style.css.ts +43 -0
  18. package/s/demo/aura-views.ts +6 -0
  19. package/s/demo/demo.bundle.ts +287 -14
  20. package/s/demo/demo.css +3 -1
  21. package/s/demo/utils/lipsum.ts +19 -0
  22. package/s/demo/views/demonstration/style.css.ts +18 -2
  23. package/s/demo/views/demonstration/view.ts +24 -16
  24. package/s/icons/tabler/menu-2.svg.ts +4 -0
  25. package/s/icons/tabler/x.svg.ts +4 -0
  26. package/s/index.html.ts +2 -2
  27. package/s/index.ts +16 -4
  28. package/s/install/aura.bundle.ts +9 -0
  29. package/s/install/plain.bundle.ts +9 -0
  30. package/s/shiny.ts +15 -0
  31. package/s/themes/aura.css.ts +86 -0
  32. package/s/themes/index.barrel.ts +2 -1
  33. package/s/themes/index.ts +1 -0
  34. package/s/themes/infra/css-vars.ts +41 -0
  35. package/s/themes/plain.css.ts +11 -0
  36. package/s/utils/states.ts +15 -0
  37. package/x/components/button/component.d.ts +5 -0
  38. package/x/components/button/component.js +25 -0
  39. package/x/components/button/component.js.map +1 -0
  40. package/x/components/button/style.css.js +63 -0
  41. package/x/components/button/style.css.js.map +1 -0
  42. package/x/{ui → components}/copy/component.d.ts +8 -4
  43. package/x/{ui → components}/copy/component.js +10 -5
  44. package/x/components/copy/component.js.map +1 -0
  45. package/x/{ui → components}/copy/style.css.js +6 -6
  46. package/x/components/copy/style.css.js.map +1 -0
  47. package/x/components/drawer/component.d.ts +387 -0
  48. package/x/components/drawer/component.js +76 -0
  49. package/x/components/drawer/component.js.map +1 -0
  50. package/x/components/drawer/control.d.ts +9 -0
  51. package/x/components/drawer/control.js +24 -0
  52. package/x/components/drawer/control.js.map +1 -0
  53. package/x/components/drawer/style.css.d.ts +2 -0
  54. package/x/components/drawer/style.css.js +119 -0
  55. package/x/components/drawer/style.css.js.map +1 -0
  56. package/x/{ui → components}/example/component.d.ts +3 -3
  57. package/x/{ui → components}/example/component.js +6 -4
  58. package/x/components/example/component.js.map +1 -0
  59. package/x/components/example/style.css.d.ts +2 -0
  60. package/x/components/example/style.css.js +10 -0
  61. package/x/components/example/style.css.js.map +1 -0
  62. package/x/components/foundation.css.d.ts +1 -0
  63. package/x/components/foundation.css.js +14 -0
  64. package/x/components/foundation.css.js.map +1 -0
  65. package/x/components/framework.d.ts +8 -0
  66. package/x/components/framework.js +5 -0
  67. package/x/components/framework.js.map +1 -0
  68. package/x/components/raw-components.d.ts +12 -0
  69. package/x/components/raw-components.js +13 -0
  70. package/x/components/raw-components.js.map +1 -0
  71. package/x/components/tabs/component.d.ts +374 -0
  72. package/x/components/tabs/component.js +60 -0
  73. package/x/components/tabs/component.js.map +1 -0
  74. package/x/components/tabs/control.d.ts +9 -0
  75. package/x/components/tabs/control.js +24 -0
  76. package/x/components/tabs/control.js.map +1 -0
  77. package/x/components/tabs/style.css.d.ts +2 -0
  78. package/x/components/tabs/style.css.js +42 -0
  79. package/x/components/tabs/style.css.js.map +1 -0
  80. package/x/demo/aura-views.d.ts +15 -0
  81. package/x/demo/aura-views.js +4 -0
  82. package/x/demo/aura-views.js.map +1 -0
  83. package/x/demo/demo.bundle.js +280 -14
  84. package/x/demo/demo.bundle.js.map +1 -1
  85. package/x/demo/demo.bundle.min.js +561 -45
  86. package/x/demo/demo.bundle.min.js.map +4 -4
  87. package/x/demo/demo.css +3 -1
  88. package/x/demo/utils/lipsum.d.ts +2 -0
  89. package/x/demo/utils/lipsum.js +11 -0
  90. package/x/demo/utils/lipsum.js.map +1 -0
  91. package/x/demo/views/demonstration/style.css.js +18 -2
  92. package/x/demo/views/demonstration/style.css.js.map +1 -1
  93. package/x/demo/views/demonstration/view.d.ts +6 -4
  94. package/x/demo/views/demonstration/view.js +20 -12
  95. package/x/demo/views/demonstration/view.js.map +1 -1
  96. package/x/icons/tabler/menu-2.svg.d.ts +2 -0
  97. package/x/icons/tabler/menu-2.svg.js +3 -0
  98. package/x/icons/tabler/menu-2.svg.js.map +1 -0
  99. package/x/icons/tabler/x.svg.d.ts +2 -0
  100. package/x/icons/tabler/x.svg.js +3 -0
  101. package/x/icons/tabler/x.svg.js.map +1 -0
  102. package/x/index.d.ts +10 -4
  103. package/x/index.html +7 -5
  104. package/x/index.html.js +2 -2
  105. package/x/index.js +10 -4
  106. package/x/index.js.map +1 -1
  107. package/x/install/aura.bundle.d.ts +1 -0
  108. package/x/install/aura.bundle.js +5 -0
  109. package/x/install/aura.bundle.js.map +1 -0
  110. package/x/install/aura.bundle.min.js +463 -0
  111. package/x/install/aura.bundle.min.js.map +7 -0
  112. package/x/install/plain.bundle.d.ts +1 -0
  113. package/x/install/plain.bundle.js +5 -0
  114. package/x/install/plain.bundle.js.map +1 -0
  115. package/x/install/plain.bundle.min.js +390 -0
  116. package/x/install/plain.bundle.min.js.map +7 -0
  117. package/x/shiny.d.ts +47 -0
  118. package/x/shiny.js +8 -0
  119. package/x/shiny.js.map +1 -0
  120. package/x/themes/aura.css.d.ts +1 -0
  121. package/x/themes/aura.css.js +85 -0
  122. package/x/themes/aura.css.js.map +1 -0
  123. package/x/themes/index.barrel.d.ts +2 -1
  124. package/x/themes/index.barrel.js +2 -1
  125. package/x/themes/index.barrel.js.map +1 -1
  126. package/x/themes/index.d.ts +1 -0
  127. package/x/themes/infra/css-vars.d.ts +14 -0
  128. package/x/themes/infra/css-vars.js +21 -0
  129. package/x/themes/infra/css-vars.js.map +1 -0
  130. package/x/themes/plain.css.d.ts +1 -0
  131. package/x/themes/plain.css.js +10 -0
  132. package/x/themes/plain.css.js.map +1 -0
  133. package/x/utils/states.d.ts +5 -0
  134. package/x/utils/states.js +13 -0
  135. package/x/utils/states.js.map +1 -0
  136. package/s/themes/basic.css.ts +0 -18
  137. package/s/tools/untab.ts +0 -30
  138. package/s/ui/components.ts +0 -9
  139. package/s/ui/framework.ts +0 -8
  140. package/s/ui/themers.ts +0 -28
  141. package/x/themes/basic.css.d.ts +0 -1
  142. package/x/themes/basic.css.js +0 -17
  143. package/x/themes/basic.css.js.map +0 -1
  144. package/x/tools/untab.d.ts +0 -1
  145. package/x/tools/untab.js +0 -26
  146. package/x/tools/untab.js.map +0 -1
  147. package/x/ui/components.d.ts +0 -6
  148. package/x/ui/components.js +0 -7
  149. package/x/ui/components.js.map +0 -1
  150. package/x/ui/copy/component.js.map +0 -1
  151. package/x/ui/copy/style.css.js.map +0 -1
  152. package/x/ui/example/component.js.map +0 -1
  153. package/x/ui/example/style.css.js +0 -10
  154. package/x/ui/example/style.css.js.map +0 -1
  155. package/x/ui/framework.d.ts +0 -4
  156. package/x/ui/framework.js +0 -6
  157. package/x/ui/framework.js.map +0 -1
  158. package/x/ui/themers.d.ts +0 -8
  159. package/x/ui/themers.js +0 -12
  160. package/x/ui/themers.js.map +0 -1
  161. /package/x/{ui/copy → components/button}/style.css.d.ts +0 -0
  162. /package/x/{ui/example → components/copy}/style.css.d.ts +0 -0
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,5 @@
1
+ import { dom } from "@e280/sly";
2
+ import { shiny } from "../shiny.js";
3
+ import { plain } from "../themes/plain.css.js";
4
+ dom.register(shiny({ theme: plain }).components);
5
+ //# sourceMappingURL=plain.bundle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"plain.bundle.js","sourceRoot":"","sources":["../../s/install/plain.bundle.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,WAAW,CAAA;AAC7B,OAAO,EAAC,KAAK,EAAC,MAAM,aAAa,CAAA;AACjC,OAAO,EAAC,KAAK,EAAC,MAAM,wBAAwB,CAAA;AAE5C,GAAG,CAAC,QAAQ,CACX,KAAK,CAAC,EAAC,KAAK,EAAE,KAAK,EAAC,CAAC,CAAC,UAAU,CAChC,CAAA"}
@@ -0,0 +1,390 @@
1
+ var bt=globalThis,yt=bt.ShadowRoot&&(bt.ShadyCSS===void 0||bt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Qt=Symbol(),ue=new WeakMap,et=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==Qt)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=ue.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&ue.set(e,t))}return t}toString(){return this.cssText}},xt=r=>new et(typeof r=="string"?r:r+"",void 0,Qt),f=(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 et(e,r,Qt)},vt=(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)}},B=yt?r=>r:r=>r instanceof CSSStyleSheet?(t=>{let e="";for(let s of t.cssRules)e+=s.cssText;return xt(e)})(r):r;var{is:ar,defineProperty:cr,getOwnPropertyDescriptor:lr,getOwnPropertyNames:hr,getOwnPropertySymbols:pr,getPrototypeOf:ur}=Object,wt=globalThis,de=wt.trustedTypes,dr=de?de.emptyScript:"",mr=wt.reactiveElementPolyfillSupport,rt=(r,t)=>r,Gt={toAttribute(r,t){switch(t){case Boolean:r=r?dr: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)=>!ar(r,t),me={attribute:!0,type:String,converter:Gt,reflect:!1,useDefault:!1,hasChanged:fe};Symbol.metadata??=Symbol("metadata"),wt.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&&cr(this.prototype,t,o)}}static getPropertyDescriptor(t,e,s){let{get:o,set:n}=lr(this.prototype,t)??{get(){return this[e]},set(i){this[e]=i}};return{get:o,set(i){let l=o?.call(this);n?.call(this,i),this.requestUpdate(t,l,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??me}static _$Ei(){if(this.hasOwnProperty(rt("elementProperties")))return;let t=ur(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=[...hr(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(B(o))}else t!==void 0&&e.push(B(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 vt(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:Gt).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:Gt;this._$Em=o;let l=i.fromAttribute(e,n.type);this[o]=l??this._$Ej?.get(o)??l,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??fe)(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,l=this[o];i!==!0||this._$AL.has(o)||l===void 0||this.C(o,void 0,n,l)}}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[rt("elementProperties")]=new Map,k[rt("finalized")]=new Map,mr?.({ReactiveElement:k}),(wt.reactiveElementVersions??=[]).push("2.1.1");var ee=globalThis,$t=ee.trustedTypes,ge=$t?$t.createPolicy("lit-html",{createHTML:r=>r}):void 0,re="$lit$",P=`lit$${Math.random().toFixed(9).slice(2)}$`,se="?"+P,fr=`<${se}>`,H=document,ot=()=>H.createComment(""),nt=r=>r===null||typeof r!="object"&&typeof r!="function",oe=Array.isArray,$e=r=>oe(r)||typeof r?.[Symbol.iterator]=="function",te=`[
2
+ \f\r]`,st=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,be=/-->/g,ye=/>/g,N=RegExp(`>|${te}(?:([^\\s"'>=/]+)(${te}*=${te}*(?:[^
3
+ \f\r"'\`<>=]|("|')|))|$)`,"g"),xe=/'/g,ve=/"/g,_e=/^(?:script|style|textarea|title)$/i,ne=r=>(t,...e)=>({_$litType$:r,strings:t,values:e}),_=ne(1),E=ne(2),Lr=ne(3),U=Symbol.for("lit-noChange"),y=Symbol.for("lit-nothing"),we=new WeakMap,z=H.createTreeWalker(H,129);function Ae(r,t){if(!oe(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=st;for(let l=0;l<e;l++){let a=r[l],u,m,c=-1,d=0;for(;d<a.length&&(i.lastIndex=d,m=i.exec(a),m!==null);)d=i.lastIndex,i===st?m[1]==="!--"?i=be:m[1]!==void 0?i=ye:m[2]!==void 0?(_e.test(m[2])&&(o=RegExp("</"+m[2],"g")),i=N):m[3]!==void 0&&(i=N):i===N?m[0]===">"?(i=o??st,c=-1):m[1]===void 0?c=-2:(c=i.lastIndex-m[2].length,u=m[1],i=m[3]===void 0?N:m[3]==='"'?ve:xe):i===ve||i===xe?i=N:i===be||i===ye?i=st:(i=N,o=void 0);let v=i===N&&r[l+1].startsWith("/>")?" ":"";n+=i===st?a+fr:c>=0?(s.push(u),a.slice(0,c)+re+a.slice(c)+P+v):a+P+(c===-2?l:v)}return[Ae(r,n+(r[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]},it=class r{constructor({strings:t,_$litType$:e},s){let o;this.parts=[];let n=0,i=0,l=t.length-1,a=this.parts,[u,m]=Se(t,e);if(this.el=r.createElement(u,s),z.currentNode=this.el.content,e===2||e===3){let c=this.el.content.firstChild;c.replaceWith(...c.childNodes)}for(;(o=z.nextNode())!==null&&a.length<l;){if(o.nodeType===1){if(o.hasAttributes())for(let c of o.getAttributeNames())if(c.endsWith(re)){let d=m[i++],v=o.getAttribute(c).split(P),S=/([.?@])?(.*)/.exec(d);a.push({type:1,index:n,name:S[2],strings:v,ctor:S[1]==="."?At:S[1]==="?"?St:S[1]==="@"?Et:D}),o.removeAttribute(c)}else c.startsWith(P)&&(a.push({type:6,index:n}),o.removeAttribute(c));if(_e.test(o.tagName)){let c=o.textContent.split(P),d=c.length-1;if(d>0){o.textContent=$t?$t.emptyScript:"";for(let v=0;v<d;v++)o.append(c[v],ot()),z.nextNode(),a.push({type:2,index:++n});o.append(c[d],ot())}}}else if(o.nodeType===8)if(o.data===se)a.push({type:2,index:n});else{let c=-1;for(;(c=o.data.indexOf(P,c+1))!==-1;)a.push({type:7,index:n}),c+=P.length-1}n++}}static createElement(t,e){let s=H.createElement("template");return s.innerHTML=t,s}};function j(r,t,e=r,s){if(t===U)return t;let o=s!==void 0?e._$Co?.[s]:e._$Cl,n=nt(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=j(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??H).importNode(e,!0);z.currentNode=o;let n=z.nextNode(),i=0,l=0,a=s[0];for(;a!==void 0;){if(i===a.index){let u;a.type===2?u=new q(n,n.nextSibling,this,t):a.type===1?u=new a.ctor(n,a.name,a.strings,this,t):a.type===6&&(u=new Ct(n,this,t)),this._$AV.push(u),a=s[++l]}i!==a?.index&&(n=z.nextNode(),i++)}return z.currentNode=H,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++}},q=class r{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,o){this.type=2,this._$AH=y,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=j(this,t,e),nt(t)?t===y||t==null||t===""?(this._$AH!==y&&this._$AR(),this._$AH=y):t!==this._$AH&&t!==U&&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!==y&&nt(this._$AH)?this._$AA.nextSibling.data=t:this.T(H.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=it.createElement(Ae(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===o)this._$AH.p(e);else{let n=new _t(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 it(t)),e}k(t){oe(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(ot()),this.O(ot()),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))}},D=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,o,n){this.type=1,this._$AH=y,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=y}_$AI(t,e=this,s,o){let n=this.strings,i=!1;if(n===void 0)t=j(this,t,e,0),i=!nt(t)||t!==this._$AH&&t!==U,i&&(this._$AH=t);else{let l=t,a,u;for(t=n[0],a=0;a<n.length-1;a++)u=j(this,l[s+a],e,a),u===U&&(u=this._$AH[a]),i||=!nt(u)||u!==this._$AH[a],u===y?t=y:t!==y&&(t+=(u??"")+n[a+1]),this._$AH[a]=u}i&&!o&&this.j(t)}j(t){t===y?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},At=class extends D{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===y?void 0:t}},St=class extends D{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==y)}},Et=class extends D{constructor(t,e,s,o,n){super(t,e,s,o,n),this.type=5}_$AI(t,e=this){if((t=j(this,t,e,0)??y)===U)return;let s=this._$AH,o=t===y&&s!==y||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,n=t!==y&&(s===y||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)}},Ct=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){j(this,t)}},Ee={M:re,P,A:se,C:1,L:Se,R:_t,D:$e,V:j,I:q,H:D,N:St,U:Et,B:At,F:Ct},gr=ee.litHtmlPolyfillSupport;gr?.(it,q),(ee.litHtmlVersions??=[]).push("3.3.1");var at=(r,t,e)=>{let s=e?.renderBefore??t,o=s._$litPart$;if(o===void 0){let n=e?.renderBefore??null;s._$litPart$=o=new q(t.insertBefore(ot(),n),n,void 0,e??{})}return o._$AI(r),o};var ie=globalThis,I=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=at(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return U}};I._$litElement$=!0,I.finalized=!0,ie.litElementHydrateSupport?.({LitElement:I});var br=ie.litElementPolyfillSupport;br?.({LitElement:I});(ie.litElementVersions??=[]).push("4.2.1");var V=f`
4
+ @layer reset {
5
+ * {
6
+ margin: 0;
7
+ padding: 0;
8
+ box-sizing: border-box;
9
+
10
+ scrollbar-width: thin;
11
+ scrollbar-color: #888 transparent;
12
+ }
13
+
14
+ ::-webkit-scrollbar { width: 8px; }
15
+ ::-webkit-scrollbar-track { background: transparent; }
16
+ ::-webkit-scrollbar-thumb { background: #333; border-radius: 1em; }
17
+ ::-webkit-scrollbar-thumb:hover { background: #444; }
18
+ }
19
+ `;function T(r,t){let e,s,o=[];function n(){e=[],s&&clearTimeout(s),s=void 0,o=[]}return n(),((...i)=>{e=i,s&&clearTimeout(s);let l=new Promise((a,u)=>{o.push({resolve:a,reject:u})});return s=setTimeout(()=>{Promise.resolve().then(()=>t(...e)).then(a=>{for(let{resolve:u}of o)u(a);n()}).catch(a=>{for(let{reject:u}of o)u(a);n()})},r),l})}function yr(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 Ce=yr;function ct(){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}}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 ke=(r=0)=>new Promise(t=>setTimeout(t,r));function kt(r){return{map:t=>Pe(r,t),filter:t=>Te(r,t)}}kt.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 Oe(){let r=new Set;async function t(...a){await Promise.all([...r].map(u=>u(...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:u,resolve:m}=ct(),c=o(async(...d)=>{a&&await a(...d),m(d),c()});return u}function i(){r.clear()}let l={pub:s,sub:o,publish:t,subscribe:e,on:e,next:n,clear:i};return Object.assign(o,l),Object.assign(s,l),l}function Pt(r){let t=Oe();return r&&t.sub(r),t.sub}function ae(r){let t=Oe();return r&&t.sub(r),t.pub}function xr(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)xr(r,e,s)}function Re(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 Ne=(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 Ot=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 Ot(r);return{strings:t.strings,numbers:t.numbers,booleans:t.booleans,on:e=>Me(r,e),spec:e=>Ne(r,e)}}lt.get=w.get;lt.set=w.set;function ce(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 ze(r){return r.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function He(r,t={}){let{soft:e=!1,upgrade:s=!0}=t;for(let[o,n]of Object.entries(r)){let i=ze(o),l=customElements.get(i);e&&l||(customElements.define(i,n),s&&document.querySelectorAll(i).forEach(a=>{a.constructor===HTMLElement&&customElements.upgrade(a)}))}}function Ue(r,t){let e=r.querySelector(t);if(!e)throw new Error(`element not found (${t})`);return e}var Rt=class r{element;constructor(t){this.element=t}in(t){return new r(typeof t=="string"?Ue(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 ce(this.element,t)}};function h(r){return typeof r=="string"?Ue(document,r):new Rt(r)}var O=new Rt(document);h.in=O.in.bind(O);h.require=O.require.bind(O);h.maybe=O.maybe.bind(O);h.all=O.all.bind(O);h.el=Re;h.events=ce;h.attrs=lt;h.register=He;h.render=(r,...t)=>at(t,r);var le=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}},$=globalThis[Symbol.for("e280.tracker")]??=new le;var F=class{sneak;constructor(t){this.sneak=t}get(){return $.notifyRead(this),this.sneak}get value(){return this.get()}};var X=class extends F{on=Pt();dispose(){this.on.clear()}};function Mt(r,t=r){let{seen:e,result:s}=$.observe(r),o=T(0,t),n=[],i=()=>n.forEach(l=>l());for(let l of e){let a=$.subscribe(l,o);n.push(a)}return{result:s,dispose:i}}function Y(r,t){return r===t}var Nt=class extends X{#t;constructor(t,e){let s=e?.compare??Y,{result:o,dispose:n}=Mt(t,async()=>{let i=t();!s(this.sneak,i)&&(this.sneak=i,await Promise.all([$.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 zt=class extends F{#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}=Mt(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,$.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 Ht=class extends X{#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([$.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 vr(r,t){return new zt(r,t).fn()}function je(r,t){return new Nt(r,t).fn()}function x(r,t){return new Ht(r,t).fn()}x.lazy=vr;x.derived=je;var R=class{#t=new W;effect(t,e){let{seen:s,result:o}=$.observe(t);for(let n of s)this.#t.guarantee(n,()=>$.subscribe(n,e));for(let[n,i]of this.#t)s.has(n)||(i(),this.#t.delete(n));return o}clear(){for(let t of this.#t.values())t();this.#t.clear()}};var Z=class{element;response;#t;constructor(t,e){this.element=t,this.response=e}start(){this.#t||(this.#t=h.attrs(this.element).on(this.response))}stop(){this.#t&&this.#t(),this.#t=void 0}};function Ut(r,t){vt(r,$r(t))}function $r(r){let t=[];if(Array.isArray(r)){let e=new Set(r.flat(1/0).reverse());for(let s of e)t.unshift(B(s))}else r!==void 0&&t.push(B(r));return t}var L={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)=>L.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 J=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 L.all(...e)}signal;#t=0;#e=ae();#r=ae();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 L.value(this.signal.get())}get error(){return L.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 L.select(this.signal.get(),t)}morph(t){return L.morph(this.pod,t)}};var jt=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 Dt=class{#t;#e;constructor(t){this.#t=t,this.#e=h.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 ht=Symbol(),pt=Symbol(),ut=Symbol(),K=class{element;shadow;renderNow;render;attrs;#t=0;#e=0;#r=new W;#s=ct();#o=new jt;[ht](t){this.#t++,this.#e=0,this.#s=ct();let e=t();return this.#s.resolve(),e}[pt](){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 Dt(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(()=>J.load(s))}return e.load=e,e.promise=s=>this.once(()=>J.promise(s)),e})();signal=(()=>{let t=this;function e(s,o){return t.once(()=>x(s,o))}return e.derived=function(o,n){return t.once(()=>x.derived(o,n))},e.lazy=function(o,n){return t.once(()=>x.lazy(o,n))},e})();derived(t,e){return this.once(()=>x.derived(t,e))}lazy(t,e){return this.once(()=>x.lazy(t,e))}};var M=class extends HTMLElement{static styles;shadow;#t;#e=0;#r=new R;#s=new Z(this,()=>this.update());createShadow(){return this.attachShadow({mode:"open"})}constructor(){super(),this.shadow=this.createShadow(),this.#t=new K(this,this.shadow,this.updateNow,this.update)}render(t){}updateNow=()=>{this.#t[ht](()=>{h.render(this.shadow,this.#r.effect(()=>this.render(this.#t),this.update))})};update=T(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[pt](),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 De(r,t,e,s){return class extends t{static view=Q(s,r);#t=new R;createShadow(){return this.attachShadow(r)}render(n){return s(n)(...this.#t.effect(()=>e(this),()=>this.update()))}}}var{I:Fn}=Ee;var Le=r=>r.strings===void 0;var Be={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},he=r=>(...t)=>({_$litDirective$:r,values:t}),Bt=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},qt=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),Sr(t)}};function _r(r){this._$AN!==void 0?(qt(this),this._$AM=r,qe(this)):this._$AM=r}function Ar(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++)mt(s[n],!1),qt(s[n]);else s!=null&&(mt(s,!1),qt(s));else mt(this,r)}var Sr=r=>{r.type==Be.CHILD&&(r._$AP??=Ar,r._$AQ??=_r)},It=class extends Bt{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&&(mt(this,t),qt(this))}setValue(t){if(Le(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||(h.register({SlyView:r},{soft:!0,upgrade:!0}),this.#t=!0),document.createElement("sly-view")}};var Wt=class{viewFn;settings;#t=Vt.make();#e=new R;#r;#s;#o;#n=new Z(this.#t,()=>this.#a());constructor(t,e){this.viewFn=t,this.settings=e,this.#s=this.#t.attachShadow(this.settings),this.#r=new K(this.#t,this.#s,this.#i,this.#a)}update(t){return this.#o=t,this.#i(),this.#t}#i=()=>{this.#r[ht](()=>{let t=this.#e.effect(()=>this.viewFn(this.#r)(...this.#o.props),()=>this.#a());Tt(this.#t,[...this.#o.attrs]),h.render(this.#s,t),h.render(this.#t,this.#o.children),this.#n.start()})};#a=T(0,this.#i);disconnected(){this.#r[pt](),this.#e.clear(),this.#n.stop()}reconnected(){this.#r[ut](),this.#n.start()}};function Ie(r,t){return he(class extends It{#t=new Wt(r,t);render(s){return this.#t.update(s)}disconnected(){this.#t.disconnected()}reconnected(){this.#t.reconnected()}})}function Q(r,t){let e=Ie(r,t);function s(...o){return e(new dt(o))}return s.props=(...o)=>new Lt(new dt(o),e),s.transmute=o=>Q(i=>{let l=r(i);return(...a)=>l(...o(...a))},t),s.component=(o=M)=>({props:n=>De(t,o,n,r)}),s}function b(r){return Q(r,{mode:"open"})}b.settings=r=>({render:t=>Q(t,r)});b.render=b;b.component=r=>b(t=>()=>r(t)).component(M).props(()=>[]);function p(r,t){return()=>Er({hz:r,frames:t})}var Er=b(r=>({hz:t,frames:e})=>{r.name("loading"),r.styles(V,Cr);let s=r.signal(0);return r.mount(()=>Ce(async()=>{await ke(1e3/t);let o=s.get()+1;s.set(o>=e.length?0:o)})),e.at(s.get())}),Cr=f`
20
+ :host {
21
+ font-family: monospace;
22
+ white-space: pre;
23
+ user-select: none;
24
+ }
25
+ `;var g=20,G=10,tt=4,Ti=p(g,["|","/","-","\\"]),Oi=p(g,["\u2808","\u2810","\u2820","\u2880","\u2840","\u2804","\u2802","\u2801"]),Ri=p(g,["\u2B06\uFE0F","\u2197\uFE0F","\u27A1\uFE0F","\u2198\uFE0F","\u2B07\uFE0F","\u2199\uFE0F","\u2B05\uFE0F","\u2196\uFE0F"]),Mi=p(g,["\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"]),Ni=p(g,["\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"]),zi=p(g,["\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"]),Hi=p(g,["\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"]),Ui=p(g,["\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"]),ji=p(g,["\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"]),Di=p(tt,["\u{1F6B6}","\u{1F3C3}"]),Li=p(G,["\u25F7","\u25F6","\u25F5","\u25F4"]),Bi=p(g,["=----","-=---","--=--","---=-","----=","----=","---=-","--=--","-=---","=----"]),qi=p(g,["o----","-o---","--o--","---o-","----o","----o","---o-","--o--","-o---","o----"]),Ii=p(G,["[ ]","[ ]","[= ]","[== ]","[===]","[ ==]","[ =]"]),Vi=p(G,["[ ]","[ ]","[= ]","[== ]","[===]","[ ==]","[ =]","[ ]","[ ]","[ =]","[ ==]","[===]","[== ]","[= ]"]),Wi=p(G,[" "," ",". ",".. ","..."," .."," ."]),Fi=p(g,[". ",". ",".. ","..."," .."," ."," ."," ..","...",".. "]),Xi=p(g,[".....",".....",":....","::...",":::..","::::.",":::::",":::::",".::::","..:::","...::","....:"]),Yi=p(g,[":....",":....","::...",".::..","..::.","...::","....:","....:","...::","..::.",".::..","::..."]),Zi=p(g,[".....",".....","..:..",".:::.",".:::.",":::::",":::::","::.::",":...:"]),Ji=p(g,[".....",".....","..:..",".:::.",".:::.",":::::",":::::","::.::",":...:",".....",".....",":...:","::.::",":::::",":::::",".:::.",".:::.","..:.."]),Ki=p(g,["000","100","110","111","011","001"]),Qi=p(g,["11111","01111","00111","10011","11001","01100","00110","10011","11001","11100","11110"]),Gi=p(g,["11111","01111","10111","11011","11101","11110","11111","11110","11101","11011","10111","01111"]),ta=p(tt,["\u{1F539}","\u{1F535}"]),ea=p(G,["\u{1F642}","\u{1F642}","\u{1F617}","\u{1F619}","\u{1F618}","\u{1F618}","\u{1F619}"]),ra=p(g,["\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=p(g,["\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}"]),kr=p(tt,["\u{1F30E}","\u{1F30F}","\u{1F30D}"]),oa=p(tt,["\u{1F513}","\u{1F512}"]),na=p(tt,["\u{1F505}","\u{1F506}"]),ia=p(tt,["\u{1F508}","\u{1F508}","\u{1F509}","\u{1F50A}","\u{1F50A}","\u{1F509}"]),aa=p(G,["\u{1F311}","\u{1F311}","\u{1F311}","\u{1F318}","\u{1F317}","\u{1F316}","\u{1F315}","\u{1F314}","\u{1F313}","\u{1F312}"]);var Tr=b(r=>t=>(r.name("error"),r.styles(V,Or),typeof t=="string"?t:t instanceof Error?_`<strong>${t.name}:</strong> <span>${t.message}</span>`:"error")),Or=f`
26
+ :host {
27
+ font-family: monospace;
28
+ color: red;
29
+ }
30
+ `;function zr(r,t){return t.transmute((...e)=>[r,...e])}function We(r){return kt(r).map(t=>t.view)}function Fe(r,t){return kt(t).map(e=>class extends e{context=r;static view=zr(r,super.view)})}var Xe=f`@layer view {
31
+
32
+ :host {
33
+ opacity: 0.8;
34
+ display: inline-flex;
35
+ width: max-content;
36
+ height: max-content;
37
+
38
+ --padding: 0.3em;
39
+ border-radius: 0.2em;
40
+ border: 0.1em solid currentColor;
41
+
42
+ cursor: pointer;
43
+ background: transparent;
44
+ user-select: none;
45
+ }
46
+
47
+ :host(:not([disabled]):is(:hover, :focus-visible)) { opacity: 1; }
48
+ :host(:not([disabled]):active) { opacity: 0.6; }
49
+
50
+ :host([disabled]) {
51
+ cursor: default;
52
+ color: var(--lame);
53
+ }
54
+
55
+ :host([hidden]) {
56
+ display: none !important;
57
+ }
58
+
59
+ :host([lame]) { color: var(--lame); }
60
+ :host([angry]) { color: var(--angry); }
61
+ :host([zesty]) { color: var(--zesty); }
62
+ :host([happy]) { color: var(--happy); }
63
+ :host([calm]) { color: var(--calm); }
64
+ :host([sad]) { color: var(--sad); }
65
+ :host([quirky]) { color: var(--quirky); }
66
+
67
+ button {
68
+ background: transparent;
69
+ border: none;
70
+
71
+ font: inherit;
72
+ color: inherit;
73
+ cursor: inherit;
74
+ outline: inherit;
75
+ text-shadow: inherit;
76
+
77
+ display: inline-flex;
78
+ justify-content: center;
79
+ align-items: center;
80
+
81
+ width: 100%;
82
+ height: 100%;
83
+ padding: var(--padding);
84
+ }
85
+
86
+ slot {
87
+ display: contents;
88
+ }
89
+
90
+ }`;var C=f`
91
+
92
+ @layer reset, underlay, view, overlay;
93
+
94
+ ${V}
95
+
96
+ @layer overlay {
97
+ [hidden] { display: none !important; }
98
+ }
99
+
100
+ `;var A=class extends M{context};var Ft=class extends b(t=>e=>{t.name("shiny-button"),t.styles(C,e.theme,Xe);let s=t.attrs.spec({disabled:Boolean,hidden:Boolean});return _`
101
+ <button
102
+ part=button
103
+ ?disabled="${s.disabled}"
104
+ ?hidden="${s.hidden}">
105
+ <slot></slot>
106
+ </button>
107
+ `}).component(A).props(t=>[t.context]){};var Ye=f`@layer view {
108
+
109
+ button {
110
+ background: transparent;
111
+ border: none;
112
+ font-size: inherit;
113
+ }
114
+
115
+ button {
116
+ opacity: var(--inactive-opacity);
117
+ cursor: pointer;
118
+ cursor: copy;
119
+
120
+ color: inherit;
121
+ transition: all 300ms linear;
122
+
123
+ &:is(:hover, :focus-visible) {
124
+ opacity: 1;
125
+ }
126
+ }
127
+
128
+ [data-status="invalid"] {
129
+ color: var(--lame);
130
+ }
131
+
132
+ [data-status="good"] {
133
+ opacity: 1;
134
+ color: var(--happy);
135
+ filter: drop-shadow(0 0 0.3em color-mix(in oklab, transparent, currentColor 50%));
136
+ }
137
+
138
+ [data-status="bad"] {
139
+ opacity: 1;
140
+ color: var(--angry);
141
+ filter: drop-shadow(0 0 0.3em color-mix(in oklab, transparent, currentColor 50%));
142
+ }
143
+
144
+ svg {
145
+ width: 1em;
146
+ height: 1em;
147
+ }
148
+
149
+ }`;var pe=E`<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-clipboard"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2" /><path d="M9 3m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v0a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /></svg>`;var Ze=E`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-clipboard-x"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.997 4.17a3 3 0 0 1 2.003 2.83v12a3 3 0 0 1 -3 3h-10a3 3 0 0 1 -3 -3v-12a3 3 0 0 1 2.003 -2.83a4 4 0 0 0 3.997 3.83h4a4 4 0 0 0 3.98 -3.597zm-7.29 7.123a1 1 0 0 0 -1.414 0l-.083 .094a1 1 0 0 0 .083 1.32l1.292 1.293l-1.292 1.293a1 1 0 0 0 0 1.414l.094 .083a1 1 0 0 0 1.32 -.083l1.293 -1.293l1.293 1.293a1 1 0 0 0 1.414 0l.083 -.094a1 1 0 0 0 -.083 -1.32l-1.293 -1.293l1.293 -1.293a1 1 0 0 0 0 -1.414l-.094 -.083a1 1 0 0 0 -1.32 .083l-1.293 1.292zm3.293 -9.293a2 2 0 1 1 0 4h-4a2 2 0 1 1 0 -4z" /></svg>`;var Je=E`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-clipboard-check"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.997 4.17a3 3 0 0 1 2.003 2.83v12a3 3 0 0 1 -3 3h-10a3 3 0 0 1 -3 -3v-12a3 3 0 0 1 2.003 -2.83a4 4 0 0 0 3.997 3.83h4a4 4 0 0 0 3.98 -3.597zm-3.704 7.123l-3.293 3.292l-1.293 -1.292a1 1 0 1 0 -1.414 1.414l2 2a1 1 0 0 0 1.414 0l4 -4a1 1 0 0 0 -1.414 -1.414m-.293 -9.293a2 2 0 1 1 0 4h-4a2 2 0 1 1 0 -4z" /></svg>`;var Xt=class extends b(t=>(e,s,o=1e3)=>{t.name("shiny-copy"),t.styles(C,e.theme,Ye);let n=()=>s===void 0?"invalid":"neutral",i=t.signal(n()),l=t.once(()=>T(o,()=>i.set(n()))),a=t.once(()=>async c=>{await i.set(c),await l()});async function u(){if(s!==void 0)try{await navigator.clipboard.writeText(s),await a("good")}catch(c){console.error(c),await a("bad")}}let m=(()=>{switch(i.get()){case"neutral":return pe;case"invalid":return pe;case"good":return Je;case"bad":return Ze;default:throw new Error("invalid copy status")}})();return _`
150
+ <button data-status="${i.get()}" @click="${u}">
151
+ ${m}
152
+ </button>
153
+ `}).component(class extends A{#t=h.attrs(this).spec({text:String,ms:Number});get text(){return this.#t.text}set text(t){this.#t.text=t}get ms(){return this.#t.ms}set ms(t){this.#t.ms=t}}).props(t=>[t.context,t.text,t.ms]){};var Ke=f`@layer view {
154
+
155
+ :host {
156
+ display: block;
157
+ width: 100%;
158
+ height: 100%;
159
+ --button-size: 2em;
160
+ --anim-duration: 200ms;
161
+ --blanket-backdrop-filter: blur(0.5em);
162
+ --blanket-bg: color-mix(in oklab, transparent, var(--bg));
163
+ }
164
+
165
+ .shell {
166
+ position: relative;
167
+ width: 100%;
168
+ height: 100%;
169
+
170
+ [part="blanket"] {
171
+ opacity: 0;
172
+
173
+ content: "";
174
+ display: block;
175
+ position: absolute;
176
+ inset: 0;
177
+
178
+ background: var(--blanket-bg);
179
+ backdrop-filter: var(--blanket-backdrop-filter);
180
+
181
+ will-change: opacity;
182
+ transition: all var(--anim-duration) ease;
183
+ }
184
+
185
+ .clipper {
186
+ pointer-events: none;
187
+ position: absolute;
188
+ inset: 0;
189
+ width: 100%;
190
+ height: 100%;
191
+ overflow: hidden;
192
+ > * { pointer-events: all; }
193
+ }
194
+
195
+ [part="tray"] {
196
+ position: absolute;
197
+ top: 0;
198
+ width: calc(100% - var(--button-size));
199
+
200
+ display: flex;
201
+ flex-direction: column;
202
+ height: auto;
203
+ max-height: 100%;
204
+
205
+ opacity: 1;
206
+ transform: translateX(-100%);
207
+ will-change: opacity, transform;
208
+ transition: all var(--anim-duration) ease;
209
+
210
+ > slot {
211
+ display: block;
212
+ height: 100%;
213
+ overflow-y: auto;
214
+ }
215
+
216
+ > button {
217
+ position: absolute;
218
+ top: 0;
219
+ left: 100%;
220
+
221
+ opacity: var(--inactive-opacity);
222
+ background: transparent;
223
+ border: none;
224
+ cursor: pointer;
225
+
226
+ &:is(:hover, :focus-visible) {
227
+ opacity: 1;
228
+ }
229
+
230
+ > slot {
231
+ display: contents;
232
+ }
233
+
234
+ svg {
235
+ width: var(--button-size);
236
+ height: var(--button-size);
237
+ }
238
+ }
239
+ }
240
+
241
+ &[data-side="right"] {
242
+ [part="tray"] {
243
+ right: 0;
244
+ transform: translateX(100%);
245
+ > button {
246
+ left: unset;
247
+ right: 100%;
248
+ }
249
+ }
250
+ }
251
+
252
+ slot[name="plate"] {
253
+ display: block;
254
+ width: 100%;
255
+ height: 100%;
256
+ }
257
+
258
+ &[data-open] {
259
+ [part="blanket"] {
260
+ opacity: 1;
261
+ }
262
+ [part="tray"] {
263
+ opacity: 1;
264
+ transform: translateX(0%);
265
+ }
266
+ }
267
+ }
268
+
269
+ }`;var ft=class{$open=x(!1);constructor(t=!1){t&&this.$open.set(!0)}get isOpen(){return this.$open.get()}async setOpen(t){return this.$open.set(t)}open=async()=>{await this.setOpen(!0)};close=async()=>{await this.setOpen(!1)};toggle=async()=>this.setOpen(!this.isOpen)};var Yt=class{#t;constructor(t){this.#t=t.attachInternals().states}assign(...t){this.#t.forEach(e=>this.#t.delete(e));for(let e of t)this.#t.add(e);return this}};var Qe=E`<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=E`<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 Zt=class extends b(t=>(e,s)=>{t.name("shiny-drawer"),t.styles(C,e.theme,Ke);let o=t.once(()=>new Yt(t.element)),n=s.side??"left",i=t.once(()=>s.control??new ft);return o.assign(n),t.mount(()=>h.events(window,{keydown:l=>{l.code==="Escape"&&i.close()}})),h.attrs(t.element).booleans.open=i.isOpen,_`
270
+ <div class=shell ?data-open="${i.isOpen}" data-side="${n}">
271
+ <slot name=plate ?inert="${i.isOpen}"></slot>
272
+
273
+ <div class=clipper>
274
+ <div part=blanket @click="${i.close}" ?inert="${!i.isOpen}"></div>
275
+
276
+ <div part=tray>
277
+ <slot ?inert="${!i.isOpen}"></slot>
278
+
279
+ ${s.button?_`
280
+ <button @click="${i.toggle}">
281
+ ${i.isOpen?_`
282
+ <slot name=button-x>
283
+ ${Qe}
284
+ </slot>
285
+ `:_`
286
+ <slot name=button>
287
+ ${Ge}
288
+ </slot>
289
+ `}
290
+ </button>
291
+ `:null}
292
+ </div>
293
+ </div>
294
+ </div>
295
+ `}).component(class extends A{#t=h.attrs(this).spec({open:Boolean,button:Boolean,side:String});get button(){return this.#t.button}set button(t){this.#t.button=t}get side(){return this.#t.side==="right"?"right":"left"}set side(t){this.#t.side=t}control=new ft(this.#t.open);get isOpen(){return this.control.isOpen}get toggle(){return this.control.toggle}get open(){return this.control.open}get close(){return this.control.close}}).props(t=>[t.context,{control:t.control,button:t.button,side:t.side}]){};var tr=f`@layer view {
296
+
297
+ button {
298
+ padding: 1em;
299
+ min-width: 4em;
300
+ }
301
+
302
+ }`;var Jt=class extends b(t=>(e,s)=>{t.name("shiny-example"),t.styles(C,e.theme,tr);let o=t.signal(s);return _`
303
+ <button @click="${()=>{o.value++}}">
304
+ ${o()}
305
+ </button>
306
+ `}).component(class extends A{attrs=h.attrs(this).spec({start:Number})}).props(t=>[t.context,t.attrs.start??1]){};var er=f`@layer view {
307
+
308
+ :host {
309
+ display: inline-flex;
310
+ flex-direction: column;
311
+ }
312
+
313
+ slot[part="tabs"] {
314
+ display: flex;
315
+
316
+ &::slotted(*) {
317
+ border-radius: 0.3em;
318
+ }
319
+
320
+ &::slotted([data-active]) {
321
+ opacity: 1;
322
+ color: currentColor;
323
+ text-decoration: underline;
324
+ }
325
+
326
+ &::slotted(:not([data-last], [data-next-is-active])) {
327
+ border-right: none;
328
+ }
329
+
330
+ &::slotted([data-active]:not([data-first])) {
331
+ border-left: none;
332
+ }
333
+
334
+ &::slotted(:not([data-last])) {
335
+ border-top-right-radius: 0;
336
+ border-bottom-right-radius: 0;
337
+ }
338
+
339
+ &::slotted(:not([data-first])) {
340
+ border-top-left-radius: 0;
341
+ border-bottom-left-radius: 0;
342
+ }
343
+ }
344
+
345
+ } `;var gt=class{length=1;$index=x(0);constructor(t=0){this.$index.value=t}clamp(t){return t=Math.min(t,this.length-1),t=Math.max(t,0),t}get index(){return this.clamp(this.$index.get())}async setIndex(t){return this.$index.set(t)}async shimmy(t){let e=this.clamp(this.index+t);return this.setIndex(e)}};var Kt=class extends b(t=>(e,s)=>{t.name("shiny-tabs"),t.styles(C,e.theme,er);let o=t.attrs.spec({index:Number}),n=t.once(()=>s??new gt(o.index??0)),i=t.signal([]),l=t.signal([]);async function a(c){let d=c.currentTarget;await i.set(d.assignedElements())}async function u(c){let d=c.currentTarget;await l.set(d.assignedElements())}o.index=n.$index(),n.length=i().length;function m(c,d){let v=n.clamp(c+d);return v===c?!1:v===n.index}for(let[c,d]of i().entries()){let v=c===n.index,S=h.attrs(d);S.booleans.disabled=v,S.booleans["data-active"]=v,S.booleans["data-first"]=c===0,S.booleans["data-last"]=c===n.length-1,S.booleans["data-next-is-active"]=m(c,1),S.booleans["data-previous-is-active"]=m(c,-1),d.onclick=()=>n.setIndex(c)}for(let[c,d]of l().entries()){let v=c===n.index;h.attrs(d).booleans.active=v,h.attrs(d).booleans.hidden=!v}return _`
346
+ <slot part=tabs @slotchange="${a}"></slot>
347
+ <slot part=panels name=panel @slotchange="${u}"></slot>
348
+ `}).component(class extends A{control=new gt;get index(){return this.control.index}get length(){return this.control.length}setIndex=this.control.setIndex.bind(this.control);shimmy=this.control.shimmy.bind(this.control)}).props(t=>[t.context,t.control]){};var rr={ShinyButton:Ft,ShinyCopy:Xt,ShinyDrawer:Zt,ShinyExample:Jt,ShinyTabs:Kt};function sr(r){let t=Fe(r,rr),e=We(t);return{components:t,views:e}}function or(){return{bg:"#111",alpha:"#def","inactive-opacity":"0.5",lame:"#8888",angry:"#f50",zesty:"#cf0",happy:"#0fa",calm:"#0af",sad:"#74f",quirky:"#f49"}}function nr(r){return xt(Object.entries(r).map(([t,e])=>`--${t}: var(--shiny-${t}, ${e});`).join(`
349
+ `))}var ir=f`@layer overlay {
350
+
351
+ :host {
352
+ ${nr(or())}
353
+ }
354
+
355
+ }`;h.register(sr({theme:ir}).components);
356
+ /*! Bundled license information:
357
+
358
+ @lit/reactive-element/css-tag.js:
359
+ (**
360
+ * @license
361
+ * Copyright 2019 Google LLC
362
+ * SPDX-License-Identifier: BSD-3-Clause
363
+ *)
364
+
365
+ @lit/reactive-element/reactive-element.js:
366
+ lit-html/lit-html.js:
367
+ lit-element/lit-element.js:
368
+ lit-html/directive.js:
369
+ lit-html/async-directive.js:
370
+ (**
371
+ * @license
372
+ * Copyright 2017 Google LLC
373
+ * SPDX-License-Identifier: BSD-3-Clause
374
+ *)
375
+
376
+ lit-html/is-server.js:
377
+ (**
378
+ * @license
379
+ * Copyright 2022 Google LLC
380
+ * SPDX-License-Identifier: BSD-3-Clause
381
+ *)
382
+
383
+ lit-html/directive-helpers.js:
384
+ (**
385
+ * @license
386
+ * Copyright 2020 Google LLC
387
+ * SPDX-License-Identifier: BSD-3-Clause
388
+ *)
389
+ */
390
+ //# sourceMappingURL=plain.bundle.min.js.map