godown 3.10.0 → 3.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/build/godown+lit.iife.js +2 -2
  2. package/build/godown+lit.iife.js.map +1 -1
  3. package/build/godown+lit.js +2 -2
  4. package/build/godown+lit.js.map +1 -1
  5. package/build/godown+lit.umd.js +2 -2
  6. package/build/godown+lit.umd.js.map +1 -1
  7. package/build/godown.iife.js +3 -3
  8. package/build/godown.js +2 -2
  9. package/build/godown.js.map +1 -1
  10. package/build/godown.umd.js +3 -3
  11. package/build/godown.umd.js.map +1 -1
  12. package/package.json +3 -3
  13. package/src/web-components/breath/component.ts +3 -1
  14. package/src/web-components/dialog/component.ts +3 -1
  15. package/web-components/alert/component.js +1 -1
  16. package/web-components/alert/component.js.map +1 -1
  17. package/web-components/avatar/component.js +1 -1
  18. package/web-components/avatar/component.js.map +1 -1
  19. package/web-components/breath/component.d.ts.map +1 -1
  20. package/web-components/breath/component.js +1 -1
  21. package/web-components/breath/component.js.map +1 -1
  22. package/web-components/button/component.js +1 -1
  23. package/web-components/button/component.js.map +1 -1
  24. package/web-components/carousel/component.js +1 -1
  25. package/web-components/carousel/component.js.map +1 -1
  26. package/web-components/details/component.js +1 -1
  27. package/web-components/details/component.js.map +1 -1
  28. package/web-components/dialog/component.d.ts.map +1 -1
  29. package/web-components/dialog/component.js +1 -1
  30. package/web-components/dialog/component.js.map +1 -1
  31. package/web-components/input/component.js +1 -1
  32. package/web-components/input/component.js.map +1 -1
  33. package/web-components/layout/component.js +1 -1
  34. package/web-components/layout/component.js.map +1 -1
  35. package/web-components/progress/component.js +1 -1
  36. package/web-components/progress/component.js.map +1 -1
  37. package/web-components/range/component.js +1 -1
  38. package/web-components/range/component.js.map +1 -1
  39. package/web-components/rotate/component.js +1 -1
  40. package/web-components/rotate/component.js.map +1 -1
  41. package/web-components/select/component.js +1 -1
  42. package/web-components/select/component.js.map +1 -1
  43. package/web-components/split/component.js +1 -1
  44. package/web-components/split/component.js.map +1 -1
  45. package/web-components/switch/component.js +1 -1
  46. package/web-components/switch/component.js.map +1 -1
  47. package/web-components/tabs/component.js +1 -1
  48. package/web-components/tabs/component.js.map +1 -1
  49. package/web-components/tooltip/component.js +1 -1
  50. package/web-components/tooltip/component.js.map +1 -1
  51. package/web-components/typewriter/component.js +1 -1
  52. package/web-components/typewriter/component.js.map +1 -1
  53. package/web-types.json +1 -1
@@ -1,8 +1,8 @@
1
1
  var Godown=function(t,e){"use strict";
2
2
  /**
3
3
  * @license MIT
4
- * @version 3.10.0
5
- * Require Lit Core ("Lit" in globalThis)
4
+ * @version 3.10.1
5
+ * Require Lit Core (`"Lit"` in globalThis)
6
6
  */function o(t,e,o,r){var s,a=arguments.length,l=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,o,r);else for(var h=t.length-1;h>=0;h--)(s=t[h])&&(l=(a<3?s(l):a>3?s(e,o,l):s(e,o))||l);return a>3&&l&&Object.defineProperty(e,o,l),l}"function"==typeof SuppressedError&&SuppressedError;const r=t=>null==t,s=t=>"string"==typeof t,a=t=>null!==t&&"object"==typeof t,{isArray:l}=Array,h=(t,...e)=>{const o={};for(const r in t)e.includes(r)||(o[r]=t[r]);return o},c=(t,e,o)=>(t?t+(e?o+e:""):e)||"",d=(t,e,o)=>t.startsWith(e)&&t.endsWith(o),p=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*u(t){for(const[e,o]of l(t)?t:Object.entries(t))yield[e,o]}const v=t=>a(t)&&"_$cssResult$"in t,m=t=>{let e="";for(const[o,r]of u(t))if(r){const t=a(r)&&!v(r)?f(r):r;t&&(e+=o?`${o}{${t}}`:t)}return e},f=t=>{let e="";for(const[o,s]of u(t))o&&!r(s)&&(e+=`${o}:${s};`);return e};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(s(t)){const e=new CSSStyleSheet;return e.replaceSync(t),e}return v(t)?t.styleSheet:t})(e))-1:void 0}}const g=(...t)=>e=>{const o=[];for(let t=Object.getPrototypeOf(e);t.styles;t=Object.getPrototypeOf(t))o.push(t.styles);e.styles=[...o,...t]},y=(t,e)=>o=>{t||=p(o.name),o.protoName=t;(({tagName:t,styles:e,autoDefine:o=!1,registry:r=customElements})=>s=>{s.elementTagName=t,e&&g(e)(s),o&&!r.get(t)&&r.define(t,s)})({tagName:o.godownConfig.tag(t),...e})(o)}
