@e280/shiny 0.1.0-12 → 0.1.0-14
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 +12 -8
- package/package.json +1 -1
- package/s/components/button/showcase.ts +1 -1
- package/s/components/copy/showcase.ts +1 -1
- package/s/components/drawer/showcase.ts +6 -1
- package/s/components/drawer/style.css.ts +2 -0
- package/s/components/example/component.ts +2 -2
- package/s/components/example/showcase.ts +32 -0
- package/s/components/tabs/showcase.ts +102 -4
- package/s/components/tabs/style.css.ts +7 -4
- package/s/demo/views/exhibit/style.css.ts +1 -1
- package/s/demo/views/exhibit/view.ts +3 -1
- package/s/demo/views/showcase/style.css.ts +3 -0
- package/s/demo/views/showcase/view.ts +21 -21
- package/s/themes/aura.css.ts +5 -5
- package/x/components/button/showcase.js +1 -1
- package/x/components/copy/showcase.js +1 -1
- package/x/components/drawer/showcase.js +6 -1
- package/x/components/drawer/showcase.js.map +1 -1
- package/x/components/drawer/style.css.js +2 -0
- package/x/components/drawer/style.css.js.map +1 -1
- package/x/components/example/component.d.ts +1 -1
- package/x/components/example/component.js +2 -2
- package/x/components/example/component.js.map +1 -1
- package/x/components/example/showcase.d.ts +1 -0
- package/x/components/example/showcase.js +30 -0
- package/x/components/example/showcase.js.map +1 -0
- package/x/components/tabs/showcase.js +102 -4
- package/x/components/tabs/showcase.js.map +1 -1
- package/x/components/tabs/style.css.js +7 -4
- package/x/components/tabs/style.css.js.map +1 -1
- package/x/demo/demo.bundle.min.js +157 -78
- package/x/demo/demo.bundle.min.js.map +2 -2
- package/x/demo/views/exhibit/style.css.js +1 -1
- package/x/demo/views/exhibit/view.d.ts +1 -1
- package/x/demo/views/exhibit/view.js +3 -1
- package/x/demo/views/exhibit/view.js.map +1 -1
- package/x/demo/views/showcase/style.css.js +3 -0
- package/x/demo/views/showcase/style.css.js.map +1 -1
- package/x/demo/views/showcase/view.js +4 -4
- package/x/demo/views/showcase/view.js.map +1 -1
- package/x/demo/viewsets.d.ts +1 -1
- package/x/index.html +2 -2
- package/x/install/aura.bundle.min.js +16 -11
- package/x/install/aura.bundle.min.js.map +2 -2
- package/x/install/plain.bundle.min.js +11 -6
- package/x/install/plain.bundle.min.js.map +2 -2
- package/x/shiny.d.ts +2 -2
- package/x/themes/aura.css.js +5 -5
- package/s/demo/views/demonstration/style.css.ts +0 -124
- package/s/demo/views/demonstration/view.ts +0 -57
- package/x/demo/views/demonstration/style.css.d.ts +0 -2
- package/x/demo/views/demonstration/style.css.js +0 -123
- package/x/demo/views/demonstration/style.css.js.map +0 -1
- package/x/demo/views/demonstration/view.d.ts +0 -12
- package/x/demo/views/demonstration/view.js +0 -44
- package/x/demo/views/demonstration/view.js.map +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
var
|
|
2
|
-
\f\r]`,at=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,
|
|
3
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
|
1
|
+
var vt=globalThis,wt=vt.ShadowRoot&&(vt.ShadyCSS===void 0||vt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,oe=Symbol(),ke=new WeakMap,nt=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==oe)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o,e=this.t;if(wt&&t===void 0){let s=e!==void 0&&e.length===1;s&&(t=ke.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&ke.set(e,t))}return t}toString(){return this.cssText}},$t=r=>new nt(typeof r=="string"?r:r+"",void 0,oe),c=(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 nt(e,r,oe)},_t=(r,t)=>{if(wt)r.adoptedStyleSheets=t.map((e=>e instanceof CSSStyleSheet?e:e.styleSheet));else for(let e of t){let s=document.createElement("style"),o=vt.litNonce;o!==void 0&&s.setAttribute("nonce",o),s.textContent=e.cssText,r.appendChild(s)}},W=wt?r=>r:r=>r instanceof CSSStyleSheet?(t=>{let e="";for(let s of t.cssRules)e+=s.cssText;return $t(e)})(r):r;var{is:zr,defineProperty:Pr,getOwnPropertyDescriptor:Or,getOwnPropertyNames:Rr,getOwnPropertySymbols:Mr,getPrototypeOf:Br}=Object,At=globalThis,Ce=At.trustedTypes,Nr=Ce?Ce.emptyScript:"",Hr=At.reactiveElementPolyfillSupport,it=(r,t)=>r,ne={toAttribute(r,t){switch(t){case Boolean:r=r?Nr: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}},Te=(r,t)=>!zr(r,t),Ee={attribute:!0,type:String,converter:ne,reflect:!1,useDefault:!1,hasChanged:Te};Symbol.metadata??=Symbol("metadata"),At.litPropertyMetadata??=new WeakMap;var z=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=Ee){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&&Pr(this.prototype,t,o)}}static getPropertyDescriptor(t,e,s){let{get:o,set:n}=Or(this.prototype,t)??{get(){return this[e]},set(i){this[e]=i}};return{get:o,set(i){let l=o?.call(this);n?.call(this,i),this.requestUpdate(t,l,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Ee}static _$Ei(){if(this.hasOwnProperty(it("elementProperties")))return;let t=Br(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(it("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(it("properties"))){let e=this.properties,s=[...Rr(e),...Mr(e)];for(let o of s)this.createProperty(o,e[o])}let t=this[Symbol.metadata];if(t!==null){let e=litPropertyMetadata.get(t);if(e!==void 0)for(let[s,o]of e)this.elementProperties.set(s,o)}this._$Eh=new Map;for(let[e,s]of this.elementProperties){let o=this._$Eu(e,s);o!==void 0&&this._$Eh.set(o,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){let e=[];if(Array.isArray(t)){let s=new Set(t.flat(1/0).reverse());for(let o of s)e.unshift(W(o))}else t!==void 0&&e.push(W(t));return e}static _$Eu(t,e){let s=e.attribute;return s===!1?void 0:typeof s=="string"?s:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),this.renderRoot!==void 0&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){let t=new Map,e=this.constructor.elementProperties;for(let s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){let t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return _t(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:ne).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:ne;this._$Em=o;let l=i.fromAttribute(e,n.type);this[o]=l??this._$Ej?.get(o)??l,this._$Em=null}}requestUpdate(t,e,s){if(t!==void 0){let o=this.constructor,n=this[t];if(s??=o.getPropertyOptions(t),!((s.hasChanged??Te)(n,e)||s.useDefault&&s.reflect&&n===this._$Ej?.get(t)&&!this.hasAttribute(o._$Eu(t,s))))return;this.C(t,e,s)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:o,wrapped:n},i){s&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,i??e??this[t]),n!==!0||i!==void 0)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),o===!0&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[o,n]of this._$Ep)this[o]=n;this._$Ep=void 0}let s=this.constructor.elementProperties;if(s.size>0)for(let[o,n]of s){let{wrapped:i}=n,l=this[o];i!==!0||this._$AL.has(o)||l===void 0||this.C(o,void 0,n,l)}}let t=!1,e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((s=>s.hostUpdate?.())),this.update(e)):this._$EM()}catch(s){throw t=!1,this._$EM(),s}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((e=>e.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach((e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};z.elementStyles=[],z.shadowRootOptions={mode:"open"},z[it("elementProperties")]=new Map,z[it("finalized")]=new Map,Hr?.({ReactiveElement:z}),(At.reactiveElementVersions??=[]).push("2.1.1");var ae=globalThis,St=ae.trustedTypes,ze=St?St.createPolicy("lit-html",{createHTML:r=>r}):void 0,le="$lit$",P=`lit$${Math.random().toFixed(9).slice(2)}$`,pe="?"+P,Ur=`<${pe}>`,D=document,lt=()=>D.createComment(""),pt=r=>r===null||typeof r!="object"&&typeof r!="function",ce=Array.isArray,Ne=r=>ce(r)||typeof r?.[Symbol.iterator]=="function",ie=`[
|
|
2
|
+
\f\r]`,at=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Pe=/-->/g,Oe=/>/g,U=RegExp(`>|${ie}(?:([^\\s"'>=/]+)(${ie}*=${ie}*(?:[^
|
|
3
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Re=/'/g,Me=/"/g,He=/^(?:script|style|textarea|title)$/i,he=r=>(t,...e)=>({_$litType$:r,strings:t,values:e}),h=he(1),C=he(2),ds=he(3),q=Symbol.for("lit-noChange"),x=Symbol.for("lit-nothing"),Be=new WeakMap,j=D.createTreeWalker(D,129);function Ue(r,t){if(!ce(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return ze!==void 0?ze.createHTML(t):t}var je=(r,t)=>{let e=r.length-1,s=[],o,n=t===2?"<svg>":t===3?"<math>":"",i=at;for(let l=0;l<e;l++){let a=r[l],u,g,p=-1,b=0;for(;b<a.length&&(i.lastIndex=b,g=i.exec(a),g!==null);)b=i.lastIndex,i===at?g[1]==="!--"?i=Pe:g[1]!==void 0?i=Oe:g[2]!==void 0?(He.test(g[2])&&(o=RegExp("</"+g[2],"g")),i=U):g[3]!==void 0&&(i=U):i===U?g[0]===">"?(i=o??at,p=-1):g[1]===void 0?p=-2:(p=i.lastIndex-g[2].length,u=g[1],i=g[3]===void 0?U:g[3]==='"'?Me:Re):i===Me||i===Re?i=U:i===Pe||i===Oe?i=at:(i=U,o=void 0);let w=i===U&&r[l+1].startsWith("/>")?" ":"";n+=i===at?a+Ur:p>=0?(s.push(u),a.slice(0,p)+le+a.slice(p)+P+w):a+P+(p===-2?l:w)}return[Ue(r,n+(r[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]},ct=class r{constructor({strings:t,_$litType$:e},s){let o;this.parts=[];let n=0,i=0,l=t.length-1,a=this.parts,[u,g]=je(t,e);if(this.el=r.createElement(u,s),j.currentNode=this.el.content,e===2||e===3){let p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(o=j.nextNode())!==null&&a.length<l;){if(o.nodeType===1){if(o.hasAttributes())for(let p of o.getAttributeNames())if(p.endsWith(le)){let b=g[i++],w=o.getAttribute(p).split(P),k=/([.?@])?(.*)/.exec(b);a.push({type:1,index:n,name:k[2],strings:w,ctor:k[1]==="."?Ct:k[1]==="?"?Et:k[1]==="@"?Tt:V}),o.removeAttribute(p)}else p.startsWith(P)&&(a.push({type:6,index:n}),o.removeAttribute(p));if(He.test(o.tagName)){let p=o.textContent.split(P),b=p.length-1;if(b>0){o.textContent=St?St.emptyScript:"";for(let w=0;w<b;w++)o.append(p[w],lt()),j.nextNode(),a.push({type:2,index:++n});o.append(p[b],lt())}}}else if(o.nodeType===8)if(o.data===pe)a.push({type:2,index:n});else{let p=-1;for(;(p=o.data.indexOf(P,p+1))!==-1;)a.push({type:7,index:n}),p+=P.length-1}n++}}static createElement(t,e){let s=D.createElement("template");return s.innerHTML=t,s}};function L(r,t,e=r,s){if(t===q)return t;let o=s!==void 0?e._$Co?.[s]:e._$Cl,n=pt(t)?void 0:t._$litDirective$;return o?.constructor!==n&&(o?._$AO?.(!1),n===void 0?o=void 0:(o=new n(r),o._$AT(r,e,s)),s!==void 0?(e._$Co??=[])[s]=o:e._$Cl=o),o!==void 0&&(t=L(r,o._$AS(r,t.values),o,s)),t}var kt=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??D).importNode(e,!0);j.currentNode=o;let n=j.nextNode(),i=0,l=0,a=s[0];for(;a!==void 0;){if(i===a.index){let u;a.type===2?u=new F(n,n.nextSibling,this,t):a.type===1?u=new a.ctor(n,a.name,a.strings,this,t):a.type===6&&(u=new zt(n,this,t)),this._$AV.push(u),a=s[++l]}i!==a?.index&&(n=j.nextNode(),i++)}return j.currentNode=D,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++}},F=class r{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,o){this.type=2,this._$AH=x,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=L(this,t,e),pt(t)?t===x||t==null||t===""?(this._$AH!==x&&this._$AR(),this._$AH=x):t!==this._$AH&&t!==q&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Ne(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!==x&&pt(this._$AH)?this._$AA.nextSibling.data=t:this.T(D.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=ct.createElement(Ue(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===o)this._$AH.p(e);else{let n=new kt(o,this),i=n.u(this.options);n.p(e),this.T(i),this._$AH=n}}_$AC(t){let e=Be.get(t.strings);return e===void 0&&Be.set(t.strings,e=new ct(t)),e}k(t){ce(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(lt()),this.O(lt()),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))}},V=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,o,n){this.type=1,this._$AH=x,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=x}_$AI(t,e=this,s,o){let n=this.strings,i=!1;if(n===void 0)t=L(this,t,e,0),i=!pt(t)||t!==this._$AH&&t!==q,i&&(this._$AH=t);else{let l=t,a,u;for(t=n[0],a=0;a<n.length-1;a++)u=L(this,l[s+a],e,a),u===q&&(u=this._$AH[a]),i||=!pt(u)||u!==this._$AH[a],u===x?t=x:t!==x&&(t+=(u??"")+n[a+1]),this._$AH[a]=u}i&&!o&&this.j(t)}j(t){t===x?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},Ct=class extends V{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===x?void 0:t}},Et=class extends V{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==x)}},Tt=class extends V{constructor(t,e,s,o,n){super(t,e,s,o,n),this.type=5}_$AI(t,e=this){if((t=L(this,t,e,0)??x)===q)return;let s=this._$AH,o=t===x&&s!==x||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,n=t!==x&&(s===x||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)}},zt=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){L(this,t)}},De={M:le,P,A:pe,C:1,L:je,R:kt,D:Ne,V:L,I:F,H:V,N:Et,U:Tt,B:Ct,F:zt},jr=ae.litHtmlPolyfillSupport;jr?.(ct,F),(ae.litHtmlVersions??=[]).push("3.3.1");var ht=(r,t,e)=>{let s=e?.renderBefore??t,o=s._$litPart$;if(o===void 0){let n=e?.renderBefore??null;s._$litPart$=o=new F(t.insertBefore(lt(),n),n,void 0,e??{})}return o._$AI(r),o};var ue=globalThis,X=class extends z{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=ht(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return q}};X._$litElement$=!0,X.finalized=!0,ue.litElementHydrateSupport?.({LitElement:X});var Dr=ue.litElementPolyfillSupport;Dr?.({LitElement:X});(ue.litElementVersions??=[]).push("4.2.1");var Y=c`
|
|
4
4
|
@layer reset {
|
|
5
5
|
* {
|
|
6
6
|
margin: 0;
|
|
@@ -16,19 +16,19 @@ var wt=globalThis,vt=wt.ShadowRoot&&(wt.ShadyCSS===void 0||wt.ShadyCSS.nativeSha
|
|
|
16
16
|
::-webkit-scrollbar-thumb { background: #333; border-radius: 1em; }
|
|
17
17
|
::-webkit-scrollbar-thumb:hover { background: #444; }
|
|
18
18
|
}
|
|
19
|
-
`;function O(r,t){let e,s,o=[];function
|
|
20
|
-
`)}function Ur(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 Mt(r,t){for(let[e,s]of t)Ur(r,e,s)}function Ve(r,t){let e=document.createElement(r);return Mt(e,Object.entries(t)),e}function Ie(r,t){let e=new MutationObserver(t);return e.observe(r,{attributes:!0}),()=>e.disconnect()}var $={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 We=(r,t)=>new Proxy(t,{get:(e,s)=>{switch(t[s]){case String:return $.get.string(r,s);case Number:return $.get.number(r,s);case Boolean:return $.get.boolean(r,s);default:throw new Error(`invalid attribute type for "${s}"`)}},set:(e,s,o)=>{switch(t[s]){case String:return $.set.string(r,s,o);case Number:return $.set.number(r,s,o);case Boolean:return $.set.boolean(r,s,o);default:throw new Error(`invalid attribute type for "${s}"`)}}});var Bt=class{element;constructor(t){this.element=t}strings=new Proxy({},{get:(t,e)=>$.get.string(this.element,e),set:(t,e,s)=>$.set.string(this.element,e,s)});numbers=new Proxy({},{get:(t,e)=>$.get.number(this.element,e),set:(t,e,s)=>$.set.number(this.element,e,s)});booleans=new Proxy({},{get:(t,e)=>$.get.boolean(this.element,e),set:(t,e,s)=>$.set.boolean(this.element,e,s)})};function ut(r){let t=new Bt(r);return{strings:t.strings,numbers:t.numbers,booleans:t.booleans,on:e=>Ie(r,e),spec:e=>We(r,e)}}ut.get=$.get;ut.set=$.set;function me(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 Fe(r){return r.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function Xe(r,t={}){let{soft:e=!1,upgrade:s=!0}=t;for(let[o,i]of Object.entries(r)){let n=Fe(o),l=customElements.get(n);e&&l||(customElements.define(n,i),s&&document.querySelectorAll(n).forEach(a=>{a.constructor===HTMLElement&&customElements.upgrade(a)}))}}function Ye(r,t){let e=r.querySelector(t);if(!e)throw new Error(`element not found (${t})`);return e}var Nt=class r{element;constructor(t){this.element=t}in(t){return new r(typeof t=="string"?Ye(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 ht(t,this.element)}attrs(){return ut(this.element)}events(t){return me(this.element,t)}};function u(r){return typeof r=="string"?Ye(document,r):new Nt(r)}var R=new Nt(document);u.in=R.in.bind(R);u.require=R.require.bind(R);u.maybe=R.maybe.bind(R);u.all=R.all.bind(R);u.el=Ve;u.events=me;u.attrs=ut;u.register=Xe;u.render=(r,...t)=>ht(t,r);var fe=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=Rt(),this.#e.set(t,e)),e}},_=globalThis[Symbol.for("e280.tracker")]??=new fe;var J=class{sneak;constructor(t){this.sneak=t}get(){return _.notifyRead(this),this.sneak}get value(){return this.get()}};var K=class extends J{on=Rt();dispose(){this.on.clear()}};function Ht(r,t=r){let{seen:e,result:s}=_.observe(r),o=O(0,t),i=[],n=()=>i.forEach(l=>l());for(let l of e){let a=_.subscribe(l,o);i.push(a)}return{result:s,dispose:n}}function Q(r,t){return r===t}var Ut=class extends K{#t;constructor(t,e){let s=e?.compare??Q,{result:o,dispose:i}=Ht(t,async()=>{let n=t();!s(this.sneak,n)&&(this.sneak=n,await Promise.all([_.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 jt=class extends J{#t;#e;#r=!1;#s;constructor(t,e){super(void 0),this.#t=t,this.#e=e?.compare??Q}toString(){return`($lazy "${String(this.get())}")`}get(){if(!this.#s){let{result:t,dispose:e}=Ht(this.#t,()=>this.#r=!0);this.#s=e,this.sneak=t}if(this.#r){this.#r=!1;let t=this.#t();!this.#e(this.sneak,t)&&(this.sneak=t,_.notifyWrite(this))}return super.get()}dispose(){this.#s&&this.#s()}get core(){return this}fn(){let t=this;function e(){return t.get()}return e.core=t,e.get=t.get.bind(t),e.dispose=t.dispose.bind(t),e.fn=t.fn.bind(t),Object.defineProperty(e,"value",{get:()=>t.value}),Object.defineProperty(e,"sneak",{get:()=>t.sneak}),e}};var Dt=class extends K{#t=!1;#e;constructor(t,e){super(t),this.#e=e?.compare??Q}toString(){return`($signal "${String(this.get())}")`}async set(t,e=!1){let s=this.sneak;return this.sneak=t,(e||!this.#e(s,t))&&await this.publish(),t}get value(){return this.get()}set value(t){this.set(t)}async publish(){if(this.#t)throw new Error("forbid circularity");let t=this.sneak,e=Promise.resolve();try{this.#t=!0,e=Promise.all([_.notifyWrite(this),this.on.publish(t)])}finally{this.#t=!1}return await e,t}get core(){return this}fn(){let t=this;function e(s){return arguments.length===0?t.get():t.set(arguments[0])}return e.core=t,e.get=t.get.bind(t),e.set=t.set.bind(t),e.on=t.on,e.dispose=t.dispose.bind(t),e.publish=t.publish.bind(t),e.fn=t.fn.bind(t),Object.defineProperty(e,"value",{get:()=>t.value,set:s=>t.value=s}),Object.defineProperty(e,"sneak",{get:()=>t.sneak,set:s=>t.sneak=s}),e}};function jr(r,t){return new jt(r,t).fn()}function Ze(r,t){return new Ut(r,t).fn()}function w(r,t){return new Dt(r,t).fn()}w.lazy=jr;w.derived=Ze;var M=class{#t=new Z;effect(t,e){let{seen:s,result:o}=_.observe(t);for(let i of s)this.#t.guarantee(i,()=>_.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 G=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 qt(r,t){_t(r,qr(t))}function qr(r){let t=[];if(Array.isArray(r)){let e=new Set(r.flat(1/0).reverse());for(let s of e)t.unshift(W(s))}else r!==void 0&&t.push(W(r));return t}var I={status:r=>r[0],value:r=>r[0]==="ready"?r[1]:void 0,error:r=>r[0]==="error"?r[1]:void 0,select:(r,t)=>{switch(r[0]){case"loading":return t.loading();case"error":return t.error(r[1]);case"ready":return t.ready(r[1]);default:throw new Error("unknown op status")}},morph:(r,t)=>I.select(r,{loading:()=>["loading"],error:e=>["error",e],ready:e=>["ready",t(e)]}),all:(...r)=>{let t=[],e=[],s=0;for(let o of r)switch(o[0]){case"loading":s++;break;case"ready":t.push(o[1]);break;case"error":e.push(o[1]);break}return e.length>0?["error",e]:s===0?["ready",t]:["loading"]}};var tt=class{static loading(){return new this}static ready(t){return new this(["ready",t])}static error(t){return new this(["error",t])}static promise(t){let e=new this;return e.promise(t),e}static load(t){return this.promise(t())}static all(...t){let e=t.map(s=>s.pod);return I.all(...e)}signal;#t=0;#e=ue();#r=ue();constructor(t=["loading"]){this.signal=w(t)}get wait(){return new Promise((t,e)=>{this.#e.next().then(([s])=>t(s)),this.#r.next().then(([s])=>e(s))})}get then(){return this.wait.then.bind(this.wait)}get catch(){return this.wait.catch.bind(this.wait)}get finally(){return this.wait.finally.bind(this.wait)}async setLoading(){await this.signal.set(["loading"])}async setReady(t){await this.signal.set(["ready",t]),await this.#e(t)}async setError(t){await this.signal.set(["error",t]),await this.#r(t)}async promise(t){let e=++this.#t;await this.setLoading();try{let s=await t;return e===this.#t&&await this.setReady(s),s}catch(s){console.error(s),e===this.#t&&await this.setError(s)}}async load(t){return this.promise(t())}get pod(){return this.signal.get()}set pod(t){this.signal.set(t)}get status(){return this.signal.get()[0]}get value(){return I.value(this.signal.get())}get error(){return I.error(this.signal.get())}get isLoading(){return this.status==="loading"}get isReady(){return this.status==="ready"}get isError(){return this.status==="error"}require(){let t=this.signal.get();if(t[0]!=="ready")throw new Error("required value not ready");return t[1]}select(t){return I.select(this.signal.get(),t)}morph(t){return I.morph(this.pod,t)}};var Lt=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 Vt=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 mt=Symbol(),ft=Symbol(),gt=Symbol(),et=class{element;shadow;renderNow;render;attrs;#t=0;#e=0;#r=new Z;#s=dt();#o=new Lt;[mt](t){this.#t++,this.#e=0,this.#s=dt();let e=t();return this.#s.resolve(),e}[ft](){this.#o.unmountAll()}[gt](){this.#o.remountAll()}constructor(t,e,s,o){this.element=t,this.shadow=e,this.renderNow=s,this.render=o,this.attrs=new Vt(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(()=>qt(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(()=>tt.load(s))}return e.load=e,e.promise=s=>this.once(()=>tt.promise(s)),e})();signal=(()=>{let t=this;function e(s,o){return t.once(()=>w(s,o))}return e.derived=function(o,i){return t.once(()=>w.derived(o,i))},e.lazy=function(o,i){return t.once(()=>w.lazy(o,i))},e})();derived(t,e){return this.once(()=>w.derived(t,e))}lazy(t,e){return this.once(()=>w.lazy(t,e))}};var B=class extends HTMLElement{static styles;shadow;#t;#e=0;#r=new M;#s=new G(this,()=>this.update());createShadow(){return this.attachShadow({mode:"open"})}constructor(){super(),this.shadow=this.createShadow(),this.#t=new et(this,this.shadow,this.updateNow,this.update)}render(t){}updateNow=()=>{this.#t[mt](()=>{u.render(this.shadow,this.#r.effect(()=>this.render(this.#t),this.update))})};update=O(0,this.updateNow);connectedCallback(){if(this.#e===0){let t=this.constructor.styles;t&&qt(this.shadow,t),this.updateNow()}else this.#t[gt]();this.#s.start(),this.#e++}disconnectedCallback(){this.#t[ft](),this.#r.clear(),this.#s.stop()}};var It=class{#t;#e;constructor(t,e){this.#e=t,this.#t=e}attr(t,e=!0){return this.#e.attrs.set(t,e),this}attrs(t){for(let[e,s]of Object.entries(t))this.#e.attrs.set(e,s);return this}children(...t){return this.#e.children.push(...t),this}render(){return this.#t(this.#e)}};var bt=class{props;attrs=new Map;children=[];constructor(t){this.props=t}};function Je(r,t,e,s){return class extends t{static view=rt(s,r);#t=new M;createShadow(){return this.attachShadow(r)}render(i){return s(i)(...this.#t.effect(()=>e(this),()=>this.update()))}}}var{I:vn}=Ne;var Ke=r=>r.strings===void 0;var Qe={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},ge=r=>(...t)=>({_$litDirective$:r,values:t}),Wt=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,s){this._$Ct=t,this._$AM=e,this._$Ci=s}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};var yt=(r,t)=>{let e=r._$AN;if(e===void 0)return!1;for(let s of e)s._$AO?.(t,!1),yt(s,t);return!0},Ft=r=>{let t,e;do{if((t=r._$AM)===void 0)break;e=t._$AN,e.delete(r),r=t}while(e?.size===0)},Ge=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),Ir(t)}};function Lr(r){this._$AN!==void 0?(Ft(this),this._$AM=r,Ge(this)):this._$AM=r}function Vr(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++)yt(s[i],!1),Ft(s[i]);else s!=null&&(yt(s,!1),Ft(s));else yt(this,r)}var Ir=r=>{r.type==Qe.CHILD&&(r._$AP??=Vr,r._$AQ??=Lr)},Xt=class extends Wt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,s){super._$AT(t,e,s),Ge(this),this.isConnected=t._$AU}_$AO(t,e=!0){t!==this.isConnected&&(this.isConnected=t,t?this.reconnected?.():this.disconnected?.()),e&&(yt(this,t),Ft(this))}setValue(t){if(Ke(this._$Ct))this._$Ct._$AI(t,this);else{let e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}};var Yt=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 Zt=class{viewFn;settings;#t=Yt.make();#e=new M;#r;#s;#o;#i=new G(this.#t,()=>this.#a());constructor(t,e){this.viewFn=t,this.settings=e,this.#s=this.#t.attachShadow(this.settings),this.#r=new et(this.#t,this.#s,this.#n,this.#a)}update(t){return this.#o=t,this.#n(),this.#t}#n=()=>{this.#r[mt](()=>{let t=this.#e.effect(()=>this.viewFn(this.#r)(...this.#o.props),()=>this.#a());Mt(this.#t,[...this.#o.attrs]),u.render(this.#s,t),u.render(this.#t,this.#o.children),this.#i.start()})};#a=O(0,this.#n);disconnected(){this.#r[ft](),this.#e.clear(),this.#i.stop()}reconnected(){this.#r[gt](),this.#i.start()}};function tr(r,t){return ge(class extends Xt{#t=new Zt(r,t);render(s){return this.#t.update(s)}disconnected(){this.#t.disconnected()}reconnected(){this.#t.reconnected()}})}function rt(r,t){let e=tr(r,t);function s(...o){return e(new bt(o))}return s.props=(...o)=>new It(new bt(o),e),s.transmute=o=>rt(n=>{let l=r(n);return(...a)=>l(...o(...a))},t),s.component=(o=B)=>({props:i=>Je(t,o,i,r)}),s}function f(r){return rt(r,{mode:"open"})}f.settings=r=>({render:t=>rt(t,r)});f.render=f;f.component=r=>f(t=>()=>r(t)).component(B).props(()=>[]);function m(r,t){return()=>Wr({hz:r,frames:t})}var Wr=f(r=>({hz:t,frames:e})=>{r.name("loading"),r.styles(Y,Fr);let s=r.signal(0);return r.mount(()=>He(async()=>{await Ue(1e3/t);let o=s.get()+1;s.set(o>=e.length?0:o)})),e.at(s.get())}),Fr=p`
|
|
19
|
+
`;function O(r,t){let e,s,o=[];function n(){e=[],s&&clearTimeout(s),s=void 0,o=[]}return n(),((...i)=>{e=i,s&&clearTimeout(s);let l=new Promise((a,u)=>{o.push({resolve:a,reject:u})});return s=setTimeout(()=>{Promise.resolve().then(()=>t(...e)).then(a=>{for(let{resolve:u}of o)u(a);n()}).catch(a=>{for(let{reject:u}of o)u(a);n()})},r),l})}function qr(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 qe=qr;function ut(){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 Pt=class{getRefill;#t=[];constructor(t){this.getRefill=t,this.#e()}get currentStock(){return[...this.#t]}#e(){if(this.#t.length===0&&(this.#t=[...this.getRefill()]),this.#t.length===0)throw new Error("dispenser's getRefill returned an empty array")}takeAll(){let t=this.#t;return this.#t=[...this.getRefill()],t}takeRandom(){this.#e();let t=Math.floor(Math.random()*this.#t.length),[e]=this.#t.splice(t,1);return e}takeFirst(){return this.#e(),this.#t.shift()}takeLast(){return this.#e(),this.#t.pop()}shift=this.takeFirst.bind(this);pop=this.takeLast.bind(this)};var Z=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 Le=(r=0)=>new Promise(t=>setTimeout(t,r));function Ot(r){return{map:t=>Ve(r,t),filter:t=>Ie(r,t)}}Ot.pipe=Object.freeze({map:r=>(t=>Ve(t,r)),filter:r=>(t=>Ie(t,r))});var Ve=(r,t)=>Object.fromEntries(Object.entries(r).map(([e,s])=>[e,t(s,e)])),Ie=(r,t)=>Object.fromEntries(Object.entries(r).filter(([e,s])=>t(s,e)));function We(){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:g}=ut(),p=o(async(...b)=>{a&&await a(...b),g(b),p()});return u}function i(){r.clear()}let l={pub:s,sub:o,publish:t,subscribe:e,on:e,next:n,clear:i};return Object.assign(o,l),Object.assign(s,l),l}function Rt(r){let t=We();return r&&t.sub(r),t.sub}function de(r){let t=We();return r&&t.sub(r),t.pub}function Fe(r){let t=r.split(/\r|\n/),e;for(let o of t)if(!/^\s+$/.test(o)){let i=o.match(/^(\t+).+/);if(i){let l=i[1].length;if(e=e===void 0||l<e?l:e,e===0)break}}let s=new RegExp(`^\\t{${e}}`);return t.map(o=>/^\s+$/.test(o)?"":o).map(o=>o.replace(s,"")).join(`
|
|
20
|
+
`)}function Lr(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 Mt(r,t){for(let[e,s]of t)Lr(r,e,s)}function Xe(r,t){let e=document.createElement(r);return Mt(e,Object.entries(t)),e}function Ye(r,t){let e=new MutationObserver(t);return e.observe(r,{attributes:!0}),()=>e.disconnect()}var $={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 Ze=(r,t)=>new Proxy(t,{get:(e,s)=>{switch(t[s]){case String:return $.get.string(r,s);case Number:return $.get.number(r,s);case Boolean:return $.get.boolean(r,s);default:throw new Error(`invalid attribute type for "${s}"`)}},set:(e,s,o)=>{switch(t[s]){case String:return $.set.string(r,s,o);case Number:return $.set.number(r,s,o);case Boolean:return $.set.boolean(r,s,o);default:throw new Error(`invalid attribute type for "${s}"`)}}});var Bt=class{element;constructor(t){this.element=t}strings=new Proxy({},{get:(t,e)=>$.get.string(this.element,e),set:(t,e,s)=>$.set.string(this.element,e,s)});numbers=new Proxy({},{get:(t,e)=>$.get.number(this.element,e),set:(t,e,s)=>$.set.number(this.element,e,s)});booleans=new Proxy({},{get:(t,e)=>$.get.boolean(this.element,e),set:(t,e,s)=>$.set.boolean(this.element,e,s)})};function dt(r){let t=new Bt(r);return{strings:t.strings,numbers:t.numbers,booleans:t.booleans,on:e=>Ye(r,e),spec:e=>Ze(r,e)}}dt.get=$.get;dt.set=$.set;function me(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 Je(r){return r.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function Ke(r,t={}){let{soft:e=!1,upgrade:s=!0}=t;for(let[o,n]of Object.entries(r)){let i=Je(o),l=customElements.get(i);e&&l||(customElements.define(i,n),s&&document.querySelectorAll(i).forEach(a=>{a.constructor===HTMLElement&&customElements.upgrade(a)}))}}function Qe(r,t){let e=r.querySelector(t);if(!e)throw new Error(`element not found (${t})`);return e}var Nt=class r{element;constructor(t){this.element=t}in(t){return new r(typeof t=="string"?Qe(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 ht(t,this.element)}attrs(){return dt(this.element)}events(t){return me(this.element,t)}};function d(r){return typeof r=="string"?Qe(document,r):new Nt(r)}var R=new Nt(document);d.in=R.in.bind(R);d.require=R.require.bind(R);d.maybe=R.maybe.bind(R);d.all=R.all.bind(R);d.el=Xe;d.events=me;d.attrs=dt;d.register=Ke;d.render=(r,...t)=>ht(t,r);var fe=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=Rt(),this.#e.set(t,e)),e}},_=globalThis[Symbol.for("e280.tracker")]??=new fe;var J=class{sneak;constructor(t){this.sneak=t}get(){return _.notifyRead(this),this.sneak}get value(){return this.get()}};var K=class extends J{on=Rt();dispose(){this.on.clear()}};function Ht(r,t=r){let{seen:e,result:s}=_.observe(r),o=O(0,t),n=[],i=()=>n.forEach(l=>l());for(let l of e){let a=_.subscribe(l,o);n.push(a)}return{result:s,dispose:i}}function Q(r,t){return r===t}var Ut=class extends K{#t;constructor(t,e){let s=e?.compare??Q,{result:o,dispose:n}=Ht(t,async()=>{let i=t();!s(this.sneak,i)&&(this.sneak=i,await Promise.all([_.notifyWrite(this),this.on.pub(i)]))});super(o),this.#t=n}toString(){return`(derived "${String(this.get())}")`}dispose(){super.dispose(),this.#t()}get core(){return this}fn(){let t=this;function e(){return t.get()}return e.core=t,e.get=t.get.bind(t),e.on=t.on,e.dispose=t.dispose.bind(t),e.fn=t.fn.bind(t),Object.defineProperty(e,"value",{get:()=>t.value}),Object.defineProperty(e,"sneak",{get:()=>t.sneak}),e}};var jt=class extends J{#t;#e;#r=!1;#s;constructor(t,e){super(void 0),this.#t=t,this.#e=e?.compare??Q}toString(){return`($lazy "${String(this.get())}")`}get(){if(!this.#s){let{result:t,dispose:e}=Ht(this.#t,()=>this.#r=!0);this.#s=e,this.sneak=t}if(this.#r){this.#r=!1;let t=this.#t();!this.#e(this.sneak,t)&&(this.sneak=t,_.notifyWrite(this))}return super.get()}dispose(){this.#s&&this.#s()}get core(){return this}fn(){let t=this;function e(){return t.get()}return e.core=t,e.get=t.get.bind(t),e.dispose=t.dispose.bind(t),e.fn=t.fn.bind(t),Object.defineProperty(e,"value",{get:()=>t.value}),Object.defineProperty(e,"sneak",{get:()=>t.sneak}),e}};var Dt=class extends K{#t=!1;#e;constructor(t,e){super(t),this.#e=e?.compare??Q}toString(){return`($signal "${String(this.get())}")`}async set(t,e=!1){let s=this.sneak;return this.sneak=t,(e||!this.#e(s,t))&&await this.publish(),t}get value(){return this.get()}set value(t){this.set(t)}async publish(){if(this.#t)throw new Error("forbid circularity");let t=this.sneak,e=Promise.resolve();try{this.#t=!0,e=Promise.all([_.notifyWrite(this),this.on.publish(t)])}finally{this.#t=!1}return await e,t}get core(){return this}fn(){let t=this;function e(s){return arguments.length===0?t.get():t.set(arguments[0])}return e.core=t,e.get=t.get.bind(t),e.set=t.set.bind(t),e.on=t.on,e.dispose=t.dispose.bind(t),e.publish=t.publish.bind(t),e.fn=t.fn.bind(t),Object.defineProperty(e,"value",{get:()=>t.value,set:s=>t.value=s}),Object.defineProperty(e,"sneak",{get:()=>t.sneak,set:s=>t.sneak=s}),e}};function Vr(r,t){return new jt(r,t).fn()}function Ge(r,t){return new Ut(r,t).fn()}function v(r,t){return new Dt(r,t).fn()}v.lazy=Vr;v.derived=Ge;var M=class{#t=new Z;effect(t,e){let{seen:s,result:o}=_.observe(t);for(let n of s)this.#t.guarantee(n,()=>_.subscribe(n,e));for(let[n,i]of this.#t)s.has(n)||(i(),this.#t.delete(n));return o}clear(){for(let t of this.#t.values())t();this.#t.clear()}};var G=class{element;response;#t;constructor(t,e){this.element=t,this.response=e}start(){this.#t||(this.#t=d.attrs(this.element).on(this.response))}stop(){this.#t&&this.#t(),this.#t=void 0}};function qt(r,t){_t(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(W(s))}else r!==void 0&&t.push(W(r));return t}var I={status:r=>r[0],value:r=>r[0]==="ready"?r[1]:void 0,error:r=>r[0]==="error"?r[1]:void 0,select:(r,t)=>{switch(r[0]){case"loading":return t.loading();case"error":return t.error(r[1]);case"ready":return t.ready(r[1]);default:throw new Error("unknown op status")}},morph:(r,t)=>I.select(r,{loading:()=>["loading"],error:e=>["error",e],ready:e=>["ready",t(e)]}),all:(...r)=>{let t=[],e=[],s=0;for(let o of r)switch(o[0]){case"loading":s++;break;case"ready":t.push(o[1]);break;case"error":e.push(o[1]);break}return e.length>0?["error",e]:s===0?["ready",t]:["loading"]}};var tt=class{static loading(){return new this}static ready(t){return new this(["ready",t])}static error(t){return new this(["error",t])}static promise(t){let e=new this;return e.promise(t),e}static load(t){return this.promise(t())}static all(...t){let e=t.map(s=>s.pod);return I.all(...e)}signal;#t=0;#e=de();#r=de();constructor(t=["loading"]){this.signal=v(t)}get wait(){return new Promise((t,e)=>{this.#e.next().then(([s])=>t(s)),this.#r.next().then(([s])=>e(s))})}get then(){return this.wait.then.bind(this.wait)}get catch(){return this.wait.catch.bind(this.wait)}get finally(){return this.wait.finally.bind(this.wait)}async setLoading(){await this.signal.set(["loading"])}async setReady(t){await this.signal.set(["ready",t]),await this.#e(t)}async setError(t){await this.signal.set(["error",t]),await this.#r(t)}async promise(t){let e=++this.#t;await this.setLoading();try{let s=await t;return e===this.#t&&await this.setReady(s),s}catch(s){console.error(s),e===this.#t&&await this.setError(s)}}async load(t){return this.promise(t())}get pod(){return this.signal.get()}set pod(t){this.signal.set(t)}get status(){return this.signal.get()[0]}get value(){return I.value(this.signal.get())}get error(){return I.error(this.signal.get())}get isLoading(){return this.status==="loading"}get isReady(){return this.status==="ready"}get isError(){return this.status==="error"}require(){let t=this.signal.get();if(t[0]!=="ready")throw new Error("required value not ready");return t[1]}select(t){return I.select(this.signal.get(),t)}morph(t){return I.morph(this.pod,t)}};var Lt=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 Vt=class{#t;#e;constructor(t){this.#t=t,this.#e=d.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 mt=Symbol(),ft=Symbol(),bt=Symbol(),et=class{element;shadow;renderNow;render;attrs;#t=0;#e=0;#r=new Z;#s=ut();#o=new Lt;[mt](t){this.#t++,this.#e=0,this.#s=ut();let e=t();return this.#s.resolve(),e}[ft](){this.#o.unmountAll()}[bt](){this.#o.remountAll()}constructor(t,e,s,o){this.element=t,this.shadow=e,this.renderNow=s,this.render=o,this.attrs=new Vt(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(()=>qt(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(()=>tt.load(s))}return e.load=e,e.promise=s=>this.once(()=>tt.promise(s)),e})();signal=(()=>{let t=this;function e(s,o){return t.once(()=>v(s,o))}return e.derived=function(o,n){return t.once(()=>v.derived(o,n))},e.lazy=function(o,n){return t.once(()=>v.lazy(o,n))},e})();derived(t,e){return this.once(()=>v.derived(t,e))}lazy(t,e){return this.once(()=>v.lazy(t,e))}};var B=class extends HTMLElement{static styles;shadow;#t;#e=0;#r=new M;#s=new G(this,()=>this.update());createShadow(){return this.attachShadow({mode:"open"})}constructor(){super(),this.shadow=this.createShadow(),this.#t=new et(this,this.shadow,this.updateNow,this.update)}render(t){}updateNow=()=>{this.#t[mt](()=>{d.render(this.shadow,this.#r.effect(()=>this.render(this.#t),this.update))})};update=O(0,this.updateNow);connectedCallback(){if(this.#e===0){let t=this.constructor.styles;t&&qt(this.shadow,t),this.updateNow()}else this.#t[bt]();this.#s.start(),this.#e++}disconnectedCallback(){this.#t[ft](),this.#r.clear(),this.#s.stop()}};var It=class{#t;#e;constructor(t,e){this.#e=t,this.#t=e}attr(t,e=!0){return this.#e.attrs.set(t,e),this}attrs(t){for(let[e,s]of Object.entries(t))this.#e.attrs.set(e,s);return this}children(...t){return this.#e.children.push(...t),this}render(){return this.#t(this.#e)}};var gt=class{props;attrs=new Map;children=[];constructor(t){this.props=t}};function tr(r,t,e,s){return class extends t{static view=rt(s,r);#t=new M;createShadow(){return this.attachShadow(r)}render(n){return s(n)(...this.#t.effect(()=>e(this),()=>this.update()))}}}var{I:wi}=De;var er=r=>r.strings===void 0;var rr={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},be=r=>(...t)=>({_$litDirective$:r,values:t}),Wt=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,s){this._$Ct=t,this._$AM=e,this._$Ci=s}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};var yt=(r,t)=>{let e=r._$AN;if(e===void 0)return!1;for(let s of e)s._$AO?.(t,!1),yt(s,t);return!0},Ft=r=>{let t,e;do{if((t=r._$AM)===void 0)break;e=t._$AN,e.delete(r),r=t}while(e?.size===0)},sr=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),Yr(t)}};function Fr(r){this._$AN!==void 0?(Ft(this),this._$AM=r,sr(this)):this._$AM=r}function Xr(r,t=!1,e=0){let s=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(t)if(Array.isArray(s))for(let n=e;n<s.length;n++)yt(s[n],!1),Ft(s[n]);else s!=null&&(yt(s,!1),Ft(s));else yt(this,r)}var Yr=r=>{r.type==rr.CHILD&&(r._$AP??=Xr,r._$AQ??=Fr)},Xt=class extends Wt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,s){super._$AT(t,e,s),sr(this),this.isConnected=t._$AU}_$AO(t,e=!0){t!==this.isConnected&&(this.isConnected=t,t?this.reconnected?.():this.disconnected?.()),e&&(yt(this,t),Ft(this))}setValue(t){if(er(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 Yt=class r extends HTMLElement{static#t=!1;static make(){return this.#t||(d.register({SlyView:r},{soft:!0,upgrade:!0}),this.#t=!0),document.createElement("sly-view")}};var Zt=class{viewFn;settings;#t=Yt.make();#e=new M;#r;#s;#o;#n=new G(this.#t,()=>this.#a());constructor(t,e){this.viewFn=t,this.settings=e,this.#s=this.#t.attachShadow(this.settings),this.#r=new et(this.#t,this.#s,this.#i,this.#a)}update(t){return this.#o=t,this.#i(),this.#t}#i=()=>{this.#r[mt](()=>{let t=this.#e.effect(()=>this.viewFn(this.#r)(...this.#o.props),()=>this.#a());Mt(this.#t,[...this.#o.attrs]),d.render(this.#s,t),d.render(this.#t,this.#o.children),this.#n.start()})};#a=O(0,this.#i);disconnected(){this.#r[ft](),this.#e.clear(),this.#n.stop()}reconnected(){this.#r[bt](),this.#n.start()}};function or(r,t){return be(class extends Xt{#t=new Zt(r,t);render(s){return this.#t.update(s)}disconnected(){this.#t.disconnected()}reconnected(){this.#t.reconnected()}})}function rt(r,t){let e=or(r,t);function s(...o){return e(new gt(o))}return s.props=(...o)=>new It(new gt(o),e),s.transmute=o=>rt(i=>{let l=r(i);return(...a)=>l(...o(...a))},t),s.component=(o=B)=>({props:n=>tr(t,o,n,r)}),s}function f(r){return rt(r,{mode:"open"})}f.settings=r=>({render:t=>rt(t,r)});f.render=f;f.component=r=>f(t=>()=>r(t)).component(B).props(()=>[]);function m(r,t){return()=>Zr({hz:r,frames:t})}var Zr=f(r=>({hz:t,frames:e})=>{r.name("loading"),r.styles(Y,Jr);let s=r.signal(0);return r.mount(()=>qe(async()=>{await Le(1e3/t);let o=s.get()+1;s.set(o>=e.length?0:o)})),e.at(s.get())}),Jr=c`
|
|
21
21
|
:host {
|
|
22
22
|
font-family: monospace;
|
|
23
23
|
white-space: pre;
|
|
24
24
|
user-select: none;
|
|
25
25
|
}
|
|
26
|
-
`;var y=20,st=10,ot=4,
|
|
26
|
+
`;var y=20,st=10,ot=4,na=m(y,["|","/","-","\\"]),ia=m(y,["\u2808","\u2810","\u2820","\u2880","\u2840","\u2804","\u2802","\u2801"]),aa=m(y,["\u2B06\uFE0F","\u2197\uFE0F","\u27A1\uFE0F","\u2198\uFE0F","\u2B07\uFE0F","\u2199\uFE0F","\u2B05\uFE0F","\u2196\uFE0F"]),la=m(y,["\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"]),pa=m(y,["\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"]),ca=m(y,["\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"]),ha=m(y,["\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"]),ua=m(y,["\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"]),da=m(y,["\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"]),ma=m(ot,["\u{1F6B6}","\u{1F3C3}"]),fa=m(st,["\u25F7","\u25F6","\u25F5","\u25F4"]),ba=m(y,["=----","-=---","--=--","---=-","----=","----=","---=-","--=--","-=---","=----"]),ga=m(y,["o----","-o---","--o--","---o-","----o","----o","---o-","--o--","-o---","o----"]),ya=m(st,["[ ]","[ ]","[= ]","[== ]","[===]","[ ==]","[ =]"]),xa=m(st,["[ ]","[ ]","[= ]","[== ]","[===]","[ ==]","[ =]","[ ]","[ ]","[ =]","[ ==]","[===]","[== ]","[= ]"]),va=m(st,[" "," ",". ",".. ","..."," .."," ."]),wa=m(y,[". ",". ",".. ","..."," .."," ."," ."," ..","...",".. "]),$a=m(y,[".....",".....",":....","::...",":::..","::::.",":::::",":::::",".::::","..:::","...::","....:"]),_a=m(y,[":....",":....","::...",".::..","..::.","...::","....:","....:","...::","..::.",".::..","::..."]),Aa=m(y,[".....",".....","..:..",".:::.",".:::.",":::::",":::::","::.::",":...:"]),Sa=m(y,[".....",".....","..:..",".:::.",".:::.",":::::",":::::","::.::",":...:",".....",".....",":...:","::.::",":::::",":::::",".:::.",".:::.","..:.."]),ka=m(y,["000","100","110","111","011","001"]),Ca=m(y,["11111","01111","00111","10011","11001","01100","00110","10011","11001","11100","11110"]),Ea=m(y,["11111","01111","10111","11011","11101","11110","11111","11110","11101","11011","10111","01111"]),Ta=m(ot,["\u{1F539}","\u{1F535}"]),za=m(st,["\u{1F642}","\u{1F642}","\u{1F617}","\u{1F619}","\u{1F618}","\u{1F618}","\u{1F619}"]),Pa=m(y,["\u{1F550}","\u{1F551}","\u{1F552}","\u{1F553}","\u{1F554}","\u{1F555}","\u{1F556}","\u{1F557}","\u{1F558}","\u{1F559}","\u{1F55A}","\u{1F55B}"]),Oa=m(y,["\u{1F91C} \u{1F91B}","\u{1F91C} \u{1F91B}","\u{1F91C} \u{1F91B}"," \u{1F91C} \u{1F91B} "," \u{1F91C}\u{1F91B} "," \u{1F91C}\u{1F91B} "," \u{1F91C}\u{1F4A5}\u{1F91B} ","\u{1F91C} \u{1F4A5} \u{1F91B}","\u{1F91C} \u2728 \u{1F91B}","\u{1F91C} \u2728 \u{1F91B}"]),Kr=m(ot,["\u{1F30E}","\u{1F30F}","\u{1F30D}"]),Ra=m(ot,["\u{1F513}","\u{1F512}"]),Ma=m(ot,["\u{1F505}","\u{1F506}"]),Ba=m(ot,["\u{1F508}","\u{1F508}","\u{1F509}","\u{1F50A}","\u{1F50A}","\u{1F509}"]),Na=m(st,["\u{1F311}","\u{1F311}","\u{1F311}","\u{1F318}","\u{1F317}","\u{1F316}","\u{1F315}","\u{1F314}","\u{1F313}","\u{1F312}"]);var Gr=f(r=>t=>(r.name("error"),r.styles(Y,ts),typeof t=="string"?t:t instanceof Error?h`<strong>${t.name}:</strong> <span>${t.message}</span>`:"error")),ts=c`
|
|
27
27
|
:host {
|
|
28
28
|
font-family: monospace;
|
|
29
29
|
color: red;
|
|
30
30
|
}
|
|
31
|
-
`;function
|
|
31
|
+
`;function os(r,t){return t.transmute((...e)=>[r,...e])}function ir(r){return Ot(r).map(t=>t.view)}function ar(r,t){return Ot(t).map(e=>class extends e{context=r;static view=os(r,super.view)})}var lr=()=>new Pt(()=>["lorem kettlebell dolor sit amet, mountain squats consectetur trail-running. adipiscing deadlift elit, sed do 45lb turkish get-up eiusmod tempor incididunt ut hike magna aliqua. ut enim ad minim clean & press, quis nostrud exercitation lunges ullamco kettlebell snatch trailhead nisi ut aliquip ex dolore summit irure dolor.","lorem protein dolor sit amet, creatine scoop elit shaker bottle tempor. grilled steak magna keto-fasting culpa, carb-loading perspiciatis cheat day. whey isolate dolor sit macros elit, intermittent fasting tempor electrolyte magna; barefoot shoes culpa, liver perspiciatis ancestral squat rack gospel. lorem bulking dolor sit cut elit, tdee tracker tempor calorie deficit magna; chicken breast culpa gatorade perspiciatis meal prep.","lorem caffeine dolor sit amet, double espresso elit cold brew tempor jitter. adderall magna focus culpa, lion\u2019s mane perspiciatis nootropic. nicotine gum dolor sit vape elit, dopamine hit tempor buzz magna; lsd microdosing culpa, productivity perspiciatis agile sprint. lorem latte dolor sit drip elit, french press tempor aeropress magna; insomnia culpa, circadian rhythm perspiciatis blue light filter.","lorem arch dolor sit amet, pacman -Syu elit rolling release tempor breakage. i3-gaps commodo tiling, bspwm magna culpa xinitrc. alias neovim configs in .dotfiles forest, r/unixporn veniam rice showcase perspiciatis.","lorem authlocal dolor sit amet, user-sovereign identity elit, cryptographic tempor signatures. ed25519 magna keypair culpa, elliptic perspiciatis handshake ut zero-knowledge proof. decentralized login elit mnemonic seed tempor recovery phrase. did magna alias culpa federation, lorem oauth2 perspiciatis antiquated.","lorem webgpu dolor sit amet, fragment shader elit vertex buffer tempor pipeline; bindgroup magna sampler culpa, wgsl perspiciatis alignment bug. compute pass workgroup barrier magna, mipmap cascade culpa drawcall instancing overflow. spir-v dolor sit wasm elit, canvas context lost magna; fallback webgl2 perspiciatis, polyfill slowpath dolore, glsl antique culpa extension hell 144hz tearing. command encoder perspiciatis out-of-memory, chromium nightly.","lorem sedentary dolor sit amet, infinite scroll elit chair-bound tempor. commit marathon magna carpal tunnel culpa, caffeine perspiciatis heartbeat irregular. lorem backlog dolor sit ticket elit, jira sprint tempor sedentary slump magna; gym membership culpa expired, standing desk perspiciatis unused. lorem procrastination dolor sit youtube elit, keyboard crumbs tempor pizza box magna; cardio avoidant culpa, hike someday perspiciatis maybe."]);var ge=lr(),N=()=>ge.takeFirst();var pr=c`@layer view {
|
|
32
32
|
|
|
33
33
|
:host {
|
|
34
34
|
position: relative;
|
|
@@ -67,6 +67,9 @@ var wt=globalThis,vt=wt.ShadowRoot&&(wt.ShadyCSS===void 0||wt.ShadyCSS.nativeSha
|
|
|
67
67
|
|
|
68
68
|
header {
|
|
69
69
|
display: flex;
|
|
70
|
+
flex-wrap: wrap;
|
|
71
|
+
place-content: center center;
|
|
72
|
+
gap: 0.5em;
|
|
70
73
|
|
|
71
74
|
h2 {
|
|
72
75
|
flex: 1 1 auto;
|
|
@@ -75,7 +78,7 @@ header {
|
|
|
75
78
|
}
|
|
76
79
|
|
|
77
80
|
}`;function Jt(){return{bg:"#111",alpha:"#def",lame:"#8888",angry:"#f50",zesty:"#cf0",happy:"#0fa",calm:"#0af",sad:"#74f",quirky:"#f49","inactive-opacity":"0.5","anim-duration":"300ms"}}function Kt(r){return $t(Object.entries(r).map(([t,e])=>`--${t}: var(--shiny-${t}, ${e});`).join(`
|
|
78
|
-
`))}var
|
|
81
|
+
`))}var cr=c`@layer overlay {
|
|
79
82
|
|
|
80
83
|
:host {
|
|
81
84
|
${Kt({...Jt()})}
|
|
@@ -131,14 +134,14 @@ header {
|
|
|
131
134
|
|
|
132
135
|
:host([view="shiny-drawer"]:not([plain])) {
|
|
133
136
|
display: block;
|
|
137
|
+
--slate-bg: linear-gradient(
|
|
138
|
+
to top right,
|
|
139
|
+
color-mix(in oklab, var(--calm), #222 50%),
|
|
140
|
+
color-mix(in oklab, var(--calm), #888 50%)
|
|
141
|
+
);
|
|
134
142
|
|
|
135
143
|
&::part(slate) {
|
|
136
144
|
padding: 1em;
|
|
137
|
-
background: linear-gradient(
|
|
138
|
-
to top right,
|
|
139
|
-
#00a9dd69,
|
|
140
|
-
#70ffd77a
|
|
141
|
-
);
|
|
142
145
|
}
|
|
143
146
|
}
|
|
144
147
|
|
|
@@ -154,13 +157,13 @@ header {
|
|
|
154
157
|
}
|
|
155
158
|
}
|
|
156
159
|
|
|
157
|
-
}`;var
|
|
160
|
+
}`;var hr=c`@layer overlay {
|
|
158
161
|
|
|
159
162
|
:host {
|
|
160
163
|
${Kt(Jt())}
|
|
161
164
|
}
|
|
162
165
|
|
|
163
|
-
}`;var
|
|
166
|
+
}`;var ur=c`@layer view {
|
|
164
167
|
|
|
165
168
|
:host {
|
|
166
169
|
opacity: 0.8;
|
|
@@ -219,7 +222,7 @@ slot {
|
|
|
219
222
|
display: contents;
|
|
220
223
|
}
|
|
221
224
|
|
|
222
|
-
}`;var A=
|
|
225
|
+
}`;var A=c`
|
|
223
226
|
|
|
224
227
|
@layer reset, underlay, view, overlay;
|
|
225
228
|
|
|
@@ -229,14 +232,14 @@ ${Y}
|
|
|
229
232
|
[hidden] { display: none !important; }
|
|
230
233
|
}
|
|
231
234
|
|
|
232
|
-
`;var S=class extends B{context};var Qt=class extends f(t=>(e,s)=>{t.name("shiny-button"),t.styles(A,e.theme,
|
|
235
|
+
`;var S=class extends B{context};var Qt=class extends f(t=>(e,s)=>{t.name("shiny-button"),t.styles(A,e.theme,ur);let o=t.attrs.spec({disabled:Boolean,hidden:Boolean});return h`
|
|
233
236
|
<button
|
|
234
237
|
part=button
|
|
235
238
|
?disabled="${o.disabled}"
|
|
236
239
|
?hidden="${o.hidden}">
|
|
237
240
|
<slot>${s}</slot>
|
|
238
241
|
</button>
|
|
239
|
-
`}).component(S).props(t=>[t.context]){};var
|
|
242
|
+
`}).component(S).props(t=>[t.context]){};var dr=c`@layer view {
|
|
240
243
|
|
|
241
244
|
button {
|
|
242
245
|
background: transparent;
|
|
@@ -278,16 +281,17 @@ svg {
|
|
|
278
281
|
height: 1em;
|
|
279
282
|
}
|
|
280
283
|
|
|
281
|
-
}`;var ye=C`<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
|
|
282
|
-
<button data-status="${
|
|
283
|
-
${
|
|
284
|
+
}`;var ye=C`<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 mr=C`<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 fr=C`<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 Gt=class extends f(t=>(e,s,o=1e3)=>{t.name("shiny-copy"),t.styles(A,e.theme,dr);let n=()=>s===void 0?"invalid":"neutral",i=t.signal(n()),l=t.once(()=>O(o,()=>i.set(n()))),a=t.once(()=>async p=>{await i.set(p),await l()});async function u(){if(s!==void 0)try{if(t.attrs.booleans.fail)throw new Error("copy failed on purpose for testing purposes");await navigator.clipboard.writeText(s),await a("good")}catch(p){console.error(p),await a("bad")}}let g=(()=>{switch(i.get()){case"neutral":return ye;case"invalid":return ye;case"good":return fr;case"bad":return mr;default:throw new Error("unknown copy status")}})();return h`
|
|
285
|
+
<button data-status="${i.get()}" @click="${u}">
|
|
286
|
+
${g}
|
|
284
287
|
</button>
|
|
285
|
-
`}).component(class extends S{#t=
|
|
288
|
+
`}).component(class extends S{#t=d.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 br=c`@layer view {
|
|
286
289
|
|
|
287
290
|
:host {
|
|
288
291
|
display: block;
|
|
289
292
|
width: 100%;
|
|
290
293
|
height: 100%;
|
|
294
|
+
--slate-bg: transparent;
|
|
291
295
|
--button-size: 2em;
|
|
292
296
|
--blanket-backdrop-filter: blur(0.5em);
|
|
293
297
|
--slate-hidden-opacity: 1;
|
|
@@ -346,6 +350,7 @@ svg {
|
|
|
346
350
|
display: block;
|
|
347
351
|
height: 100%;
|
|
348
352
|
overflow-y: auto;
|
|
353
|
+
background: var(--slate-bg);
|
|
349
354
|
}
|
|
350
355
|
|
|
351
356
|
> button {
|
|
@@ -403,20 +408,20 @@ svg {
|
|
|
403
408
|
}
|
|
404
409
|
}
|
|
405
410
|
|
|
406
|
-
}`;var xt=class{$open=
|
|
411
|
+
}`;var xt=class{$open=v(!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 te=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 gr=C`<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 yr=C`<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 ee=class extends f(t=>(e,s)=>{t.name("shiny-drawer"),t.styles(A,e.theme,br);let o=t.once(()=>new te(t.element)),n=s.button??t.attrs.booleans.button,i=s.side??(t.attrs.strings.side==="right"?"right":"left"),l=t.once(()=>s.control??new xt);o.assign(i),t.mount(()=>d.events(window,{keydown:u=>{u.code==="Escape"&&l.close()}})),d.attrs(t.element).booleans.open=l.isOpen;function a(){return h`
|
|
407
412
|
<button @click="${l.toggle}">
|
|
408
413
|
${l.isOpen?h`
|
|
409
414
|
<slot name=button-x>
|
|
410
|
-
${
|
|
415
|
+
${gr}
|
|
411
416
|
</slot>
|
|
412
417
|
`:h`
|
|
413
418
|
<slot name=button>
|
|
414
|
-
${
|
|
419
|
+
${yr}
|
|
415
420
|
</slot>
|
|
416
421
|
`}
|
|
417
422
|
</button>
|
|
418
423
|
`}return h`
|
|
419
|
-
<div class=shell ?data-open="${l.isOpen}" data-side="${
|
|
424
|
+
<div class=shell ?data-open="${l.isOpen}" data-side="${i}">
|
|
420
425
|
<slot name=plate ?inert="${l.isOpen}"></slot>
|
|
421
426
|
|
|
422
427
|
<div class=clipper>
|
|
@@ -424,22 +429,22 @@ svg {
|
|
|
424
429
|
|
|
425
430
|
<div part=tray>
|
|
426
431
|
<slot part=slate ?inert="${!l.isOpen}"></slot>
|
|
427
|
-
${
|
|
432
|
+
${n?a():null}
|
|
428
433
|
</div>
|
|
429
434
|
</div>
|
|
430
435
|
</div>
|
|
431
|
-
`}).component(class extends S{#t=
|
|
436
|
+
`}).component(class extends S{#t=d.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 xt(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}]){};var xr=c`@layer view {
|
|
432
437
|
|
|
433
438
|
button {
|
|
434
439
|
padding: 1em;
|
|
435
440
|
min-width: 4em;
|
|
436
441
|
}
|
|
437
442
|
|
|
438
|
-
}`;var re=class extends f(t=>(e,s)=>{t.name("shiny-example"),t.styles(A,e.theme,
|
|
443
|
+
}`;var re=class extends f(t=>(e,s=1)=>{t.name("shiny-example"),t.styles(A,e.theme,xr);let o=t.signal(s);return h`
|
|
439
444
|
<button @click="${()=>{o.value++}}">
|
|
440
445
|
${o()}
|
|
441
446
|
</button>
|
|
442
|
-
`}).component(class extends S{attrs=
|
|
447
|
+
`}).component(class extends S{attrs=d.attrs(this).spec({start:Number})}).props(t=>[t.context,t.attrs.start]){};var vr=c`@layer view {
|
|
443
448
|
|
|
444
449
|
:host {
|
|
445
450
|
display: inline-flex;
|
|
@@ -448,16 +453,19 @@ button {
|
|
|
448
453
|
|
|
449
454
|
slot[part="tabs"] {
|
|
450
455
|
display: flex;
|
|
451
|
-
|
|
452
|
-
&::slotted(*) {
|
|
453
|
-
border-radius: 0.3em;
|
|
454
|
-
}
|
|
456
|
+
flex-wrap: wrap;
|
|
455
457
|
|
|
456
458
|
&::slotted([data-active]) {
|
|
457
459
|
opacity: 1;
|
|
458
460
|
color: currentColor;
|
|
459
461
|
text-decoration: underline;
|
|
460
462
|
}
|
|
463
|
+
}
|
|
464
|
+
|
|
465
|
+
:host([snug]) slot[part="tabs"] {
|
|
466
|
+
&::slotted(*) {
|
|
467
|
+
border-radius: 0.3em;
|
|
468
|
+
}
|
|
461
469
|
|
|
462
470
|
&::slotted(:not([data-last], [data-next-is-active])) {
|
|
463
471
|
border-right: none;
|
|
@@ -478,10 +486,10 @@ slot[part="tabs"] {
|
|
|
478
486
|
}
|
|
479
487
|
}
|
|
480
488
|
|
|
481
|
-
} `;var E=class{length=1;$index=
|
|
489
|
+
} `;var E=class{length=1;$index=v(0);constructor(t=0){this.$index.value=t}clamp(t){return t=Math.min(t,this.length-1),t=Math.max(t,0),t}get index(){return this.clamp(this.$index.get())}async setIndex(t){return this.$index.set(t)}async shimmy(t){let e=this.clamp(this.index+t);return this.setIndex(e)}};var se=class extends f(t=>(e,s)=>{t.name("shiny-tabs"),t.styles(A,e.theme,vr);let o=t.attrs.spec({index:Number}),n=t.once(()=>s??new E(o.index??0)),i=t.signal([]),l=t.signal([]);async function a(p){let b=p.currentTarget;await i.set(b.assignedElements())}async function u(p){let b=p.currentTarget;await l.set(b.assignedElements())}o.index=n.$index(),n.length=i().length;function g(p,b){let w=n.clamp(p+b);return w===p?!1:w===n.index}for(let[p,b]of i().entries()){let w=p===n.index,k=d.attrs(b);k.booleans.disabled=w,k.booleans["data-active"]=w,k.booleans["data-first"]=p===0,k.booleans["data-last"]=p===n.length-1,k.booleans["data-next-is-active"]=g(p,1),k.booleans["data-previous-is-active"]=g(p,-1),b.onclick=()=>n.setIndex(p)}for(let[p,b]of l().entries()){let w=p===n.index;d.attrs(b).booleans.active=w,d.attrs(b).booleans.hidden=!w}return h`
|
|
482
490
|
<slot part=tabs @slotchange="${a}"></slot>
|
|
483
|
-
<slot part=panels name=panel @slotchange="${
|
|
484
|
-
`}).component(class extends S{control=new E;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
|
|
491
|
+
<slot part=panels name=panel @slotchange="${u}"></slot>
|
|
492
|
+
`}).component(class extends S{control=new E;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 wr={ShinyButton:Qt,ShinyCopy:Gt,ShinyDrawer:ee,ShinyExample:re,ShinyTabs:se};function xe(r){let t=ar(r,wr),e=ir(t);return{components:t,views:e}}var T=xe({theme:cr}).views,ve=[["aura",T],["plain",xe({theme:hr}).views]];var $r=c`@layer view {
|
|
485
493
|
|
|
486
494
|
:host {
|
|
487
495
|
display: flex;
|
|
@@ -489,7 +497,7 @@ slot[part="tabs"] {
|
|
|
489
497
|
gap: 0.5em;
|
|
490
498
|
|
|
491
499
|
> * {
|
|
492
|
-
flex: 1 1
|
|
500
|
+
flex: 1 1 10em;
|
|
493
501
|
min-width: 0;
|
|
494
502
|
}
|
|
495
503
|
}
|
|
@@ -559,61 +567,65 @@ slot[part="tabs"] {
|
|
|
559
567
|
}
|
|
560
568
|
}
|
|
561
569
|
|
|
562
|
-
}`;var
|
|
570
|
+
}`;var _r=f(r=>(t,e,s)=>{r.name(`exhibit-${t.label}`),r.styles(A,$r,s,t.style);let o=r.once(()=>new E),n=t.snippets.at(o.index),i=n?Fe(n.code).trim():"";return h`
|
|
563
571
|
<div class=meta>
|
|
564
572
|
${t.explain}
|
|
565
573
|
|
|
566
574
|
<div class=snippet>
|
|
567
575
|
<header>
|
|
568
|
-
${T.ShinyTabs.props(o).children(t.snippets.map(l=>T.ShinyButton.props().attr("plain").children(l.label).render())).render()}
|
|
569
|
-
${T.ShinyCopy(
|
|
576
|
+
${T.ShinyTabs.props(o).attr("snug").children(t.snippets.map(l=>T.ShinyButton.props().attr("plain").children(l.label).render())).render()}
|
|
577
|
+
${T.ShinyCopy(i)}
|
|
570
578
|
</header>
|
|
571
|
-
<code>${
|
|
579
|
+
<code>${i}</code>
|
|
572
580
|
</div>
|
|
573
581
|
</div>
|
|
574
582
|
|
|
575
583
|
<div class=box>
|
|
576
584
|
${t.presentation(e)}
|
|
577
585
|
</div>
|
|
578
|
-
`});var H=f(r=>t=>{r.name(`showcase-${t.name}`),r.styles(A,
|
|
586
|
+
`});var H=f(r=>t=>{r.name(`showcase-${t.name}`),r.styles(A,pr);let e=r.once(()=>new E),s=r.once(()=>new E),o=ve.at(s.index)[1],n=t.exhibits.at(e.index);return h`
|
|
579
587
|
<header>
|
|
580
588
|
<h2>✨shiny-${t.name}✨</h2>
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
${T.ShinyTabs.props(s).children(we.map(([n])=>T.ShinyButton.props().children(n).render())).render()}
|
|
584
|
-
</nav>
|
|
589
|
+
${T.ShinyTabs.props(e).attr("snug").children(t.exhibits.map(i=>T.ShinyButton.props().attr("sad").children(i.label).render())).render()}
|
|
590
|
+
${T.ShinyTabs.props(s).attr("snug").children(ve.map(([i])=>T.ShinyButton.props().children(i).render())).render()}
|
|
585
591
|
</header>
|
|
586
592
|
|
|
587
|
-
${
|
|
588
|
-
`});var
|
|
589
|
-
shiny-copy {
|
|
593
|
+
${_r(n,o,t.style)}
|
|
594
|
+
`});var Ar=`
|
|
595
|
+
[view="shiny-copy"] {
|
|
590
596
|
font-size: 1em;
|
|
591
597
|
--happy: #0fa;
|
|
592
598
|
--angry: #f50;
|
|
593
599
|
--lame: #8888;
|
|
594
600
|
--inactive-opacity: 0.5;
|
|
595
601
|
}
|
|
596
|
-
`,
|
|
602
|
+
`,Sr=()=>H({name:"copy",style:c`
|
|
597
603
|
.box {
|
|
598
604
|
> * { font-size: 4em; }
|
|
599
605
|
}
|
|
600
|
-
`,exhibits:[{label:"succeed",explain:h`<p>click-to-copy text button.</p>`,snippets:[{label:"html",code:'<shiny-copy text="hello world"></shiny-button>'},{label:"view",code:'ShinyCopy("hello world")'},{label:"css",code:
|
|
606
|
+
`,exhibits:[{label:"succeed",explain:h`<p>click-to-copy text button.</p>`,snippets:[{label:"html",code:'<shiny-copy text="hello world"></shiny-button>'},{label:"view",code:'ShinyCopy("hello world")'},{label:"css",code:Ar}],style:c``,presentation:r=>h`
|
|
601
607
|
${r.ShinyCopy("hello world")}
|
|
602
|
-
`},{label:"fail",explain:h`<p>copy text button, deliberately fails so you can see.</p>`,snippets:[{label:"html",code:"<shiny-copy fail></shiny-button>"},{label:"view",code:'ShinyCopy.props("").attr("fail").render()'},{label:"css",code:
|
|
608
|
+
`},{label:"fail",explain:h`<p>copy text button, deliberately fails so you can see.</p>`,snippets:[{label:"html",code:"<shiny-copy fail></shiny-button>"},{label:"view",code:'ShinyCopy.props("").attr("fail").render()'},{label:"css",code:Ar}],style:c``,presentation:r=>h`
|
|
603
609
|
${r.ShinyCopy.props("").attr("fail").render()}
|
|
604
|
-
`}]});var
|
|
605
|
-
shiny-tabs {
|
|
610
|
+
`}]});var we=N(),$e=N(),_e=N(),Ae=`
|
|
611
|
+
[view="shiny-tabs"] {
|
|
606
612
|
&::part(tabs) {}
|
|
607
613
|
&::part(panels) {}
|
|
608
|
-
|
|
614
|
+
|
|
615
|
+
/* buttons */
|
|
616
|
+
> :not([slot="panel"]) {}
|
|
617
|
+
|
|
618
|
+
/* panels */
|
|
619
|
+
> [slot="panel"] {}
|
|
609
620
|
}
|
|
610
|
-
|
|
621
|
+
`,kr=()=>H({name:"tabs",style:c`
|
|
611
622
|
.box {
|
|
612
623
|
place-content: start start;
|
|
613
624
|
p { margin-top: 0.5em; }
|
|
625
|
+
button { padding: 1em; }
|
|
614
626
|
}
|
|
615
|
-
`,exhibits:[{label:"
|
|
616
|
-
<shiny-tabs>
|
|
627
|
+
`,exhibits:[{label:"shiny snug",explain:h`<p>button bar. panels optional.</p>`,snippets:[{label:"html",code:`
|
|
628
|
+
<shiny-tabs snug>
|
|
617
629
|
<shiny-button>tab1</shiny-button>
|
|
618
630
|
<shiny-button>tab2</shiny-button>
|
|
619
631
|
<shiny-button>tab3</shiny-button>
|
|
@@ -624,6 +636,7 @@ slot[part="tabs"] {
|
|
|
624
636
|
`},{label:"view",code:`
|
|
625
637
|
ShinyTabs
|
|
626
638
|
.props()
|
|
639
|
+
.attr("snug")
|
|
627
640
|
.children(html\`
|
|
628
641
|
\${ShinyButton.props().children("tab1").render()}
|
|
629
642
|
\${ShinyButton.props().children("tab2").render()}
|
|
@@ -633,34 +646,95 @@ slot[part="tabs"] {
|
|
|
633
646
|
<div slot=panel>panel3</div>
|
|
634
647
|
\`)
|
|
635
648
|
.render()
|
|
636
|
-
`},{label:"css",code:
|
|
637
|
-
${r.ShinyTabs.props().children(h`
|
|
649
|
+
`},{label:"css",code:Ae}],style:c``,presentation:r=>h`
|
|
650
|
+
${r.ShinyTabs.props().attr("snug").children(h`
|
|
638
651
|
${r.ShinyButton.props().children("tab1").render()}
|
|
639
652
|
${r.ShinyButton.props().children("tab2").render()}
|
|
640
653
|
${r.ShinyButton.props().children("tab3").render()}
|
|
641
|
-
<p slot=panel class=lipsum>${
|
|
642
|
-
<p slot=panel class=lipsum>${
|
|
643
|
-
<p slot=panel class=lipsum>${
|
|
654
|
+
<p slot=panel class=lipsum>${we}</p>
|
|
655
|
+
<p slot=panel class=lipsum>${$e}</p>
|
|
656
|
+
<p slot=panel class=lipsum>${_e}</p>
|
|
644
657
|
`).render()}
|
|
645
|
-
`}
|
|
646
|
-
|
|
658
|
+
`},{label:"regular",explain:h`<p>button bar. panels optional.</p>`,snippets:[{label:"html",code:`
|
|
659
|
+
<shiny-tabs>
|
|
660
|
+
<button>tab1</button>
|
|
661
|
+
<button>tab2</button>
|
|
662
|
+
<button>tab3</button>
|
|
663
|
+
<div slot=panel>panel1</div>
|
|
664
|
+
<div slot=panel>panel2</div>
|
|
665
|
+
<div slot=panel>panel3</div>
|
|
666
|
+
</shiny-tabs>
|
|
667
|
+
`},{label:"view",code:`
|
|
668
|
+
ShinyTabs
|
|
669
|
+
.props()
|
|
670
|
+
.children(html\`
|
|
671
|
+
<button>tab1</button>
|
|
672
|
+
<button>tab2</button>
|
|
673
|
+
<button>tab3</button>
|
|
674
|
+
<div slot=panel>panel1</div>
|
|
675
|
+
<div slot=panel>panel2</div>
|
|
676
|
+
<div slot=panel>panel3</div>
|
|
677
|
+
\`)
|
|
678
|
+
.render()
|
|
679
|
+
`},{label:"css",code:Ae}],style:c``,presentation:r=>h`
|
|
680
|
+
${r.ShinyTabs.props().children(h`
|
|
681
|
+
<button>tab1</button>
|
|
682
|
+
<button>tab2</button>
|
|
683
|
+
<button>tab3</button>
|
|
684
|
+
<p slot=panel class=lipsum>${we}</p>
|
|
685
|
+
<p slot=panel class=lipsum>${$e}</p>
|
|
686
|
+
<p slot=panel class=lipsum>${_e}</p>
|
|
687
|
+
`).render()}
|
|
688
|
+
`},{label:"regular snug",explain:h`<p>button bar. panels optional.</p>`,snippets:[{label:"html",code:`
|
|
689
|
+
<shiny-tabs snug>
|
|
690
|
+
<button>tab1</button>
|
|
691
|
+
<button>tab2</button>
|
|
692
|
+
<button>tab3</button>
|
|
693
|
+
<div slot=panel>panel1</div>
|
|
694
|
+
<div slot=panel>panel2</div>
|
|
695
|
+
<div slot=panel>panel3</div>
|
|
696
|
+
</shiny-tabs>
|
|
697
|
+
`},{label:"view",code:`
|
|
698
|
+
ShinyTabs
|
|
699
|
+
.props()
|
|
700
|
+
.attr("snug")
|
|
701
|
+
.children(html\`
|
|
702
|
+
<button>tab1</button>
|
|
703
|
+
<button>tab2</button>
|
|
704
|
+
<button>tab3</button>
|
|
705
|
+
<div slot=panel>panel1</div>
|
|
706
|
+
<div slot=panel>panel2</div>
|
|
707
|
+
<div slot=panel>panel3</div>
|
|
708
|
+
\`)
|
|
709
|
+
.render()
|
|
710
|
+
`},{label:"css",code:Ae}],style:c``,presentation:r=>h`
|
|
711
|
+
${r.ShinyTabs.props().attr("snug").children(h`
|
|
712
|
+
<button>tab1</button>
|
|
713
|
+
<button>tab2</button>
|
|
714
|
+
<button>tab3</button>
|
|
715
|
+
<p slot=panel class=lipsum>${we}</p>
|
|
716
|
+
<p slot=panel class=lipsum>${$e}</p>
|
|
717
|
+
<p slot=panel class=lipsum>${_e}</p>
|
|
718
|
+
`).render()}
|
|
719
|
+
`}]});var Se=`
|
|
720
|
+
[view="shiny-button"] {
|
|
647
721
|
--padding: 0.3em;
|
|
648
722
|
font-size: 1em;
|
|
649
723
|
color: currentColor;
|
|
650
724
|
background: transparent;
|
|
651
725
|
}
|
|
652
|
-
`,
|
|
726
|
+
`,Cr=()=>H({name:"button",style:c`
|
|
653
727
|
.box {
|
|
654
728
|
> * { font-size: 1.5em; }
|
|
655
729
|
}
|
|
656
|
-
`,exhibits:[{label:"basic",explain:h`<p>clicky-clacky pressy button.</p>`,snippets:[{label:"html",code:"<shiny-button>button</shiny-button>"},{label:"view",code:'ShinyButton("button")'},{label:"css",code:
|
|
730
|
+
`,exhibits:[{label:"basic",explain:h`<p>clicky-clacky pressy button.</p>`,snippets:[{label:"html",code:"<shiny-button>button</shiny-button>"},{label:"view",code:'ShinyButton("button")'},{label:"css",code:Se}],style:c``,presentation:r=>h`
|
|
657
731
|
${r.ShinyButton.props().children("button").render()}
|
|
658
732
|
`},{label:"gradient",explain:h`<p>added <code>gradient</code> attribute.</p>`,snippets:[{label:"html",code:"<shiny-button gradient>button</shiny-button>"},{label:"view",code:`
|
|
659
733
|
ShinyButton
|
|
660
734
|
.props("button")
|
|
661
735
|
.attr("gradient")
|
|
662
736
|
.render()
|
|
663
|
-
`},{label:"css",code:
|
|
737
|
+
`},{label:"css",code:Se}],style:c``,presentation:r=>h`
|
|
664
738
|
${r.ShinyButton.props().attr("gradient").children("button").render()}
|
|
665
739
|
`},{label:"catalog",explain:h`<p>clicky-clacky pressy buttons.</p>`,snippets:[{label:"html",code:`
|
|
666
740
|
<shiny-button calm gradient>calm</shiny-button>
|
|
@@ -680,8 +754,8 @@ slot[part="tabs"] {
|
|
|
680
754
|
ShinyButton.props().attr("quirky").attr("gradient").children("quirky").render(),
|
|
681
755
|
ShinyButton.props().attr("plain").children("plain").render(),
|
|
682
756
|
]
|
|
683
|
-
`},{label:"css",code:
|
|
684
|
-
shiny-drawer {
|
|
757
|
+
`},{label:"css",code:Se}],style:c``,presentation:r=>[r.ShinyButton.props().attr("calm").attr("gradient").children("calm").render(),r.ShinyButton.props().attr("angry").attr("gradient").children("angry").render(),r.ShinyButton.props().attr("happy").attr("gradient").children("happy").render(),r.ShinyButton.props().attr("zesty").attr("gradient").children("zesty").render(),r.ShinyButton.props().attr("sad").attr("gradient").children("sad").render(),r.ShinyButton.props().attr("quirky").attr("gradient").children("quirky").render(),r.ShinyButton.props().attr("plain").children("plain").render()]}]});var ns=N(),is=N(),as=N(),ls=`
|
|
758
|
+
[view="shiny-drawer"] {
|
|
685
759
|
--button-size: 2em;
|
|
686
760
|
--anim-duration: 200ms;
|
|
687
761
|
--slate-hidden-opacity: 1;
|
|
@@ -691,8 +765,13 @@ slot[part="tabs"] {
|
|
|
691
765
|
transparent,
|
|
692
766
|
var(--bg)
|
|
693
767
|
);
|
|
768
|
+
--slate-bg: linear-gradient(
|
|
769
|
+
to top right,
|
|
770
|
+
color-mix(in oklab, var(--calm), #222 50%),
|
|
771
|
+
color-mix(in oklab, var(--calm), #888 50%)
|
|
772
|
+
);
|
|
694
773
|
}
|
|
695
|
-
`,
|
|
774
|
+
`,Er=r=>({label:r,explain:h`<p>slide-out panel. button optional.</p>`,snippets:[{label:"html",code:`
|
|
696
775
|
<shiny-drawer button side=${r}>
|
|
697
776
|
<header>example</header>
|
|
698
777
|
<section slot=plate>lorem kettlebell..</section>
|
|
@@ -705,19 +784,19 @@ slot[part="tabs"] {
|
|
|
705
784
|
<section slot=plate>lorem kettlebell..</section>
|
|
706
785
|
\`)
|
|
707
786
|
.render()
|
|
708
|
-
`},{label:"css",code:ls}],style:
|
|
787
|
+
`},{label:"css",code:ls}],style:c``,presentation:t=>h`
|
|
709
788
|
${t.ShinyDrawer.props({button:!0,side:r}).children(h`
|
|
710
789
|
<header>
|
|
711
790
|
<h2>example drawer</h2>
|
|
712
791
|
<p>you can put any content in here.</p>
|
|
713
|
-
<p class=lipsum>${
|
|
792
|
+
<p class=lipsum>${ns}</p>
|
|
714
793
|
</header>
|
|
715
794
|
<section slot=plate>
|
|
716
|
-
<p class=lipsum>${
|
|
795
|
+
<p class=lipsum>${is}</p>
|
|
717
796
|
<p class=lipsum>${as}</p>
|
|
718
797
|
</section>
|
|
719
798
|
`).render()}
|
|
720
|
-
`}),
|
|
799
|
+
`}),Tr=()=>H({name:"drawer",style:c`
|
|
721
800
|
.box sly-view {
|
|
722
801
|
border-radius: 0.5em;
|
|
723
802
|
overflow: hidden;
|
|
@@ -737,7 +816,7 @@ slot[part="tabs"] {
|
|
|
737
816
|
> * + * { margin-top: 0.5em; }
|
|
738
817
|
}
|
|
739
818
|
}
|
|
740
|
-
`,exhibits:[
|
|
819
|
+
`,exhibits:[Er("left"),Er("right")]});d.register({ShinyDemo:f.component(r=>(r.styles(c`
|
|
741
820
|
:host {
|
|
742
821
|
display: flex;
|
|
743
822
|
flex-direction: column;
|
|
@@ -760,7 +839,7 @@ slot[part="tabs"] {
|
|
|
760
839
|
display: flex;
|
|
761
840
|
}
|
|
762
841
|
}
|
|
763
|
-
`),
|
|
842
|
+
`),ge.takeAll(),[Cr(),Sr(),Tr(),kr()]))});console.log("\u2728shiny\u2728");
|
|
764
843
|
/*! Bundled license information:
|
|
765
844
|
|
|
766
845
|
@lit/reactive-element/css-tag.js:
|