@e280/shiny 0.1.0-2 → 0.1.0-4
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.
- package/README.md +19 -0
- package/package.json +2 -2
- package/s/{ui → components}/copy/style.css.ts +1 -1
- package/s/components/drawer/component.ts +74 -0
- package/s/components/drawer/drawer.ts +31 -0
- package/s/components/drawer/style.css.ts +107 -0
- package/s/{ui → components}/example/component.ts +2 -1
- package/s/{ui → components}/raw-components.ts +2 -0
- package/s/demo/demo.bundle.ts +110 -9
- package/s/demo/utils/lipsum.ts +19 -0
- package/s/demo/views/demonstration/style.css.ts +1 -0
- package/s/demo/views/demonstration/view.ts +5 -6
- package/s/icons/tabler/menu-2.svg.ts +4 -0
- package/s/icons/tabler/x.svg.ts +4 -0
- package/s/index.ts +3 -3
- package/s/shiny.ts +2 -2
- package/s/themes/basic.css.ts +3 -0
- package/x/{ui → components}/copy/component.js +1 -1
- package/x/components/copy/component.js.map +1 -0
- package/x/{ui → components}/copy/style.css.js +1 -1
- package/x/components/copy/style.css.js.map +1 -0
- package/x/components/drawer/component.d.ts +381 -0
- package/x/components/drawer/component.js +66 -0
- package/x/components/drawer/component.js.map +1 -0
- package/x/components/drawer/drawer.d.ts +9 -0
- package/x/components/drawer/drawer.js +24 -0
- package/x/components/drawer/drawer.js.map +1 -0
- package/x/components/drawer/style.css.js +106 -0
- package/x/components/drawer/style.css.js.map +1 -0
- package/x/{ui → components}/example/component.js +2 -1
- package/x/components/example/component.js.map +1 -0
- package/x/components/example/style.css.d.ts +2 -0
- package/x/components/example/style.css.js.map +1 -0
- package/x/components/framework.js.map +1 -0
- package/x/{ui → components}/raw-components.d.ts +2 -0
- package/x/{ui → components}/raw-components.js +2 -0
- package/x/components/raw-components.js.map +1 -0
- package/x/demo/demo.bundle.js +108 -9
- package/x/demo/demo.bundle.js.map +1 -1
- package/x/demo/demo.bundle.min.js +233 -30
- package/x/demo/demo.bundle.min.js.map +4 -4
- package/x/demo/utils/lipsum.d.ts +2 -0
- package/x/demo/utils/lipsum.js +11 -0
- package/x/demo/utils/lipsum.js.map +1 -0
- package/x/demo/views/demonstration/style.css.js +1 -0
- package/x/demo/views/demonstration/style.css.js.map +1 -1
- package/x/demo/views/demonstration/view.d.ts +3 -2
- package/x/demo/views/demonstration/view.js +2 -3
- package/x/demo/views/demonstration/view.js.map +1 -1
- package/x/icons/tabler/menu-2.svg.d.ts +2 -0
- package/x/icons/tabler/menu-2.svg.js +3 -0
- package/x/icons/tabler/menu-2.svg.js.map +1 -0
- package/x/icons/tabler/x.svg.d.ts +2 -0
- package/x/icons/tabler/x.svg.js +3 -0
- package/x/icons/tabler/x.svg.js.map +1 -0
- package/x/index.d.ts +3 -3
- package/x/index.html +2 -2
- package/x/index.js +3 -3
- package/x/index.js.map +1 -1
- package/x/install.bundle.min.js +146 -14
- package/x/install.bundle.min.js.map +4 -4
- package/x/shiny.d.ts +20 -3
- package/x/shiny.js +1 -1
- package/x/shiny.js.map +1 -1
- package/x/themes/basic.css.js +3 -0
- package/x/themes/basic.css.js.map +1 -1
- package/x/ui/copy/component.js.map +0 -1
- package/x/ui/copy/style.css.js.map +0 -1
- package/x/ui/example/component.js.map +0 -1
- package/x/ui/example/style.css.js.map +0 -1
- package/x/ui/framework.js.map +0 -1
- package/x/ui/raw-components.js.map +0 -1
- package/s/{ui → components}/copy/component.ts +1 -1
- /package/s/{ui → components}/example/style.css.ts +0 -0
- /package/s/{ui → components}/framework.ts +0 -0
- /package/x/{ui → components}/copy/component.d.ts +0 -0
- /package/x/{ui → components}/copy/style.css.d.ts +0 -0
- /package/x/{ui/example → components/drawer}/style.css.d.ts +0 -0
- /package/x/{ui → components}/example/component.d.ts +0 -0
- /package/x/{ui → components}/example/style.css.js +0 -0
- /package/x/{ui → components}/framework.d.ts +0 -0
- /package/x/{ui → components}/framework.js +0 -0
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Dispenser } from "@e280/stz";
|
|
2
|
+
export const makeLipsumDispenser = () => new Dispenser(() => [
|
|
3
|
+
`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.`,
|
|
4
|
+
`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.`,
|
|
5
|
+
`lorem caffeine dolor sit amet, double espresso elit cold brew tempor jitter. adderall magna focus culpa, lion’s 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.`,
|
|
6
|
+
`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.`,
|
|
7
|
+
`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.`,
|
|
8
|
+
`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.`,
|
|
9
|
+
`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.`,
|
|
10
|
+
]);
|
|
11
|
+
//# sourceMappingURL=lipsum.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lipsum.js","sourceRoot":"","sources":["../../../s/demo/utils/lipsum.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,WAAW,CAAA;AAEnC,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,IAAI,SAAS,CAAC,GAAG,EAAE,CAAC;IAC5D,qUAAqU;IAErU,kbAAkb;IAElb,sZAAsZ;IAEtZ,yNAAyN;IAEzN,6TAA6T;IAE7T,ycAAyc;IAEzc,8bAA8b;CAC9b,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../../s/demo/views/demonstration/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../../s/demo/views/demonstration/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyGjB,CAAA"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
+
import { CSSResultGroup } from "lit";
|
|
1
2
|
import { Content } from "@e280/sly";
|
|
2
3
|
import { ShinyViews } from "../../../shiny.js";
|
|
3
4
|
export declare const Demonstration: import("@e280/sly").View<[options: {
|
|
4
5
|
name: string;
|
|
5
6
|
explain: Content;
|
|
6
7
|
views: ShinyViews;
|
|
7
|
-
|
|
8
|
-
exampleView: string;
|
|
8
|
+
snippets: [label: string, code: string][];
|
|
9
9
|
content: Content;
|
|
10
|
+
style: CSSResultGroup;
|
|
10
11
|
}]>;
|
|
@@ -5,7 +5,7 @@ import styleCss from "./style.css.js";
|
|
|
5
5
|
import { basic } from "../../../themes/basic.css.js";
|
|
6
6
|
export const Demonstration = view(use => (options) => {
|
|
7
7
|
use.name(options.name);
|
|
8
|
-
use.styles(basic, styleCss);
|
|
8
|
+
use.styles(basic, styleCss, options.style);
|
|
9
9
|
function codeblock(heading, code) {
|
|
10
10
|
const cleanCode = untab(code).trim();
|
|
11
11
|
return html `
|
|
@@ -23,8 +23,7 @@ export const Demonstration = view(use => (options) => {
|
|
|
23
23
|
<h2>✨ ${options.name}</h2>
|
|
24
24
|
<div class=explain>${options.explain}</div>
|
|
25
25
|
<div class=codes>
|
|
26
|
-
${
|
|
27
|
-
${codeblock("sly view", options.exampleView)}
|
|
26
|
+
${options.snippets.map(([label, code]) => codeblock(label, code))}
|
|
28
27
|
</div>
|
|
29
28
|
</div>
|
|
30
29
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../../s/demo/views/demonstration/view.ts"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../../s/demo/views/demonstration/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,IAAI,EAAC,MAAM,KAAK,CAAA;AACxC,OAAO,EAAC,KAAK,EAAC,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAU,IAAI,EAAC,MAAM,WAAW,CAAA;AACvC,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AAErC,OAAO,EAAC,KAAK,EAAC,MAAM,8BAA8B,CAAA;AAElD,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,OAOxC,EAAE,EAAE;IAEL,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IACtB,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IAE1C,SAAS,SAAS,CAAC,OAAe,EAAE,IAAY;QAC/C,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAA;QACpC,OAAO,IAAI,CAAA;;;WAGF,OAAO;aACL,SAAS;;MAEhB,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC;;GAErC,CAAA;IACF,CAAC;IAED,OAAO,IAAI,CAAA;;WAED,OAAO,CAAC,IAAI;wBACC,OAAO,CAAC,OAAO;;MAEjC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;;;;;KAKhE,OAAO,CAAC,OAAO;;EAElB,CAAA;AACF,CAAC,CAAC,CAAA"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { svg } from "lit";
|
|
2
|
+
export default svg `<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>`;
|
|
3
|
+
//# sourceMappingURL=menu-2.svg.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-2.svg.js","sourceRoot":"","sources":["../../../s/icons/tabler/menu-2.svg.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA,+XAA+X,CAAA"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { svg } from "lit";
|
|
2
|
+
export default svg `<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>`;
|
|
3
|
+
//# sourceMappingURL=x.svg.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x.svg.js","sourceRoot":"","sources":["../../../s/icons/tabler/x.svg.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA,sWAAsW,CAAA"}
|
package/x/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export * from "./themes/index.js";
|
|
2
|
-
export * from "./
|
|
3
|
-
export * from "./
|
|
4
|
-
export * from "./
|
|
2
|
+
export * from "./components/example/component.js";
|
|
3
|
+
export * from "./components/copy/component.js";
|
|
4
|
+
export * from "./components/framework.js";
|
|
5
5
|
export * from "./shiny.js";
|
package/x/index.html
CHANGED
|
@@ -128,7 +128,7 @@ body > section {
|
|
|
128
128
|
}
|
|
129
129
|
|
|
130
130
|
</style>
|
|
131
|
-
<script type=module src="demo/demo.bundle.min.js?v=
|
|
131
|
+
<script type=module src="demo/demo.bundle.min.js?v=e660a693aefe"></script>
|
|
132
132
|
<link rel="icon" href="assets/favicon.png?v=0414eeb5fcc2"/>
|
|
133
133
|
|
|
134
134
|
<meta name="theme-color" content="#d068ff">
|
|
@@ -145,7 +145,7 @@ body > section {
|
|
|
145
145
|
|
|
146
146
|
<h1>
|
|
147
147
|
<strong>✨shiny✨</strong>
|
|
148
|
-
<small>v0.1.0-
|
|
148
|
+
<small>v0.1.0-4</small>
|
|
149
149
|
</h1>
|
|
150
150
|
|
|
151
151
|
<section>
|
package/x/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export * from "./themes/index.js";
|
|
2
|
-
export * from "./
|
|
3
|
-
export * from "./
|
|
4
|
-
export * from "./
|
|
2
|
+
export * from "./components/example/component.js";
|
|
3
|
+
export * from "./components/copy/component.js";
|
|
4
|
+
export * from "./components/framework.js";
|
|
5
5
|
export * from "./shiny.js";
|
|
6
6
|
//# sourceMappingURL=index.js.map
|
package/x/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../s/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAA;AAEjC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../s/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAA;AAEjC,cAAc,mCAAmC,CAAA;AACjD,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AAEzC,cAAc,YAAY,CAAA"}
|
package/x/install.bundle.min.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
var
|
|
2
|
-
\f\r]`,et=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,
|
|
3
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
|
1
|
+
var ft=globalThis,gt=ft.ShadowRoot&&(ft.ShadyCSS===void 0||ft.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Xt=Symbol(),ae=new WeakMap,G=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==Xt)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(gt&&t===void 0){let s=e!==void 0&&e.length===1;s&&(t=ae.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&ae.set(e,t))}return t}toString(){return this.cssText}},ce=r=>new G(typeof r=="string"?r:r+"",void 0,Xt),w=(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 G(e,r,Xt)},bt=(r,t)=>{if(gt)r.adoptedStyleSheets=t.map((e=>e instanceof CSSStyleSheet?e:e.styleSheet));else for(let e of t){let s=document.createElement("style"),o=ft.litNonce;o!==void 0&&s.setAttribute("nonce",o),s.textContent=e.cssText,r.appendChild(s)}},D=gt?r=>r:r=>r instanceof CSSStyleSheet?(t=>{let e="";for(let s of t.cssRules)e+=s.cssText;return ce(e)})(r):r;var{is:Qe,defineProperty:Ge,getOwnPropertyDescriptor:tr,getOwnPropertyNames:er,getOwnPropertySymbols:rr,getPrototypeOf:sr}=Object,yt=globalThis,he=yt.trustedTypes,or=he?he.emptyScript:"",ir=yt.reactiveElementPolyfillSupport,tt=(r,t)=>r,Yt={toAttribute(r,t){switch(t){case Boolean:r=r?or: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}},pe=(r,t)=>!Qe(r,t),le={attribute:!0,type:String,converter:Yt,reflect:!1,useDefault:!1,hasChanged:pe};Symbol.metadata??=Symbol("metadata"),yt.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=le){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&&Ge(this.prototype,t,o)}}static getPropertyDescriptor(t,e,s){let{get:o,set:i}=tr(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)??le}static _$Ei(){if(this.hasOwnProperty(tt("elementProperties")))return;let t=sr(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(tt("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(tt("properties"))){let e=this.properties,s=[...er(e),...rr(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(D(o))}else t!==void 0&&e.push(D(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 bt(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:Yt).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:Yt;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??pe)(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[tt("elementProperties")]=new Map,A[tt("finalized")]=new Map,ir?.({ReactiveElement:A}),(yt.reactiveElementVersions??=[]).push("2.1.1");var Jt=globalThis,wt=Jt.trustedTypes,ue=wt?wt.createPolicy("lit-html",{createHTML:r=>r}):void 0,Kt="$lit$",S=`lit$${Math.random().toFixed(9).slice(2)}$`,Qt="?"+S,nr=`<${Qt}>`,H=document,rt=()=>H.createComment(""),st=r=>r===null||typeof r!="object"&&typeof r!="function",Gt=Array.isArray,ye=r=>Gt(r)||typeof r?.[Symbol.iterator]=="function",Zt=`[
|
|
2
|
+
\f\r]`,et=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,de=/-->/g,me=/>/g,R=RegExp(`>|${Zt}(?:([^\\s"'>=/]+)(${Zt}*=${Zt}*(?:[^
|
|
3
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),fe=/'/g,ge=/"/g,we=/^(?:script|style|textarea|title)$/i,te=r=>(t,...e)=>({_$litType$:r,strings:t,values:e}),x=te(1),_=te(2),Tr=te(3),N=Symbol.for("lit-noChange"),f=Symbol.for("lit-nothing"),be=new WeakMap,M=H.createTreeWalker(H,129);function ve(r,t){if(!Gt(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return ue!==void 0?ue.createHTML(t):t}var $e=(r,t)=>{let e=r.length-1,s=[],o,i=t===2?"<svg>":t===3?"<math>":"",n=et;for(let c=0;c<e;c++){let a=r[c],l,m,p=-1,$=0;for(;$<a.length&&(n.lastIndex=$,m=n.exec(a),m!==null);)$=n.lastIndex,n===et?m[1]==="!--"?n=de:m[1]!==void 0?n=me:m[2]!==void 0?(we.test(m[2])&&(o=RegExp("</"+m[2],"g")),n=R):m[3]!==void 0&&(n=R):n===R?m[0]===">"?(n=o??et,p=-1):m[1]===void 0?p=-2:(p=n.lastIndex-m[2].length,l=m[1],n=m[3]===void 0?R:m[3]==='"'?ge:fe):n===ge||n===fe?n=R:n===de||n===me?n=et:(n=R,o=void 0);let E=n===R&&r[c+1].startsWith("/>")?" ":"";i+=n===et?a+nr:p>=0?(s.push(l),a.slice(0,p)+Kt+a.slice(p)+S+E):a+S+(p===-2?c:E)}return[ve(r,i+(r[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]},ot=class r{constructor({strings:t,_$litType$:e},s){let o;this.parts=[];let i=0,n=0,c=t.length-1,a=this.parts,[l,m]=$e(t,e);if(this.el=r.createElement(l,s),M.currentNode=this.el.content,e===2||e===3){let p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(o=M.nextNode())!==null&&a.length<c;){if(o.nodeType===1){if(o.hasAttributes())for(let p of o.getAttributeNames())if(p.endsWith(Kt)){let $=m[n++],E=o.getAttribute(p).split(S),mt=/([.?@])?(.*)/.exec($);a.push({type:1,index:i,name:mt[2],strings:E,ctor:mt[1]==="."?$t:mt[1]==="?"?xt:mt[1]==="@"?_t:U}),o.removeAttribute(p)}else p.startsWith(S)&&(a.push({type:6,index:i}),o.removeAttribute(p));if(we.test(o.tagName)){let p=o.textContent.split(S),$=p.length-1;if($>0){o.textContent=wt?wt.emptyScript:"";for(let E=0;E<$;E++)o.append(p[E],rt()),M.nextNode(),a.push({type:2,index:++i});o.append(p[$],rt())}}}else if(o.nodeType===8)if(o.data===Qt)a.push({type:2,index:i});else{let p=-1;for(;(p=o.data.indexOf(S,p+1))!==-1;)a.push({type:7,index:i}),p+=S.length-1}i++}}static createElement(t,e){let s=H.createElement("template");return s.innerHTML=t,s}};function z(r,t,e=r,s){if(t===N)return t;let o=s!==void 0?e._$Co?.[s]:e._$Cl,i=st(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=z(r,o._$AS(r,t.values),o,s)),t}var vt=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);M.currentNode=o;let i=M.nextNode(),n=0,c=0,a=s[0];for(;a!==void 0;){if(n===a.index){let l;a.type===2?l=new L(i,i.nextSibling,this,t):a.type===1?l=new a.ctor(i,a.name,a.strings,this,t):a.type===6&&(l=new At(i,this,t)),this._$AV.push(l),a=s[++c]}n!==a?.index&&(i=M.nextNode(),n++)}return M.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++}},L=class r{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,o){this.type=2,this._$AH=f,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=z(this,t,e),st(t)?t===f||t==null||t===""?(this._$AH!==f&&this._$AR(),this._$AH=f):t!==this._$AH&&t!==N&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):ye(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!==f&&st(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=ot.createElement(ve(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===o)this._$AH.p(e);else{let i=new vt(o,this),n=i.u(this.options);i.p(e),this.T(n),this._$AH=i}}_$AC(t){let e=be.get(t.strings);return e===void 0&&be.set(t.strings,e=new ot(t)),e}k(t){Gt(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(rt()),this.O(rt()),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=f,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=f}_$AI(t,e=this,s,o){let i=this.strings,n=!1;if(i===void 0)t=z(this,t,e,0),n=!st(t)||t!==this._$AH&&t!==N,n&&(this._$AH=t);else{let c=t,a,l;for(t=i[0],a=0;a<i.length-1;a++)l=z(this,c[s+a],e,a),l===N&&(l=this._$AH[a]),n||=!st(l)||l!==this._$AH[a],l===f?t=f:t!==f&&(t+=(l??"")+i[a+1]),this._$AH[a]=l}n&&!o&&this.j(t)}j(t){t===f?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===f?void 0:t}},xt=class extends U{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==f)}},_t=class extends U{constructor(t,e,s,o,i){super(t,e,s,o,i),this.type=5}_$AI(t,e=this){if((t=z(this,t,e,0)??f)===N)return;let s=this._$AH,o=t===f&&s!==f||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,i=t!==f&&(s===f||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)}},At=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){z(this,t)}},xe={M:Kt,P:S,A:Qt,C:1,L:$e,R:vt,D:ye,V:z,I:L,H:U,N:xt,U:_t,B:$t,F:At},ar=Jt.litHtmlPolyfillSupport;ar?.(ot,L),(Jt.litHtmlVersions??=[]).push("3.3.1");var it=(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(rt(),i),i,void 0,e??{})}return o._$AI(r),o};var ee=globalThis,B=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=it(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return N}};B._$litElement$=!0,B.finalized=!0,ee.litElementHydrateSupport?.({LitElement:B});var cr=ee.litElementPolyfillSupport;cr?.({LitElement:B});(ee.litElementVersions??=[]).push("4.2.1");var q=w`
|
|
4
4
|
@layer reset {
|
|
5
5
|
* {
|
|
6
6
|
margin: 0;
|
|
@@ -16,18 +16,18 @@ var mt=globalThis,ft=mt.ShadowRoot&&(mt.ShadyCSS===void 0||mt.ShadyCSS.nativeSha
|
|
|
16
16
|
::-webkit-scrollbar-thumb { background: #333; border-radius: 1em; }
|
|
17
17
|
::-webkit-scrollbar-thumb:hover { background: #444; }
|
|
18
18
|
}
|
|
19
|
-
`;function S(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 nt(){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 q=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 we=(r=0)=>new Promise(t=>setTimeout(t,r));function At(r){return{map:t=>ve(r,t),filter:t=>_e(r,t)}}At.pipe=Object.freeze({map:r=>(t=>ve(t,r)),filter:r=>(t=>_e(t,r))});var ve=(r,t)=>Object.fromEntries(Object.entries(r).map(([e,s])=>[e,t(s,e)])),_e=(r,t)=>Object.fromEntries(Object.entries(r).filter(([e,s])=>t(s,e)));function Ae(){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:m}=nt(),u=o(async(...w)=>{a&&await a(...w),m(w),u()});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 St(r){let t=Ae();return r&&t.sub(r),t.sub}function te(r){let t=Ae();return r&&t.sub(r),t.pub}function Se(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 or(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 Et(r,t){for(let[e,s]of t)or(r,e,s)}function Ee(r,t){let e=document.createElement(r);return Et(e,Object.entries(t)),e}function Ce(r,t){let e=new MutationObserver(t);return e.observe(r,{attributes:!0}),()=>e.disconnect()}var g={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 ke=(r,t)=>new Proxy(t,{get:(e,s)=>{switch(t[s]){case String:return g.get.string(r,s);case Number:return g.get.number(r,s);case Boolean:return g.get.boolean(r,s);default:throw new Error(`invalid attribute type for "${s}"`)}},set:(e,s,o)=>{switch(t[s]){case String:return g.set.string(r,s,o);case Number:return g.set.number(r,s,o);case Boolean:return g.set.boolean(r,s,o);default:throw new Error(`invalid attribute type for "${s}"`)}}});var Ct=class{element;constructor(t){this.element=t}strings=new Proxy({},{get:(t,e)=>g.get.string(this.element,e),set:(t,e,s)=>g.set.string(this.element,e,s)});numbers=new Proxy({},{get:(t,e)=>g.get.number(this.element,e),set:(t,e,s)=>g.set.number(this.element,e,s)});booleans=new Proxy({},{get:(t,e)=>g.get.boolean(this.element,e),set:(t,e,s)=>g.set.boolean(this.element,e,s)})};function at(r){let t=new Ct(r);return{strings:t.strings,numbers:t.numbers,booleans:t.booleans,on:e=>Ce(r,e),spec:e=>ke(r,e)}}at.get=g.get;at.set=g.set;function ee(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 Pe(r){return r.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function Te(r,t={}){let{soft:e=!1,upgrade:s=!0}=t;for(let[o,i]of Object.entries(r)){let n=Pe(o),c=customElements.get(n);e&&c||(customElements.define(n,i),s&&document.querySelectorAll(n).forEach(a=>{a.constructor===HTMLElement&&customElements.upgrade(a)}))}}function Re(r,t){let e=r.querySelector(t);if(!e)throw new Error(`element not found (${t})`);return e}var kt=class r{element;constructor(t){this.element=t}in(t){return new r(typeof t=="string"?Re(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 it(t,this.element)}attrs(){return at(this.element)}events(t){return ee(this.element,t)}};function l(r){return typeof r=="string"?Re(document,r):new kt(r)}var E=new kt(document);l.in=E.in.bind(E);l.require=E.require.bind(E);l.maybe=E.maybe.bind(E);l.all=E.all.bind(E);l.el=Ee;l.events=ee;l.attrs=at;l.register=Te;l.render=(r,...t)=>it(t,r);var re=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=St(),this.#e.set(t,e)),e}},b=globalThis[Symbol.for("e280.tracker")]??=new re;var V=class{sneak;constructor(t){this.sneak=t}get(){return b.notifyRead(this),this.sneak}get value(){return this.get()}};var I=class extends V{on=St();dispose(){this.on.clear()}};function Pt(r,t=r){let{seen:e,result:s}=b.observe(r),o=S(0,t),i=[],n=()=>i.forEach(c=>c());for(let c of e){let a=b.subscribe(c,o);i.push(a)}return{result:s,dispose:n}}function W(r,t){return r===t}var Tt=class extends I{#t;constructor(t,e){let s=e?.compare??W,{result:o,dispose:i}=Pt(t,async()=>{let n=t();!s(this.sneak,n)&&(this.sneak=n,await Promise.all([b.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 Rt=class extends V{#t;#e;#r=!1;#s;constructor(t,e){super(void 0),this.#t=t,this.#e=e?.compare??W}toString(){return`($lazy "${String(this.get())}")`}get(){if(!this.#s){let{result:t,dispose:e}=Pt(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,b.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 Ot=class extends I{#t=!1;#e;constructor(t,e){super(t),this.#e=e?.compare??W}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([b.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 ir(r,t){return new Rt(r,t).fn()}function Oe(r,t){return new Tt(r,t).fn()}function y(r,t){return new Ot(r,t).fn()}y.lazy=ir;y.derived=Oe;var C=class{#t=new q;effect(t,e){let{seen:s,result:o}=b.observe(t);for(let i of s)this.#t.guarantee(i,()=>b.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 F=class{element;response;#t;constructor(t,e){this.element=t,this.response=e}start(){this.#t||(this.#t=l.attrs(this.element).on(this.response))}stop(){this.#t&&this.#t(),this.#t=void 0}};function Mt(r,t){gt(r,ar(t))}function ar(r){let t=[];if(Array.isArray(r)){let e=new Set(r.flat(1/0).reverse());for(let s of e)t.unshift(U(s))}else r!==void 0&&t.push(U(r));return t}var H={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)=>H.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 X=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 H.all(...e)}signal;#t=0;#e=te();#r=te();constructor(t=["loading"]){this.signal=y(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 H.value(this.signal.get())}get error(){return H.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 H.select(this.signal.get(),t)}morph(t){return H.morph(this.pod,t)}};var Nt=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 Ht=class{#t;#e;constructor(t){this.#t=t,this.#e=l.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 ct=Symbol(),ht=Symbol(),pt=Symbol(),Y=class{element;shadow;renderNow;render;attrs;#t=0;#e=0;#r=new q;#s=nt();#o=new Nt;[ct](t){this.#t++,this.#e=0,this.#s=nt();let e=t();return this.#s.resolve(),e}[ht](){this.#o.unmountAll()}[pt](){this.#o.remountAll()}constructor(t,e,s,o){this.element=t,this.shadow=e,this.renderNow=s,this.render=o,this.attrs=new Ht(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(()=>Mt(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(()=>X.load(s))}return e.load=e,e.promise=s=>this.once(()=>X.promise(s)),e})();signal=(()=>{let t=this;function e(s,o){return t.once(()=>y(s,o))}return e.derived=function(o,i){return t.once(()=>y.derived(o,i))},e.lazy=function(o,i){return t.once(()=>y.lazy(o,i))},e})();derived(t,e){return this.once(()=>y.derived(t,e))}lazy(t,e){return this.once(()=>y.lazy(t,e))}};var k=class extends HTMLElement{static styles;shadow;#t;#e=0;#r=new C;#s=new F(this,()=>this.update());createShadow(){return this.attachShadow({mode:"open"})}constructor(){super(),this.shadow=this.createShadow(),this.#t=new Y(this,this.shadow,this.updateNow,this.update)}render(t){}updateNow=()=>{this.#t[ct](()=>{l.render(this.shadow,this.#r.effect(()=>this.render(this.#t),this.update))})};update=S(0,this.updateNow);connectedCallback(){if(this.#e===0){let t=this.constructor.styles;t&&Mt(this.shadow,t),this.updateNow()}else this.#t[pt]();this.#s.start(),this.#e++}disconnectedCallback(){this.#t[ht](),this.#r.clear(),this.#s.stop()}};var Ut=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 ut=class{props;attrs=new Map;children=[];constructor(t){this.props=t}};function Me(r,t,e,s){return class extends t{static view=Z(s,r);#t=new C;createShadow(){return this.attachShadow(r)}render(i){return s(i)(...this.#t.effect(()=>e(this),()=>this.update()))}}}var{I:Ti}=xe;var Ne=r=>r.strings===void 0;var He={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},se=r=>(...t)=>({_$litDirective$:r,values:t}),zt=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 lt=(r,t)=>{let e=r._$AN;if(e===void 0)return!1;for(let s of e)s._$AO?.(t,!1),lt(s,t);return!0},Dt=r=>{let t,e;do{if((t=r._$AM)===void 0)break;e=t._$AN,e.delete(r),r=t}while(e?.size===0)},Ue=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),pr(t)}};function cr(r){this._$AN!==void 0?(Dt(this),this._$AM=r,Ue(this)):this._$AM=r}function hr(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++)lt(s[i],!1),Dt(s[i]);else s!=null&&(lt(s,!1),Dt(s));else lt(this,r)}var pr=r=>{r.type==He.CHILD&&(r._$AP??=hr,r._$AQ??=cr)},Lt=class extends zt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,s){super._$AT(t,e,s),Ue(this),this.isConnected=t._$AU}_$AO(t,e=!0){t!==this.isConnected&&(this.isConnected=t,t?this.reconnected?.():this.disconnected?.()),e&&(lt(this,t),Dt(this))}setValue(t){if(Ne(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 jt=class r extends HTMLElement{static#t=!1;static make(){return this.#t||(l.register({SlyView:r},{soft:!0,upgrade:!0}),this.#t=!0),document.createElement("sly-view")}};var Bt=class{viewFn;settings;#t=jt.make();#e=new C;#r;#s;#o;#i=new F(this.#t,()=>this.#a());constructor(t,e){this.viewFn=t,this.settings=e,this.#s=this.#t.attachShadow(this.settings),this.#r=new Y(this.#t,this.#s,this.#n,this.#a)}update(t){return this.#o=t,this.#n(),this.#t}#n=()=>{this.#r[ct](()=>{let t=this.#e.effect(()=>this.viewFn(this.#r)(...this.#o.props),()=>this.#a());Et(this.#t,[...this.#o.attrs]),l.render(this.#s,t),l.render(this.#t,this.#o.children),this.#i.start()})};#a=S(0,this.#n);disconnected(){this.#r[ht](),this.#e.clear(),this.#i.stop()}reconnected(){this.#r[pt](),this.#i.start()}};function ze(r,t){return se(class extends Lt{#t=new Bt(r,t);render(s){return this.#t.update(s)}disconnected(){this.#t.disconnected()}reconnected(){this.#t.reconnected()}})}function Z(r,t){let e=ze(r,t);function s(...o){return e(new ut(o))}return s.props=(...o)=>new Ut(new ut(o),e),s.transmute=o=>Z(n=>{let c=r(n);return(...a)=>c(...o(...a))},t),s.component=(o=k)=>({props:i=>Me(t,o,i,r)}),s}function x(r){return Z(r,{mode:"open"})}x.settings=r=>({render:t=>Z(t,r)});x.render=x;x.component=r=>x(t=>()=>r(t)).component(k).props(()=>[]);function h(r,t){return()=>ur({hz:r,frames:t})}var ur=x(r=>({hz:t,frames:e})=>{r.name("loading"),r.styles(B,lr);let s=r.signal(0);return r.mount(()=>Se(async()=>{await we(1e3/t);let o=s.get()+1;s.set(o>=e.length?0:o)})),e.at(s.get())}),lr=$`
|
|
19
|
+
`;function C(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,l)=>{o.push({resolve:a,reject:l})});return s=setTimeout(()=>{Promise.resolve().then(()=>t(...e)).then(a=>{for(let{resolve:l}of o)l(a);i()}).catch(a=>{for(let{reject:l}of o)l(a);i()})},r),c})}function nt(){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 V=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 _e=(r=0)=>new Promise(t=>setTimeout(t,r));function St(r){return{map:t=>Ae(r,t),filter:t=>Se(r,t)}}St.pipe=Object.freeze({map:r=>(t=>Ae(t,r)),filter:r=>(t=>Se(t,r))});var Ae=(r,t)=>Object.fromEntries(Object.entries(r).map(([e,s])=>[e,t(s,e)])),Se=(r,t)=>Object.fromEntries(Object.entries(r).filter(([e,s])=>t(s,e)));function Ee(){let r=new Set;async function t(...a){await Promise.all([...r].map(l=>l(...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:l,resolve:m}=nt(),p=o(async(...$)=>{a&&await a(...$),m($),p()});return l}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 Et(r){let t=Ee();return r&&t.sub(r),t.sub}function re(r){let t=Ee();return r&&t.sub(r),t.pub}function Ce(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 hr(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 Ct(r,t){for(let[e,s]of t)hr(r,e,s)}function ke(r,t){let e=document.createElement(r);return Ct(e,Object.entries(t)),e}function Pe(r,t){let e=new MutationObserver(t);return e.observe(r,{attributes:!0}),()=>e.disconnect()}var g={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 Te=(r,t)=>new Proxy(t,{get:(e,s)=>{switch(t[s]){case String:return g.get.string(r,s);case Number:return g.get.number(r,s);case Boolean:return g.get.boolean(r,s);default:throw new Error(`invalid attribute type for "${s}"`)}},set:(e,s,o)=>{switch(t[s]){case String:return g.set.string(r,s,o);case Number:return g.set.number(r,s,o);case Boolean:return g.set.boolean(r,s,o);default:throw new Error(`invalid attribute type for "${s}"`)}}});var kt=class{element;constructor(t){this.element=t}strings=new Proxy({},{get:(t,e)=>g.get.string(this.element,e),set:(t,e,s)=>g.set.string(this.element,e,s)});numbers=new Proxy({},{get:(t,e)=>g.get.number(this.element,e),set:(t,e,s)=>g.set.number(this.element,e,s)});booleans=new Proxy({},{get:(t,e)=>g.get.boolean(this.element,e),set:(t,e,s)=>g.set.boolean(this.element,e,s)})};function at(r){let t=new kt(r);return{strings:t.strings,numbers:t.numbers,booleans:t.booleans,on:e=>Pe(r,e),spec:e=>Te(r,e)}}at.get=g.get;at.set=g.set;function se(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 Oe(r){return r.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function Re(r,t={}){let{soft:e=!1,upgrade:s=!0}=t;for(let[o,i]of Object.entries(r)){let n=Oe(o),c=customElements.get(n);e&&c||(customElements.define(n,i),s&&document.querySelectorAll(n).forEach(a=>{a.constructor===HTMLElement&&customElements.upgrade(a)}))}}function Me(r,t){let e=r.querySelector(t);if(!e)throw new Error(`element not found (${t})`);return e}var Pt=class r{element;constructor(t){this.element=t}in(t){return new r(typeof t=="string"?Me(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 it(t,this.element)}attrs(){return at(this.element)}events(t){return se(this.element,t)}};function u(r){return typeof r=="string"?Me(document,r):new Pt(r)}var k=new Pt(document);u.in=k.in.bind(k);u.require=k.require.bind(k);u.maybe=k.maybe.bind(k);u.all=k.all.bind(k);u.el=ke;u.events=se;u.attrs=at;u.register=Re;u.render=(r,...t)=>it(t,r);var oe=class{#t=[];#e=new WeakMap;#r=[];#s=new Set;notifyRead(t){this.#t.at(-1)?.add(t)}async notifyWrite(t){if(this.#s.has(t))throw new Error("circularity forbidden");let e=this.#o(t).pub();return this.#r.at(-1)?.add(e),e}observe(t){this.#t.push(new Set);let e=t();return{seen:this.#t.pop(),result:e}}subscribe(t,e){return this.#o(t)(async()=>{let s=new Set;this.#r.push(s),this.#s.add(t),s.add(e()),this.#s.delete(t),await Promise.all(s),this.#r.pop()})}#o(t){let e=this.#e.get(t);return e||(e=Et(),this.#e.set(t,e)),e}},b=globalThis[Symbol.for("e280.tracker")]??=new oe;var I=class{sneak;constructor(t){this.sneak=t}get(){return b.notifyRead(this),this.sneak}get value(){return this.get()}};var W=class extends I{on=Et();dispose(){this.on.clear()}};function Tt(r,t=r){let{seen:e,result:s}=b.observe(r),o=C(0,t),i=[],n=()=>i.forEach(c=>c());for(let c of e){let a=b.subscribe(c,o);i.push(a)}return{result:s,dispose:n}}function F(r,t){return r===t}var Ot=class extends W{#t;constructor(t,e){let s=e?.compare??F,{result:o,dispose:i}=Tt(t,async()=>{let n=t();!s(this.sneak,n)&&(this.sneak=n,await Promise.all([b.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 Rt=class extends I{#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}=Tt(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,b.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 Mt=class extends W{#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([b.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 lr(r,t){return new Rt(r,t).fn()}function He(r,t){return new Ot(r,t).fn()}function y(r,t){return new Mt(r,t).fn()}y.lazy=lr;y.derived=He;var P=class{#t=new V;effect(t,e){let{seen:s,result:o}=b.observe(t);for(let i of s)this.#t.guarantee(i,()=>b.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 Ht(r,t){bt(r,ur(t))}function ur(r){let t=[];if(Array.isArray(r)){let e=new Set(r.flat(1/0).reverse());for(let s of e)t.unshift(D(s))}else r!==void 0&&t.push(D(r));return t}var j={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)=>j.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 j.all(...e)}signal;#t=0;#e=re();#r=re();constructor(t=["loading"]){this.signal=y(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 j.value(this.signal.get())}get error(){return j.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 j.select(this.signal.get(),t)}morph(t){return j.morph(this.pod,t)}};var Nt=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 zt=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 ct=Symbol(),ht=Symbol(),lt=Symbol(),Z=class{element;shadow;renderNow;render;attrs;#t=0;#e=0;#r=new V;#s=nt();#o=new Nt;[ct](t){this.#t++,this.#e=0,this.#s=nt();let e=t();return this.#s.resolve(),e}[ht](){this.#o.unmountAll()}[lt](){this.#o.remountAll()}constructor(t,e,s,o){this.element=t,this.shadow=e,this.renderNow=s,this.render=o,this.attrs=new zt(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(()=>Ht(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(()=>y(s,o))}return e.derived=function(o,i){return t.once(()=>y.derived(o,i))},e.lazy=function(o,i){return t.once(()=>y.lazy(o,i))},e})();derived(t,e){return this.once(()=>y.derived(t,e))}lazy(t,e){return this.once(()=>y.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[ct](()=>{u.render(this.shadow,this.#r.effect(()=>this.render(this.#t),this.update))})};update=C(0,this.updateNow);connectedCallback(){if(this.#e===0){let t=this.constructor.styles;t&&Ht(this.shadow,t),this.updateNow()}else this.#t[lt]();this.#s.start(),this.#e++}disconnectedCallback(){this.#t[ht](),this.#r.clear(),this.#s.stop()}};var Ut=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 pt=class{props;attrs=new Map;children=[];constructor(t){this.props=t}};function Ne(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:Ni}=xe;var ze=r=>r.strings===void 0;var Ue={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},ie=r=>(...t)=>({_$litDirective$:r,values:t}),jt=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 ut=(r,t)=>{let e=r._$AN;if(e===void 0)return!1;for(let s of e)s._$AO?.(t,!1),ut(s,t);return!0},Dt=r=>{let t,e;do{if((t=r._$AM)===void 0)break;e=t._$AN,e.delete(r),r=t}while(e?.size===0)},je=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),fr(t)}};function dr(r){this._$AN!==void 0?(Dt(this),this._$AM=r,je(this)):this._$AM=r}function mr(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++)ut(s[i],!1),Dt(s[i]);else s!=null&&(ut(s,!1),Dt(s));else ut(this,r)}var fr=r=>{r.type==Ue.CHILD&&(r._$AP??=mr,r._$AQ??=dr)},Lt=class extends jt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,s){super._$AT(t,e,s),je(this),this.isConnected=t._$AU}_$AO(t,e=!0){t!==this.isConnected&&(this.isConnected=t,t?this.reconnected?.():this.disconnected?.()),e&&(ut(this,t),Dt(this))}setValue(t){if(ze(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 Bt=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 qt=class{viewFn;settings;#t=Bt.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[ct](()=>{let t=this.#e.effect(()=>this.viewFn(this.#r)(...this.#o.props),()=>this.#a());Ct(this.#t,[...this.#o.attrs]),u.render(this.#s,t),u.render(this.#t,this.#o.children),this.#i.start()})};#a=C(0,this.#n);disconnected(){this.#r[ht](),this.#e.clear(),this.#i.stop()}reconnected(){this.#r[lt](),this.#i.start()}};function De(r,t){return ie(class extends Lt{#t=new qt(r,t);render(s){return this.#t.update(s)}disconnected(){this.#t.disconnected()}reconnected(){this.#t.reconnected()}})}function J(r,t){let e=De(r,t);function s(...o){return e(new pt(o))}return s.props=(...o)=>new Ut(new pt(o),e),s.transmute=o=>J(n=>{let c=r(n);return(...a)=>c(...o(...a))},t),s.component=(o=T)=>({props:i=>Ne(t,o,i,r)}),s}function v(r){return J(r,{mode:"open"})}v.settings=r=>({render:t=>J(t,r)});v.render=v;v.component=r=>v(t=>()=>r(t)).component(T).props(()=>[]);function h(r,t){return()=>gr({hz:r,frames:t})}var gr=v(r=>({hz:t,frames:e})=>{r.name("loading"),r.styles(q,br);let s=r.signal(0);return r.mount(()=>Ce(async()=>{await _e(1e3/t);let o=s.get()+1;s.set(o>=e.length?0:o)})),e.at(s.get())}),br=w`
|
|
20
20
|
:host {
|
|
21
21
|
font-family: monospace;
|
|
22
22
|
white-space: pre;
|
|
23
23
|
user-select: none;
|
|
24
24
|
}
|
|
25
|
-
`;var d=20,
|
|
25
|
+
`;var d=20,K=10,Q=4,vn=h(d,["|","/","-","\\"]),$n=h(d,["\u2808","\u2810","\u2820","\u2880","\u2840","\u2804","\u2802","\u2801"]),xn=h(d,["\u2B06\uFE0F","\u2197\uFE0F","\u27A1\uFE0F","\u2198\uFE0F","\u2B07\uFE0F","\u2199\uFE0F","\u2B05\uFE0F","\u2196\uFE0F"]),_n=h(d,["\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"]),An=h(d,["\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"]),Sn=h(d,["\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"]),En=h(d,["\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"]),Cn=h(d,["\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"]),kn=h(d,["\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"]),Pn=h(Q,["\u{1F6B6}","\u{1F3C3}"]),Tn=h(K,["\u25F7","\u25F6","\u25F5","\u25F4"]),On=h(d,["=----","-=---","--=--","---=-","----=","----=","---=-","--=--","-=---","=----"]),Rn=h(d,["o----","-o---","--o--","---o-","----o","----o","---o-","--o--","-o---","o----"]),Mn=h(K,["[ ]","[ ]","[= ]","[== ]","[===]","[ ==]","[ =]"]),Hn=h(K,["[ ]","[ ]","[= ]","[== ]","[===]","[ ==]","[ =]","[ ]","[ ]","[ =]","[ ==]","[===]","[== ]","[= ]"]),Nn=h(K,[" "," ",". ",".. ","..."," .."," ."]),zn=h(d,[". ",". ",".. ","..."," .."," ."," ."," ..","...",".. "]),Un=h(d,[".....",".....",":....","::...",":::..","::::.",":::::",":::::",".::::","..:::","...::","....:"]),jn=h(d,[":....",":....","::...",".::..","..::.","...::","....:","....:","...::","..::.",".::..","::..."]),Dn=h(d,[".....",".....","..:..",".:::.",".:::.",":::::",":::::","::.::",":...:"]),Ln=h(d,[".....",".....","..:..",".:::.",".:::.",":::::",":::::","::.::",":...:",".....",".....",":...:","::.::",":::::",":::::",".:::.",".:::.","..:.."]),Bn=h(d,["000","100","110","111","011","001"]),qn=h(d,["11111","01111","00111","10011","11001","01100","00110","10011","11001","11100","11110"]),Vn=h(d,["11111","01111","10111","11011","11101","11110","11111","11110","11101","11011","10111","01111"]),In=h(Q,["\u{1F539}","\u{1F535}"]),Wn=h(K,["\u{1F642}","\u{1F642}","\u{1F617}","\u{1F619}","\u{1F618}","\u{1F618}","\u{1F619}"]),Fn=h(d,["\u{1F550}","\u{1F551}","\u{1F552}","\u{1F553}","\u{1F554}","\u{1F555}","\u{1F556}","\u{1F557}","\u{1F558}","\u{1F559}","\u{1F55A}","\u{1F55B}"]),Xn=h(d,["\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}"]),yr=h(Q,["\u{1F30E}","\u{1F30F}","\u{1F30D}"]),Yn=h(Q,["\u{1F513}","\u{1F512}"]),Zn=h(Q,["\u{1F505}","\u{1F506}"]),Jn=h(Q,["\u{1F508}","\u{1F508}","\u{1F509}","\u{1F50A}","\u{1F50A}","\u{1F509}"]),Kn=h(K,["\u{1F311}","\u{1F311}","\u{1F311}","\u{1F318}","\u{1F317}","\u{1F316}","\u{1F315}","\u{1F314}","\u{1F313}","\u{1F312}"]);var vr=v(r=>t=>(r.name("error"),r.styles(q,$r),typeof t=="string"?t:t instanceof Error?x`<strong>${t.name}:</strong> <span>${t.message}</span>`:"error")),$r=w`
|
|
26
26
|
:host {
|
|
27
27
|
font-family: monospace;
|
|
28
28
|
color: red;
|
|
29
29
|
}
|
|
30
|
-
`;function
|
|
30
|
+
`;function Sr(r,t){return t.transmute((...e)=>[r,...e])}function Be(r){return St(r).map(t=>t.view)}function qe(r,t){return St(t).map(e=>class extends e{context=r;static view=Sr(r,super.view)})}var Ve=w`
|
|
31
31
|
|
|
32
32
|
button {
|
|
33
33
|
background: transparent;
|
|
@@ -36,7 +36,7 @@ button {
|
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
button {
|
|
39
|
-
opacity:
|
|
39
|
+
opacity: var(--inactive-opacity);
|
|
40
40
|
cursor: pointer;
|
|
41
41
|
cursor: copy;
|
|
42
42
|
|
|
@@ -69,35 +69,167 @@ svg {
|
|
|
69
69
|
height: 1em;
|
|
70
70
|
}
|
|
71
71
|
|
|
72
|
-
`;var
|
|
72
|
+
`;var Vt=w`
|
|
73
73
|
|
|
74
|
-
${
|
|
74
|
+
${q}
|
|
75
75
|
|
|
76
76
|
:host {
|
|
77
77
|
display: block;
|
|
78
|
+
|
|
78
79
|
--bg: var(--shiny-bg, #111);
|
|
79
80
|
--alpha: var(--shiny-alpha, #afa);
|
|
80
81
|
--good: var(--shiny-good, #0f4);
|
|
81
82
|
--bad: var(--shiny-bad, #f40);
|
|
82
83
|
--invalid: var(--shiny-invalid, #8888);
|
|
84
|
+
|
|
85
|
+
--inactive-opacity: var(--shiny-inactive-opacity, 0.5);
|
|
83
86
|
}
|
|
84
87
|
|
|
85
|
-
`;var
|
|
86
|
-
<button data-status="${n.get()}" @click="${
|
|
88
|
+
`;var O=class extends T{context={theme:Vt}};var ne=_`<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 Ie=_`<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 We=_`<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 It=class extends v(t=>(e,s,o=1e3)=>{t.name("shiny-copy"),t.styles(e.theme,Ve);let i=()=>s===void 0?"invalid":"neutral",n=t.signal(i()),c=t.once(()=>C(o,()=>n.set(i()))),a=t.once(()=>async p=>{await n.set(p),await c()});async function l(){if(s!==void 0)try{await navigator.clipboard.writeText(s),await a("good")}catch(p){console.error(p),await a("bad")}}let m=(()=>{switch(n.get()){case"neutral":return ne;case"invalid":return ne;case"good":return We;case"bad":return Ie;default:throw new Error("invalid copy status")}})();return x`
|
|
89
|
+
<button data-status="${n.get()}" @click="${l}">
|
|
87
90
|
${m}
|
|
88
91
|
</button>
|
|
89
|
-
`}).component(class extends
|
|
92
|
+
`}).component(class extends O{attrs=u.attrs(this).spec({text:String,ms:Number})}).props(t=>[t.context,t.attrs.text,t.attrs.ms]){};var dt=class{$open=y(!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 Fe=w`
|
|
93
|
+
|
|
94
|
+
:host {
|
|
95
|
+
display: block;
|
|
96
|
+
width: 100%;
|
|
97
|
+
height: 100%;
|
|
98
|
+
--button-size: 2em;
|
|
99
|
+
--drawer-height: auto;
|
|
100
|
+
--anim-duration: 200ms;
|
|
101
|
+
--blanket-bg: #1118;
|
|
102
|
+
--blanket-backdrop-filter: blur(0.5em);
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.shell {
|
|
106
|
+
position: relative;
|
|
107
|
+
width: 100%;
|
|
108
|
+
height: 100%;
|
|
109
|
+
|
|
110
|
+
[part="blanket"] {
|
|
111
|
+
opacity: 0;
|
|
112
|
+
|
|
113
|
+
content: "";
|
|
114
|
+
display: block;
|
|
115
|
+
position: absolute;
|
|
116
|
+
inset: 0;
|
|
117
|
+
|
|
118
|
+
background: var(--blanket-bg);
|
|
119
|
+
backdrop-filter: var(--blanket-backdrop-filter);
|
|
120
|
+
|
|
121
|
+
will-change: opacity;
|
|
122
|
+
transition: all var(--anim-duration) ease;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.clipper {
|
|
126
|
+
pointer-events: none;
|
|
127
|
+
position: absolute;
|
|
128
|
+
inset: 0;
|
|
129
|
+
width: 100%;
|
|
130
|
+
height: 100%;
|
|
131
|
+
overflow: hidden;
|
|
132
|
+
> * { pointer-events: all; }
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
[part="tray"] {
|
|
136
|
+
position: absolute;
|
|
137
|
+
top: 0;
|
|
138
|
+
width: calc(100% - var(--button-size));
|
|
139
|
+
height: 100%;
|
|
140
|
+
|
|
141
|
+
opacity: 1;
|
|
142
|
+
transform: translateX(-100%);
|
|
143
|
+
will-change: opacity, transform;
|
|
144
|
+
transition: all var(--anim-duration) ease;
|
|
145
|
+
|
|
146
|
+
> slot {
|
|
147
|
+
display: block;
|
|
148
|
+
height: var(--drawer-height);
|
|
149
|
+
max-height: 100%;
|
|
150
|
+
overflow-y: auto;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
> button {
|
|
154
|
+
position: absolute;
|
|
155
|
+
top: 0;
|
|
156
|
+
left: 100%;
|
|
157
|
+
|
|
158
|
+
opacity: var(--inactive-opacity);
|
|
159
|
+
background: transparent;
|
|
160
|
+
border: none;
|
|
161
|
+
cursor: pointer;
|
|
162
|
+
|
|
163
|
+
&:is(:hover, :focus-visible) {
|
|
164
|
+
opacity: 1;
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
> slot {
|
|
168
|
+
display: contents;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
svg {
|
|
172
|
+
width: var(--button-size);
|
|
173
|
+
height: var(--button-size);
|
|
174
|
+
}
|
|
175
|
+
}
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
slot[name="plate"] {
|
|
179
|
+
display: block;
|
|
180
|
+
width: 100%;
|
|
181
|
+
height: 100%;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
&[data-open] {
|
|
185
|
+
[part="blanket"] {
|
|
186
|
+
opacity: 1;
|
|
187
|
+
}
|
|
188
|
+
[part="tray"] {
|
|
189
|
+
opacity: 1;
|
|
190
|
+
transform: translateX(0%);
|
|
191
|
+
}
|
|
192
|
+
}
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
`;var Xe=_`<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 Ye=_`<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 Wt=class extends v(t=>(e,s={})=>{t.name("shiny-drawer"),t.styles(e.theme,Fe);let o=s.button??!0,i=t.once(()=>s.drawer??new dt);return t.mount(()=>u.events(window,{keydown:n=>{n.code==="Escape"&&i.close()}})),u.attrs(t.element).booleans.open=i.isOpen,x`
|
|
196
|
+
<div class=shell ?data-open="${i.isOpen}">
|
|
197
|
+
<slot name=plate ?inert="${i.isOpen}"></slot>
|
|
198
|
+
|
|
199
|
+
<div class=clipper>
|
|
200
|
+
<div part=blanket @click="${i.close}" ?inert="${!i.isOpen}"></div>
|
|
201
|
+
|
|
202
|
+
<div part=tray>
|
|
203
|
+
<slot ?inert="${!i.isOpen}"></slot>
|
|
204
|
+
|
|
205
|
+
${o?x`
|
|
206
|
+
<button @click="${i.toggle}">
|
|
207
|
+
${i.isOpen?x`
|
|
208
|
+
<slot name=button-x>
|
|
209
|
+
${Xe}
|
|
210
|
+
</slot>
|
|
211
|
+
`:x`
|
|
212
|
+
<slot name=button>
|
|
213
|
+
${Ye}
|
|
214
|
+
</slot>
|
|
215
|
+
`}
|
|
216
|
+
</button>
|
|
217
|
+
`:null}
|
|
218
|
+
</div>
|
|
219
|
+
</div>
|
|
220
|
+
</div>
|
|
221
|
+
`}).component(class extends O{attrs=u.attrs(this).spec({open:Boolean,button:Boolean});drawer=new dt(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 Ze=w`
|
|
90
222
|
|
|
91
223
|
button {
|
|
92
224
|
padding: 1em;
|
|
93
225
|
min-width: 4em;
|
|
94
226
|
}
|
|
95
227
|
|
|
96
|
-
`;var
|
|
228
|
+
`;var Ft=class extends v(t=>(e,s)=>{t.name("shiny-example"),t.styles(e.theme,Ze);let o=t.signal(s);return x`
|
|
97
229
|
<button @click="${()=>{o.value++}}">
|
|
98
230
|
${o()}
|
|
99
231
|
</button>
|
|
100
|
-
`}).component(class extends
|
|
232
|
+
`}).component(class extends O{attrs=u.attrs(this).spec({start:Number})}).props(t=>[t.context,t.attrs.start??1]){};var Je={ShinyCopy:It,ShinyDrawer:Wt,ShinyExample:Ft};function Ke(r){let t=qe(r,Je),e=Be(t);return{components:t,views:e}}u.register(Ke({theme:Vt}).components);
|
|
101
233
|
/*! Bundled license information:
|
|
102
234
|
|
|
103
235
|
@lit/reactive-element/css-tag.js:
|