godown 3.13.0 → 3.13.2

package/build/godown.js

@@ -1,48 +1,16 @@
-/**
- * @license MIT
- * @version 3.13.0
- * Require Lit Core (import from `"lit"`)
- */
-import{noChange as t,nothing as e,html as o,svg as s,LitElement as r,css as a,unsafeCSS as l}from"lit";function h(t,e,o,s){var r,a=arguments.length,l=a<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,o,s);else for(var h=t.length-1;h>=0;h--)(r=t[h])&&(l=(a<3?r(l):a>3?r(e,o,l):r(e,o))||l);return a>3&&l&&Object.defineProperty(e,o,l),l}"function"==typeof SuppressedError&&SuppressedError;const d=t=>null==t,c=t=>"string"==typeof t,p=t=>null!==t&&"object"==typeof t,{isArray:u}=Array,v=(t,...e)=>{const o={};for(const s in t)e.includes(s)||(o[s]=t[s]);return o},f=t=>(t=>{var e;return(null===(e=t.match(/[A-Z][^A-Z_-\s]*|[^A-Z_-\s]+/g))||void 0===e?void 0:e.map((t=>t.toLowerCase())))||[]})(t).join("-");function*m(t){for(const e of u(t)?t:Object.entries(t))e&&(yield e)}const g=t=>p(t)&&"_$cssResult$"in t,b=t=>!d(t)&&!1!==t,$=t=>{let e="";for(const[o,s]of m(t))if(s){const t=p(s)&&!g(s)?_(s):s;b(t)&&(e+=o?`${o}{${t}}`:t)}return e},_=t=>{let e="";for(const[o,s]of m(t))o&&b(s)&&(e+=`${o}:${s};`);return e},w=(t,e)=>t?`var(${t})`:"";class StyleController{constructor(t,e){(this.host=t).addController(this),this.computeStyle=e}hostUpdated(){const t=this.host.shadowRoot?.adoptedStyleSheets;if(!t)return;void 0!==this.styleID&&t.splice(this.styleID,1);const e=this.computeStyle();this.styleID=e?t.push((t=>{if(c(t)){const e=new CSSStyleSheet;return e.replaceSync(t),e}return g(t)?t.styleSheet:t})(e))-1:void 0}}const x=(...t)=>e=>{const o=[];for(let t=Object.getPrototypeOf(e);t.styles;t=Object.getPrototypeOf(t))o.push(t.styles);e.styles=[...o,...t]},k=(t,e)=>o=>{t||=f(o.name),o.protoName=t;(({tagName:t,styles:e,autoDefine:o=!1,registry:s=customElements})=>r=>{r.elementTagName=t,e&&x(e)(r),o&&!s.get(t)&&s.define(t,r)})({tagName:o.godownConfig.tag(t),...e})(o)}
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */,S=globalThis,C=S.ShadowRoot&&(void 0===S.ShadyCSS||S.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,R=Symbol(),E=new WeakMap;let T=class n{constructor(t,e,o){if(this._$cssResult$=!0,o!==R)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(C&&void 0===t){const o=void 0!==e&&1===e.length;o&&(t=E.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&E.set(e,t))}return t}toString(){return this.cssText}};const A=C?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return(t=>new T("string"==typeof t?t:t+"",void 0,R))(e)})(t):t
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */,{is:M,defineProperty:P,getOwnPropertyDescriptor:O,getOwnPropertyNames:B,getOwnPropertySymbols:z,getPrototypeOf:I}=Object,D=globalThis,N=D.trustedTypes,U=N?N.emptyScript:"",j=D.reactiveElementPolyfillSupport,V=(t,e)=>t,L={toAttribute(t,e){switch(e){case Boolean:t=t?U:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let o=t;switch(e){case Boolean:o=null!==t;break;case Number:o=null===t?null:Number(t);break;case Object:case Array:try{o=JSON.parse(t)}catch(t){o=null}}return o}},G=(t,e)=>!M(t,e),F={attribute:!0,type:String,converter:L,reflect:!1,useDefault:!1,hasChanged:G};Symbol.metadata??=Symbol("metadata"),D.litPropertyMetadata??=new WeakMap;let q=class y 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=F){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){const o=Symbol(),s=this.getPropertyDescriptor(t,o,e);void 0!==s&&P(this.prototype,t,s)}}static getPropertyDescriptor(t,e,o){const{get:s,set:r}=O(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:s,set(e){const a=s?.call(this);r?.call(this,e),this.requestUpdate(t,a,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??F}static _$Ei(){if(this.hasOwnProperty(V("elementProperties")))return;const t=I(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(V("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(V("properties"))){const t=this.properties,e=[...B(t),...z(t)];for(const o of e)this.createProperty(o,t[o])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,o]of e)this.elementProperties.set(t,o)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const o=this._$Eu(t,e);void 0!==o&&this._$Eh.set(o,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const t of o)e.unshift(A(t))}else void 0!==t&&e.push(A(t));return e}static _$Eu(t,e){const o=e.attribute;return!1===o?void 0:"string"==typeof o?o:"string"==typeof t?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),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const o of e.keys())this.hasOwnProperty(o)&&(t.set(o,this[o]),delete this[o]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{if(C)t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const o of e){const e=document.createElement("style"),s=S.litNonce;void 0!==s&&e.setAttribute("nonce",s),e.textContent=o.cssText,t.appendChild(e)}})(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,o){this._$AK(t,o)}_$ET(t,e){const o=this.constructor.elementProperties.get(t),s=this.constructor._$Eu(t,o);if(void 0!==s&&!0===o.reflect){const r=(void 0!==o.converter?.toAttribute?o.converter:L).toAttribute(e,o.type);this._$Em=t,null==r?this.removeAttribute(s):this.setAttribute(s,r),this._$Em=null}}_$AK(t,e){const o=this.constructor,s=o._$Eh.get(t);if(void 0!==s&&this._$Em!==s){const t=o.getPropertyOptions(s),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:L;this._$Em=s,this[s]=r.fromAttribute(e,t.type)??this._$Ej?.get(s)??null,this._$Em=null}}requestUpdate(t,e,o){if(void 0!==t){const s=this.constructor,r=this[t];if(o??=s.getPropertyOptions(t),!((o.hasChanged??G)(r,e)||o.useDefault&&o.reflect&&r===this._$Ej?.get(t)&&!this.hasAttribute(s._$Eu(t,o))))return;this.C(t,e,o)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:o,reflect:s,wrapped:r},a){o&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,a??e??this[t]),!0!==r||void 0!==a)||(this._$AL.has(t)||(this.hasUpdated||o||(e=void 0),this._$AL.set(t,e)),!0===s&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,o]of t){const{wrapped:t}=o,s=this[e];!0!==t||this._$AL.has(e)||void 0===s||this.C(e,void 0,o,s)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(e)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.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((t=>this._$ET(t,this[t]))),this._$EM()}updated(t){}firstUpdated(t){}};q.elementStyles=[],q.shadowRootOptions={mode:"open"},q[V("elementProperties")]=new Map,q[V("finalized")]=new Map,j?.({ReactiveElement:q}),(D.reactiveElementVersions??=[]).push("2.1.0");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const W={attribute:!0,type:String,converter:L,reflect:!1,hasChanged:G},H=(t=W,e,o)=>{const{kind:s,metadata:r}=o;let a=globalThis.litPropertyMetadata.get(r);if(void 0===a&&globalThis.litPropertyMetadata.set(r,a=new Map),"setter"===s&&((t=Object.create(t)).wrapped=!0),a.set(o.name,t),"accessor"===s){const{name:s}=o;return{set(o){const r=e.get.call(this);e.set.call(this,o),this.requestUpdate(s,r,t)},init(e){return void 0!==e&&this.C(s,void 0,t,e),e}}}if("setter"===s){const{name:s}=o;return function(o){const r=this[s];e.call(this,o),this.requestUpdate(s,r,t)}}throw Error("Unsupported decorator location: "+s)};function Y(t){return(e,o)=>"object"==typeof o?H(t,e,o):((t,e,o)=>{const s=e.hasOwnProperty(o);return e.constructor.createProperty(o,t),s?Object.getOwnPropertyDescriptor(e,o):void 0})(t,e,o)
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */}function X(t){return Y({...t,state:!0,attribute:!1})}
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const Z=(t,e,o)=>(o.configurable=!0,o.enumerable=!0,Reflect.decorate&&"object"!=typeof e&&Object.defineProperty(t,e,o),o)
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */;function K(t,e){return(o,s,r)=>{const a=e=>e.renderRoot?.querySelector(t)??null;if(e){const{get:t,set:e}="object"==typeof s?o:r??(()=>{const t=Symbol();return{get(){return this[t]},set(e){this[t]=e}}})();return Z(o,s,{get(){let o=t.call(this);return void 0===o&&(o=a(this),(null!==o||this.hasUpdated)&&e.call(this,o)),o}})}return Z(o,s,{get(){return a(this)}})}}
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */let Q;function J(t){return(e,o)=>Z(e,o,{get(){return(this.renderRoot??(Q??=document.createDocumentFragment())).querySelectorAll(t)}})}const tt=(t,e=!0)=>{return K((o=t,s?`::part(${o})`:((t,e)=>e?`[${t}~="${e}"]`:`[${t}]`)("part",o)),e);
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */var o,s},et=6;let it=class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,o){this._$Ct=t,this._$AM=e,this._$Ci=o}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};const ot=(t,e)=>(t?t+(e?" "+e:""):e)||"",st=(...t)=>t.reduce(((t,e)=>{if(!e)return t;if(u(e))return ot(t,st(...e));if(p(e)){for(const o in e)e[o]&&(t=ot(t,o));return t}return ot(t,e)}),"");function rt(t,e){(t=>d(t)||!1===t)(e)?this.removeAttribute(t):!0===e?this.setAttribute(t,""):c(e)||(t=>"number"==typeof t)(e)&&!Number.isNaN(e)?this.setAttribute(t,String(e)):this[t]=e}const nt=(t=>(...e)=>({_$litDirective$:t,values:e}))(class AttrDirective extends it{render(t,e){}update(e,[o,s=rt]){if(o&&e.type===et)for(const t in o)s.call(e.element,t,o[t]);return t}}),at=((t,e)=>o=>t({...e,...o}))(nt,{width:"1em",height:"1em",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"}),lt=(t,s)=>o`<slot name="${t||e}">${s||e}</slot>`,ht=(t,s)=>{if(!t)return e;const r=c(t)?t:$(t);return r?o`<style media="${e}">${r}</style>`:e},dt=t=>(e,...r)=>{const a=s(e,r),l=c(t)?t:t.join(" "),h=t=>o`<svg viewBox="${l}" ${at(t)}>${a}</svg>`;return h.body=a,h.viewBox=l,h};function*ct(t,e,o){for(let o=0;o<t;o++)yield e(o)}function pt(t,e=this){if(!e||!t)return[];const o=new Set;e instanceof Element&&e.shadowRoot&&pt(t,e.shadowRoot).forEach((t=>o.add(t))),e.querySelectorAll(t).forEach((t=>o.add(t)));for(const s of e.children)pt(t,s).forEach((t=>o.add(t)));return Array.from(o)}function ut(t,e=this){if(!e||!t)return null;let o;if(e instanceof Element&&e.shadowRoot&&(o=ut(t,e.shadowRoot),o))return o;if(o=e.querySelector(t),o)return o;for(const s of e.children)if(o=ut(t,s),o)return o;return null}class Events{constructor(){this.inner=new Map}add(t,e,o,s){if(!t||!o)return;const r=this.inner.get(e)||new Map,a=r.get(t)||new Set;return a.add(o),r.set(t,a),this.inner.set(e,r),t.addEventListener(e,o,s),o}remove(t,e,o,s){if(!t||!o)return;const r=this.inner.get(e);if(r){const s=r.get(t);s&&(s.delete(o),s.size||(r.delete(t),r.size||this.inner.delete(e)))}t.removeEventListener(e,o,s)}removeAll(){this.inner.forEach(((t,e)=>{t.forEach(((t,o)=>{t.forEach((t=>{o.removeEventListener(e,t)}))})),t.clear()})),this.inner.clear()}}class Observers{constructor(){this.inner=new Map}add(t,e,o,s){const[r,a]=((t,e,o)=>{let s,r;switch(t){case MutationObserver:case ResizeObserver:s=new t(e),r=t=>s.observe(t,o);break;case IntersectionObserver:s=new t(e,o),r=t=>s.observe(t);break;case PerformanceObserver:s=new t(e),r=()=>s.observe(o)}return[s,r]})(e,o,s);if(r)return this.inner.set(r,(this.inner.get(r)||new Set).add(t)),a(t),r}remove(t,e){t.disconnect();const o=this.inner.get(t);"unobserve"in t?(e?(t.unobserve(e),o?.delete(e)):(o?.forEach((e=>{t.unobserve(e)})),o?.clear()),o&&!o.size&&this.inner.delete(t)):o&&this.inner.delete(t)}removeAll(){this.inner.forEach(((t,e)=>{this.remove(e)}))}}class Ranger{constructor(t,e,o){this.max=Math.max(t,e),this.min=Math.min(t,e),this.diff=this.max-this.min,this.step=o}random(){return this.normalize(Math.random()*this.diff+this.min)}present(t){return this.normalize(t*this.diff)}normalize(t){return t=this.restrict(t),this.step?this.min+Math.round((t-this.min)/this.step)*this.step:t}restrict(t){return this.max<=t?this.max:this.min>=t?this.min:t}}const vt=(t,e,o)=>t.startsWith(e)&&t.endsWith(o);class RouteTree{constructor(){this.matchType=RouteTree.MatchTypes.strict,this.children=[]}insert(t,e,o=0){if(e||(e=RouteTree.split(t)),e.length===o)return void(this.pattern=t);const s=e[o];let r=this.findStrict(s);r||(r=new RouteTree,r.part=s,r.matchType=RouteTree.dynamic(s).matchType,this.children.push(r),this.sorted=!1),r.insert(t,e,o+1)}search(t,e=0){if(c(t)&&(t=RouteTree.split(t)),this.sorted||this.sort(),t.length===e||RouteTree.dynamic(this.part).matchType===RouteTree.MatchTypes.multi)return this.pattern?this:null;const o=t[e],s=this.filterWide(o);for(const o of s){const s=o.search(t,e+1);if(null!==s)return s}return null}findStrict(t){return this.children.find((e=>e.part===t))||null}filterWide(t){return this.children.filter((e=>e.part===t||e.matchType))}sort(){const{children:t}=this;if(t.length){t.sort(((t,e)=>t.matchType-e.matchType));for(const e of t)e.sort()}this.sorted=!0}static parseParams(t,e){const o=RouteTree.split(t),s=RouteTree.split(e),r={};for(let t=0;t<s.length;t++){const e=s[t],{key:a,matchType:l}=RouteTree.dynamic(e);if(l===RouteTree.MatchTypes.single)r[a]=o[t];else if(l===RouteTree.MatchTypes.multi){r[a]=o.slice(t).join("/");break}}return r}static dynamic(t){if(t){if(vt(t,"{","}")||vt(t,"[","]")){t=t.slice(1,-1);const e=RouteTree.dynamic(t);return e.matchType||=RouteTree.MatchTypes.single,e}if(t.startsWith(":"))return{key:t.slice(1),matchType:RouteTree.MatchTypes.single};if(t.startsWith("*"))return{key:t.slice(1),matchType:RouteTree.MatchTypes.multi};if(t.startsWith("..."))return{key:t.slice(3),matchType:RouteTree.MatchTypes.multi}}return{key:t,matchType:RouteTree.MatchTypes.strict}}static split(t){return t.split("/").filter((t=>t))}}RouteTree.MatchTypes={strict:0,single:1,multi:2};class Timeouts{constructor(){this.inner=new Set}add(t){if(void 0!==t)return t=+t,this.inner.has(t)&&clearTimeout(t),this.inner.add(t),t}remove(t){void 0!==t&&(t=+t,clearTimeout(t),this.inner.delete(t))}removeAll(){this.inner.forEach(clearTimeout),this.inner.clear()}}const ft=(t,{attribute:e})=>!0===e||void 0===e?String(t).toLowerCase():!1!==e&&"symbol"!=typeof t?e:void 0,mt=/^[\s\S]*{[\s\S]*}$/;class GodownElement extends r{static define(t=this.elementTagName,e){this.isDefined()||this.godownConfig.define(t,this,e)}static isDefined(){return!!this.getDefined()}static getDefined(){return this.godownConfig.get(this.elementTagName)}static finalize(){super.finalize(),this.elementAttributes=new Map;for(const[t,e]of this.elementProperties.entries()){const o=ft(t,e);o&&this.elementAttributes.set(o,t)}}get observedRecord(){const t={};for(const[e,o]of this.constructor.elementAttributes.entries())t[e]=this[o];return t}get _slot(){return this.shadowRoot?this.shadowRoot.querySelector("slot:not([name])"):null}get _slotAll(){return this.shadowRoot?[...this.shadowRoot.querySelectorAll("slot")]:[]}get _slottedAll(){return[...this.querySelectorAll("[slot]")]}get _slottedNames(){return this._slottedAll.map((t=>t.getAttribute("slot"))).filter((t=>t))}getBoundingClientRect(){let t;return this.contents&&(t=this.contentsRoot||this.shadowRoot?.firstElementChild)&&t!==this?t.getBoundingClientRect():super.getBoundingClientRect()}getClientRects(){let t;return this.contents&&(t=this.contentsRoot||this.shadowRoot?.firstElementChild)&&t!==this?t.getClientRects():super.getClientRects()}get stylex(){return this.__stylex.css}set stylex(t){t=t.trim(),mt.test(t)||(t=`:host{${t}}`),this.shadowRoot?(this.__stylex.index&&this.shadowRoot.adoptedStyleSheets.splice(this.__stylex.index,1),this.__stylex.css=t,this.__stylex.index=this.adoptStyles(t)):this.__stylex.lazy=t}constructor(t){super(),this.events=new Events,this.observers=new Observers,this.timeouts=new Timeouts,this.__stylex={},this.assign={...GodownElement.godownConfig?.assign||{},...t}}connectedCallback(){super.connectedCallback(),this.assign&&(Object.assign(this,this.assign),this.assign=null);const{lazy:t}=this.__stylex;t&&(this.adoptStyles(t),this.__stylex.lazy="")}disconnectedCallback(){this.events.removeAll(),this.observers.removeAll(),this.timeouts.removeAll()}mount(t){this.firstUpdated(t)}unmount(){this.disconnectedCallback()}remount(t){this.unmount(),this.connectedCallback(),this.mount(t)}deepQuerySelector(t){return ut.call(this,t)}deepQuerySelectorAll(t){return pt.call(this,t)}adoptStyles(...t){if(!this.shadowRoot||!t.length)return;const e=this.shadowRoot.adoptedStyleSheets,o=new CSSStyleSheet;return t.forEach((t=>o.insertRule(t.toString()))),e.push(o),e.length-1}dispatchCustomEvent(t,e,o){this.dispatchEvent(new CustomEvent(t,{detail:e,composed:!0,...o}))}}GodownElement.godownConfig=new class GodownConfig{constructor(t){this.assign=null,this.prefix="godown",this.suffix="",this.components=new Map,this.registry=customElements,t&&Object.assign(this,t)}tag(t){return f(this.prefix+"-"+t+"-"+this.suffix)}define(t,e,o){this.registry.define(t,e,o),this.components.set(t,e)}get(t){return this.registry.get(t)}getName(t){const{getName:e}=this.registry;return e?e(t):[...this.components.entries()].find((([,e])=>e===t))?.[0]||null}whenDefined(t){return this.registry.whenDefined(t)}upgrade(t){this.registry.upgrade(t)}},h([Y({type:Boolean,reflect:!0})],GodownElement.prototype,"contents",void 0),h([Y({reflect:!0})],GodownElement.prototype,"stylex",null);const gt=a`*,:host{box-sizing:border-box}i{font-style:normal}a{color:currentColor;text-decoration:none}span{white-space:nowrap}svg{-webkit-user-select:none;user-select:none}input{background:none;border:0;color:currentColor;font-size:100%;outline:0;padding:0}dd,dl{margin:0}dialog,ul{margin:0;padding:0}dialog{border:0;outline:0}[popover]{border:0;margin:0;padding:0}@supports not selector(:popover-open){[popover]{display:none}}`;class GlobalStyle extends GodownElement{}const yt=((t,e)=>((t,e)=>((t,e)=>{if(!t||!e)return t;let o=0;for(;o<t.length&&e(t.slice(o,o+1));)o+=1;return t.slice(o)})(((t,e)=>{if(!t||!e)return t;let o=t.length;for(;o>0&&e(t.slice(o-1,o));)o-=1;return t.slice(0,o)})(t,e),e))(t,(t=>t===e)))(GlobalStyle.godownConfig.prefix,"-");function bt(t,e=1){return function(t){return l(`--${t}`)}(yt+"-".repeat(e)+t)}const $t={background:bt("background",2),foreground:bt("foreground",2),backgroundClip:bt("background-clip",2),primaryBackground:bt("primary",2),primaryForeground:bt("primary-foreground",2),muted:bt("muted",2),active:bt("active",2),passive:bt("passive",2),input:bt("input",2),radius:bt("radius",2),ringWidth:bt("ring-width",2),ringColor:bt("ring-color",2)};GlobalStyle.styles=[gt,l(((t,e,o)=>{const s=[...m(e)];return((t,{truecase:e,falsecase:o})=>{const s="@supports";let r="";return e&&(r+=`${s}(${t}){${e}}`),o&&(r+=`${s} not (${t}){${o}}`),r})("color:light-dark(#fff,#000)",{truecase:$([[t,_(s.map((([t,[e,o]])=>[t,`light-dark(${e},${o})`])))]]),falsecase:$([[t,_(s.map((([t,e])=>[t,e[o]])))]])})})(":host",[[$t.background,["hsl(0 0% 96%)","hsl(0 0% 4%)"]],[$t.foreground,["hsl(0 0% 4%)","hsl(0 0% 96%)"]],[$t.muted,["hsl(0 0% 88%)","hsl(0 0% 18%)"]]],1)),l($({":host":_([[$t.primaryBackground,w($t.foreground)],[$t.primaryForeground,w($t.background)],[$t.active,w($t.primaryBackground)],[$t.passive,w($t.muted)],[$t.backgroundClip,`linear-gradient(to bottom, ${w($t.foreground)}, ${w($t.muted)})`],[$t.ringColor,w($t.passive)],[$t.ringWidth,".075em"]])})),a`:host([contents]){display:contents}[part=root]{height:100%;width:100%}:host([contents]) [part=root]{height:inherit;width:inherit}:where(:host([contents]) [part=root]){all:inherit;display:revert}`,a`:host{${$t.radius}:0.2em;border-radius:var(${$t.radius});border-style:none;outline-style:none}`];const _t=({width:t,color:e,inset:o})=>`outline-style:solid;outline-color:${e};outline-width:${t};${o?`outline-offset:calc(-1 * ${t});`:""}`,wt=({width:t,color:e,inset:o})=>`box-shadow:${o?"inset":""} 0 0 0 ${t} ${e};`,xt={outline:(t,e)=>_t({width:t,color:e,inset:!1}),"outline-inset":(t,e)=>_t({width:t,color:e,inset:!0}),"box-shadow":(t,e)=>wt({width:t,color:e,inset:!1}),shadow:(t,e)=>wt({width:t,color:e,inset:!1}),"box-shadow-inset":(t,e)=>wt({width:t,color:e,inset:!0}),"shadow-inset":(t,e)=>wt({width:t,color:e,inset:!0}),border:(t,e)=>(({width:t,color:e})=>`border-style:solid;border-color:${e};border-width:${t};`)({width:t,color:e})};class RingBuilder{constructor({selector:t=":host",width:e=w($t.ringWidth),color:o=w($t.ringColor),type:s}={}){if(s&&s in xt){const r=xt[s](e,o);this.css=`${t}{${r}}`}else this.css=""}get styleSheet(){return l(this.css).styleSheet}}const kt="ring-type";let St=class Alert extends GlobalStyle{constructor(){super(),this.ringType="border",new StyleController(this,(()=>new RingBuilder({type:this.ringType}).css))}render(){return o`<div part="root" ${nt(this.observedRecord)}> <div>${lt("prefix")}</div> <div part="content"> <strong part="title">${lt("title",this.title)}</strong> ${lt("",this.content)} </div> <div>${lt("suffix")}</div> </div>`}static alert(t,e){const o=new this;return Object.assign(o,e),t.appendChild(o),o}};h([Y({attribute:kt})],St.prototype,"ringType",void 0),h([Y()],St.prototype,"title",void 0),h([Y()],St.prototype,"content",void 0),St=h([k("alert"),x(a`:host{background:var(${$t.background});color:var(${$t.foreground})}:host,:where(:host([contents]) [part=root]){display:block}[part=root]{align-items:center;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;padding:.75em}[part=content],[part=root]{display:grid}`)],St);var Ct=St;Ct.define();let Rt=class Avatar extends GlobalStyle{constructor(){super(...arguments),this.name="",this.round=!1}render(){return o`<div part="root" ${nt(v(this.observedRecord,"src"))}> ${this._renderAvatar()} </div>`}_renderAvatar(){return this.src?o`<img part="image" src="${this.src}" alt="${this.name}" @error=${this._handleError}/>`:this.name?o`<span part="name">${this.formatName()}</span>`:lt()}formatName(){return this.name}_handleError(){this.src=void 0}};h([Y()],Rt.prototype,"src",void 0),h([Y()],Rt.prototype,"name",void 0),h([Y({type:Boolean})],Rt.prototype,"round",void 0),Rt=h([k("avatar"),x(a`:host{background:var(${$t.passive});color:var(${$t.foreground});height:2em;overflow:hidden;vertical-align:bottom;width:2em}:host,[part=root]{display:inline-flex}:host([contents]) [part=root]{display:inline-flex;height:inherit;width:inherit}:host([round]){border-radius:50%}[part=image]{height:100%;object-fit:cover;width:100%}[part=root]{align-items:center;border-radius:inherit;justify-content:center;position:relative}`)],Rt);var Et=Rt;Et.define();const Tt="button",At=bt(Tt);let Mt=class Button extends GlobalStyle{constructor(){super(...arguments),this.plain=!1,this.disabled=!1,this.active=!1,this.round=!1}render(){return o`<div part="root" ${nt(this.observedRecord)}> ${lt("",this.content)} <span part="modal-root"></span> </div>`}focus(){this.disabled||(this.active=!0,super.focus())}blur(){this.active=!1,super.blur()}connectedCallback(){super.connectedCallback(),this.events.add(this,"click",this._handelClick)}_handelClick(t){if(this.disabled)return t.stopPropagation(),void t.preventDefault();this.plain||this._handleModal(t)}_handleModal(t){const e=document.createElement("i"),{width:o,height:s}=this.getBoundingClientRect(),{x:r,y:a}=this._root.getBoundingClientRect(),l=2*Math.sqrt(s**2+o**2)+"px";e.style.height=l,e.style.width=l,e.style.left=t.x-r+"px",e.style.top=t.y-a+"px",this._modalRoot.appendChild(e),e.animate([{transform:"scale(0) translate(-50%, -50%)",opacity:.1},{transform:"scale(1) translate(-50%, -50%)",offset:.8},{opacity:0}],{duration:800,iterations:1}),e.addEventListener("animationend",(()=>e.remove()),{once:!0})}};h([Y({type:Boolean,reflect:!0})],Mt.prototype,"plain",void 0),h([Y({type:Boolean,reflect:!0})],Mt.prototype,"disabled",void 0),h([Y({type:Boolean,reflect:!0})],Mt.prototype,"active",void 0),h([Y({type:Boolean,reflect:!0})],Mt.prototype,"round",void 0),h([Y()],Mt.prototype,"content",void 0),h([tt("modal-root")],Mt.prototype,"_modalRoot",void 0),h([tt("root")],Mt.prototype,"_root",void 0),Mt=h([k(Tt),x(a`:host(:not([disabled]):active){transform:scale(var(${At}--focus-scale))}:host([round]){border-radius:calc(infinity*1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([plain]){${At}--gradients:unset;${At}--focus-scale:unset}`,a`:host{${At}--modal-animation-duration:1.5s;${At}--focus-scale:.97;${At}--deg:45deg;background:var(${$t.primaryBackground});border-style:none;border-width:var(${$t.ringWidth});color:var(${$t.primaryForeground});cursor:pointer;display:block;overflow:hidden;text-align:center;width:-moz-fit-content;width:fit-content}[part=root]:not([contents]){height:100%;width:100%}[part=root]{display:grid;padding:.25em .75em;place-content:center;position:relative;-webkit-user-select:none;user-select:none}i{background:currentColor;border-radius:50%;height:100%;inset:0;opacity:0;pointer-events:none;position:absolute;transform-origin:0 0;visibility:visible;width:100%}`)],Mt);var Pt=Mt;let Ot=class Badge extends Pt{constructor(){super(...arguments),this.plain=!0,this.round=!0}};Ot=h([k("badge"),x(a`:host{font-size:.75em}[part=root]{padding:0 .5em}`)],Ot);var Bt=Ot;Bt.define();const zt="breath",It=bt(zt),Dt=/[\s,]+/;let Nt=class Breath extends GlobalStyle{render(){const t=this.getTexts();return o`<div part="root" ${nt(this.observedRecord)}> ${[t.map(this._renderText),ht(this._computeStyle(t.length))]} </div>`}_renderText(t){return o`<span class="rel"> <span class="nocolor">${t}</span> <span class="colorful">${t}</span> </span>`}getTexts(){return Array.isArray(this.content)?this.content:(this.content||this.textContent).split(Dt).filter((t=>t))}_computeStyle(t){const e=50/t,o=this.duration||1e3*(2*t+2);let s="";for(let e=1;e<=t;e++)s+=`.rel:nth-child(${e}) .colorful{animation-delay:${-o/t*(t-e+1)}ms;background:var(${It}--${e},var(${It}--${(e-1)%3+1}));}`;return`.colorful{animation-duration:${o}ms;}@keyframes colorfulN{0%,${3*e}%{opacity:0;}${e}%,${2*e}%{opacity:1;}}${s}`}};h([Y()],Nt.prototype,"content",void 0),h([Y({type:Number})],Nt.prototype,"duration",void 0),Nt=h([k(zt),x(a`:host{${It}--deg:60deg;${It}--1-1:#dd3c3c;${It}--1-2:#f5993d;${It}--2-1:#26d944;${It}--2-2:#29a3a3;${It}--3-1:#8c30e8;${It}--3-2:#0d80f2;${It}--1:linear-gradient(var(${It}--deg),var(${It}--1-1),var(${It}--1-2));${It}--2:linear-gradient(var(${It}--deg),var(${It}--2-1),var(${It}--2-2));${It}--3:linear-gradient(var(${It}--deg),var(${It}--3-1),var(${It}--3-2))}`,a`:host{align-items:center;direction:ltr;font-size:2em;margin:auto;width:-moz-fit-content;width:fit-content}:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}::selection{background:none}.rel{font-size:inherit;font-weight:800;letter-spacing:-.05em;position:relative}`,a`.colorful,.nocolor{animation-iteration-count:infinite;-webkit-background-clip:text!important;background-clip:text!important;box-sizing:border-box;color:transparent;display:inline-block;padding:0 .05em}.colorful{animation-name:colorfulN;opacity:0}.nocolor{background:var(${$t.backgroundClip});position:absolute;top:0}`)],Nt);var Ut=Nt;Ut.define(),Pt.define();const jt="card",Vt=bt(jt);let Lt=class Card extends GlobalStyle{constructor(){super(),this.ringType="border",this.footer=!1,this.header=!1,new StyleController(this,(()=>new RingBuilder({type:this.ringType}).css))}render(){return o`<div part="root" ${nt(this.observedRecord)}> ${[this.header?lt("header"):"",lt(),this.footer?lt("footer"):""]} </div>`}};h([Y({attribute:kt})],Lt.prototype,"ringType",void 0),h([Y({type:Boolean})],Lt.prototype,"footer",void 0),h([Y({type:Boolean})],Lt.prototype,"header",void 0),Lt=h([k(jt),x(a`:host{${Vt}--padding:.75em;background:var(${$t.background});color:var(${$t.foreground});display:block;flex-shrink:0}slot{display:block;padding:var(${Vt}--padding)}[part=root]{border-radius:inherit}[name=footer]{padding-top:0}[name=header]{padding-bottom:0}`)],Lt);var Gt=Lt;Gt.define();const Ft=dt("0 0 256 256")`<path fill="currentColor" d="M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z">`,qt=dt("0 0 256 256")`<path fill="currentColor" d="m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32">`;function Wt(t){return t.getBoundingClientRect().width}let Ht=class Carousel extends GlobalStyle{constructor(){super(...arguments),this.index=0,this.autoChange=0}render(){return o`<div part="root" ${nt(this.observedRecord)}> <i part="prev" @click="${this.prev}"> ${Ft()} </i> <div part="move-root">${lt()}</div> <i part="next" @click="${this.next}"> ${qt()} </i> </div>`}connectedCallback(){super.connectedCallback(),this.children.length&&(this.__cloneFirst?.remove(),this.__cloneLast?.remove(),this.__cloneLast=this.firstElementChild.cloneNode(!0),this.__cloneFirst=this.lastElementChild.cloneNode(!0),this.appendChild(this.__cloneLast),this.insertBefore(this.__cloneFirst,this.firstElementChild)),this.observers.add(this,ResizeObserver,(()=>{this._offset=this._computeOffset(),this._doTranslateX(`${this._offset}px`,!0)}))}async firstUpdated(){await this.updateComplete,this.show(this.index,!0)}attributeChangedCallback(t,e,o){super.attributeChangedCallback(t,e,o),"index"===t&&this.isConnected&&this.show(this.index)}show(t,e){t=this.normalizeIndex(t),this.index=t,this._offset=this._computeOffset(),this._doTranslateX(`${this._offset}px`,e),this.dispatchCustomEvent("change",t),this.timeouts.remove(this.intervalID),this.autoChange>0&&(this.intervalID=this.timeouts.add(setInterval((()=>{this.next()}),this.autoChange)))}next(){this.index===this.childElementCount-3?(this._doTranslateX("0",!0),this.show(0)):this.show(this.index+1)}prev(){0===this.index?(this._doTranslateX(`-${this.childElementCount-1}00%`,!0),this.show(this.children.length-3)):this.show(this.index-1)}_doTranslateX(t,e){this._moveRoot.style.transform=`translateX(${t})`,this._moveRoot.style.transition=e?"none":""}_computeOffset(){let t=0;for(let e=0;e<=this.index;e++)t-=Wt(this.children[e]);return t+=(Wt(this)-Wt(this.children[this.index+1]))/2,t}normalizeIndex(t){return t<0?0:t>this.children.length-3?this.children.length-3:t}};h([Y({type:Number})],Ht.prototype,"index",void 0),h([Y({type:Number})],Ht.prototype,"autoChange",void 0),h([tt("move-root")],Ht.prototype,"_moveRoot",void 0),Ht=h([k("carousel"),x(a`:host{display:block;transition:.3s}[part=root]{direction:ltr;overflow:hidden}[part=move-root],[part=root]{display:flex;height:100%;position:relative;transition:inherit;width:100%}[part=next],[part=prev]{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;-webkit-user-select:none;user-select:none;width:1.5em;z-index:1}[part=prev]{left:0}[part=next]{right:0}slot::slotted(*){flex-shrink:0!important}`)],Ht);var Yt=Ht;Yt.define();const Xt="chip",Zt=bt(Xt);let Kt=class Chip extends GlobalStyle{constructor(){super(...arguments),this.position="top-right",this.value=0,this.dot=!1,this.max=99}formatValue(t){return t>this.max?this.max+"+":t+""}render(){return o`<div part="root" ${nt(this.observedRecord)}> ${lt()} ${this.value||this.dot?o`<div part="chip">${this.dot?"":this.formatValue(this.value)}</div>`:""} </div>`}};h([Y()],Kt.prototype,"position",void 0),h([Y({type:Number})],Kt.prototype,"value",void 0),h([Y({type:Boolean})],Kt.prototype,"dot",void 0),h([Y({type:Number})],Kt.prototype,"max",void 0),Kt=h([k(Xt),x(a`:host{${Zt}--offset:0%;${Zt}--offset-x:var(${Zt}--offset);${Zt}--offset-y:var(${Zt}--offset)}:host,:host([contents]) [part=root]{display:inline-block}[part=root]{position:relative}[part=chip]{background:var(${$t.primaryBackground});border-radius:calc(infinity*1px);color:var(${$t.primaryForeground});font-size:75%;padding:0 .5em;position:absolute;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}[part=chip]:empty{border-radius:50%;font-size:100%;height:.5em;padding:0;width:.5em}[position^=top] [part=chip]{top:calc(var(${Zt}--offset-y))}[position$=right] [part=chip]{left:calc(100% - var(${Zt}--offset-x))}[position^=bottom] [part=chip]{top:calc(100% - var(${Zt}--offset-y))}[position$=left] [part=chip]{left:calc(var(${Zt}--offset-x))}`)],Kt);var Qt=Kt;Qt.define();const Jt=dt("0 0 256 256")`<path fill="currentColor" d="m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32">`,te="details",ee=bt(te);let ie=class Details extends GlobalStyle{constructor(){super(...arguments),this.open=!1,this.float=!1,this.fill=!1,this.summary=""}render(){return o`<dl part="root" ${nt(this.observedRecord)}> <dt part="title" @click="${()=>this.toggle()}"> <span part="summary">${lt("summary",this.summary)}</span> <span part="icon">${lt("icon",Jt())}</span> </dt> <dd part="details" @click=${this.fill?()=>this.toggle():null}> <div style="min-height: 0;">${lt()}</div> </dd> </dl>`}updated(t){const e=t.get("open");void 0!==e&&this.dispatchCustomEvent("change",e)}toggle(t){this.open=t??!this.open}close(){this.open=!1}show(){this.open=!0}};h([Y({type:Boolean,reflect:!0})],ie.prototype,"open",void 0),h([Y({type:Boolean})],ie.prototype,"float",void 0),h([Y({type:Boolean})],ie.prototype,"fill",void 0),h([Y()],ie.prototype,"summary",void 0),ie=h([k(te),x(a`:host{${ee}--icon-deg-open:0deg;${ee}--icon-deg-close:90deg;display:block;transition:.3s}[part=root]{position:relative}[part=title]{align-items:center;direction:ltr;grid-template-columns:auto auto;height:100%;justify-content:space-between}[part=details],[part=title]{display:grid;overflow:hidden;transition:inherit}[part=details]{grid-template-rows:0fr}:host([open]) [part=details]{grid-template-rows:1fr}[float] [part=details]{position:absolute;top:100%;width:100%}[part]{transition:inherit;transition-property:transform,grid-template-rows}[part=icon]{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;transform:rotate(var(${ee}--icon-deg-close))}:host([open]) [part=icon]{transform:rotate(var(${ee}--icon-deg-open))}`)],ie);var oe=ie;oe.define();const se="dialog",re=bt(se);let ne=class Dialog extends GlobalStyle{constructor(){super(...arguments),this.open=!1,this.modal=!1,this.__modalInvoke=!1}render(){return o`<div part="root" @click=${this.show}> ${lt("trigger")} </div> <dialog part="dialog" role="dialog"> ${lt("dialog")}${lt()} </dialog>`}showModal(){this.modal=!0,this.__modalInvoke=!0,this.show()}show(){this.open=!0}close(){this.open=!1}toggle(t){this.open=t??!this.open}updated(t){t.has("open")&&(this.open?(this.modal?this._dialog.showModal():this._dialog.show(),this.__submitEvent=this.events.add(this,"submit",this._handelSubmit),this.__keydownEvent=this.events.add(document,"keydown",this._handleKeydown.bind(this))):(this.__modalInvoke&&(this.modal=!1,this.__modalInvoke=!1),this._dialog.close(),this.events.remove(this,"submit",this.__submitEvent),this.events.remove(document,"keydown",this.__keydownEvent)))}_handleKeydown(t){"Escape"===t.key&&(t.preventDefault(),this.close())}_handelSubmit(t){"dialog"===t.target.method&&(t.preventDefault(),this.close())}};h([Y({type:Boolean,reflect:!0})],ne.prototype,"open",void 0),h([Y({type:Boolean,reflect:!0})],ne.prototype,"modal",void 0),h([tt("dialog")],ne.prototype,"_dialog",void 0),ne=h([k(se),x(a`:host{${re}--background-modal:#000;${re}--opacity-modal:0.2;background:none;display:block;width:-moz-fit-content;width:fit-content}dialog{background:none;left:50%;position:relative;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1}::backdrop{background:var(${re}--background-modal);opacity:var(${re}--opacity-modal)}`)],ne);var ae=ne;ae.define();let le=class Divider extends GlobalStyle{constructor(){super(...arguments),this.vertical=!1}render(){return o`<div part="root"></div>`}};h([Y({type:Boolean,reflect:!0})],le.prototype,"vertical",void 0),le=h([k("divider"),x(a`:host{background:currentColor;color:var(${$t.passive});display:block;height:.05em;width:100%}:host([vertical]){height:100%;width:.05em}`)],le);var he=le;he.define();let de=class Dragbox extends GlobalStyle{constructor(){super(...arguments),this.__drag=!1}get _offsetParent(){return this.offsetParent??document.body}render(){return o`<div part="root" ${nt(this.observedRecord)} @mousedown="${this._handleDragStart}"> ${lt()} </div>`}firstUpdated(){this.reset()}_handleDragStart(t){this.__x=t.x,this.__y=t.y;const e=this._offsetParent.getBoundingClientRect(),o=this.getBoundingClientRect();this.__t=o.top-e.top,this.__l=o.left-e.left,this.__drag=!0,this.__handleMouseMove=this.events.add(document,"mousemove",this._handleDrag.bind(this)),this.__handleMouseLeave=this.events.add(document,"mouseleave",this._handleDragEnd.bind(this)),this.__handleMouseUp=this.events.add(document,"mouseup",this._handleDragEnd.bind(this))}_handleDragEnd(){this.__drag=!1,this.events.remove(document,"mousemove",this.__handleMouseMove),this.events.remove(document,"mouseleave",this.__handleMouseLeave),this.events.remove(document,"mouseup",this.__handleMouseUp)}_handleDrag(t){if(!this.__drag)return;const{__x:e,__y:o,__l:s,__t:r,style:a}=this,{height:l,width:h}=this._offsetParent.getBoundingClientRect(),{width:d,height:c}=this.getBoundingClientRect(),p=t.x-(e-s),u=t.y-(o-r);a.left=p<0?"0":p<h-d?`${p}px`:h-d+"px",a.top=u<0?"0":u<l-c?`${u}px`:l-c+"px"}reset(){const{x:t,y:e,style:o,offsetWidth:s,offsetHeight:r,offsetLeft:a,offsetTop:l}=this,{height:h,width:d}=this._offsetParent.getBoundingClientRect();o.left=t||"0",o.top=e||"0",a>d-s&&(o.left=d-s+"px"),l>h-r&&(o.top=h-r+"px")}};h([Y()],de.prototype,"x",void 0),h([Y()],de.prototype,"y",void 0),de=h([k("dragbox"),x(a`:host{display:block;position:absolute}:host(:active){-webkit-user-select:none;user-select:none}`)],de);var ce=de;ce.define();let pe=class Flex extends GlobalStyle{constructor(){super(...arguments),this.vertical=!1}render(){return o`<div part="root" ${nt(this.observedRecord)}> ${[lt(),ht($({":host":{gap:this.gap,"flex-flow":this.flexFlow,"flex-direction":this.vertical&&"column","align-items":this.items,"justify-content":this.content}}))]} </div>`}};h([Y({attribute:"flex-flow"})],pe.prototype,"flexFlow",void 0),h([Y()],pe.prototype,"gap",void 0),h([Y()],pe.prototype,"content",void 0),h([Y()],pe.prototype,"items",void 0),h([Y({type:Boolean})],pe.prototype,"vertical",void 0),pe=h([k("flex"),x(a`:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}`)],pe);var ue,ve=pe;ve.define();let fe=ue=class Form extends GlobalStyle{constructor(){super(...arguments),this.name="",this.nameValue=this.namevalue}get value(){return ue.buildValue(this._slot.assignedElements())}render(){return lt()}reset(){this.deepQuerySelectorAll("*").forEach((t=>{t.tagName!==this.tagName&&t.reset&&t.reset()}))}namevalue(){return[this.name,this.value]}static buildValue(t){const e={};for(const o of t)if("FORM"===o.tagName)Object.assign(e,Object.fromEntries(new FormData(o).entries()));else if(o.namevalue){const[t,s]=o.namevalue();t&&(e[t]=s)}else if(o.name&&void 0!==o.value)e[o.name]=o.value;else if(o.shadowRoot)for(const t of o.shadowRoot.querySelectorAll("slot"))Object.assign(e,this.buildValue(t.assignedElements()));return e}};h([Y()],fe.prototype,"name",void 0),fe=ue=h([k("form"),x(a`:host{display:block}`)],fe);var me=fe;me.define();const ge=t=>{return e=t,Number.isNaN(+e)?t:`repeat(${t},1fr)`;var e};let ye=class Grid extends GlobalStyle{render(){return o`<div part="root" ${nt(this.observedRecord)}> ${[lt(),ht($({":host":{gap:this.gap,"grid-template-columns":ge(this.columns),"grid-template-rows":ge(this.rows),"place-content":this.content,"place-items":this.items}}))]} </div>`}};h([Y()],ye.prototype,"gap",void 0),h([Y()],ye.prototype,"columns",void 0),h([Y()],ye.prototype,"rows",void 0),h([Y()],ye.prototype,"content",void 0),h([Y()],ye.prototype,"items",void 0),ye=h([k("grid"),x(a`:host,:host([contents]) [part=root]{display:grid}[part=root]{display:contents}`)],ye);var be,$e=ye;$e.define();let _e=be=class Router extends GlobalStyle{constructor(){super(...arguments),this.__fieldRouteTree=new RouteTree,this.__slottedRouteTree=new RouteTree,this.__cacheRecord=new Map,this.component=null,this.pathname=location.pathname,this.default=lt(),this.type="united",this.cache=!1,this.handlePopstate=this.events.add(window,"popstate",(()=>{this.pathname=location.pathname}))}get params(){return this.path?RouteTree.parseParams(this.pathname,this.path):{}}set routes(t){this.__routes=t,this.collectFieldRoutes(t)}get routes(){return this.__routes}clear(){this.__cacheRecord.clear()}render(){let t;if(this.cache&&(t=this.__cacheRecord.get(this.pathname))&&(this.component=t.component,this.path=t.path,this.pathname=t.pathname),!t)switch(this.type){case"field":this.component=this.fieldComponent();break;case"slotted":this.component=this.slottedComponent();break;default:this.component=this.fieldComponent()??this.slottedComponent()}return this.component??this.default}connectedCallback(){super.connectedCallback(),be.routerInstances.add(this),"field"!==this.type&&(this.observers.add(this,MutationObserver,this.collectSlottedRoutes,{attributes:!0,attributeFilter:["slot"],subtree:!0}),this.collectSlottedRoutes())}disconnectedCallback(){super.disconnectedCallback(),be.routerInstances.delete(this)}useRouter(){return{pathname:this.pathname,params:this.params,path:this.path,component:this.component}}updated(t){if(t.has("pathname")||t.has("path")){const t=this.useRouter();!this.__cacheRecord.has(this.pathname)&&this.path&&this.__cacheRecord.set(this.pathname,t),this.dispatchCustomEvent("change",t)}}fieldComponent(t){if(t||=this.__fieldRouteTree.search(this.pathname)?.pattern,this.path=t,!t)return null;const e=this.routes.find((e=>e.path===t));return e?"render"in e?e.render?.(v(this.useRouter(),"component"))||null:e.component:null}slottedComponent(t){const e=this._slottedNames;return t||=this.__slottedRouteTree.search(this.pathname)?.pattern,this.path=t,t?(this.path=e.find((e=>e===t)),this.path?lt(this.path):null):null}collectSlottedRoutes(){this.__slottedRouteTree=new RouteTree,this.clear(),this._slottedNames.forEach((t=>{this.__slottedRouteTree.insert(t)}))}collectFieldRoutes(t){this.__fieldRouteTree=new RouteTree,this.clear(),t.forEach((({path:t})=>{this.__fieldRouteTree.insert(t)}))}static updateAll(){this.routerInstances.forEach((t=>{t.handlePopstate()}))}search(t){return this.__fieldRouteTree.search(t)||this.__slottedRouteTree.search(t)}};_e.routerInstances=new Set,h([X()],_e.prototype,"component",void 0),h([X()],_e.prototype,"path",void 0),h([Y()],_e.prototype,"pathname",void 0),h([X()],_e.prototype,"default",void 0),h([Y()],_e.prototype,"type",void 0),h([Y({type:Boolean})],_e.prototype,"cache",void 0),h([X()],_e.prototype,"routes",null),_e=be=h([k("router"),x(a`:host{display:contents}`)],_e);var we=_e;const xe="auto";let ke=class Link extends GlobalStyle{constructor(){super(...arguments),this.type=xe,this.suppress=!1,this.replace=!1,this.target="_self",this.state={},this.handleState=()=>{switch(this.type){case xe:case"push":if(!this.replace){history.pushState(this.state,"",this.href);break}case"replace":history.replaceState(this.state,"",this.href)}}}get pathname(){return new URL(this.href,location.href).pathname}_handleClick(t){const{state:e,type:o,href:s,pathname:r,suppress:a}=this;if(!s)return;if(this.dispatchCustomEvent("navigate",{...this.observedRecord,pathname:r,state:e}),s.startsWith("#")||"normal"===o)return;this.handleState();const l=[...we.routerInstances];a||o===xe&&!l.some((t=>t.search(location.pathname)))||(t.preventDefault(),we.routerInstances.forEach((t=>{t.handlePopstate()})))}render(){return o`<a part="root" ${nt(this.observedRecord)} href="${this.href||e}" target="${this.target}" @click=${this._handleClick}> ${lt()} </a>`}};h([Y()],ke.prototype,"type",void 0),h([Y({type:Boolean})],ke.prototype,"suppress",void 0),h([Y({type:Boolean})],ke.prototype,"replace",void 0),h([Y()],ke.prototype,"href",void 0),h([Y()],ke.prototype,"target",void 0),ke=h([k("link"),x(a`:host{cursor:default;display:inline-block}:host([href]){cursor:pointer}a{display:contents}`)],ke);var Se=ke;let Ce=class Heading extends Se{constructor(){super(...arguments),this.as="h1",this.anchor="#",this.side="left"}render(){const t=this.href||(this.id?"#"+this.id:void 0);return o`<a part="root" href="${t||e}"> ${this.wrapHeading(lt(),t?o`<i part="${st("anchor",this.side)}">${this.anchor}</i>`:"")} </a>`}wrapHeading(...t){switch(this.as){case"h2":return o`<h2>${t}</h2>`;case"h3":return o`<h3>${t}</h3>`;case"h4":return o`<h4>${t}</h4>`;case"h5":return o`<h5>${t}</h5>`;case"h6":return o`<h6>${t}</h6>`;default:return o`<h1>${t}</h1>`}}};h([Y()],Ce.prototype,"as",void 0),h([Y()],Ce.prototype,"anchor",void 0),h([Y()],Ce.prototype,"side",void 0),Ce=h([k("heading"),x(a`:host{display:block;text-align:start}[part~=anchor]{min-width:1.25em;position:absolute;right:100%;text-align:center}[part~=left][part~=anchor]{right:100%}[part~=right][part~=anchor]{left:100%}h1,h2,h3,h4,h5,h6{position:relative;width:-moz-fit-content;width:fit-content}`)],Ce);var Re=Ce;Re.define();const Ee=dt("0 0 256 256")`<path fill="currentColor" d="M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z">`,Te=a`:host([disabled]){cursor:not-allowed;filter:brightness(.85)}input:disabled{cursor:inherit}input::-ms-clear,input::-ms-reveal{display:none}`;let Ae=class SuperInput extends GlobalStyle{constructor(){super(...arguments),this.autofocus=!1,this.ringType="border",this.disabled=!1,this.compositing=!1,this.makeId=Math.random().toString(36).slice(1),this.nameValue=this.namevalue}get observedRecord(){return v(super.observedRecord,"default","value")}set defaultValue(t){this.default=t}get defaultValue(){return this.default}namevalue(){return[this.name,this.value]}reset(){this.value=this.default,this._input.value=this.default}_handleInput(t){t.stopPropagation(),this.compositing||(this.value=t.target.value?.trim(),this.dispatchCustomEvent("input",this.value,{bubbles:!0}))}_handleChange(t){this.dispatchCustomEvent("change",this.value)}connectedCallback(){super.connectedCallback(),this._connectedInit()}_connectedInit(){this.default??=this.value||"",this.value??=this.default}_compositionInit(){this._input&&(this.events.add(this._input,"compositionstart",(()=>this.compositing=!0)),this.events.add(this._input,"compositionend",(t=>{this.compositing=!1,this._handleInput(t)})))}focus(t){this._input?.focus(t)}firstUpdated(){this._compositionInit()}_renderPrefix(){return o`<i part="prefix">${lt("prefix")}</i>`}_renderSuffix(){return o`<i part="suffix">${lt("suffix")}</i>`}};h([Y()],Ae.prototype,"autocomplete",void 0),h([Y({attribute:kt})],Ae.prototype,"ringType",void 0),h([Y({type:Boolean,reflect:!0})],Ae.prototype,"disabled",void 0),h([Y({reflect:!0})],Ae.prototype,"placeholder",void 0),h([Y({reflect:!0})],Ae.prototype,"name",void 0),h([Y()],Ae.prototype,"value",void 0),h([Y()],Ae.prototype,"default",void 0),h([tt("input")],Ae.prototype,"_input",void 0),Ae=h([x(Te)],Ae);let Me=class Input extends Ae{constructor(){super(),this.type="text",this.variant="default",new StyleController(this,(()=>new RingBuilder({type:this.ringType}).css+("outline"===this.variant?`:host{${$t.ringColor}:currentColor}`:"")))}render(){return o`<label part="root" ${nt(this.observedRecord)}> ${[this._renderPrefix(),o`<input part="input" type="${this.type}" .value="${this.value}" ?autofocus="${this.autofocus}" ?disabled="${this.disabled}" autocapitalize="${this.autocapitalize||e}" autocomplete="${this.autocomplete||e}" placeholder="${this.placeholder||e}" @input="${this._handleInput}" @change="${this._handleChange}"/>`,this._renderSuffix()]} </label>`}_renderSuffix(){const t="password";return this.type===t?o`<i part="suffix" @mousedown="${()=>this._changeInputType("text")}" @mouseup="${()=>this._changeInputType(t)}" @mouseleave="${()=>this._changeInputType(t)}"> ${lt("suffix",Ee())} </i>`:super._renderSuffix()}_changeInputType(t){this._input&&(this._input.type=t)}};h([Y({reflect:!0})],Me.prototype,"type",void 0),h([Y()],Me.prototype,"variant",void 0),h([tt("input")],Me.prototype,"_input",void 0),Me=h([k("input"),x(a`:host{display:block;${$t.input}-space:0.2em;${$t.input}-icon-color:grey}:host(:active),:host(:focus-within){${$t.ringColor}:currentColor;${$t.input}-icon-color:currentColor}[part=root]{align-items:center;border-radius:inherit;display:flex;padding:.4em .5em;position:relative}[part=input]{flex-grow:1;height:100%;width:100%}[part=prefix],[part=suffix]{align-items:center;color:var(${$t.input}-icon-color);display:flex;height:100%;justify-content:center}[part=suffix] slot svg{margin-inline-start:var(${$t.input}-space)}[part=prefix] slot svg{margin-inline-end:var(${$t.input}-space)}`)],Me);var Pe=Me;Pe.define();let Oe=class Layout extends GlobalStyle{constructor(){super(...arguments),this.sticky=!1}render(){return o`<div part="root" ${nt(this.observedRecord)}> <header part="header">${lt("header")}</header> <main part="main">${lt()}</main> <footer part="footer">${lt("footer")}</footer> </div>`}};h([Y({type:Boolean})],Oe.prototype,"sticky",void 0),Oe=h([k("layout"),x(a`:host{flex-direction:column;grid-template-rows:auto 1fr auto;height:100%;min-height:100%;width:100%}:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}[part=main]{flex:1;width:100%}[part=footer],[part=header]{flex-shrink:0;width:100%}[sticky] header{position:sticky;top:0}`)],Oe);var Be=Oe;function ze(t){let e,o=function(...s){return e=t.apply(this,s),o=()=>e,e};return o}Be.define(),Se.define();const Ie="popover",De=()=>Object.hasOwn(HTMLElement.prototype,Ie),Ne=t=>t.getAttribute(Ie),Ue=t=>{t.style.display="none"},je=ze((t=>De()?(t=>{null!==Ne(t)?t.hidePopover():Ue(t)})(t):Ue(t)));function Ve(t){if(t.style.display="block",this&&"manual"!==Ne(t)){const e="click",o=s=>{this.contains(s.target)||(t.dispatchEvent(new Event("toggle",{bubbles:!0,composed:!0,newState:"closed"})),je(t),document.removeEventListener(e,o))};document.addEventListener(e,o)}}function Le(t){null!==Ne(t)?t.showPopover():Ve.call(this,t)}const Ge=ze((function(t){return De()?Le.call(this,t):Ve.call(this,t)})),Fe="popover",qe=Fe;let We=class Popover extends GlobalStyle{constructor(){super(),this.anchorName=`--${Fe}-${Math.random().toString(36).slice(2)}`,this.open=!1,this.action="show",this.span="span",this.position="bottom",new StyleController(this,(()=>$({"[part=root],slot:not([name])::slotted(*)":{"anchor-name":this.anchorName},"[part=popover]":{"position-anchor":this.anchorName,"position-area":this.resolveArea()}})))}render(){return o`<div part="root"> <div part="trigger" @click=${this._handleClick}> ${lt()} </div> <div part="popover" popover="manual"> ${lt("popover")} </div> </div>`}_handleClick(){const{action:t}=this;switch(t){case"show":case"hide":case"toggle":this[t]()}}show(){this.toggle(!0)}hide(){this.toggle(!1)}toggle(t){this.open=t??!this.open}updated(t){t.has("open")&&this._openChange()}_openChange(){const{open:t}=this;if(t){Ge.call(this,this._popover);const t=e=>{this.contains(e.target)||(this.events.remove(document,"click",t),this.open=!1)};this.events.add(document,"click",t)}else je(this._popover);this.dispatchCustomEvent("toggle",t)}resolveArea(){const t=this.position.split("-"),e="spread"===this.span?`span-${t[0]}`:t[0];return t.length<2?`${e} center`:`${e} ${"isolated"===this.span?t[1]:`span-${t[1]}`}`}};h([Y({type:Boolean,reflect:!0})],We.prototype,"open",void 0),h([Y()],We.prototype,"action",void 0),h([Y()],We.prototype,"span",void 0),h([Y()],We.prototype,"position",void 0),h([tt(Fe)],We.prototype,"_popover",void 0),We=h([k(qe),x(a`:host{display:inline-block}[part=trigger]{display:contents}[part=root]{display:inherit}[part=popover]{inset:unset;overflow:visible;position:absolute;z-index:1;position-try-fallbacks:flip-block}`)],We),We.define();var He=We;let Ye=class Progress extends GlobalStyle{constructor(){super(...arguments),this.max=1,this.min=0}render(){let t,e=20;if(!d(this.value)){const o=new Ranger(this.min,this.max);e=(+this.value-this.min)/o.diff*100,t="static"}return o`<div part="root" ${nt(this.observedRecord)} class="${t}"> <i part="value" style="width:${e}%;"></i> </div>`}};h([Y({type:Number})],Ye.prototype,"max",void 0),h([Y({type:Number})],Ye.prototype,"min",void 0),h([Y({type:Number})],Ye.prototype,"value",void 0),Ye=h([k("progress"),x(a`:host{background:var(${$t.passive});border-radius:.25em;color:var(${$t.active});height:.5em;width:100%}:host,[part=root]{display:block}[part=root]{border-radius:inherit;overflow:hidden;position:relative;z-index:1}[part=value]{animation:progress 1.8s ease-in-out infinite alternate;background:currentColor;border-radius:inherit;height:100%;left:0;position:absolute;top:0;transition:all .3s;z-index:2}@keyframes progress{0%{left:0}to{left:80%}}.static [part=value]{animation:none}`)],Ye);var Xe=Ye;Xe.define();const Ze="range",Ke=bt(Ze);let Qe=class Range extends Ae{constructor(){super(...arguments),this.min=0,this.max=100,this.vertical=!1,this.__focusStack=[]}get range(){return Array.isArray(this.value)}get rangeValue(){return this.range?this.value:[this.value]}padValue(t,e=0){const{rangeValue:o}=this,s=t-o.length;return s>0?new Array(s).fill(e).concat(o):o}attributeChangedCallback(t,e,o){super.attributeChangedCallback(t,e,o),"max"!==t&&"min"!==t&&"step"!==t||(this._ranger=new Ranger(this.min,this.max,this.step))}get observedRecord(){return v(super.observedRecord,kt)}render(){const t=this.padValue(2),e=Math.min(...t),s=Math.max(...t),r=this._ranger.diff;return o`<div part="root" ${nt(this.observedRecord)} @mousedown="${this.disabled?null:this._handleMousedownRoot}" style="${_([["--from",(e-this.min)/r*100+"%"],["--to",(s-this.min)/r*100+"%"],...t.map(((t,e)=>[`--handle-${e}`,(t-this.min)/r*100+"%"]))])}"> <div part="track"></div> ${ct(this.rangeValue.length,(t=>this._renderHandle(t)))} </div>`}_renderHandle(t){const{disabled:e,range:s,rangeValue:r}=this,a=!s||s&&t===r.length-1&&1===r.length;return o`<i tabindex="0" part="${st("handle",`handle-${t}`)}" @mousedown="${e?null:this.createMouseDown(t)}" style="${_({"z-index":this.__focusStack.indexOf(t)+1,"--handle":`var(--${a?"to":`handle-${t}`})`})}"></i>`}focusHandle(t){this.lastFocus=t;const e=this.__focusStack.indexOf(t);-1!==e&&this.__focusStack.splice(e,1),this.__focusStack.push(t);const o=this._handles.item(t);o?.focus(),this.__keydownEvent||(this.__keydownEvent=this.events.add(document,"keydown",this.createKeydownEvent(t)))}blurHandle(){this.lastFocus=void 0,this.__keydownEvent=this.events.remove(document,"keydown",this.__keydownEvent)}createKeydownEvent(t){return e=>{const{rangeValue:o,step:s}=this;o.length<2&&(t=0);const r=o[t];"ArrowLeft"===e.key||"ArrowDown"===e.key?(e.preventDefault(),this.createSetValue(t)(r-s)):"ArrowRight"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),this.createSetValue(t)(r+s))}}createMouseDown(t){return e=>{this.focusHandle(t),this.createMousedownListener(this.createSetValue(t))(e)}}createSetValue(t){return e=>{const o=this._ranger.normalize(e);let s=o;this.range&&(s=[...this.value],s[t]=o),this.value=s,this.dispatchCustomEvent("change",this.value)}}_computeValue({clientX:t,clientY:e}){const{top:o,left:s,height:r,width:a}=this._root.getBoundingClientRect();return this._ranger.present(this.vertical?(e-o)/r:(t-s)/a)}_handleMousedownRoot(t){const e=this._computeValue(t),o=this.range?this.rangeValue.reduce(((t,o,s)=>Math.abs(e-o)<Math.abs(e-this.rangeValue[t])?s:t),0):0,s=this.createSetValue(o);s(e),this.createMousedownListener(s)(t),this.focusHandle(o)}createMousedownListener(t){return e=>{e.preventDefault(),e.stopPropagation();const o=this.createMousemoveListener(t);this.events.add(document,"mousemove",o);const s=()=>{this.events.remove(document,"mousemove",o),this.events.remove(document,"mouseup",s)};this.events.add(document,"mouseup",s)}}createMousemoveListener(t){return e=>{const o=this._computeValue(e);o===this._ranger.restrict(o)&&t?.call(this,o)}}_connectedInit(){this._ranger=new Ranger(this.min,this.max,this.step);const t=this._ranger.diff;this.step||=t/100,d(this.value)&&(d(this.default)?this.value=Math.round(t/2/this.step)*this.step:this.value=this.default),this.default??=this.value}reset(){this.value=this.default}sort(){return this.value=this.toSorted()}toSorted(){return this.range?[...this.value].sort(((t,e)=>t-e)):this.value}};h([Y({type:Number})],Qe.prototype,"min",void 0),h([Y({type:Number})],Qe.prototype,"max",void 0),h([Y({type:Number})],Qe.prototype,"step",void 0),h([Y({type:Boolean,reflect:!0})],Qe.prototype,"vertical",void 0),h([Y({type:Array})],Qe.prototype,"value",void 0),h([Y({type:Array})],Qe.prototype,"default",void 0),h([tt("root")],Qe.prototype,"_root",void 0),h([J("[part=handle]")],Qe.prototype,"_handles",void 0),h([X()],Qe.prototype,"lastFocus",void 0),Qe=h([k(Ze),x(a`:host{${Ke}--track-width:.5em;${Ke}--handle-scale:1;${Ke}--track-background:var(${$t.active});background:var(${$t.passive});display:block;height:var(${Ke}--track-width);width:100%}:host([contents]) [part=root]{width:inherit}:host([vertical]){height:100%;width:-moz-fit-content;width:fit-content}[part=root]{position:relative;--from:0%;--to:50%}[part=root],[part=track]{border-radius:inherit;min-height:inherit}[part=track]{background:var(${Ke}--track-background);height:100%;justify-content:space-between;left:min(var(--from),var(--to));pointer-events:none;width:max(calc(var(--to) - var(--from)),calc(var(--from) - var(--to)))}[part=track],[part~=handle]{display:flex;position:absolute}[part~=handle]{align-items:center;background:var(${$t.background});border:.1em solid;border-radius:50%;height:1em;justify-content:center;outline:0;transform:scale(var(${Ke}--handle-scale)) translate(-50%,-25%);transform-origin:0 25%;-webkit-user-select:none;user-select:none;width:1em}`,a`[vertical]{height:inherit;width:var(${Ke}--track-width)}[vertical] i{transform:translate(-25%,-50%)}[vertical] [part=track]{height:max(calc(var(--to) - var(--from)),calc(var(--from) - var(--to)));left:0;top:min(var(--from),var(--to));width:100%}`,a`[part~=handle]{left:var(--handle);top:0}[vertical] [part~=handle]{left:0;top:var(--handle)}`)],Qe);var Je=Qe;Je.define();const ti="rotate",ei=bt(ti);let ii=class Rotate extends GlobalStyle{render(){return o`<div part="root"> <div part="slot" @mousemove="${this._handleRotate}"> ${lt()} </div> <i @mouseleave="${this.reset}"></i> </div>`}reset(){this._root.style.removeProperty("transform"),this._root.style.removeProperty("transition")}_handleRotate(t){const{rotateX:e,rotateY:o}=this._computeOffset(t);this._root.style.setProperty("transform",`rotateX(${e}rad) rotateY(${o}rad)`),this._root.style.setProperty("transition","0s")}_computeOffset(t){const{left:e,top:o,width:s,height:r}=this._root.getBoundingClientRect(),{clientX:a,clientY:l}=t;return{rotateX:-(l-o-r/2)/r/2,rotateY:(a-e-s/2)/s/2}}};h([tt("root")],ii.prototype,"_root",void 0),ii=h([k(ti),x(a`:host{display:block;transition:all .5s ease-in-out;width:-moz-fit-content;width:fit-content;${ei}--offset:.5em}div{position:relative;transition:inherit;transition-property:transform}i{box-sizing:content-box;height:100%;margin:calc(var(${ei}--offset)*-1);padding:var(${ei}--offset);position:absolute;top:0;width:100%}[part=slot]{z-index:2}`)],ii);var oi=ii;oi.define(),we.define();const si=ze((()=>CSS.supports("position-area:top")));function ri(t,e){if(t){const o="selected";e?t.setAttribute(o,""):t.removeAttribute(o)}}let ni=class Select extends Pe{constructor(){super(...arguments),this.multiple=!1,this.noEdit=!1,this.values=[],this.optionsVisible=!1}render(){const t=this.noEdit||this.disabled;return o`<label part="root" ${nt(this.observedRecord)}> ${[this._renderPrefix(),this.noEdit?o`<input style="position: absolute;inset: 0;opacity: 0;"/>`:"",o`<input part="input" .value="${this.text}" ?autofocus="${this.autofocus}" ?disabled="${t}" autocapitalize="${this.autocapitalize||e}" autocomplete="${this.autocomplete||e}" placeholder="${this.placeholder||e}" @input="${t?null:this._handleInput}" @change="${t?null:this._handleChange}"/>`,this._renderSuffix()]} <div part="popover" popover="${si()?"manual":e}"> ${lt()} </div> </label>`}_renderSuffix(){return o`<i part="suffix">${lt("suffix",Jt())}</i>`}firstUpdated(){this.events.add(this._slot,"click",(t=>{const{target:e}=t;if("OPTION"!==e.tagName)return;const{label:o,value:s}=e,r=this.select(s,o);this.multiple||(ri(this.lastChecked,0),this.hideOptions()),ri(e,r),this.lastChecked=e}))}_connectedInit(){this.default=this.value??="",this.defaultText=this.text??="",this.events.add(this,"focus",this.showOptions)}reset(){this.value=this.default,this.text=this.defaultText}select(t,e){e||=t;let o=0;const s=this.values.findIndex((e=>e.value===t));return s>-1?this.values.splice(s,1):(this.values.push({value:t,label:e}),o=1),this.checkValues(),this.value=this.values.map((t=>t.value)).join(","),this.text=this.values.map((t=>t.label)).join(", "),this.dispatchCustomEvent("select",this.value),o}checkValues(){!this.multiple&&this.values.length>1&&(this.values.splice(0,this.values.length-1),this.requestUpdate())}showOptions(){if(this.optionsVisible)return;Ge(this._popover);const t=e=>{this.contains(e.target)||(this.hideOptions(),this.events.remove(document,"click",t))};this.events.add(document,"click",t),this.optionsVisible=!0}hideOptions(){this.optionsVisible&&(je(this._popover),this.optionsVisible=!1)}focus(t){super.focus(),this._input.focus(t),this.showOptions()}blur(){super.blur(),this._input.blur(),je(this._popover)}};h([Y()],ni.prototype,"text",void 0),h([Y({type:Boolean})],ni.prototype,"multiple",void 0),h([Y({type:Boolean})],ni.prototype,"noEdit",void 0),h([Y({type:Array})],ni.prototype,"values",void 0),h([tt("popover")],ni.prototype,"_popover",void 0),ni=h([k("select"),x(a`[part=root]{position:relative;anchor-name:--select}label{display:contents}[part=popover]{background:none;border:0;width:100%;position-anchor:--select;position-area:bottom center;position-try-fallbacks:flip-block}[part=input]{text-overflow:ellipsis}@supports not (position-area:top){[part=popover]{display:none;left:0;position:absolute;top:100%}}`)],ni);var ai=ni;ai.define();const li="skeleton",hi=bt(li);let di=class Skeleton extends GlobalStyle{constructor(){super(...arguments),this.loading=!0}render(){return this.loading?o`<div part="root">${lt("loading")}</div>`:lt()}};h([X()],di.prototype,"loading",void 0),di=h([k(li),x(a`:host{${hi}--from:var(${$t.background});${hi}--to:var(${$t.passive});${hi}--deg:95deg;${hi}--duration:2s;animation:_ var(${hi}--duration) ease-in-out infinite none running;background-color:transparent;background-image:linear-gradient(var(${hi}--deg),var(${hi}--from) 36%,var(${hi}--to) 50%,var(${hi}--from) 64%);background-size:200% 100%;flex-shrink:0;height:2em;overflow:hidden;width:100%}@keyframes _{0%{background-position:150%}to{background-position:-50%}}[part=root]{display:contents}:host,:host([contents]) [part=root]{display:block}`)],di);var ci=di;ci.define();const pi="split",ui=bt(pi);let vi=class Split extends Ae{constructor(){super(),this.len=6,this.index=-1,this.current=-1,this.currentValue=[],new StyleController(this,(()=>new RingBuilder({selector:"[part=input-box]",type:this.ringType}).css))}get observedRecord(){return v(super.observedRecord,kt)}render(){return o`<div part="root" ${nt(this.observedRecord)}> ${ct(this.len,(t=>o`<span part="input-box" ring-type="${this.ringType}" class="${st({focus:this.current===t})}" @click="${this.disabled?null:()=>this.focusAt(t)}"> ${this.currentValue[t]} </span>`))} <input part="input" @blur=${this.blur} @input="${this._handleInput}" @change="${this._handleChange}" .value="${this.value.padStart(this.len," ")}"/> </div>`}connectedCallback(){super.connectedCallback(),this.reset()}_handleInput(t){t.stopPropagation(),this.compositing||(this.fillInput(t.data),this.value=this.currentValue.join(""),this.dispatchCustomEvent("input",this.value,{bubbles:!0}))}fillInput(t){if(null===t){if(null!==this.currentValue[this.current])this.currentValue[this.current]=null;else{this.currentValue[this.current-1]=null;const t=this.currentValue.findLastIndex((t=>null!==t));this.current=this.current-1<0?t<0?0:t:this.current-1}return}const e=t.length>1;if(this.currentValue[this.current]=t[0],this.current+1>=this.len?(this.current=this.currentValue.indexOf(null),-1===this.current&&this.blur()):this.current+=1,e){const e=t.slice(1);e&&this.fillInput(e)}}focus(){this.focusAt(this.current),super.focus()}focusAt(t){this.current=t,this._input.focus()}blur(){this._input.blur(),this.current=-1,super.blur()}reset(){this.current=-1,this.value=this.default,this.currentValue=this.value.split("").concat(Array(this.len-this.value.length).fill(null)),this.index>-1&&(this.current=this.index)}};h([Y({type:Number})],vi.prototype,"len",void 0),h([Y({type:Number})],vi.prototype,"index",void 0),h([X()],vi.prototype,"current",void 0),h([X()],vi.prototype,"currentValue",void 0),vi=h([k(pi),x(a`:host{border-radius:.1em;display:block;width:-moz-fit-content;width:fit-content;${ui}--size:2em;${ui}--gap:.25em}[part=root]{display:flex;gap:var(${ui}--gap);justify-content:space-between;position:relative}[part=input-box],[part=root]{border-radius:inherit;vertical-align:top}[part=input-box]{align-items:center;display:inline-flex;height:var(${ui}--size);justify-content:center;width:var(${ui}--size)}[part=input]{background:none;height:100%;opacity:0;position:absolute;width:100%;z-index:-1}.focus,[part=input-box]:active{${$t.ringColor}:var(${$t.active})}`)],vi);var fi=vi;fi.define();const mi="switch",gi=bt(mi);let yi=class Switch extends Ae{constructor(){super(...arguments),this.default=!1,this.value=!1}set checked(t){this.value=t}get checked(){return this.value}get observedRecord(){return v(super.observedRecord,kt)}render(){return o`<div part="root" ${nt(this.observedRecord)} class="round"> <input part="input" type="checkbox" ?disabled="${this.disabled}" ?checked="${this.value}" @change="${this._handleChange}"/> <span part="handle"></span> </div>`}reset(){this.value=this.default,this._input.checked=this.value}_connectedInit(){this.default?this.value=!0:this.value&&(this.value=!0,this.default=!0)}_handleChange(){const{checked:t}=this._input;this.value=t,this.dispatchCustomEvent("change",this.value)}};h([Y({type:Boolean})],yi.prototype,"default",void 0),h([Y({type:Boolean,attribute:"checked",reflect:!0})],yi.prototype,"value",void 0),yi=h([k(mi),x(a`:host,:host([contents]) [part=root]{display:inline-block}:host{${gi}-width:3em;${gi}-height:calc(var(${gi}-width)/2);${gi}-handle-size:1.25em;${gi}-handle-space:calc(var(${gi}-width)/4 - var(${gi}-handle-size)/2);background:var(${$t.passive});border-radius:calc(var(${gi}-height)/2);height:var(${gi}-height);transition:.2s ease-in-out;transition-property:background,left;vertical-align:bottom;width:var(${gi}-width)}:host([checked]){background:var(${$t.active})}[part=root]{position:relative}[part=handle],[part=root]{align-items:center;display:flex;transition:inherit}[part=handle]{background:var(${$t.background});border-radius:100%;height:var(${gi}-handle-size);justify-content:center;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) translateX(var(${gi}-handle-space));width:var(${gi}-handle-size)}:host([checked]) [part=handle]{left:50%}[part=input]{height:100%;opacity:0;width:100%}`)],yi);var bi=yi;bi.define();let $i=class Text extends GlobalStyle{constructor(){super(...arguments),this.underline="none",this.nowrap=!1,this.italic=!1,this.truncate=!1,this.clip=!1}render(){return o`<p part="root">${lt()}</p>`}};h([Y({converter:{fromAttribute:t=>""===t||t,toAttribute:t=>!1===t?null:!0===t?"":t},reflect:!0})],$i.prototype,"underline",void 0),h([Y({type:Boolean,reflect:!0})],$i.prototype,"nowrap",void 0),h([Y({type:Boolean,reflect:!0})],$i.prototype,"italic",void 0),h([Y({type:Boolean,reflect:!0})],$i.prototype,"truncate",void 0),h([Y({type:Boolean,reflect:!0})],$i.prototype,"clip",void 0),$i=h([k("text"),x(a`:host([clip]){background:var(${$t.backgroundClip});color:transparent;display:inline-block;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}:host([nowrap]){white-space:nowrap}:host([italic]){font-style:italic}:host([truncate]),:host([truncate]) ::slotted(*){max-width:100%;overflow:hidden;text-overflow:ellipsis}:host([strikethrough]){text-decoration:line-through}:host(:active[underline=active]),:host(:focus[underline=focus]),:host(:hover[underline=hover]),:host([underline=""]),:host([underline=always]){text-decoration:underline}`)],$i);var _i=$i;_i.define();const wi="tabs",xi=bt(wi),ki="hover";let Si=class Tabs extends GlobalStyle{constructor(){super(),this.ringType="border",this.beginning="selected",this.indicator="background",this.index=0,new StyleController(this,(()=>new RingBuilder({type:this.ringType}).css))}render(){return o`<ul part="root" ${nt(this.observedRecord)} @mouseleave="${this._handleMouseLeave}"> ${this.tabs?.map(((t,e)=>o`<li part="${st("item",this.index===e&&"selected")}" @mouseenter=${()=>{this.move(this.previousIndex,e),this.previousIndex=e}} @click=${()=>this.select(e)}> ${lt(t,t)} <div part="indicator"></div> </li>`))} </ul>`}connectedCallback(){super.connectedCallback(),this.previousIndex="selected"===this.beginning?this.index:-1}_handleMouseLeave(){const t=this._items[this.previousIndex];t&&t.part.remove(ki),this.previousIndex="selected"===this.beginning?this.index:-1}move(t,e){if(t===e)return;const{_items:o,_indicators:s}=this,r=o[e];if(!r)return;r.part.add(ki);const a=o[t];if(!a)return;if(a.part.remove(ki),"none"===this.beginning)return;const l=s[e],h=s[t];if(!l||!h)return;const{x:d,y:c,width:p}=h.getBoundingClientRect(),{x:u,y:v}=l.getBoundingClientRect(),f=d-u,m=c-v,{style:g}=l,{style:b}=h;g.transform=`translate3d(${f}px,${m}px,0)`,g.width=`${p}px`,g.transition=b.transition="none",l.getBoundingClientRect(),g.width=g.transform=g.transition=b.transition=""}select(t){const{index:e,previousIndex:o}=this;this.move(o,t),t!==e&&(this.previousIndex=t,this.index=t,this.dispatchCustomEvent("select",t))}};h([Y({attribute:kt})],Si.prototype,"ringType",void 0),h([Y()],Si.prototype,"beginning",void 0),h([Y()],Si.prototype,"indicator",void 0),h([Y({type:Array})],Si.prototype,"tabs",void 0),h([Y({type:Number})],Si.prototype,"index",void 0),h([J("[part~=item]")],Si.prototype,"_items",void 0),h([J("[part=indicator]")],Si.prototype,"_indicators",void 0),Si=h([k(wi),x(a`:host{${xi}--indicator-background:var(${$t.passive});${xi}--selected-background:var(${$t.passive});cursor:default;display:flex;transition:.2s ease-in-out}[part=root]{border-radius:inherit;display:flex;flex-direction:inherit;gap:.25em;overflow-x:clip;padding:.25em;position:relative;transition:inherit;transition-property:width,transform,opacity;z-index:1}[part~=item]{display:block;padding:0 .25em;position:relative;white-space:nowrap}[part=indicator],[part~=item],[part~=item]:after{border-radius:inherit;transition:inherit;transition-property:inherit;width:100%}[part=indicator],[part~=item]:after{background:var(${xi}--indicator-background);height:100%;inset:0;position:absolute}[part=indicator]{opacity:0;z-index:-1}[part~=item]:after{z-index:-2}[indicator=underline] [part=indicator],[indicator=underline] [part~=item]:after{border-radius:.075em;height:.15em;margin-top:.15em;top:100%}[part~=selected]:after{background:var(${xi}--selected-background);content:""}[part~=hover] [part=indicator]{opacity:1}`)],Si);var Ci=Si;function Ri(t,e=2){return t.toString().padStart(e,"0").split("")}Ci.define();let Ei=class Time extends _i{constructor(){super(...arguments),this.escape="%",this.format="YYYY-MM-DD hh:mm:ss",this.time=new Date}render(){return o`<p part="root">${function(t,e=new Date,o="%"){var s;if(!t)return t;if(isNaN(e.getTime()))return;const r=`${o}${o}`,a=[];t=t.replace(new RegExp(`${o}([ZYMDhmsS${o}])`,"g"),((t,e)=>(a.push(e),r)));const l=e.getTimezoneOffset()/-60,h={Z:[l>=0?"+"+l.toString():l.toString()],Y:e.getFullYear().toString().split(""),M:Ri(e.getMonth()+1),D:Ri(e.getDate()),h:Ri(e.getHours()),m:Ri(e.getMinutes()),s:Ri(e.getSeconds()),S:Ri(e.getMilliseconds(),3)},d=[];for(const e of t.split("").reverse()){const t=null===(s=h[e])||void 0===s?void 0:s.pop();t?d.push(t):d.push(e)}return d.reverse().join("").replace(new RegExp(r,"g"),(()=>a.shift()))}(this.format,this.time,this.escape)}</p>`}updated(t){t.has("timeout")&&this.timeout&&(this.timeouts.remove(this.timeoutId),this.timeoutId=this.timeouts.add(setInterval((()=>{this.dispatchCustomEvent("time",this.time),this.time=new Date(this.time.getTime()+(this.gap||this.timeout))}),Math.abs(this.timeout))))}};h([Y()],Ei.prototype,"escape",void 0),h([Y()],Ei.prototype,"format",void 0),h([Y({type:Object})],Ei.prototype,"time",void 0),h([Y({type:Number})],Ei.prototype,"timeout",void 0),h([Y({type:Number})],Ei.prototype,"gap",void 0),Ei=h([k("time")],Ei);var Ti=Ei;Ti.define();let Ai=class Tooltip extends We{constructor(){super(...arguments),this.delay=300}render(){return o`<div part="root"> <div part="trigger" @click=${this.hide}> ${lt()} </div> <div part="popover" popover="manual"> ${lt("tip",this.tip)} </div> </div>`}connectedCallback(){super.connectedCallback(),this.events.add(this,"mouseenter",(()=>{clearTimeout(this._leaveTimeout),this._hoverTimeout=setTimeout((()=>{this.show()}),this.delay)})),this.events.add(this,"mouseleave",(()=>{clearTimeout(this._hoverTimeout),this._leaveTimeout=setTimeout((()=>{this.hide()}),this.delay)}))}};h([Y()],Ai.prototype,"tip",void 0),h([Y({type:Number})],Ai.prototype,"delay",void 0),Ai=h([k("tooltip")],Ai);var Mi=Ai;Mi.define();const Pi="typewriter",Oi=bt(Pi);let Bi=class Typewriter extends GlobalStyle{constructor(){super(...arguments),this.content="",this.ended=!1,this.max=100,this.min=50,this.delay=0,this.index=0,this.contentInternal=""}get len(){return this.content.length}render(){return o`<div part="root" ${nt(this.observedRecord)}> ${lt()} ${this.contentInternal} <i part="cursor" ?hidden="${this.ended}"></i> </div>`}connectedCallback(){super.connectedCallback(),this._ranger=new Ranger(this.min,this.max)}firstUpdated(){this.content||=this._slot?.assignedNodes()[0]?.textContent.trim()||"",!this.ended&&this.len&&this.write()}updated(t){t.has("index")&&this.dispatchCustomEvent(this.index===this.len?"done":"write",this.contentInternal)}write(t=this.index){this.contentInternal=this.content.slice(0,t+1);const e=this.delay||this._ranger.random();this.timeoutID=this.timeouts.add(setTimeout((()=>{const e=t+1;e<=this.len&&(this.index=e,this.write())}),e))}stop(){clearTimeout(this.timeoutID)}end(){this.ended=!0}};h([Y()],Bi.prototype,"content",void 0),h([Y({type:Boolean})],Bi.prototype,"ended",void 0),h([Y({type:Number})],Bi.prototype,"max",void 0),h([Y({type:Number})],Bi.prototype,"min",void 0),h([Y({type:Number})],Bi.prototype,"delay",void 0),h([Y({type:Number})],Bi.prototype,"index",void 0),h([X()],Bi.prototype,"contentInternal",void 0),h([K("i")],Bi.prototype,"_i",void 0),Bi=h([k(Pi),x(a`:host{${Oi}--cursor-width:.05em}:host,:host([contents]) [part=root]{display:inline-block}i{animation:s 1.5s steps(1) infinite;border-right:var(${Oi}--cursor-width) solid;margin-left:.02em}@keyframes s{0%{border-color:currentColor}50%{border-color:transparent}}slot{display:none}`)],Bi);var zi=Bi;zi.define();export{Ct as Alert,Et as Avatar,Bt as Badge,Ut as Breath,Pt as Button,Gt as Card,Yt as Carousel,Qt as Chip,oe as Details,ae as Dialog,he as Divider,ce as Dragbox,ve as Flex,me as Form,$e as Grid,Re as Heading,Pe as Input,Be as Layout,Se as Link,He as Popover,Xe as Progress,Je as Range,oi as Rotate,we as Router,ai as Select,ci as Skeleton,fi as Split,bi as Switch,Ci as Tabs,_i as Text,Ti as Time,Mi as Tooltip,zi as Typewriter};
+import{noChange,nothing,html,svg,LitElement,css,unsafeCSS}from"lit";const isNullable=m=>m==null,isNumerical=m=>!Number.isNaN(+m),isString=m=>typeof m==`string`,isSymbol=m=>typeof m==`symbol`,isNumber=m=>typeof m==`number`,isObject=m=>typeof m==`object`&&!!m,{isArray}=Array,omit=(m,...R)=>{let z={};for(let B in m)R.includes(B)||(z[B]=m[B]);return z},trimStartFunc=(m,R)=>{if(!m||!R)return m;let z=0;for(;z<m.length&&R(m.slice(z,z+1));)z+=1;return m.slice(z)},trimEndFunc=(m,R)=>{if(!m||!R)return m;let z=m.length;for(;z>0&&R(m.slice(z-1,z));)--z;return m.slice(0,z)},trimFunc=(m,R)=>trimStartFunc(trimEndFunc(m,R),R),trim=(m,R)=>trimFunc(m,m=>m===R),splitWords=m=>{var R;return(R=m.match(/[A-Z][^A-Z_-\s]*|[^A-Z_-\s]+/g))?.map(m=>m.toLowerCase())||[]},toDash=m=>splitWords(m).join(`-`),separator=`-`;class GodownConfig{constructor(m){this.assign=null,this.prefix=`godown`,this.suffix=``,this.components=new Map,this.registry=customElements,m&&Object.assign(this,m)}tag(m){return toDash(this.prefix+separator+m+separator+this.suffix)}define(m,R,z){this.registry.define(m,R,z),this.components.set(m,R)}get(m){return this.registry.get(m)}getName(m){let{getName:R}=this.registry;return R?R(m):[...this.components.entries()].find(([,R])=>R===m)?.[0]||null}whenDefined(m){return this.registry.whenDefined(m)}upgrade(m){this.registry.upgrade(m)}}function*toEntries(m){for(let R of isArray(m)?m:Object.entries(m))R&&(yield R)}const isCSSResult=m=>isObject(m)&&`_$cssResult$`in m,isAcceptValue=m=>!isNullable(m)&&m!==!1,toStyleSheet=m=>{if(isString(m)){let R=new CSSStyleSheet;return R.replaceSync(m),R}return isCSSResult(m)?m.styleSheet:m},selectContain=(m,R)=>R?`[${m}~="${R}"]`:`[${m}]`,selectPart=(m,R)=>R?`::part(${m})`:selectContain(`part`,m),joinRules=m=>{let R=``;for(let[z,B]of toEntries(m))if(B){let m=isObject(B)&&!isCSSResult(B)?joinDeclarations(B):B;isAcceptValue(m)&&(R+=z?`${z}{${m}}`:m)}return R},joinDeclarations=m=>{let R=``;for(let[z,B]of toEntries(m))z&&isAcceptValue(B)&&(R+=`${z}:${B};`);return R},ifSupports=(m,{truecase:R,falsecase:z})=>{let B=`@supports`,V=``;return R&&(V+=`${B}(${m}){${R}}`),z&&(V+=`${B} not (${m}){${z}}`),V},declareLightDarkColors=(m,R,z)=>{let B=[...toEntries(R)],V=([m,[R,z]])=>[m,`light-dark(${R},${z})`],H=([m,R])=>[m,R[z]];return ifSupports(`color:light-dark(#fff,#000)`,{truecase:joinRules([[m,joinDeclarations(B.map(V))]]),falsecase:joinRules([[m,joinDeclarations(B.map(H))]])})},toVar=(m,R)=>m?`var(${m})`:``;class StyleController{constructor(m,R){(this.host=m).addController(this),this.computeStyle=R}hostUpdated(){let m=this.host.shadowRoot?.adoptedStyleSheets;if(!m)return;this.styleID!==void 0&&m.splice(this.styleID,1);let R=this.computeStyle();if(!R){this.styleID=void 0;return}this.styleID=m.push(toStyleSheet(R))-1}}const styles=(...m)=>R=>{let z=[];for(let m=Object.getPrototypeOf(R);m.styles;m=Object.getPrototypeOf(m))z.push(m.styles);R.styles=[...z,...m]},component=({tagName:m,styles:R,autoDefine:z=!1,registry:B=customElements})=>V=>{V.elementTagName=m,R&&styles(R)(V),z&&!B.get(m)&&B.define(m,V)},godown=(m,R)=>z=>{m||=toDash(z.name),z.protoName=m;let B=z.godownConfig.tag(m);component({tagName:B,...R})(z)},t$1=globalThis,e$5=t$1.ShadowRoot&&(t$1.ShadyCSS===void 0||t$1.ShadyCSS.nativeShadow)&&`adoptedStyleSheets`in Document.prototype&&`replace`in CSSStyleSheet.prototype,s=Symbol(),o$2=new WeakMap;let n$2=class m{constructor(m,R,z){if(this._$cssResult$=!0,z!==s)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=m,this.t=R}get styleSheet(){let m=this.o,R=this.t;if(e$5&&m===void 0){let z=R!==void 0&&R.length===1;z&&(m=o$2.get(R)),m===void 0&&((this.o=m=new CSSStyleSheet).replaceSync(this.cssText),z&&o$2.set(R,m))}return m}toString(){return this.cssText}};const r$4=m=>new n$2(typeof m==`string`?m:m+``,void 0,s),S=(m,R)=>{if(e$5)m.adoptedStyleSheets=R.map(m=>m instanceof CSSStyleSheet?m:m.styleSheet);else for(let z of R){let R=document.createElement(`style`),B=t$1.litNonce;B!==void 0&&R.setAttribute(`nonce`,B),R.textContent=z.cssText,m.appendChild(R)}},c$1=e$5?m=>m:m=>m instanceof CSSStyleSheet?(m=>{let R=``;for(let z of m.cssRules)R+=z.cssText;return r$4(R)})(m):m,{is:i$1,defineProperty:e$4,getOwnPropertyDescriptor:h,getOwnPropertyNames:r$3,getOwnPropertySymbols:o$1,getPrototypeOf:n$1}=Object,a=globalThis,c=a.trustedTypes,l=c?c.emptyScript:``,p=a.reactiveElementPolyfillSupport,d=(m,R)=>m,u={toAttribute(m,R){switch(R){case Boolean:m=m?l:null;break;case Object:case Array:m=m==null?m:JSON.stringify(m)}return m},fromAttribute(m,R){let z=m;switch(R){case Boolean:z=m!==null;break;case Number:z=m===null?null:Number(m);break;case Object:case Array:try{z=JSON.parse(m)}catch{z=null}}return z}},f=(m,R)=>!i$1(m,R),b={attribute:!0,type:String,converter:u,reflect:!1,useDefault:!1,hasChanged:f};Symbol.metadata??=Symbol(`metadata`),a.litPropertyMetadata??=new WeakMap;class y extends HTMLElement{static addInitializer(m){this._$Ei(),(this.l??=[]).push(m)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(m,R=b){if(R.state&&(R.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(m)&&((R=Object.create(R)).wrapped=!0),this.elementProperties.set(m,R),!R.noAccessor){let z=Symbol(),B=this.getPropertyDescriptor(m,z,R);B!==void 0&&e$4(this.prototype,m,B)}}static getPropertyDescriptor(m,R,z){let{get:B,set:V}=h(this.prototype,m)??{get(){return this[R]},set(m){this[R]=m}};return{get:B,set(R){let H=B?.call(this);V?.call(this,R),this.requestUpdate(m,H,z)},configurable:!0,enumerable:!0}}static getPropertyOptions(m){return this.elementProperties.get(m)??b}static _$Ei(){if(this.hasOwnProperty(d(`elementProperties`)))return;let m=n$1(this);m.finalize(),m.l!==void 0&&(this.l=[...m.l]),this.elementProperties=new Map(m.elementProperties)}static finalize(){if(this.hasOwnProperty(d(`finalized`)))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(d(`properties`))){let m=this.properties,R=[...r$3(m),...o$1(m)];for(let z of R)this.createProperty(z,m[z])}let m=this[Symbol.metadata];if(m!==null){let R=litPropertyMetadata.get(m);if(R!==void 0)for(let[m,z]of R)this.elementProperties.set(m,z)}this._$Eh=new Map;for(let[m,R]of this.elementProperties){let z=this._$Eu(m,R);z!==void 0&&this._$Eh.set(z,m)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(m){let R=[];if(Array.isArray(m)){let z=new Set(m.flat(1/0).reverse());for(let m of z)R.unshift(c$1(m))}else m!==void 0&&R.push(c$1(m));return R}static _$Eu(m,R){let z=R.attribute;return z===!1?void 0:typeof z==`string`?z:typeof m==`string`?m.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(m=>this.enableUpdating=m),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(m=>m(this))}addController(m){(this._$EO??=new Set).add(m),this.renderRoot!==void 0&&this.isConnected&&m.hostConnected?.()}removeController(m){this._$EO?.delete(m)}_$E_(){let m=new Map,R=this.constructor.elementProperties;for(let z of R.keys())this.hasOwnProperty(z)&&(m.set(z,this[z]),delete this[z]);m.size>0&&(this._$Ep=m)}createRenderRoot(){let m=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return S(m,this.constructor.elementStyles),m}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(m=>m.hostConnected?.())}enableUpdating(m){}disconnectedCallback(){this._$EO?.forEach(m=>m.hostDisconnected?.())}attributeChangedCallback(m,R,z){this._$AK(m,z)}_$ET(m,R){let z=this.constructor.elementProperties.get(m),B=this.constructor._$Eu(m,z);if(B!==void 0&&z.reflect===!0){let V=(z.converter?.toAttribute===void 0?u:z.converter).toAttribute(R,z.type);this._$Em=m,V==null?this.removeAttribute(B):this.setAttribute(B,V),this._$Em=null}}_$AK(m,R){let z=this.constructor,B=z._$Eh.get(m);if(B!==void 0&&this._$Em!==B){let m=z.getPropertyOptions(B),V=typeof m.converter==`function`?{fromAttribute:m.converter}:m.converter?.fromAttribute===void 0?u:m.converter;this._$Em=B,this[B]=V.fromAttribute(R,m.type)??this._$Ej?.get(B)??null,this._$Em=null}}requestUpdate(m,R,z){if(m!==void 0){let B=this.constructor,V=this[m];if(z??=B.getPropertyOptions(m),!((z.hasChanged??f)(V,R)||z.useDefault&&z.reflect&&V===this._$Ej?.get(m)&&!this.hasAttribute(B._$Eu(m,z))))return;this.C(m,R,z)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(m,R,{useDefault:z,reflect:B,wrapped:V},H){z&&!(this._$Ej??=new Map).has(m)&&(this._$Ej.set(m,H??R??this[m]),V!==!0||H!==void 0)||(this._$AL.has(m)||(this.hasUpdated||z||(R=void 0),this._$AL.set(m,R)),B===!0&&this._$Em!==m&&(this._$Eq??=new Set).add(m))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(m){Promise.reject(m)}let m=this.scheduleUpdate();return m!=null&&await m,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[m,R]of this._$Ep)this[m]=R;this._$Ep=void 0}let m=this.constructor.elementProperties;if(m.size>0)for(let[R,z]of m){let{wrapped:m}=z,B=this[R];m!==!0||this._$AL.has(R)||B===void 0||this.C(R,void 0,z,B)}}let m=!1,R=this._$AL;try{m=this.shouldUpdate(R),m?(this.willUpdate(R),this._$EO?.forEach(m=>m.hostUpdate?.()),this.update(R)):this._$EM()}catch(R){throw m=!1,this._$EM(),R}m&&this._$AE(R)}willUpdate(m){}_$AE(m){this._$EO?.forEach(m=>m.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(m)),this.updated(m)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(m){return!0}update(m){this._$Eq&&=this._$Eq.forEach(m=>this._$ET(m,this[m])),this._$EM()}updated(m){}firstUpdated(m){}}y.elementStyles=[],y.shadowRootOptions={mode:`open`},y[d(`elementProperties`)]=new Map,y[d(`finalized`)]=new Map,p?.({ReactiveElement:y}),(a.reactiveElementVersions??=[]).push(`2.1.0`);const o={attribute:!0,type:String,converter:u,reflect:!1,hasChanged:f},r$2=(m=o,R,z)=>{let{kind:B,metadata:V}=z,H=globalThis.litPropertyMetadata.get(V);if(H===void 0&&globalThis.litPropertyMetadata.set(V,H=new Map),B===`setter`&&((m=Object.create(m)).wrapped=!0),H.set(z.name,m),B===`accessor`){let{name:B}=z;return{set(z){let V=R.get.call(this);R.set.call(this,z),this.requestUpdate(B,V,m)},init(R){return R!==void 0&&this.C(B,void 0,m,R),R}}}if(B===`setter`){let{name:B}=z;return function(z){let V=this[B];R.call(this,z),this.requestUpdate(B,V,m)}}throw Error(`Unsupported decorator location: `+B)};function n(m){return(R,z)=>typeof z==`object`?r$2(m,R,z):((m,R,z)=>{let B=R.hasOwnProperty(z);return R.constructor.createProperty(z,m),B?Object.getOwnPropertyDescriptor(R,z):void 0})(m,R,z)}function r$1(m){return n({...m,state:!0,attribute:!1})}const e$3=(m,R,z)=>(z.configurable=!0,z.enumerable=!0,Reflect.decorate&&typeof R!=`object`&&Object.defineProperty(m,R,z),z);function e$2(m,R){return(z,B,V)=>{let H=R=>R.renderRoot?.querySelector(m)??null;if(R){let{get:m,set:R}=typeof B==`object`?z:V??(()=>{let m=Symbol();return{get(){return this[m]},set(R){this[m]=R}}})();return e$3(z,B,{get(){let z=m.call(this);return z===void 0&&(z=H(this),(z!==null||this.hasUpdated)&&R.call(this,z)),z}})}return e$3(z,B,{get(){return H(this)}})}}let e$1;function r(m){return(R,z)=>e$3(R,z,{get(){return(this.renderRoot??(e$1??=document.createDocumentFragment())).querySelectorAll(m)}})}const queryPart=(m,R=!0)=>e$2(selectPart(m),R),t={ELEMENT:6},e=m=>(...R)=>({_$litDirective$:m,values:R});class i{constructor(m){}get _$AU(){return this._$AM._$AU}_$AT(m,R,z){this._$Ct=m,this._$AM=R,this._$Ci=z}_$AS(m,R){return this.update(m,R)}update(m,R){return this.render(...R)}}const combineToken=(m,R)=>(m?m+(R?` `+R:``):R)||``,tokenList=(...m)=>m.reduce((m,R)=>{if(!R)return m;if(isArray(R))return combineToken(m,tokenList(...R));if(isObject(R)){for(let z in R)R[z]&&(m=combineToken(m,z));return m}return combineToken(m,R)},``),noAttribute=m=>isNullable(m)||m===!1;function updateAttribute(m,R){noAttribute(R)?this.removeAttribute(m):R===!0?this.setAttribute(m,``):isString(R)||isNumber(R)&&!Number.isNaN(R)?this.setAttribute(m,String(R)):this[m]=R}class AttrDirective extends i{render(m,R){}update(R,[z,B=updateAttribute]){if(z&&R.type===t.ELEMENT)for(let m in z)B.call(R.element,m,z[m]);return noChange}}const attr=e(AttrDirective),svgInitials={width:`1em`,height:`1em`,xmlns:`http://www.w3.org/2000/svg`,"xmlns:xlink":`http://www.w3.org/1999/xlink`},withInitials=(m,R)=>z=>m({...R,...z}),svgAttr=withInitials(attr,svgInitials),htmlSlot=(m,B)=>html`<slot name="${m||nothing}">${B||nothing}</slot>`,htmlStyle=(m,B)=>{if(!m)return nothing;let V=isString(m)?m:joinRules(m);return V?html`<style media="${nothing}">${V}</style>`:nothing},icon=m=>(R,...V)=>{let H=svg(R,V),U=isString(m)?m:m.join(` `),W=m=>html`<svg viewBox="${U}" ${svgAttr(m)}>${H}</svg>`;return W.body=H,W.viewBox=U,W};function*loop(m,R,z){for(let z=0;z<m;z++)yield R(z)}function __decorate$1(m,R,z,B){var V=arguments.length,H=V<3?R:B===null?B=Object.getOwnPropertyDescriptor(R,z):B,U;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)H=Reflect.decorate(m,R,z,B);else for(var W=m.length-1;W>=0;W--)(U=m[W])&&(H=(V<3?U(H):V>3?U(R,z,H):U(R,z))||H);return V>3&&H&&Object.defineProperty(R,z,H),H}typeof SuppressedError==`function`&&SuppressedError;function deepQuerySelectorAll(m,R=this){if(!R||!m)return[];let z=new Set;R instanceof Element&&R.shadowRoot&&deepQuerySelectorAll(m,R.shadowRoot).forEach(m=>z.add(m)),R.querySelectorAll(m).forEach(m=>z.add(m));for(let B of R.children)deepQuerySelectorAll(m,B).forEach(m=>z.add(m));return Array.from(z)}function deepQuerySelector(m,R=this){if(!R||!m)return null;let z;if(R instanceof Element&&R.shadowRoot&&(z=deepQuerySelector(m,R.shadowRoot),z)||(z=R.querySelector(m),z))return z;for(let B of R.children)if(z=deepQuerySelector(m,B),z)return z;return null}class Events{constructor(){this.inner=new Map}add(m,R,z,B){if(!m||!z)return;let V=this.inner.get(R)||new Map,H=V.get(m)||new Set;return H.add(z),V.set(m,H),this.inner.set(R,V),m.addEventListener(R,z,B),z}remove(m,R,z,B){if(!m||!z)return;let V=this.inner.get(R);if(V){let B=V.get(m);B&&(B.delete(z),B.size||(V.delete(m),V.size||this.inner.delete(R)))}m.removeEventListener(R,z,B)}removeAll(){this.inner.forEach((m,R)=>{m.forEach((m,z)=>{m.forEach(m=>{z.removeEventListener(R,m)})}),m.clear()}),this.inner.clear()}}const normalizeObserver=(m,R,z)=>{let B,V;switch(m){case MutationObserver:case ResizeObserver:B=new m(R),V=m=>B.observe(m,z);break;case IntersectionObserver:B=new m(R,z),V=m=>B.observe(m);break;case PerformanceObserver:B=new m(R),V=()=>B.observe(z);break}return[B,V]};class Observers{constructor(){this.inner=new Map}add(m,R,z,B){let[V,H]=normalizeObserver(R,z,B);if(V)return this.inner.set(V,(this.inner.get(V)||new Set).add(m)),H(m),V}remove(m,R){m.disconnect();let z=this.inner.get(m);`unobserve`in m?(R?(m.unobserve(R),z?.delete(R)):(z?.forEach(R=>{m.unobserve(R)}),z?.clear()),z&&!z.size&&this.inner.delete(m)):z&&this.inner.delete(m)}removeAll(){this.inner.forEach((m,R)=>{this.remove(R)})}}class Ranger{constructor(m,R,z){this.max=Math.max(m,R),this.min=Math.min(m,R),this.diff=this.max-this.min,this.step=z}random(){return this.normalize(Math.random()*this.diff+this.min)}present(m){return this.normalize(m*this.diff)}normalize(m){return m=this.restrict(m),this.step?this.min+Math.round((m-this.min)/this.step)*this.step:m}restrict(m){return this.max<=m?this.max:this.min>=m?this.min:m}}const matchTypes={strict:0,single:1,multi:2},trimLeftSlash=m=>{for(let R=0;R<m.length;R++)if(m[R]!==`/`)return m.slice(R);return m},nextPart=m=>{if(m=trimLeftSlash(m),m===``)return[``,``];let R=m.indexOf(`/`);return R===-1?[m,``]:[m.slice(0,R),m.slice(R+1)]},dynamic=m=>{if(m.length>1){let R=m[0],z=m[m.length-1];if(R===`{`&&z===`}`||R===`[`&&z===`]`){m=m.slice(1,m.length-1);let R=dynamic(m);return R.matchType===matchTypes.strict&&(R.matchType=matchTypes.single),R}if(R===`:`)return{key:m.slice(1),matchType:matchTypes.single};if(R===`*`)return{key:m.slice(1),matchType:matchTypes.multi};if(m.startsWith(`...`))return{key:m.slice(3),matchType:matchTypes.multi};if(m.endsWith(`...`))return{key:m.slice(-3),matchType:matchTypes.multi}}return{key:m,matchType:matchTypes.strict}},parseParams=(m,R)=>{let z={},B,V;for(;[B,m]=nextPart(m),[V,R]=nextPart(R),!(V===``||B===``);){let R=dynamic(V);switch(R.matchType){case matchTypes.single:z[R.key]=B;break;case matchTypes.multi:return z[R.key]=B,m!==``&&(z[R.key]+=`/`+m),z}}return z};let Router$2=class m{constructor(){this.match=matchTypes.strict,this.children=[],this.part=``,this.match=matchTypes.strict,this.pattern=``,this.children=[]}insert(m){this._insert(m,m),this.sort()}_insert(R,z){if(R===``){this.pattern=z;return}let[B,V]=nextPart(R),H=this.findStrict(B);H||(H=new m,H.part=B,H.match=dynamic(B).matchType,this.children.push(H)),H._insert(V,z)}search(m){if(m===``)return this.pattern===``?null:this;let[R,z]=nextPart(m);for(let m of this.children)switch(m.match){case matchTypes.strict:if(m.part===R){let R=m.search(z);if(R)return R}break;case matchTypes.single:{let R=m.search(z);if(R)return R;break}case matchTypes.multi:return m}return null}findStrict(m){return this.children.find(R=>R.part===m)||null}sort(){this.children.sort((m,R)=>m.match-R.match);for(let m of this.children)m.sort()}};Router$2.MatchTypes=matchTypes,Router$2.parseParams=parseParams,Router$2.dynamic=dynamic;class Timeouts{constructor(){this.inner=new Set}add(m){if(m!==void 0)return m=+m,this.inner.has(m)&&clearTimeout(m),this.inner.add(m),m}remove(m){m!==void 0&&(m=+m,clearTimeout(m),this.inner.delete(m))}removeAll(){this.inner.forEach(clearTimeout),this.inner.clear()}}const attributeName=(m,{attribute:R})=>{if(R===!0||R===void 0)return String(m).toLowerCase();if(!(R===!1||isSymbol(m)))return R},withSelectorRegex=/^[\s\S]*{[\s\S]*}$/;class GodownElement extends LitElement{static define(m=this.elementTagName,R){this.isDefined()||this.godownConfig.define(m,this,R)}static isDefined(){return!!this.getDefined()}static getDefined(){return this.godownConfig.get(this.elementTagName)}static finalize(){super.finalize(),this.elementAttributes=new Map;for(let[m,R]of this.elementProperties.entries()){let z=attributeName(m,R);z&&this.elementAttributes.set(z,m)}}get observedRecord(){let m={};for(let[R,z]of this.constructor.elementAttributes.entries())m[R]=this[z];return m}get _slot(){return this.shadowRoot?this.shadowRoot.querySelector(`slot:not([name])`):null}get _slotAll(){return this.shadowRoot?[...this.shadowRoot.querySelectorAll(`slot`)]:[]}get _slottedAll(){return[...this.querySelectorAll(`[slot]`)]}get _slottedNames(){return this._slottedAll.map(m=>m.getAttribute(`slot`)).filter(m=>m)}getBoundingClientRect(){let m;return this.contents&&(m=this.contentsRoot||this.shadowRoot?.firstElementChild)&&m!==this?m.getBoundingClientRect():super.getBoundingClientRect()}getClientRects(){let m;return this.contents&&(m=this.contentsRoot||this.shadowRoot?.firstElementChild)&&m!==this?m.getClientRects():super.getClientRects()}get stylex(){return this.__stylex.css}set stylex(m){if(m=m.trim(),withSelectorRegex.test(m)||(m=`:host{${m}}`),!this.shadowRoot){this.__stylex.lazy=m;return}this.__stylex.index&&this.shadowRoot.adoptedStyleSheets.splice(this.__stylex.index,1),this.__stylex.css=m,this.__stylex.index=this.adoptStyles(m)}constructor(m){super(),this.events=new Events,this.observers=new Observers,this.timeouts=new Timeouts,this.__stylex={},this.assign={...GodownElement.godownConfig?.assign||{},...m}}connectedCallback(){super.connectedCallback(),this.assign&&(Object.assign(this,this.assign),this.assign=null);let{lazy:m}=this.__stylex;m&&(this.adoptStyles(m),this.__stylex.lazy=``)}disconnectedCallback(){this.events.removeAll(),this.observers.removeAll(),this.timeouts.removeAll()}mount(m){this.firstUpdated(m)}unmount(){this.disconnectedCallback()}remount(m){this.unmount(),this.connectedCallback(),this.mount(m)}deepQuerySelector(m){return deepQuerySelector.call(this,m)}deepQuerySelectorAll(m){return deepQuerySelectorAll.call(this,m)}adoptStyles(...m){if(!this.shadowRoot||!m.length)return;let R=this.shadowRoot.adoptedStyleSheets,z=new CSSStyleSheet;return m.forEach(m=>z.insertRule(m.toString())),R.push(z),R.length-1}dispatchCustomEvent(m,R,z){this.dispatchEvent(new CustomEvent(m,{detail:R,composed:!0,...z}))}}GodownElement.godownConfig=new GodownConfig,__decorate$1([n({type:Boolean,reflect:!0})],GodownElement.prototype,`contents`,void 0),__decorate$1([n({reflect:!0})],GodownElement.prototype,`stylex`,null);const resetStyle=css`*,:host{box-sizing:border-box}i{font-style:normal}a{color:currentColor;text-decoration:none}span{white-space:nowrap}svg{-webkit-user-select:none;user-select:none}input{border:0;padding:0;outline:0;font-size:100%;color:currentColor;background:0 0}dl,dd{margin:0}ul{padding:0;margin:0}dialog{border:0;margin:0;padding:0;outline:0}[popover]{border:0;margin:0;padding:0}@supports not selector(:popover-open){[popover]{display:none}}
+`;class GlobalStyle extends GodownElement{}const cssvar=trim(GlobalStyle.godownConfig.prefix,`-`);function scopePrefix(m,R=1){return variablePrefix(cssvar+`-`.repeat(R)+m)}function variablePrefix(m){return unsafeCSS(`--${m}`)}const cssGlobalVars={background:scopePrefix(`background`,2),foreground:scopePrefix(`foreground`,2),backgroundClip:scopePrefix(`background-clip`,2),primaryBackground:scopePrefix(`primary`,2),primaryForeground:scopePrefix(`primary-foreground`,2),muted:scopePrefix(`muted`,2),active:scopePrefix(`active`,2),passive:scopePrefix(`passive`,2),input:scopePrefix(`input`,2),radius:scopePrefix(`radius`,2),ringWidth:scopePrefix(`ring-width`,2),ringColor:scopePrefix(`ring-color`,2)};GlobalStyle.styles=[resetStyle,unsafeCSS(declareLightDarkColors(`:host`,[[cssGlobalVars.background,[`hsl(0 0% 96%)`,`hsl(0 0% 4%)`]],[cssGlobalVars.foreground,[`hsl(0 0% 4%)`,`hsl(0 0% 96%)`]],[cssGlobalVars.muted,[`hsl(0 0% 88%)`,`hsl(0 0% 18%)`]]],1)),unsafeCSS(joinRules({":host":joinDeclarations([[cssGlobalVars.primaryBackground,toVar(cssGlobalVars.foreground)],[cssGlobalVars.primaryForeground,toVar(cssGlobalVars.background)],[cssGlobalVars.active,toVar(cssGlobalVars.primaryBackground)],[cssGlobalVars.passive,toVar(cssGlobalVars.muted)],[cssGlobalVars.backgroundClip,`linear-gradient(to bottom, ${toVar(cssGlobalVars.foreground)}, ${toVar(cssGlobalVars.muted)})`],[cssGlobalVars.ringColor,toVar(cssGlobalVars.passive)],[cssGlobalVars.ringWidth,`.1em`],[cssGlobalVars.radius,`.25em`]])})),css`:host([contents]){display:contents}[part=root]{width:100%;height:100%}:host([contents]) [part=root]{height:inherit;width:inherit}:where(:host([contents]) [part=root]){all:inherit;display:revert} `,css`:host{border-radius:var(${cssGlobalVars.radius});border-style:none;outline-style:none}`];const outlineRing=({width:m,color:R,inset:z})=>`outline-style:solid;outline-color:${R};outline-width:${m};${z?`outline-offset:calc(-1 * ${m});`:``}`,borderRing=({width:m,color:R})=>`border-style:solid;border-color:${R};border-width:${m};`,shadowRing=({width:m,color:R,inset:z})=>`box-shadow:${z?`inset`:``} 0 0 0 ${m} ${R};`,ringMap={outline:(m,R)=>outlineRing({width:m,color:R,inset:!1}),"outline-inset":(m,R)=>outlineRing({width:m,color:R,inset:!0}),"box-shadow":(m,R)=>shadowRing({width:m,color:R,inset:!1}),shadow:(m,R)=>shadowRing({width:m,color:R,inset:!1}),"box-shadow-inset":(m,R)=>shadowRing({width:m,color:R,inset:!0}),"shadow-inset":(m,R)=>shadowRing({width:m,color:R,inset:!0}),border:(m,R)=>borderRing({width:m,color:R})};class RingBuilder{constructor({selector:m=`:host`,width:R=toVar(cssGlobalVars.ringWidth),color:z=toVar(cssGlobalVars.ringColor),type:B}={}){if(B&&B in ringMap){let V=ringMap[B](R,z);this.css=`${m}{${V}}`}else this.css=``}get styleSheet(){return unsafeCSS(this.css).styleSheet}}const ringTypeAttribute=`ring-type`;function __decorate(m,R,z,B){var V=arguments.length,H=V<3?R:B===null?B=Object.getOwnPropertyDescriptor(R,z):B,U;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)H=Reflect.decorate(m,R,z,B);else for(var W=m.length-1;W>=0;W--)(U=m[W])&&(H=(V<3?U(H):V>3?U(R,z,H):U(R,z))||H);return V>3&&H&&Object.defineProperty(R,z,H),H}const protoName$v=`alert`;let Alert=class m extends GlobalStyle{constructor(){super(),this.ringType=`border`,new StyleController(this,()=>new RingBuilder({type:this.ringType}).css)}render(){return html`<div part="root"> <div>${htmlSlot(`prefix`)}</div> <div part="content"> <b part="title">${htmlSlot(`title`,this.title)}</b> ${htmlSlot(``,this.content)} </div> <div>${htmlSlot(`suffix`)}</div> </div>`}static alert(m,R){let z=new this;return Object.assign(z,R),m.appendChild(z),z}};__decorate([n({attribute:ringTypeAttribute})],Alert.prototype,`ringType`,void 0),__decorate([n()],Alert.prototype,`title`,void 0),__decorate([n()],Alert.prototype,`content`,void 0),Alert=__decorate([godown(protoName$v),styles(css`:host{background:var(${cssGlobalVars.background});color:var(${cssGlobalVars.foreground})}:host,:where(:host([contents]) [part=root]),b{display:block}[part=root]{padding:1em;display:grid;grid-template-columns:auto 1fr auto}`)],Alert);var Alert$1=Alert;Alert$1.define();const protoName$u=`avatar`;let Avatar=class m extends GlobalStyle{constructor(...m){super(...m),this.name=``,this.round=!1}render(){return html`<div part="root" ${attr(omit(this.observedRecord,`src`))}> ${this._renderAvatar()} </div>`}_renderAvatar(){return this.src?html`<img part="image" src="${this.src}" alt="${this.name}" @error=${this._handleError}/>`:this.name?html`<span part="name">${this.formatName()}</span>`:htmlSlot()}formatName(){return this.name}_handleError(){this.src=void 0}};__decorate([n()],Avatar.prototype,`src`,void 0),__decorate([n()],Avatar.prototype,`name`,void 0),__decorate([n({type:Boolean})],Avatar.prototype,`round`,void 0),Avatar=__decorate([godown(protoName$u),styles(css`:host{color:var(${cssGlobalVars.foreground});background:var(${cssGlobalVars.passive});vertical-align:bottom;overflow:hidden;width:2em;height:2em}:host,[part=root]{display:inline-flex}:host([contents]) [part=root]{display:inline-flex;width:inherit;height:inherit}:host([round]){border-radius:50%}[part=image]{width:100%;height:100%;object-fit:cover}[part=root]{position:relative;border-radius:inherit;align-items:center;justify-content:center}`)],Avatar);var Avatar$1=Avatar;Avatar$1.define();const protoName$t=`button`,cssScope$b=scopePrefix(protoName$t);let Button=class m extends GlobalStyle{constructor(...m){super(...m),this.plain=!1,this.disabled=!1,this.active=!1,this.round=!1}render(){return html`<div part="root" ${attr(this.observedRecord)}> ${htmlSlot(``,this.content)} <span part="modal-root"></span> </div>`}focus(){this.disabled||(this.active=!0,super.focus())}blur(){this.active=!1,super.blur()}connectedCallback(){super.connectedCallback(),this.events.add(this,`click`,this._handelClick)}_handelClick(m){if(this.disabled){m.stopPropagation(),m.preventDefault();return}this.plain||this._handleModal(m)}_handleModal(m){let R=document.createElement(`i`),{width:z,height:B}=this.getBoundingClientRect(),{x:V,y:H}=this._root.getBoundingClientRect(),U=`${Math.sqrt(B**2+z**2)*2}px`;R.style.height=U,R.style.width=U,R.style.left=`${m.x-V}px`,R.style.top=`${m.y-H}px`,this._modalRoot.appendChild(R);let W=[{transform:`scale(0) translate(-50%, -50%)`,opacity:.1},{transform:`scale(1) translate(-50%, -50%)`,offset:.8},{opacity:0}];R.animate(W,{duration:800,iterations:1}),R.addEventListener(`animationend`,()=>R.remove(),{once:!0})}};__decorate([n({type:Boolean,reflect:!0})],Button.prototype,`plain`,void 0),__decorate([n({type:Boolean,reflect:!0})],Button.prototype,`disabled`,void 0),__decorate([n({type:Boolean,reflect:!0})],Button.prototype,`active`,void 0),__decorate([n({type:Boolean,reflect:!0})],Button.prototype,`round`,void 0),__decorate([n()],Button.prototype,`content`,void 0),__decorate([queryPart(`modal-root`)],Button.prototype,`_modalRoot`,void 0),__decorate([queryPart(`root`)],Button.prototype,`_root`,void 0),Button=__decorate([godown(protoName$t),styles(css`:host(:not([disabled]):active){transform:scale(var(${cssScope$b}--focus-scale))}:host([round]){border-radius:calc(infinity*1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([plain]){${cssScope$b}--gradients:unset;${cssScope$b}--focus-scale:unset}`,css`:host{${cssScope$b}--modal-animation-duration:1.5s;${cssScope$b}--focus-scale:.97;${cssScope$b}--deg:45deg;color:var(${cssGlobalVars.primaryForeground});background:var(${cssGlobalVars.primaryBackground});display:inline-block;overflow:hidden;text-align:center;cursor:pointer}[part=root]{padding-block:.25em;padding-inline:1em;position:relative;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center}i{position:absolute;inset:0;opacity:0;width:100%;height:100%;border-radius:50%;visibility:visible;pointer-events:none;transform-origin:0 0;background:currentColor}`)],Button);var Button$1=Button;const protoName$s=`badge`;let Badge=class m extends Button$1{constructor(...m){super(...m),this.plain=!0,this.round=!0}};Badge=__decorate([godown(protoName$s),styles(css`:host{font-size:.75em}[part=root]{padding:0 .5em}
+`)],Badge);var Badge$1=Badge;Badge$1.define();const defineName=`breath`,cssScope$a=scopePrefix(defineName),splitTextRegexp=/[\s,]+/;let Breath=class m extends GlobalStyle{render(){let m=this.getTexts();return html`<div part="root" ${attr(this.observedRecord)}> ${[m.map(this._renderText),htmlStyle(this._computeStyle(m.length))]} </div>`}_renderText(m){return html`<span class="rel"> <span class="nocolor">${m}</span> <span class="colorful">${m}</span> </span>`}getTexts(){return Array.isArray(this.content)?this.content:(this.content||this.textContent).split(splitTextRegexp).filter(m=>m)}_computeStyle(m){let R=100/2/m,z=this.duration||(m*2+2)*1e3,B=``;for(let R=1;R<=m;R++){let V=-z/m*(m-R+1),H=(R-1)%3+1;B+=`.rel:nth-child(${R}) .colorful{animation-delay:${V}ms;background:var(${cssScope$a}--${R},var(${cssScope$a}--${H}));}`}return`.colorful{animation-duration:${z}ms;}@keyframes colorfulN{0%,${R*3}%{opacity:0;}${R}%,${R*2}%{opacity:1;}}${B}`}};__decorate([n()],Breath.prototype,`content`,void 0),__decorate([n({type:Number})],Breath.prototype,`duration`,void 0),Breath=__decorate([godown(defineName),styles(css`:host{${cssScope$a}--deg:60deg;${cssScope$a}--1-1:hsl(0 70% 55%);${cssScope$a}--1-2:hsl(30 90% 60%);${cssScope$a}--2-1:hsl(130 70% 50%);${cssScope$a}--2-2:hsl(180 60% 40%);${cssScope$a}--3-1:hsl(270 80% 55%);${cssScope$a}--3-2:hsl(210 90% 50%);${cssScope$a}--1:linear-gradient(var(${cssScope$a}--deg),var(${cssScope$a}--1-1),var(${cssScope$a}--1-2));${cssScope$a}--2:linear-gradient(var(${cssScope$a}--deg),var(${cssScope$a}--2-1),var(${cssScope$a}--2-2));${cssScope$a}--3:linear-gradient(var(${cssScope$a}--deg),var(${cssScope$a}--3-1),var(${cssScope$a}--3-2))}`,css`:host{margin:auto;width:-moz-fit-content;width:fit-content;font-size:2em;align-items:center;direction:ltr}:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}::selection{background:0 0}.rel{position:relative;font-weight:800;font-size:inherit;letter-spacing:-.05em} `,css`.nocolor,.colorful{padding:0 .05em;box-sizing:border-box;display:inline-block;animation-iteration-count:infinite;color:transparent;-webkit-background-clip:text!important;background-clip:text!important}.colorful{opacity:0;animation-name:colorfulN}.nocolor{position:absolute;top:0;background:var(${cssGlobalVars.backgroundClip})}`)],Breath);var Breath$1=Breath;Breath$1.define(),Button$1.define();const protoName$r=`card`;scopePrefix(protoName$r);let Card=class m extends GlobalStyle{constructor(){super(),this.ringType=`border`,this.footer=!1,this.header=!1,new StyleController(this,()=>new RingBuilder({type:this.ringType}).css)}render(){return html`<div part="root" ${attr(this.observedRecord)}> ${[this.header?htmlSlot(`header`):``,htmlSlot(),this.footer?htmlSlot(`footer`):``]} </div>`}};__decorate([n({attribute:ringTypeAttribute})],Card.prototype,`ringType`,void 0),__decorate([n({type:Boolean})],Card.prototype,`footer`,void 0),__decorate([n({type:Boolean})],Card.prototype,`header`,void 0),Card=__decorate([godown(protoName$r),styles(css`:host{background:var(${cssGlobalVars.background});color:var(${cssGlobalVars.foreground});display:block;flex-shrink:0}slot{display:block;padding:1em}[part=root]{border-radius:inherit}[name=footer]{padding-top:0}[name=header]{padding-bottom:0}`)],Card);var Card$1=Card;Card$1.define();const _default$3=icon(`0 0 256 256`)`<path fill="currentColor" d="M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z">`,_default$2=icon(`0 0 256 256`)`<path fill="currentColor" d="m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32">`,protoName$q=`carousel`;function getWidth(m){return m.getBoundingClientRect().width}let Carousel=class m extends GlobalStyle{constructor(...m){super(...m),this.index=0,this.autoChange=0}render(){return html`<div part="root" ${attr(this.observedRecord)}> <i part="prev" @click="${this.prev}"> ${_default$3()} </i> <div part="move-root">${htmlSlot()}</div> <i part="next" @click="${this.next}"> ${_default$2()} </i> </div>`}connectedCallback(){super.connectedCallback(),this.children.length&&(this.__cloneFirst?.remove(),this.__cloneLast?.remove(),this.__cloneLast=this.firstElementChild.cloneNode(!0),this.__cloneFirst=this.lastElementChild.cloneNode(!0),this.appendChild(this.__cloneLast),this.insertBefore(this.__cloneFirst,this.firstElementChild)),this.observers.add(this,ResizeObserver,()=>{this._offset=this._computeOffset(),this._doTranslateX(`${this._offset}px`,!0)})}async firstUpdated(){await this.updateComplete,this.show(this.index,!0)}attributeChangedCallback(m,R,z){super.attributeChangedCallback(m,R,z),m===`index`&&this.isConnected&&this.show(this.index)}show(m,R){m=this.normalizeIndex(m),this.index=m,this._offset=this._computeOffset(),this._doTranslateX(`${this._offset}px`,R),this.dispatchCustomEvent(`change`,m),this.timeouts.remove(this.intervalID),this.autoChange>0&&(this.intervalID=this.timeouts.add(setInterval(()=>{this.next()},this.autoChange)))}next(){this.index===this.childElementCount-3?(this._doTranslateX(`0`,!0),this.show(0)):this.show(this.index+1)}prev(){this.index===0?(this._doTranslateX(`-${this.childElementCount-1}00%`,!0),this.show(this.children.length-3)):this.show(this.index-1)}_doTranslateX(m,R){this._moveRoot.style.transform=`translateX(${m})`,this._moveRoot.style.transition=R?`none`:``}_computeOffset(){let m=0;for(let R=0;R<=this.index;R++)m-=getWidth(this.children[R]);return m+=(getWidth(this)-getWidth(this.children[this.index+1]))/2,m}normalizeIndex(m){return m<0?0:m>this.children.length-3?this.children.length-3:m}};__decorate([n({type:Number})],Carousel.prototype,`index`,void 0),__decorate([n({type:Number})],Carousel.prototype,`autoChange`,void 0),__decorate([queryPart(`move-root`)],Carousel.prototype,`_moveRoot`,void 0),Carousel=__decorate([godown(protoName$q),styles(css`:host{display:block;transition:.3s}[part=root]{direction:ltr;overflow:hidden}[part=root],[part=move-root]{height:100%;width:100%;display:flex;position:relative;transition:inherit}[part=prev],[part=next]{height:100%;width:1.5em;z-index:1;position:absolute;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}[part=prev]{left:0}[part=next]{right:0}slot::slotted(*){flex-shrink:0!important}
+`)],Carousel);var Carousel$1=Carousel;Carousel$1.define();const protoName$p=`chip`,cssScope$9=scopePrefix(protoName$p);let Chip=class m extends GlobalStyle{constructor(...m){super(...m),this.position=`top-right`,this.value=0,this.dot=!1,this.max=99}formatValue(m){return m>this.max?this.max+`+`:m+``}render(){return html`<div part="root" ${attr(this.observedRecord)}> ${htmlSlot()} ${this.value||this.dot?html`<div part="chip">${this.dot?``:this.formatValue(this.value)}</div>`:``} </div>`}};__decorate([n()],Chip.prototype,`position`,void 0),__decorate([n({type:Number})],Chip.prototype,`value`,void 0),__decorate([n({type:Boolean})],Chip.prototype,`dot`,void 0),__decorate([n({type:Number})],Chip.prototype,`max`,void 0),Chip=__decorate([godown(protoName$p),styles(css`:host{${cssScope$9}--offset:0%;${cssScope$9}--offset-x:var(${cssScope$9}--offset);${cssScope$9}--offset-y:var(${cssScope$9}--offset)}:host,:host([contents]) [part=root]{display:inline-block}[part=root]{position:relative}[part=chip]{position:absolute;font-size:75%;padding:0 .5em;-webkit-user-select:none;user-select:none;border-radius:calc(infinity*1px);transform:translate(-50%,-50%);color:var(${cssGlobalVars.primaryForeground});background:var(${cssGlobalVars.primaryBackground})}[part=chip]:empty{width:.5em;height:.5em;font-size:100%;padding:0;border-radius:50%}[position^=top] [part=chip]{top:calc(0% + var(${cssScope$9}--offset-y))}[position$=right] [part=chip]{left:calc(100% - var(${cssScope$9}--offset-x))}[position^=bottom] [part=chip]{top:calc(100% - var(${cssScope$9}--offset-y))}[position$=left] [part=chip]{left:calc(0% + var(${cssScope$9}--offset-x))}`)],Chip);var Chip$1=Chip;Chip$1.define();const _default$1=icon(`0 0 256 256`)`<path fill="currentColor" d="m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32">`,protoName$o=`details`,cssScope$8=scopePrefix(protoName$o);let Details=class m extends GlobalStyle{constructor(...m){super(...m),this.open=!1,this.float=!1,this.fill=!1,this.summary=``}render(){return html`<dl part="root" ${attr(this.observedRecord)}> <dt part="title" @click="${()=>this.toggle()}"> <span part="summary">${htmlSlot(`summary`,this.summary)}</span> <span part="icon">${htmlSlot(`icon`,_default$1())}</span> </dt> <dd part="details" @click=${this.fill?()=>this.toggle():null}> <div style="min-height: 0;">${htmlSlot()}</div> </dd> </dl>`}updated(m){let R=m.get(`open`);R!==void 0&&this.dispatchCustomEvent(`change`,R)}toggle(m){this.open=m??!this.open}close(){this.open=!1}show(){this.open=!0}};__decorate([n({type:Boolean,reflect:!0})],Details.prototype,`open`,void 0),__decorate([n({type:Boolean})],Details.prototype,`float`,void 0),__decorate([n({type:Boolean})],Details.prototype,`fill`,void 0),__decorate([n()],Details.prototype,`summary`,void 0),Details=__decorate([godown(protoName$o),styles(css`:host{${cssScope$8}--icon-deg-open:0deg;${cssScope$8}--icon-deg-close:90deg;display:block;transition:.3s}[part=root]{position:relative}[part=title]{direction:ltr;height:100%;display:grid;align-items:center;justify-content:space-between;grid-template-columns:auto auto;transition:inherit;overflow:hidden}[part=details]{overflow:hidden;display:grid;grid-template-rows:0fr;transition:inherit}:host([open]) [part=details]{grid-template-rows:1fr}[float] [part=details]{position:absolute;top:100%;width:100%}[part]{transition:inherit;transition-property:transform,grid-template-rows}[part=icon]{display:flex;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotate(var(${cssScope$8}--icon-deg-close))}:host([open]) [part=icon]{transform:rotate(var(${cssScope$8}--icon-deg-open))}`)],Details);var Details$1=Details;Details$1.define();const protoName$n=`dialog`,cssScope$7=scopePrefix(protoName$n);let Dialog=class m extends GlobalStyle{constructor(...m){super(...m),this.open=!1,this.modal=!1,this.__modalInvoke=!1}render(){return html`<div part="root" @click=${this.show}> ${htmlSlot(`trigger`)} </div> <dialog part="dialog" role="dialog"> ${htmlSlot(`dialog`)}${htmlSlot()} </dialog>`}showModal(){this.modal=!0,this.__modalInvoke=!0,this.show()}show(){this.open=!0}close(){this.open=!1}toggle(m){this.open=m??!this.open}updated(m){m.has(`open`)&&(this.open?(this.modal?this._dialog.showModal():this._dialog.show(),this.__submitEvent=this.events.add(this,`submit`,this._handelSubmit),this.__keydownEvent=this.events.add(document,`keydown`,this._handleKeydown.bind(this))):(this.__modalInvoke&&(this.modal=!1,this.__modalInvoke=!1),this._dialog.close(),this.events.remove(this,`submit`,this.__submitEvent),this.events.remove(document,`keydown`,this.__keydownEvent)))}_handleKeydown(m){m.key===`Escape`&&(m.preventDefault(),this.close())}_handelSubmit(m){m.target.method===`dialog`&&(m.preventDefault(),this.close())}};__decorate([n({type:Boolean,reflect:!0})],Dialog.prototype,`open`,void 0),__decorate([n({type:Boolean,reflect:!0})],Dialog.prototype,`modal`,void 0),__decorate([queryPart(`dialog`)],Dialog.prototype,`_dialog`,void 0),Dialog=__decorate([godown(protoName$n),styles(css`:host{${cssScope$7}--background-modal:black;${cssScope$7}--opacity-modal:.2;width:-moz-fit-content;width:fit-content;display:block;background:0 0}dialog{position:relative;background:0 0;z-index:1;left:50%;top:50%;position:fixed;transform:translate(-50%,-50%)}::backdrop{background:var(${cssScope$7}--background-modal);opacity:var(${cssScope$7}--opacity-modal)}`)],Dialog);var Dialog$1=Dialog;Dialog$1.define();const protoName$m=`divider`;let Divider=class m extends GlobalStyle{constructor(...m){super(...m),this.vertical=!1}render(){return html`<div part="root"></div> `}};__decorate([n({type:Boolean,reflect:!0})],Divider.prototype,`vertical`,void 0),Divider=__decorate([godown(protoName$m),styles(css`:host{width:100%;height:.05em;display:block;background:currentColor;color:var(${cssGlobalVars.passive})}:host([vertical]){width:.05em;height:100%}`)],Divider);var Divider$1=Divider;Divider$1.define();const protoName$l=`dragbox`;let Dragbox=class m extends GlobalStyle{constructor(...m){super(...m),this.__drag=!1}get _offsetParent(){return this.offsetParent??document.body}render(){return html`<div part="root" ${attr(this.observedRecord)} @mousedown="${this._handleDragStart}"> ${htmlSlot()} </div>`}firstUpdated(){this.reset()}_handleDragStart(m){this.__x=m.x,this.__y=m.y;let R=this._offsetParent.getBoundingClientRect(),z=this.getBoundingClientRect();this.__t=z.top-R.top,this.__l=z.left-R.left,this.__drag=!0,this.__handleMouseMove=this.events.add(document,`mousemove`,this._handleDrag.bind(this)),this.__handleMouseLeave=this.events.add(document,`mouseleave`,this._handleDragEnd.bind(this)),this.__handleMouseUp=this.events.add(document,`mouseup`,this._handleDragEnd.bind(this))}_handleDragEnd(){this.__drag=!1,this.events.remove(document,`mousemove`,this.__handleMouseMove),this.events.remove(document,`mouseleave`,this.__handleMouseLeave),this.events.remove(document,`mouseup`,this.__handleMouseUp)}_handleDrag(m){if(!this.__drag)return;let{__x:R,__y:z,__l:B,__t:V,style:H}=this,{height:U,width:W}=this._offsetParent.getBoundingClientRect(),{width:G,height:K}=this.getBoundingClientRect(),q=m.x-(R-B),J=m.y-(z-V);q<0?H.left=`0`:q<W-G?H.left=`${q}px`:H.left=`${W-G}px`,J<0?H.top=`0`:J<U-K?H.top=`${J}px`:H.top=`${U-K}px`}reset(){let{x:m,y:R,style:z,offsetWidth:B,offsetHeight:V,offsetLeft:H,offsetTop:U}=this,{height:W,width:G}=this._offsetParent.getBoundingClientRect();z.left=m||`0`,z.top=R||`0`,H>G-B&&(z.left=`${G-B}px`),U>W-V&&(z.top=`${W-V}px`)}};__decorate([n()],Dragbox.prototype,`x`,void 0),__decorate([n()],Dragbox.prototype,`y`,void 0),Dragbox=__decorate([godown(protoName$l),styles(css`:host{position:absolute;display:block}:host(:active){-webkit-user-select:none;user-select:none}
+`)],Dragbox);var Dragbox$1=Dragbox;Dragbox$1.define();const protoName$k=`flex`;let Flex=class m extends GlobalStyle{constructor(...m){super(...m),this.vertical=!1}render(){return html`<div part="root" ${attr(this.observedRecord)}> ${[htmlSlot(),htmlStyle(joinRules({":host":{gap:this.gap,"flex-flow":this.flexFlow,"flex-direction":this.vertical&&`column`,"align-items":this.items,"justify-content":this.content}}))]} </div>`}};__decorate([n({attribute:`flex-flow`})],Flex.prototype,`flexFlow`,void 0),__decorate([n()],Flex.prototype,`gap`,void 0),__decorate([n()],Flex.prototype,`content`,void 0),__decorate([n()],Flex.prototype,`items`,void 0),__decorate([n({type:Boolean})],Flex.prototype,`vertical`,void 0),Flex=__decorate([godown(protoName$k),styles(css`:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}
+`)],Flex);var Flex$1=Flex;Flex$1.define();var _Form;const protoName$j=`form`;let Form=_Form=class m extends GlobalStyle{constructor(...m){super(...m),this.name=``,this.nameValue=this.namevalue}get value(){return _Form.buildValue(this._slot.assignedElements())}render(){return htmlSlot()}reset(){this.deepQuerySelectorAll(`*`).forEach(m=>{m.tagName!==this.tagName&&m.reset&&m.reset()})}namevalue(){return[this.name,this.value]}static buildValue(m){let R={};for(let z of m)if(z.tagName===`FORM`)Object.assign(R,Object.fromEntries(new FormData(z).entries()));else if(z.namevalue){let[m,B]=z.namevalue();m&&(R[m]=B)}else if(z.name&&z.value!==void 0)R[z.name]=z.value;else if(z.shadowRoot)for(let m of z.shadowRoot.querySelectorAll(`slot`))Object.assign(R,this.buildValue(m.assignedElements()));return R}};__decorate([n()],Form.prototype,`name`,void 0),Form=_Form=__decorate([godown(protoName$j),styles(css`:host{display:block}
+`)],Form);var Form$1=Form;Form$1.define();const toTemplate=m=>isNumerical(m)?`repeat(${m},1fr)`:m,protoName$i=`grid`;let Grid=class m extends GlobalStyle{render(){return html`<div part="root" ${attr(this.observedRecord)}> ${[htmlSlot(),htmlStyle(joinRules({":host":{gap:this.gap,"grid-template-columns":toTemplate(this.columns),"grid-template-rows":toTemplate(this.rows),"place-content":this.content,"place-items":this.items}}))]} </div>`}};__decorate([n()],Grid.prototype,`gap`,void 0),__decorate([n()],Grid.prototype,`columns`,void 0),__decorate([n()],Grid.prototype,`rows`,void 0),__decorate([n()],Grid.prototype,`content`,void 0),__decorate([n()],Grid.prototype,`items`,void 0),Grid=__decorate([godown(protoName$i),styles(css`:host,:host([contents]) [part=root]{display:grid}[part=root]{display:contents}
+`)],Grid);var Grid$1=Grid;Grid$1.define();var _Router;const routerTypes={field:`field`,slotted:`slotted`,united:`united`},protoName$h=`router`;let Router=_Router=class m extends GlobalStyle{constructor(...m){super(...m),this.__fieldRoute=new Router$2,this.__slottedRoute=new Router$2,this.__cacheRecord=new Map,this.component=null,this.pathname=location.pathname,this.default=htmlSlot(),this.type=routerTypes.united,this.cache=!1,this.handlePopstate=this.events.add(window,`popstate`,()=>{this.pathname=location.pathname})}get params(){return this.path?parseParams(this.pathname,this.path):{}}set routes(m){this.__routes=m,this.collectFieldRoutes(m)}get routes(){return this.__routes}clear(){this.__cacheRecord.clear()}render(){let m;if(this.cache&&(m=this.__cacheRecord.get(this.pathname))&&(this.component=m.component,this.path=m.path,this.pathname=m.pathname),!m)switch(this.type){case routerTypes.field:this.component=this.fieldComponent();break;case routerTypes.slotted:this.component=this.slottedComponent();break;default:this.component=this.fieldComponent()??this.slottedComponent()}return this.component??this.default}connectedCallback(){super.connectedCallback(),_Router.routerInstances.add(this),this.type!==`field`&&(this.observers.add(this,MutationObserver,this.collectSlottedRoutes,{attributes:!0,attributeFilter:[`slot`],subtree:!0}),this.collectSlottedRoutes())}disconnectedCallback(){super.disconnectedCallback(),_Router.routerInstances.delete(this)}useRouter(){return{pathname:this.pathname,params:this.params,path:this.path,component:this.component}}updated(m){let R=m.has(`pathname`)||m.has(`path`);if(R){let m=this.useRouter();!this.__cacheRecord.has(this.pathname)&&this.path&&this.__cacheRecord.set(this.pathname,m),this.dispatchCustomEvent(`change`,m)}}fieldComponent(m){if(m||=this.__fieldRoute.search(this.pathname)?.pattern,this.path=m,!m)return null;let R=this.routes.find(R=>R.path===m);return R?`render`in R?R.render?.(omit(this.useRouter(),`component`))||null:R.component:null}slottedComponent(m){let R=this._slottedNames;return m||=this.__slottedRoute.search(this.pathname)?.pattern,this.path=m,!m||(this.path=R.find(R=>R===m),!this.path)?null:htmlSlot(this.path)}collectSlottedRoutes(){this.__slottedRoute=new Router$2,this.clear(),this._slottedNames.forEach(m=>{this.__slottedRoute.insert(m)})}collectFieldRoutes(m){this.__fieldRoute=new Router$2,this.clear(),m.forEach(({path:m})=>{this.__fieldRoute.insert(m)})}static updateAll(){this.routerInstances.forEach(m=>{m.handlePopstate()})}search(m){return this.__fieldRoute.search(m)||this.__slottedRoute.search(m)}};__decorate([r$1()],Router.prototype,`component`,void 0),__decorate([r$1()],Router.prototype,`path`,void 0),__decorate([n()],Router.prototype,`pathname`,void 0),__decorate([r$1()],Router.prototype,`default`,void 0),__decorate([n()],Router.prototype,`type`,void 0),__decorate([n({type:Boolean})],Router.prototype,`cache`,void 0),__decorate([r$1()],Router.prototype,`routes`,null),Router=_Router=__decorate([godown(protoName$h),styles(css`:host{display:contents}
+`)],Router),Router.routerInstances=new Set;var Router$1=Router;const protoName$g=`link`,linkTypes={push:`push`,replace:`replace`,normal:`normal`,auto:`auto`};let Link=class m extends GlobalStyle{constructor(...m){super(...m),this.type=linkTypes.auto,this.suppress=!1,this.replace=!1,this.target=`_self`,this.state={},this.handleState=()=>{switch(this.type){case linkTypes.auto:case linkTypes.push:if(!this.replace){history.pushState(this.state,``,this.href);break}case linkTypes.replace:history.replaceState(this.state,``,this.href);break}}}get pathname(){return new URL(this.href,location.href).pathname}_handleClick(m){let{state:R,type:z,href:B,pathname:V,suppress:H}=this;if(!B||(this.dispatchCustomEvent(`navigate`,{...this.observedRecord,pathname:V,state:R}),B.startsWith(`#`)||z===linkTypes.normal))return;this.handleState();let U=[...Router$1.routerInstances];!H&&(z!==linkTypes.auto||U.some(m=>m.search(location.pathname)))&&(m.preventDefault(),Router$1.routerInstances.forEach(m=>{m.handlePopstate()}))}render(){return html`<a part="root" ${attr(this.observedRecord)} href="${this.href||nothing}" target="${this.target}" @click=${this._handleClick}> ${htmlSlot()} </a>`}};__decorate([n()],Link.prototype,`type`,void 0),__decorate([n({type:Boolean})],Link.prototype,`suppress`,void 0),__decorate([n({type:Boolean})],Link.prototype,`replace`,void 0),__decorate([n()],Link.prototype,`href`,void 0),__decorate([n()],Link.prototype,`target`,void 0),Link=__decorate([godown(protoName$g),styles(css`:host{display:inline-block;cursor:default}:host([href]){cursor:pointer}a{display:contents}
+`)],Link);var Link$1=Link;const protoName$f=`heading`;let Heading=class m extends Link$1{constructor(...m){super(...m),this.as=`h1`,this.anchor=`#`,this.side=`left`}render(){let m=this.href||(this.id?`#`+this.id:void 0);return html`<a part="root" href="${m||nothing}"> ${this.wrapHeading(htmlSlot(),m?html`<i part="${tokenList(`anchor`,this.side)}">${this.anchor}</i>`:``)} </a>`}wrapHeading(...m){switch(this.as){case`h2`:return html`<h2>${m}</h2>`;case`h3`:return html`<h3>${m}</h3>`;case`h4`:return html`<h4>${m}</h4>`;case`h5`:return html`<h5>${m}</h5>`;case`h6`:return html`<h6>${m}</h6>`;default:return html`<h1>${m}</h1>`}}};__decorate([n()],Heading.prototype,`as`,void 0),__decorate([n()],Heading.prototype,`anchor`,void 0),__decorate([n()],Heading.prototype,`side`,void 0),Heading=__decorate([godown(protoName$f),styles(css`:host{display:block;text-align:start}[part~=anchor]{position:absolute;text-align:center;min-width:1.25em;right:100%}[part~=left][part~=anchor]{right:100%}[part~=right][part~=anchor]{left:100%}h1,h2,h3,h4,h5,h6{width:-moz-fit-content;width:fit-content;position:relative}
+`)],Heading);var Heading$1=Heading;Heading$1.define();const _default=icon(`0 0 256 256`)`<path fill="currentColor" d="M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z">`,inputStyle=css`:host([disabled]){cursor:not-allowed;filter:brightness(.85)}input:disabled{cursor:inherit}input::-ms-reveal,input::-ms-clear{display:none}
+`;let SuperInput=class m extends GlobalStyle{constructor(...m){super(...m),this.autofocus=!1,this.ringType=`border`,this.disabled=!1,this.compositing=!1,this.makeId=Math.random().toString(36).slice(1),this.nameValue=this.namevalue}get observedRecord(){return omit(super.observedRecord,`default`,`value`)}set defaultValue(m){this.default=m}get defaultValue(){return this.default}namevalue(){return[this.name,this.value]}reset(){this.value=this.default,this._input.value=this.default}_handleInput(m){m.stopPropagation(),!this.compositing&&(this.value=m.target.value?.trim(),this.dispatchCustomEvent(`input`,this.value,{bubbles:!0}))}_handleChange(m){this.dispatchCustomEvent(`change`,this.value)}connectedCallback(){super.connectedCallback(),this._connectedInit()}_connectedInit(){this.default??=this.value||``,this.value??=this.default}_compositionInit(){this._input&&(this.events.add(this._input,`compositionstart`,()=>this.compositing=!0),this.events.add(this._input,`compositionend`,m=>{this.compositing=!1,this._handleInput(m)}))}focus(m){this._input?.focus(m)}firstUpdated(){this._compositionInit()}_renderPrefix(){return html`<i part="prefix">${htmlSlot(`prefix`)}</i>`}_renderSuffix(){return html`<i part="suffix">${htmlSlot(`suffix`)}</i>`}};__decorate([n()],SuperInput.prototype,`autocomplete`,void 0),__decorate([n({attribute:ringTypeAttribute})],SuperInput.prototype,`ringType`,void 0),__decorate([n({type:Boolean,reflect:!0})],SuperInput.prototype,`disabled`,void 0),__decorate([n({reflect:!0})],SuperInput.prototype,`placeholder`,void 0),__decorate([n({reflect:!0})],SuperInput.prototype,`name`,void 0),__decorate([n()],SuperInput.prototype,`value`,void 0),__decorate([n()],SuperInput.prototype,`default`,void 0),__decorate([queryPart(`input`)],SuperInput.prototype,`_input`,void 0),SuperInput=__decorate([styles(inputStyle)],SuperInput);const protoName$e=`input`;let Input=class m extends SuperInput{constructor(){super(),this.type=`text`,this.variant=`default`,new StyleController(this,()=>new RingBuilder({type:this.ringType}).css+(this.variant===`outline`?`:host{${cssGlobalVars.ringColor}:currentColor}`:``))}render(){return html`<label part="root" ${attr(this.observedRecord)}> ${[this._renderPrefix(),html`<input part="input" type="${this.type}" .value="${this.value}" ?autofocus="${this.autofocus}" ?disabled="${this.disabled}" autocapitalize="${this.autocapitalize||nothing}" autocomplete="${this.autocomplete||nothing}" placeholder="${this.placeholder||nothing}" @input="${this._handleInput}" @change="${this._handleChange}"/>`,this._renderSuffix()]} </label>`}_renderSuffix(){let m=`password`;return this.type===m?html`<i part="suffix" @mousedown="${()=>this._changeInputType(`text`)}" @mouseup="${()=>this._changeInputType(m)}" @mouseleave="${()=>this._changeInputType(m)}"> ${htmlSlot(`suffix`,_default())} </i>`:super._renderSuffix()}_changeInputType(m){this._input&&(this._input.type=m)}};__decorate([n({reflect:!0})],Input.prototype,`type`,void 0),__decorate([n()],Input.prototype,`variant`,void 0),__decorate([queryPart(`input`)],Input.prototype,`_input`,void 0),Input=__decorate([godown(protoName$e),styles(css`:host{display:block;${cssGlobalVars.input}-icon-color:gray}:host(:focus-within),:host(:active){${cssGlobalVars.ringColor}:currentColor;${cssGlobalVars.input}-icon-color:currentColor}[part=root]{padding-inline:.75em;padding-block:.5em;display:flex;position:relative;align-items:center;border-radius:inherit}[part=input]{width:100%;height:100%;flex-grow:1}[part=prefix],[part=suffix]{height:100%;display:flex;align-items:center;justify-content:center;color:var(${cssGlobalVars.input}-icon-color)}[part=suffix] slot svg{margin-inline-start:.25em}[part=prefix] slot svg{margin-inline-end:.25em}`)],Input);var Input$1=Input;Input$1.define();const protoName$d=`layout`;let Layout=class m extends GlobalStyle{constructor(...m){super(...m),this.sticky=!1}render(){return html`<div part="root" ${attr(this.observedRecord)}> <header part="header">${htmlSlot(`header`)}</header> <main part="main">${htmlSlot()}</main> <footer part="footer">${htmlSlot(`footer`)}</footer> </div>`}};__decorate([n({type:Boolean})],Layout.prototype,`sticky`,void 0),Layout=__decorate([godown(protoName$d),styles(css`:host{width:100%;height:100%;min-height:100%;flex-direction:column;grid-template-rows:auto 1fr auto}:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}[part=main]{width:100%;flex:1}[part=header],[part=footer]{flex-shrink:0;width:100%}[sticky] header{position:sticky;top:0}
+`)],Layout);var Layout$1=Layout;Layout$1.define(),Link$1.define();function memoize(m){let R,z=function(...B){return R=m.apply(this,B),z=()=>R,R};return z}const POPOVER$1=`popover`,supportPopover=()=>Object.hasOwn(HTMLElement.prototype,POPOVER$1),getPopoverAttribute=m=>m.getAttribute(POPOVER$1),shimHide=m=>{m.style.display=`none`},standardHide=m=>{getPopoverAttribute(m)===null?shimHide(m):m.hidePopover()},hidePopover=memoize(m=>supportPopover()?standardHide(m):shimHide(m)),shimShow=m=>{if(m.style.display=`block`,getPopoverAttribute(m)!==`manual`){let R=`click`,z=B=>{m.contains(B.target)||(m.dispatchEvent(new Event(`toggle`,{bubbles:!0,composed:!0,newState:`closed`})),hidePopover(m),document.removeEventListener(R,z))};document.addEventListener(R,z)}},standardShow=m=>{getPopoverAttribute(m)===null?shimShow(m):m.showPopover()},showPopover=memoize(function(m){return supportPopover()?standardShow(m):shimShow(m)}),POPOVER=`popover`,protoName$c=POPOVER;let Popover$1=class m extends GlobalStyle{constructor(){super(),this.anchorName=`--${POPOVER}-${Math.random().toString(36).slice(2)}`,this.open=!1,this.action=`show`,this.span=`span`,this.position=`bottom`,new StyleController(this,()=>joinRules({"[part=root],slot:not([name])::slotted(*)":{"anchor-name":this.anchorName},"[part=popover]":{"position-anchor":this.anchorName,"position-area":this.resolveArea()}}))}render(){return html`<div part="root"> <div part="trigger" @click=${this._handleClick}> ${htmlSlot()} </div> <div part="popover" popover="manual"> ${htmlSlot(`popover`)} </div> </div>`}_handleClick(){let{action:m}=this;switch(m){case`show`:case`hide`:case`toggle`:this[m]()}}show(){this.toggle(!0)}hide(){this.toggle(!1)}toggle(m){this.open=m??!this.open}updated(m){m.has(`open`)&&this._openChange()}_openChange(){let{open:m}=this;if(m){showPopover.call(this,this._popover);let m=R=>{this.contains(R.target)||(this.events.remove(document,`click`,m),this.open=!1)};this.events.add(document,`click`,m)}else hidePopover(this._popover);this.dispatchCustomEvent(`toggle`,m)}resolveArea(){let m=this.position.split(`-`),R=this.span===`spread`?`span-${m[0]}`:m[0];if(m.length<2)return`${R} center`;let z=this.span===`isolated`?m[1]:`span-${m[1]}`;return`${R} ${z}`}};__decorate([n({type:Boolean,reflect:!0})],Popover$1.prototype,`open`,void 0),__decorate([n()],Popover$1.prototype,`action`,void 0),__decorate([n()],Popover$1.prototype,`span`,void 0),__decorate([n()],Popover$1.prototype,`position`,void 0),__decorate([queryPart(POPOVER)],Popover$1.prototype,`_popover`,void 0),Popover$1=__decorate([godown(protoName$c),styles(css`:host{display:inline-block}[part=trigger]{display:contents}[part=root]{display:inherit}[part=popover]{inset:unset;z-index:1;overflow:visible;position:absolute;position-try-fallbacks:flip-block}
+`)],Popover$1),Popover$1.define();var Popover=Popover$1;const protoName$b=`progress`;let Progress=class m extends GlobalStyle{constructor(...m){super(...m),this.max=1,this.min=0}render(){let m=20,R;if(!isNullable(this.value)){let z=new Ranger(this.min,this.max),B=+this.value-this.min;m=B/z.diff*100,R=`static`}return html`<div part="root" ${attr(this.observedRecord)} class="${R}"> <i part="value" style="width:${m}%;"></i> </div>`}};__decorate([n({type:Number})],Progress.prototype,`max`,void 0),__decorate([n({type:Number})],Progress.prototype,`min`,void 0),__decorate([n({type:Number})],Progress.prototype,`value`,void 0),Progress=__decorate([godown(protoName$b),styles(css`:host{width:100%;height:.5em;border-radius:.25em;background:var(${cssGlobalVars.passive});color:var(${cssGlobalVars.active})}:host,[part=root]{display:block}[part=root]{z-index:1;position:relative;border-radius:inherit;overflow:hidden}[part=value]{position:absolute;z-index:2;top:0;left:0;height:100%;border-radius:inherit;transition:all .3s;animation:progress 1.8s ease-in-out infinite alternate;background:currentColor}@keyframes progress{0%{left:0}to{left:80%}}.static [part=value]{animation:none}`)],Progress);var Progress$1=Progress;Progress$1.define();const protoName$a=`range`,cssScope$6=scopePrefix(protoName$a);let Range=class m extends SuperInput{constructor(...m){super(...m),this.min=0,this.max=100,this.vertical=!1,this.__focusStack=[]}get range(){return Array.isArray(this.value)}get rangeValue(){return this.range?this.value:[this.value]}padValue(m,R=0){let{rangeValue:z}=this,B=m-z.length;return B>0?Array(B).fill(R).concat(z):z}attributeChangedCallback(m,R,z){super.attributeChangedCallback(m,R,z),(m===`max`||m===`min`||m===`step`)&&(this._ranger=new Ranger(this.min,this.max,this.step))}get observedRecord(){return omit(super.observedRecord,ringTypeAttribute)}render(){let m=this.padValue(2),R=Math.min(...m),B=Math.max(...m),V=this._ranger.diff;return html`<div part="root" ${attr(this.observedRecord)} @mousedown="${this.disabled?null:this._handleMousedownRoot}" style="${joinDeclarations([[`--from`,`${(R-this.min)/V*100}%`],[`--to`,`${(B-this.min)/V*100}%`],...m.map((m,R)=>[`--handle-${R}`,`${(m-this.min)/V*100}%`])])}"> <div part="track"></div> ${loop(this.rangeValue.length,m=>this._renderHandle(m))} </div>`}_renderHandle(m){let{disabled:R,range:B,rangeValue:V}=this,H=!B||B&&m===V.length-1&&V.length===1;return html`<i tabindex="0" part="${tokenList(`handle`,`handle-${m}`)}" @mousedown="${R?null:this.createMouseDown(m)}" style="${joinDeclarations({"z-index":this.__focusStack.indexOf(m)+1,"--handle":`var(--${H?`to`:`handle-${m}`})`})}"></i>`}focusHandle(m){this.lastFocus=m;let R=this.__focusStack.indexOf(m);R!==-1&&this.__focusStack.splice(R,1),this.__focusStack.push(m);let z=this._handles.item(m);z?.focus(),this.__keydownEvent||=this.events.add(document,`keydown`,this.createKeydownEvent(m))}blurHandle(){this.lastFocus=void 0,this.__keydownEvent=this.events.remove(document,`keydown`,this.__keydownEvent)}createKeydownEvent(m){return R=>{let{rangeValue:z,step:B}=this;z.length<2&&(m=0);let V=z[m];R.key===`ArrowLeft`||R.key===`ArrowDown`?(R.preventDefault(),this.createSetValue(m)(V-B)):(R.key===`ArrowRight`||R.key===`ArrowUp`)&&(R.preventDefault(),this.createSetValue(m)(V+B))}}createMouseDown(m){return R=>{this.focusHandle(m),this.createMousedownListener(this.createSetValue(m))(R)}}createSetValue(m){return R=>{let z=this._ranger.normalize(R),B=z;this.range&&(B=[...this.value],B[m]=z),this.value=B,this.dispatchCustomEvent(`change`,this.value)}}_computeValue({clientX:m,clientY:R}){let{top:z,left:B,height:V,width:H}=this._root.getBoundingClientRect();return this._ranger.present(this.vertical?(R-z)/V:(m-B)/H)}_handleMousedownRoot(m){let R=this._computeValue(m),z=this.range?this.rangeValue.reduce((m,z,B)=>{let V=Math.abs(R-z),H=Math.abs(R-this.rangeValue[m]);return V<H?B:m},0):0,B=this.createSetValue(z);B(R),this.createMousedownListener(B)(m),this.focusHandle(z)}createMousedownListener(m){return R=>{R.preventDefault(),R.stopPropagation();let z=this.createMousemoveListener(m);this.events.add(document,`mousemove`,z);let B=()=>{this.events.remove(document,`mousemove`,z),this.events.remove(document,`mouseup`,B)};this.events.add(document,`mouseup`,B)}}createMousemoveListener(m){return R=>{let z=this._computeValue(R);z===this._ranger.restrict(z)&&m?.call(this,z)}}_connectedInit(){this._ranger=new Ranger(this.min,this.max,this.step);let m=this._ranger.diff;this.step||=m/100,isNullable(this.value)&&(isNullable(this.default)?this.value=Math.round(m/2/this.step)*this.step:this.value=this.default),this.default??=this.value}reset(){this.value=this.default}sort(){return this.value=this.toSorted()}toSorted(){return this.range?[...this.value].sort((m,R)=>m-R):this.value}};__decorate([n({type:Number})],Range.prototype,`min`,void 0),__decorate([n({type:Number})],Range.prototype,`max`,void 0),__decorate([n({type:Number})],Range.prototype,`step`,void 0),__decorate([n({type:Boolean,reflect:!0})],Range.prototype,`vertical`,void 0),__decorate([n({type:Array})],Range.prototype,`value`,void 0),__decorate([n({type:Array})],Range.prototype,`default`,void 0),__decorate([queryPart(`root`)],Range.prototype,`_root`,void 0),__decorate([r(`[part=handle]`)],Range.prototype,`_handles`,void 0),__decorate([r$1()],Range.prototype,`lastFocus`,void 0),Range=__decorate([godown(protoName$a),styles(css`:host{${cssScope$6}--track-width:.5em;${cssScope$6}--handle-scale:1;${cssScope$6}--track-background:var(${cssGlobalVars.active});background:var(${cssGlobalVars.passive});width:100%;display:block;height:var(${cssScope$6}--track-width)}:host([contents]) [part=root]{width:inherit}:host([vertical]){height:100%;width:-moz-fit-content;width:fit-content}[part=root]{min-height:inherit;position:relative;border-radius:inherit;--from:0%;--to:50%}[part=track]{height:100%;min-height:inherit;display:flex;position:absolute;pointer-events:none;border-radius:inherit;justify-content:space-between;left:min(var(--from),var(--to));background:var(${cssScope$6}--track-background);width:max(calc(var(--to) - var(--from)),calc(var(--from) - var(--to)))}[part~=handle]{width:1em;height:1em;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;position:absolute;border-radius:50%;transform-origin:0 25%;outline:0;border-style:solid;border-width:.1em;transform:scale(var(${cssScope$6}--handle-scale)) translate(-50%,-25%);background:var(${cssGlobalVars.background});border-color:currentColor}`,css`[vertical]{height:inherit;width:var(${cssScope$6}--track-width)}[vertical] i{transform:translate(-25%,-50%)}[vertical] [part=track]{width:100%;height:max(calc(var(--to) - var(--from)),calc(var(--from) - var(--to)));top:min(var(--from),var(--to));left:0}`,css`[part~=handle]{left:var(--handle);top:0}[vertical] [part~=handle]{top:var(--handle);left:0} `)],Range);var Range$1=Range;Range$1.define();const protoName$9=`rotate`,cssScope$5=scopePrefix(protoName$9);let Rotate=class m extends GlobalStyle{render(){return html`<div part="root"> <div part="slot" @mousemove="${this._handleRotate}"> ${htmlSlot()} </div> <i @mouseleave="${this.reset}"></i> </div>`}reset(){this._root.style.removeProperty(`transform`),this._root.style.removeProperty(`transition`)}_handleRotate(m){let{rotateX:R,rotateY:z}=this._computeOffset(m);this._root.style.setProperty(`transform`,`rotateX(${R}rad) rotateY(${z}rad)`),this._root.style.setProperty(`transition`,`0s`)}_computeOffset(m){let{left:R,top:z,width:B,height:V}=this._root.getBoundingClientRect(),{clientX:H,clientY:U}=m,W=H-R,G=U-z,K=-(G-V/2)/V/2,q=(W-B/2)/B/2;return{rotateX:K,rotateY:q}}};__decorate([queryPart(`root`)],Rotate.prototype,`_root`,void 0),Rotate=__decorate([godown(protoName$9),styles(css`:host{display:block;width:-moz-fit-content;width:fit-content;transition:all .5s ease-in-out;${cssScope$5}--offset:.5em}div{position:relative;transition:inherit;transition-property:transform}i{width:100%;height:100%;position:absolute;top:0;box-sizing:content-box;padding:var(${cssScope$5}--offset);margin:calc(-1*var(${cssScope$5}--offset))}[part=slot]{z-index:2}`)],Rotate);var Rotate$1=Rotate;Rotate$1.define(),Router$1.define();const supportsPositionArea=memoize(()=>CSS.supports(`position-area:top`));function updateSelected(m,R){if(m){let z=`selected`;R?m.setAttribute(z,``):m.removeAttribute(z)}}const protoName$8=`select`;let Select=class m extends Input$1{constructor(...m){super(...m),this.multiple=!1,this.noEdit=!1,this.values=[],this.optionsVisible=!1}render(){let m=this.noEdit||this.disabled;return html`<label part="root" ${attr(this.observedRecord)}> ${[this._renderPrefix(),this.noEdit?html`<input style="position: absolute;inset: 0;opacity: 0;"/> `:``,html`<input part="input" .value="${this.text}" ?autofocus="${this.autofocus}" ?disabled="${m}" autocapitalize="${this.autocapitalize||nothing}" autocomplete="${this.autocomplete||nothing}" placeholder="${this.placeholder||nothing}" @input="${m?null:this._handleInput}" @change="${m?null:this._handleChange}"/>`,this._renderSuffix()]} <div part="popover" popover="${supportsPositionArea()?`manual`:nothing}"> ${htmlSlot()} </div> </label>`}_renderSuffix(){return html`<i part="suffix">${htmlSlot(`suffix`,_default$1())}</i>`}firstUpdated(){this.events.add(this._slot,`click`,m=>{let{target:R}=m;if(R.tagName!==`OPTION`)return;m.preventDefault();let{label:z,value:B}=R,V=this.select(B,z);this.multiple||(updateSelected(this.lastChecked,0),this.hideOptions()),updateSelected(R,V),this.lastChecked=R})}_connectedInit(){this.default=this.value??=``,this.defaultText=this.text??=``,this.events.add(this,`focus`,this.showOptions)}reset(){this.value=this.default,this.text=this.defaultText}select(m,R){R||=m;let z=0,B=this.values.findIndex(R=>R.value===m);return B>-1?this.values.splice(B,1):(this.values.push({value:m,label:R}),z=1),this.checkValues(),this.value=this.values.map(m=>m.value).join(`,`),this.text=this.values.map(m=>m.label).join(`, `),this.dispatchCustomEvent(`select`,this.value),z}checkValues(){!this.multiple&&this.values.length>1&&(this.values.splice(0,this.values.length-1),this.requestUpdate())}showOptions(){if(this.optionsVisible)return;showPopover(this._popover);let m=R=>{this.contains(R.target)||(this.hideOptions(),this.events.remove(document,`click`,m))};this.events.add(document,`click`,m),this.optionsVisible=!0}hideOptions(){this.optionsVisible&&(hidePopover(this._popover),this.optionsVisible=!1)}focus(m){super.focus(),this._input.focus(m),this.showOptions()}blur(){super.blur(),this._input.blur(),hidePopover(this._popover)}};__decorate([n()],Select.prototype,`text`,void 0),__decorate([n({type:Boolean})],Select.prototype,`multiple`,void 0),__decorate([n({type:Boolean})],Select.prototype,`noEdit`,void 0),__decorate([n({type:Array})],Select.prototype,`values`,void 0),__decorate([queryPart(`popover`)],Select.prototype,`_popover`,void 0),Select=__decorate([godown(protoName$8),styles(css`[part=root]{position:relative;anchor-name:--select}label{display:contents}[part=popover]{border:0;width:100%;background:0 0;position-anchor:--select;position-area:bottom center;position-try-fallbacks:flip-block}[part=input]{text-overflow:ellipsis}@supports not (position-area:top){[part=popover]{left:0;top:100%;display:none;position:absolute}}
+`)],Select);var Select$1=Select;Select$1.define();const protoName$7=`skeleton`,cssScope$4=scopePrefix(protoName$7);let Skeleton=class m extends GlobalStyle{constructor(...m){super(...m),this.loading=!0}render(){return this.loading?html`<div part="root">${htmlSlot(`loading`)}</div>`:htmlSlot()}};__decorate([r$1()],Skeleton.prototype,`loading`,void 0),Skeleton=__decorate([godown(protoName$7),styles(css`:host{${cssScope$4}--from:var(${cssGlobalVars.background});${cssScope$4}--to:var(${cssGlobalVars.passive});${cssScope$4}--deg:95deg;${cssScope$4}--duration:2s;height:2em;width:100%;flex-shrink:0;overflow:hidden;background-color:transparent;background-size:200% 100%;background-image:linear-gradient(var(${cssScope$4}--deg),var(${cssScope$4}--from) 36%,var(${cssScope$4}--to) 50%,var(${cssScope$4}--from) 64%);animation:_ var(${cssScope$4}--duration) ease-in-out infinite none running}@keyframes _{0%{background-position:150%center}to{background-position:-50%center}}[part=root]{display:contents}:host,:host([contents]) [part=root]{display:block}`)],Skeleton);var Skeleton$1=Skeleton;Skeleton$1.define();const protoName$6=`split`,cssScope$3=scopePrefix(protoName$6);let Split=class m extends SuperInput{constructor(){super(),this.len=6,this.index=-1,this.current=-1,this.currentValue=[],new StyleController(this,()=>new RingBuilder({selector:`[part=input-box]`,type:this.ringType}).css)}get observedRecord(){return omit(super.observedRecord,ringTypeAttribute)}render(){return html`<div part="root" ${attr(this.observedRecord)}> ${loop(this.len,m=>html`<span part="input-box" ring-type="${this.ringType}" class="${tokenList({focus:this.current===m})}" @click="${this.disabled?null:()=>this.focusAt(m)}"> ${this.currentValue[m]} </span>`)} <input part="input" @blur=${this.blur} @input="${this._handleInput}" @change="${this._handleChange}" .value="${this.value.padStart(this.len,` `)}"/> </div>`}connectedCallback(){super.connectedCallback(),this.reset()}_handleInput(m){m.stopPropagation(),!this.compositing&&(this.fillInput(m.data),this.value=this.currentValue.join(``),this.dispatchCustomEvent(`input`,this.value,{bubbles:!0}))}fillInput(m){if(m===null){if(this.currentValue[this.current]!==null)this.currentValue[this.current]=null;else{this.currentValue[this.current-1]=null;let m=this.currentValue.findLastIndex(m=>m!==null);this.current=this.current-1<0?m<0?0:m:this.current-1}return}let R=m.length>1;if(this.currentValue[this.current]=m[0],this.current+1>=this.len?(this.current=this.currentValue.indexOf(null),this.current===-1&&this.blur()):this.current+=1,R){let R=m.slice(1);R&&this.fillInput(R)}}focus(){this.focusAt(this.current),super.focus()}focusAt(m){this.current=m,this._input.focus()}blur(){this._input.blur(),this.current=-1,super.blur()}reset(){this.current=-1,this.value=this.default,this.currentValue=this.value.split(``).concat(Array(this.len-this.value.length).fill(null)),this.index>-1&&(this.current=this.index)}};__decorate([n({type:Number})],Split.prototype,`len`,void 0),__decorate([n({type:Number})],Split.prototype,`index`,void 0),__decorate([r$1()],Split.prototype,`current`,void 0),__decorate([r$1()],Split.prototype,`currentValue`,void 0),Split=__decorate([godown(protoName$6),styles(css`:host{display:block;border-radius:.1em;width:-moz-fit-content;width:fit-content;${cssScope$3}--size:2em;${cssScope$3}--gap:.25em}[part=root]{gap:var(${cssScope$3}--gap);position:relative;vertical-align:top;display:flex;justify-content:space-between;border-radius:inherit}[part=input-box]{width:var(${cssScope$3}--size);height:var(${cssScope$3}--size);vertical-align:top;border-radius:inherit;display:inline-flex;align-items:center;justify-content:center}[part=input]{width:100%;height:100%;opacity:0;background:0 0;position:absolute;z-index:-1}.focus,[part=input-box]:active{${cssGlobalVars.ringColor}:var(${cssGlobalVars.active})}`)],Split);var Split$1=Split;Split$1.define();const protoName$5=`switch`,cssScope$2=scopePrefix(protoName$5);let Switch=class m extends SuperInput{constructor(...m){super(...m),this.default=!1,this.value=!1}set checked(m){this.value=m}get checked(){return this.value}get observedRecord(){return omit(super.observedRecord,ringTypeAttribute)}render(){return html`<div part="root" ${attr(this.observedRecord)} class="round"> <input part="input" type="checkbox" ?disabled="${this.disabled}" ?checked="${this.value}" @change="${this._handleChange}"/> <span part="handle"></span> </div>`}reset(){this.value=this.default,this._input.checked=this.value}_connectedInit(){this.default?this.value=!0:this.value&&(this.value=!0,this.default=!0)}_handleChange(){let{checked:m}=this._input;this.value=m,this.dispatchCustomEvent(`change`,this.value)}};__decorate([n({type:Boolean})],Switch.prototype,`default`,void 0),__decorate([n({type:Boolean,attribute:`checked`,reflect:!0})],Switch.prototype,`value`,void 0),Switch=__decorate([godown(protoName$5),styles(css`:host,:host([contents]) [part=root]{display:inline-block}:host{${cssScope$2}-width:3em;${cssScope$2}-height:calc(var(${cssScope$2}-width)/2);${cssScope$2}-handle-size:1.25em;${cssScope$2}-handle-space:calc(var(${cssScope$2}-width)/4 - var(${cssScope$2}-handle-size)/2);width:var(${cssScope$2}-width);height:var(${cssScope$2}-height);border-radius:calc(var(${cssScope$2}-height)/2);background:var(${cssGlobalVars.passive});vertical-align:bottom;transition:.2s ease-in-out;transition-property:background,left}:host([checked]){background:var(${cssGlobalVars.active})}[part=root]{display:flex;align-items:center;position:relative;transition:inherit}[part=handle]{display:flex;align-items:center;justify-content:center;position:absolute;transition:inherit;left:0;top:50%;pointer-events:none;border-radius:100%;background:var(${cssGlobalVars.background});width:var(${cssScope$2}-handle-size);height:var(${cssScope$2}-handle-size);transform:translateY(-50%) translateX(var(${cssScope$2}-handle-space))}:host([checked]) [part=handle]{left:50%}[part=input]{opacity:0;width:100%;height:100%}`)],Switch);var Switch$1=Switch;Switch$1.define();const protoName$4=`text`;let Text=class m extends GlobalStyle{constructor(...m){super(...m),this.underline=`none`,this.nowrap=!1,this.italic=!1,this.truncate=!1,this.clip=!1}render(){return html`<p part="root">${htmlSlot()}</p>`}};__decorate([n({converter:{fromAttribute(m){return m===``?!0:m},toAttribute(m){return m===!1?null:m===!0?``:m}},reflect:!0})],Text.prototype,`underline`,void 0),__decorate([n({type:Boolean,reflect:!0})],Text.prototype,`nowrap`,void 0),__decorate([n({type:Boolean,reflect:!0})],Text.prototype,`italic`,void 0),__decorate([n({type:Boolean,reflect:!0})],Text.prototype,`truncate`,void 0),__decorate([n({type:Boolean,reflect:!0})],Text.prototype,`clip`,void 0),Text=__decorate([godown(protoName$4),styles(css`:host([clip]){background:var(${cssGlobalVars.backgroundClip});display:inline-block;color:transparent;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}:host([nowrap]){white-space:nowrap}:host([italic]){font-style:italic}:host([truncate]),:host([truncate]) ::slotted(*){max-width:100%;overflow:hidden;text-overflow:ellipsis}:host([strikethrough]){text-decoration:line-through}:host([underline=""]),:host([underline="always"]),:host(:hover[underline="hover"]),:host(:active[underline="active"]),:host(:focus[underline="focus"]){text-decoration:underline}`)],Text);var Text$1=Text;Text$1.define();const protoName$3=`tabs`,cssScope$1=scopePrefix(protoName$3),hoverToken=`hover`;let Tabs=class m extends GlobalStyle{constructor(){super(),this.ringType=`border`,this.beginning=`selected`,this.indicator=`background`,this.index=0,new StyleController(this,()=>new RingBuilder({type:this.ringType}).css)}render(){return html`<ul part="root" ${attr(this.observedRecord)} @mouseleave="${this._handleMouseLeave}"> ${this.tabs?.map((m,R)=>html`<li part="${tokenList(`item`,this.index===R&&`selected`)}" @mouseenter=${()=>{this.move(this.previousIndex,R),this.previousIndex=R}} @click=${()=>this.select(R)}> ${htmlSlot(m,m)} <div part="indicator"></div> </li>`)} </ul>`}connectedCallback(){super.connectedCallback(),this.previousIndex=this.beginning===`selected`?this.index:-1}_handleMouseLeave(){let m=this._items[this.previousIndex];m&&m.part.remove(hoverToken),this.previousIndex=this.beginning===`selected`?this.index:-1}move(m,R){if(m===R)return;let{_items:z,_indicators:B}=this,V=z[R];if(!V)return;V.part.add(hoverToken);let H=z[m];if(!H||(H.part.remove(hoverToken),this.beginning===`none`))return;let U=B[R],W=B[m];if(!U||!W)return;let{x:G,y:K,width:q}=W.getBoundingClientRect(),{x:J,y:Y}=U.getBoundingClientRect(),X=G-J,Z=K-Y,{style:Q}=U,{style:$}=W;Q.transform=`translate3d(${X}px,${Z}px,0)`,Q.width=`${q}px`,Q.transition=$.transition=`none`,U.getBoundingClientRect(),Q.width=Q.transform=Q.transition=$.transition=``}select(m){let{index:R,previousIndex:z}=this;this.move(z,m),m!==R&&(this.previousIndex=m,this.index=m,this.dispatchCustomEvent(`select`,m))}};__decorate([n({attribute:ringTypeAttribute})],Tabs.prototype,`ringType`,void 0),__decorate([n()],Tabs.prototype,`beginning`,void 0),__decorate([n()],Tabs.prototype,`indicator`,void 0),__decorate([n({type:Array})],Tabs.prototype,`tabs`,void 0),__decorate([n({type:Number})],Tabs.prototype,`index`,void 0),__decorate([r(`[part~=item]`)],Tabs.prototype,`_items`,void 0),__decorate([r(`[part=indicator]`)],Tabs.prototype,`_indicators`,void 0),Tabs=__decorate([godown(protoName$3),styles(css`:host{${cssScope$1}--indicator-background:var(${cssGlobalVars.passive});${cssScope$1}--selected-background:var(${cssGlobalVars.passive});transition:.2s ease-in-out;display:flex;cursor:default}[part=root]{gap:.25em;padding:.25em;position:relative;z-index:1;display:flex;flex-direction:inherit;overflow-x:clip;border-radius:inherit;transition:inherit;transition-property:width,transform,opacity}[part~=item]{position:relative;width:100%;display:block;text-align:center;position:relative;white-space:nowrap;transition:inherit;border-radius:inherit;transition-property:inherit}[part=indicator],[part~=item]::after{width:100%;height:100%;inset:0;position:absolute;transition:inherit;border-radius:inherit;transition-property:inherit;background:var(${cssScope$1}--indicator-background)}[part=indicator]{opacity:0;z-index:-1}[part~=item]::after{z-index:-2}[indicator=underline] [part=indicator],[indicator=underline] [part~=item]::after{top:100%;height:.15em;border-radius:.075em;margin-top:.15em}[part~=selected]::after{content:"";background:var(${cssScope$1}--selected-background)}[part~=hover] [part=indicator]{opacity:1}`)],Tabs);var Tabs$1=Tabs;Tabs$1.define();function formatNumber(m,R=2){return m.toString().padStart(R,`0`).split(``)}function format(m,R=new Date,z=`%`){var B;if(!m)return m;if(isNaN(R.getTime()))return;let V=`${z}${z}`,H=[];m=m.replace(RegExp(`${z}([ZYMDhmsS${z}])`,`g`),(m,R)=>(H.push(R),V));let U=R.getTimezoneOffset()/-60,W={Z:[U>=0?`+`+U.toString():U.toString()],Y:R.getFullYear().toString().split(``),M:formatNumber(R.getMonth()+1),D:formatNumber(R.getDate()),h:formatNumber(R.getHours()),m:formatNumber(R.getMinutes()),s:formatNumber(R.getSeconds()),S:formatNumber(R.getMilliseconds(),3)},G=[];for(let R of m.split(``).reverse()){let m=(B=W[R])?.pop();m?G.push(m):G.push(R)}return G.reverse().join(``).replace(new RegExp(V,`g`),()=>H.shift())}const protoName$2=`time`;let Time=class m extends Text$1{constructor(...m){super(...m),this.escape=`%`,this.format=`YYYY-MM-DD hh:mm:ss`,this.time=new Date}render(){return html`<p part="root">${format(this.format,this.time,this.escape)}</p>`}updated(m){m.has(`timeout`)&&this.timeout&&(this.timeouts.remove(this.timeoutId),this.timeoutId=this.timeouts.add(setInterval(()=>{this.dispatchCustomEvent(`time`,this.time),this.time=new Date(this.time.getTime()+(this.gap||this.timeout))},Math.abs(this.timeout))))}};__decorate([n()],Time.prototype,`escape`,void 0),__decorate([n()],Time.prototype,`format`,void 0),__decorate([n({type:Object})],Time.prototype,`time`,void 0),__decorate([n({type:Number})],Time.prototype,`timeout`,void 0),__decorate([n({type:Number})],Time.prototype,`gap`,void 0),Time=__decorate([godown(protoName$2)],Time);var Time$1=Time;Time$1.define();const protoName$1=`tooltip`;let Tooltip=class m extends Popover$1{constructor(...m){super(...m),this.delay=300}render(){return html`<div part="root"> <div part="trigger" @click=${this.hide}> ${htmlSlot()} </div> <div part="popover" popover="manual"> ${htmlSlot(`tip`,this.tip)} </div> </div>`}connectedCallback(){super.connectedCallback(),this.events.add(this,`mouseenter`,()=>{clearTimeout(this._leaveTimeout),this._hoverTimeout=setTimeout(()=>{this.show()},this.delay)}),this.events.add(this,`mouseleave`,()=>{clearTimeout(this._hoverTimeout),this._leaveTimeout=setTimeout(()=>{this.hide()},this.delay)})}};__decorate([n()],Tooltip.prototype,`tip`,void 0),__decorate([n({type:Number})],Tooltip.prototype,`delay`,void 0),Tooltip=__decorate([godown(protoName$1)],Tooltip);var Tooltip$1=Tooltip;Tooltip$1.define();const protoName=`typewriter`,cssScope=scopePrefix(protoName);let Typewriter=class m extends GlobalStyle{constructor(...m){super(...m),this.content=``,this.ended=!1,this.max=100,this.min=50,this.delay=0,this.index=0,this.contentInternal=``}get len(){return this.content.length}render(){return html`<div part="root" ${attr(this.observedRecord)}> ${htmlSlot()} ${this.contentInternal} <i part="cursor" ?hidden="${this.ended}"></i> </div>`}connectedCallback(){super.connectedCallback(),this._ranger=new Ranger(this.min,this.max)}firstUpdated(){this.content||=this._slot?.assignedNodes()[0]?.textContent.trim()||``,!this.ended&&this.len&&this.write()}updated(m){m.has(`index`)&&this.dispatchCustomEvent(this.index===this.len?`done`:`write`,this.contentInternal)}write(m=this.index){this.contentInternal=this.content.slice(0,m+1);let R=this.delay||this._ranger.random();this.timeoutID=this.timeouts.add(setTimeout(()=>{let R=m+1;R<=this.len&&(this.index=R,this.write())},R))}stop(){clearTimeout(this.timeoutID)}end(){this.ended=!0}};__decorate([n()],Typewriter.prototype,`content`,void 0),__decorate([n({type:Boolean})],Typewriter.prototype,`ended`,void 0),__decorate([n({type:Number})],Typewriter.prototype,`max`,void 0),__decorate([n({type:Number})],Typewriter.prototype,`min`,void 0),__decorate([n({type:Number})],Typewriter.prototype,`delay`,void 0),__decorate([n({type:Number})],Typewriter.prototype,`index`,void 0),__decorate([r$1()],Typewriter.prototype,`contentInternal`,void 0),__decorate([e$2(`i`)],Typewriter.prototype,`_i`,void 0),Typewriter=__decorate([godown(protoName),styles(css`:host{${cssScope}--cursor-width:.05em}:host,:host([contents]) [part=root]{display:inline-block}i{border-right:var(${cssScope}--cursor-width) solid;margin-left:.02em;animation:s 1.5s steps(1) infinite}@keyframes s{0%{border-color:currentColor}50%{border-color:transparent}}slot{display:none}`)],Typewriter);var Typewriter$1=Typewriter;Typewriter$1.define();export{Alert$1 as Alert,Avatar$1 as Avatar,Badge$1 as Badge,Breath$1 as Breath,Button$1 as Button,Card$1 as Card,Carousel$1 as Carousel,Chip$1 as Chip,Details$1 as Details,Dialog$1 as Dialog,Divider$1 as Divider,Dragbox$1 as Dragbox,Flex$1 as Flex,Form$1 as Form,Grid$1 as Grid,Heading$1 as Heading,Input$1 as Input,Layout$1 as Layout,Link$1 as Link,Popover,Progress$1 as Progress,Range$1 as Range,Rotate$1 as Rotate,Router$1 as Router,Select$1 as Select,Skeleton$1 as Skeleton,Split$1 as Split,Switch$1 as Switch,Tabs$1 as Tabs,Text$1 as Text,Time$1 as Time,Tooltip$1 as Tooltip,Typewriter$1 as Typewriter};
 //# sourceMappingURL=godown.js.map