7
7
  /**
8
8
  * @license
@@ -44,4 +44,4 @@ const j={attribute:!0,type:String,converter:D,reflect:!1,hasChanged:N},V=(t=j,e,
44
44
  * @license
45
45
  * Copyright 2017 Google LLC
46
46
  * SPDX-License-Identifier: BSD-3-Clause
47
- */,Z=6;let K=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)}};function Q(t,e){(t=>r(t)||!1===t)(e)?this.removeAttribute(t):!0===e?this.setAttribute(t,""):s(e)||(t=>"number"==typeof t)(e)&&!Number.isNaN(e)?this.setAttribute(t,String(e)):this[t]=e}const J=(t=>(...e)=>({_$litDirective$:t,values:e}))(class AttrDirective extends K{render(t,e){}update(t,[o,r=Q]){if(o&&t.type===Z)for(const e in o)r.call(t.element,e,o[e]);return e.noChange}}),tt=((t,e)=>o=>t({...e,...o}))(J,{width:"1em",height:"1em",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"}),et=t=>e.html`<slot name="${t||e.nothing}"></slot>`,ot=(t,o)=>{if(!t)return e.nothing;const r=s(t)?t:m(t);return r?e.html`<style media="${e.nothing}">${r}</style>`:e.nothing},it=t=>(o,...r)=>{const a=e.svg(o,r),l=s(t)?t:t.join(" "),h=t=>e.html`<svg viewBox="${l}" ${tt(t)}>${a}</svg>`;return h.body=a,h.viewBox=l,h};function*rt(t,e,o){for(let o=0;o<t;o++)yield e(o)}const st=(...t)=>t.reduce(((t,e)=>{if(!e)return t;if(l(e))return c(t,st(...e)," ");if(a(e)){for(const o in e)e[o]&&(t=c(t,o," "));return t}return c(t,e," ")}),"");function nt(t,e=this){if(!e||!t)return[];const o=new Set;e instanceof Element&&e.shadowRoot&&nt(t,e.shadowRoot).forEach((t=>o.add(t))),e.querySelectorAll(t).forEach((t=>o.add(t)));for(const r of e.children)nt(t,r).forEach((t=>o.add(t)));return Array.from(o)}function at(t,e=this){if(!e||!t)return null;let o;if(e instanceof Element&&e.shadowRoot&&(o=at(t,e.shadowRoot),o))return o;if(o=e.querySelector(t),o)return o;for(const r of e.children)if(o=at(t,r),o)return o;return null}class Events{constructor(){this.inner=new Map}add(t,e,o,r){if(!t||!o)return;const s=this.inner.get(e)||new Map,a=s.get(t)||new Set;return a.add(o),s.set(t,a),this.inner.set(e,s),t.addEventListener(e,o,r),o}remove(t,e,o,r){if(!t||!o)return;const s=this.inner.get(e);if(s){const r=s.get(t);r&&(r.delete(o),r.size||(s.delete(t),s.size||this.inner.delete(e)))}t.removeEventListener(e,o,r)}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,r){const[s,a]=((t,e,o)=>{let r,s;switch(t){case MutationObserver:case ResizeObserver:r=new t(e),s=t=>r.observe(t,o);break;case IntersectionObserver:r=new t(e,o),s=t=>r.observe(t);break;case PerformanceObserver:r=new t(e),s=()=>r.observe(o)}return[r,s]})(e,o,r);if(s)return this.inner.set(s,(this.inner.get(s)||new Set).add(t)),a(t),s}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}}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 r=e[o];let s=this.findStrict(r);s||(s=new RouteTree,s.part=r,s.matchType=RouteTree.dynamic(r).matchType,this.children.push(s),this.sorted=!1),s.insert(t,e,o+1)}search(t,e=0){if(s(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],r=this.filterWide(o);for(const o of r){const r=o.search(t,e+1);if(null!==r)return r}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),r=RouteTree.split(e),s={};for(let t=0;t<r.length;t++){const e=r[t],{key:a,matchType:l}=RouteTree.dynamic(e);if(l===RouteTree.MatchTypes.single)s[a]=o[t];else if(l===RouteTree.MatchTypes.multi){s[a]=o.slice(t).join("/");break}}return s}static dynamic(t){if(t){if(d(t,"{","}")||d(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 lt=(t,{attribute:e})=>!0===e||void 0===e?String(t).toLowerCase():!1!==e&&"symbol"!=typeof t?e:void 0,ht=/^[\s\S]*{[\s\S]*}$/;class GodownElement extends e.LitElement{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=lt(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(),ht.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 at.call(this,t)}deepQuerySelectorAll(t){return nt.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 p(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)}},o([G({type:Boolean,reflect:!0})],GodownElement.prototype,"contents",void 0),o([G({reflect:!0})],GodownElement.prototype,"stylex",null);var ct=it("0 0 56 56")`<path fill="currentColor" d="M28 4c13.255 0 24 10.745 24 24S41.255 52 28 52S4 41.255 4 28S14.745 4 28 4m0 4C16.954 8 8 16.954 8 28s8.954 20 20 20s20-8.954 20-20S39.046 8 28 8m10.788 11.93c.67.67.67 1.756 0 2.425l-13.36 13.36a1.715 1.715 0 0 1-2.424 0l-5.645-5.646a1.714 1.714 0 0 1 2.425-2.424l3.22 3.22c.67.67 1.755.67 2.425 0l10.934-10.934c.67-.67 1.755-.67 2.425 0"/>`,dt=it("0 0 56 56")`<path fill="currentColor" d="M28 51.906c13.055 0 23.906-10.828 23.906-23.906c0-13.055-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.945 4.095 28c0 13.078 10.828 23.906 23.906 23.906m0-3.984C16.937 47.922 8.1 39.062 8.1 28c0-11.04 8.813-19.922 19.876-19.922c11.039 0 19.921 8.883 19.945 19.922c.023 11.063-8.883 19.922-19.922 19.922m-.023-15.68c1.124 0 1.757-.633 1.78-1.851l.352-12.375c.024-1.196-.914-2.086-2.156-2.086c-1.266 0-2.156.867-2.133 2.062l.305 12.399c.023 1.195.68 1.851 1.852 1.851m0 7.617c1.335 0 2.53-1.078 2.53-2.437c0-1.383-1.171-2.438-2.53-2.438c-1.383 0-2.532 1.078-2.532 2.438c0 1.336 1.172 2.437 2.532 2.437"/>`,pt=it("0 0 56 56")`<path fill="currentColor" d="M28 51.906c13.055 0 23.906-10.828 23.906-23.906c0-13.055-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.945 4.095 28c0 13.078 10.828 23.906 23.906 23.906m0-3.984C16.937 47.922 8.1 39.062 8.1 28c0-11.04 8.813-19.922 19.876-19.922c11.039 0 19.921 8.883 19.945 19.922c.023 11.063-8.883 19.922-19.922 19.922m-.211-28.266c1.71 0 3.047-1.36 3.047-3.047c0-1.71-1.336-3.07-3.047-3.07s-3.047 1.36-3.047 3.07a3.026 3.026 0 0 0 3.047 3.047m-3.914 21.235h9.562c.961 0 1.711-.68 1.711-1.641c0-.914-.75-1.64-1.71-1.64H30.53V25.68c0-1.266-.656-2.11-1.828-2.11h-4.43c-.937 0-1.687.727-1.687 1.64c0 .962.75 1.642 1.687 1.642h2.532v10.757h-2.93c-.938 0-1.688.727-1.688 1.641c0 .96.75 1.64 1.688 1.64"/>`,ut=it("0 0 56 56")`<path fill="currentColor" d="M19.504 43.152h16.969c.797 0 1.289-.492 1.289-1.289v-3.75c0-5.672 8.25-9.328 8.25-19.453C46.012 7.996 38.793.871 27.988.871s-18 7.125-18 17.79c0 10.124 8.227 13.78 8.227 19.452v3.75c0 .797.515 1.29 1.289 1.29m2.203-4.992c0-6.89-8.18-10.57-8.18-19.476c0-8.579 5.79-14.274 14.461-14.274c8.672 0 14.485 5.695 14.485 14.274c0 8.906-8.203 12.586-8.203 19.476v1.453H21.707Zm-1.336 11.32h15.235c1.195 0 2.156-.984 2.156-2.203s-.961-2.203-2.157-2.203H20.371c-1.195 0-2.156.985-2.156 2.203c0 1.22.96 2.203 2.156 2.203m7.617 5.649c3.235 0 5.508-1.477 5.742-3.75H22.246c.211 2.273 2.484 3.75 5.742 3.75"/>`,vt=it("0 0 56 56")`<path fill="currentColor" d="M28 51.906c13.055 0 23.906-10.828 23.906-23.906c0-13.055-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.945 4.095 28c0 13.078 10.828 23.906 23.906 23.906m0-3.984C16.937 47.922 8.1 39.062 8.1 28c0-11.04 8.813-19.922 19.876-19.922c11.039 0 19.921 8.883 19.945 19.922c.023 11.063-8.883 19.922-19.922 19.922m-.492-15.07c1.172 0 1.898-.727 1.898-1.664v-.282c0-1.312.75-2.133 2.39-3.21c2.274-1.5 3.891-2.884 3.891-5.673c0-3.914-3.468-6-7.453-6c-4.031 0-6.68 1.899-7.312 4.055c-.117.399-.211.774-.211 1.172c0 1.031.844 1.617 1.617 1.617c1.336 0 1.547-.726 2.297-1.594c.773-1.289 1.898-2.062 3.469-2.062c2.133 0 3.515 1.195 3.515 3c0 1.594-.984 2.367-3.023 3.773c-1.688 1.172-2.953 2.414-2.953 4.711V31c0 1.242.68 1.852 1.875 1.852m-.047 7.007c1.36 0 2.531-1.078 2.531-2.437c0-1.383-1.148-2.438-2.531-2.438s-2.531 1.078-2.531 2.438c0 1.336 1.171 2.437 2.53 2.437"/>`,mt=it("0 0 56 56")`<path fill="currentColor" d="M28 51.906c13.055 0 23.906-10.828 23.906-23.906c0-13.055-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.945 4.095 28c0 13.078 10.828 23.906 23.906 23.906m0-3.984C16.937 47.922 8.1 39.062 8.1 28c0-11.04 8.813-19.922 19.876-19.922c11.039 0 19.921 8.883 19.945 19.922c.023 11.063-8.883 19.922-19.922 19.922m-8.156-9.727c.656 0 1.148-.28 1.664-.797l15.75-15.984c.492-.492.797-1.078.797-1.617c0-1.078-.891-1.945-1.97-1.945c-.562 0-1.1.28-1.616.796L18.742 34.61c-.539.516-.797 1.102-.797 1.641c0 1.055.774 1.945 1.899 1.945"/>`,ft=it("0 0 56 56")`<path fill="currentColor" d="M28 51.906c13.055 0 23.906-10.828 23.906-23.906c0-13.055-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.945 4.095 28c0 13.078 10.828 23.906 23.906 23.906m0-3.984C16.937 47.922 8.1 39.062 8.1 28c0-11.04 8.813-19.922 19.876-19.922c11.039 0 19.921 8.883 19.945 19.922c.023 11.063-8.883 19.922-19.922 19.922m-8.016-9.984c.516 0 .985-.211 1.336-.586l6.657-6.68l6.656 6.68c.351.351.82.586 1.36.586c1.03 0 1.874-.868 1.874-1.899c0-.539-.21-.984-.562-1.336l-6.657-6.656l6.68-6.703c.375-.399.563-.797.563-1.313a1.865 1.865 0 0 0-1.875-1.875c-.493 0-.915.164-1.313.563l-6.727 6.703l-6.703-6.68c-.351-.375-.773-.539-1.289-.539c-1.054 0-1.875.797-1.875 1.852c0 .515.188.96.563 1.312l6.656 6.68l-6.656 6.68c-.375.328-.563.796-.563 1.312c0 1.031.82 1.898 1.875 1.898"/>`,gt=it("0 0 56 56")`<path fill="currentColor" d="M10.023 43.023c-.796.797-.82 2.157 0 2.954c.82.796 2.157.796 2.977 0l15-15l15 15c.797.796 2.156.82 2.977 0c.796-.82.796-2.157 0-2.954L30.953 28l15.024-15c.796-.797.82-2.156 0-2.953c-.844-.82-2.18-.82-2.977 0l-15 15l-15-15c-.82-.82-2.18-.844-2.977 0c-.796.82-.796 2.156 0 2.953l15 15Z"/>`;const yt=(t,e,o)=>({r:t,g:e,b:o,toString(){return`${this.r} ${this.g} ${this.b}`}}),bt={darkgray:[yt(121,121,121),yt(109,109,109),yt(97,97,97),yt(85,85,85),yt(73,73,73),yt(61,61,61),yt(48,48,48),yt(36,36,36),yt(24,24,24),yt(12,12,12)],lightgray:[yt(243,243,243),yt(231,231,231),yt(219,219,219),yt(206,206,206),yt(194,194,194),yt(182,182,182),yt(170,170,170),yt(158,158,158),yt(146,146,146),yt(133,133,133)],teal:[yt(213,249,248),yt(170,243,241),yt(128,237,234),yt(85,231,226),yt(43,225,219),yt(0,219,212),yt(0,175,170),yt(0,131,127),yt(0,88,85),yt(0,44,42)],blue:[yt(213,240,255),yt(170,224,255),yt(128,209,255),yt(85,193,255),yt(43,178,255),yt(0,162,255),yt(0,130,204),yt(0,97,153),yt(0,65,102),yt(0,32,51)],green:[yt(221,243,221),yt(186,231,186),yt(152,219,152),yt(117,206,117),yt(82,194,82),yt(48,182,48),yt(38,146,38),yt(29,109,29),yt(19,73,19),yt(10,36,10)],red:[yt(251,221,221),yt(247,186,187),yt(243,152,154),yt(239,118,120),yt(235,83,86),yt(231,49,52),yt(185,39,42),yt(139,29,31),yt(92,20,21),yt(46,10,10)],purple:[yt(242,228,253),yt(229,201,250),yt(217,174,248),yt(204,146,245),yt(191,119,243),yt(178,92,240),yt(142,74,192),yt(107,55,144),yt(71,37,96),yt(36,18,48)],orange:[yt(255,235,213),yt(255,216,170),yt(255,196,128),yt(255,176,85),yt(255,157,43),yt(255,137,0),yt(204,110,0),yt(153,82,0),yt(102,55,0),yt(51,27,0)],yellow:[yt(251,252,216),yt(247,248,177),yt(243,245,138),yt(239,242,98),yt(235,238,59),yt(231,235,20),yt(185,188,16),yt(139,141,12),yt(92,94,8),yt(46,47,4)],pink:[yt(254,222,233),yt(253,189,211),yt(252,156,190),yt(251,123,168),yt(250,90,146),yt(249,57,124),yt(199,46,99),yt(149,34,74),yt(100,23,50),yt(50,11,25)]};class GlobalStyle extends GodownElement{}const $t=((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 _t(t,o=1){return function(t){return e.unsafeCSS(`--${t}`)}($t+"-".repeat(o)+t)}const wt={clipBackground:_t("clip-background",2),active:_t("active",2),passive:_t("passive",2),_colors:{},input:_t("input",2),white:_t("color-white",2),black:_t("color-black",2),color:_t("color",2),radius:_t("radius",2),outlineWidth:_t("outline-width",2),outlineColor:_t("outline-color",2)};var xt,kt;GlobalStyle.styles=[e.unsafeCSS(`:host{${wt.black}:rgb(0 0 0);${wt.white}:rgb(255 255 255);`+(xt=(t,o,r)=>{wt._colors[t]||=[],wt._colors[t].push(e.unsafeCSS(wt.color+"-"+t+"-"+o));const s=`-${t}-${o}`;return`${wt.color+s}:rgb(${r});`},kt=bt,Object.entries(kt).flatMap((([t,e])=>e.map(((e,o)=>xt(t,o,e)))))).join("")+f([[wt.active,`var(${wt._colors.blue[5]})`],[wt.passive,`var(${wt._colors.darkgray[5]})`],[wt.clipBackground,`linear-gradient(to bottom, var(${wt._colors.lightgray[0]}), var(${wt._colors.darkgray[0]}))`],[wt.outlineColor,`var(${wt._colors.darkgray[4]})`],[wt.outlineWidth,".075em"]])+"}"),e.css`button,dialog,input{border:0;outline:0}*{box-sizing:border-box;font-size:100%;font-style:normal;margin:0;padding:0}:host{border-style:none;box-sizing:border-box;outline-style:none}a{text-decoration:none}span{white-space:nowrap}svg{-webkit-user-select:none;user-select:none}: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}`,e.css`:host{${wt.radius}:0.2em;border-radius:var(${wt.radius})}`];const Ct="alert",St=_t(Ct),Rt=t=>[wt._colors[t][5],wt._colors[t][9]],Et={green:Rt("green"),blue:Rt("blue"),orange:Rt("orange"),red:Rt("red"),yellow:Rt("yellow"),purple:Rt("purple"),teal:Rt("teal"),pink:Rt("pink"),gray:[wt._colors.lightgray[5],wt._colors.darkgray[5]],white:[wt._colors.lightgray[2],wt._colors.darkgray[7]],black:[wt._colors.darkgray[8],wt._colors.lightgray[5]]},Tt={tip:{color:"teal",icon:ut},success:{color:"green",icon:ct},info:{color:"blue",icon:pt},warning:{color:"orange",icon:dt},danger:{color:"red",icon:ft},error:{color:"red",icon:ft},help:{color:"purple",icon:vt},deprecated:{color:"gray",icon:mt}};let Mt=class Alert extends GlobalStyle{constructor(){super(...arguments),this.__colorSC=new StyleController(this,(()=>{const t=Tt[this.call]?.color||this.color;if(t in Et){const[e,o]=Et[t];return m({":host":[[`${St}--color`,`var(${e})`],[`${St}--background`,`var(${o})`]]})}return null})),this.color="blue",this.autoclose=0,this.hideClose=!1,this.variant="dark"}render(){const t=this.call?Tt[this.call].icon():et("icon");return e.html`<div part="root" ${J(this.observedRecord)}><div part="icon" class="start" > ${t} </div><div part="content"><strong part="title">${this.title||et("title")}</strong> ${this.content||et()} </div> ${this.hideClose||"blockquote"===this.variant?"":e.html`<div part="icon close" class="end" tabindex="0" @click="${this.close}"> ${gt()} </div>`} </div>`}close(){this.remove(),this.dispatchCustomEvent("close",void 0,{bubbles:!0})}firstUpdated(){this.autoclose&&this.timeouts.add(setTimeout((()=>this.close()),this.autoclose))}static alert(t,e){const o=new this;return Object.assign(o,e),t.appendChild(o),o}};o([G()],Mt.prototype,"call",void 0),o([G()],Mt.prototype,"color",void 0),o([G({type:Number})],Mt.prototype,"autoclose",void 0),o([G()],Mt.prototype,"title",void 0),o([G()],Mt.prototype,"content",void 0),o([G({type:Boolean})],Mt.prototype,"hideClose",void 0),o([G()],Mt.prototype,"variant",void 0),Mt=o([y(Ct),g(e.css`:host{${St}--border-width:.075em;${St}--blockquote-width:.2em;${St}--blockquote-background:transparent;${St}--gap:.5em}:host,:where(:host([contents]) [part=root]){display:block}[part=root]{align-items:center;background:var(${St}--background);border-color:currentColor;border-radius:inherit;border-style:solid;border-width:var(${St}--border-width);color:var(${St}--color,currentColor);display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;padding:var(${St}--gap)}[variant=blockquote]{background:var(${St}--blockquote-background);border-radius:0;border-width:0;border-left-width:var(${St}--blockquote-width)}[part~=icon]{align-items:center;display:grid;height:2em}.start svg{margin-inline-end:var(${St}--gap)}.end svg{margin-inline-start:var(${St}--gap)}svg{height:1.25em;width:1.25em}[part=content]{grid-row:span 2/span 2}`)],Mt);var At=Mt;At.define();let Pt=class Avatar extends GlobalStyle{constructor(){super(...arguments),this.name="",this.round=!1}render(){return e.html`<div part="root" ${J(h(this.observedRecord,"src"))}> ${this._renderAvatar()} </div>`}_renderAvatar(){return this.src?e.html`<img part="image" src="${this.src}" alt="${this.name}" @error=${this._handleError}>`:this.name?e.html`<span part="name">${this.formatName()}</span>`:et()}formatName(){return this.name}_handleError(){this.src=void 0}};o([G()],Pt.prototype,"src",void 0),o([G()],Pt.prototype,"name",void 0),o([G({type:Boolean})],Pt.prototype,"round",void 0),Pt=o([y("avatar"),g(e.css`:host{background:var(${wt.passive});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}`)],Pt);var zt=Pt;zt.define();const It="badge",Ot=_t(It);let Bt=class Badge 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 e.html`<div part="root" ${J(this.observedRecord)}> ${et()} ${this.value||this.dot?e.html`<div part="badge">${this.dot?"":this.formatValue(this.value)}</div>`:""} </div>`}};o([G()],Bt.prototype,"position",void 0),o([G({type:Number})],Bt.prototype,"value",void 0),o([G({type:Boolean})],Bt.prototype,"dot",void 0),o([G({type:Number})],Bt.prototype,"max",void 0),Bt=o([y(It),g(e.css`:host{${Ot}--background:var(${wt.active});${Ot}--offset:0%;${Ot}--offset-x:var(${Ot}--offset);${Ot}--offset-y:var(${Ot}--offset)}:host,:host([contents]) [part=root]{display:inline-block}[part=root]{position:relative}[part=badge]{background:var(${Ot}--background);border-radius:calc(infinity*1px);font-size:75%;padding:0 .5em;position:absolute;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}[part=badge]:empty{border-radius:50%;font-size:100%;height:.5em;padding:0;width:.5em}[position^=top] [part=badge]{top:calc(var(${Ot}--offset-y))}[position$=right] [part=badge]{left:calc(100% - var(${Ot}--offset-x))}[position^=bottom] [part=badge]{top:calc(100% - var(${Ot}--offset-y))}[position$=left] [part=badge]{left:calc(var(${Ot}--offset-x))}`)],Bt);var Dt=Bt;Dt.define();const Nt="breath",Ut=_t(Nt);let Lt=class Breath extends GlobalStyle{render(){const t=this.getTexts();return e.html`<div part="root" ${J(this.observedRecord)}> ${[t.map(this._renderText),ot(this._computeStyle(t.length))]} </div>`}_renderText(t){return e.html`<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(/\s+/).filter((t=>t))}_computeStyle(t){const e=50/t,o=this.duration||1e3*(2*t+2);let r="";for(let e=1;e<=t;e++)r+=`.rel:nth-child(${e}) .colorful{animation-delay:${-o/t*(t-e+1)}ms;background:var(${Ut}--${e},var(${Ut}--${(e-1)%3+1}));}`;return`.colorful{animation-duration:${o}ms;}@keyframes colorfulN{0%,${3*e}%{opacity:0;}${e}%,${2*e}%{opacity:1;}}${r}`}};o([G()],Lt.prototype,"content",void 0),o([G({type:Number})],Lt.prototype,"duration",void 0),Lt=o([y(Nt),g(e.css`:host{${Ut}--deg:60deg;${Ut}--1-1:var(${wt._colors.red[5]});${Ut}--1-2:var(${wt._colors.yellow[5]});${Ut}--2-1:var(${wt._colors.green[5]});${Ut}--2-2:var(${wt._colors.purple[5]});${Ut}--3-1:var(${wt._colors.blue[5]});${Ut}--3-2:var(${wt._colors.pink[5]});${Ut}--1:linear-gradient(var(${Ut}--deg),var(${Ut}--1-1),var(${Ut}--1-2));${Ut}--2:linear-gradient(var(${Ut}--deg),var(${Ut}--2-1),var(${Ut}--2-2));${Ut}--3:linear-gradient(var(${Ut}--deg),var(${Ut}--3-1),var(${Ut}--3-2))}`,e.css`: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}`,e.css`.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(${wt.clipBackground});position:absolute;top:0}`)],Lt);var jt=Lt;jt.define();const Vt="button",Gt=_t(Vt),Ht=wt.white,qt=wt.black,Ft={black:[Ht,wt._colors.darkgray[7],wt._colors.darkgray[5]],gray:[Ht,wt._colors.darkgray[1],wt._colors.lightgray[8]],white:[qt,wt._colors.lightgray[3],wt._colors.lightgray[0]],blue:[Ht,wt._colors.blue[6],wt._colors.blue[4]],green:[Ht,wt._colors.green[6],wt._colors.green[4]],red:[Ht,wt._colors.red[6],wt._colors.red[4]],orange:[Ht,wt._colors.orange[6],wt._colors.orange[4]],pink:[Ht,wt._colors.pink[6],wt._colors.pink[4]],purple:[Ht,wt._colors.purple[6],wt._colors.purple[4]],yellow:[qt,wt._colors.yellow[6],wt._colors.yellow[4]],teal:[Ht,wt._colors.teal[6],wt._colors.teal[4]]};let Wt=class Button extends GlobalStyle{constructor(){super(...arguments),this.__colorSC=new StyleController(this,(()=>{const t=this.nextColor();if(t in Ft){const[e,o,r]=Ft[t];return m({":host":[[`${Gt}--color`,`var(${e})`],[`${Gt}--background`,`var(${o})`],[`${Gt}--gradients`,`var(${r})`]]})}return null})),this.plain=!1,this.disabled=!1,this.ghost=!1,this.active=!1,this.round=!1,this.color="black"}render(){return e.html`<div part="root" ${J(this.observedRecord)}> ${this.content||et()} <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,!0)}_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:r}=this.getBoundingClientRect(),{x:s,y:a}=this._root.getBoundingClientRect(),l=2*Math.sqrt(r**2+o**2)+"px";e.style.height=l,e.style.width=l,e.style.left=t.x-s+"px",e.style.top=t.y-a+"px",e.style.animationName="kf",this._modalRoot.appendChild(e),e.addEventListener("animationend",(()=>e.remove()),{once:!0})}nextColor(){return this.color}};o([G({type:Boolean,reflect:!0})],Wt.prototype,"plain",void 0),o([G({type:Boolean,reflect:!0})],Wt.prototype,"disabled",void 0),o([G({type:Boolean,reflect:!0})],Wt.prototype,"ghost",void 0),o([G({type:Boolean,reflect:!0})],Wt.prototype,"active",void 0),o([G({type:Boolean,reflect:!0})],Wt.prototype,"round",void 0),o([G({reflect:!0})],Wt.prototype,"color",void 0),o([G()],Wt.prototype,"content",void 0),o([X("modal-root")],Wt.prototype,"_modalRoot",void 0),o([X("root")],Wt.prototype,"_root",void 0),Wt=o([y(Vt),g(e.css`:host(:not([disabled]):active){transform:scale(var(${Gt}--focus-scale))}:host([round]){border-radius:calc(infinity*1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([ghost]){${Gt}--modal-background:var(${Gt}--ghost-color);background:transparent;box-shadow:inset 0 0 0 var(${Gt}--ghost-width) var(${Gt}--ghost-color);color:var(${Gt}--ghost-color)}:host([plain]){${Gt}--gradients:unset;${Gt}--focus-scale:unset}`,e.css`:host{${Gt}--padding-x:.8em;${Gt}--padding-y:calc(var(${Gt}--padding-x)/4);${Gt}--padding:var(${Gt}--padding-y) var(${Gt}--padding-x);${Gt}--modal-animation-duration:1s;${Gt}--ghost-width:.08em;${Gt}--focus-scale:.97;${Gt}--deg:45deg;${Gt}--ghost-color:var(${Gt}--background);background:linear-gradient(var(${Gt}--deg),var(${Gt}--background),var(${Gt}--gradients,var(${Gt}--background)));color:var(${Gt}--color,inherit);cursor:pointer;display:block;overflow:hidden;padding:var(${Gt}--padding);text-align:center;width:-moz-fit-content;width:fit-content}[part=root]:not([contents]){height:100%;width:100%}[part=root]{border-radius:inherit;position:relative;transition:none;transition-duration:inherit;-webkit-user-select:none;user-select:none}i{animation-duration:var(${Gt}--modal-animation-duration);background:var(${Gt}--modal-background,currentColor);border-radius:50%;height:100%;inset:0;opacity:0;pointer-events:none;position:absolute;transform-origin:0 0;visibility:visible;width:100%}@keyframes kf{0%{opacity:var(${Gt}--modal-opacity,.1);transform:scale(0) translate(-50%,-50%)}80%{transform:scale(1) translate(-50%,-50%)}to{opacity:0}}`)],Wt);var Yt=Wt;Yt.define();const Xt="card",Zt=_t(Xt);let Kt=class Card extends GlobalStyle{constructor(){super(...arguments),this.footer=!1,this.header=!1}render(){return e.html`<div part="root" ${J(this.observedRecord)}> ${[this.header?et("header"):"",et(),this.footer?et("footer"):""]} </div>`}};o([G({type:Boolean})],Kt.prototype,"footer",void 0),o([G({type:Boolean})],Kt.prototype,"header",void 0),Kt=o([y(Xt),g(e.css`:host{${Zt}--border-width:.075em;${Zt}--border-color:var(${wt.passive});${Zt}--padding:.75em;display:block;flex-shrink:0}slot{display:block;padding:var(${Zt}--padding)}[part=root]{border-color:var(${Zt}--border-color);border-radius:inherit;border-style:solid;border-width:var(${Zt}--border-width)}[name=footer]{padding-top:0}[name=header]{padding-bottom:0}`)],Kt);var Qt=Kt;Qt.define();var Jt=it("0 0 56 56")`<path fill="currentColor" d="M35.805 47.723c.398.398.914.633 1.523.633c1.219 0 2.133-.915 2.133-2.133c0-.586-.234-1.125-.61-1.524L21.79 28.012l17.063-16.688c.375-.398.609-.96.609-1.523c0-1.219-.914-2.157-2.133-2.157c-.61 0-1.125.235-1.523.633L17.242 26.441c-.445.375-.703.961-.703 1.57c0 .587.258 1.126.703 1.571Z"/>`,te=it("0 0 56 56")`<path fill="currentColor" d="M18.695 48.367c.586 0 1.102-.234 1.524-.633L38.78 29.57c.446-.445.68-.984.68-1.57c0-.61-.234-1.172-.68-1.57L20.22 8.289a2.07 2.07 0 0 0-1.524-.656a2.12 2.12 0 0 0-2.156 2.156c0 .563.258 1.125.633 1.524L34.21 28L17.17 44.688c-.374.398-.632.937-.632 1.523c0 1.219.938 2.156 2.156 2.156"/>`;function ee(t){return t.getBoundingClientRect().width}let oe=class Carousel extends GlobalStyle{constructor(){super(...arguments),this.index=0,this.autoChange=0}render(){return e.html`<div part="root" ${J(this.observedRecord)}><i part="prev" @click="${this.prev}"> ${Jt()} </i><div part="move-root">${et()}</div><i part="next" @click="${this.next}"> ${te()} </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-=ee(this.children[e]);return t+=(ee(this)-ee(this.children[this.index+1]))/2,t}normalizeIndex(t){return t<0?0:t>this.children.length-3?this.children.length-3:t}};o([G({type:Number})],oe.prototype,"index",void 0),o([G({type:Number})],oe.prototype,"autoChange",void 0),o([X("move-root")],oe.prototype,"_moveRoot",void 0),oe=o([y("carousel"),g(e.css`: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}`)],oe);var ie=oe;ie.define();var re=it("0 0 56 56")`<path fill="currentColor" d="M28 39.46a2.1 2.1 0 0 0 1.57-.679l18.164-18.586a2.1 2.1 0 0 0 .633-1.5a2.12 2.12 0 0 0-2.156-2.156a2.27 2.27 0 0 0-1.523.61L28 34.21L11.313 17.148a2.23 2.23 0 0 0-1.524-.609a2.12 2.12 0 0 0-2.156 2.156c0 .586.234 1.102.633 1.524L26.43 38.78c.445.446.96.68 1.57.68"/>`;class SuperOpenable extends GlobalStyle{constructor(){super(...arguments),this.open=!1}toggle(t=!this.open){this.open=t}close(){this.open=!1}show(){this.open=!0}updated(t){void 0!==t.get("open")&&this.dispatchCustomEvent("change",this.open)}}o([G({type:Boolean,reflect:!0})],SuperOpenable.prototype,"open",void 0);const se="details",ne=_t(se);let ae=class Details extends SuperOpenable{constructor(){super(...arguments),this.float=!1,this.fill=!1,this.summary=""}render(){return e.html`<dl part="root" ${J(this.observedRecord)}><dt part="title" @click="${()=>this.toggle()}"><span part="summary">${this.summary||et("summary")}</span><span part="icon">${re()}</span></dt><dd part="details" @click=${this.fill?()=>this.toggle():null}><div style="min-height: 0;">${et()}</div></dd></dl>`}};o([G({type:Boolean})],ae.prototype,"float",void 0),o([G({type:Boolean})],ae.prototype,"fill",void 0),o([G()],ae.prototype,"summary",void 0),ae=o([y(se),g(e.css`:host{${ne}--icon-deg-open:0deg;${ne}--icon-deg-close:90deg;display:block;padding:.2em;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(${ne}--icon-deg-close))}:host([open]) [part=icon]{transform:rotate(var(${ne}--icon-deg-open))}`)],ae);var le=ae;le.define();const he="dialog",ce=_t(he);let de=class Dialog extends SuperOpenable{constructor(){super(...arguments),this.key="Escape",this.__modalInvoke=!1}set modal(t){this.contents=t}get modal(){return this.contents}render(){return e.html`<dialog part="root" ${J(this.observedRecord)}> ${et()} </dialog>`}showModal(){this.modal=!0,this.__modalInvoke=!0,this.show()}attributeChangedCallback(t,e,o){super.attributeChangedCallback(t,e,o),"open"===t&&(this.open?this.modal?this._dialog.showModal():this._dialog.show():this._dialog.close())}updated(t){t.has("open")&&(this.open?(this.__submitEvent=this.events.add(this,"submit",this._handelSubmit),this.key&&(this.__keydownEvent=this.events.add(document,"keydown",this._handleKeydown.bind(this)))):(this.events.remove(this,"submit",this.__submitEvent),this.events.remove(document,"keydown",this.__keydownEvent)))}_handleKeydown(t){const e=this.key.split(/[\s,]/);(e.includes(t.key)||e.includes(t.code))&&(t.preventDefault(),this.close())}_handelSubmit(t){"dialog"===t.target.method&&(t.preventDefault(),this.close())}close(){this.__modalInvoke&&(this.modal=!1,this.__modalInvoke=!1),this.open=!1}};o([G({type:Boolean,reflect:!0})],de.prototype,"modal",null),o([G()],de.prototype,"key",void 0),o([F("dialog")],de.prototype,"_dialog",void 0),de=o([y(he),g(e.css`:host{${ce}--background-modal:#000;${ce}--opacity-modal:0.2;background:none;display:block;left:50%;margin:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:-moz-fit-content;width:fit-content}:host(:not([open])){visibility:hidden}:host([contents]) dialog{position:fixed}dialog{background:inherit;position:relative}::backdrop{background:var(${ce}--background-modal);opacity:var(${ce}--opacity-modal)}`)],de);var pe=de;pe.define();let ue=class Divider extends GlobalStyle{constructor(){super(...arguments),this.vertical=!1}render(){return e.html`<div part="root" ${J(this.observedRecord)}></div>`}};o([G({type:Boolean,reflect:!0})],ue.prototype,"vertical",void 0),ue=o([y("divider"),g(e.css`:host{background:currentColor;color:var(${wt.passive});display:block;height:.05em;width:100%}:host([vertical]){height:100%;width:.05em}:host([contents]) [part=root]{background:currentColor;display:block;height:.05em;margin:auto;width:100%}[part=root]{display:contents}`)],ue);var ve=ue;ve.define();let me=class Dragbox extends GlobalStyle{constructor(){super(...arguments),this.__drag=!1}get _offsetParent(){return this.offsetParent??document.body}render(){return e.html`<div part="root" ${J(this.observedRecord)} @mousedown="${this._handleDragStart}"> ${et()} </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:r,__t:s,style:a}=this,{height:l,width:h}=this._offsetParent.getBoundingClientRect(),{width:c,height:d}=this.getBoundingClientRect(),p=t.x-(e-r),u=t.y-(o-s);a.left=p<0?"0":p<h-c?`${p}px`:h-c+"px",a.top=u<0?"0":u<l-d?`${u}px`:l-d+"px"}reset(){const{x:t,y:e,style:o,offsetWidth:r,offsetHeight:s,offsetLeft:a,offsetTop:l}=this,{height:h,width:c}=this._offsetParent.getBoundingClientRect();o.left=t||"0",o.top=e||"0",a>c-r&&(o.left=c-r+"px"),l>h-s&&(o.top=h-s+"px")}};o([G()],me.prototype,"x",void 0),o([G()],me.prototype,"y",void 0),me=o([y("dragbox"),g(e.css`:host{display:block;position:absolute}:host(:active){-webkit-user-select:none;user-select:none}`)],me);var fe=me;fe.define();let ge=class Flex extends GlobalStyle{constructor(){super(...arguments),this.vertical=!1}render(){return e.html`<div part="root" ${J(this.observedRecord)}> ${[et(),ot(m({":host":{gap:this.gap,"flex-flow":this.flexFlow,"flex-direction":this.vertical&&"column","align-items":this.items,"justify-content":this.content}}))]} </div>`}};o([G({attribute:"flex-flow"})],ge.prototype,"flexFlow",void 0),o([G()],ge.prototype,"gap",void 0),o([G()],ge.prototype,"content",void 0),o([G()],ge.prototype,"items",void 0),o([G({type:Boolean})],ge.prototype,"vertical",void 0),ge=o([y("flex"),g(e.css`:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}`)],ge);var ye,be=ge;be.define();let $e=ye=class Form extends GlobalStyle{constructor(){super(...arguments),this.name="",this.nameValue=this.namevalue}get value(){return ye.buildValue(this._slot.assignedElements())}render(){return et()}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,r]=o.namevalue();t&&(e[t]=r)}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}};o([G()],$e.prototype,"name",void 0),$e=ye=o([y("form"),g(e.css`:host{display:block}`)],$e);var _e=$e;_e.define();const we=t=>{return e=t,Number.isNaN(+e)?t:`repeat(${t},1fr)`;var e};let xe=class Grid extends GlobalStyle{render(){return e.html`<div part="root" ${J(this.observedRecord)}> ${[et(),ot(m({":host":{gap:this.gap,"grid-template-columns":we(this.columns),"grid-template-rows":we(this.rows),"place-content":this.content,"place-items":this.items}}))]} </div>`}};o([G()],xe.prototype,"gap",void 0),o([G()],xe.prototype,"columns",void 0),o([G()],xe.prototype,"rows",void 0),o([G()],xe.prototype,"content",void 0),o([G()],xe.prototype,"items",void 0),xe=o([y("grid"),g(e.css`:host,:host([contents]) [part=root]{display:grid}[part=root]{display:contents}`)],xe);var ke=xe;ke.define();let Ce=class Heading extends GlobalStyle{constructor(){super(...arguments),this.as="h1",this.anchor="#",this.side="left"}render(){return e.html`<a part="root" href="${this.id?"#"+this.id:e.nothing}" ${J(this.observedRecord)}> ${this.wrapHeading(et(),this.id?e.html`<i part="anchor">${this.anchor}</i>`:"")} </a>`}wrapHeading(...t){switch(this.as){case"h2":return e.html`<h2>${t}</h2>`;case"h3":return e.html`<h3>${t}</h3>`;case"h4":return e.html`<h4>${t}</h4>`;case"h5":return e.html`<h5>${t}</h5>`;case"h6":return e.html`<h6>${t}</h6>`;default:return e.html`<h1>${t}</h1>`}}};o([G()],Ce.prototype,"as",void 0),o([G()],Ce.prototype,"anchor",void 0),o([G()],Ce.prototype,"side",void 0),Ce=o([y("heading"),g(e.css`:host{display:block;text-align:start}[part=anchor]{min-width:1.25em;position:absolute;right:100%;text-align:center}[side=left] [part=anchor]{right:100%}[side=right] [part=anchor]{left:100%}a{color:inherit}h1,h2,h3,h4,h5,h6{direction:ltr;font-size:revert;position:relative;width:-moz-fit-content;width:fit-content}`)],Ce);var Se=Ce;Se.define();var Re=it("0 0 56 56")`<path fill="currentColor" d="M43.95 47.323c.304.305.732.468 1.119.468c.814 0 1.567-.733 1.567-1.568c0-.407-.163-.814-.468-1.12L12.112 11.069a1.57 1.57 0 0 0-1.12-.448c-.814 0-1.567.733-1.567 1.547c0 .428.143.835.448 1.12Zm1.913-5.761C52.255 37.43 56 32.056 56 29.674c0-4.132-11.297-17.303-27.99-17.303c-3.46 0-6.697.59-9.669 1.567l5.313 5.293a11 11 0 0 1 4.356-.896c6.31 0 11.38 4.988 11.38 11.339c0 1.547-.326 3.033-.958 4.336ZM28.01 46.977c3.766 0 7.267-.672 10.402-1.771l-5.394-5.395a10.8 10.8 0 0 1-5.008 1.201c-6.35 0-11.379-5.15-11.4-11.338c0-1.832.428-3.562 1.202-5.09l-7.084-7.124C4.01 21.592 0 27.231 0 29.674c0 4.112 11.501 17.303 28.01 17.303m6.473-17.73a6.446 6.446 0 0 0-6.473-6.454c-.264 0-.53.02-.773.041l7.206 7.206c.02-.244.04-.529.04-.794m-12.966-.041c0 3.582 2.951 6.473 6.514 6.473c.285 0 .55-.02.834-.04l-7.308-7.309c-.02.285-.04.59-.04.876"/>`;const Ee=e.css`.input-field{align-items:center;border-radius:inherit;display:flex;height:inherit;position:relative}.input-field [part=input]{background:none;color:inherit;height:100%;padding:var(${wt.input}-space);width:100%}.input-field [part=icon]{align-items:center;color:var(${wt.input}-icon-color);display:flex;justify-content:center}.input-field [part=prefix],.input-field [part=suffix]{display:flex;height:100%}.input-field [part=suffix] [part=icon]{padding-inline-end:var(${wt.input}-space)}.input-field [part=prefix] [part=icon]{padding-inline-start:var(${wt.input}-space)}`,Te=e.css`:host{${wt.input}-width:10em;${wt.input}-height:1.6em;${wt.input}-space:0.2em;${wt.input}-control:currentColor;${wt.input}-icon-color:var(${wt._colors.darkgray[4]})}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host(:focus-within){${wt.input}-icon-color:currentColor}input:disabled{cursor:inherit}input::-ms-clear,input::-ms-reveal{display:none}`;let Me=class SuperInput extends GlobalStyle{constructor(){super(...arguments),this.autofocus=!1,this.outlineType="border",this.disabled=!1,this.compositing=!1,this.makeId=Math.random().toString(36).slice(1),this.nameValue=this.namevalue}get observedRecord(){return h(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)})))}_changeInputType(t){this._input&&(this._input.type=t)}focus(t){this._input?.focus(t)}firstUpdated(){this._compositionInit()}_renderPrefix(){return e.html`<label for=${this.makeId} part="prefix"> ${et("prefix")} </label>`}_renderSuffix(){return e.html`<label for=${this.makeId} part="suffix"> ${et("suffix")} </label>`}};o([G()],Me.prototype,"autocomplete",void 0),o([G({attribute:"outline-type"})],Me.prototype,"outlineType",void 0),o([G({type:Boolean,reflect:!0})],Me.prototype,"disabled",void 0),o([G({reflect:!0})],Me.prototype,"type",void 0),o([G({reflect:!0})],Me.prototype,"placeholder",void 0),o([G({reflect:!0})],Me.prototype,"name",void 0),o([G()],Me.prototype,"value",void 0),o([G()],Me.prototype,"default",void 0),o([X("input")],Me.prototype,"_input",void 0),Me=o([g(Ee,Te)],Me);class OutlineBuilder{constructor({selector:t=":host",width:e=wt.outlineWidth,color:o=wt.outlineColor,outlineType:r}={}){const s=((t,e)=>{const o=`outline-color:var(${e});border-color:var(${e});`,r=`${o}outline-width:var(${t});outline-style:solid;`;return{outline:r,"outline-inset":`${r}outline-offset:calc(-1 * var(${t}));`,"box-shadow":`box-shadow:0 0 0 var(${t}) var(${e});`,"box-shadow-inset":`box-shadow:inset 0 0 0 var(${t}) var(${e});`,border:`${o}border-width:var(${t});border-style:solid;`}})(e,o);if(r&&r in s){const e=s[r];this.css=`${t}{${e}}`}else this.css=""}get styleSheet(){return e.unsafeCSS(this.css).styleSheet}}let Ae=class Input extends Me{constructor(){super(...arguments),this.type="text",this.variant="default",this.__outlineSC=new StyleController(this,(()=>new OutlineBuilder({outlineType:this.outlineType}).css+("outline"===this.variant?`:host{${wt.outlineColor}: var(${wt.active})}`:"")))}render(){return e.html`<div part="root" ${J(this.observedRecord)} class="input-field"> ${[this._renderPrefix(),e.html`<input part="input" type="${this.type}" .value="${this.value}" ?autofocus="${this.autofocus}" ?disabled="${this.disabled}" autocapitalize="${this.autocapitalize||e.nothing}" autocomplete="${this.autocomplete||e.nothing}" placeholder="${this.placeholder||e.nothing}" id="${this.makeId}" @input="${this._handleInput}" @change="${this._handleChange}">`,this._renderSuffix()]} </div>`}_renderSuffix(){const t="password";return e.html`<label for=${this.makeId} part="suffix"> ${this.type===t?e.html`<i part="icon" @mousedown="${()=>this._changeInputType("text")}" @mouseup="${()=>this._changeInputType(t)}" @mouseleave="${()=>this._changeInputType(t)}"> ${Re()} </i>`:et("suffix")} </label>`}};o([G()],Ae.prototype,"variant",void 0),o([X("input")],Ae.prototype,"_input",void 0),Ae=o([y("input"),g(e.css`:host{display:block;height:var(${wt.input}-height);width:var(${wt.input}-width)}:host(:focus-within){${wt.outlineColor}:var(${wt.active})}`)],Ae);var Pe=Ae;Pe.define();let ze=class Layout extends GlobalStyle{constructor(){super(...arguments),this.sticky=!1}render(){return e.html`<div part="root" ${J(this.observedRecord)}><header part="header">${et("header")}</header><main part="main">${et()}</main><footer part="footer">${et("footer")}</footer></div>`}};o([G({type:Boolean})],ze.prototype,"sticky",void 0),ze=o([y("layout"),g(e.css`:host{flex-direction:column;grid-template-rows:auto 1fr auto;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}`)],ze);var Ie=ze;Ie.define();let Oe=class SuperAnchor extends GlobalStyle{constructor(){super(...arguments),this.target="_self"}get pathname(){return new URL(this.href,location.href).pathname}render(){return e.html`<a part="root" ${J(this.observedRecord)} href="${this.href||e.nothing}" target="${this.target}" @click=${this._handleClick}> ${et()} </a>`}};var Be;o([G()],Oe.prototype,"href",void 0),o([G()],Oe.prototype,"target",void 0),Oe=o([g(e.css`:host{color:currentColor;cursor:default;display:inline-block;text-decoration:none}:host([href]){cursor:pointer}[part=root]{color:inherit;display:inline-block;text-decoration:inherit}`)],Oe);let De=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=et(),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?.(h(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?et(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)}};De.routerInstances=new Set,o([H()],De.prototype,"component",void 0),o([H()],De.prototype,"path",void 0),o([G()],De.prototype,"pathname",void 0),o([H()],De.prototype,"default",void 0),o([G()],De.prototype,"type",void 0),o([G({type:Boolean})],De.prototype,"cache",void 0),o([H()],De.prototype,"routes",null),De=Be=o([y("router"),g(e.css`:host{display:contents}`)],De);var Ne=De;const Ue="auto";let Le=class Link extends Oe{constructor(){super(...arguments),this.type=Ue,this.suppress=!1,this.replace=!1,this.state={},this.handleState=()=>{switch(this.type){case Ue:case"push":if(!this.replace){history.pushState(this.state,"",this.href);break}case"replace":history.replaceState(this.state,"",this.href)}}}_handleClick(t){const{state:e,type:o,href:r,pathname:s,suppress:a}=this;if(this.dispatchCustomEvent("navigate",{...this.observedRecord,pathname:s,state:e}),r.startsWith("#")||"normal"===o)return;this.handleState();const l=[...Ne.routerInstances];a||o===Ue&&!l.some((t=>t.search(location.pathname)))||(t.preventDefault(),Ne.routerInstances.forEach((t=>{t.handlePopstate()})))}};o([G()],Le.prototype,"type",void 0),o([G({type:Boolean})],Le.prototype,"suppress",void 0),o([G({type:Boolean})],Le.prototype,"replace",void 0),Le=o([y("link")],Le);var je=Le;je.define();let Ve=class Progress extends GlobalStyle{constructor(){super(...arguments),this.max=1,this.min=0}render(){let t,o=20;if(!r(this.value)){const e=new Ranger(this.min,this.max);o=100*e.restrict(this.value/e.diff),t="static"}return e.html`<div part="root" ${J(this.observedRecord)} class="${t}"><i part="value" style="width:${o}%;"></i></div>`}};o([G({type:Number})],Ve.prototype,"max",void 0),o([G({type:Number})],Ve.prototype,"min",void 0),o([G({type:Number})],Ve.prototype,"value",void 0),Ve=o([y("progress"),g(e.css`:host{background:var(${wt.passive});border-radius:.25em;color:var(${wt.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}`)],Ve);var Ge=Ve;Ge.define();const He="range",qe=_t(He);let Fe=class Range extends Me{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,r=t-o.length;return r>0?new Array(r).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 h(super.observedRecord,"outline-type")}render(){const t=this.padValue(2),o=Math.min(...t),r=Math.max(...t),s=this._ranger.diff;return e.html`<div part="root" ${J(this.observedRecord)} @mousedown="${this.disabled?null:this._handleMousedownRoot}" style="${f([["--from",(o-this.min)/s*100+"%"],["--to",(r-this.min)/s*100+"%"],...t.map(((t,e)=>[`--handle-${e}`,(t-this.min)/s*100+"%"]))])}"><div part="track"></div> ${rt(this.rangeValue.length,(t=>this._renderHandle(t)))} </div>`}_renderHandle(t){const{disabled:o,range:r,rangeValue:s}=this,a=!r||r&&t===s.length-1&&1===s.length;return e.html`<i tabindex="0" part="handle" class="${st({"last-focus":this.lastFocus===t})}" @mousedown="${o?null:this.createMouseDown(t)}" @focus="${o?null:()=>this.focusHandle(t)}" @blur="${o?null:this.blurHandle}" style="${f({"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:r}=this;o.length<2&&(t=0);const s=o[t];"ArrowLeft"===e.key||"ArrowDown"===e.key?(e.preventDefault(),this.createSetValue(t)(s-r)):"ArrowRight"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),this.createSetValue(t)(s+r))}}createMouseDown(t){return e=>{this.focusHandle(t),this.createMousedownListener(this.createSetValue(t))(e)}}createSetValue(t){return e=>{const o=this._ranger.normalize(e);let r=o;this.range&&(r=[...this.value],r[t]=o),this.value=r,this.dispatchCustomEvent("change",this.value)}}_computeValue({clientX:t,clientY:e}){const{top:o,left:r,height:s,width:a}=this._root.getBoundingClientRect();return this._ranger.present(this.vertical?(e-o)/s:(t-r)/a)}_handleMousedownRoot(t){const e=this._computeValue(t),o=this.range?this.rangeValue.reduce(((t,o,r)=>Math.abs(e-o)<Math.abs(e-this.rangeValue[t])?r:t),0):0,r=this.createSetValue(o);r(e),this.createMousedownListener(r)(t),this.focusHandle(o)}createMousedownListener(t){return e=>{e.preventDefault(),e.stopPropagation();const o=this.createMousemoveListener(t);this.events.add(document,"mousemove",o);const r=()=>{this.events.remove(document,"mousemove",o),this.events.remove(document,"mouseup",r)};this.events.add(document,"mouseup",r)}}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,r(this.value)&&(r(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}};o([G({type:Number})],Fe.prototype,"min",void 0),o([G({type:Number})],Fe.prototype,"max",void 0),o([G({type:Number})],Fe.prototype,"step",void 0),o([G({type:Boolean,reflect:!0})],Fe.prototype,"vertical",void 0),o([G({type:Array})],Fe.prototype,"value",void 0),o([G({type:Array})],Fe.prototype,"default",void 0),o([X("root")],Fe.prototype,"_root",void 0),o([Y("[part=handle]")],Fe.prototype,"_handles",void 0),o([H()],Fe.prototype,"lastFocus",void 0),Fe=o([y(He),g(e.css`:host{${qe}--handle-active:var(${wt.active});${qe}--track-width:.5em;${qe}--length:var(${wt.input}-width);background:var(${wt.passive});display:block;width:var(${qe}--length)}:host([contents]) [part=root]{width:inherit}:host([vertical]){height:var(${qe}--length);width:-moz-fit-content;width:fit-content}:host(:not([disabled])) .last-focus{${qe}--handle-scale:1.05;background:var(${qe}--handle-active)}[part=root]{position:relative;--from:0%;--to:50%;height:var(${qe}--track-width)}[part=root],[part=track]{border-radius:inherit;min-height:inherit}[part=track]{background:var(${wt.active});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=handle],[part=track]{display:flex;position:absolute}[part=handle]{align-items:center;background:var(${wt.active});border:.1em solid;border-color:var(${wt.input}-control);border-radius:50%;height:1em;justify-content:center;transform:scale(var(${qe}--handle-scale,1)) translate(-50%,-25%);transform-origin:0 25%;-webkit-user-select:none;user-select:none;width:1em}`,e.css`[vertical]{height:inherit;width:var(${qe}--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%}`,e.css`[part=handle]{left:var(--handle);top:0}[vertical] [part=handle]{left:0;top:var(--handle)}`)],Fe);var We=Fe;We.define();const Ye="rotate",Xe=_t(Ye);let Ze=class Rotate extends GlobalStyle{render(){return e.html`<div part="root"><div part="slot" @mousemove="${this._handleRotate}"> ${et()} </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:r,height:s}=this._root.getBoundingClientRect(),{clientX:a,clientY:l}=t;return{rotateX:-(l-o-s/2)/s/2,rotateY:(a-e-r/2)/r/2}}};o([X("root")],Ze.prototype,"_root",void 0),Ze=o([y(Ye),g(e.css`:host{display:block;transition:all .5s ease-in-out;width:-moz-fit-content;width:fit-content;${Xe}--padding:.75em;${Xe}--offset:.5em}div{position:relative;transition:inherit;transition-property:transform}i{box-sizing:content-box;height:100%;margin:calc(var(${Xe}--offset)*-1);padding:var(${Xe}--offset);position:absolute;top:0;width:100%}[part=slot]{z-index:2}`)],Ze);var Ke=Ze;Ke.define(),Ne.define();const Qe=e.unsafeCSS("[direction-inset-align]");e.css`[direction^=top] ${Qe}{top:0}[direction^=bottom] ${Qe}{bottom:0}[direction$=right] ${Qe}{right:0}[direction$=left] ${Qe}{left:0}`;const Je=e.unsafeCSS("[direction-outset-place]"),to=e.css`[direction^=top] ${Je}{bottom:100%}[direction^=bottom] ${Je}{top:100%}[direction$=right] ${Je}{left:100%}[direction$=left] ${Je}{right:100%}`;function eo(t,e){return t&&e&&t.toLowerCase().includes(e.toLowerCase())}function oo(t,e){if(t){const o="checked";e?t.setAttribute(o,""):t.removeAttribute(o)}}let io=class Select extends Pe{constructor(){super(...arguments),this.multiple=!1,this.visible=!1,this.autoDirection="bottom",this.__store=[]}get observedRecord(){return{...super.observedRecord,direction:this.direction||this.autoDirection}}render(){return e.html`<div part="root" ${J(this.observedRecord)} class="input-field"> ${[this._renderPrefix(),e.html`<input part="input" type="${this.type}" .value="${this.text}" ?autofocus="${this.autofocus}" ?disabled="${this.disabled}" autocapitalize="${this.autocapitalize||e.nothing}" autocomplete="${this.autocomplete||e.nothing}" placeholder="${this.placeholder||e.nothing}" id="${this.makeId}" @focus="${this._handleFocus}" @input="${this._handleInput}" @change="${this._handleChange}">`,e.html`<label for="${this.makeId}" part="suffix"><i part="icon">${re()}</i></label>`,e.html`<label for="${this.makeId}" part="content" direction-outset-place> ${et()} </label>`]} </div>`}_handleFocus(){if(!this.direction){const{top:t,bottom:e}=this.getBoundingClientRect();window.innerHeight-e<this._content.clientHeight&&t>this._content.clientHeight?this.autoDirection="top":this.autoDirection="bottom"}this.visible=!0}firstUpdated(){this.events.add(this._content,"click",(t=>{t.preventDefault(),t.stopPropagation();const{target:e}=t,o=this.optionValue(e);if(o){const t=this.select(o,e.textContent);this.multiple||oo(this.lastChecked,0),oo(e,t),this.lastChecked=e}this._input.focus()})),this.events.add(document,"click",(t=>{t.stopPropagation();const e=t.composedPath()[0];e&&!this.shadowRoot.contains(e)&&this.blur()}))}_connectedInit(){if(!this.value){const t=[...this.querySelectorAll("[checked]")];(this.multiple?t:t.length?[this.lastChecked=t[0]]:[]).forEach((t=>{oo(t,this.select(this.optionValue(t),t.textContent))})),this.default=this.value,this.defaultText=this.text,this.defaultChecked=t}this.text||(this.text="")}reset(){this.value=this.default,this.text=this.defaultText,this.querySelectorAll("[checked]").forEach((t=>oo(t,0))),this.defaultChecked.forEach((t=>oo(t,1)))}select(t,e){e||=t,e=e.trim();let o=0;if(this.multiple){const r=this.__store.findIndex((e=>e.value===t));r>-1?this.__store.splice(r,1):(this.__store.push({value:t,text:e}),o=1),this.value=this.__store.map((t=>t.value)),this.text=this.__store.map((t=>t.text)).join(", ")}else this.value===t?(this.value="",this.text=""):(this.value=t,this.text=e,o=1);return this.dispatchCustomEvent("select",this.value),this.filter(),o}filter(t){t=t?.trim(),[...this.children].forEach((e=>{this.filterCallback(e,!t||eo(this.optionValue(e),t)||eo(e.textContent,t),t)}))}filterCallback(t,e,o){t.style.display=e?"":"none"}_handleInput(t){if(t.stopPropagation(),this.compositing)return;const e=this._input.value;this.filter(this.multiple?function(t,e){const o=e.slice(0,t).lastIndexOf(",")+1||0,r=e.indexOf(",",t)||e.length;return e.slice(o,r)}(this._input.selectionStart,e):e),this.dispatchCustomEvent("input",this.value,{bubbles:!0})}focus(t){this._input.focus(t),this.visible=!0}blur(){this._input.blur(),this.visible=!1,super.blur()}optionValue(t){return t.value||t.getAttribute("value")||""}};o([G()],io.prototype,"text",void 0),o([X("content")],io.prototype,"_content",void 0),o([G()],io.prototype,"direction",void 0),o([G({type:Boolean})],io.prototype,"multiple",void 0),o([G({type:Boolean})],io.prototype,"visible",void 0),o([H()],io.prototype,"autoDirection",void 0),io=o([y("select"),g(to,e.css`.outline,:host(:focus-within){${wt.input}-outline-color:var(${wt.active})}[part=input]{text-overflow:ellipsis}[part=content]{position:absolute;visibility:hidden;width:100%}[visible] [part=content]{visibility:visible}`)],io);var ro=io;ro.define();var so=it("0 0 56 56")`<path fill="currentColor" d="M7.715 49.574h40.57c4.899 0 7.36-2.437 7.36-7.265V13.69c0-4.828-2.461-7.265-7.36-7.265H7.715C2.84 6.426.355 8.84.355 13.69v28.62c0 4.851 2.485 7.265 7.36 7.265m31.57-21.633c-1.055-.937-2.25-1.43-3.515-1.43c-1.313 0-2.462.446-3.54 1.407l-10.593 9.469l-4.336-3.938c-.985-.867-2.04-1.336-3.164-1.336c-1.032 0-2.04.446-3 1.313L4.129 39.73V13.88c0-2.438 1.312-3.68 3.656-3.68h40.43c2.32 0 3.656 1.242 3.656 3.68v25.875Zm-21.469.258c3.024 0 5.508-2.484 5.508-5.531c0-3.023-2.484-5.531-5.508-5.531c-3.046 0-5.53 2.508-5.53 5.531a5.54 5.54 0 0 0 5.53 5.531"/>`;const no="skeleton",ao=_t(no);let lo=class Skeleton extends GlobalStyle{constructor(){super(...arguments),this.animation="position",this.loading=!0}render(){return this.loading?e.html`<div part="root" ${J(this.observedRecord)}> ${"image"===this.type?so():""} ${et("loading")} </div>`:et()}};o([G()],lo.prototype,"type",void 0),o([G()],lo.prototype,"animation",void 0),o([H()],lo.prototype,"loading",void 0),lo=o([y(no),g(e.css`:host{${ao}--from:var(${wt._colors.darkgray[9]});${ao}--to:var(${wt._colors.darkgray[7]});${ao}--deg:95deg;${ao}--duration:1.5s;${ao}--icon-size:5em;${ao}--icon-margin:.25em;background:var(${ao}--from);color:var(${wt._colors.darkgray[5]});display:block;flex-shrink:0;min-height:1.5em;overflow:hidden;width:100%}[part=root]{animation:var(${ao}--duration) ease-in-out 0s infinite none running;min-height:inherit;text-align:center}svg{--size:var(${ao}--icon-size);font-size:var(--size);margin:calc(var(--size)*.05)}[animation=position]{animation-name:po;background-color:transparent;background-image:linear-gradient(var(${ao}--deg),var(${ao}--from) 36%,var(${ao}--to) 50%,var(${ao}--from) 64%);background-size:200% 100%}@keyframes po{0%{background-position:150%}to{background-position:-50%}}[animation=opacity]{animation-direction:alternate;animation-name:op}@keyframes op{50%{opacity:.25}to{opacity:1}}`)],lo);var ho=lo;ho.define();const co="split",po=_t(co);let uo=class Split extends Me{constructor(){super(...arguments),this.len=6,this.index=-1,this.current=-1,this.currentValue=[],this.__outlineSC=new StyleController(this,(()=>new OutlineBuilder({selector:"[part=input-box]",outlineType:this.outlineType}).css))}get observedRecord(){return h(super.observedRecord,"outline-type")}render(){return e.html`<div part="root" ${J(this.observedRecord)}> ${rt(this.len,(t=>e.html`<span part="input-box" outline-type="${this.outlineType}" class="${st({focus:this.current===t})}" @click="${this.disabled?null:()=>this.focusAt(t)}"> ${this.currentValue[t]} </span>`))} <input part="input" id="${this.makeId}" @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)}};o([G({type:Number})],uo.prototype,"len",void 0),o([G({type:Number})],uo.prototype,"index",void 0),o([H()],uo.prototype,"current",void 0),o([H()],uo.prototype,"currentValue",void 0),uo=o([y(co),g(e.css`:host{border-radius:.1em;display:block;width:-moz-fit-content;width:fit-content;${po}--size:1.45em;${po}--gap:.25em}[part=root]{display:flex;gap:var(${po}--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(${po}--size);justify-content:center;width:var(${po}--size)}[part=input]{background:none;height:100%;opacity:0;position:absolute;width:100%;z-index:-1}.focus,[part=input-box]:active{${wt.outlineColor}:var(${wt.active})}`)],uo);var vo=uo;vo.define();const mo="switch",fo=_t(mo);let go=class Switch extends Me{constructor(){super(...arguments),this.default=!1,this.value=!1}set checked(t){this.value=t}get checked(){return this.value}get observedRecord(){return h(super.observedRecord,"outline-type")}render(){return e.html`<div part="root" ${J(this.observedRecord)} class="round"><input part="input" type="checkbox" ?disabled="${this.disabled}" ?checked="${this.value}" id="${this.makeId}" @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)}};o([G({type:Boolean})],go.prototype,"default",void 0),o([G({type:Boolean,attribute:"checked",reflect:!0})],go.prototype,"value",void 0),go=o([y(mo),g(e.css`:host,:host([contents]) [part=root]{display:inline-block}:host{${fo}-width:3em;${fo}-height:calc(var(${fo}-width)/2);${fo}-handle-size:1.25em;${fo}-handle-space:calc(var(${fo}-width)/4 - var(${fo}-handle-size)/2);${fo}-transition:.2s ease-in-out;background:var(${wt.passive});border-radius:calc(var(${fo}-height)/2);height:var(${fo}-height);transition:.2s ease-in-out;transition-property:background,left;vertical-align:bottom;width:var(${fo}-width)}:host([checked]){background:var(${wt.active})}[part=root]{position:relative}[part=handle],[part=root]{align-items:center;display:flex;transition:inherit}[part=handle]{background:currentColor;border-radius:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:50%;--size:var(${fo}-handle-size);height:var(--size);transform:translateY(-50%) translateX(var(${fo}-handle-space));width:var(--size)}:host([checked]) [part=handle]{left:50%}[part=input]{height:100%;opacity:0;width:100%}`)],go);var yo=go;yo.define();const bo="text",$o=_t(bo);let _o=class Text extends GlobalStyle{constructor(){super(...arguments),this.underline="none",this.clip=!1}render(){return e.html`<span part="root" ${J(this.observedRecord)} class="${st(this.underline)}"> ${et()} </span>`}};o([G()],_o.prototype,"underline",void 0),o([G({type:Boolean})],_o.prototype,"clip",void 0),_o=o([y(bo),g(e.css`:host{${$o}--color:currentColor;${$o}--color-hover:currentColor;${$o}--color-active:currentColor;display:inline-block;overflow-wrap:break-word;text-overflow:ellipsis}[part=root]{color:var(${$o}--color);display:inline-block;overflow:hidden;overflow-wrap:inherit;text-overflow:inherit;vertical-align:bottom;white-space:nowrap}[part=root]:hover{color:var(${$o}--color-hover,var(${$o}--color))}[part=root]:active{color:var(${$o}--color-active,var(${$o}--color))}.active:active,.always,.hover:hover{text-decoration:underline}.none{text-decoration:none}[clip]{background:var(${wt.clipBackground});color:transparent;display:inline-block;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}`)],_o);var wo=_o;wo.define();const xo="tabs",ko=_t(xo),Co="hover";let So=class Tabs extends GlobalStyle{constructor(){super(...arguments),this.outlineType="border",this.useSlot=!1,this.index=0,this.__outlineSC=new StyleController(this,(()=>new OutlineBuilder({outlineType:this.outlineType}).css))}render(){return e.html`<ul part="root" ${J(this.observedRecord)} @mouseleave="${this._handleMouseLeave}"> ${this.tabs?.map(((t,o)=>t||this.useSlot?e.html`<li part="${st("item",{selected:this.index===o})}" @mouseenter=${()=>{this.move(this._lastIndex,o),this._lastIndex=o}} @click=${()=>this.select(o)}> ${this.useSlot?et(t):t} <div part="indicator"></div></li>`:""))} </ul>`}connectedCallback(){super.connectedCallback(),this._lastIndex=this.index}_handleMouseLeave(){const t=this._items[this._lastIndex];t&&t.part.remove(Co),this._lastIndex=this.index}move(t,e){if(t===e)return;const{_items:o,_indicators:r}=this,s=o[e];if(!s)return;s.part.add(Co);const a=o[t];if(!a)return;a.part.remove(Co);const l=r[e],h=r[t];if(!l||!h)return;const c=h.getBoundingClientRect(),d=s.getBoundingClientRect(),p=c.x-d.x,u=c.y-d.y,v=c.width,{style:m}=l;m.transform=`translate3d(${p}px,${u}px,0)`,m.width=v+"px",m.transition=h.style.transition="none",l.getBoundingClientRect(),m.width=m.transform=m.transition=h.style.transition=""}select(t){const{index:e,tabs:o,_lastIndex:r,useSlot:s}=this;o&&e!==t&&t in o&&(this.dispatchCustomEvent("select",t),this.move(r,t),this._lastIndex=t,e in o&&(o[e]||s)&&(this.index=t))}};o([G({attribute:"outline-type"})],So.prototype,"outlineType",void 0),o([G({type:Boolean})],So.prototype,"useSlot",void 0),o([G({type:Array})],So.prototype,"tabs",void 0),o([G({type:Number})],So.prototype,"index",void 0),o([Y("[part~=item]")],So.prototype,"_items",void 0),o([Y("[part=indicator]")],So.prototype,"_indicators",void 0),So=o([y(xo),g(e.css`:host{${ko}--indicator-background:var(${wt._colors.darkgray[7]});${ko}--space:0.25em;border-radius:var(${wt.radius});cursor:default;display:flex;transition:.2s ease-in-out;width:-moz-fit-content;width:fit-content}[part=root]{border-radius:inherit;display:flex;flex-direction:inherit;gap:var(${ko}--space);overflow-x:clip;padding:var(${ko}--space);position:relative;transition:inherit;transition-property:width,transform,opacity;z-index:1}[useslot] [part~=item]{padding:0}[part~=item]{display:block;padding:0 .4em;position:relative;white-space:nowrap}[part=indicator],[part~=item]{border-radius:inherit;transition:inherit;transition-property:inherit;width:100%}[part=indicator]{background:var(${ko}--indicator-background);height:100%;inset:0;opacity:0;position:absolute;z-index:-1}[part~=selected]{background:var(${ko}--indicator-background)}[part~=hover] [part=indicator],[part~=selected] [part=indicator]{opacity:1}`)],So);var Ro=So;function Eo(t,e=2){return t.toString().padStart(e,"0").split("")}Ro.define();let To=class Time extends GlobalStyle{constructor(){super(...arguments),this.escape="%",this.format="YYYY-MM-DD hh:mm:ss",this.time=new Date}render(){return e.html`<span part="root" ${J(this.observedRecord)}> ${function(t,e=new Date,o="%"){var r;if(!t)return t;if(isNaN(e.getTime()))return;const s=`${o}${o}`,a=[];t=t.replace(new RegExp(`${o}([ZYMDhmsS${o}])`,"g"),((t,e)=>(a.push(e),s)));const l=e.getTimezoneOffset()/-60,h={Z:[l>=0?"+"+l.toString():l.toString()],Y:e.getFullYear().toString().split(""),M:Eo(e.getMonth()+1),D:Eo(e.getDate()),h:Eo(e.getHours()),m:Eo(e.getMinutes()),s:Eo(e.getSeconds()),S:Eo(e.getMilliseconds(),3)},c=[];for(const e of t.split("").reverse()){const t=null===(r=h[e])||void 0===r?void 0:r.pop();t?c.push(t):c.push(e)}return c.reverse().join("").replace(new RegExp(s,"g"),(()=>a.shift()))}(this.format,this.time,this.escape)} </span>`}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))))}};o([G()],To.prototype,"escape",void 0),o([G()],To.prototype,"format",void 0),o([G({type:Object})],To.prototype,"time",void 0),o([G({type:Number})],To.prototype,"timeout",void 0),o([G({type:Number})],To.prototype,"gap",void 0),To=o([y("time"),g(e.css`:host{text-align:center}`)],To);var Mo,Ao=To;Ao.define();const Po="tooltip",zo=_t(Po);let Io=Mo=class Tooltip extends SuperOpenable{constructor(){super(...arguments),this.direction="top",this.align="center",this.propagation=!1,this.type="hover"}render(){const t=Mo.aligns[this.align]||"inherit",o="focus"===this.type;return e.html`<div part="root" ${J(this.observedRecord)} tabindex="${o?0:-1}" @focus="${o?()=>this.open=!0:null}" @blur="${o?()=>this.open=!1:null}" @mouseenter="${o?null:()=>this.open=!0}" @mouseleave="${o?null:()=>this.open=!1}" style="justify-content:${t};align-items:${t}"> ${et()} <div part="tip" direction-outset-place> ${this.tip?e.html`<span class="passive">${this.tip}</span>`:et("tip")} </div></div>`}};Io.aligns={start:"flex-start",end:"flex-end",center:"center","flex-start":"flex-start","flex-end":"flex-end"},o([G()],Io.prototype,"tip",void 0),o([G()],Io.prototype,"direction",void 0),o([G()],Io.prototype,"align",void 0),o([G({type:Boolean})],Io.prototype,"propagation",void 0),o([G()],Io.prototype,"type",void 0),Io=Mo=o([y(Po),g(to,e.css`:host{${zo}--tip-background:inherit;width:-moz-fit-content;width:fit-content}:host,[part=root]{display:inline-flex}[part=root]{border-radius:inherit;position:relative;transition:inherit}[part=tip]{height:-moz-fit-content;height:fit-content;position:absolute;transition:inherit;-webkit-user-select:none;user-select:none;visibility:hidden;width:-moz-fit-content;width:fit-content}:host([open]) [part=tip]{visibility:visible}.passive{background:var(${zo}--tip-background)}[propagation] [part=tip]{pointer-events:none}`)],Io);var Oo=Io;Oo.define();const Bo="typewriter",Do=_t(Bo);let No=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 e.html`<div part="root" ${J(this.observedRecord)}> ${et()} ${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}};o([G()],No.prototype,"content",void 0),o([G({type:Boolean})],No.prototype,"ended",void 0),o([G({type:Number})],No.prototype,"max",void 0),o([G({type:Number})],No.prototype,"min",void 0),o([G({type:Number})],No.prototype,"delay",void 0),o([G({type:Number})],No.prototype,"index",void 0),o([H()],No.prototype,"contentInternal",void 0),o([F("i")],No.prototype,"_i",void 0),No=o([y(Bo),g(e.css`:host{${Do}--cursor-width:.05em}:host,:host([contents]) [part=root]{display:inline-block}i{animation:s 1.5s steps(1) infinite;border-right:var(${Do}--cursor-width) solid;margin-left:.02em}@keyframes s{0%{border-color:currentColor}50%{border-color:transparent}}slot{display:none}`)],No);var Uo=No;return Uo.define(),t.Alert=At,t.Avatar=zt,t.Badge=Dt,t.Breath=jt,t.Button=Yt,t.Card=Qt,t.Carousel=ie,t.Details=le,t.Dialog=pe,t.Divider=ve,t.Dragbox=fe,t.Flex=be,t.Form=_e,t.Grid=ke,t.Heading=Se,t.Input=Pe,t.Layout=Ie,t.Link=je,t.Progress=Ge,t.Range=We,t.Rotate=Ke,t.Router=Ne,t.Select=ro,t.Skeleton=ho,t.Split=vo,t.Switch=yo,t.Tabs=Ro,t.Text=wo,t.Time=Ao,t.Tooltip=Oo,t.Typewriter=Uo,t}({},Lit);
47
+ */,Z=6;let K=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)}};function Q(t,e){(t=>r(t)||!1===t)(e)?this.removeAttribute(t):!0===e?this.setAttribute(t,""):s(e)||(t=>"number"==typeof t)(e)&&!Number.isNaN(e)?this.setAttribute(t,String(e)):this[t]=e}const J=(t=>(...e)=>({_$litDirective$:t,values:e}))(class AttrDirective extends K{render(t,e){}update(t,[o,r=Q]){if(o&&t.type===Z)for(const e in o)r.call(t.element,e,o[e]);return e.noChange}}),tt=((t,e)=>o=>t({...e,...o}))(J,{width:"1em",height:"1em",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"}),et=t=>e.html`<slot name="${t||e.nothing}"></slot>`,ot=(t,o)=>{if(!t)return e.nothing;const r=s(t)?t:m(t);return r?e.html`<style media="${e.nothing}">${r}</style>`:e.nothing},it=t=>(o,...r)=>{const a=e.svg(o,r),l=s(t)?t:t.join(" "),h=t=>e.html`<svg viewBox="${l}" ${tt(t)}>${a}</svg>`;return h.body=a,h.viewBox=l,h};function*rt(t,e,o){for(let o=0;o<t;o++)yield e(o)}const st=(...t)=>t.reduce(((t,e)=>{if(!e)return t;if(l(e))return c(t,st(...e)," ");if(a(e)){for(const o in e)e[o]&&(t=c(t,o," "));return t}return c(t,e," ")}),"");function nt(t,e=this){if(!e||!t)return[];const o=new Set;e instanceof Element&&e.shadowRoot&&nt(t,e.shadowRoot).forEach((t=>o.add(t))),e.querySelectorAll(t).forEach((t=>o.add(t)));for(const r of e.children)nt(t,r).forEach((t=>o.add(t)));return Array.from(o)}function at(t,e=this){if(!e||!t)return null;let o;if(e instanceof Element&&e.shadowRoot&&(o=at(t,e.shadowRoot),o))return o;if(o=e.querySelector(t),o)return o;for(const r of e.children)if(o=at(t,r),o)return o;return null}class Events{constructor(){this.inner=new Map}add(t,e,o,r){if(!t||!o)return;const s=this.inner.get(e)||new Map,a=s.get(t)||new Set;return a.add(o),s.set(t,a),this.inner.set(e,s),t.addEventListener(e,o,r),o}remove(t,e,o,r){if(!t||!o)return;const s=this.inner.get(e);if(s){const r=s.get(t);r&&(r.delete(o),r.size||(s.delete(t),s.size||this.inner.delete(e)))}t.removeEventListener(e,o,r)}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,r){const[s,a]=((t,e,o)=>{let r,s;switch(t){case MutationObserver:case ResizeObserver:r=new t(e),s=t=>r.observe(t,o);break;case IntersectionObserver:r=new t(e,o),s=t=>r.observe(t);break;case PerformanceObserver:r=new t(e),s=()=>r.observe(o)}return[r,s]})(e,o,r);if(s)return this.inner.set(s,(this.inner.get(s)||new Set).add(t)),a(t),s}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}}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 r=e[o];let s=this.findStrict(r);s||(s=new RouteTree,s.part=r,s.matchType=RouteTree.dynamic(r).matchType,this.children.push(s),this.sorted=!1),s.insert(t,e,o+1)}search(t,e=0){if(s(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],r=this.filterWide(o);for(const o of r){const r=o.search(t,e+1);if(null!==r)return r}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),r=RouteTree.split(e),s={};for(let t=0;t<r.length;t++){const e=r[t],{key:a,matchType:l}=RouteTree.dynamic(e);if(l===RouteTree.MatchTypes.single)s[a]=o[t];else if(l===RouteTree.MatchTypes.multi){s[a]=o.slice(t).join("/");break}}return s}static dynamic(t){if(t){if(d(t,"{","}")||d(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 lt=(t,{attribute:e})=>!0===e||void 0===e?String(t).toLowerCase():!1!==e&&"symbol"!=typeof t?e:void 0,ht=/^[\s\S]*{[\s\S]*}$/;class GodownElement extends e.LitElement{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=lt(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(),ht.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 at.call(this,t)}deepQuerySelectorAll(t){return nt.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 p(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)}},o([G({type:Boolean,reflect:!0})],GodownElement.prototype,"contents",void 0),o([G({reflect:!0})],GodownElement.prototype,"stylex",null);var ct=it("0 0 56 56")`<path fill="currentColor" d="M28 4c13.255 0 24 10.745 24 24S41.255 52 28 52S4 41.255 4 28S14.745 4 28 4m0 4C16.954 8 8 16.954 8 28s8.954 20 20 20s20-8.954 20-20S39.046 8 28 8m10.788 11.93c.67.67.67 1.756 0 2.425l-13.36 13.36a1.715 1.715 0 0 1-2.424 0l-5.645-5.646a1.714 1.714 0 0 1 2.425-2.424l3.22 3.22c.67.67 1.755.67 2.425 0l10.934-10.934c.67-.67 1.755-.67 2.425 0"/>`,dt=it("0 0 56 56")`<path fill="currentColor" d="M28 51.906c13.055 0 23.906-10.828 23.906-23.906c0-13.055-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.945 4.095 28c0 13.078 10.828 23.906 23.906 23.906m0-3.984C16.937 47.922 8.1 39.062 8.1 28c0-11.04 8.813-19.922 19.876-19.922c11.039 0 19.921 8.883 19.945 19.922c.023 11.063-8.883 19.922-19.922 19.922m-.023-15.68c1.124 0 1.757-.633 1.78-1.851l.352-12.375c.024-1.196-.914-2.086-2.156-2.086c-1.266 0-2.156.867-2.133 2.062l.305 12.399c.023 1.195.68 1.851 1.852 1.851m0 7.617c1.335 0 2.53-1.078 2.53-2.437c0-1.383-1.171-2.438-2.53-2.438c-1.383 0-2.532 1.078-2.532 2.438c0 1.336 1.172 2.437 2.532 2.437"/>`,pt=it("0 0 56 56")`<path fill="currentColor" d="M28 51.906c13.055 0 23.906-10.828 23.906-23.906c0-13.055-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.945 4.095 28c0 13.078 10.828 23.906 23.906 23.906m0-3.984C16.937 47.922 8.1 39.062 8.1 28c0-11.04 8.813-19.922 19.876-19.922c11.039 0 19.921 8.883 19.945 19.922c.023 11.063-8.883 19.922-19.922 19.922m-.211-28.266c1.71 0 3.047-1.36 3.047-3.047c0-1.71-1.336-3.07-3.047-3.07s-3.047 1.36-3.047 3.07a3.026 3.026 0 0 0 3.047 3.047m-3.914 21.235h9.562c.961 0 1.711-.68 1.711-1.641c0-.914-.75-1.64-1.71-1.64H30.53V25.68c0-1.266-.656-2.11-1.828-2.11h-4.43c-.937 0-1.687.727-1.687 1.64c0 .962.75 1.642 1.687 1.642h2.532v10.757h-2.93c-.938 0-1.688.727-1.688 1.641c0 .96.75 1.64 1.688 1.64"/>`,ut=it("0 0 56 56")`<path fill="currentColor" d="M19.504 43.152h16.969c.797 0 1.289-.492 1.289-1.289v-3.75c0-5.672 8.25-9.328 8.25-19.453C46.012 7.996 38.793.871 27.988.871s-18 7.125-18 17.79c0 10.124 8.227 13.78 8.227 19.452v3.75c0 .797.515 1.29 1.289 1.29m2.203-4.992c0-6.89-8.18-10.57-8.18-19.476c0-8.579 5.79-14.274 14.461-14.274c8.672 0 14.485 5.695 14.485 14.274c0 8.906-8.203 12.586-8.203 19.476v1.453H21.707Zm-1.336 11.32h15.235c1.195 0 2.156-.984 2.156-2.203s-.961-2.203-2.157-2.203H20.371c-1.195 0-2.156.985-2.156 2.203c0 1.22.96 2.203 2.156 2.203m7.617 5.649c3.235 0 5.508-1.477 5.742-3.75H22.246c.211 2.273 2.484 3.75 5.742 3.75"/>`,vt=it("0 0 56 56")`<path fill="currentColor" d="M28 51.906c13.055 0 23.906-10.828 23.906-23.906c0-13.055-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.945 4.095 28c0 13.078 10.828 23.906 23.906 23.906m0-3.984C16.937 47.922 8.1 39.062 8.1 28c0-11.04 8.813-19.922 19.876-19.922c11.039 0 19.921 8.883 19.945 19.922c.023 11.063-8.883 19.922-19.922 19.922m-.492-15.07c1.172 0 1.898-.727 1.898-1.664v-.282c0-1.312.75-2.133 2.39-3.21c2.274-1.5 3.891-2.884 3.891-5.673c0-3.914-3.468-6-7.453-6c-4.031 0-6.68 1.899-7.312 4.055c-.117.399-.211.774-.211 1.172c0 1.031.844 1.617 1.617 1.617c1.336 0 1.547-.726 2.297-1.594c.773-1.289 1.898-2.062 3.469-2.062c2.133 0 3.515 1.195 3.515 3c0 1.594-.984 2.367-3.023 3.773c-1.688 1.172-2.953 2.414-2.953 4.711V31c0 1.242.68 1.852 1.875 1.852m-.047 7.007c1.36 0 2.531-1.078 2.531-2.437c0-1.383-1.148-2.438-2.531-2.438s-2.531 1.078-2.531 2.438c0 1.336 1.171 2.437 2.53 2.437"/>`,mt=it("0 0 56 56")`<path fill="currentColor" d="M28 51.906c13.055 0 23.906-10.828 23.906-23.906c0-13.055-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.945 4.095 28c0 13.078 10.828 23.906 23.906 23.906m0-3.984C16.937 47.922 8.1 39.062 8.1 28c0-11.04 8.813-19.922 19.876-19.922c11.039 0 19.921 8.883 19.945 19.922c.023 11.063-8.883 19.922-19.922 19.922m-8.156-9.727c.656 0 1.148-.28 1.664-.797l15.75-15.984c.492-.492.797-1.078.797-1.617c0-1.078-.891-1.945-1.97-1.945c-.562 0-1.1.28-1.616.796L18.742 34.61c-.539.516-.797 1.102-.797 1.641c0 1.055.774 1.945 1.899 1.945"/>`,ft=it("0 0 56 56")`<path fill="currentColor" d="M28 51.906c13.055 0 23.906-10.828 23.906-23.906c0-13.055-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.945 4.095 28c0 13.078 10.828 23.906 23.906 23.906m0-3.984C16.937 47.922 8.1 39.062 8.1 28c0-11.04 8.813-19.922 19.876-19.922c11.039 0 19.921 8.883 19.945 19.922c.023 11.063-8.883 19.922-19.922 19.922m-8.016-9.984c.516 0 .985-.211 1.336-.586l6.657-6.68l6.656 6.68c.351.351.82.586 1.36.586c1.03 0 1.874-.868 1.874-1.899c0-.539-.21-.984-.562-1.336l-6.657-6.656l6.68-6.703c.375-.399.563-.797.563-1.313a1.865 1.865 0 0 0-1.875-1.875c-.493 0-.915.164-1.313.563l-6.727 6.703l-6.703-6.68c-.351-.375-.773-.539-1.289-.539c-1.054 0-1.875.797-1.875 1.852c0 .515.188.96.563 1.312l6.656 6.68l-6.656 6.68c-.375.328-.563.796-.563 1.312c0 1.031.82 1.898 1.875 1.898"/>`,gt=it("0 0 56 56")`<path fill="currentColor" d="M10.023 43.023c-.796.797-.82 2.157 0 2.954c.82.796 2.157.796 2.977 0l15-15l15 15c.797.796 2.156.82 2.977 0c.796-.82.796-2.157 0-2.954L30.953 28l15.024-15c.796-.797.82-2.156 0-2.953c-.844-.82-2.18-.82-2.977 0l-15 15l-15-15c-.82-.82-2.18-.844-2.977 0c-.796.82-.796 2.156 0 2.953l15 15Z"/>`;const yt=(t,e,o)=>({r:t,g:e,b:o,toString(){return`${this.r} ${this.g} ${this.b}`}}),bt={darkgray:[yt(121,121,121),yt(109,109,109),yt(97,97,97),yt(85,85,85),yt(73,73,73),yt(61,61,61),yt(48,48,48),yt(36,36,36),yt(24,24,24),yt(12,12,12)],lightgray:[yt(243,243,243),yt(231,231,231),yt(219,219,219),yt(206,206,206),yt(194,194,194),yt(182,182,182),yt(170,170,170),yt(158,158,158),yt(146,146,146),yt(133,133,133)],teal:[yt(213,249,248),yt(170,243,241),yt(128,237,234),yt(85,231,226),yt(43,225,219),yt(0,219,212),yt(0,175,170),yt(0,131,127),yt(0,88,85),yt(0,44,42)],blue:[yt(213,240,255),yt(170,224,255),yt(128,209,255),yt(85,193,255),yt(43,178,255),yt(0,162,255),yt(0,130,204),yt(0,97,153),yt(0,65,102),yt(0,32,51)],green:[yt(221,243,221),yt(186,231,186),yt(152,219,152),yt(117,206,117),yt(82,194,82),yt(48,182,48),yt(38,146,38),yt(29,109,29),yt(19,73,19),yt(10,36,10)],red:[yt(251,221,221),yt(247,186,187),yt(243,152,154),yt(239,118,120),yt(235,83,86),yt(231,49,52),yt(185,39,42),yt(139,29,31),yt(92,20,21),yt(46,10,10)],purple:[yt(242,228,253),yt(229,201,250),yt(217,174,248),yt(204,146,245),yt(191,119,243),yt(178,92,240),yt(142,74,192),yt(107,55,144),yt(71,37,96),yt(36,18,48)],orange:[yt(255,235,213),yt(255,216,170),yt(255,196,128),yt(255,176,85),yt(255,157,43),yt(255,137,0),yt(204,110,0),yt(153,82,0),yt(102,55,0),yt(51,27,0)],yellow:[yt(251,252,216),yt(247,248,177),yt(243,245,138),yt(239,242,98),yt(235,238,59),yt(231,235,20),yt(185,188,16),yt(139,141,12),yt(92,94,8),yt(46,47,4)],pink:[yt(254,222,233),yt(253,189,211),yt(252,156,190),yt(251,123,168),yt(250,90,146),yt(249,57,124),yt(199,46,99),yt(149,34,74),yt(100,23,50),yt(50,11,25)]};class GlobalStyle extends GodownElement{}const $t=((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 _t(t,o=1){return function(t){return e.unsafeCSS(`--${t}`)}($t+"-".repeat(o)+t)}const wt={clipBackground:_t("clip-background",2),active:_t("active",2),passive:_t("passive",2),_colors:{},input:_t("input",2),white:_t("color-white",2),black:_t("color-black",2),color:_t("color",2),radius:_t("radius",2),outlineWidth:_t("outline-width",2),outlineColor:_t("outline-color",2)};var xt,kt;GlobalStyle.styles=[e.unsafeCSS(`:host{${wt.black}:rgb(0 0 0);${wt.white}:rgb(255 255 255);`+(xt=(t,o,r)=>{wt._colors[t]||=[],wt._colors[t].push(e.unsafeCSS(wt.color+"-"+t+"-"+o));const s=`-${t}-${o}`;return`${wt.color+s}:rgb(${r});`},kt=bt,Object.entries(kt).flatMap((([t,e])=>e.map(((e,o)=>xt(t,o,e)))))).join("")+f([[wt.active,`var(${wt._colors.blue[5]})`],[wt.passive,`var(${wt._colors.darkgray[5]})`],[wt.clipBackground,`linear-gradient(to bottom, var(${wt._colors.lightgray[0]}), var(${wt._colors.darkgray[0]}))`],[wt.outlineColor,`var(${wt._colors.darkgray[4]})`],[wt.outlineWidth,".075em"]])+"}"),e.css`button,dialog,input{border:0;outline:0}*{box-sizing:border-box;font-size:100%;font-style:normal;margin:0;padding:0}:host{border-style:none;box-sizing:border-box;outline-style:none}a{text-decoration:none}span{white-space:nowrap}svg{-webkit-user-select:none;user-select:none}: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}`,e.css`:host{${wt.radius}:0.2em;border-radius:var(${wt.radius})}`];const Ct="alert",St=_t(Ct),Rt=t=>[wt._colors[t][5],wt._colors[t][9]],Et={green:Rt("green"),blue:Rt("blue"),orange:Rt("orange"),red:Rt("red"),yellow:Rt("yellow"),purple:Rt("purple"),teal:Rt("teal"),pink:Rt("pink"),gray:[wt._colors.lightgray[5],wt._colors.darkgray[5]],white:[wt._colors.lightgray[2],wt._colors.darkgray[7]],black:[wt._colors.darkgray[8],wt._colors.lightgray[5]]},Tt={tip:{color:"teal",icon:ut},success:{color:"green",icon:ct},info:{color:"blue",icon:pt},warning:{color:"orange",icon:dt},danger:{color:"red",icon:ft},error:{color:"red",icon:ft},help:{color:"purple",icon:vt},deprecated:{color:"gray",icon:mt}};let Mt=class Alert extends GlobalStyle{constructor(){super(...arguments),this.__colorSC=new StyleController(this,(()=>{const t=Tt[this.call]?.color||this.color;if(t in Et){const[e,o]=Et[t];return m({":host":[[`${St}--color`,`var(${e})`],[`${St}--background`,`var(${o})`]]})}return null})),this.color="blue",this.autoclose=0,this.hideClose=!1,this.variant="dark"}render(){const t=this.call?Tt[this.call].icon():et("icon");return e.html`<div part="root" ${J(this.observedRecord)}> <div part="icon" class="start"> ${t} </div> <div part="content"> <strong part="title">${this.title||et("title")}</strong> ${this.content||et()} </div> ${this.hideClose||"blockquote"===this.variant?"":e.html`<div part="icon close" class="end" tabindex="0" @click="${this.close}"> ${gt()} </div>`} </div>`}close(){this.remove(),this.dispatchCustomEvent("close",void 0,{bubbles:!0})}firstUpdated(){this.autoclose&&this.timeouts.add(setTimeout((()=>this.close()),this.autoclose))}static alert(t,e){const o=new this;return Object.assign(o,e),t.appendChild(o),o}};o([G()],Mt.prototype,"call",void 0),o([G()],Mt.prototype,"color",void 0),o([G({type:Number})],Mt.prototype,"autoclose",void 0),o([G()],Mt.prototype,"title",void 0),o([G()],Mt.prototype,"content",void 0),o([G({type:Boolean})],Mt.prototype,"hideClose",void 0),o([G()],Mt.prototype,"variant",void 0),Mt=o([y(Ct),g(e.css`:host{${St}--border-width:.075em;${St}--blockquote-width:.2em;${St}--blockquote-background:transparent;${St}--gap:.5em}:host,:where(:host([contents]) [part=root]){display:block}[part=root]{align-items:center;background:var(${St}--background);border-color:currentColor;border-radius:inherit;border-style:solid;border-width:var(${St}--border-width);color:var(${St}--color,currentColor);display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;padding:var(${St}--gap)}[variant=blockquote]{background:var(${St}--blockquote-background);border-radius:0;border-width:0;border-left-width:var(${St}--blockquote-width)}[part~=icon]{align-items:center;display:grid;height:2em}.start svg{margin-inline-end:var(${St}--gap)}.end svg{margin-inline-start:var(${St}--gap)}svg{height:1.25em;width:1.25em}[part=content]{grid-row:span 2/span 2}`)],Mt);var At=Mt;At.define();let Pt=class Avatar extends GlobalStyle{constructor(){super(...arguments),this.name="",this.round=!1}render(){return e.html`<div part="root" ${J(h(this.observedRecord,"src"))}> ${this._renderAvatar()} </div>`}_renderAvatar(){return this.src?e.html`<img part="image" src="${this.src}" alt="${this.name}" @error=${this._handleError}/>`:this.name?e.html`<span part="name">${this.formatName()}</span>`:et()}formatName(){return this.name}_handleError(){this.src=void 0}};o([G()],Pt.prototype,"src",void 0),o([G()],Pt.prototype,"name",void 0),o([G({type:Boolean})],Pt.prototype,"round",void 0),Pt=o([y("avatar"),g(e.css`:host{background:var(${wt.passive});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}`)],Pt);var zt=Pt;zt.define();const It="badge",Ot=_t(It);let Bt=class Badge 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 e.html`<div part="root" ${J(this.observedRecord)}> ${et()} ${this.value||this.dot?e.html`<div part="badge">${this.dot?"":this.formatValue(this.value)}</div>`:""} </div>`}};o([G()],Bt.prototype,"position",void 0),o([G({type:Number})],Bt.prototype,"value",void 0),o([G({type:Boolean})],Bt.prototype,"dot",void 0),o([G({type:Number})],Bt.prototype,"max",void 0),Bt=o([y(It),g(e.css`:host{${Ot}--background:var(${wt.active});${Ot}--offset:0%;${Ot}--offset-x:var(${Ot}--offset);${Ot}--offset-y:var(${Ot}--offset)}:host,:host([contents]) [part=root]{display:inline-block}[part=root]{position:relative}[part=badge]{background:var(${Ot}--background);border-radius:calc(infinity*1px);font-size:75%;padding:0 .5em;position:absolute;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}[part=badge]:empty{border-radius:50%;font-size:100%;height:.5em;padding:0;width:.5em}[position^=top] [part=badge]{top:calc(var(${Ot}--offset-y))}[position$=right] [part=badge]{left:calc(100% - var(${Ot}--offset-x))}[position^=bottom] [part=badge]{top:calc(100% - var(${Ot}--offset-y))}[position$=left] [part=badge]{left:calc(var(${Ot}--offset-x))}`)],Bt);var Dt=Bt;Dt.define();const Nt="breath",Ut=_t(Nt),Lt=/[\s,]+/;let jt=class Breath extends GlobalStyle{render(){const t=this.getTexts();return e.html`<div part="root" ${J(this.observedRecord)}> ${[t.map(this._renderText),ot(this._computeStyle(t.length))]} </div>`}_renderText(t){return e.html`<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(Lt).filter((t=>t))}_computeStyle(t){const e=50/t,o=this.duration||1e3*(2*t+2);let r="";for(let e=1;e<=t;e++)r+=`.rel:nth-child(${e}) .colorful{animation-delay:${-o/t*(t-e+1)}ms;background:var(${Ut}--${e},var(${Ut}--${(e-1)%3+1}));}`;return`.colorful{animation-duration:${o}ms;}@keyframes colorfulN{0%,${3*e}%{opacity:0;}${e}%,${2*e}%{opacity:1;}}${r}`}};o([G()],jt.prototype,"content",void 0),o([G({type:Number})],jt.prototype,"duration",void 0),jt=o([y(Nt),g(e.css`:host{${Ut}--deg:60deg;${Ut}--1-1:var(${wt._colors.red[5]});${Ut}--1-2:var(${wt._colors.yellow[5]});${Ut}--2-1:var(${wt._colors.green[5]});${Ut}--2-2:var(${wt._colors.purple[5]});${Ut}--3-1:var(${wt._colors.blue[5]});${Ut}--3-2:var(${wt._colors.pink[5]});${Ut}--1:linear-gradient(var(${Ut}--deg),var(${Ut}--1-1),var(${Ut}--1-2));${Ut}--2:linear-gradient(var(${Ut}--deg),var(${Ut}--2-1),var(${Ut}--2-2));${Ut}--3:linear-gradient(var(${Ut}--deg),var(${Ut}--3-1),var(${Ut}--3-2))}`,e.css`: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}`,e.css`.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(${wt.clipBackground});position:absolute;top:0}`)],jt);var Vt=jt;Vt.define();const Gt="button",Ht=_t(Gt),qt=wt.white,Ft=wt.black,Wt={black:[qt,wt._colors.darkgray[7],wt._colors.darkgray[5]],gray:[qt,wt._colors.darkgray[1],wt._colors.lightgray[8]],white:[Ft,wt._colors.lightgray[3],wt._colors.lightgray[0]],blue:[qt,wt._colors.blue[6],wt._colors.blue[4]],green:[qt,wt._colors.green[6],wt._colors.green[4]],red:[qt,wt._colors.red[6],wt._colors.red[4]],orange:[qt,wt._colors.orange[6],wt._colors.orange[4]],pink:[qt,wt._colors.pink[6],wt._colors.pink[4]],purple:[qt,wt._colors.purple[6],wt._colors.purple[4]],yellow:[Ft,wt._colors.yellow[6],wt._colors.yellow[4]],teal:[qt,wt._colors.teal[6],wt._colors.teal[4]]};let Yt=class Button extends GlobalStyle{constructor(){super(...arguments),this.__colorSC=new StyleController(this,(()=>{const t=this.nextColor();if(t in Wt){const[e,o,r]=Wt[t];return m({":host":[[`${Ht}--color`,`var(${e})`],[`${Ht}--background`,`var(${o})`],[`${Ht}--gradients`,`var(${r})`]]})}return null})),this.plain=!1,this.disabled=!1,this.ghost=!1,this.active=!1,this.round=!1,this.color="black"}render(){return e.html`<div part="root" ${J(this.observedRecord)}> ${this.content||et()} <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,!0)}_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:r}=this.getBoundingClientRect(),{x:s,y:a}=this._root.getBoundingClientRect(),l=2*Math.sqrt(r**2+o**2)+"px";e.style.height=l,e.style.width=l,e.style.left=t.x-s+"px",e.style.top=t.y-a+"px",e.style.animationName="kf",this._modalRoot.appendChild(e),e.addEventListener("animationend",(()=>e.remove()),{once:!0})}nextColor(){return this.color}};o([G({type:Boolean,reflect:!0})],Yt.prototype,"plain",void 0),o([G({type:Boolean,reflect:!0})],Yt.prototype,"disabled",void 0),o([G({type:Boolean,reflect:!0})],Yt.prototype,"ghost",void 0),o([G({type:Boolean,reflect:!0})],Yt.prototype,"active",void 0),o([G({type:Boolean,reflect:!0})],Yt.prototype,"round",void 0),o([G({reflect:!0})],Yt.prototype,"color",void 0),o([G()],Yt.prototype,"content",void 0),o([X("modal-root")],Yt.prototype,"_modalRoot",void 0),o([X("root")],Yt.prototype,"_root",void 0),Yt=o([y(Gt),g(e.css`:host(:not([disabled]):active){transform:scale(var(${Ht}--focus-scale))}:host([round]){border-radius:calc(infinity*1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([ghost]){${Ht}--modal-background:var(${Ht}--ghost-color);background:transparent;box-shadow:inset 0 0 0 var(${Ht}--ghost-width) var(${Ht}--ghost-color);color:var(${Ht}--ghost-color)}:host([plain]){${Ht}--gradients:unset;${Ht}--focus-scale:unset}`,e.css`:host{${Ht}--padding-x:.8em;${Ht}--padding-y:calc(var(${Ht}--padding-x)/4);${Ht}--padding:var(${Ht}--padding-y) var(${Ht}--padding-x);${Ht}--modal-animation-duration:1s;${Ht}--ghost-width:.08em;${Ht}--focus-scale:.97;${Ht}--deg:45deg;${Ht}--ghost-color:var(${Ht}--background);background:linear-gradient(var(${Ht}--deg),var(${Ht}--background),var(${Ht}--gradients,var(${Ht}--background)));color:var(${Ht}--color,inherit);cursor:pointer;display:block;overflow:hidden;padding:var(${Ht}--padding);text-align:center;width:-moz-fit-content;width:fit-content}[part=root]:not([contents]){height:100%;width:100%}[part=root]{border-radius:inherit;position:relative;transition:none;transition-duration:inherit;-webkit-user-select:none;user-select:none}i{animation-duration:var(${Ht}--modal-animation-duration);background:var(${Ht}--modal-background,currentColor);border-radius:50%;height:100%;inset:0;opacity:0;pointer-events:none;position:absolute;transform-origin:0 0;visibility:visible;width:100%}@keyframes kf{0%{opacity:var(${Ht}--modal-opacity,.1);transform:scale(0) translate(-50%,-50%)}80%{transform:scale(1) translate(-50%,-50%)}to{opacity:0}}`)],Yt);var Xt=Yt;Xt.define();const Zt="card",Kt=_t(Zt);let Qt=class Card extends GlobalStyle{constructor(){super(...arguments),this.footer=!1,this.header=!1}render(){return e.html`<div part="root" ${J(this.observedRecord)}> ${[this.header?et("header"):"",et(),this.footer?et("footer"):""]} </div>`}};o([G({type:Boolean})],Qt.prototype,"footer",void 0),o([G({type:Boolean})],Qt.prototype,"header",void 0),Qt=o([y(Zt),g(e.css`:host{${Kt}--border-width:.075em;${Kt}--border-color:var(${wt.passive});${Kt}--padding:.75em;display:block;flex-shrink:0}slot{display:block;padding:var(${Kt}--padding)}[part=root]{border-color:var(${Kt}--border-color);border-radius:inherit;border-style:solid;border-width:var(${Kt}--border-width)}[name=footer]{padding-top:0}[name=header]{padding-bottom:0}`)],Qt);var Jt=Qt;Jt.define();var te=it("0 0 56 56")`<path fill="currentColor" d="M35.805 47.723c.398.398.914.633 1.523.633c1.219 0 2.133-.915 2.133-2.133c0-.586-.234-1.125-.61-1.524L21.79 28.012l17.063-16.688c.375-.398.609-.96.609-1.523c0-1.219-.914-2.157-2.133-2.157c-.61 0-1.125.235-1.523.633L17.242 26.441c-.445.375-.703.961-.703 1.57c0 .587.258 1.126.703 1.571Z"/>`,ee=it("0 0 56 56")`<path fill="currentColor" d="M18.695 48.367c.586 0 1.102-.234 1.524-.633L38.78 29.57c.446-.445.68-.984.68-1.57c0-.61-.234-1.172-.68-1.57L20.22 8.289a2.07 2.07 0 0 0-1.524-.656a2.12 2.12 0 0 0-2.156 2.156c0 .563.258 1.125.633 1.524L34.21 28L17.17 44.688c-.374.398-.632.937-.632 1.523c0 1.219.938 2.156 2.156 2.156"/>`;function oe(t){return t.getBoundingClientRect().width}let ie=class Carousel extends GlobalStyle{constructor(){super(...arguments),this.index=0,this.autoChange=0}render(){return e.html`<div part="root" ${J(this.observedRecord)}> <i part="prev" @click="${this.prev}"> ${te()} </i> <div part="move-root">${et()}</div> <i part="next" @click="${this.next}"> ${ee()} </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-=oe(this.children[e]);return t+=(oe(this)-oe(this.children[this.index+1]))/2,t}normalizeIndex(t){return t<0?0:t>this.children.length-3?this.children.length-3:t}};o([G({type:Number})],ie.prototype,"index",void 0),o([G({type:Number})],ie.prototype,"autoChange",void 0),o([X("move-root")],ie.prototype,"_moveRoot",void 0),ie=o([y("carousel"),g(e.css`: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}`)],ie);var re=ie;re.define();var se=it("0 0 56 56")`<path fill="currentColor" d="M28 39.46a2.1 2.1 0 0 0 1.57-.679l18.164-18.586a2.1 2.1 0 0 0 .633-1.5a2.12 2.12 0 0 0-2.156-2.156a2.27 2.27 0 0 0-1.523.61L28 34.21L11.313 17.148a2.23 2.23 0 0 0-1.524-.609a2.12 2.12 0 0 0-2.156 2.156c0 .586.234 1.102.633 1.524L26.43 38.78c.445.446.96.68 1.57.68"/>`;class SuperOpenable extends GlobalStyle{constructor(){super(...arguments),this.open=!1}toggle(t=!this.open){this.open=t}close(){this.open=!1}show(){this.open=!0}updated(t){void 0!==t.get("open")&&this.dispatchCustomEvent("change",this.open)}}o([G({type:Boolean,reflect:!0})],SuperOpenable.prototype,"open",void 0);const ne="details",ae=_t(ne);let le=class Details extends SuperOpenable{constructor(){super(...arguments),this.float=!1,this.fill=!1,this.summary=""}render(){return e.html`<dl part="root" ${J(this.observedRecord)}> <dt part="title" @click="${()=>this.toggle()}"> <span part="summary">${this.summary||et("summary")}</span> <span part="icon">${se()}</span> </dt> <dd part="details" @click=${this.fill?()=>this.toggle():null}> <div style="min-height: 0;">${et()}</div> </dd> </dl>`}};o([G({type:Boolean})],le.prototype,"float",void 0),o([G({type:Boolean})],le.prototype,"fill",void 0),o([G()],le.prototype,"summary",void 0),le=o([y(ne),g(e.css`:host{${ae}--icon-deg-open:0deg;${ae}--icon-deg-close:90deg;display:block;padding:.2em;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(${ae}--icon-deg-close))}:host([open]) [part=icon]{transform:rotate(var(${ae}--icon-deg-open))}`)],le);var he=le;he.define();const ce="dialog",de=_t(ce),pe=/[\s,]+/;let ue=class Dialog extends SuperOpenable{constructor(){super(...arguments),this.key="Escape",this.__modalInvoke=!1}set modal(t){this.contents=t}get modal(){return this.contents}render(){return e.html`<dialog part="root" ${J(this.observedRecord)}> ${et()} </dialog>`}showModal(){this.modal=!0,this.__modalInvoke=!0,this.show()}attributeChangedCallback(t,e,o){super.attributeChangedCallback(t,e,o),"open"===t&&(this.open?this.modal?this._dialog.showModal():this._dialog.show():this._dialog.close())}updated(t){t.has("open")&&(this.open?(this.__submitEvent=this.events.add(this,"submit",this._handelSubmit),this.key&&(this.__keydownEvent=this.events.add(document,"keydown",this._handleKeydown.bind(this)))):(this.events.remove(this,"submit",this.__submitEvent),this.events.remove(document,"keydown",this.__keydownEvent)))}_handleKeydown(t){const e=this.key.split(pe);(e.includes(t.key)||e.includes(t.code))&&(t.preventDefault(),this.close())}_handelSubmit(t){"dialog"===t.target.method&&(t.preventDefault(),this.close())}close(){this.__modalInvoke&&(this.modal=!1,this.__modalInvoke=!1),this.open=!1}};o([G({type:Boolean,reflect:!0})],ue.prototype,"modal",null),o([G()],ue.prototype,"key",void 0),o([F("dialog")],ue.prototype,"_dialog",void 0),ue=o([y(ce),g(e.css`:host{${de}--background-modal:#000;${de}--opacity-modal:0.2;background:none;display:block;left:50%;margin:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:-moz-fit-content;width:fit-content}:host(:not([open])){visibility:hidden}:host([contents]) dialog{position:fixed}dialog{background:inherit;position:relative}::backdrop{background:var(${de}--background-modal);opacity:var(${de}--opacity-modal)}`)],ue);var ve=ue;ve.define();let me=class Divider extends GlobalStyle{constructor(){super(...arguments),this.vertical=!1}render(){return e.html`<div part="root" ${J(this.observedRecord)}></div>`}};o([G({type:Boolean,reflect:!0})],me.prototype,"vertical",void 0),me=o([y("divider"),g(e.css`:host{background:currentColor;color:var(${wt.passive});display:block;height:.05em;width:100%}:host([vertical]){height:100%;width:.05em}:host([contents]) [part=root]{background:currentColor;display:block;height:.05em;margin:auto;width:100%}[part=root]{display:contents}`)],me);var fe=me;fe.define();let ge=class Dragbox extends GlobalStyle{constructor(){super(...arguments),this.__drag=!1}get _offsetParent(){return this.offsetParent??document.body}render(){return e.html`<div part="root" ${J(this.observedRecord)} @mousedown="${this._handleDragStart}"> ${et()} </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:r,__t:s,style:a}=this,{height:l,width:h}=this._offsetParent.getBoundingClientRect(),{width:c,height:d}=this.getBoundingClientRect(),p=t.x-(e-r),u=t.y-(o-s);a.left=p<0?"0":p<h-c?`${p}px`:h-c+"px",a.top=u<0?"0":u<l-d?`${u}px`:l-d+"px"}reset(){const{x:t,y:e,style:o,offsetWidth:r,offsetHeight:s,offsetLeft:a,offsetTop:l}=this,{height:h,width:c}=this._offsetParent.getBoundingClientRect();o.left=t||"0",o.top=e||"0",a>c-r&&(o.left=c-r+"px"),l>h-s&&(o.top=h-s+"px")}};o([G()],ge.prototype,"x",void 0),o([G()],ge.prototype,"y",void 0),ge=o([y("dragbox"),g(e.css`:host{display:block;position:absolute}:host(:active){-webkit-user-select:none;user-select:none}`)],ge);var ye=ge;ye.define();let be=class Flex extends GlobalStyle{constructor(){super(...arguments),this.vertical=!1}render(){return e.html`<div part="root" ${J(this.observedRecord)}> ${[et(),ot(m({":host":{gap:this.gap,"flex-flow":this.flexFlow,"flex-direction":this.vertical&&"column","align-items":this.items,"justify-content":this.content}}))]} </div>`}};o([G({attribute:"flex-flow"})],be.prototype,"flexFlow",void 0),o([G()],be.prototype,"gap",void 0),o([G()],be.prototype,"content",void 0),o([G()],be.prototype,"items",void 0),o([G({type:Boolean})],be.prototype,"vertical",void 0),be=o([y("flex"),g(e.css`:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}`)],be);var $e,_e=be;_e.define();let we=$e=class Form extends GlobalStyle{constructor(){super(...arguments),this.name="",this.nameValue=this.namevalue}get value(){return $e.buildValue(this._slot.assignedElements())}render(){return et()}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,r]=o.namevalue();t&&(e[t]=r)}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}};o([G()],we.prototype,"name",void 0),we=$e=o([y("form"),g(e.css`:host{display:block}`)],we);var xe=we;xe.define();const ke=t=>{return e=t,Number.isNaN(+e)?t:`repeat(${t},1fr)`;var e};let Ce=class Grid extends GlobalStyle{render(){return e.html`<div part="root" ${J(this.observedRecord)}> ${[et(),ot(m({":host":{gap:this.gap,"grid-template-columns":ke(this.columns),"grid-template-rows":ke(this.rows),"place-content":this.content,"place-items":this.items}}))]} </div>`}};o([G()],Ce.prototype,"gap",void 0),o([G()],Ce.prototype,"columns",void 0),o([G()],Ce.prototype,"rows",void 0),o([G()],Ce.prototype,"content",void 0),o([G()],Ce.prototype,"items",void 0),Ce=o([y("grid"),g(e.css`:host,:host([contents]) [part=root]{display:grid}[part=root]{display:contents}`)],Ce);var Se=Ce;Se.define();let Re=class Heading extends GlobalStyle{constructor(){super(...arguments),this.as="h1",this.anchor="#",this.side="left"}render(){return e.html`<a part="root" href="${this.id?"#"+this.id:e.nothing}" ${J(this.observedRecord)}> ${this.wrapHeading(et(),this.id?e.html`<i part="anchor">${this.anchor}</i>`:"")} </a>`}wrapHeading(...t){switch(this.as){case"h2":return e.html`<h2>${t}</h2>`;case"h3":return e.html`<h3>${t}</h3>`;case"h4":return e.html`<h4>${t}</h4>`;case"h5":return e.html`<h5>${t}</h5>`;case"h6":return e.html`<h6>${t}</h6>`;default:return e.html`<h1>${t}</h1>`}}};o([G()],Re.prototype,"as",void 0),o([G()],Re.prototype,"anchor",void 0),o([G()],Re.prototype,"side",void 0),Re=o([y("heading"),g(e.css`:host{display:block;text-align:start}[part=anchor]{min-width:1.25em;position:absolute;right:100%;text-align:center}[side=left] [part=anchor]{right:100%}[side=right] [part=anchor]{left:100%}a{color:inherit}h1,h2,h3,h4,h5,h6{direction:ltr;font-size:revert;position:relative;width:-moz-fit-content;width:fit-content}`)],Re);var Ee=Re;Ee.define();var Te=it("0 0 56 56")`<path fill="currentColor" d="M43.95 47.323c.304.305.732.468 1.119.468c.814 0 1.567-.733 1.567-1.568c0-.407-.163-.814-.468-1.12L12.112 11.069a1.57 1.57 0 0 0-1.12-.448c-.814 0-1.567.733-1.567 1.547c0 .428.143.835.448 1.12Zm1.913-5.761C52.255 37.43 56 32.056 56 29.674c0-4.132-11.297-17.303-27.99-17.303c-3.46 0-6.697.59-9.669 1.567l5.313 5.293a11 11 0 0 1 4.356-.896c6.31 0 11.38 4.988 11.38 11.339c0 1.547-.326 3.033-.958 4.336ZM28.01 46.977c3.766 0 7.267-.672 10.402-1.771l-5.394-5.395a10.8 10.8 0 0 1-5.008 1.201c-6.35 0-11.379-5.15-11.4-11.338c0-1.832.428-3.562 1.202-5.09l-7.084-7.124C4.01 21.592 0 27.231 0 29.674c0 4.112 11.501 17.303 28.01 17.303m6.473-17.73a6.446 6.446 0 0 0-6.473-6.454c-.264 0-.53.02-.773.041l7.206 7.206c.02-.244.04-.529.04-.794m-12.966-.041c0 3.582 2.951 6.473 6.514 6.473c.285 0 .55-.02.834-.04l-7.308-7.309c-.02.285-.04.59-.04.876"/>`;const Me=e.css`.input-field{align-items:center;border-radius:inherit;display:flex;height:inherit;position:relative}.input-field [part=input]{background:none;color:inherit;height:100%;padding:var(${wt.input}-space);width:100%}.input-field [part=icon]{align-items:center;color:var(${wt.input}-icon-color);display:flex;justify-content:center}.input-field [part=prefix],.input-field [part=suffix]{display:flex;height:100%}.input-field [part=suffix] [part=icon]{padding-inline-end:var(${wt.input}-space)}.input-field [part=prefix] [part=icon]{padding-inline-start:var(${wt.input}-space)}`,Ae=e.css`:host{${wt.input}-width:10em;${wt.input}-height:1.6em;${wt.input}-space:0.2em;${wt.input}-control:currentColor;${wt.input}-icon-color:var(${wt._colors.darkgray[4]})}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host(:focus-within){${wt.input}-icon-color:currentColor}input:disabled{cursor:inherit}input::-ms-clear,input::-ms-reveal{display:none}`;let Pe=class SuperInput extends GlobalStyle{constructor(){super(...arguments),this.autofocus=!1,this.outlineType="border",this.disabled=!1,this.compositing=!1,this.makeId=Math.random().toString(36).slice(1),this.nameValue=this.namevalue}get observedRecord(){return h(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)})))}_changeInputType(t){this._input&&(this._input.type=t)}focus(t){this._input?.focus(t)}firstUpdated(){this._compositionInit()}_renderPrefix(){return e.html`<label for=${this.makeId} part="prefix"> ${et("prefix")} </label>`}_renderSuffix(){return e.html`<label for=${this.makeId} part="suffix"> ${et("suffix")} </label>`}};o([G()],Pe.prototype,"autocomplete",void 0),o([G({attribute:"outline-type"})],Pe.prototype,"outlineType",void 0),o([G({type:Boolean,reflect:!0})],Pe.prototype,"disabled",void 0),o([G({reflect:!0})],Pe.prototype,"type",void 0),o([G({reflect:!0})],Pe.prototype,"placeholder",void 0),o([G({reflect:!0})],Pe.prototype,"name",void 0),o([G()],Pe.prototype,"value",void 0),o([G()],Pe.prototype,"default",void 0),o([X("input")],Pe.prototype,"_input",void 0),Pe=o([g(Me,Ae)],Pe);class OutlineBuilder{constructor({selector:t=":host",width:e=wt.outlineWidth,color:o=wt.outlineColor,outlineType:r}={}){const s=((t,e)=>{const o=`outline-color:var(${e});border-color:var(${e});`,r=`${o}outline-width:var(${t});outline-style:solid;`;return{outline:r,"outline-inset":`${r}outline-offset:calc(-1 * var(${t}));`,"box-shadow":`box-shadow:0 0 0 var(${t}) var(${e});`,"box-shadow-inset":`box-shadow:inset 0 0 0 var(${t}) var(${e});`,border:`${o}border-width:var(${t});border-style:solid;`}})(e,o);if(r&&r in s){const e=s[r];this.css=`${t}{${e}}`}else this.css=""}get styleSheet(){return e.unsafeCSS(this.css).styleSheet}}let ze=class Input extends Pe{constructor(){super(...arguments),this.type="text",this.variant="default",this.__outlineSC=new StyleController(this,(()=>new OutlineBuilder({outlineType:this.outlineType}).css+("outline"===this.variant?`:host{${wt.outlineColor}: var(${wt.active})}`:"")))}render(){return e.html`<div part="root" ${J(this.observedRecord)} class="input-field"> ${[this._renderPrefix(),e.html`<input part="input" type="${this.type}" .value="${this.value}" ?autofocus="${this.autofocus}" ?disabled="${this.disabled}" autocapitalize="${this.autocapitalize||e.nothing}" autocomplete="${this.autocomplete||e.nothing}" placeholder="${this.placeholder||e.nothing}" id="${this.makeId}" @input="${this._handleInput}" @change="${this._handleChange}"/>`,this._renderSuffix()]} </div>`}_renderSuffix(){const t="password";return e.html`<label for=${this.makeId} part="suffix"> ${this.type===t?e.html`<i part="icon" @mousedown="${()=>this._changeInputType("text")}" @mouseup="${()=>this._changeInputType(t)}" @mouseleave="${()=>this._changeInputType(t)}"> ${Te()} </i>`:et("suffix")} </label>`}};o([G()],ze.prototype,"variant",void 0),o([X("input")],ze.prototype,"_input",void 0),ze=o([y("input"),g(e.css`:host{display:block;height:var(${wt.input}-height);width:var(${wt.input}-width)}:host(:focus-within){${wt.outlineColor}:var(${wt.active})}`)],ze);var Ie=ze;Ie.define();let Oe=class Layout extends GlobalStyle{constructor(){super(...arguments),this.sticky=!1}render(){return e.html`<div part="root" ${J(this.observedRecord)}> <header part="header">${et("header")}</header> <main part="main">${et()}</main> <footer part="footer">${et("footer")}</footer> </div>`}};o([G({type:Boolean})],Oe.prototype,"sticky",void 0),Oe=o([y("layout"),g(e.css`:host{flex-direction:column;grid-template-rows:auto 1fr auto;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;Be.define();let De=class SuperAnchor extends GlobalStyle{constructor(){super(...arguments),this.target="_self"}get pathname(){return new URL(this.href,location.href).pathname}render(){return e.html`<a part="root" ${J(this.observedRecord)} href="${this.href||e.nothing}" target="${this.target}" @click=${this._handleClick}> ${et()} </a>`}};var Ne;o([G()],De.prototype,"href",void 0),o([G()],De.prototype,"target",void 0),De=o([g(e.css`:host{color:currentColor;cursor:default;display:inline-block;text-decoration:none}:host([href]){cursor:pointer}[part=root]{color:inherit;display:inline-block;text-decoration:inherit}`)],De);let Ue=Ne=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=et(),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(),Ne.routerInstances.add(this),"field"!==this.type&&(this.observers.add(this,MutationObserver,this.collectSlottedRoutes,{attributes:!0,attributeFilter:["slot"],subtree:!0}),this.collectSlottedRoutes())}disconnectedCallback(){super.disconnectedCallback(),Ne.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?.(h(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?et(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)}};Ue.routerInstances=new Set,o([H()],Ue.prototype,"component",void 0),o([H()],Ue.prototype,"path",void 0),o([G()],Ue.prototype,"pathname",void 0),o([H()],Ue.prototype,"default",void 0),o([G()],Ue.prototype,"type",void 0),o([G({type:Boolean})],Ue.prototype,"cache",void 0),o([H()],Ue.prototype,"routes",null),Ue=Ne=o([y("router"),g(e.css`:host{display:contents}`)],Ue);var Le=Ue;const je="auto";let Ve=class Link extends De{constructor(){super(...arguments),this.type=je,this.suppress=!1,this.replace=!1,this.state={},this.handleState=()=>{switch(this.type){case je:case"push":if(!this.replace){history.pushState(this.state,"",this.href);break}case"replace":history.replaceState(this.state,"",this.href)}}}_handleClick(t){const{state:e,type:o,href:r,pathname:s,suppress:a}=this;if(this.dispatchCustomEvent("navigate",{...this.observedRecord,pathname:s,state:e}),r.startsWith("#")||"normal"===o)return;this.handleState();const l=[...Le.routerInstances];a||o===je&&!l.some((t=>t.search(location.pathname)))||(t.preventDefault(),Le.routerInstances.forEach((t=>{t.handlePopstate()})))}};o([G()],Ve.prototype,"type",void 0),o([G({type:Boolean})],Ve.prototype,"suppress",void 0),o([G({type:Boolean})],Ve.prototype,"replace",void 0),Ve=o([y("link")],Ve);var Ge=Ve;Ge.define();let He=class Progress extends GlobalStyle{constructor(){super(...arguments),this.max=1,this.min=0}render(){let t,o=20;if(!r(this.value)){const e=new Ranger(this.min,this.max);o=100*e.restrict(this.value/e.diff),t="static"}return e.html`<div part="root" ${J(this.observedRecord)} class="${t}"> <i part="value" style="width:${o}%;"></i> </div>`}};o([G({type:Number})],He.prototype,"max",void 0),o([G({type:Number})],He.prototype,"min",void 0),o([G({type:Number})],He.prototype,"value",void 0),He=o([y("progress"),g(e.css`:host{background:var(${wt.passive});border-radius:.25em;color:var(${wt.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}`)],He);var qe=He;qe.define();const Fe="range",We=_t(Fe);let Ye=class Range extends Pe{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,r=t-o.length;return r>0?new Array(r).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 h(super.observedRecord,"outline-type")}render(){const t=this.padValue(2),o=Math.min(...t),r=Math.max(...t),s=this._ranger.diff;return e.html`<div part="root" ${J(this.observedRecord)} @mousedown="${this.disabled?null:this._handleMousedownRoot}" style="${f([["--from",(o-this.min)/s*100+"%"],["--to",(r-this.min)/s*100+"%"],...t.map(((t,e)=>[`--handle-${e}`,(t-this.min)/s*100+"%"]))])}"> <div part="track"></div> ${rt(this.rangeValue.length,(t=>this._renderHandle(t)))} </div>`}_renderHandle(t){const{disabled:o,range:r,rangeValue:s}=this,a=!r||r&&t===s.length-1&&1===s.length;return e.html`<i tabindex="0" part="handle" class="${st({"last-focus":this.lastFocus===t})}" @mousedown="${o?null:this.createMouseDown(t)}" @focus="${o?null:()=>this.focusHandle(t)}" @blur="${o?null:this.blurHandle}" style="${f({"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:r}=this;o.length<2&&(t=0);const s=o[t];"ArrowLeft"===e.key||"ArrowDown"===e.key?(e.preventDefault(),this.createSetValue(t)(s-r)):"ArrowRight"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),this.createSetValue(t)(s+r))}}createMouseDown(t){return e=>{this.focusHandle(t),this.createMousedownListener(this.createSetValue(t))(e)}}createSetValue(t){return e=>{const o=this._ranger.normalize(e);let r=o;this.range&&(r=[...this.value],r[t]=o),this.value=r,this.dispatchCustomEvent("change",this.value)}}_computeValue({clientX:t,clientY:e}){const{top:o,left:r,height:s,width:a}=this._root.getBoundingClientRect();return this._ranger.present(this.vertical?(e-o)/s:(t-r)/a)}_handleMousedownRoot(t){const e=this._computeValue(t),o=this.range?this.rangeValue.reduce(((t,o,r)=>Math.abs(e-o)<Math.abs(e-this.rangeValue[t])?r:t),0):0,r=this.createSetValue(o);r(e),this.createMousedownListener(r)(t),this.focusHandle(o)}createMousedownListener(t){return e=>{e.preventDefault(),e.stopPropagation();const o=this.createMousemoveListener(t);this.events.add(document,"mousemove",o);const r=()=>{this.events.remove(document,"mousemove",o),this.events.remove(document,"mouseup",r)};this.events.add(document,"mouseup",r)}}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,r(this.value)&&(r(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}};o([G({type:Number})],Ye.prototype,"min",void 0),o([G({type:Number})],Ye.prototype,"max",void 0),o([G({type:Number})],Ye.prototype,"step",void 0),o([G({type:Boolean,reflect:!0})],Ye.prototype,"vertical",void 0),o([G({type:Array})],Ye.prototype,"value",void 0),o([G({type:Array})],Ye.prototype,"default",void 0),o([X("root")],Ye.prototype,"_root",void 0),o([Y("[part=handle]")],Ye.prototype,"_handles",void 0),o([H()],Ye.prototype,"lastFocus",void 0),Ye=o([y(Fe),g(e.css`:host{${We}--handle-active:var(${wt.active});${We}--track-width:.5em;${We}--length:var(${wt.input}-width);background:var(${wt.passive});display:block;width:var(${We}--length)}:host([contents]) [part=root]{width:inherit}:host([vertical]){height:var(${We}--length);width:-moz-fit-content;width:fit-content}:host(:not([disabled])) .last-focus{${We}--handle-scale:1.05;background:var(${We}--handle-active)}[part=root]{position:relative;--from:0%;--to:50%;height:var(${We}--track-width)}[part=root],[part=track]{border-radius:inherit;min-height:inherit}[part=track]{background:var(${wt.active});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=handle],[part=track]{display:flex;position:absolute}[part=handle]{align-items:center;background:var(${wt.active});border:.1em solid;border-color:var(${wt.input}-control);border-radius:50%;height:1em;justify-content:center;transform:scale(var(${We}--handle-scale,1)) translate(-50%,-25%);transform-origin:0 25%;-webkit-user-select:none;user-select:none;width:1em}`,e.css`[vertical]{height:inherit;width:var(${We}--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%}`,e.css`[part=handle]{left:var(--handle);top:0}[vertical] [part=handle]{left:0;top:var(--handle)}`)],Ye);var Xe=Ye;Xe.define();const Ze="rotate",Ke=_t(Ze);let Qe=class Rotate extends GlobalStyle{render(){return e.html`<div part="root"> <div part="slot" @mousemove="${this._handleRotate}"> ${et()} </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:r,height:s}=this._root.getBoundingClientRect(),{clientX:a,clientY:l}=t;return{rotateX:-(l-o-s/2)/s/2,rotateY:(a-e-r/2)/r/2}}};o([X("root")],Qe.prototype,"_root",void 0),Qe=o([y(Ze),g(e.css`:host{display:block;transition:all .5s ease-in-out;width:-moz-fit-content;width:fit-content;${Ke}--padding:.75em;${Ke}--offset:.5em}div{position:relative;transition:inherit;transition-property:transform}i{box-sizing:content-box;height:100%;margin:calc(var(${Ke}--offset)*-1);padding:var(${Ke}--offset);position:absolute;top:0;width:100%}[part=slot]{z-index:2}`)],Qe);var Je=Qe;Je.define(),Le.define();const to=e.unsafeCSS("[direction-inset-align]");e.css`[direction^=top] ${to}{top:0}[direction^=bottom] ${to}{bottom:0}[direction$=right] ${to}{right:0}[direction$=left] ${to}{left:0}`;const eo=e.unsafeCSS("[direction-outset-place]"),oo=e.css`[direction^=top] ${eo}{bottom:100%}[direction^=bottom] ${eo}{top:100%}[direction$=right] ${eo}{left:100%}[direction$=left] ${eo}{right:100%}`;function io(t,e){return t&&e&&t.toLowerCase().includes(e.toLowerCase())}function ro(t,e){if(t){const o="checked";e?t.setAttribute(o,""):t.removeAttribute(o)}}let so=class Select extends Ie{constructor(){super(...arguments),this.multiple=!1,this.visible=!1,this.autoDirection="bottom",this.__store=[]}get observedRecord(){return{...super.observedRecord,direction:this.direction||this.autoDirection}}render(){return e.html`<div part="root" ${J(this.observedRecord)} class="input-field"> ${[this._renderPrefix(),e.html`<input part="input" type="${this.type}" .value="${this.text}" ?autofocus="${this.autofocus}" ?disabled="${this.disabled}" autocapitalize="${this.autocapitalize||e.nothing}" autocomplete="${this.autocomplete||e.nothing}" placeholder="${this.placeholder||e.nothing}" id="${this.makeId}" @focus="${this._handleFocus}" @input="${this._handleInput}" @change="${this._handleChange}"/>`,e.html`<label for="${this.makeId}" part="suffix"> <i part="icon">${se()}</i> </label>`,e.html`<label for="${this.makeId}" part="content" direction-outset-place> ${et()} </label>`]} </div>`}_handleFocus(){if(!this.direction){const{top:t,bottom:e}=this.getBoundingClientRect();window.innerHeight-e<this._content.clientHeight&&t>this._content.clientHeight?this.autoDirection="top":this.autoDirection="bottom"}this.visible=!0}firstUpdated(){this.events.add(this._content,"click",(t=>{t.preventDefault(),t.stopPropagation();const{target:e}=t,o=this.optionValue(e);if(o){const t=this.select(o,e.textContent);this.multiple||ro(this.lastChecked,0),ro(e,t),this.lastChecked=e}this._input.focus()})),this.events.add(document,"click",(t=>{t.stopPropagation();const e=t.composedPath()[0];e&&!this.shadowRoot.contains(e)&&this.blur()}))}_connectedInit(){if(!this.value){const t=[...this.querySelectorAll("[checked]")];(this.multiple?t:t.length?[this.lastChecked=t[0]]:[]).forEach((t=>{ro(t,this.select(this.optionValue(t),t.textContent))})),this.default=this.value,this.defaultText=this.text,this.defaultChecked=t}this.text||(this.text="")}reset(){this.value=this.default,this.text=this.defaultText,this.querySelectorAll("[checked]").forEach((t=>ro(t,0))),this.defaultChecked.forEach((t=>ro(t,1)))}select(t,e){e||=t,e=e.trim();let o=0;if(this.multiple){const r=this.__store.findIndex((e=>e.value===t));r>-1?this.__store.splice(r,1):(this.__store.push({value:t,text:e}),o=1),this.value=this.__store.map((t=>t.value)),this.text=this.__store.map((t=>t.text)).join(", ")}else this.value===t?(this.value="",this.text=""):(this.value=t,this.text=e,o=1);return this.dispatchCustomEvent("select",this.value),this.filter(),o}filter(t){t=t?.trim(),[...this.children].forEach((e=>{this.filterCallback(e,!t||io(this.optionValue(e),t)||io(e.textContent,t),t)}))}filterCallback(t,e,o){t.style.display=e?"":"none"}_handleInput(t){if(t.stopPropagation(),this.compositing)return;const e=this._input.value;this.filter(this.multiple?function(t,e){const o=e.slice(0,t).lastIndexOf(",")+1||0,r=e.indexOf(",",t)||e.length;return e.slice(o,r)}(this._input.selectionStart,e):e),this.dispatchCustomEvent("input",this.value,{bubbles:!0})}focus(t){this._input.focus(t),this.visible=!0}blur(){this._input.blur(),this.visible=!1,super.blur()}optionValue(t){return t.value||t.getAttribute("value")||""}};o([G()],so.prototype,"text",void 0),o([X("content")],so.prototype,"_content",void 0),o([G()],so.prototype,"direction",void 0),o([G({type:Boolean})],so.prototype,"multiple",void 0),o([G({type:Boolean})],so.prototype,"visible",void 0),o([H()],so.prototype,"autoDirection",void 0),so=o([y("select"),g(oo,e.css`.outline,:host(:focus-within){${wt.input}-outline-color:var(${wt.active})}[part=input]{text-overflow:ellipsis}[part=content]{position:absolute;visibility:hidden;width:100%}[visible] [part=content]{visibility:visible}`)],so);var no=so;no.define();var ao=it("0 0 56 56")`<path fill="currentColor" d="M7.715 49.574h40.57c4.899 0 7.36-2.437 7.36-7.265V13.69c0-4.828-2.461-7.265-7.36-7.265H7.715C2.84 6.426.355 8.84.355 13.69v28.62c0 4.851 2.485 7.265 7.36 7.265m31.57-21.633c-1.055-.937-2.25-1.43-3.515-1.43c-1.313 0-2.462.446-3.54 1.407l-10.593 9.469l-4.336-3.938c-.985-.867-2.04-1.336-3.164-1.336c-1.032 0-2.04.446-3 1.313L4.129 39.73V13.88c0-2.438 1.312-3.68 3.656-3.68h40.43c2.32 0 3.656 1.242 3.656 3.68v25.875Zm-21.469.258c3.024 0 5.508-2.484 5.508-5.531c0-3.023-2.484-5.531-5.508-5.531c-3.046 0-5.53 2.508-5.53 5.531a5.54 5.54 0 0 0 5.53 5.531"/>`;const lo="skeleton",ho=_t(lo);let co=class Skeleton extends GlobalStyle{constructor(){super(...arguments),this.animation="position",this.loading=!0}render(){return this.loading?e.html`<div part="root" ${J(this.observedRecord)}> ${"image"===this.type?ao():""} ${et("loading")} </div>`:et()}};o([G()],co.prototype,"type",void 0),o([G()],co.prototype,"animation",void 0),o([H()],co.prototype,"loading",void 0),co=o([y(lo),g(e.css`:host{${ho}--from:var(${wt._colors.darkgray[9]});${ho}--to:var(${wt._colors.darkgray[7]});${ho}--deg:95deg;${ho}--duration:1.5s;${ho}--icon-size:5em;${ho}--icon-margin:.25em;background:var(${ho}--from);color:var(${wt._colors.darkgray[5]});display:block;flex-shrink:0;min-height:1.5em;overflow:hidden;width:100%}[part=root]{animation:var(${ho}--duration) ease-in-out 0s infinite none running;min-height:inherit;text-align:center}svg{--size:var(${ho}--icon-size);font-size:var(--size);margin:calc(var(--size)*.05)}[animation=position]{animation-name:po;background-color:transparent;background-image:linear-gradient(var(${ho}--deg),var(${ho}--from) 36%,var(${ho}--to) 50%,var(${ho}--from) 64%);background-size:200% 100%}@keyframes po{0%{background-position:150%}to{background-position:-50%}}[animation=opacity]{animation-direction:alternate;animation-name:op}@keyframes op{50%{opacity:.25}to{opacity:1}}`)],co);var po=co;po.define();const uo="split",vo=_t(uo);let mo=class Split extends Pe{constructor(){super(...arguments),this.len=6,this.index=-1,this.current=-1,this.currentValue=[],this.__outlineSC=new StyleController(this,(()=>new OutlineBuilder({selector:"[part=input-box]",outlineType:this.outlineType}).css))}get observedRecord(){return h(super.observedRecord,"outline-type")}render(){return e.html`<div part="root" ${J(this.observedRecord)}> ${rt(this.len,(t=>e.html`<span part="input-box" outline-type="${this.outlineType}" class="${st({focus:this.current===t})}" @click="${this.disabled?null:()=>this.focusAt(t)}"> ${this.currentValue[t]} </span>`))} <input part="input" id="${this.makeId}" @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)}};o([G({type:Number})],mo.prototype,"len",void 0),o([G({type:Number})],mo.prototype,"index",void 0),o([H()],mo.prototype,"current",void 0),o([H()],mo.prototype,"currentValue",void 0),mo=o([y(uo),g(e.css`:host{border-radius:.1em;display:block;width:-moz-fit-content;width:fit-content;${vo}--size:1.45em;${vo}--gap:.25em}[part=root]{display:flex;gap:var(${vo}--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(${vo}--size);justify-content:center;width:var(${vo}--size)}[part=input]{background:none;height:100%;opacity:0;position:absolute;width:100%;z-index:-1}.focus,[part=input-box]:active{${wt.outlineColor}:var(${wt.active})}`)],mo);var fo=mo;fo.define();const go="switch",yo=_t(go);let bo=class Switch extends Pe{constructor(){super(...arguments),this.default=!1,this.value=!1}set checked(t){this.value=t}get checked(){return this.value}get observedRecord(){return h(super.observedRecord,"outline-type")}render(){return e.html`<div part="root" ${J(this.observedRecord)} class="round"> <input part="input" type="checkbox" ?disabled="${this.disabled}" ?checked="${this.value}" id="${this.makeId}" @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)}};o([G({type:Boolean})],bo.prototype,"default",void 0),o([G({type:Boolean,attribute:"checked",reflect:!0})],bo.prototype,"value",void 0),bo=o([y(go),g(e.css`:host,:host([contents]) [part=root]{display:inline-block}:host{${yo}-width:3em;${yo}-height:calc(var(${yo}-width)/2);${yo}-handle-size:1.25em;${yo}-handle-space:calc(var(${yo}-width)/4 - var(${yo}-handle-size)/2);${yo}-transition:.2s ease-in-out;background:var(${wt.passive});border-radius:calc(var(${yo}-height)/2);height:var(${yo}-height);transition:.2s ease-in-out;transition-property:background,left;vertical-align:bottom;width:var(${yo}-width)}:host([checked]){background:var(${wt.active})}[part=root]{position:relative}[part=handle],[part=root]{align-items:center;display:flex;transition:inherit}[part=handle]{background:currentColor;border-radius:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:50%;--size:var(${yo}-handle-size);height:var(--size);transform:translateY(-50%) translateX(var(${yo}-handle-space));width:var(--size)}:host([checked]) [part=handle]{left:50%}[part=input]{height:100%;opacity:0;width:100%}`)],bo);var $o=bo;$o.define();const _o="text",wo=_t(_o);let xo=class Text extends GlobalStyle{constructor(){super(...arguments),this.underline="none",this.clip=!1}render(){return e.html`<span part="root" ${J(this.observedRecord)} class="${st(this.underline)}"> ${et()} </span>`}};o([G()],xo.prototype,"underline",void 0),o([G({type:Boolean})],xo.prototype,"clip",void 0),xo=o([y(_o),g(e.css`:host{${wo}--color:currentColor;${wo}--color-hover:currentColor;${wo}--color-active:currentColor;display:inline-block;overflow-wrap:break-word;text-overflow:ellipsis}[part=root]{color:var(${wo}--color);display:inline-block;overflow:hidden;overflow-wrap:inherit;text-overflow:inherit;vertical-align:bottom;white-space:nowrap}[part=root]:hover{color:var(${wo}--color-hover,var(${wo}--color))}[part=root]:active{color:var(${wo}--color-active,var(${wo}--color))}.active:active,.always,.hover:hover{text-decoration:underline}.none{text-decoration:none}[clip]{background:var(${wt.clipBackground});color:transparent;display:inline-block;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}`)],xo);var ko=xo;ko.define();const Co="tabs",So=_t(Co),Ro="hover";let Eo=class Tabs extends GlobalStyle{constructor(){super(...arguments),this.outlineType="border",this.useSlot=!1,this.index=0,this.__outlineSC=new StyleController(this,(()=>new OutlineBuilder({outlineType:this.outlineType}).css))}render(){return e.html`<ul part="root" ${J(this.observedRecord)} @mouseleave="${this._handleMouseLeave}"> ${this.tabs?.map(((t,o)=>t||this.useSlot?e.html`<li part="${st("item",{selected:this.index===o})}" @mouseenter=${()=>{this.move(this._lastIndex,o),this._lastIndex=o}} @click=${()=>this.select(o)}> ${this.useSlot?et(t):t} <div part="indicator"></div> </li>`:""))} </ul>`}connectedCallback(){super.connectedCallback(),this._lastIndex=this.index}_handleMouseLeave(){const t=this._items[this._lastIndex];t&&t.part.remove(Ro),this._lastIndex=this.index}move(t,e){if(t===e)return;const{_items:o,_indicators:r}=this,s=o[e];if(!s)return;s.part.add(Ro);const a=o[t];if(!a)return;a.part.remove(Ro);const l=r[e],h=r[t];if(!l||!h)return;const c=h.getBoundingClientRect(),d=s.getBoundingClientRect(),p=c.x-d.x,u=c.y-d.y,v=c.width,{style:m}=l;m.transform=`translate3d(${p}px,${u}px,0)`,m.width=v+"px",m.transition=h.style.transition="none",l.getBoundingClientRect(),m.width=m.transform=m.transition=h.style.transition=""}select(t){const{index:e,tabs:o,_lastIndex:r,useSlot:s}=this;o&&e!==t&&t in o&&(this.dispatchCustomEvent("select",t),this.move(r,t),this._lastIndex=t,e in o&&(o[e]||s)&&(this.index=t))}};o([G({attribute:"outline-type"})],Eo.prototype,"outlineType",void 0),o([G({type:Boolean})],Eo.prototype,"useSlot",void 0),o([G({type:Array})],Eo.prototype,"tabs",void 0),o([G({type:Number})],Eo.prototype,"index",void 0),o([Y("[part~=item]")],Eo.prototype,"_items",void 0),o([Y("[part=indicator]")],Eo.prototype,"_indicators",void 0),Eo=o([y(Co),g(e.css`:host{${So}--indicator-background:var(${wt._colors.darkgray[7]});${So}--space:0.25em;border-radius:var(${wt.radius});cursor:default;display:flex;transition:.2s ease-in-out;width:-moz-fit-content;width:fit-content}[part=root]{border-radius:inherit;display:flex;flex-direction:inherit;gap:var(${So}--space);overflow-x:clip;padding:var(${So}--space);position:relative;transition:inherit;transition-property:width,transform,opacity;z-index:1}[useslot] [part~=item]{padding:0}[part~=item]{display:block;padding:0 .4em;position:relative;white-space:nowrap}[part=indicator],[part~=item]{border-radius:inherit;transition:inherit;transition-property:inherit;width:100%}[part=indicator]{background:var(${So}--indicator-background);height:100%;inset:0;opacity:0;position:absolute;z-index:-1}[part~=selected]{background:var(${So}--indicator-background)}[part~=hover] [part=indicator],[part~=selected] [part=indicator]{opacity:1}`)],Eo);var To=Eo;function Mo(t,e=2){return t.toString().padStart(e,"0").split("")}To.define();let Ao=class Time extends GlobalStyle{constructor(){super(...arguments),this.escape="%",this.format="YYYY-MM-DD hh:mm:ss",this.time=new Date}render(){return e.html`<span part="root" ${J(this.observedRecord)}> ${function(t,e=new Date,o="%"){var r;if(!t)return t;if(isNaN(e.getTime()))return;const s=`${o}${o}`,a=[];t=t.replace(new RegExp(`${o}([ZYMDhmsS${o}])`,"g"),((t,e)=>(a.push(e),s)));const l=e.getTimezoneOffset()/-60,h={Z:[l>=0?"+"+l.toString():l.toString()],Y:e.getFullYear().toString().split(""),M:Mo(e.getMonth()+1),D:Mo(e.getDate()),h:Mo(e.getHours()),m:Mo(e.getMinutes()),s:Mo(e.getSeconds()),S:Mo(e.getMilliseconds(),3)},c=[];for(const e of t.split("").reverse()){const t=null===(r=h[e])||void 0===r?void 0:r.pop();t?c.push(t):c.push(e)}return c.reverse().join("").replace(new RegExp(s,"g"),(()=>a.shift()))}(this.format,this.time,this.escape)} </span>`}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))))}};o([G()],Ao.prototype,"escape",void 0),o([G()],Ao.prototype,"format",void 0),o([G({type:Object})],Ao.prototype,"time",void 0),o([G({type:Number})],Ao.prototype,"timeout",void 0),o([G({type:Number})],Ao.prototype,"gap",void 0),Ao=o([y("time"),g(e.css`:host{text-align:center}`)],Ao);var Po,zo=Ao;zo.define();const Io="tooltip",Oo=_t(Io);let Bo=Po=class Tooltip extends SuperOpenable{constructor(){super(...arguments),this.direction="top",this.align="center",this.propagation=!1,this.type="hover"}render(){const t=Po.aligns[this.align]||"inherit",o="focus"===this.type;return e.html`<div part="root" ${J(this.observedRecord)} tabindex="${o?0:-1}" @focus="${o?()=>this.open=!0:null}" @blur="${o?()=>this.open=!1:null}" @mouseenter="${o?null:()=>this.open=!0}" @mouseleave="${o?null:()=>this.open=!1}" style="justify-content:${t};align-items:${t}"> ${et()} <div part="tip" direction-outset-place> ${this.tip?e.html`<span class="passive">${this.tip}</span>`:et("tip")} </div> </div>`}};Bo.aligns={start:"flex-start",end:"flex-end",center:"center","flex-start":"flex-start","flex-end":"flex-end"},o([G()],Bo.prototype,"tip",void 0),o([G()],Bo.prototype,"direction",void 0),o([G()],Bo.prototype,"align",void 0),o([G({type:Boolean})],Bo.prototype,"propagation",void 0),o([G()],Bo.prototype,"type",void 0),Bo=Po=o([y(Io),g(oo,e.css`:host{${Oo}--tip-background:inherit;width:-moz-fit-content;width:fit-content}:host,[part=root]{display:inline-flex}[part=root]{border-radius:inherit;position:relative;transition:inherit}[part=tip]{height:-moz-fit-content;height:fit-content;position:absolute;transition:inherit;-webkit-user-select:none;user-select:none;visibility:hidden;width:-moz-fit-content;width:fit-content}:host([open]) [part=tip]{visibility:visible}.passive{background:var(${Oo}--tip-background)}[propagation] [part=tip]{pointer-events:none}`)],Bo);var Do=Bo;Do.define();const No="typewriter",Uo=_t(No);let Lo=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 e.html`<div part="root" ${J(this.observedRecord)}> ${et()} ${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}};o([G()],Lo.prototype,"content",void 0),o([G({type:Boolean})],Lo.prototype,"ended",void 0),o([G({type:Number})],Lo.prototype,"max",void 0),o([G({type:Number})],Lo.prototype,"min",void 0),o([G({type:Number})],Lo.prototype,"delay",void 0),o([G({type:Number})],Lo.prototype,"index",void 0),o([H()],Lo.prototype,"contentInternal",void 0),o([F("i")],Lo.prototype,"_i",void 0),Lo=o([y(No),g(e.css`:host{${Uo}--cursor-width:.05em}:host,:host([contents]) [part=root]{display:inline-block}i{animation:s 1.5s steps(1) infinite;border-right:var(${Uo}--cursor-width) solid;margin-left:.02em}@keyframes s{0%{border-color:currentColor}50%{border-color:transparent}}slot{display:none}`)],Lo);var jo=Lo;return jo.define(),t.Alert=At,t.Avatar=zt,t.Badge=Dt,t.Breath=Vt,t.Button=Xt,t.Card=Jt,t.Carousel=re,t.Details=he,t.Dialog=ve,t.Divider=fe,t.Dragbox=ye,t.Flex=_e,t.Form=xe,t.Grid=Se,t.Heading=Ee,t.Input=Ie,t.Layout=Be,t.Link=Ge,t.Progress=qe,t.Range=Xe,t.Rotate=Je,t.Router=Le,t.Select=no,t.Skeleton=po,t.Split=fo,t.Switch=$o,t.Tabs=To,t.Text=ko,t.Time=zo,t.Tooltip=Do,t.Typewriter=jo,t}({},Lit);