@e280/shiny 0.1.0-1 → 0.1.0-10
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 +110 -3
- package/package.json +3 -3
- package/s/{ui → components}/copy/component.ts +11 -6
- package/s/{ui → components}/copy/style.css.ts +6 -6
- package/s/components/drawer/component.ts +92 -0
- package/s/components/drawer/control.ts +31 -0
- package/s/components/drawer/style.css.ts +120 -0
- package/s/{ui → components}/example/component.ts +7 -5
- package/s/{ui → components}/example/style.css.ts +2 -2
- package/s/components/foundation.css.ts +15 -0
- package/s/components/framework.ts +10 -0
- package/s/components/raw-components.ts +13 -0
- package/s/components/tabs/component.ts +59 -0
- package/s/components/tabs/control.ts +31 -0
- package/s/components/tabs/style.css.ts +6 -0
- package/s/demo/aura-views.ts +6 -0
- package/s/demo/demo.bundle.ts +204 -14
- package/s/demo/demo.css +3 -1
- package/s/demo/utils/lipsum.ts +19 -0
- package/s/demo/views/demonstration/style.css.ts +10 -2
- package/s/demo/views/demonstration/view.ts +18 -14
- package/s/icons/tabler/menu-2.svg.ts +4 -0
- package/s/icons/tabler/x.svg.ts +4 -0
- package/s/index.html.ts +2 -2
- package/s/index.ts +16 -4
- package/s/install/aura.bundle.ts +9 -0
- package/s/install/plain.bundle.ts +9 -0
- package/s/shiny.ts +15 -0
- package/s/themes/aura.css.ts +48 -0
- package/s/themes/index.barrel.ts +2 -1
- package/s/themes/index.ts +1 -0
- package/s/themes/infra/css-vars.ts +33 -0
- package/s/themes/plain.css.ts +12 -0
- package/s/utils/states.ts +15 -0
- package/x/{ui → components}/copy/component.d.ts +8 -4
- package/x/{ui → components}/copy/component.js +10 -5
- package/x/components/copy/component.js.map +1 -0
- package/x/{ui → components}/copy/style.css.js +6 -6
- package/x/components/copy/style.css.js.map +1 -0
- package/x/components/drawer/component.d.ts +387 -0
- package/x/components/drawer/component.js +76 -0
- package/x/components/drawer/component.js.map +1 -0
- package/x/components/drawer/control.d.ts +9 -0
- package/x/components/drawer/control.js +24 -0
- package/x/components/drawer/control.js.map +1 -0
- package/x/components/drawer/style.css.js +119 -0
- package/x/components/drawer/style.css.js.map +1 -0
- package/x/{ui → components}/example/component.d.ts +3 -3
- package/x/{ui → components}/example/component.js +6 -4
- 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 +10 -0
- package/x/components/example/style.css.js.map +1 -0
- package/x/components/foundation.css.d.ts +1 -0
- package/x/components/foundation.css.js +14 -0
- package/x/components/foundation.css.js.map +1 -0
- package/x/components/framework.d.ts +8 -0
- package/x/components/framework.js +5 -0
- package/x/components/framework.js.map +1 -0
- package/x/components/raw-components.d.ts +10 -0
- package/x/components/raw-components.js +11 -0
- package/x/components/raw-components.js.map +1 -0
- package/x/components/tabs/component.d.ts +374 -0
- package/x/components/tabs/component.js +49 -0
- package/x/components/tabs/component.js.map +1 -0
- package/x/components/tabs/control.d.ts +9 -0
- package/x/components/tabs/control.js +24 -0
- package/x/components/tabs/control.js.map +1 -0
- package/x/components/tabs/style.css.d.ts +2 -0
- package/x/components/tabs/style.css.js +5 -0
- package/x/components/tabs/style.css.js.map +1 -0
- package/x/demo/aura-views.d.ts +14 -0
- package/x/demo/aura-views.js +4 -0
- package/x/demo/aura-views.js.map +1 -0
- package/x/demo/demo.bundle.js +198 -14
- package/x/demo/demo.bundle.js.map +1 -1
- package/x/demo/demo.bundle.min.js +383 -48
- package/x/demo/demo.bundle.min.js.map +4 -4
- package/x/demo/demo.css +3 -1
- 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 +10 -2
- package/x/demo/views/demonstration/style.css.js.map +1 -1
- package/x/demo/views/demonstration/view.d.ts +6 -4
- package/x/demo/views/demonstration/view.js +16 -10
- 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 +10 -4
- package/x/index.html +7 -5
- package/x/index.html.js +2 -2
- package/x/index.js +10 -4
- package/x/index.js.map +1 -1
- package/x/install/aura.bundle.d.ts +1 -0
- package/x/install/aura.bundle.js +5 -0
- package/x/install/aura.bundle.js.map +1 -0
- package/x/install/aura.bundle.min.js +321 -0
- package/x/install/aura.bundle.min.js.map +7 -0
- package/x/install/plain.bundle.d.ts +1 -0
- package/x/install/plain.bundle.js +5 -0
- package/x/install/plain.bundle.js.map +1 -0
- package/x/install/plain.bundle.min.js +287 -0
- package/x/install/plain.bundle.min.js.map +7 -0
- package/x/shiny.d.ts +42 -0
- package/x/shiny.js +8 -0
- package/x/shiny.js.map +1 -0
- package/x/themes/aura.css.d.ts +1 -0
- package/x/themes/aura.css.js +47 -0
- package/x/themes/aura.css.js.map +1 -0
- package/x/themes/index.barrel.d.ts +2 -1
- package/x/themes/index.barrel.js +2 -1
- package/x/themes/index.barrel.js.map +1 -1
- package/x/themes/index.d.ts +1 -0
- package/x/themes/infra/css-vars.d.ts +11 -0
- package/x/themes/infra/css-vars.js +18 -0
- package/x/themes/infra/css-vars.js.map +1 -0
- package/x/themes/plain.css.d.ts +1 -0
- package/x/themes/plain.css.js +11 -0
- package/x/themes/plain.css.js.map +1 -0
- package/x/utils/states.d.ts +5 -0
- package/x/utils/states.js +13 -0
- package/x/utils/states.js.map +1 -0
- package/s/themes/basic.css.ts +0 -18
- package/s/tools/untab.ts +0 -30
- package/s/ui/components.ts +0 -9
- package/s/ui/framework.ts +0 -8
- package/s/ui/themers.ts +0 -28
- package/x/themes/basic.css.d.ts +0 -1
- package/x/themes/basic.css.js +0 -17
- package/x/themes/basic.css.js.map +0 -1
- package/x/tools/untab.d.ts +0 -1
- package/x/tools/untab.js +0 -26
- package/x/tools/untab.js.map +0 -1
- package/x/ui/components.d.ts +0 -6
- package/x/ui/components.js +0 -7
- package/x/ui/components.js.map +0 -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 +0 -10
- package/x/ui/example/style.css.js.map +0 -1
- package/x/ui/framework.d.ts +0 -4
- package/x/ui/framework.js +0 -6
- package/x/ui/framework.js.map +0 -1
- package/x/ui/themers.d.ts +0 -8
- package/x/ui/themers.js +0 -12
- package/x/ui/themers.js.map +0 -1
- /package/x/{ui → components}/copy/style.css.d.ts +0 -0
- /package/x/{ui/example → components/drawer}/style.css.d.ts +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -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,287 @@
|
|
|
1
|
+
var bt=globalThis,yt=bt.ShadowRoot&&(bt.ShadyCSS===void 0||bt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Kt=Symbol(),pe=new WeakMap,tt=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==Kt)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=pe.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&pe.set(e,t))}return t}toString(){return this.cssText}},xt=r=>new tt(typeof r=="string"?r:r+"",void 0,Kt),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 tt(e,r,Kt)},wt=(r,t)=>{if(yt)r.adoptedStyleSheets=t.map((e=>e instanceof CSSStyleSheet?e:e.styleSheet));else for(let e of t){let s=document.createElement("style"),o=bt.litNonce;o!==void 0&&s.setAttribute("nonce",o),s.textContent=e.cssText,r.appendChild(s)}},L=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:nr,defineProperty:ir,getOwnPropertyDescriptor:ar,getOwnPropertyNames:cr,getOwnPropertySymbols:hr,getPrototypeOf:lr}=Object,vt=globalThis,ue=vt.trustedTypes,pr=ue?ue.emptyScript:"",ur=vt.reactiveElementPolyfillSupport,et=(r,t)=>r,Qt={toAttribute(r,t){switch(t){case Boolean:r=r?pr: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}},me=(r,t)=>!nr(r,t),de={attribute:!0,type:String,converter:Qt,reflect:!1,useDefault:!1,hasChanged:me};Symbol.metadata??=Symbol("metadata"),vt.litPropertyMetadata??=new WeakMap;var S=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=de){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&&ir(this.prototype,t,o)}}static getPropertyDescriptor(t,e,s){let{get:o,set:n}=ar(this.prototype,t)??{get(){return this[e]},set(i){this[e]=i}};return{get:o,set(i){let c=o?.call(this);n?.call(this,i),this.requestUpdate(t,c,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??de}static _$Ei(){if(this.hasOwnProperty(et("elementProperties")))return;let t=lr(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(et("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(et("properties"))){let e=this.properties,s=[...cr(e),...hr(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(L(o))}else t!==void 0&&e.push(L(t));return e}static _$Eu(t,e){let s=e.attribute;return s===!1?void 0:typeof s=="string"?s:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),this.renderRoot!==void 0&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){let t=new Map,e=this.constructor.elementProperties;for(let s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){let t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return wt(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$ET(t,e){let s=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,s);if(o!==void 0&&s.reflect===!0){let n=(s.converter?.toAttribute!==void 0?s.converter:Qt).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:Qt;this._$Em=o;let c=i.fromAttribute(e,n.type);this[o]=c??this._$Ej?.get(o)??c,this._$Em=null}}requestUpdate(t,e,s){if(t!==void 0){let o=this.constructor,n=this[t];if(s??=o.getPropertyOptions(t),!((s.hasChanged??me)(n,e)||s.useDefault&&s.reflect&&n===this._$Ej?.get(t)&&!this.hasAttribute(o._$Eu(t,s))))return;this.C(t,e,s)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:o,wrapped:n},i){s&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,i??e??this[t]),n!==!0||i!==void 0)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),o===!0&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[o,n]of this._$Ep)this[o]=n;this._$Ep=void 0}let s=this.constructor.elementProperties;if(s.size>0)for(let[o,n]of s){let{wrapped:i}=n,c=this[o];i!==!0||this._$AL.has(o)||c===void 0||this.C(o,void 0,n,c)}}let t=!1,e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((s=>s.hostUpdate?.())),this.update(e)):this._$EM()}catch(s){throw t=!1,this._$EM(),s}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((e=>e.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach((e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};S.elementStyles=[],S.shadowRootOptions={mode:"open"},S[et("elementProperties")]=new Map,S[et("finalized")]=new Map,ur?.({ReactiveElement:S}),(vt.reactiveElementVersions??=[]).push("2.1.1");var te=globalThis,$t=te.trustedTypes,fe=$t?$t.createPolicy("lit-html",{createHTML:r=>r}):void 0,ee="$lit$",E=`lit$${Math.random().toFixed(9).slice(2)}$`,re="?"+E,dr=`<${re}>`,N=document,st=()=>N.createComment(""),ot=r=>r===null||typeof r!="object"&&typeof r!="function",se=Array.isArray,ve=r=>se(r)||typeof r?.[Symbol.iterator]=="function",Gt=`[
|
|
2
|
+
\f\r]`,rt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ge=/-->/g,be=/>/g,M=RegExp(`>|${Gt}(?:([^\\s"'>=/]+)(${Gt}*=${Gt}*(?:[^
|
|
3
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),ye=/'/g,xe=/"/g,$e=/^(?:script|style|textarea|title)$/i,oe=r=>(t,...e)=>({_$litType$:r,strings:t,values:e}),$=oe(1),_=oe(2),jr=oe(3),z=Symbol.for("lit-noChange"),b=Symbol.for("lit-nothing"),we=new WeakMap,H=N.createTreeWalker(N,129);function _e(r,t){if(!se(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return fe!==void 0?fe.createHTML(t):t}var Ae=(r,t)=>{let e=r.length-1,s=[],o,n=t===2?"<svg>":t===3?"<math>":"",i=rt;for(let c=0;c<e;c++){let a=r[c],u,d,h=-1,g=0;for(;g<a.length&&(i.lastIndex=g,d=i.exec(a),d!==null);)g=i.lastIndex,i===rt?d[1]==="!--"?i=ge:d[1]!==void 0?i=be:d[2]!==void 0?($e.test(d[2])&&(o=RegExp("</"+d[2],"g")),i=M):d[3]!==void 0&&(i=M):i===M?d[0]===">"?(i=o??rt,h=-1):d[1]===void 0?h=-2:(h=i.lastIndex-d[2].length,u=d[1],i=d[3]===void 0?M:d[3]==='"'?xe:ye):i===xe||i===ye?i=M:i===ge||i===be?i=rt:(i=M,o=void 0);let C=i===M&&r[c+1].startsWith("/>")?" ":"";n+=i===rt?a+dr:h>=0?(s.push(u),a.slice(0,h)+ee+a.slice(h)+E+C):a+E+(h===-2?c:C)}return[_e(r,n+(r[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]},nt=class r{constructor({strings:t,_$litType$:e},s){let o;this.parts=[];let n=0,i=0,c=t.length-1,a=this.parts,[u,d]=Ae(t,e);if(this.el=r.createElement(u,s),H.currentNode=this.el.content,e===2||e===3){let h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(o=H.nextNode())!==null&&a.length<c;){if(o.nodeType===1){if(o.hasAttributes())for(let h of o.getAttributeNames())if(h.endsWith(ee)){let g=d[i++],C=o.getAttribute(h).split(E),gt=/([.?@])?(.*)/.exec(g);a.push({type:1,index:n,name:gt[2],strings:C,ctor:gt[1]==="."?At:gt[1]==="?"?St:gt[1]==="@"?Et:j}),o.removeAttribute(h)}else h.startsWith(E)&&(a.push({type:6,index:n}),o.removeAttribute(h));if($e.test(o.tagName)){let h=o.textContent.split(E),g=h.length-1;if(g>0){o.textContent=$t?$t.emptyScript:"";for(let C=0;C<g;C++)o.append(h[C],st()),H.nextNode(),a.push({type:2,index:++n});o.append(h[g],st())}}}else if(o.nodeType===8)if(o.data===re)a.push({type:2,index:n});else{let h=-1;for(;(h=o.data.indexOf(E,h+1))!==-1;)a.push({type:7,index:n}),h+=E.length-1}n++}}static createElement(t,e){let s=N.createElement("template");return s.innerHTML=t,s}};function U(r,t,e=r,s){if(t===z)return t;let o=s!==void 0?e._$Co?.[s]:e._$Cl,n=ot(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=U(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??N).importNode(e,!0);H.currentNode=o;let n=H.nextNode(),i=0,c=0,a=s[0];for(;a!==void 0;){if(i===a.index){let u;a.type===2?u=new B(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[++c]}i!==a?.index&&(n=H.nextNode(),i++)}return H.currentNode=N,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++}},B=class r{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,o){this.type=2,this._$AH=b,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode,e=this._$AM;return e!==void 0&&t?.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=U(this,t,e),ot(t)?t===b||t==null||t===""?(this._$AH!==b&&this._$AR(),this._$AH=b):t!==this._$AH&&t!==z&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):ve(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==b&&ot(this._$AH)?this._$AA.nextSibling.data=t:this.T(N.createTextNode(t)),this._$AH=t}$(t){let{values:e,_$litType$:s}=t,o=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=nt.createElement(_e(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 nt(t)),e}k(t){se(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(st()),this.O(st()),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))}},j=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,o,n){this.type=1,this._$AH=b,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=b}_$AI(t,e=this,s,o){let n=this.strings,i=!1;if(n===void 0)t=U(this,t,e,0),i=!ot(t)||t!==this._$AH&&t!==z,i&&(this._$AH=t);else{let c=t,a,u;for(t=n[0],a=0;a<n.length-1;a++)u=U(this,c[s+a],e,a),u===z&&(u=this._$AH[a]),i||=!ot(u)||u!==this._$AH[a],u===b?t=b:t!==b&&(t+=(u??"")+n[a+1]),this._$AH[a]=u}i&&!o&&this.j(t)}j(t){t===b?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},At=class extends j{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===b?void 0:t}},St=class extends j{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==b)}},Et=class extends j{constructor(t,e,s,o,n){super(t,e,s,o,n),this.type=5}_$AI(t,e=this){if((t=U(this,t,e,0)??b)===z)return;let s=this._$AH,o=t===b&&s!==b||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,n=t!==b&&(s===b||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){U(this,t)}},Se={M:ee,P:E,A:re,C:1,L:Ae,R:_t,D:ve,V:U,I:B,H:j,N:St,U:Et,B:At,F:Ct},mr=te.litHtmlPolyfillSupport;mr?.(nt,B),(te.litHtmlVersions??=[]).push("3.3.1");var it=(r,t,e)=>{let s=e?.renderBefore??t,o=s._$litPart$;if(o===void 0){let n=e?.renderBefore??null;s._$litPart$=o=new B(t.insertBefore(st(),n),n,void 0,e??{})}return o._$AI(r),o};var ne=globalThis,I=class extends S{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 z}};I._$litElement$=!0,I.finalized=!0,ne.litElementHydrateSupport?.({LitElement:I});var fr=ne.litElementPolyfillSupport;fr?.({LitElement:I});(ne.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 k(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 c=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),c})}function gr(r){let t,e=!1,s=()=>{e=!0,clearTimeout(t)},o=async()=>{e||(await r(s),!e&&(t=setTimeout(o,0)))};return o(),s}var Ee=gr;function at(){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 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 Ce=(r=0)=>new Promise(t=>setTimeout(t,r));function kt(r){return{map:t=>ke(r,t),filter:t=>Pe(r,t)}}kt.pipe=Object.freeze({map:r=>(t=>ke(t,r)),filter:r=>(t=>Pe(t,r))});var ke=(r,t)=>Object.fromEntries(Object.entries(r).map(([e,s])=>[e,t(s,e)])),Pe=(r,t)=>Object.fromEntries(Object.entries(r).filter(([e,s])=>t(s,e)));function Te(){let r=new Set;async function t(...a){await Promise.all([...r].map(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:d}=at(),h=o(async(...g)=>{a&&await a(...g),d(g),h()});return u}function i(){r.clear()}let c={pub:s,sub:o,publish:t,subscribe:e,on:e,next:n,clear:i};return Object.assign(o,c),Object.assign(s,c),c}function Pt(r){let t=Te();return r&&t.sub(r),t.sub}function ie(r){let t=Te();return r&&t.sub(r),t.pub}function br(r,t,e){e==null?r.removeAttribute(t):typeof e=="string"?r.setAttribute(t,e):typeof e=="number"?r.setAttribute(t,e.toString()):typeof e=="boolean"?e===!0?r.setAttribute(t,""):r.removeAttribute(t):console.warn(`invalid attribute "${t}" type is "${typeof e}"`)}function Tt(r,t){for(let[e,s]of t)br(r,e,s)}function Oe(r,t){let e=document.createElement(r);return Tt(e,Object.entries(t)),e}function Re(r,t){let e=new MutationObserver(t);return e.observe(r,{attributes:!0}),()=>e.disconnect()}var x={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 Me=(r,t)=>new Proxy(t,{get:(e,s)=>{switch(t[s]){case String:return x.get.string(r,s);case Number:return x.get.number(r,s);case Boolean:return x.get.boolean(r,s);default:throw new Error(`invalid attribute type for "${s}"`)}},set:(e,s,o)=>{switch(t[s]){case String:return x.set.string(r,s,o);case Number:return x.set.number(r,s,o);case Boolean:return x.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)=>x.get.string(this.element,e),set:(t,e,s)=>x.set.string(this.element,e,s)});numbers=new Proxy({},{get:(t,e)=>x.get.number(this.element,e),set:(t,e,s)=>x.set.number(this.element,e,s)});booleans=new Proxy({},{get:(t,e)=>x.get.boolean(this.element,e),set:(t,e,s)=>x.set.boolean(this.element,e,s)})};function ct(r){let t=new Ot(r);return{strings:t.strings,numbers:t.numbers,booleans:t.booleans,on:e=>Re(r,e),spec:e=>Me(r,e)}}ct.get=x.get;ct.set=x.set;function ae(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 He(r){return r.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function Ne(r,t={}){let{soft:e=!1,upgrade:s=!0}=t;for(let[o,n]of Object.entries(r)){let i=He(o),c=customElements.get(i);e&&c||(customElements.define(i,n),s&&document.querySelectorAll(i).forEach(a=>{a.constructor===HTMLElement&&customElements.upgrade(a)}))}}function ze(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"?ze(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 ct(this.element)}events(t){return ae(this.element,t)}};function l(r){return typeof r=="string"?ze(document,r):new Rt(r)}var P=new Rt(document);l.in=P.in.bind(P);l.require=P.require.bind(P);l.maybe=P.maybe.bind(P);l.all=P.all.bind(P);l.el=Oe;l.events=ae;l.attrs=ct;l.register=Ne;l.render=(r,...t)=>it(t,r);var ce=class{#t=[];#e=new WeakMap;#r=[];#s=new Set;notifyRead(t){this.#t.at(-1)?.add(t)}async notifyWrite(t){if(this.#s.has(t))throw new Error("circularity forbidden");let e=this.#o(t).pub();return this.#r.at(-1)?.add(e),e}observe(t){this.#t.push(new Set);let e=t();return{seen:this.#t.pop(),result:e}}subscribe(t,e){return this.#o(t)(async()=>{let s=new Set;this.#r.push(s),this.#s.add(t),s.add(e()),this.#s.delete(t),await Promise.all(s),this.#r.pop()})}#o(t){let e=this.#e.get(t);return e||(e=Pt(),this.#e.set(t,e)),e}},v=globalThis[Symbol.for("e280.tracker")]??=new ce;var W=class{sneak;constructor(t){this.sneak=t}get(){return v.notifyRead(this),this.sneak}get value(){return this.get()}};var F=class extends W{on=Pt();dispose(){this.on.clear()}};function Mt(r,t=r){let{seen:e,result:s}=v.observe(r),o=k(0,t),n=[],i=()=>n.forEach(c=>c());for(let c of e){let a=v.subscribe(c,o);n.push(a)}return{result:s,dispose:i}}function X(r,t){return r===t}var Ht=class extends F{#t;constructor(t,e){let s=e?.compare??X,{result:o,dispose:n}=Mt(t,async()=>{let i=t();!s(this.sneak,i)&&(this.sneak=i,await Promise.all([v.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 Nt=class extends W{#t;#e;#r=!1;#s;constructor(t,e){super(void 0),this.#t=t,this.#e=e?.compare??X}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,v.notifyWrite(this))}return super.get()}dispose(){this.#s&&this.#s()}get core(){return this}fn(){let t=this;function e(){return t.get()}return e.core=t,e.get=t.get.bind(t),e.dispose=t.dispose.bind(t),e.fn=t.fn.bind(t),Object.defineProperty(e,"value",{get:()=>t.value}),Object.defineProperty(e,"sneak",{get:()=>t.sneak}),e}};var zt=class extends F{#t=!1;#e;constructor(t,e){super(t),this.#e=e?.compare??X}toString(){return`($signal "${String(this.get())}")`}async set(t,e=!1){let s=this.sneak;return this.sneak=t,(e||!this.#e(s,t))&&await this.publish(),t}get value(){return this.get()}set value(t){this.set(t)}async publish(){if(this.#t)throw new Error("forbid circularity");let t=this.sneak,e=Promise.resolve();try{this.#t=!0,e=Promise.all([v.notifyWrite(this),this.on.publish(t)])}finally{this.#t=!1}return await e,t}get core(){return this}fn(){let t=this;function e(s){return arguments.length===0?t.get():t.set(arguments[0])}return e.core=t,e.get=t.get.bind(t),e.set=t.set.bind(t),e.on=t.on,e.dispose=t.dispose.bind(t),e.publish=t.publish.bind(t),e.fn=t.fn.bind(t),Object.defineProperty(e,"value",{get:()=>t.value,set:s=>t.value=s}),Object.defineProperty(e,"sneak",{get:()=>t.sneak,set:s=>t.sneak=s}),e}};function yr(r,t){return new Nt(r,t).fn()}function Ue(r,t){return new Ht(r,t).fn()}function y(r,t){return new zt(r,t).fn()}y.lazy=yr;y.derived=Ue;var T=class{#t=new q;effect(t,e){let{seen:s,result:o}=v.observe(t);for(let n of s)this.#t.guarantee(n,()=>v.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 Y=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 Ut(r,t){wt(r,wr(t))}function wr(r){let t=[];if(Array.isArray(r)){let e=new Set(r.flat(1/0).reverse());for(let s of e)t.unshift(L(s))}else r!==void 0&&t.push(L(r));return t}var D={status:r=>r[0],value:r=>r[0]==="ready"?r[1]:void 0,error:r=>r[0]==="error"?r[1]:void 0,select:(r,t)=>{switch(r[0]){case"loading":return t.loading();case"error":return t.error(r[1]);case"ready":return t.ready(r[1]);default:throw new Error("unknown op status")}},morph:(r,t)=>D.select(r,{loading:()=>["loading"],error:e=>["error",e],ready:e=>["ready",t(e)]}),all:(...r)=>{let t=[],e=[],s=0;for(let o of r)switch(o[0]){case"loading":s++;break;case"ready":t.push(o[1]);break;case"error":e.push(o[1]);break}return e.length>0?["error",e]:s===0?["ready",t]:["loading"]}};var Z=class{static loading(){return new this}static ready(t){return new this(["ready",t])}static error(t){return new this(["error",t])}static promise(t){let e=new this;return e.promise(t),e}static load(t){return this.promise(t())}static all(...t){let e=t.map(s=>s.pod);return D.all(...e)}signal;#t=0;#e=ie();#r=ie();constructor(t=["loading"]){this.signal=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 D.value(this.signal.get())}get error(){return D.error(this.signal.get())}get isLoading(){return this.status==="loading"}get isReady(){return this.status==="ready"}get isError(){return this.status==="error"}require(){let t=this.signal.get();if(t[0]!=="ready")throw new Error("required value not ready");return t[1]}select(t){return D.select(this.signal.get(),t)}morph(t){return D.morph(this.pod,t)}};var 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=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 ht=Symbol(),lt=Symbol(),pt=Symbol(),J=class{element;shadow;renderNow;render;attrs;#t=0;#e=0;#r=new q;#s=at();#o=new jt;[ht](t){this.#t++,this.#e=0,this.#s=at();let e=t();return this.#s.resolve(),e}[lt](){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 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(()=>Z.load(s))}return e.load=e,e.promise=s=>this.once(()=>Z.promise(s)),e})();signal=(()=>{let t=this;function e(s,o){return t.once(()=>y(s,o))}return e.derived=function(o,n){return t.once(()=>y.derived(o,n))},e.lazy=function(o,n){return t.once(()=>y.lazy(o,n))},e})();derived(t,e){return this.once(()=>y.derived(t,e))}lazy(t,e){return this.once(()=>y.lazy(t,e))}};var O=class extends HTMLElement{static styles;shadow;#t;#e=0;#r=new T;#s=new Y(this,()=>this.update());createShadow(){return this.attachShadow({mode:"open"})}constructor(){super(),this.shadow=this.createShadow(),this.#t=new J(this,this.shadow,this.updateNow,this.update)}render(t){}updateNow=()=>{this.#t[ht](()=>{l.render(this.shadow,this.#r.effect(()=>this.render(this.#t),this.update))})};update=k(0,this.updateNow);connectedCallback(){if(this.#e===0){let t=this.constructor.styles;t&&Ut(this.shadow,t),this.updateNow()}else this.#t[pt]();this.#s.start(),this.#e++}disconnectedCallback(){this.#t[lt](),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 ut=class{props;attrs=new Map;children=[];constructor(t){this.props=t}};function je(r,t,e,s){return class extends t{static view=K(s,r);#t=new T;createShadow(){return this.attachShadow(r)}render(n){return s(n)(...this.#t.effect(()=>e(this),()=>this.update()))}}}var{I:qn}=Se;var De=r=>r.strings===void 0;var Le={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 dt=(r,t)=>{let e=r._$AN;if(e===void 0)return!1;for(let s of e)s._$AO?.(t,!1),dt(s,t);return!0},It=r=>{let t,e;do{if((t=r._$AM)===void 0)break;e=t._$AN,e.delete(r),r=t}while(e?.size===0)},Be=r=>{for(let t;t=r._$AM;r=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(r))break;e.add(r),_r(t)}};function vr(r){this._$AN!==void 0?(It(this),this._$AM=r,Be(this)):this._$AM=r}function $r(r,t=!1,e=0){let s=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(t)if(Array.isArray(s))for(let n=e;n<s.length;n++)dt(s[n],!1),It(s[n]);else s!=null&&(dt(s,!1),It(s));else dt(this,r)}var _r=r=>{r.type==Le.CHILD&&(r._$AP??=$r,r._$AQ??=vr)},Vt=class extends Bt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,s){super._$AT(t,e,s),Be(this),this.isConnected=t._$AU}_$AO(t,e=!0){t!==this.isConnected&&(this.isConnected=t,t?this.reconnected?.():this.disconnected?.()),e&&(dt(this,t),It(this))}setValue(t){if(De(this._$Ct))this._$Ct._$AI(t,this);else{let e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}};var qt=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 Wt=class{viewFn;settings;#t=qt.make();#e=new T;#r;#s;#o;#n=new Y(this.#t,()=>this.#a());constructor(t,e){this.viewFn=t,this.settings=e,this.#s=this.#t.attachShadow(this.settings),this.#r=new J(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]),l.render(this.#s,t),l.render(this.#t,this.#o.children),this.#n.start()})};#a=k(0,this.#i);disconnected(){this.#r[lt](),this.#e.clear(),this.#n.stop()}reconnected(){this.#r[pt](),this.#n.start()}};function Ie(r,t){return he(class extends Vt{#t=new Wt(r,t);render(s){return this.#t.update(s)}disconnected(){this.#t.disconnected()}reconnected(){this.#t.reconnected()}})}function K(r,t){let e=Ie(r,t);function s(...o){return e(new ut(o))}return s.props=(...o)=>new Lt(new ut(o),e),s.transmute=o=>K(i=>{let c=r(i);return(...a)=>c(...o(...a))},t),s.component=(o=O)=>({props:n=>je(t,o,n,r)}),s}function w(r){return K(r,{mode:"open"})}w.settings=r=>({render:t=>K(t,r)});w.render=w;w.component=r=>w(t=>()=>r(t)).component(O).props(()=>[]);function p(r,t){return()=>Ar({hz:r,frames:t})}var Ar=w(r=>({hz:t,frames:e})=>{r.name("loading"),r.styles(V,Sr);let s=r.signal(0);return r.mount(()=>Ee(async()=>{await Ce(1e3/t);let o=s.get()+1;s.set(o>=e.length?0:o)})),e.at(s.get())}),Sr=f`
|
|
20
|
+
:host {
|
|
21
|
+
font-family: monospace;
|
|
22
|
+
white-space: pre;
|
|
23
|
+
user-select: none;
|
|
24
|
+
}
|
|
25
|
+
`;var m=20,Q=10,G=4,ki=p(m,["|","/","-","\\"]),Pi=p(m,["\u2808","\u2810","\u2820","\u2880","\u2840","\u2804","\u2802","\u2801"]),Ti=p(m,["\u2B06\uFE0F","\u2197\uFE0F","\u27A1\uFE0F","\u2198\uFE0F","\u2B07\uFE0F","\u2199\uFE0F","\u2B05\uFE0F","\u2196\uFE0F"]),Oi=p(m,["\u25B0\u25B1\u25B1\u25B1\u25B1","\u25B0\u25B1\u25B1\u25B1\u25B1","\u25B1\u25B0\u25B1\u25B1\u25B1","\u25B1\u25B1\u25B0\u25B1\u25B1","\u25B1\u25B1\u25B1\u25B0\u25B1","\u25B1\u25B1\u25B1\u25B1\u25B0","\u25B1\u25B1\u25B1\u25B1\u25B0","\u25B1\u25B1\u25B1\u25B0\u25B1","\u25B1\u25B1\u25B0\u25B1\u25B1","\u25B1\u25B0\u25B1\u25B1\u25B1"]),Ri=p(m,["\u25B1\u25B1\u25B0\u25B1\u25B1","\u25B1\u25B1\u25B1\u25B0\u25B1","\u25B1\u25B1\u25B1\u25B0\u25B0","\u25B1\u25B1\u25B1\u25B0\u25B0","\u25B1\u25B1\u25B1\u25B1\u25B0","\u25B1\u25B1\u25B1\u25B1\u25B0","\u25B1\u25B1\u25B1\u25B1\u25B0","\u25B1\u25B1\u25B1\u25B0\u25B0","\u25B1\u25B1\u25B1\u25B0\u25B0","\u25B1\u25B1\u25B1\u25B0\u25B1","\u25B1\u25B1\u25B0\u25B1\u25B1","\u25B1\u25B0\u25B1\u25B1\u25B1","\u25B0\u25B0\u25B1\u25B1\u25B1","\u25B0\u25B0\u25B1\u25B1\u25B1","\u25B0\u25B1\u25B1\u25B1\u25B1","\u25B0\u25B1\u25B1\u25B1\u25B1","\u25B0\u25B1\u25B1\u25B1\u25B1","\u25B0\u25B0\u25B1\u25B1\u25B1","\u25B0\u25B0\u25B1\u25B1\u25B1","\u25B1\u25B0\u25B1\u25B1\u25B1"]),Mi=p(m,["\u25B0\u25B1\u25B1\u25B1\u25B1","\u25B0\u25B1\u25B1\u25B1\u25B1","\u25B0\u25B0\u25B1\u25B1\u25B1","\u25B0\u25B0\u25B0\u25B1\u25B1","\u25B1\u25B0\u25B0\u25B0\u25B1","\u25B1\u25B1\u25B0\u25B0\u25B0","\u25B1\u25B1\u25B1\u25B0\u25B0","\u25B1\u25B1\u25B1\u25B1\u25B0","\u25B1\u25B1\u25B1\u25B1\u25B0","\u25B1\u25B1\u25B1\u25B0\u25B0","\u25B1\u25B1\u25B0\u25B0\u25B0","\u25B1\u25B0\u25B0\u25B0\u25B1","\u25B0\u25B0\u25B0\u25B1\u25B1","\u25B0\u25B0\u25B1\u25B1\u25B1"]),Hi=p(m,["\u25B1\u25B1\u25B1\u25B1\u25B1","\u25B1\u25B1\u25B1\u25B1\u25B1","\u25B0\u25B1\u25B1\u25B1\u25B1","\u25B0\u25B0\u25B1\u25B1\u25B1","\u25B0\u25B0\u25B0\u25B1\u25B1","\u25B0\u25B0\u25B0\u25B0\u25B1","\u25B0\u25B0\u25B0\u25B0\u25B0","\u25B0\u25B0\u25B0\u25B0\u25B0","\u25B1\u25B0\u25B0\u25B0\u25B0","\u25B1\u25B1\u25B0\u25B0\u25B0","\u25B1\u25B1\u25B1\u25B0\u25B0","\u25B1\u25B1\u25B1\u25B1\u25B0"]),Ni=p(m,["\u2581\u2581\u2581\u2581\u2581","\u2581\u2581\u2581\u2581\u2581","\u2588\u2581\u2581\u2581\u2581","\u2588\u2588\u2581\u2581\u2581","\u2588\u2588\u2588\u2581\u2581","\u2588\u2588\u2588\u2588\u2581","\u2588\u2588\u2588\u2588\u2588","\u2588\u2588\u2588\u2588\u2588","\u2581\u2588\u2588\u2588\u2588","\u2581\u2581\u2588\u2588\u2588","\u2581\u2581\u2581\u2588\u2588","\u2581\u2581\u2581\u2581\u2588"]),zi=p(m,["\u2588\u2581\u2581\u2581\u2581","\u2588\u2581\u2581\u2581\u2581","\u2588\u2588\u2581\u2581\u2581","\u2588\u2588\u2588\u2581\u2581","\u2588\u2588\u2588\u2588\u2581","\u2588\u2588\u2588\u2588\u2588","\u2588\u2588\u2588\u2588\u2588","\u2581\u2588\u2588\u2588\u2588","\u2581\u2581\u2588\u2588\u2588","\u2581\u2581\u2581\u2588\u2588","\u2581\u2581\u2581\u2581\u2588","\u2581\u2581\u2581\u2581\u2588","\u2581\u2581\u2581\u2588\u2588","\u2581\u2581\u2588\u2588\u2588","\u2581\u2588\u2588\u2588\u2588","\u2588\u2588\u2588\u2588\u2588","\u2588\u2588\u2588\u2588\u2588","\u2588\u2588\u2588\u2588\u2581","\u2588\u2588\u2588\u2581\u2581","\u2588\u2588\u2581\u2581\u2581"]),Ui=p(G,["\u{1F6B6}","\u{1F3C3}"]),ji=p(Q,["\u25F7","\u25F6","\u25F5","\u25F4"]),Di=p(m,["=----","-=---","--=--","---=-","----=","----=","---=-","--=--","-=---","=----"]),Li=p(m,["o----","-o---","--o--","---o-","----o","----o","---o-","--o--","-o---","o----"]),Bi=p(Q,["[ ]","[ ]","[= ]","[== ]","[===]","[ ==]","[ =]"]),Ii=p(Q,["[ ]","[ ]","[= ]","[== ]","[===]","[ ==]","[ =]","[ ]","[ ]","[ =]","[ ==]","[===]","[== ]","[= ]"]),Vi=p(Q,[" "," ",". ",".. ","..."," .."," ."]),qi=p(m,[". ",". ",".. ","..."," .."," ."," ."," ..","...",".. "]),Wi=p(m,[".....",".....",":....","::...",":::..","::::.",":::::",":::::",".::::","..:::","...::","....:"]),Fi=p(m,[":....",":....","::...",".::..","..::.","...::","....:","....:","...::","..::.",".::..","::..."]),Xi=p(m,[".....",".....","..:..",".:::.",".:::.",":::::",":::::","::.::",":...:"]),Yi=p(m,[".....",".....","..:..",".:::.",".:::.",":::::",":::::","::.::",":...:",".....",".....",":...:","::.::",":::::",":::::",".:::.",".:::.","..:.."]),Zi=p(m,["000","100","110","111","011","001"]),Ji=p(m,["11111","01111","00111","10011","11001","01100","00110","10011","11001","11100","11110"]),Ki=p(m,["11111","01111","10111","11011","11101","11110","11111","11110","11101","11011","10111","01111"]),Qi=p(G,["\u{1F539}","\u{1F535}"]),Gi=p(Q,["\u{1F642}","\u{1F642}","\u{1F617}","\u{1F619}","\u{1F618}","\u{1F618}","\u{1F619}"]),ta=p(m,["\u{1F550}","\u{1F551}","\u{1F552}","\u{1F553}","\u{1F554}","\u{1F555}","\u{1F556}","\u{1F557}","\u{1F558}","\u{1F559}","\u{1F55A}","\u{1F55B}"]),ea=p(m,["\u{1F91C} \u{1F91B}","\u{1F91C} \u{1F91B}","\u{1F91C} \u{1F91B}"," \u{1F91C} \u{1F91B} "," \u{1F91C}\u{1F91B} "," \u{1F91C}\u{1F91B} "," \u{1F91C}\u{1F4A5}\u{1F91B} ","\u{1F91C} \u{1F4A5} \u{1F91B}","\u{1F91C} \u2728 \u{1F91B}","\u{1F91C} \u2728 \u{1F91B}"]),Er=p(G,["\u{1F30E}","\u{1F30F}","\u{1F30D}"]),ra=p(G,["\u{1F513}","\u{1F512}"]),sa=p(G,["\u{1F505}","\u{1F506}"]),oa=p(G,["\u{1F508}","\u{1F508}","\u{1F509}","\u{1F50A}","\u{1F50A}","\u{1F509}"]),na=p(Q,["\u{1F311}","\u{1F311}","\u{1F311}","\u{1F318}","\u{1F317}","\u{1F316}","\u{1F315}","\u{1F314}","\u{1F313}","\u{1F312}"]);var kr=w(r=>t=>(r.name("error"),r.styles(V,Pr),typeof t=="string"?t:t instanceof Error?$`<strong>${t.name}:</strong> <span>${t.message}</span>`:"error")),Pr=f`
|
|
26
|
+
:host {
|
|
27
|
+
font-family: monospace;
|
|
28
|
+
color: red;
|
|
29
|
+
}
|
|
30
|
+
`;function Mr(r,t){return t.transmute((...e)=>[r,...e])}function qe(r){return kt(r).map(t=>t.view)}function We(r,t){return kt(t).map(e=>class extends e{context=r;static view=Mr(r,super.view)})}var Fe=f`@layer view {
|
|
31
|
+
|
|
32
|
+
button {
|
|
33
|
+
background: transparent;
|
|
34
|
+
border: none;
|
|
35
|
+
font-size: inherit;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
button {
|
|
39
|
+
opacity: var(--inactive-opacity);
|
|
40
|
+
cursor: pointer;
|
|
41
|
+
cursor: copy;
|
|
42
|
+
|
|
43
|
+
color: inherit;
|
|
44
|
+
transition: all 300ms linear;
|
|
45
|
+
|
|
46
|
+
&:is(:hover, :focus-visible) {
|
|
47
|
+
opacity: 1;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
[data-status="invalid"] {
|
|
52
|
+
color: var(--lame);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
[data-status="good"] {
|
|
56
|
+
opacity: 1;
|
|
57
|
+
color: var(--happy);
|
|
58
|
+
filter: drop-shadow(0 0 0.3em color-mix(in oklab, transparent, currentColor 50%));
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
[data-status="bad"] {
|
|
62
|
+
opacity: 1;
|
|
63
|
+
color: var(--angry);
|
|
64
|
+
filter: drop-shadow(0 0 0.3em color-mix(in oklab, transparent, currentColor 50%));
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
svg {
|
|
68
|
+
width: 1em;
|
|
69
|
+
height: 1em;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
}`;var R=f`
|
|
73
|
+
|
|
74
|
+
@layer reset, underlay, view, overlay;
|
|
75
|
+
|
|
76
|
+
${V}
|
|
77
|
+
|
|
78
|
+
@layer overlay {
|
|
79
|
+
[hidden] { display: none !important; }
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
`;var A=class extends O{context};var le=_`<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 Xe=_`<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 Ye=_`<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 Ft=class extends w(t=>(e,s,o=1e3)=>{t.name("shiny-copy"),t.styles(R,e.theme,Fe);let n=()=>s===void 0?"invalid":"neutral",i=t.signal(n()),c=t.once(()=>k(o,()=>i.set(n()))),a=t.once(()=>async h=>{await i.set(h),await c()});async function u(){if(s!==void 0)try{await navigator.clipboard.writeText(s),await a("good")}catch(h){console.error(h),await a("bad")}}let d=(()=>{switch(i.get()){case"neutral":return le;case"invalid":return le;case"good":return Ye;case"bad":return Xe;default:throw new Error("invalid copy status")}})();return $`
|
|
83
|
+
<button data-status="${i.get()}" @click="${u}">
|
|
84
|
+
${d}
|
|
85
|
+
</button>
|
|
86
|
+
`}).component(class extends A{#t=l.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 Ze=f`@layer view {
|
|
87
|
+
|
|
88
|
+
:host {
|
|
89
|
+
display: block;
|
|
90
|
+
width: 100%;
|
|
91
|
+
height: 100%;
|
|
92
|
+
--button-size: 2em;
|
|
93
|
+
--anim-duration: 200ms;
|
|
94
|
+
--blanket-backdrop-filter: blur(0.5em);
|
|
95
|
+
--blanket-bg: color-mix(in oklab, transparent, var(--bg));
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.shell {
|
|
99
|
+
position: relative;
|
|
100
|
+
width: 100%;
|
|
101
|
+
height: 100%;
|
|
102
|
+
|
|
103
|
+
[part="blanket"] {
|
|
104
|
+
opacity: 0;
|
|
105
|
+
|
|
106
|
+
content: "";
|
|
107
|
+
display: block;
|
|
108
|
+
position: absolute;
|
|
109
|
+
inset: 0;
|
|
110
|
+
|
|
111
|
+
background: var(--blanket-bg);
|
|
112
|
+
backdrop-filter: var(--blanket-backdrop-filter);
|
|
113
|
+
|
|
114
|
+
will-change: opacity;
|
|
115
|
+
transition: all var(--anim-duration) ease;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.clipper {
|
|
119
|
+
pointer-events: none;
|
|
120
|
+
position: absolute;
|
|
121
|
+
inset: 0;
|
|
122
|
+
width: 100%;
|
|
123
|
+
height: 100%;
|
|
124
|
+
overflow: hidden;
|
|
125
|
+
> * { pointer-events: all; }
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
[part="tray"] {
|
|
129
|
+
position: absolute;
|
|
130
|
+
top: 0;
|
|
131
|
+
width: calc(100% - var(--button-size));
|
|
132
|
+
|
|
133
|
+
display: flex;
|
|
134
|
+
flex-direction: column;
|
|
135
|
+
height: auto;
|
|
136
|
+
max-height: 100%;
|
|
137
|
+
|
|
138
|
+
opacity: 1;
|
|
139
|
+
transform: translateX(-100%);
|
|
140
|
+
will-change: opacity, transform;
|
|
141
|
+
transition: all var(--anim-duration) ease;
|
|
142
|
+
|
|
143
|
+
> slot {
|
|
144
|
+
display: block;
|
|
145
|
+
height: 100%;
|
|
146
|
+
overflow-y: auto;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
> button {
|
|
150
|
+
position: absolute;
|
|
151
|
+
top: 0;
|
|
152
|
+
left: 100%;
|
|
153
|
+
|
|
154
|
+
opacity: var(--inactive-opacity);
|
|
155
|
+
background: transparent;
|
|
156
|
+
border: none;
|
|
157
|
+
cursor: pointer;
|
|
158
|
+
|
|
159
|
+
&:is(:hover, :focus-visible) {
|
|
160
|
+
opacity: 1;
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
> slot {
|
|
164
|
+
display: contents;
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
svg {
|
|
168
|
+
width: var(--button-size);
|
|
169
|
+
height: var(--button-size);
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
&[data-side="right"] {
|
|
175
|
+
[part="tray"] {
|
|
176
|
+
right: 0;
|
|
177
|
+
transform: translateX(100%);
|
|
178
|
+
> button {
|
|
179
|
+
left: unset;
|
|
180
|
+
right: 100%;
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
slot[name="plate"] {
|
|
186
|
+
display: block;
|
|
187
|
+
width: 100%;
|
|
188
|
+
height: 100%;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
&[data-open] {
|
|
192
|
+
[part="blanket"] {
|
|
193
|
+
opacity: 1;
|
|
194
|
+
}
|
|
195
|
+
[part="tray"] {
|
|
196
|
+
opacity: 1;
|
|
197
|
+
transform: translateX(0%);
|
|
198
|
+
}
|
|
199
|
+
}
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
}`;var mt=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 Xt=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 Je=_`<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 Ke=_`<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 Yt=class extends w(t=>(e,s)=>{t.name("shiny-drawer"),t.styles(R,e.theme,Ze);let o=t.once(()=>new Xt(t.element)),n=s.side??"left",i=t.once(()=>s.control??new mt);return o.assign(n),t.mount(()=>l.events(window,{keydown:c=>{c.code==="Escape"&&i.close()}})),l.attrs(t.element).booleans.open=i.isOpen,$`
|
|
203
|
+
<div class=shell ?data-open="${i.isOpen}" data-side="${n}">
|
|
204
|
+
<slot name=plate ?inert="${i.isOpen}"></slot>
|
|
205
|
+
|
|
206
|
+
<div class=clipper>
|
|
207
|
+
<div part=blanket @click="${i.close}" ?inert="${!i.isOpen}"></div>
|
|
208
|
+
|
|
209
|
+
<div part=tray>
|
|
210
|
+
<slot ?inert="${!i.isOpen}"></slot>
|
|
211
|
+
|
|
212
|
+
${s.button?$`
|
|
213
|
+
<button @click="${i.toggle}">
|
|
214
|
+
${i.isOpen?$`
|
|
215
|
+
<slot name=button-x>
|
|
216
|
+
${Je}
|
|
217
|
+
</slot>
|
|
218
|
+
`:$`
|
|
219
|
+
<slot name=button>
|
|
220
|
+
${Ke}
|
|
221
|
+
</slot>
|
|
222
|
+
`}
|
|
223
|
+
</button>
|
|
224
|
+
`:null}
|
|
225
|
+
</div>
|
|
226
|
+
</div>
|
|
227
|
+
</div>
|
|
228
|
+
`}).component(class extends A{#t=l.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 mt(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 Qe=f`@layer view {
|
|
229
|
+
|
|
230
|
+
button {
|
|
231
|
+
padding: 1em;
|
|
232
|
+
min-width: 4em;
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
}`;var Zt=class extends w(t=>(e,s)=>{t.name("shiny-example"),t.styles(R,e.theme,Qe);let o=t.signal(s);return $`
|
|
236
|
+
<button @click="${()=>{o.value++}}">
|
|
237
|
+
${o()}
|
|
238
|
+
</button>
|
|
239
|
+
`}).component(class extends A{attrs=l.attrs(this).spec({start:Number})}).props(t=>[t.context,t.attrs.start??1]){};var Ge=f`@layer view {
|
|
240
|
+
|
|
241
|
+
}`;var ft=class{length=1;$index=y(0);constructor(t=0){this.$index.value=t}#t(t){return t=Math.min(t,this.length-1),t=Math.max(t,0),t}get index(){return this.#t(this.$index.get())}async setIndex(t){return this.$index.set(t)}async shimmy(t){let e=this.#t(this.index+t);return this.setIndex(e)}};var Jt=class extends w(t=>(e,s)=>{t.name("shiny-tabs"),t.styles(R,e.theme,Ge);let o=t.attrs.spec({index:Number}),n=t.once(()=>s??new ft(o.index??0)),i=t.signal([]),c=t.signal([]);async function a(d){let h=d.currentTarget;await i.set(h.assignedElements())}async function u(d){let h=d.currentTarget;await c.set(h.assignedElements())}o.index=n.$index(),n.length=i().length;for(let[d,h]of i().entries()){let g=d===n.index;l.attrs(h).booleans.active=g,l.attrs(h).booleans.disabled=g,h.onclick=()=>n.setIndex(d)}for(let[d,h]of c().entries()){let g=d===n.index;l.attrs(h).booleans.active=g,l.attrs(h).booleans.hidden=!g}return $`
|
|
242
|
+
<slot part=tabs @slotchange="${a}"></slot>
|
|
243
|
+
<slot part=panels name=panel @slotchange="${u}"></slot>
|
|
244
|
+
`}).component(class extends A{control=new ft;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 tr={ShinyCopy:Ft,ShinyDrawer:Yt,ShinyExample:Zt,ShinyTabs:Jt};function er(r){let t=We(r,tr),e=qe(t);return{components:t,views:e}}function rr(){return{bg:"#111",alpha:"#afa",happy:"#0fa",sad:"#74f",angry:"#f50",lame:"#8888","inactive-opacity":"0.5"}}function sr(r){return xt(Object.entries(r).map(([t,e])=>`--${t}: var(--shiny-${t}, ${e});`).join(`
|
|
245
|
+
`))}var or=f`@layer overlay {
|
|
246
|
+
|
|
247
|
+
:host {
|
|
248
|
+
display: block;
|
|
249
|
+
${sr(rr())}
|
|
250
|
+
}
|
|
251
|
+
|
|
252
|
+
}`;l.register(er({theme:or}).components);
|
|
253
|
+
/*! Bundled license information:
|
|
254
|
+
|
|
255
|
+
@lit/reactive-element/css-tag.js:
|
|
256
|
+
(**
|
|
257
|
+
* @license
|
|
258
|
+
* Copyright 2019 Google LLC
|
|
259
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
260
|
+
*)
|
|
261
|
+
|
|
262
|
+
@lit/reactive-element/reactive-element.js:
|
|
263
|
+
lit-html/lit-html.js:
|
|
264
|
+
lit-element/lit-element.js:
|
|
265
|
+
lit-html/directive.js:
|
|
266
|
+
lit-html/async-directive.js:
|
|
267
|
+
(**
|
|
268
|
+
* @license
|
|
269
|
+
* Copyright 2017 Google LLC
|
|
270
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
271
|
+
*)
|
|
272
|
+
|
|
273
|
+
lit-html/is-server.js:
|
|
274
|
+
(**
|
|
275
|
+
* @license
|
|
276
|
+
* Copyright 2022 Google LLC
|
|
277
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
278
|
+
*)
|
|
279
|
+
|
|
280
|
+
lit-html/directive-helpers.js:
|
|
281
|
+
(**
|
|
282
|
+
* @license
|
|
283
|
+
* Copyright 2020 Google LLC
|
|
284
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
285
|
+
*)
|
|
286
|
+
*/
|
|
287
|
+
//# sourceMappingURL=plain.bundle.min.js.map
|