tinkiet 0.7.0 → 0.7.4

package/index.d.ts

@@ -12,7 +12,6 @@ export * from "./loading/index";
 export * from "./navbar/index";
 export * from "./notie/index";
 export * from "./pages/index";
-export * from "./progress/index";
 export * from "./radio/index";
 export * from "./select/index";
 export * from "./slider/index";
@@ -22,4 +21,4 @@ export * from "./tag/index";
 export * from "./textarea/index";
 export * from "./textfield/index";
 export * from "./theme/index";
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=tinkiet/index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,kCAA4B;AAC5B,8BAAwB;AACxB,4BAAsB;AACtB,+BAAyB;AACzB,iCAA2B;AAC3B,+BAAyB;AACzB,+BAAyB;AACzB,6BAAuB;AACvB,6BAAuB;AACvB,kCAA4B;AAC5B,gCAA0B;AAC1B,+BAAyB;AACzB,8BAAwB;AACxB,8BAAwB;AACxB,iCAA2B;AAC3B,8BAAwB;AACxB,+BAAyB;AACzB,+BAAyB;AACzB,+BAAyB;AACzB,kCAA4B;AAC5B,4BAAsB;AACtB,iCAA2B;AAC3B,kCAA4B;AAC5B,8BAAwB"}
+{"version":3,"file":"tinkiet/index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,kCAA4B;AAC5B,8BAAwB;AACxB,4BAAsB;AACtB,+BAAyB;AACzB,iCAA2B;AAC3B,+BAAyB;AACzB,+BAAyB;AACzB,6BAAuB;AACvB,6BAAuB;AACvB,kCAA4B;AAC5B,gCAA0B;AAC1B,+BAAyB;AACzB,8BAAwB;AACxB,8BAAwB;AACxB,8BAAwB;AACxB,+BAAyB;AACzB,+BAAyB;AACzB,+BAAyB;AACzB,kCAA4B;AAC5B,4BAAsB;AACtB,iCAA2B;AAC3B,kCAA4B;AAC5B,8BAAwB"}

package/index.js

@@ -12,7 +12,6 @@ import './loading/index.js';
 import './navbar/index.js';
 import './notie/index.js';
 import './pages/index.js';
-import './progress/index.js';
 import './radio/index.js';
 import './select/index.js';
 import './slider/index.js';
@@ -37,7 +36,6 @@ export { TkLoading } from './loading/loading.js';
 export { TkNavbar } from './navbar/navbar.js';
 export { TkNotie } from './notie/notie.js';
 export { TkPages } from './pages/pages.js';
-export { TkProgress } from './progress/progress.js';
 export { TkRadio } from './radio/radio.js';
 export { TkSelect } from './select/select.js';
 export { TkSlider } from './slider/slider.js';

package/list-item/list-item.js

@@ -4,11 +4,6 @@ import { property, query, customElement } from 'lit/decorators.js';
 import css_248z from './list-item.scss.js';
 
 let TkListItem = class TkListItem extends LitElement {
-    constructor() {
-        super();
-        this.href = "";
-        this.target = "";
-    }
     render() {
         return html `
 			<slot name="before" @click=${this.handleClick}></slot>
@@ -23,6 +18,11 @@ let TkListItem = class TkListItem extends LitElement {
             : ""}
 		`;
     }
+    constructor() {
+        super();
+        this.href = "";
+        this.target = "";
+    }
     firstUpdated() {
         if (!this.ariaLabel && this.innerText)
             this.ariaLabel = this.innerText;

package/loading/loading.d.ts

@@ -3,7 +3,7 @@ declare class TkLoading extends TkBox {
     static get styles(): import("lit").CSSResult[];
     circle: boolean;
     indeterminate: boolean;
-    value: number;
+    percent: number;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/loading/loading.js

@@ -2,16 +2,18 @@ import { __decorate } from 'tslib';
 import { css, unsafeCSS, html } from 'lit';
 import { property, customElement } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
+import '../../node_modules/lit/directives/style-map.js';
 import '../box/index.js';
 import css_248z from './loading.scss.js';
 import { TkBox } from '../box/box.js';
+import { styleMap as i } from '../../node_modules/lit-html/directives/style-map.js';
 
 let TkLoading = class TkLoading extends TkBox {
     constructor() {
         super(...arguments);
         this.circle = false;
         this.indeterminate = false;
-        this.value = 0.5;
+        this.percent = 0;
     }
     static get styles() {
         return [
@@ -22,6 +24,7 @@ let TkLoading = class TkLoading extends TkBox {
         ];
     }
     render() {
+        const lineStyle = { width: this.percent + "%" };
         return html `
 			${this.circle
             ? html `
@@ -39,7 +42,7 @@ let TkLoading = class TkLoading extends TkBox {
 				  `
             : html `
 						<div class="line">
-							<div class=${classMap({ indeterminate: this.indeterminate })}></div>
+							<div class=${classMap({ progress: true, indeterminate: this.indeterminate })} style="${i(lineStyle)}"></div>
 						</div>
 				  `}
 		`;
@@ -53,7 +56,7 @@ __decorate([
 ], TkLoading.prototype, "indeterminate", void 0);
 __decorate([
     property({ attribute: true, type: Number })
-], TkLoading.prototype, "value", void 0);
+], TkLoading.prototype, "percent", void 0);
 TkLoading = __decorate([
     customElement("tk-loading")
 ], TkLoading);

package/loading/loading.scss.js

@@ -1,4 +1,4 @@
-var css_248z = "*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:currentColor}.circle{animation:rotator 3s linear infinite;display:inline-flex;height:2em;width:2em}.circle,.circle .path{transform-origin:center}.circle .path{stroke-dasharray:265;stroke-dashoffset:0;stroke:var(--color);animation:dash 3s ease-in-out infinite}@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dashoffset:265}50%{stroke-dashoffset:65;transform:rotate(90deg)}to{stroke-dashoffset:265;transform:rotate(1turn)}}.line{background-color:var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3)));height:.4em;overflow:hidden;position:relative}.line .indeterminate{background-color:var(--color)}.line .indeterminate:before{animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.line .indeterminate:after,.line .indeterminate:before{background-color:inherit;bottom:0;content:\"\";left:0;position:absolute;top:0;will-change:left,right}.line .indeterminate:after{animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.15s}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}";
-var stylesheet="*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:currentColor}.circle{animation:rotator 3s linear infinite;display:inline-flex;height:2em;width:2em}.circle,.circle .path{transform-origin:center}.circle .path{stroke-dasharray:265;stroke-dashoffset:0;stroke:var(--color);animation:dash 3s ease-in-out infinite}@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dashoffset:265}50%{stroke-dashoffset:65;transform:rotate(90deg)}to{stroke-dashoffset:265;transform:rotate(1turn)}}.line{background-color:var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3)));height:.4em;overflow:hidden;position:relative}.line .indeterminate{background-color:var(--color)}.line .indeterminate:before{animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.line .indeterminate:after,.line .indeterminate:before{background-color:inherit;bottom:0;content:\"\";left:0;position:absolute;top:0;will-change:left,right}.line .indeterminate:after{animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.15s}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}";
+var css_248z = "*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:currentColor;--background-color:var(--tk-loading-background-color,var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3))))}:host([accent]){--color:var(--accent)}:host([error]){--color:var(--error)}.circle{animation:rotator 3s linear infinite;display:inline-flex;height:2em;width:2em}.circle,.circle .path{transform-origin:center}.circle .path{stroke-dasharray:265;stroke-dashoffset:0;stroke:var(--color);animation:dash 3s ease-in-out infinite}@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dashoffset:265}50%{stroke-dashoffset:65;transform:rotate(90deg)}to{stroke-dashoffset:265;transform:rotate(1turn)}}.line{background-color:var(--background-color);height:.4em;overflow:hidden;position:relative}.line .progress{height:100%}.line .indeterminate,.line .progress{background-color:var(--color)}.line .indeterminate:before{animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.line .indeterminate:after,.line .indeterminate:before{background-color:inherit;bottom:0;content:\"\";left:0;position:absolute;top:0;will-change:left,right}.line .indeterminate:after{animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.15s}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}";
+var stylesheet="*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:currentColor;--background-color:var(--tk-loading-background-color,var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3))))}:host([accent]){--color:var(--accent)}:host([error]){--color:var(--error)}.circle{animation:rotator 3s linear infinite;display:inline-flex;height:2em;width:2em}.circle,.circle .path{transform-origin:center}.circle .path{stroke-dasharray:265;stroke-dashoffset:0;stroke:var(--color);animation:dash 3s ease-in-out infinite}@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dashoffset:265}50%{stroke-dashoffset:65;transform:rotate(90deg)}to{stroke-dashoffset:265;transform:rotate(1turn)}}.line{background-color:var(--background-color);height:.4em;overflow:hidden;position:relative}.line .progress{height:100%}.line .indeterminate,.line .progress{background-color:var(--color)}.line .indeterminate:before{animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.line .indeterminate:after,.line .indeterminate:before{background-color:inherit;bottom:0;content:\"\";left:0;position:absolute;top:0;will-change:left,right}.line .indeterminate:after{animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.15s}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}";
 
 export { css_248z as default, stylesheet };

package/notie/notie.js

@@ -23,20 +23,6 @@ var NotieLevel;
     NotieLevel["neutral"] = "neutral";
 })(NotieLevel || (NotieLevel = {}));
 let TkNotie = TkNotie_1 = class TkNotie extends TkBox {
-    constructor(text = "") {
-        super();
-        this.persistent = true;
-        this.open = false;
-        this.position = "bottom";
-        this.type = NotieType.show;
-        this.level = NotieLevel.info;
-        this.delay = 3000;
-        this.animationDelay = 300;
-        this.buttonText = "OK";
-        this.confirmText = "OK";
-        this.cancelText = "CANCEL";
-        this.text = text;
-    }
     static get styles() {
         return [
             ...TkBox.styles,
@@ -110,6 +96,20 @@ let TkNotie = TkNotie_1 = class TkNotie extends TkBox {
         }, { once: true });
         this.open = false;
     }
+    constructor(text = "") {
+        super();
+        this.persistent = true;
+        this.open = false;
+        this.position = "bottom";
+        this.type = NotieType.show;
+        this.level = NotieLevel.info;
+        this.delay = 3000;
+        this.animationDelay = 300;
+        this.buttonText = "OK";
+        this.confirmText = "OK";
+        this.cancelText = "CANCEL";
+        this.text = text;
+    }
     static show(options) {
         const notie = this.getNotie(options, NotieType.show);
         return notie.show();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinkiet",
-  "version": "0.7.0",
+  "version": "0.7.4",
   "description": "Pragmatic UI Web Components",
   "type": "module",
   "main": "index.js",

package/tab-group/tab-group.js

@@ -4,12 +4,6 @@ import { property, query, customElement } from 'lit/decorators.js';
 import css_248z from './tab-group.scss.js';
 
 let TkTabGroup = class TkTabGroup extends LitElement {
-    constructor() {
-        super();
-        this.circle = false;
-        this.observe = "";
-        this.selected = "";
-    }
     render() {
         return html `
 			<div class="tabs">
@@ -24,6 +18,12 @@ let TkTabGroup = class TkTabGroup extends LitElement {
 				  `}
 		`;
     }
+    constructor() {
+        super();
+        this.circle = false;
+        this.observe = "";
+        this.selected = "";
+    }
     firstUpdated() {
         if (IntersectionObserver) {
             const observer = new IntersectionObserver(this.updateUnderline.bind(this));

package/umd/tinkiet.min.d.ts

@@ -288,7 +288,7 @@ declare class TkLoading extends TkBox {
     static get styles(): import("lit").CSSResult[];
     circle: boolean;
     indeterminate: boolean;
-    value: number;
+    percent: number;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
@@ -387,19 +387,6 @@ declare global {
         "tk-pages": TkPages;
     }
 }
-declare class TkProgress extends LitElement {
-    static styles: import("lit").CSSResult;
-    circle: boolean;
-    indeterminate: boolean;
-    value: number;
-    buffer: number;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-progress": TkProgress;
-    }
-}
 declare class TkRadio extends LitElement {
     static styles: import("lit").CSSResult;
     private _id;
@@ -624,5 +611,5 @@ declare global {
         "tk-theme": TkTheme;
     }
 }
-export { TkAccordion, TkBadge, TkBox, TkButton, TkCheckbox, TkDialog, TkDrawer, TkForm, TkIcon, TkIcons, TkListItem, TkLoading, TkNavbar, TkNotie, TkPages, TkProgress, TkRadio, TkSelect, TkSlider, TkSwitch, TkTabGroup, TkTag, TkTextarea, TkTextfield, TkTheme };
+export { TkAccordion, TkBadge, TkBox, TkButton, TkCheckbox, TkDialog, TkDrawer, TkForm, TkIcon, TkIcons, TkListItem, TkLoading, TkNavbar, TkNotie, TkPages, TkRadio, TkSelect, TkSlider, TkSwitch, TkTabGroup, TkTag, TkTextarea, TkTextfield, TkTheme };
 //# sourceMappingURL=tinkiet.min.d.ts.map

package/umd/tinkiet.min.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tinkiet.min.d.ts","sourceRoot":"","sources":["../../index.ts","../../box/box.ts","../../box/index.ts","../../utils/unique.ts","../../box/focusable-box.ts","../../accordion/accordion.ts","../../accordion/index.ts","../../badge/badge.ts","../../badge/index.ts","../../button/button.ts","../../button/index.ts","../../checkbox/checkbox.ts","../../checkbox/index.ts","../../dialog/dialog.ts","../../dialog/index.ts","../../drawer/drawer.ts","../../drawer/index.ts","../../form/form.ts","../../form/index.ts","../../icon/icons.ts","../../icon/icon.ts","../../icon/index.ts","../../list-item/list-item.ts","../../list-item/index.ts","../../loading/loading.ts","../../loading/index.ts","../../navbar/navbar.ts","../../navbar/index.ts","../../textfield/textfield.ts","../../textfield/index.ts","../../notie/notie.ts","../../notie/index.ts","../../pages/pages.ts","../../pages/index.ts","../../progress/progress.ts","../../progress/index.ts","../../radio/radio.ts","../../radio/index.ts","../../select/select.ts","../../select/index.ts","../../slider/slider.ts","../../slider/index.ts","../../switch/switch.ts","../../switch/index.ts","../../tab-group/tab-group.ts","../../tab-group/index.ts","../../tag/tag.ts","../../tag/index.ts","../../textarea/textarea.ts","../../textarea/index.ts","../../theme/theme.ts","../../theme/index.ts"],"names":[],"mappings":""}
+{"version":3,"file":"tinkiet.min.d.ts","sourceRoot":"","sources":["../../../index.ts","../../../box/box.ts","../../../box/index.ts","../../../utils/unique.ts","../../../box/focusable-box.ts","../../../accordion/accordion.ts","../../../accordion/index.ts","../../../badge/badge.ts","../../../badge/index.ts","../../../button/button.ts","../../../button/index.ts","../../../checkbox/checkbox.ts","../../../checkbox/index.ts","../../../dialog/dialog.ts","../../../dialog/index.ts","../../../drawer/drawer.ts","../../../drawer/index.ts","../../../form/form.ts","../../../form/index.ts","../../../icon/icons.ts","../../../icon/icon.ts","../../../icon/index.ts","../../../list-item/list-item.ts","../../../list-item/index.ts","../../../loading/loading.ts","../../../loading/index.ts","../../../navbar/navbar.ts","../../../navbar/index.ts","../../../textfield/textfield.ts","../../../textfield/index.ts","../../../notie/notie.ts","../../../notie/index.ts","../../../pages/pages.ts","../../../pages/index.ts","../../../radio/radio.ts","../../../radio/index.ts","../../../select/select.ts","../../../select/index.ts","../../../slider/slider.ts","../../../slider/index.ts","../../../switch/switch.ts","../../../switch/index.ts","../../../tab-group/tab-group.ts","../../../tab-group/index.ts","../../../tag/tag.ts","../../../tag/index.ts","../../../textarea/textarea.ts","../../../textarea/index.ts","../../../theme/theme.ts","../../../theme/index.ts"],"names":[],"mappings":""}

package/umd/tinkiet.min.js

@@ -1 +1 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).tinkiet={})}(this,(function(t){"use strict";function e(t,e,r,i){var o,a=arguments.length,s=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,r,i);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(s=(a<3?o(s):a>3?o(e,r,s):o(e,r))||s);return a>3&&s&&Object.defineProperty(e,r,s),s}const r=window,i=r.ShadowRoot&&(void 0===r.ShadyCSS||r.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,o=Symbol(),a=new WeakMap;class s{constructor(t,e,r){if(this._$cssResult$=!0,r!==o)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(i&&void 0===t){const r=void 0!==e&&1===e.length;r&&(t=a.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&a.set(e,t))}return t}toString(){return this.cssText}}const n=t=>new s("string"==typeof t?t:t+"",void 0,o),l=(t,...e)=>{const r=1===t.length?t[0]:e.reduce(((e,r,i)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+t[i+1]),t[0]);return new s(r,t,o)},h=i?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const r of t.cssRules)e+=r.cssText;return n(e)})(t):t;var d;const c=window,p=c.trustedTypes,v=p?p.emptyScript:"",u=c.reactiveElementPolyfillSupport,g={toAttribute(t,e){switch(e){case Boolean:t=t?v:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let r=t;switch(e){case Boolean:r=null!==t;break;case Number:r=null===t?null:Number(t);break;case Object:case Array:try{r=JSON.parse(t)}catch(t){r=null}}return r}},m=(t,e)=>e!==t&&(e==e||t==t),b={attribute:!0,type:String,converter:g,reflect:!1,hasChanged:m};class f extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var e;null!==(e=this.h)&&void 0!==e||(this.h=[]),this.h.push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,r)=>{const i=this._$Ep(r,e);void 0!==i&&(this._$Ev.set(i,r),t.push(i))})),t}static createProperty(t,e=b){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const r="symbol"==typeof t?Symbol():"__"+t,i=this.getPropertyDescriptor(t,r,e);void 0!==i&&Object.defineProperty(this.prototype,t,i)}}static getPropertyDescriptor(t,e,r){return{get(){return this[e]},set(i){const o=this[t];this[e]=i,this.requestUpdate(t,o,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||b}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const r of e)this.createProperty(r,t[r])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const r=new Set(t.flat(1/0).reverse());for(const t of r)e.unshift(h(t))}else void 0!==t&&e.push(h(t));return e}static _$Ep(t,e){const r=e.attribute;return!1===r?void 0:"string"==typeof r?r:"string"==typeof t?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,r;(null!==(e=this._$ES)&&void 0!==e?e:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(r=t.hostConnected)||void 0===r||r.call(t))}removeController(t){var e;null===(e=this._$ES)||void 0===e||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach(((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])}))}createRenderRoot(){var t;const e=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{i?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const i=document.createElement("style"),o=r.litNonce;void 0!==o&&i.setAttribute("nonce",o),i.textContent=e.cssText,t.appendChild(i)}))})(e,this.constructor.elementStyles),e}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,r){this._$AK(t,r)}_$EO(t,e,r=b){var i;const o=this.constructor._$Ep(t,r);if(void 0!==o&&!0===r.reflect){const a=(void 0!==(null===(i=r.converter)||void 0===i?void 0:i.toAttribute)?r.converter:g).toAttribute(e,r.type);this._$El=t,null==a?this.removeAttribute(o):this.setAttribute(o,a),this._$El=null}}_$AK(t,e){var r;const i=this.constructor,o=i._$Ev.get(t);if(void 0!==o&&this._$El!==o){const t=i.getPropertyOptions(o),a="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(r=t.converter)||void 0===r?void 0:r.fromAttribute)?t.converter:g;this._$El=o,this[o]=a.fromAttribute(e,t.type),this._$El=null}}requestUpdate(t,e,r){let i=!0;void 0!==t&&(((r=r||this.constructor.getPropertyOptions(t)).hasChanged||m)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===r.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,r))):i=!1),!this.isUpdatePending&&i&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((t,e)=>this[e]=t)),this._$Ei=void 0);let e=!1;const r=this._$AL;try{e=this.shouldUpdate(r),e?(this.willUpdate(r),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(r)):this._$Ek()}catch(t){throw e=!1,this._$Ek(),t}e&&this._$AE(r)}willUpdate(t){}_$AE(t){var e;null===(e=this._$ES)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,e)=>this._$EO(e,this[e],t))),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}}var y;f.finalized=!0,f.elementProperties=new Map,f.elementStyles=[],f.shadowRootOptions={mode:"open"},null==u||u({ReactiveElement:f}),(null!==(d=c.reactiveElementVersions)&&void 0!==d?d:c.reactiveElementVersions=[]).push("1.4.1");const k=window,x=k.trustedTypes,w=x?x.createPolicy("lit-html",{createHTML:t=>t}):void 0,T=`lit$${(Math.random()+"").slice(9)}$`,$="?"+T,P=`<${$}>`,_=document,E=(t="")=>_.createComment(t),S=t=>null===t||"object"!=typeof t&&"function"!=typeof t,A=Array.isArray,z=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,C=/-->/g,D=/>/g,B=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),I=/'/g,L=/"/g,M=/^(?:script|style|textarea|title)$/i,U=(t=>(e,...r)=>({_$litType$:t,strings:e,values:r}))(1),G=Symbol.for("lit-noChange"),N=Symbol.for("lit-nothing"),R=new WeakMap,H=_.createTreeWalker(_,129,null,!1),O=(t,e)=>{const r=t.length-1,i=[];let o,a=2===e?"<svg>":"",s=z;for(let e=0;e<r;e++){const r=t[e];let n,l,h=-1,d=0;for(;d<r.length&&(s.lastIndex=d,l=s.exec(r),null!==l);)d=s.lastIndex,s===z?"!--"===l[1]?s=C:void 0!==l[1]?s=D:void 0!==l[2]?(M.test(l[2])&&(o=RegExp("</"+l[2],"g")),s=B):void 0!==l[3]&&(s=B):s===B?">"===l[0]?(s=null!=o?o:z,h=-1):void 0===l[1]?h=-2:(h=s.lastIndex-l[2].length,n=l[1],s=void 0===l[3]?B:'"'===l[3]?L:I):s===L||s===I?s=B:s===C||s===D?s=z:(s=B,o=void 0);const c=s===B&&t[e+1].startsWith("/>")?" ":"";a+=s===z?r+P:h>=0?(i.push(n),r.slice(0,h)+"$lit$"+r.slice(h)+T+c):r+T+(-2===h?(i.push(void 0),e):c)}const n=a+(t[r]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==w?w.createHTML(n):n,i]};class q{constructor({strings:t,_$litType$:e},r){let i;this.parts=[];let o=0,a=0;const s=t.length-1,n=this.parts,[l,h]=O(t,e);if(this.el=q.createElement(l,r),H.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(i=H.nextNode())&&n.length<s;){if(1===i.nodeType){if(i.hasAttributes()){const t=[];for(const e of i.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(T)){const r=h[a++];if(t.push(e),void 0!==r){const t=i.getAttribute(r.toLowerCase()+"$lit$").split(T),e=/([.?@])?(.*)/.exec(r);n.push({type:1,index:o,name:e[2],strings:t,ctor:"."===e[1]?X:"?"===e[1]?Q:"@"===e[1]?W:Y})}else n.push({type:6,index:o})}for(const e of t)i.removeAttribute(e)}if(M.test(i.tagName)){const t=i.textContent.split(T),e=t.length-1;if(e>0){i.textContent=x?x.emptyScript:"";for(let r=0;r<e;r++)i.append(t[r],E()),H.nextNode(),n.push({type:2,index:++o});i.append(t[e],E())}}}else if(8===i.nodeType)if(i.data===$)n.push({type:2,index:o});else{let t=-1;for(;-1!==(t=i.data.indexOf(T,t+1));)n.push({type:7,index:o}),t+=T.length-1}o++}}static createElement(t,e){const r=_.createElement("template");return r.innerHTML=t,r}}function V(t,e,r=t,i){var o,a,s,n;if(e===G)return e;let l=void 0!==i?null===(o=r._$Co)||void 0===o?void 0:o[i]:r._$Cl;const h=S(e)?void 0:e._$litDirective$;return(null==l?void 0:l.constructor)!==h&&(null===(a=null==l?void 0:l._$AO)||void 0===a||a.call(l,!1),void 0===h?l=void 0:(l=new h(t),l._$AT(t,r,i)),void 0!==i?(null!==(s=(n=r)._$Co)&&void 0!==s?s:n._$Co=[])[i]=l:r._$Cl=l),void 0!==l&&(e=V(t,l._$AS(t,e.values),l,i)),e}class j{constructor(t,e){this.u=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(t){var e;const{el:{content:r},parts:i}=this._$AD,o=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:_).importNode(r,!0);H.currentNode=o;let a=H.nextNode(),s=0,n=0,l=i[0];for(;void 0!==l;){if(s===l.index){let e;2===l.type?e=new F(a,a.nextSibling,this,t):1===l.type?e=new l.ctor(a,l.name,l.strings,this,t):6===l.type&&(e=new J(a,this,t)),this.u.push(e),l=i[++n]}s!==(null==l?void 0:l.index)&&(a=H.nextNode(),s++)}return o}p(t){let e=0;for(const r of this.u)void 0!==r&&(void 0!==r.strings?(r._$AI(t,r,e),e+=r.strings.length-2):r._$AI(t[e])),e++}}class F{constructor(t,e,r,i){var o;this.type=2,this._$AH=N,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,this.options=i,this._$Cm=null===(o=null==i?void 0:i.isConnected)||void 0===o||o}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cm}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=V(this,t,e),S(t)?t===N||null==t||""===t?(this._$AH!==N&&this._$AR(),this._$AH=N):t!==this._$AH&&t!==G&&this.g(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>A(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.k(t):this.g(t)}O(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}g(t){this._$AH!==N&&S(this._$AH)?this._$AA.nextSibling.data=t:this.T(_.createTextNode(t)),this._$AH=t}$(t){var e;const{values:r,_$litType$:i}=t,o="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=q.createElement(i.h,this.options)),i);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===o)this._$AH.p(r);else{const t=new j(o,this),e=t.v(this.options);t.p(r),this.T(e),this._$AH=t}}_$AC(t){let e=R.get(t.strings);return void 0===e&&R.set(t.strings,e=new q(t)),e}k(t){A(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let r,i=0;for(const o of t)i===e.length?e.push(r=new F(this.O(E()),this.O(E()),this,this.options)):r=e[i],r._$AI(o),i++;i<e.length&&(this._$AR(r&&r._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var r;for(null===(r=this._$AP)||void 0===r||r.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cm=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class Y{constructor(t,e,r,i,o){this.type=1,this._$AH=N,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=o,r.length>2||""!==r[0]||""!==r[1]?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=N}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,r,i){const o=this.strings;let a=!1;if(void 0===o)t=V(this,t,e,0),a=!S(t)||t!==this._$AH&&t!==G,a&&(this._$AH=t);else{const i=t;let s,n;for(t=o[0],s=0;s<o.length-1;s++)n=V(this,i[r+s],e,s),n===G&&(n=this._$AH[s]),a||(a=!S(n)||n!==this._$AH[s]),n===N?t=N:t!==N&&(t+=(null!=n?n:"")+o[s+1]),this._$AH[s]=n}a&&!i&&this.j(t)}j(t){t===N?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class X extends Y{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===N?void 0:t}}const K=x?x.emptyScript:"";class Q extends Y{constructor(){super(...arguments),this.type=4}j(t){t&&t!==N?this.element.setAttribute(this.name,K):this.element.removeAttribute(this.name)}}class W extends Y{constructor(t,e,r,i,o){super(t,e,r,i,o),this.type=5}_$AI(t,e=this){var r;if((t=null!==(r=V(this,t,e,0))&&void 0!==r?r:N)===G)return;const i=this._$AH,o=t===N&&i!==N||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,a=t!==N&&(i===N||o);o&&this.element.removeEventListener(this.name,this,i),a&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,r;"function"==typeof this._$AH?this._$AH.call(null!==(r=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==r?r:this.element,t):this._$AH.handleEvent(t)}}class J{constructor(t,e,r){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(t){V(this,t)}}const Z=k.litHtmlPolyfillSupport;null==Z||Z(q,F),(null!==(y=k.litHtmlVersions)&&void 0!==y?y:k.litHtmlVersions=[]).push("2.4.0");var tt,et;class rt extends f{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const r=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=r.firstChild),r}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,r)=>{var i,o;const a=null!==(i=null==r?void 0:r.renderBefore)&&void 0!==i?i:e;let s=a._$litPart$;if(void 0===s){const t=null!==(o=null==r?void 0:r.renderBefore)&&void 0!==o?o:null;a._$litPart$=s=new F(e.insertBefore(E(),t),t,void 0,null!=r?r:{})}return s._$AI(t),s})(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1)}render(){return G}}rt.finalized=!0,rt._$litElement$=!0,null===(tt=globalThis.litElementHydrateSupport)||void 0===tt||tt.call(globalThis,{LitElement:rt});const it=globalThis.litElementPolyfillSupport;null==it||it({LitElement:rt}),(null!==(et=globalThis.litElementVersions)&&void 0!==et?et:globalThis.litElementVersions=[]).push("3.2.2");const ot=t=>e=>"function"==typeof e?((t,e)=>(customElements.define(t,e),e))(t,e):((t,e)=>{const{kind:r,elements:i}=e;return{kind:r,elements:i,finisher(e){customElements.define(t,e)}}})(t,e),at=(t,e)=>"method"===e.kind&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(r){r.createProperty(e.key,t)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){"function"==typeof e.initializer&&(this[e.key]=e.initializer.call(this))},finisher(r){r.createProperty(e.key,t)}};function st(t){return(e,r)=>void 0!==r?((t,e,r)=>{e.constructor.createProperty(r,t)})(t,e,r):at(t,e)}function nt(t){return st({...t,state:!0})}const lt=({finisher:t,descriptor:e})=>(r,i)=>{var o;if(void 0===i){const i=null!==(o=r.originalKey)&&void 0!==o?o:r.key,a=null!=e?{kind:"method",placement:"prototype",key:i,descriptor:e(r.key)}:{...r,key:i};return null!=t&&(a.finisher=function(e){t(e,i)}),a}{const o=r.constructor;void 0!==e&&Object.defineProperty(r,i,e(i)),null==t||t(o,i)}};function ht(t){return lt({finisher:(e,r)=>{Object.assign(e.prototype[r],t)}})}function dt(t,e){return lt({descriptor:r=>{const i={get(){var e,r;return null!==(r=null===(e=this.renderRoot)||void 0===e?void 0:e.querySelector(t))&&void 0!==r?r:null},enumerable:!0,configurable:!0};if(e){const e="symbol"==typeof r?Symbol():"__"+r;i.get=function(){var r,i;return void 0===this[e]&&(this[e]=null!==(i=null===(r=this.renderRoot)||void 0===r?void 0:r.querySelector(t))&&void 0!==i?i:null),this[e]}}return i}})}var ct;null===(ct=window.HTMLSlotElement)||void 0===ct||ct.prototype.assignedElements;const pt=t=>null!=t?t:N;const vt=["primary-lighter","primary-light","primary","primary-dark","primary-darker","on-primary-lighter","on-primary-light","on-primary","on-primary-dark","on-primary-darker","accent-lighter","accent-light","accent","accent-dark","accent-darker","on-accent-lighter","on-accent-light","on-accent","on-accent-dark","on-accent-darker","error-lighter","error-light","error","error-dark","error-darker","on-error-lighter","on-error-light","on-error","on-error-dark","on-error-darker","shade-lighter","shade-light","shade","shade-dark","shade-darker","on-shade-lighter","on-shade-light","on-shade","on-shade-dark","on-shade-darker"];function ut(t=10){return`_${Math.random().toString(36).substr(2,t)}`}t.TkBox=class extends rt{constructor(){super(...arguments),this.ripple=!1}static get styles(){return[l`${n('*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{box-sizing:border-box;display:flex;flex-direction:column;position:relative;transition:background var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease),color var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease)}:host([hidden]){display:none}.ripple{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.ripple span{background-color:currentColor;border-radius:50%;opacity:.5;position:absolute}:host([align-content=start]){align-content:flex-start}:host([align-content=end]){align-content:flex-end}:host([align-content=stretch]){align-content:stretch}:host([align-content=center]){align-content:center}:host([align-content=around]){align-content:space-around}:host([align-content=between]){align-content:space-between}:host([align-items=start]){align-items:flex-start}:host([align-items=end]){align-items:flex-end}:host([align-items=stretch]){align-items:stretch}:host([align-items=center]){align-items:center}:host([align-items=baseline]){align-items:baseline}:host([align-self=start]){align-self:flex-start}:host([align-self=end]){align-self:flex-end}:host([align-self=stretch]){align-self:stretch}:host([align-self=center]){align-self:center}:host([background=primary-lighter]){background-color:var(--primary-lighter)}:host([color=primary-lighter]){color:var(--primary-lighter)}:host([background=primary-light]){background-color:var(--primary-light)}:host([color=primary-light]){color:var(--primary-light)}:host([background=primary]){background-color:var(--primary)}:host([color=primary]){color:var(--primary)}:host([background=primary-dark]){background-color:var(--primary-dark)}:host([color=primary-dark]){color:var(--primary-dark)}:host([background=primary-darker]){background-color:var(--primary-darker)}:host([color=primary-darker]){color:var(--primary-darker)}:host([background=on-primary-lighter]){background-color:var(--on-primary-lighter)}:host([color=on-primary-lighter]){color:var(--on-primary-lighter)}:host([background=on-primary-light]){background-color:var(--on-primary-light)}:host([color=on-primary-light]){color:var(--on-primary-light)}:host([background=on-primary]){background-color:var(--on-primary)}:host([color=on-primary]){color:var(--on-primary)}:host([background=on-primary-dark]){background-color:var(--on-primary-dark)}:host([color=on-primary-dark]){color:var(--on-primary-dark)}:host([background=on-primary-darker]){background-color:var(--on-primary-darker)}:host([color=on-primary-darker]){color:var(--on-primary-darker)}:host([background=accent-lighter]){background-color:var(--accent-lighter)}:host([color=accent-lighter]){color:var(--accent-lighter)}:host([background=accent-light]){background-color:var(--accent-light)}:host([color=accent-light]){color:var(--accent-light)}:host([background=accent]){background-color:var(--accent)}:host([color=accent]){color:var(--accent)}:host([background=accent-dark]){background-color:var(--accent-dark)}:host([color=accent-dark]){color:var(--accent-dark)}:host([background=accent-darker]){background-color:var(--accent-darker)}:host([color=accent-darker]){color:var(--accent-darker)}:host([background=on-accent-lighter]){background-color:var(--on-accent-lighter)}:host([color=on-accent-lighter]){color:var(--on-accent-lighter)}:host([background=on-accent-light]){background-color:var(--on-accent-light)}:host([color=on-accent-light]){color:var(--on-accent-light)}:host([background=on-accent]){background-color:var(--on-accent)}:host([color=on-accent]){color:var(--on-accent)}:host([background=on-accent-dark]){background-color:var(--on-accent-dark)}:host([color=on-accent-dark]){color:var(--on-accent-dark)}:host([background=on-accent-darker]){background-color:var(--on-accent-darker)}:host([color=on-accent-darker]){color:var(--on-accent-darker)}:host([background=error-lighter]){background-color:var(--error-lighter)}:host([color=error-lighter]){color:var(--error-lighter)}:host([background=error-light]){background-color:var(--error-light)}:host([color=error-light]){color:var(--error-light)}:host([background=error]){background-color:var(--error)}:host([color=error]){color:var(--error)}:host([background=error-dark]){background-color:var(--error-dark)}:host([color=error-dark]){color:var(--error-dark)}:host([background=error-darker]){background-color:var(--error-darker)}:host([color=error-darker]){color:var(--error-darker)}:host([background=on-error-lighter]){background-color:var(--on-error-lighter)}:host([color=on-error-lighter]){color:var(--on-error-lighter)}:host([background=on-error-light]){background-color:var(--on-error-light)}:host([color=on-error-light]){color:var(--on-error-light)}:host([background=on-error]){background-color:var(--on-error)}:host([color=on-error]){color:var(--on-error)}:host([background=on-error-dark]){background-color:var(--on-error-dark)}:host([color=on-error-dark]){color:var(--on-error-dark)}:host([background=on-error-darker]){background-color:var(--on-error-darker)}:host([color=on-error-darker]){color:var(--on-error-darker)}:host([background=shade-lighter]){background-color:var(--shade-lighter)}:host([color=shade-lighter]){color:var(--shade-lighter)}:host([background=shade-light]){background-color:var(--shade-light)}:host([color=shade-light]){color:var(--shade-light)}:host([background=shade]){background-color:var(--shade)}:host([color=shade]){color:var(--shade)}:host([background=shade-dark]){background-color:var(--shade-dark)}:host([color=shade-dark]){color:var(--shade-dark)}:host([background=shade-darker]){background-color:var(--shade-darker)}:host([color=shade-darker]){color:var(--shade-darker)}:host([background=on-shade-lighter]){background-color:var(--on-shade-lighter)}:host([color=on-shade-lighter]){color:var(--on-shade-lighter)}:host([background=on-shade-light]){background-color:var(--on-shade-light)}:host([color=on-shade-light]){color:var(--on-shade-light)}:host([background=on-shade]){background-color:var(--on-shade)}:host([color=on-shade]){color:var(--on-shade)}:host([background=on-shade-dark]){background-color:var(--on-shade-dark)}:host([color=on-shade-dark]){color:var(--on-shade-dark)}:host([background=on-shade-darker]){background-color:var(--on-shade-darker)}:host([color=on-shade-darker]){color:var(--on-shade-darker)}:host([background=foreground]){background-color:var(--foreground)}:host([color=foreground]){color:var(--foreground)}:host([background=background]){background-color:var(--background)}:host([color=background]){color:var(--background)}:host([direction=column]){flex-direction:column}:host([direction=row-reverse]){flex-direction:row-reverse}:host([direction=column-reverse]){flex-direction:column-reverse}:host([text=center]){text-align:center}:host([text=justify]){text-align:justify}:host([text=left]){text-align:left}:host([text=right]){text-align:right}:host([weight="100"]){font-weight:100}:host([weight="200"]){font-weight:200}:host([weight="300"]){font-weight:300}:host([weight="400"]){font-weight:400}:host([weight="500"]){font-weight:500}:host([weight="600"]){font-weight:600}:host([weight="700"]){font-weight:700}:host([weight="800"]){font-weight:800}:host([weight="900"]){font-weight:900}:host([weight=lighter]){font-weight:lighter}:host([weight=bold]){font-weight:700}:host([weight=bolder]){font-weight:bolder}:host([direction=row]){flex-direction:row}:host([direction=row-reverse]){flex-direction:row}:host([elevation=xsmall]){box-shadow:var(--box-elevation,var(--elevation-1,0 1px 2px var(--shadow)))}:host([elevation=small]){box-shadow:var(--box-elevation,var(--elevation-2,0 2px 4px var(--shadow)))}:host([elevation=medium]){box-shadow:var(--box-elevation,var(--elevation-3,0 4px 8px var(--shadow)))}:host([elevation=large]){box-shadow:var(--box-elevation,var(--elevation-4,0 8px 16px var(--shadow)))}:host([elevation=xlarge]){box-shadow:var(--box-elevation,var(--elevation-5,0 12px 24px var(--shadow)))}:host([fill=horizontal]){width:100%}:host([fill=vertical]){height:100%}:host([fill=true]){height:100%;width:100%}:host([flex=grow]){flex:1 0}:host([flex=shrink]){flex:0 1}:host([flex=true]){flex:1 1}:host([flex=false]){flex:0 0}:host([gap=xsmall]) ::slotted(*),:host([gap=xsmall][direction=column]) ::slotted(*){margin:var(--spacing-xs,.25rem) 0}:host([gap=xsmall][direction=row]) ::slotted(*){margin:0 var(--spacing-xs,.25rem)}:host([margin=xsmall]){margin:var(--box-margin,var(--spacing-xs,.25rem))}:host([margin="xsmall auto"]){margin:var(--box-margin,var(--spacing-xs,.25rem)) auto}:host([margin="auto xsmall"]){margin:auto var(--box-margin,var(--spacing-xs,.25rem))}:host([padding=xsmall]){padding:var(--box-padding,var(--spacing-xs,.25rem))}:host([gap=small]) ::slotted(*),:host([gap=small][direction=column]) ::slotted(*){margin:var(--spacing-s,.5rem) 0}:host([gap=small][direction=row]) ::slotted(*){margin:0 var(--spacing-s,.5rem)}:host([margin=small]){margin:var(--box-margin,var(--spacing-s,.5rem))}:host([margin="small auto"]){margin:var(--box-margin,var(--spacing-s,.5rem)) auto}:host([margin="auto small"]){margin:auto var(--box-margin,var(--spacing-s,.5rem))}:host([padding=small]){padding:var(--box-padding,var(--spacing-s,.5rem))}:host([gap=medium]) ::slotted(*),:host([gap=medium][direction=column]) ::slotted(*){margin:var(--spacing-m,1rem) 0}:host([gap=medium][direction=row]) ::slotted(*){margin:0 var(--spacing-m,1rem)}:host([margin=medium]){margin:var(--box-margin,var(--spacing-m,1rem))}:host([margin="medium auto"]){margin:var(--box-margin,var(--spacing-m,1rem)) auto}:host([margin="auto medium"]){margin:auto var(--box-margin,var(--spacing-m,1rem))}:host([padding=medium]){padding:var(--box-padding,var(--spacing-m,1rem))}:host([gap=large]) ::slotted(*),:host([gap=large][direction=column]) ::slotted(*){margin:var(--spacing-l,1.25rem) 0}:host([gap=large][direction=row]) ::slotted(*){margin:0 var(--spacing-l,1.25rem)}:host([margin=large]){margin:var(--box-margin,var(--spacing-l,1.25rem))}:host([margin="large auto"]){margin:var(--box-margin,var(--spacing-l,1.25rem)) auto}:host([margin="auto large"]){margin:auto var(--box-margin,var(--spacing-l,1.25rem))}:host([padding=large]){padding:var(--box-padding,var(--spacing-l,1.25rem))}:host([gap=xlarge]) ::slotted(*),:host([gap=xlarge][direction=column]) ::slotted(*){margin:var(--spacing-xl,2rem) 0}:host([gap=xlarge][direction=row]) ::slotted(*){margin:0 var(--spacing-xl,2rem)}:host([margin=xlarge]){margin:var(--box-margin,var(--spacing-xl,2rem))}:host([margin="xlarge auto"]){margin:var(--box-margin,var(--spacing-xl,2rem)) auto}:host([margin="auto xlarge"]){margin:auto var(--box-margin,var(--spacing-xl,2rem))}:host([padding=xlarge]){padding:var(--box-padding,var(--spacing-xl,2rem))}:host([font=xsmall]),:host([size=xsmall]){font-size:var(--box-font-size,var(--font-size-xs,.625rem))}:host([font=small]),:host([size=small]){font-size:var(--box-font-size,var(--font-size-s,.875rem))}:host([font=medium]),:host([size=medium]){font-size:var(--box-font-size,var(--font-size-m,1rem))}:host([font=large]),:host([size=large]){font-size:var(--box-font-size,var(--font-size-l,1.25rem))}:host([font=xlarge]),:host([size=xlarge]){font-size:var(--box-font-size,var(--font-size-xl,1.5rem))}:host([font=xxlarge]),:host([size=xxlarge]){font-size:var(--box-font-size,var(--font-size-xxl,2.25rem))}:host([justify=start]){justify-content:flex-start}:host([justify=end]){justify-content:flex-end}:host([justify=stretch]){justify-content:stretch}:host([justify=baseline]){justify-content:baseline}:host([justify=center]){justify-content:center}:host([justify=around]){justify-content:space-around}:host([justify=between]){justify-content:space-between}:host([justify=evenly]){justify-content:space-evenly}:host([overflow=auto]){overflow:auto}:host([overflow=hidden]){overflow:hidden}:host([overflow=scroll]){overflow:scroll}:host([overflow=visible]){overflow:visible}:host([radius=none]){border-radius:var(--box-border-radius,0)}:host([radius=small]){border-radius:var(--box-border-radius,var(--border-radius-small,.125rem))}:host([radius=medium]){border-radius:var(--box-border-radius,var(--border-radius-medium,.25rem))}:host([radius=large]){border-radius:var(--box-border-radius,var(--border-radius-large,.5rem))}:host([radius=xlarge]){border-radius:var(--box-border-radius,var(--border-radius-x-large,1rem))}:host([radius=circle]){border-radius:var(--box-border-radius,var(--border-radius-circle,50%))}:host([radius=pill]){border-radius:var(--box-border-radius,var(--border-radius-pill,9999px))}:host([max-width=xxsmall]){max-width:var(--box-max-width,var(--size-xxs,2rem))}:host([width=xxsmall]){width:var(--box-width,var(--size-xxs,2rem))}:host([max-height=xxsmall]){max-height:var(--box-max-height,var(--size-xxs,2rem))}:host([height=xxsmall]){height:var(--box-height,var(--size-xxs,2rem))}:host([max-width=xsmall]){max-width:var(--box-max-width,var(--size-xs,4rem))}:host([width=xsmall]){width:var(--box-width,var(--size-xs,4rem))}:host([max-height=xsmall]){max-height:var(--box-max-height,var(--size-xs,4rem))}:host([height=xsmall]){height:var(--box-height,var(--size-xs,4rem))}:host([max-width=small]){max-width:var(--box-max-width,var(--size-s,8rem))}:host([width=small]){width:var(--box-width,var(--size-s,8rem))}:host([max-height=small]){max-height:var(--box-max-height,var(--size-s,8rem))}:host([height=small]){height:var(--box-height,var(--size-s,8rem))}:host([max-width=medium]){max-width:var(--box-max-width,var(--size-m,16rem))}:host([width=medium]){width:var(--box-width,var(--size-m,16rem))}:host([max-height=medium]){max-height:var(--box-max-height,var(--size-m,16rem))}:host([height=medium]){height:var(--box-height,var(--size-m,16rem))}:host([max-width=large]){max-width:var(--box-max-width,var(--size-l,32rem))}:host([width=large]){width:var(--box-width,var(--size-l,32rem))}:host([max-height=large]){max-height:var(--box-max-height,var(--size-l,32rem))}:host([height=large]){height:var(--box-height,var(--size-l,32rem))}:host([max-width=xlarge]){max-width:var(--box-max-width,var(--size-xl,48rem))}:host([width=xlarge]){width:var(--box-width,var(--size-xl,48rem))}:host([max-height=xlarge]){max-height:var(--box-max-height,var(--size-xl,48rem))}:host([height=xlarge]){height:var(--box-height,var(--size-xl,48rem))}:host([max-width=xxlarge]){max-width:var(--box-max-width,var(--size-xxl,64rem))}:host([width=xxlarge]){width:var(--box-width,var(--size-xxl,64rem))}:host([max-height=xxlarge]){max-height:var(--box-max-height,var(--size-xxl,64rem))}:host([height=xxlarge]){height:var(--box-height,var(--size-xxl,64rem))}:host([wrap=true]){flex-wrap:wrap}:host([wrap=reverse]){flex-wrap:wrap-reverse}')}`]}render(){return U`<slot></slot>`}connectedCallback(){this.ripple&&(this.addEventListener("mousedown",this.showRipple.bind(this),{passive:!0}),this.addEventListener("mouseup",this.hideRipple.bind(this),{passive:!0})),super.connectedCallback()}disconnectedCallback(){this.removeEventListener("mousedown",this.showRipple),this.addEventListener("mouseup",this.hideRipple),super.disconnectedCallback()}updated(t){t.has("background")&&![...vt,"background","foreground"].includes(this.background)&&this.style.setProperty("background-color",this.background.toString()),t.has("color")&&![...vt,"background","foreground"].includes(this.color)&&this.style.setProperty("color",this.color.toString()),super.updated(t)}showRipple(t){const e=t.clientX,r=t.clientY,{offsetWidth:i,offsetHeight:o}=this,a=document.createElement("span");a.classList.add("ripple","open");const s=document.createElement("span");a.appendChild(s),this.shadowRoot.appendChild(a);const n=this.getBoundingClientRect(),l=2*Math.max(i,i);s.style.width=s.style.height=l+"px",s.style.left=e-n.left-l/2+"px",s.style.top=r-n.top-l/2+"px";s.animate({transform:["scale(0)","scale(1)"]},{easing:"ease-out",fill:"both",duration:500}).onfinish=()=>{a.classList.remove("open");s.animate({opacity:["0.5","0"]},{easing:"ease-in",fill:"both",duration:300}).onfinish=()=>{requestAnimationFrame((()=>{a.remove()}))}}}hideRipple(t){var e;null===(e=this.shadowRoot)||void 0===e||e.querySelectorAll(".ripple:not([open])").forEach((t=>{t.querySelector("span").animate({opacity:["0.5","0"]},{easing:"ease-out",fill:"both",duration:300}).onfinish=()=>{requestAnimationFrame((()=>{t.remove()}))}}))}},e([st({type:Boolean})],t.TkBox.prototype,"ripple",void 0),e([st()],t.TkBox.prototype,"background",void 0),e([st()],t.TkBox.prototype,"color",void 0),t.TkBox=e([ot("tk-box")],t.TkBox);class gt extends t.TkBox{constructor(){super(...arguments),this._id=ut(),this.disabled=!1}updated(t){this.tabIndex=this.disabled?-1:0,super.updated(t)}}e([st({type:Boolean})],gt.prototype,"_id",void 0),e([st({type:Boolean})],gt.prototype,"disabled",void 0);t.TkAccordion=class extends gt{constructor(){super(...arguments),this.checked=!1,this.rippleHeader=!1}static get styles(){return[...t.TkBox.styles,l`${n('@charset "UTF-8";*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host .header{border:1px solid var(--shade-lighter);border-radius:10px;color:var(--primary);cursor:pointer;padding:.6em}:host .header>*{margin:0 10px}:host .header:after{content:"▼";display:inline-block;font-size:12px;transition:transform .3s}:host .header .before{width:fit-content}:host .header .header-content{flex:1}:host .content{height:0;margin:0 auto;opacity:0;transition:all .2s;visibility:hidden;width:95%}:host h3,:host h5{margin:0}:host([checked]) .header{background-color:var(--primary);color:var(--on-primary)}:host([checked]) .header:after{transform:rotate(180deg)}:host([checked]) .content{height:auto;opacity:1;transition:all .3s,opacity .7s;visibility:visible}:host([pill]) .header{border-radius:9999px}')}`]}render(){return U`<tk-box margin="small"><tk-box @click="${this.handleClick.bind(this)}" ?ripple="${this.rippleHeader}" class="header" direction="row" align-items="center"><tk-box class="before"><slot name="before"></slot></tk-box><tk-box class="header-content"><h3 class="title"><slot name="title"></slot></h3><h5><slot name="description"></slot></h5></tk-box></tk-box><tk-box class="content"><slot></slot></tk-box></tk-box><input id="${this.id}" slot="none" style="display:none" type="radio" ?checked="${this.checked}" ?disabled="${this.disabled}" name="${pt(this.name)}" aria-hidden="true" tabindex="-1">`}firstUpdated(){this.appendChild(this.$input)}onKeyDown(t){"Space"!==t.code&&"Enter"!==t.code||(t.preventDefault(),t.stopPropagation(),this.click())}handleClick(){this.checked=!this.checked,this.checked&&this.name&&this.getRootNode().querySelectorAll(`tk-accordion[name="${this.name}"]`).forEach((t=>t!=this?t.checked=!1:null)),this.dispatchEvent(new Event("change"))}},e([st({attribute:!0,type:String})],t.TkAccordion.prototype,"name",void 0),e([st({attribute:!0,type:Boolean,reflect:!0})],t.TkAccordion.prototype,"checked",void 0),e([st({attribute:"ripple-header",type:Boolean})],t.TkAccordion.prototype,"rippleHeader",void 0),e([dt("input")],t.TkAccordion.prototype,"$input",void 0),t.TkAccordion=e([ot("tk-accordion")],t.TkAccordion);t.TkBadge=class extends t.TkBox{static get styles(){return[...t.TkBox.styles,l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:var(--tk-badge-color,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))));--text:var(--tk-badge-text-color,var(--on-primary,hsl(var(--on-primary-h,0),var(--on-primary-s,0%),var(--on-primary-l,100%))));align-items:center;background-color:var(--color);border-radius:9999px;color:var(--text);cursor:inherit;display:inline-flex;height:1.375em;justify-content:center;padding:0 .5em;user-select:none;white-space:nowrap}:host([accent]){--color:var(--accent,hsl(var(--accent-h,8.76404),var(--accent-s,64.0288%),var(--accent-l,72.7451%)));--text:var(--on-accent,hsl(var(--on-accent-h,0),var(--on-accent-s,0%),var(--on-accent-l,100%)))}")}`]}},t.TkBadge=e([ot("tk-badge")],t.TkBadge);t.TkButton=class extends t.TkBox{constructor(){super(...arguments),this._id=ut(),this.href=null,this.type="button",this.disabled=!1}static get styles(){return[...t.TkBox.styles,l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%)));--color-darker:var(--primary-darker,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),calc(var(--primary-l, 59.4118%)*0.7)));--text:var(--on-primary,hsl(var(--on-primary-h,0),var(--on-primary-s,0%),var(--on-primary-l,100%)));align-items:center;background-color:var(--color);border:1px solid var(--color);border-radius:var(--border-radius-medium,.25rem);box-sizing:border-box;color:var(--text);cursor:pointer;display:inline-flex;flex-direction:row;font-family:Roboto,sans-serif;justify-content:center;letter-spacing:.8px;padding:var(--spacing-s,.5rem) var(--spacing-m,1rem);position:relative;text-align:center;text-decoration:none;text-overflow:ellipsis;user-select:none;vertical-align:middle}:host .content{align-items:center;display:flex;pointer-events:none}:host .before{align-items:center;display:flex}:host .before ::slotted(*){margin-right:var(--spacing-s,.5rem)}:host .after{align-items:center;display:flex}:host .after ::slotted(*){margin-left:var(--spacing-s,.5rem)}:host .badge-out{display:flex;pointer-events:none;position:absolute;right:-.8em;top:-.7em}:host .badge-in{display:flex;pointer-events:none;position:absolute;right:2px;top:2px}:host(:focus){outline:none}:host(:focus),:host(:hover){--color:var(--primary-light,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),calc(var(--primary-l, 59.4118%)*1.15)))}:host(:active){--color:var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%)))}:host([inverted]){--color:var(--on-primary,hsl(var(--on-primary-h,0),var(--on-primary-s,0%),var(--on-primary-l,100%)));--text:var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%)))}:host([inverted]:focus),:host([inverted]:hover){--color:#0000001a}:host([inverted]:active){--color:var(--on-primary,hsl(var(--on-primary-h,0),var(--on-primary-s,0%),var(--on-primary-l,100%)))}:host([accent]){--color:var(--accent,hsl(var(--accent-h,8.76404),var(--accent-s,64.0288%),var(--accent-l,72.7451%)));--color-darker:var(--accent,hsl(var(--accent-h,8.76404),var(--accent-s,64.0288%),var(--accent-l,72.7451%)))}:host([accent]:focus),:host([accent]:hover){--color:var(--accent-light,hsl(var(--accent-h,8.76404),var(--accent-s,64.0288%),calc(var(--accent-l, 72.7451%)*1.15)))}:host([accent]:active){--color:var(--accent,hsl(var(--accent-h,8.76404),var(--accent-s,64.0288%),var(--accent-l,72.7451%)))}:host([accent][inverted]){--color:var(--on-accent,hsl(var(--on-accent-h,0),var(--on-accent-s,0%),var(--on-accent-l,100%)));--text:var(--accent,hsl(var(--accent-h,8.76404),var(--accent-s,64.0288%),var(--accent-l,72.7451%)))}:host([accent][inverted]:focus),:host([accent][inverted]:hover){--color:#0000001a}:host([accent][inverted]:active){--color:var(--on-accent,hsl(var(--on-accent-h,0),var(--on-accent-s,0%),var(--on-accent-l,100%)))}:host([outlined]){background:var(--background,#f7f7f7) radial-gradient(circle,#0000 1%,var(--background,#f7f7f7) 1%) center/15000%;color:var(--color)}:host([pill]){border-radius:var(--border-radius-pill,9999px)}:host([small]){font-size:.8em;height:28px;line-height:.9em;padding:0 var(--spacing-s,.5rem)}:host([small]) .before ::slotted(*){margin-right:var(--spacing-xs,.25rem)}:host([small]) .after ::slotted(*){margin-left:var(--spacing-xs,.25rem)}:host([fab]){align-items:center;border-radius:50%;box-shadow:var(--elevation-1,0 1px 2px var(--shadow));height:40px;justify-content:center;line-height:normal;overflow:hidden;padding:0;width:40px}:host([fab]):hover{box-shadow:var(--elevation-3,0 4px 8px var(--shadow))}:host([fab][small]){font-size:.75em;height:30px;width:30px}:host([flat]){box-shadow:none}:host([flat]):hover{box-shadow:none}:host([disabled]),:host([disabled][accent]){--text:var(--button-color-disabled,var(--shade-lighter));--color:var(--button-bg-disabled,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));box-shadow:none;cursor:default;pointer-events:none}")}`]}render(){return U`<div class="before"><slot name="before"></slot></div><div class="content"><slot></slot></div><div class="after"><slot name="after"></slot></div><div class="badge-in"><slot name="badge-in"></slot></div><div class="badge-out"><slot name="badge-out"></slot></div>${this.href?U`<a tabindex="-1" hidden id="ahref" href="${this.href}" target="${pt(this.target)}" rel="noreferrer"></a>`:""} <button id="${this._id}" hidden type="${pt(this.type)}"></button>`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("keydown",this.onKeyDown.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.onKeyDown)}updated(t){this.tabIndex=this.disabled?-1:0,super.updated(t)}onKeyDown(t){"Space"!==t.code&&"Enter"!==t.code||(t.preventDefault(),t.stopPropagation(),this.click())}firstUpdated(){"submit"!=this.type&&"reset"!=this.type||this.appendChild(this.$button)}handleClick(t){var e;this.href&&t.isTrusted?(t.stopPropagation(),t.preventDefault(),this.$ahref.click()):(t.isTrusted&&"submit"==this.type||"reset"==this.type)&&(null===(e=this.querySelector("button"))||void 0===e||e.click())}},e([st()],t.TkButton.prototype,"href",void 0),e([st()],t.TkButton.prototype,"target",void 0),e([st()],t.TkButton.prototype,"type",void 0),e([st({type:Boolean})],t.TkButton.prototype,"disabled",void 0),e([dt("#ahref")],t.TkButton.prototype,"$ahref",void 0),e([dt("button")],t.TkButton.prototype,"$button",void 0),t.TkButton=e([ot("tk-button")],t.TkButton);t.TkCheckbox=class extends rt{constructor(){super(...arguments),this._id=ut(),this.checked=!1}render(){return U`<tk-box direction="row" align-items="center"><div tabindex="0" class="checkbox"><svg id="checkmark" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none" viewBox="0 0 24 24"><path id="checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path><line id="indeterminate-path" fill="none" x1="0" y1="12.5" x2="24" y2="12.5"/></svg></div><span class="label"><slot></slot></span></tk-box><input id="${this._id}" slot="none" style="display:none" ?checked="${this.checked}" type="checkbox" name="${pt(this.name)}" value="${pt(this.value)}" aria-hidden="true" tabindex="-1">`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("keydown",this.onKeyDown.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.onKeyDown)}firstUpdated(){this.appendChild(this.$input)}onKeyDown(t){"Space"!==t.code&&"Enter"!==t.code||(t.preventDefault(),t.stopPropagation(),this.click())}handleClick(){this.checked=!this.checked,setTimeout((()=>this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))))}},t.TkCheckbox.styles=l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--_checkbox-bg:var(--checkbox-bg,#0000);--_checkbox-color:var(--checkbox-color,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));display:inline-flex}:host .checkbox{align-items:center;background:var(--_checkbox-bg);border:var(--checkbox-border-config,.125rem solid) currentColor;border-radius:var(--checkbox-border-radius,.375rem);color:var(--_checkbox-color);display:inline-flex;height:var(--checkbox-size,1.25rem);justify-content:center;margin:0 5px;min-width:var(--checkbox-size,1.25rem);outline:none;position:relative;transition:var(--checkbox-transition,background var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),border-color var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));-webkit-user-select:none;user-select:none;width:var(--checkbox-size,1.25rem)}:host .label{font-size:1.1em}:host(:not([disabled])){cursor:pointer}:host([checked]),:host([indeterminate]){--_checkbox-bg:var(--checkbox-bg-checked,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))));--_checkbox-color:var(--checkbox-color-checked,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))))}:host([checked]:not([indeterminate])) #checkmark-path,:host([indeterminate]) #indeterminate-path{stroke-dashoffset:0}:host(:focus),:host(:hover){will-change:border,background}:host(:focus) #checkmark-path,:host(:hover) #checkmark-path{will-change:stroke-dashoffset}:host([disabled]){--_checkbox-bg:var(--checkbox-bg-disabled,#0000);--_checkbox-color:var(--checkbox-color-disabled,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));color:var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%)));pointer-events:none}:host([disabled][checked]),:host([disabled][indeterminate]){--_checkbox-bg:var(--checkbox-bg-disabled-checked,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));--_checkbox-color:var(--checkbox-color-disabled-checked,var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3))))}#checkmark{height:var(--checkbox-checkmark-size,.75rem);width:var(--checkbox-checkmark-size,.75rem)}#checkmark-path,#indeterminate-path{stroke-width:var(--checkbox-checkmark-path-width,.3rem);stroke:var(--checkbox-checkmark-stroke-color,var(--on-primary,hsl(var(--on-primary-h,0),var(--on-primary-s,0%),var(--on-primary-l,100%))));stroke-dasharray:var(--checkbox-checkmark-path-dasharray,30);stroke-dashoffset:var(--checkbox-checkmark-path-dasharray,30);transition:var(--checkbox-checkmark-transition,stroke-dashoffset var(--transition-duration-medium,.18s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)))}#checkmark-path{transition-delay:var(--checkbox-checkmark-path-delay,50ms)}#ripple{transform:var(--checkbox-ripple-transform,translate(-50%,-50%) scale(1.8))}")}`,e([st({attribute:!0,type:String})],t.TkCheckbox.prototype,"name",void 0),e([st({attribute:!0,type:String})],t.TkCheckbox.prototype,"value",void 0),e([st({attribute:!0,type:Boolean,reflect:!0})],t.TkCheckbox.prototype,"checked",void 0),e([dt("input")],t.TkCheckbox.prototype,"$input",void 0),t.TkCheckbox=e([ot("tk-checkbox")],t.TkCheckbox);t.TkDialog=class extends rt{constructor(){super(...arguments),this.modal=!1,this.open=!1,this.blurOverlay=!1}render(){return U`${this.open?U`<div class="overlay ${this.blurOverlay?"blur":""}" @click="${()=>this.modal?null:this.hide()}"></div><div class="container"><slot></slot></div>`:""}`}updated(t){t.has("open")&&this.open&&this.dispatchEvent(new Event("did-show")),t.has("open")&&!this.open&&this.dispatchEvent(new Event("did-close"))}show(){return this.open=!0,new Promise((t=>{this.resolve=t}))}hide(t=null){this.open=!1,this.resolve(t)}},t.TkDialog.styles=l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{display:none;outline:none;position:relative}:host([open]){align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:var(--dialog-z-index,300)}:host([open]) .overlay{background-color:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}:host([open]) .overlay.blur{backdrop-filter:blur(2px)}:host([open]) .container{animation:fade-in .3s forwards;border-radius:var(--border-radius-medium,.25rem);height:100%;margin:0;max-width:100%;overflow-y:auto;overscroll-behavior:contain;padding:1rem;position:fixed;width:fit-content;will-change:transform,opacity}@keyframes fade-in{0%{opacity:0}to{opacity:1}}")}`,e([st({type:Boolean,attribute:!0})],t.TkDialog.prototype,"modal",void 0),e([st({type:Boolean,attribute:!0,reflect:!0})],t.TkDialog.prototype,"open",void 0),e([st({type:Boolean,attribute:"blur-overlay"})],t.TkDialog.prototype,"blurOverlay",void 0),t.TkDialog=e([ot("tk-dialog")],t.TkDialog);let mt;var bt;(bt=mt||(mt={})).None="0",bt.Left="left",bt.Right="right",bt.Up="up",bt.Down="down";const ft=Object.freeze({Horizontal:[mt.Left,mt.Right],Vertical:[mt.Up,mt.Down],All:[mt.Left,mt.Right,mt.Up,mt.Down,mt.None]});let yt;var kt;let xt;var wt;let Tt;var $t;(kt=yt||(yt={})).Inactive="inactive",kt.Active="active",kt.Blocked="blocked",(wt=xt||(xt={})).NoPointer="nopointer",wt.SinglePointer="singlepointer",wt.DualPointer="dualpointer",($t=Tt||(Tt={})).NoActiveGesture="noactivegesture",$t.ActiveGesture="activegesture";class Pt{constructor(t,e){this.x=t,this.y=e}}class _t{constructor(t,e){this.startPoint=t,this.endPoint=e,this.direction=mt.None,this.deltaX=this.endPoint.x-this.startPoint.x,this.deltaY=this.endPoint.y-this.startPoint.y,this.x=this.deltaX,this.y=this.deltaY,this.vectorLength=Math.sqrt(Math.pow(this.deltaX,2)+Math.pow(this.deltaY,2)),Math.abs(this.deltaX)>Math.abs(this.deltaY)?this.startPoint.x<this.endPoint.x?this.direction=mt.Right:this.startPoint.x>this.endPoint.x&&(this.direction=mt.Left):this.startPoint.y<this.endPoint.y?this.direction=mt.Down:this.startPoint.y>this.endPoint.y&&(this.direction=mt.Up)}}class Et{static getVector(t,e){const r=new Pt(t.clientX,t.clientY),i=new Pt(e.clientX,e.clientY);return new _t(r,i)}static getSpeed(t,e,r){let i=0;const o=(r-e)/1e3;return null!=t&&0!=o&&(i=t.vectorLength/o),i}static calculateRotationAngle(t,e){const r=new _t(t.startPoint,e.startPoint),i=new _t(t.endPoint,e.endPoint),o=new Pt(0,0),a=new _t(r.startPoint,o),s=this.translatePoint(r.endPoint,a),n=new _t(i.startPoint,o),l=this.translatePoint(i.endPoint,n),h=-1*this.calcAngleRad(s),d=l.x*Math.cos(h)-l.y*Math.sin(h),c=Math.round(l.x*Math.sin(h)+l.y*Math.cos(h));return 180*Math.atan2(c,d)/Math.PI}static calculateVectorAngle(t,e){let r=0;if(t.vectorLength>0&&e.vectorLength>0){const i=(t.x*e.x+t.y*e.y)/(t.vectorLength*e.vectorLength),o=Math.acos(i);r=this.rad2deg(o)}return r}static translatePoint(t,e){const r=t.x+e.x,i=t.y+e.y;return new Pt(r,i)}static calcAngleDegrees(t){let e=180*Math.atan2(t.y,t.x)/Math.PI;return e<0&&(e=360+e),e}static calcAngleRad(t){let e=Math.atan2(t.y,t.x);return e<0&&(e=2*Math.PI+e),e}static deg2rad(t){return Math.PI/180*t}static rad2deg(t){return t/(Math.PI/180)}static getCenter(t,e){const r=(t.x+e.x)/2,i=(t.y+e.y)/2;return new Pt(r,i)}static getCenterMovementVector(t,e){const r=this.getCenter(t.startPoint,e.startPoint),i=this.getCenter(t.endPoint,e.endPoint);return new _t(r,i)}static calculateDistanceChange(t,e){const r=new _t(t.startPoint,e.startPoint);return new _t(t.endPoint,e.endPoint).vectorLength-r.vectorLength}static calculateAbsoluteDistanceChange(t,e){const r=this.calculateDistanceChange(t,e);return Math.abs(r)}static calculateRelativeDistanceChange(t,e){const r=new _t(t.startPoint,e.startPoint);return new _t(t.endPoint,e.endPoint).vectorLength/r.vectorLength}}class St{constructor(t){this.pointer=t,this.parameters=t.parameters}getTarget(){return this.pointer.initialPointerEvent.target}getCurrentPointerEvent(){return this.pointer.currentPointerEvent}getCurrentDirection(){return this.parameters.live.vector.direction}onIdle(){}onPointerMove(t){}onPointerUp(t){}onPointerLeave(t){}onPointerCancel(t){}}let At;var zt;(zt=At||(At={})).Active="active",zt.Removed="removed",zt.Canceled="canceled";class Ct{constructor(t,e){this.options={DEBUG:!1,...e},this.DEBUG=this.options.DEBUG;const r=(new Date).getTime();this.pointerId=t.pointerId,this.vectorTimespan=this.options.vectorTimespan??100,this.initialPointerEvent=t,this.currentPointerEvent=t,this.recognizedEvents=[t],this.state=At.Active;const i=Et.getVector(t,t),o={global:{startX:this.initialPointerEvent.clientX,startY:this.initialPointerEvent.clientY,vector:i,deltaX:0,deltaY:0,startTimestampUTC:r,startTimestamp:this.initialPointerEvent.timeStamp,currentTimestamp:this.initialPointerEvent.timeStamp,endTimestamp:null,maximumSpeed:0,currentSpeed:0,distance:0,maximumDistance:0,averageSpeed:0,finalSpeed:0,traveledDistance:0,hasBeenMoved:!1,duration:0},live:{duration:0,speed:0,vector:i,distance:0,isMoving:!1}};this.parameters=o}getTarget(){return this.initialPointerEvent.target}reset(){}onIdle(){const t=(new Date).getTime()-this.parameters.global.startTimestampUTC;this.parameters.global.duration=t}onPointerMove(t){this.parameters.global.hasBeenMoved=!0,this.parameters.live.isMoving=!0,this.update(t)}onPointerUp(t){this.parameters.global.finalSpeed=this.parameters.live.speed,this.parameters.live.speed=0,this.parameters.live.isMoving=!1,this.state=At.Removed,this.parameters.global.endTimestamp=t.timeStamp,this.update(t),!0===this.DEBUG&&console.log(`[PointerInput] pointerdown ended. pointerdown duration: ${this.parameters.global.duration}ms`)}onPointerLeave(t){this.onPointerUp(t)}onPointerCancel(t){this.update(t),this.parameters.live.speed=0,this.state=At.Canceled,this.parameters.live.isMoving=!1,this.parameters.global.endTimestamp=t.timeStamp,!0===this.DEBUG&&console.log(`[PointerInput] canceled, pointerdown duration:${this.parameters.global.duration}ms`)}update(t){this.currentPointerEvent=t,this.recognizedEvents.push(t);const e=this.getTimedPointerEvents(),r=Et.getVector(e[0],e[1]);this.parameters.live.vector=r,this.parameters.live.distance=r.vectorLength,this.parameters.live.speed=Et.getSpeed(r,e[0].timeStamp,e[1].timeStamp),this.parameters.live.speed>this.parameters.global.maximumSpeed&&(this.parameters.global.maximumSpeed=this.parameters.live.speed),this.parameters.global.currentTimestamp=t.timeStamp,this.parameters.global.duration=t.timeStamp-this.parameters.global.startTimestamp,this.parameters.global.deltaX=r.endPoint.x-this.parameters.global.startX,this.parameters.global.deltaY=r.endPoint.y-this.parameters.global.startY;const i=Et.getVector(this.initialPointerEvent,this.currentPointerEvent);this.parameters.global.vector=i,this.parameters.global.distance=i.vectorLength,i.vectorLength>this.parameters.global.maximumDistance&&(this.parameters.global.maximumDistance=i.vectorLength),!0===this.DEBUG&&(console.log(`[PointerInput] current speed: ${this.parameters.live.speed}px/s`),console.log(`[PointerInput] pointerdown duration: ${this.parameters.global.duration}ms`),console.log(`[PointerInput] live vector length within vectorTimespan: ${this.parameters.live.vector.vectorLength}px`))}getTimedPointerEvents(){let t=this.initialPointerEvent;const e=this.recognizedEvents[this.recognizedEvents.length-1];let r=this.recognizedEvents.length-1,i=0;const o=e.timeStamp;for(;i<this.vectorTimespan&&(r-=1,!(r<0));)t=this.recognizedEvents[r],i=o-t.timeStamp;const a=[t,e];return this.recognizedEvents=this.recognizedEvents.slice(-20),a}}const Dt=globalThis.window;let Bt;Bt=Dt?.CustomEvent?Dt.CustomEvent:class extends Event{constructor(t,e){super(t,e),this.detail=e?.detail}initCustomEvent(){throw new Error("Unsupported deprecated method")}};class It extends Bt{}class Lt{constructor(t,e){this.state=yt.Inactive,this.validPointerManagerState=null,this.validPointerInputConstructor=St,this.domElement=t,this.initialPointerEvent=null,this.initialParameters=null,this.activeStateParameters=null,this.options={bubbles:!0,blocks:[],supportedDirections:[],DEBUG:!1,...e},this.DEBUG=this.options.DEBUG}getEmptyGestureParameters(){return{global:{min:{},max:{},boolean:{}},live:{min:{},max:{},boolean:{}}}}getGestureParameters(){let t;if(this.state==yt.Active?(t=this.activeStateParameters,1==this.DEBUG&&(console.log(`[${this.eventBaseName}] validating using activeStateParameters`),console.log(t))):(1==this.DEBUG&&console.log(`[${this.eventBaseName}] validating using initialParameters`),t=this.initialParameters),null==t)throw new Error("[Gesture] no gesture parameters found. Do not call .getGestureParameters on abstract class Gesture");return t}validateGestureParameters(t){const e=this.getGestureParameters();let r,i=!0;for(r in e){const o=e[r],a=t.parameters[r];let s;for(s in o){const t=o[s];let e;for(e in t){const o=t[e],n=a[e];if(1==this.DEBUG&&console.log(`[${this.eventBaseName}] validating ${r} ${s}: required: ${o}, pointer: ${n}`),"boolean"==typeof o&&"boolean"==typeof n?i=this.validateBooleanParameter(o,n):"number"==typeof o&&"number"==typeof n&&(i=this.validateMinMaxParameter(o,n,s)),0==i)return 1==this.DEBUG&&console.log(`[${this.eventBaseName}] invalidated `),!1}}}return!0}validateBooleanParameter(t,e){return null==t||(t==e?(1==this.DEBUG&&console.log(`validated: required value: ${t}, current value: ${e}`),!0):(1==this.DEBUG&&console.log(`dismissing ${this.eventBaseName}: required value: ${t}, current value: ${e}`),!1))}validateMinMaxParameter(t,e,r){if("min"==r){if(e>=t)return!0}else if("max"==r&&e<=t)return!0;return!1}validateDirection(t){const e=t.getCurrentDirection();return!(this.options.supportedDirections.length&&!this.options.supportedDirections.includes(e))||(1==this.DEBUG&&console.log(`[Gestures] dismissing ${this.eventBaseName}: supported directions: ${this.options.supportedDirections}, current direction: ${e}`),!1)}validateGestureState(){return this.state!=yt.Blocked}validatePointerManagerState(t){return t.state==this.validPointerManagerState||(1==this.DEBUG&&console.log(`[Gesture] PointerManagerState invalidated ${this.eventBaseName}: ${t.state}`),!1)}validatePointerInputConstructor(t){return t instanceof this.validPointerInputConstructor||(1==this.DEBUG&&console.log(`[Gesture] PointerInputConstructor invalidated ${this.eventBaseName}: ${this.validPointerInputConstructor}`),!1)}validate(t){let e=this.validateGestureState();1==e&&(e=this.validatePointerManagerState(t));const r=t.activePointerInput;return 1==e&&null!=r&&(e=this.validatePointerInputConstructor(r),1==e&&(e=this.validateDirection(r)),1==e&&(e=this.validateGestureParameters(r))),e}recognize(t){const e=this.validate(t);1==e&&this.state==yt.Inactive&&this.onStart(t),1==e&&this.state==yt.Active?(null==this.initialPointerEvent&&this.setInitialPointerEvent(t),this.emit(t)):this.state==yt.Active&&0==e?this.onEnd(t):1==this.DEBUG&&console.log(`not firing event ${this.eventBaseName}. No SinglePointerInput found`)}getPointerInput(t){if(1==t.hasPointersOnSurface()&&t.activePointerInput instanceof this.validPointerInputConstructor)return t.activePointerInput;if(t.lastRemovedPointer instanceof Ct){const e=t.getlastRemovedPointerInput();if(e instanceof this.validPointerInputConstructor)return e}return null}setInitialPointerEvent(t){const e=this.getPointerInput(t);if(e instanceof this.validPointerInputConstructor){const t=e.getCurrentPointerEvent();this.initialPointerEvent=t}}emit(t,e){e=e||this.eventBaseName,!0===this.DEBUG&&console.log(`[Gestures] detected and firing event ${e}`);const r=this.getPointerInput(t);if(null!=r){const i=r.getTarget();if(i instanceof EventTarget){const o=this.getEventData(r,t),a={detail:o,bubbles:this.options.bubbles};!0===this.DEBUG&&console.log(a);const s=new It(e,a);1==a.bubbles?i.dispatchEvent(s):this.domElement.dispatchEvent(s);const n=o.live.direction;if(1==!!this.options.supportedDirections&&n!=mt.None&&(e==this.eventBaseName||"swipe"==e))for(let t=0;t<this.options.supportedDirections.length;t++){const r=this.options.supportedDirections[t];if(r==n){const t=e+r;1==this.DEBUG&&console.log(`[Gestures] detected and firing event ${t}`);const o=new It(t,a);1==a.bubbles?i.dispatchEvent(o):this.domElement.dispatchEvent(o)}}}}}onStart(t){this.blockGestures(),this.state=yt.Active,this.setInitialPointerEvent(t);const e=`${this.eventBaseName}start`;this.emit(t,e)}onEnd(t){this.unblockGestures(),1==this.DEBUG&&console.log(`[${this.eventBaseName}] ended. Setting ${this.eventBaseName}.state = ${yt.Inactive}`),this.state=yt.Inactive;const e=`${this.eventBaseName}end`;this.emit(t,e)}onTouchStart(t){}onTouchMove(t){}onTouchEnd(t){}onTouchCancel(t){}block(t){-1==this.options.blocks.indexOf(t)&&this.options.blocks.push(t)}unblock(t){-1!=this.options.blocks.indexOf(t)&&this.options.blocks.splice(this.options.blocks.indexOf(t),1)}blockGestures(){for(let t=0;t<this.options.blocks.length;t++){const e=this.options.blocks[t];e.state==yt.Inactive&&(0==this.DEBUG&&console.log(`[Gesture] blocking ${e.eventBaseName}`),e.state=yt.Blocked)}}unblockGestures(){for(let t=0;t<this.options.blocks.length;t++){this.options.blocks[t].state=yt.Inactive}}getEventData(t,e){throw new Error("Gesture subclasses require a getEventData method()")}}class Mt extends Lt{constructor(t,e){super(t,e),this.initialPointerEvent=null,this.validPointerManagerState=xt.SinglePointer;const r=this.getEmptyGestureParameters();this.initialParameters={...r},this.activeStateParameters=JSON.parse(JSON.stringify({...r}))}getEventData(t,e){const r=t.parameters.live,i=t.parameters.live;let o=r.vector,a=r.duration;if(null!=this.initialPointerEvent){const e=new Pt(this.initialPointerEvent.clientX,this.initialPointerEvent.clientY),r=new Pt(t.pointer.currentPointerEvent.clientX,t.pointer.currentPointerEvent.clientY);o=new _t(e,r),a=t.pointer.currentPointerEvent.timeStamp-this.initialPointerEvent.timeStamp}return{recognizer:this,global:{deltaX:o.x,deltaY:o.y,distance:o.vectorLength,speedX:o.x/a,speedY:o.y/a,speed:o.vectorLength/a,direction:o.direction,scale:1,rotation:0,center:{x:r.vector.endPoint.x,y:r.vector.endPoint.y},srcEvent:t.pointer.currentPointerEvent},live:{deltaX:i.vector.x,deltaY:i.vector.y,distance:i.vector.vectorLength,speedX:i.vector.x/t.pointer.vectorTimespan,speedY:i.vector.y/t.pointer.vectorTimespan,speed:i.speed,direction:i.vector.direction,scale:1,rotation:0,center:{x:i.vector.endPoint.x,y:i.vector.endPoint.y},srcEvent:t.pointer.currentPointerEvent},pointerManager:e}}}class Ut extends Mt{constructor(t,e){super(t,e),this.validPointerManagerState=xt.NoPointer,this.eventBaseName="tap";let r=200,i=30,o=30;e&&("maxDuration"in e&&(r=e.maxDuration),"maxDistance"in e&&(i=e.maxDistance,o=e.maxDistance)),this.initialParameters.global.max.duration=r,this.initialParameters.live.max.distance=i,this.initialParameters.global.max.distance=o}validate(t){let e=this.validateGestureState();if(1==e&&(e=this.validatePointerManagerState(t)),!0===e){if(1!=t.lastInputSessionPointerCount)return!1;{const r=t.getlastRemovedPointerInput();e=r instanceof St&&this.validateGestureParameters(r)}}return e}onStart(t){this.setInitialPointerEvent(t),this.emit(t)}}class Gt extends Mt{static minDuration=600;constructor(t,e){super(t,e),this.eventBaseName="press";let r=600,i=10,o=20;e&&("minDuration"in e&&(r=e.minDuration),"maxDistance"in e&&(o=e.maxDistance,i=e.maxDistance)),this.initialParameters.global.min.duration=r,this.initialParameters.global.max.distance=i,this.initialParameters.global.max.maximumDistance=o,this.hasBeenEmitted=!1}recognize(t){const e=this.validate(t),r=this.getPointerInput(t),i=this.initialParameters.global.min.duration||Gt.minDuration;if(r instanceof St)if(1==e&&0==this.hasBeenEmitted)this.setInitialPointerEvent(t),this.emit(t),this.hasBeenEmitted=!0,this.state=yt.Active,this.blockGestures();else if(0==e&&1==this.hasBeenEmitted)this.onEnd(t),this.state=yt.Inactive,this.hasBeenEmitted=!1;else{const t=r.parameters.global.duration;1==this.hasBeenEmitted&&t<=i&&(this.hasBeenEmitted=!1)}null==r&&(this.hasBeenEmitted=!1)}}class Nt extends Mt{constructor(t,e){super(t,e),this.validPointerManagerState=xt.SinglePointer,this.eventBaseName="pan",this.initialParameters.global.min.duration=0,this.initialParameters.live.min.distance=10,this.initialParameters.global.boolean.hasBeenMoved=!0,this.swipeFinalSpeed=600,this.isSwipe=!1,this.options.supportedDirections=e?.supportedDirections??ft.All,this.initialSupportedDirections=this.options.supportedDirections}validate(t){this.state==yt.Active&&(this.options.supportedDirections=ft.All);return super.validate(t)}onStart(t){this.isSwipe=!1,super.onStart(t)}onEnd(t){const e=t.getlastRemovedPointerInput();e instanceof St&&(this.swipeFinalSpeed<e.parameters.global.finalSpeed&&e.parameters.live.vector.direction!=mt.None?(this.isSwipe=!0,this.emit(t,"swipe")):1==this.DEBUG&&(e.parameters.global.finalSpeed<this.swipeFinalSpeed?console.log(`[Pan] dismissing swipe. Final speed: ${e.parameters.global.finalSpeed} < ${this.swipeFinalSpeed}`):console.log(`[Pan] dismissing swipe. Direction: ${e.parameters.live.vector.direction}`))),super.onEnd(t),this.options.supportedDirections=this.initialSupportedDirections}onTouchMove(t){this.state==yt.Active&&(1==this.DEBUG&&console.log("[Pan] preventing touchmove default"),t.preventDefault(),t.stopPropagation())}}class Rt{constructor(t,e){this.pointerIds=new Set([t.pointerId,e.pointerId]),this.startTimestamp=(new Date).getTime(),this.pointerMap={},this.pointerMap[t.pointerId]=t,this.pointerMap[e.pointerId]=e,this.pointer_1=t,this.pointer_2=e,this.initialPointerEvent=t.initialPointerEvent,this.currentPointerEvent=t.initialPointerEvent;const r=this.pointer_1.parameters.global.vector,i=this.pointer_2.parameters.global.vector,o={duration:0,center:Et.getCenter(r.startPoint,i.startPoint),centerHasBeenMoved:!1,centerMovementDistance:0,centerMovementVector:Et.getCenterMovementVector(r,i),absolutePointerDistanceChange:0,relativePointerDistanceChange:0,rotationAngle:0,absoluteRotationAngle:0,vectorAngle:0,absoluteVectorAngle:0},a=this.pointer_1.parameters.live.vector,s=this.pointer_2.parameters.live.vector,n={global:o,live:{center:Et.getCenter(a.startPoint,s.startPoint),centerIsMoving:!1,centerMovementDistance:0,centerMovementVector:Et.getCenterMovementVector(a,s),absolutePointerDistanceChange:0,relativePointerDistanceChange:0,rotationAngle:0,absoluteRotationAngle:0,vectorAngle:0,absoluteVectorAngle:0}};this.parameters=n}removePointer(t){if(t==this.pointer_1.pointerId)return this.pointer_2;if(t==this.pointer_2.pointerId)return this.pointer_1;throw new Error(`[DualPointerInput] cannot remove Pointer #${t}. The pointer is not part of this DualPointerInput`)}getTarget(){return this.initialPointerEvent.target}update(t){t instanceof PointerEvent&&(this.currentPointerEvent=t);const e=(new Date).getTime();this.parameters.global.duration=e-this.startTimestamp;const r=this.pointer_1.parameters.global.vector,i=this.pointer_2.parameters.global.vector,o=Et.getCenter(r.startPoint,i.startPoint),a=Et.getCenterMovementVector(r,i),s=Et.calculateAbsoluteDistanceChange(r,i),n=Et.calculateRelativeDistanceChange(r,i),l=Et.calculateRotationAngle(r,i),h=Et.calculateVectorAngle(r,i);this.parameters.global.center=o,this.parameters.global.centerMovementVector=a,this.parameters.global.centerMovementDistance=a.vectorLength,this.parameters.global.absolutePointerDistanceChange=s,this.parameters.global.relativePointerDistanceChange=n,this.parameters.global.rotationAngle=l,this.parameters.global.absoluteRotationAngle=Math.abs(l),this.parameters.global.vectorAngle=h,this.parameters.global.absoluteVectorAngle=Math.abs(h);const d=this.pointer_1.parameters.live.vector,c=this.pointer_2.parameters.live.vector,p=Et.getCenter(d.startPoint,c.startPoint),v=Et.getCenterMovementVector(d,c),u=Et.calculateAbsoluteDistanceChange(d,c),g=Et.calculateRelativeDistanceChange(d,c),m=Et.calculateRotationAngle(d,c),b=Et.calculateVectorAngle(d,c);v.vectorLength>0?(this.parameters.live.centerIsMoving=!0,this.parameters.global.centerHasBeenMoved=!0):this.parameters.live.centerIsMoving=!1,this.parameters.live.center=p,this.parameters.live.centerMovementDistance=v.vectorLength,this.parameters.live.centerMovementVector=v,this.parameters.live.absolutePointerDistanceChange=u,this.parameters.live.relativePointerDistanceChange=g,this.parameters.live.rotationAngle=m,this.parameters.live.absoluteRotationAngle=Math.abs(m),this.parameters.live.vectorAngle=b,this.parameters.live.absoluteVectorAngle=Math.abs(b)}onPointerMove(t){this.update(t)}onPointerUp(t){this.update(t)}onPointerLeave(t){this.update(t)}onPointerCancel(t){this.update(t)}onIdle(){this.update()}getCurrentDirection(){return this.parameters.live.centerMovementVector.direction}getCurrentPointerEvent(){return this.currentPointerEvent}}class Ht extends Lt{constructor(t,e){super(t,e),this.initialPointerEvent_1=null,this.initialPointerEvent_2=null,this.validPointerManagerState=xt.DualPointer,this.validPointerInputConstructor=Rt;const r=this.getEmptyGestureParameters();this.initialParameters={...r},this.activeStateParameters=JSON.parse(JSON.stringify({...r}))}getEventData(t,e){const r=t.parameters.global,i=t.parameters.live;return{recognizer:this,global:{deltaX:r.centerMovementVector.x,deltaY:r.centerMovementVector.y,distance:r.centerMovementDistance,speedX:r.centerMovementVector.x/r.duration,speedY:r.centerMovementVector.y/r.duration,speed:r.centerMovementVector.vectorLength/r.duration,direction:r.centerMovementVector.direction,scale:r.relativePointerDistanceChange,rotation:r.rotationAngle,center:r.center,srcEvent:t.currentPointerEvent},live:{deltaX:i.centerMovementVector.x,deltaY:i.centerMovementVector.y,distance:i.centerMovementDistance,speedX:i.centerMovementVector.x/r.duration,speedY:i.centerMovementVector.y/r.duration,speed:i.centerMovementVector.vectorLength/r.duration,direction:i.centerMovementVector.direction,scale:i.relativePointerDistanceChange,rotation:i.rotationAngle,center:{x:i.centerMovementVector.startPoint.x,y:i.centerMovementVector.startPoint.y},srcEvent:t.currentPointerEvent},pointerManager:e}}}class Ot{constructor(t){t=t||{},this.options={DEBUG:!1,...t},this.DEBUG=this.options.DEBUG,this.state=xt.NoPointer,this.activePointerInput=null,this.lastRemovedPointer=null,this.lastInputSessionPointerCount=0,this.pointerAllocation={},this.unusedPointers={},this.onSurfacePointers={}}addPointer(t){1==this.DEBUG&&console.log(`[PointerManager] adding Pointer #${t.pointerId.toString()}`);const e={DEBUG:this.DEBUG},r=new Ct(t,e);this.onSurfacePointers[r.pointerId]=r,null==this.activePointerInput?this.setActiveSinglePointerInput(r):this.activePointerInput instanceof St?this.setActiveDualPointerInput(this.activePointerInput.pointer,r):this.activePointerInput instanceof Rt&&(this.unusedPointers[r.pointerId]=r),this.lastInputSessionPointerCount=this.currentPointerCount()}removePointer(t){1==this.DEBUG&&(console.log(`[PointerManager] starting to remove Pointer #${t}`),console.log(`[PointerManager] state: ${this.state}`));const e=this.onSurfacePointers[t];if(this.lastRemovedPointer=e,delete this.onSurfacePointers[t],t in this.unusedPointers&&delete this.unusedPointers[t],this.activePointerInput instanceof Rt){if(this.activePointerInput.pointerIds.has(t)){1==this.DEBUG&&console.log(`[PointerManager] removing Pointer #${t} from DualPointerInput`);const e=this.activePointerInput.removePointer(t);this.activePointerInput=null;const r=this.getUnusedPointer();r instanceof Ct?this.setActiveDualPointerInput(e,r):this.setActiveSinglePointerInput(e)}}else if(this.activePointerInput instanceof St){if(1==this.DEBUG&&console.log(`[PointerManager] removing Pointer #${t} from SinglePointerInput`),this.activePointerInput=null,this.state=xt.NoPointer,Object.keys(this.unusedPointers).length>0)throw this.unusedPointers={},new Error("[PointerManager] found unused Pointers although there should not be any");if(Object.keys(this.onSurfacePointers).length>0)throw this.onSurfacePointers={},new Error("[PointerManager] found onSurfacePointers although there should not be any")}1==this.DEBUG&&console.log(`[PointerManager] state: ${this.state}`)}setActiveSinglePointerInput(t){t.reset();const e=new St(t);this.activePointerInput=e,this.pointerAllocation[t.pointerId]=e,delete this.unusedPointers[t.pointerId],this.state=xt.SinglePointer,1==this.DEBUG&&console.log(`[PointerManager] state: ${this.state}`)}setActiveDualPointerInput(t,e){t.reset(),e.reset();const r=new Rt(t,e);this.activePointerInput=r,this.pointerAllocation[t.pointerId]=r,this.pointerAllocation[e.pointerId]=r,delete this.unusedPointers[t.pointerId],delete this.unusedPointers[e.pointerId],this.state=xt.DualPointer,1==this.DEBUG&&console.log(`[PointerManager] state: ${this.state}`)}hasPointersOnSurface(){return Object.keys(this.onSurfacePointers).length>0}currentPointerCount(){return Object.keys(this.onSurfacePointers).length}getUnusedPointer(){if(Object.keys(this.unusedPointers).length>0){return Object.values(this.unusedPointers)[0]}return null}getPointerFromId(t){return t in this.onSurfacePointers?this.onSurfacePointers[t]:null}getlastRemovedPointerInput(){return this.lastRemovedPointer instanceof Ct?this.pointerAllocation[this.lastRemovedPointer.pointerId]:null}onIdle(){for(const t in this.onSurfacePointers){this.onSurfacePointers[t].onIdle()}this.activePointerInput?.onIdle()}onPointerMove(t){const e=this.getPointerFromId(t.pointerId);e instanceof Ct&&e.onPointerMove(t),this.activePointerInput?.onPointerMove(t)}onPointerUp(t){1==this.DEBUG&&console.log("[PointerManager] pointerup detected");const e=this.getPointerFromId(t.pointerId);e instanceof Ct&&e.onPointerUp(t),this.activePointerInput?.onPointerUp(t),this.removePointer(t.pointerId)}onPointerCancel(t){1==this.DEBUG&&console.log("[PointerManager] pointercancel detected");const e=this.getPointerFromId(t.pointerId);e instanceof Ct&&e.onPointerCancel(t),this.activePointerInput?.onPointerCancel(t),this.removePointer(t.pointerId)}}const qt=[Ut,Gt,Nt,class extends Ht{constructor(t,e){super(t,e),this.eventBaseName="pinch",this.initialParameters.live.min.centerMovementDistance=0,this.initialParameters.live.max.centerMovementDistance=50,this.initialParameters.live.min.absolutePointerDistanceChange=5,this.initialParameters.live.max.absoluteRotationAngle=20,this.initialParameters.live.min.absoluteVectorAngle=10}},class extends Ht{constructor(t,e){super(t,e),this.eventBaseName="rotate",this.initialParameters.live.min.centerMovementDistance=0,this.initialParameters.live.max.centerMovementDistance=50,this.initialParameters.live.max.absolutePointerDistanceChange=50,this.initialParameters.live.min.absoluteRotationAngle=5,this.activeStateParameters.live.min.absoluteRotationAngle=0}},class extends Ht{constructor(t,e){super(t,e),this.eventBaseName="twofingerpan",this.initialParameters.live.min.centerMovementDistance=10,this.initialParameters.live.max.absolutePointerDistanceChange=50,this.initialParameters.live.max.absoluteVectorAngle=150,this.activeStateParameters.live.min.centerMovementDistance=0}}];class Vt{constructor(t,e){this.state=Tt.NoActiveGesture,this.activeGestures=[],this.hadActiveGestureDuringCurrentContact=!1,this.gestureEventHandlers={},this.lastRecognitionTimestamp=null,this.idleRecognitionIntervalId=null,this.pointerEventHandlers={},this.touchEventHandlers={},e=e||{},this.options={DEBUG:!1,DEBUG_GESTURES:!1,DEBUG_POINTERMANAGER:!1,bubbles:!0,handleTouchEvents:!0,consecutiveGestures:!0,simultaneousGestures:!0,supportedGestures:[],...e},this.DEBUG=this.options.DEBUG;const r=(e.supportedGestures??qt).map((e=>{if("function"==typeof e){const r={bubbles:this.options.bubbles,DEBUG:this.options.DEBUG_GESTURES};return new e(t,r)}if("object"==typeof e)return e;throw new Error("unsupported gesture type: "+typeof e)}));this.supportedGestures=r,this.domElement=t;const i={DEBUG:this.options.DEBUG_POINTERMANAGER};this.pointerManager=new Ot(i),this.addPointerEventListeners(),this.addTouchEventListeners()}addPointerEventListeners(){const t=this.domElement,e=this.onPointerDown.bind(this),r=this.onPointerMove.bind(this),i=this.onPointerUp.bind(this),o=this.onPointerCancel.bind(this);t.addEventListener("pointerdown",e,{passive:!0}),t.addEventListener("pointermove",r,{passive:!0}),t.addEventListener("pointerup",i,{passive:!0}),t.addEventListener("pointercancel",o,{passive:!0}),this.pointerEventHandlers={pointerdown:e,pointermove:r,pointerup:i,pointercancel:o}}onPointerDown(t){1==this.DEBUG&&console.log("[PointerListener] pointerdown event detected"),this.domElement.setPointerCapture(t.pointerId),this.pointerManager.addPointer(t),this.options.pointerdown?.(t,this),null!=this.idleRecognitionIntervalId&&this.clearIdleRecognitionInterval(),this.idleRecognitionIntervalId=setInterval((()=>{this.onIdle()}),100)}onPointerMove(t){1==this.pointerManager.hasPointersOnSurface()&&(this.pointerManager.onPointerMove(t),this.recognizeGestures(),this.options.pointermove?.(t,this))}onPointerUp(t){1==this.DEBUG&&console.log("[PointerListener] pointerup event detected"),this.domElement.releasePointerCapture(t.pointerId),1==this.pointerManager.hasPointersOnSurface()&&(this.pointerManager.onPointerUp(t),this.recognizeGestures(),this.options.pointerup?.(t,this)),this.clearIdleRecognitionInterval()}onPointerCancel(t){this.domElement.releasePointerCapture(t.pointerId),1==this.DEBUG&&console.log("[PointerListener] pointercancel detected"),this.pointerManager.onPointerCancel(t),this.recognizeGestures(),this.clearIdleRecognitionInterval(),this.options.pointercancel?.(t,this)}removePointerEventListeners(){for(const t in this.pointerEventHandlers){const e=this.pointerEventHandlers[t];this.domElement.removeEventListener(t,e)}}addTouchEventListeners(){if(1==this.options.handleTouchEvents){const t=this.onTouchMove.bind(this);this.domElement.addEventListener("touchmove",t),this.touchEventHandlers.touchmove=t}}removeTouchEventListeners(){for(const t in this.touchEventHandlers){const e=this.touchEventHandlers[t];this.domElement.removeEventListener(t,e)}}onTouchMove(t){for(let e=0;e<this.supportedGestures.length;e++){this.supportedGestures[e].onTouchMove(t)}}onIdle(){if(0==this.pointerManager.hasPointersOnSurface())this.clearIdleRecognitionInterval();else{const t=(new Date).getTime();let e=null;null!=this.lastRecognitionTimestamp&&(e=t-this.lastRecognitionTimestamp),(null==e||e>100)&&(this.pointerManager.onIdle(),1==this.DEBUG&&console.log("[PointerListener] onIdle - running idle recognition"),this.recognizeGestures())}}clearIdleRecognitionInterval(){null!=this.idleRecognitionIntervalId&&(clearInterval(this.idleRecognitionIntervalId),this.idleRecognitionIntervalId=null)}recognizeGestures(){this.lastRecognitionTimestamp=(new Date).getTime();let t=this.supportedGestures;0==this.options.simultaneousGestures&&this.state==Tt.ActiveGesture||0==this.options.consecutiveGestures&&this.state==Tt.ActiveGesture?t=[this.activeGestures[0]]:0==this.options.consecutiveGestures&&this.state==Tt.NoActiveGesture&&1==this.hadActiveGestureDuringCurrentContact&&1==this.pointerManager.hasPointersOnSurface()&&(t=[]);for(let e=0;e<t.length;e++){const r=t[e];if(r.recognize(this.pointerManager),this.updateActiveGestures(r),0==this.options.simultaneousGestures&&this.state==Tt.ActiveGesture)break}1==this.DEBUG&&console.log(`[PointerListener] hadActiveGestureDuringCurrentContact: ${this.hadActiveGestureDuringCurrentContact}`),0==this.pointerManager.hasPointersOnSurface()&&(this.hadActiveGestureDuringCurrentContact=!1)}updateActiveGestures(t){if(t.state==yt.Active)this.hadActiveGestureDuringCurrentContact=!0,this.activeGestures.indexOf(t)<0&&this.activeGestures.push(t);else{const e=this.activeGestures.indexOf(t);e>=0&&this.activeGestures.splice(e,1)}this.activeGestures.length>0?this.state=Tt.ActiveGesture:this.state=Tt.NoActiveGesture}parseEventsString(t){return t.trim().split(/\s+/g)}on(t,e){const r=this.parseEventsString(t);for(let t=0;t<r.length;t++){const i=r[t];i in this.gestureEventHandlers||(this.gestureEventHandlers[i]=[]),-1==this.gestureEventHandlers[i].indexOf(e)&&this.gestureEventHandlers[i].push(e),this.domElement.addEventListener(i,e,{capture:!1,passive:!0})}}off(t,e){const r=this.parseEventsString(t);1==this.DEBUG&&(console.log(`[PointerListener] turning off events: ${t}`),console.log(this.gestureEventHandlers));for(let t=0;t<r.length;t++){const i=r[t];if(i in this.gestureEventHandlers){const t=this.gestureEventHandlers[i],r=t.indexOf(e);1==this.DEBUG&&console.log(`[PointerListener] turning off ${i}. Index on handlerList: ${r}`),r>=0&&(t.splice(r,1),this.gestureEventHandlers[i]=t),this.domElement.removeEventListener(i,e,!1)}}}destroy(){for(const t in this.gestureEventHandlers){const e=this.gestureEventHandlers[t];for(let r=0;r<e.length;r++){const i=e[r];this.domElement.removeEventListener(t,i)}delete this.gestureEventHandlers[t]}this.removePointerEventListeners(),this.removeTouchEventListeners()}}t.TkDrawer=class extends rt{constructor(){super(...arguments),this._open=!1,this.over=!1,this.right=!1,this.swipeable=!1}set open(t){if(t===this._open)return;const e=this._open;this._open=t,this.requestUpdate("open",e),this._open&&this.dispatchEvent(new Event("did-show")),this._open||this.dispatchEvent(new Event("did-close"))}get open(){return this._open}render(){return U`<div class="container fi"><slot name="drawer-container"></slot></div><div class="overlay" @click="${()=>this.open=!1}"></div><div class="drawer"><div class="drawer-header"><slot name="drawer-header"></slot></div><div class="drawer-content"><slot name="drawer-content"></slot></div><div class="drawer-footer"><slot name="drawer-footer"></slot></div></div>`}updated(t){if(t.has("overQuery")&&this.overMediaQuery(),t.has("openQuery")&&window.matchMedia(this.openQuery).matches&&this.show(),t.has("swipeable")&&this.swipeable){var e={supportedDirections:[mt.Left,mt.Right],bubbles:!1},r=new Nt(this.$drawer,e);this.pointerListener=new Vt(this.$drawer,{DEBUG:!0,DEBUG_GESTURES:!0,supportedGestures:[Ut,r],bubbles:!1}),this.$drawer.addEventListener("tap",(t=>{var e;const{x:r,y:i}=t.detail.live.srcEvent,o=null===(e=this.shadowRoot)||void 0===e?void 0:e.elementFromPoint(r,i);o&&o.click()})),this.$drawer.addEventListener("panstart",(t=>{this.$drawer.style.transition="transform 0ms ease"})),this.$drawer.addEventListener("pan",(t=>{var e="translate3d("+(t.detail.global.deltaX>0?0:t.detail.global.deltaX)+"px, 0px, 0)";requestAnimationFrame((t=>{this.$drawer.style.transform=e}))})),this.$drawer.addEventListener("panend",(t=>{requestAnimationFrame((e=>{this.$drawer.style.transition="",this.$drawer.style.transform="",this.open=!(t.detail.global.deltaX<-50)}))}))}t.has("swipeable")&&!this.swipeable&&(this.pointerListener&&this.pointerListener.destroy(),this.pointerListener=null)}overMediaQuery(){this.mql&&this.mql.removeEventListener("change",this.overMediaQueryListener.bind(this)),this.mql=window.matchMedia(this.overQuery),this.mql.matches?this.setAttribute("over",""):this.removeAttribute("over"),this.mql.addEventListener("change",this.overMediaQueryListener.bind(this))}overMediaQueryListener(t){t.matches?this.setAttribute("over",""):this.removeAttribute("over")}hideIfOver(){var t;(this.overQuery&&(null===(t=this.mql)||void 0===t?void 0:t.matches)||this.over)&&(this.open=!1)}show(){this.open=!0}hide(){this.open=!1}toggle(){this.open=!this.open}},t.TkDrawer.styles=l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{display:block;height:100%;overflow:hidden;position:relative;width:100%}.drawer{background-color:var(--background,#f7f7f7);color:var(--foreground,#454545);display:flex;flex-direction:column;height:100%;overflow:scroll;position:absolute;top:0;touch-action:pan-y;transform:translateX(-100%);transition:transform cubic-bezier(.4,0,.2,1) var(--transition-duration-medium,.18s);width:var(--drawer-width,256px);will-change:transform;z-index:var(--drawer-z-index,200)}.drawer .drawer-content{flex:1;overflow:scroll}:host([right]) .drawer{right:0;transform:translateX(100%)}.overlay{background-color:rgba(0,0,0,.502);bottom:0;display:none;left:0;position:absolute;right:0;top:0;z-index:var(--drawer-overlay-z-index,200)}.container{background-color:var(--background,#f7f7f7);height:100%;overflow:scroll;transition:padding cubic-bezier(.4,0,.2,1) var(--transition-duration-slow,.25s)}:host([open]) .drawer{transform:none}:host([open]) .container{padding-left:var(--drawer-width,256px)}:host([open][over]) .container{padding-left:0}:host([open][over]) .overlay{display:block}@media (max-width:var(--drawer-trigger-width,400px)){:host([open]) .container{padding-left:0}:host([open]) .overlay{display:block}}")}`,e([st({type:Boolean,reflect:!0})],t.TkDrawer.prototype,"open",null),e([st({type:Boolean,reflect:!0})],t.TkDrawer.prototype,"over",void 0),e([st({type:String,attribute:"open-query"})],t.TkDrawer.prototype,"openQuery",void 0),e([st({type:String,attribute:"over-query"})],t.TkDrawer.prototype,"overQuery",void 0),e([st({type:Boolean,reflect:!0})],t.TkDrawer.prototype,"right",void 0),e([st({type:Boolean,reflect:!0})],t.TkDrawer.prototype,"swipeable",void 0),e([dt("div.drawer")],t.TkDrawer.prototype,"$drawer",void 0),t.TkDrawer=e([ot("tk-drawer")],t.TkDrawer),t.TkForm=class extends rt{createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.addEventListener("submit",this.submit)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("submit",this.submit)}submit(t){t.preventDefault();const e=this.getFormDataAsObject();this.dispatchEvent(new CustomEvent("fulfill",{detail:e}))}getFormDataAsObject(){const t=this.querySelector("form"),e={};return new FormData(t).forEach(((t,r)=>{var i;const o=this.querySelector(`[name=${r}]`);if("TK-SLIDER"==o.tagName&&(t=Number(t)),"TK-CHECKBOX"!=o.tagName||"on"!=t&&"true"!=t||(t=!0),"TK-RADIO"!=o.tagName||"on"!=t&&"true"!=t||(t=!0),r.indexOf("-")>0){const o=r.split("-");e[o[0]]=null!==(i=e[o[0]])&&void 0!==i?i:{},e[o[0]][o[1]]=t}else e[r]=t})),e}},e([st()],t.TkForm.prototype,"value",void 0),t.TkForm=e([ot("tk-form")],t.TkForm);const jt=1,Ft=2,Yt=t=>(...e)=>({_$litDirective$:t,values:e});class Xt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,r){this._$Ct=t,this._$AM=e,this._$Ci=r}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}class Kt extends Xt{constructor(t){if(super(t),this.it=N,t.type!==Ft)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===N||null==t)return this._t=void 0,this.it=t;if(t===G)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}Kt.directiveName="unsafeHTML",Kt.resultType=1;const Qt=Yt(Kt);t.TkIcon=class extends t.TkBox{constructor(){super(...arguments),this.svg=""}static get styles(){return[...t.TkBox.styles,l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:var(--tk-icon-color,currentColor);display:inline-flex;height:1.5em;width:1.5em}:host svg{fill:var(--color);display:block;height:100%;width:100%}")}`]}render(){return U`${this.path?U`<svg viewBox="0 0 24 24"><path d="${this.path}"></path></svg>`:U`${Qt(this.svg)}`}`}updated(t){t.has("name")&&this.name&&this.loadIcon()}async loadIcon(){const t=this.library?document.querySelector(`tk-icons[library=${this.library}]`):document.querySelector("tk-icons");t&&(this.svg=await fetch(t.resolve(this.name)).then((t=>t.blob().then((e=>({contentType:t.headers.get("Content-Type"),raw:e}))))).then((t=>t.contentType&&/svg/.test(t.contentType)?t.raw.text():"")))}},e([st()],t.TkIcon.prototype,"name",void 0),e([st()],t.TkIcon.prototype,"library",void 0),e([st()],t.TkIcon.prototype,"path",void 0),e([st()],t.TkIcon.prototype,"svg",void 0),t.TkIcon=e([ot("tk-icon")],t.TkIcon),t.TkIcons=class extends rt{constructor(){super(...arguments),this.library="default"}firstUpdated(){window.document.body.appendChild(this)}},e([st({attribute:!1})],t.TkIcons.prototype,"resolve",void 0),e([st({reflect:!0})],t.TkIcons.prototype,"library",void 0),t.TkIcons=e([ot("tk-icons")],t.TkIcons);t.TkListItem=class extends rt{constructor(){super(),this.href="",this.target=""}render(){return U`<slot name="before" @click="${this.handleClick}"></slot><div id="content"><slot></slot></div><slot name="after" @click="${this.handleClick}"></slot>${this.href?U`<a tabindex="-1" id="ahref" href="${this.href}" rel="noreferrer" aria-label="${this.ariaLabel}"></a>`:""}`}firstUpdated(){!this.ariaLabel&&this.innerText&&(this.ariaLabel=this.innerText)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick.bind(this))}disconnectedCallback(){this.removeEventListener("click",this.handleClick),super.disconnectedCallback()}handleClick(t){const e=t.target;("BUTTON"==e.tagName||"TK-BUTTON"==e.tagName)&&e.hasAttribute("href"),this.href&&t.isTrusted&&(t.stopPropagation(),t.preventDefault(),this.$ahref.click())}},t.TkListItem.styles=l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--text:var(--list-item-color,var(--foreground,#454545));--color:var(--list-item-bg,var(--background,#f7f7f7));align-items:center;background:var(--color);border-radius:var(--list-item-border-radius,var(--border-radius-large,.5rem));color:var(--text);display:flex;outline:none;overflow:hidden;padding:var(--spacing-m,1rem) var(--spacing-m,1rem);position:relative;text-align:left;transition:var(--list-item-transition,background var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease),color var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease))}:host([clickable]),:host([href]){user-select:none}:host([clickable]:not([active]):not([disabled])),:host([href]:not([active]):not([disabled])){cursor:pointer}:host(:focus),:host(:hover){--color:var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3)));will-change:background,color}:host([active]:focus),:host([active]:hover){--text:var(--primary-darker,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),calc(var(--primary-l, 59.4118%)*0.7)));--color:var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3)))}:host([disabled]){--text:var(--shade-dark,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*0.85)));--color:var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%)));opacity:.4;pointer-events:none}:host([active]){--text:var(--primary-darker,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),calc(var(--primary-l, 59.4118%)*0.7)));--color:var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3)))}::slotted([slot=after]),::slotted([slot=before]){flex-shrink:0}::slotted([slot=before]){align-self:var(--list-item-left-align-self,center);margin:0 var(--spacing-m,1rem) 0 0}::slotted([slot=after]){align-self:var(--list-item-left-align-self,center);margin:0 0 0 var(--spacing-m,1rem)}#content{display:flex;flex-direction:column;flex-grow:1}")}`,e([st({attribute:!0})],t.TkListItem.prototype,"href",void 0),e([st({attribute:!0})],t.TkListItem.prototype,"target",void 0),e([st({attribute:"aria-label"})],t.TkListItem.prototype,"ariaLabel",void 0),e([dt("#ahref")],t.TkListItem.prototype,"$ahref",void 0),t.TkListItem=e([ot("tk-list-item")],t.TkListItem);const Wt=Yt(class extends Xt{constructor(t){var e;if(super(t),t.type!==jt||"class"!==t.name||(null===(e=t.strings)||void 0===e?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((e=>t[e])).join(" ")+" "}update(t,[e]){var r,i;if(void 0===this.nt){this.nt=new Set,void 0!==t.strings&&(this.st=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!(null===(r=this.st)||void 0===r?void 0:r.has(t))&&this.nt.add(t);return this.render(e)}const o=t.element.classList;this.nt.forEach((t=>{t in e||(o.remove(t),this.nt.delete(t))}));for(const t in e){const r=!!e[t];r===this.nt.has(t)||(null===(i=this.st)||void 0===i?void 0:i.has(t))||(r?(o.add(t),this.nt.add(t)):(o.remove(t),this.nt.delete(t)))}return G}});t.TkLoading=class extends t.TkBox{constructor(){super(...arguments),this.circle=!1,this.indeterminate=!1,this.value=.5}static get styles(){return[...t.TkBox.styles,l`${n('*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:currentColor}.circle{animation:rotator 3s linear infinite;display:inline-flex;height:2em;width:2em}.circle,.circle .path{transform-origin:center}.circle .path{stroke-dasharray:265;stroke-dashoffset:0;stroke:var(--color);animation:dash 3s ease-in-out infinite}@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dashoffset:265}50%{stroke-dashoffset:65;transform:rotate(90deg)}to{stroke-dashoffset:265;transform:rotate(1turn)}}.line{background-color:var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3)));height:.4em;overflow:hidden;position:relative}.line .indeterminate{background-color:var(--color)}.line .indeterminate:before{animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.line .indeterminate:after,.line .indeterminate:before{background-color:inherit;bottom:0;content:"";left:0;position:absolute;top:0;will-change:left,right}.line .indeterminate:after{animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.15s}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}')}`]}render(){return U`${this.circle?U`<svg class="circle" viewBox="0 0 100 100"><circle class="${Wt({indeterminate:this.indeterminate,path:!0})}" fill="none" stroke-width="1em" stroke-linecap="butt" cx="50" cy="50" r="40"></circle></svg>`:U`<div class="line"><div class="${Wt({indeterminate:this.indeterminate})}"></div></div>`}`}},e([st({attribute:!0,type:Boolean})],t.TkLoading.prototype,"circle",void 0),e([st({attribute:!0,type:Boolean})],t.TkLoading.prototype,"indeterminate",void 0),e([st({attribute:!0,type:Number})],t.TkLoading.prototype,"value",void 0),t.TkLoading=e([ot("tk-loading")],t.TkLoading);t.TkNavbar=class extends t.TkBox{static get styles(){return[...t.TkBox.styles,l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%)));--text:var(--on-primary,hsl(var(--on-primary-h,0),var(--on-primary-s,0%),var(--on-primary-l,100%)));align-items:center;background:var(--color);color:var(--text);flex-direction:row;justify-content:space-between}:host([inverted]){--color:var(--on-primary,hsl(var(--on-primary-h,0),var(--on-primary-s,0%),var(--on-primary-l,100%)));--text:var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%)))}:host([fixed]){left:0;position:fixed;right:0;top:0;z-index:var(--navbar-z-index,100)}#left,#right,#title,::slotted([slot=left]),::slotted([slot=right]),::slotted([slot=title]){align-items:center;display:flex;height:100%}#title,::slotted([slot=title]){font-weight:var(--nav-title-font-weight,var(--font-weight-regular,500));margin:var(--nav-title-margin,0 0 0 var(--spacing-l,1.25rem))}")}`]}render(){return U`<div id="left"><slot name="left"></slot><slot name="title"></slot></div><div id="right"><slot name="right"></slot></div>`}},t.TkNavbar=e([ot("tk-navbar")],t.TkNavbar);t.TkTextfield=class extends rt{constructor(){super(...arguments),this._id=ut(),this.type="text",this.required=!1,this.disabled=!1,this.readonly=!1}set value(t){this.$input?(this.$input.value=t,this.refreshAttributes()):this.initialValue=t}get value(){return null!=this.$input?this.$input.value:this.initialValue||""}render(){return U`<div id="container"><slot id="before" name="before"></slot><div id="wrapper"><div id="label">${this.label}</div><slot id="slot"></slot><input id="${this._id}" @keydown="${this.handleChange.bind(this)}" @input="${this.handleChange.bind(this)}" @focusout="${this.handleChange.bind(this)}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" autocomplete="${pt(this.autocomplete)}" autocapitalize="${pt(this.autocapitalize)}" aria-label="${pt(this.label)}" type="${pt(this.type)}" name="${pt(this.name)}" list="${pt(this.list)}" pattern="${pt(this.pattern)}" minlength="${pt(this.minLength)}" maxlength="${pt(this.maxLength)}" min="${pt(this.min)}" max="${pt(this.max)}" tabindex="${this.disabled?-1:0}"></div><slot id="after" name="after"></slot></div>`}handleChange(){this.refreshAttributes()}firstUpdated(){var t;this.$input=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("input"),this.appendChild(this.$input),this.initialValue&&(this.value=this.initialValue)}refreshAttributes(){this.$input.value?this.setAttribute("dirty",""):this.removeAttribute("dirty"),this.$input.checkValidity()?this.removeAttribute("invalid"):this.setAttribute("invalid","")}focus(){this.$input.focus()}},t.TkTextfield.styles=l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--_input-state-color:var(--input-state-color-inactive,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));--_input-padding-left-right:var(--input-padding-left-right,0);--_input-bg:var(--input-bg,#0000);--_input-border-radius:0;--_input-color:var(--input-color,var(--foreground,#454545));--_input-label-color:var(--input-label-color,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));--_input-border-style:var(--input-border-style,solid);display:block;outline:none;transform:translateZ(0)}:host([disabled]){--_input-state-color:var(--input-state-color-disabled,var(--shade-light,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.15))));--_input-label-color:var(--input-label-color-disabled,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));--_input-color:var(--input-color-disabled,var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3))));--_input-border-style:var(--input-border-style-disabled,dashed);pointer-events:none}#container{align-items:center;background:var(--_input-bg);border-bottom:var(--input-border-width,.0625rem) var(--_input-border-style) var(--_input-state-color);border-radius:var(--_input-border-radius);color:var(--_input-color);display:flex;font-size:var(--input-font-size,1rem);overflow:hidden;position:relative;transition:var(--input-transition,border-color var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease),background var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease))}#wrapper{flex-grow:1;position:relative}#label{color:var(--_input-label-color);font-size:inherit;left:var(--_input-padding-left-right);line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:var(--input-label-transition,top var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),font-size var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),transform var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear));-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}:host(:hover){--_input-state-color:var(--input-state-color-hover,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))))}:host([filled]),:host([outlined]){--_input-padding-left-right:var(--input-padding-left-right-outlined,0.75rem)}:host([filled]){--_input-border-radius:var(--input-border-radius-outlined,0.5rem 0.5rem 0 0);--_input-bg:var(--input-bg,var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3))))}:host([filled]:hover){--_input-bg:var(--input-bg-filled-hover,var(--shade-light,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.15))))}:host([outlined]){--_input-border-radius:var(--input-border-radius-outlined,0.5rem)}:host([outlined]) #container{border:var(--input-border-width,.0625rem) var(--_input-border-style) var(--_input-state-color)}:host(:focus-within){--_input-state-color:var(--input-state-color-active,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))))}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size,.75rem);top:var(--input-padding-top-bottom,.5rem);transform:translateY(0)}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000;border:none;box-sizing:border-box;caret-color:var(--_input-color-state);color:inherit;display:block;font-size:var(--input-font-size,1rem);margin:0;outline:none;padding:var(--input-padding-top-bottom,.5rem) var(--_input-padding-left-right);position:relative;text-align:var(--input-text-align,inherit);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:calc(var(--input-label-space, .875rem) + var(--input-padding-top-bottom, .5rem))}:host([invalid]){--_input-state-color:var(--input-state-color-invalid,var(--error,hsl(var(--error-h,4.10526),var(--error-s,89.6226%),var(--error-l,58.4314%))))}::slotted(input[type=color]){cursor:pointer;height:3.75rem}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined,.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined,.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined,.75rem)}")}`,e([st({type:String})],t.TkTextfield.prototype,"value",null),e([st({attribute:!0,type:String})],t.TkTextfield.prototype,"name",void 0),e([st({type:String})],t.TkTextfield.prototype,"list",void 0),e([st({type:String})],t.TkTextfield.prototype,"type",void 0),e([st({type:Boolean})],t.TkTextfield.prototype,"required",void 0),e([st({type:Boolean})],t.TkTextfield.prototype,"disabled",void 0),e([st({type:Boolean})],t.TkTextfield.prototype,"readonly",void 0),e([st({type:String})],t.TkTextfield.prototype,"autocomplete",void 0),e([st({type:String})],t.TkTextfield.prototype,"autocapitalize",void 0),e([st({type:String})],t.TkTextfield.prototype,"pattern",void 0),e([nt()],t.TkTextfield.prototype,"initialValue",void 0),e([st({type:String})],t.TkTextfield.prototype,"label",void 0),e([st({type:Number})],t.TkTextfield.prototype,"min",void 0),e([st({type:Number})],t.TkTextfield.prototype,"max",void 0),e([st({type:Number})],t.TkTextfield.prototype,"minLength",void 0),e([st({type:Number})],t.TkTextfield.prototype,"maxLength",void 0),e([ht({passive:!0})],t.TkTextfield.prototype,"handleChange",null),t.TkTextfield=e([ot("tk-textfield")],t.TkTextfield);var Jt,Zt,te;!function(t){t.show="show",t.force="force",t.confirm="confirm",t.input="input"}(Zt||(Zt={})),function(t){t.success="success",t.warning="warning",t.error="error",t.info="info",t.neutral="neutral"}(te||(te={})),t.TkNotie=Jt=class extends t.TkBox{constructor(t=""){super(),this.persistent=!0,this.open=!1,this.position="bottom",this.type=Zt.show,this.level=te.info,this.delay=3e3,this.animationDelay=300,this.buttonText="OK",this.confirmText="OK",this.cancelText="CANCEL",this.text=t}static get styles(){return[...t.TkBox.styles,l`${n(":host{bottom:0;display:none;font-size:1.6rem;left:0;margin:0;position:fixed;right:0;top:0}:host .overlay{background-color:rgba(0,0,0,.502);bottom:0;left:0;position:fixed;right:0;top:0;z-index:var(--notie-z-index,400)}:host .container{background-color:var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%)));bottom:0;box-shadow:10px 10px 10px 10px var(--shadow);color:var(--on-primary,hsl(var(--on-primary-h,0),var(--on-primary-s,0%),var(--on-primary-l,100%)));height:fit-content;left:0;position:fixed;right:0;text-align:center;transform:translateY(100%);transition:all .15s ease-in;z-index:calc(var(--notie-z-index, 400) + 1)}:host .container.info{background-color:#4d82d6}:host .container.error{background-color:#e1715b}:host .container.warning{background-color:#d6a14d}:host .container.success{background-color:#57bf57}:host .text{padding:.5em}:host .input{--input-font-size:$font-size-widescreen;background-color:var(--background);color:var(--foreground);text-align:center}:host .button{cursor:pointer;padding:.5em}:host .button.confirm,:host .button.forcer{background-color:#57bf57;color:#fff}:host .button.cancel{background-color:var(--error,#e1715b);color:var(--on-error,#fff)}@media screen and (max-width:900px){:host{font-size:1.4rem}}@media screen and (max-width:750px){:host{font-size:1.2rem}}@media screen and (max-width:400px){:host{font-size:1rem}}:host([position=top]) .container{bottom:inherit;position:fixed;top:0;transform:translateY(-100%)}:host([open]) .container{transform:translateY(0)}")}`]}render(){return U`<div class="overlay" @click="${()=>this.hide(!1)}"></div><tk-box class="container ${this.level}">${this.text?U`<tk-box class="text" @click="${()=>this.type==Zt.show?this.hide(!0):null}">${this.text}</tk-box>`:""} ${this.template?U`<tk-box class="template" @click="${()=>this.type==Zt.show?this.hide(!0):null}">${this.template}</tk-box>`:""} ${this.type==Zt.force?U`<tk-box @click="${()=>this.hide(!0)}" class="button force">${this.buttonText}</tk-box>`:""} ${this.type==Zt.input?U`<tk-textfield class="input"></tk-textfield>`:""} ${this.type==Zt.confirm||this.type==Zt.input?U`<tk-box direction="row"><tk-box justify="center" align-items="center" flex="grow" @click="${()=>this.hide(!0)}" class="button confirm">${this.confirmText}</tk-box><tk-box justify="center" align-items="center" flex="grow" @click="${()=>this.hide(!1)}" class="button confirm cancel">${this.cancelText}</tk-box></tk-box>`:""}</tk-box>`}show(){return new Promise((t=>{this.resolve=t,this.style.setProperty("display","flex"),setTimeout((()=>this.open=!0)),this.dispatchEvent(new Event("didShow")),this.$input&&setTimeout((()=>this.$input.focus())),this.type==Zt.show&&setTimeout((()=>this.hide(!1)),this.delay)}))}hide(t){t&&this.type===Zt.input&&(t=this.$input.value),t||this.type!==Zt.input||(t=null),this.$input&&(this.$input.value=""),this.$container.addEventListener("transitionend",(()=>{this.dispatchEvent(new Event("didHide")),this.resolve(t),this.persistent||this.remove()}),{once:!0}),this.open=!1}static show(t){return this.getNotie(t,Zt.show).show()}static force(t){const e=this.getNotie(t,Zt.force);return t.buttonText&&(e.buttonText=t.buttonText),e.show()}static confirm(t){const e=this.getNotie(t,Zt.confirm);return t.confirmText&&(e.confirmText=t.confirmText),t.cancelText&&(e.cancelText=t.cancelText),e.show()}static input(t){const e=this.getNotie(t,Zt.input);return t.password&&(e.$input.type="password"),t.confirmText&&(e.confirmText=t.confirmText),t.cancelText&&(e.cancelText=t.cancelText),e.show()}static getNotie(t,e){var r,i;const o=new Jt(t.text);return o.persistent=!1,o.type=e,o.delay=null!==(r=t.delay)&&void 0!==r?r:999999999,t.template&&(o.template=t.template),t.position&&(o.position=t.position),t.background&&o.$container&&o.$container.setAttribute("background-color",t.background),t.color&&o.$container&&o.$container.setAttribute("color",t.color),t.container?null===(i=t.container.shadowRoot)||void 0===i||i.appendChild(o):window.document.body.appendChild(o),t.zIndex&&o.style.setProperty("z-index",t.zIndex.toString()),o}},e([nt()],t.TkNotie.prototype,"persistent",void 0),e([st({type:Boolean,reflect:!0})],t.TkNotie.prototype,"open",void 0),e([st({reflect:!0})],t.TkNotie.prototype,"position",void 0),e([st({type:String})],t.TkNotie.prototype,"type",void 0),e([st({type:String})],t.TkNotie.prototype,"level",void 0),e([st({type:Number})],t.TkNotie.prototype,"delay",void 0),e([st()],t.TkNotie.prototype,"text",void 0),e([st()],t.TkNotie.prototype,"buttonText",void 0),e([st()],t.TkNotie.prototype,"confirmText",void 0),e([st()],t.TkNotie.prototype,"cancelText",void 0),e([st({type:Object})],t.TkNotie.prototype,"template",void 0),e([dt("tk-textfield")],t.TkNotie.prototype,"$input",void 0),e([dt(".container")],t.TkNotie.prototype,"$container",void 0),t.TkNotie=Jt=e([ot("tk-notie")],t.TkNotie);t.TkPages=class extends rt{constructor(){super(...arguments),this._page="",this.selected="",this.handleScroll=!1,this.scrollHistory={}}set page(t){let e=this._page;if(this._page=t,e&&this.handleScroll){if(this.querySelector(`[page=${e}]`)){const t=document.scrollingElement||document.documentElement;this.scrollHistory[e]=t.scrollTop}}this.requestUpdate("page",e)}get page(){return this._page}render(){return U`<slot></slot>`}updated(t){t.has("page")&&this.querySelectorAll(":scope > *").forEach((t=>{var e;const r=null!==(e=t.getAttribute("page"))&&void 0!==e?e:"default",i=document.scrollingElement||document.documentElement;r==this.page?(t.removeAttribute("hidden"),""!=this.selected&&t.setAttribute(this.selected,""),this.handleScroll&&!t.hasAttribute("no-scroll")&&(i.scrollTop=this.scrollHistory[r]?this.scrollHistory[r]:0)):(t.setAttribute("hidden",""),""!=this.selected&&t.removeAttribute(this.selected))}))}},t.TkPages.styles=l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}")}`,e([st({attribute:"page",type:String})],t.TkPages.prototype,"page",null),e([st({attribute:!0,type:String})],t.TkPages.prototype,"selected",void 0),e([st({attribute:"handle-scroll",type:Boolean})],t.TkPages.prototype,"handleScroll",void 0),t.TkPages=e([ot("tk-pages")],t.TkPages);t.TkProgress=class extends rt{constructor(){super(...arguments),this.circle=!1,this.indeterminate=!1,this.value=0,this.buffer=0}render(){return U`${this.circle?U`<svg class="spinner" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle class="path" fill="none" stroke-width="10" stroke-linecap="butt" cx="50" cy="50" r="40"></circle></svg>`:U`${this.indeterminate?U`<div class="progress-materializecss"><div class="indeterminate"></div></div>`:U`<progress class="progress" max="100" value="50"></progress>`}`}`}},t.TkProgress.styles=l`${n('*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:var(--primary)}:host([accent]){--color:var(--accent)}:host([error]){--color:var(--error)}.spinner{animation:rotator 3s linear infinite;height:1em;transform-origin:center;width:1em}.spinner .path{stroke-dasharray:265;stroke-dashoffset:0;stroke:var(--color);animation:dash 3s ease-in-out infinite;transform-origin:center}@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dashoffset:265}50%{stroke-dashoffset:65;transform:rotate(90deg)}to{stroke-dashoffset:265;transform:rotate(1turn)}}.progress-materializecss{background-color:var(--shade-lighter);display:block;height:.3em;margin:5px 0;overflow:hidden;position:relative}.progress-materializecss .indeterminate{background-color:var(--primary)}.progress-materializecss .indeterminate:before{animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.progress-materializecss .indeterminate:after,.progress-materializecss .indeterminate:before{background-color:inherit;bottom:0;content:"";left:0;position:absolute;top:0;will-change:left,right}.progress-materializecss .indeterminate:after{animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.15s}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}')}`,e([st({attribute:!0,type:Boolean})],t.TkProgress.prototype,"circle",void 0),e([st({attribute:!0,type:Boolean})],t.TkProgress.prototype,"indeterminate",void 0),e([st({attribute:!0,type:Number})],t.TkProgress.prototype,"value",void 0),e([st({attribute:!0,type:Number})],t.TkProgress.prototype,"buffer",void 0),t.TkProgress=e([ot("tk-progress")],t.TkProgress);t.TkRadio=class extends rt{constructor(){super(...arguments),this._id=ut(),this.checked=!1,this.required=!1,this.disabled=!1,this.readonly=!1}render(){return U`<tk-box direction="row" align-items="center"><div tabindex="0" class="radio"><div id="dot"></div></div><span class="label"><slot></slot></span></tk-box><input id="${this._id}" type="radio" style="position:absolute;left:0;z-index:-1" ?checked="${this.checked}" .checked="${this.checked}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" value="${pt(this.value)}" name="${pt(this.name)}" tabindex="-1">`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("keydown",this.onKeyDown.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.onKeyDown)}firstUpdated(){this.appendChild(this.$input)}onKeyDown(t){"Space"!==t.code&&"Enter"!==t.code||(t.preventDefault(),t.stopPropagation(),this.click())}handleClick(){this.checked=!this.checked,this.checked&&this.name&&this.getRootNode().querySelectorAll(`tk-radio[name="${this.name}"]`).forEach((t=>t!=this?t.checked=!1:null)),setTimeout((()=>this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))))}},t.TkRadio.styles=l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--_radio-bg:var(--radio-bg,#0000);--_radio-color:var(--radio-color,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));display:inline-flex}:host .radio{align-items:center;background:var(--_radio-bg);border:var(--radio-border-config,.125rem solid) currentColor;border-radius:var(--radio-border-radius,100%);color:var(--_radio-color);display:inline-flex;height:var(--radio-size,1.25rem);justify-content:center;outline:none;position:relative;transition:var(--radio-transition,background var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),border-color var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));-webkit-user-select:none;user-select:none;width:var(--radio-size,1.25rem)}:host .label{font-size:1.1em;margin-left:10px}:host(:not([disabled])){cursor:pointer}:host([checked]){--_radio-bg:var(--radio-bg-checked,#0000);--_radio-color:var(--radio-color-checked,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))))}:host([checked]) #dot{transform:scale(1)}:host(:focus),:host(:hover){will-change:border,background}:host(:focus) #dot,:host(:hover) #dot{will-change:transform,background}:host([disabled]){--_radio-bg:var(--radio-bg-disabled,#0000);--_radio-color:var(--radio-color-disabled,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));pointer-events:none}:host([disabled][checked]){--_radio-bg:var(--radio-bg-disabled-checked,#0000);--_radio-color:var(--radio-color-disabled-checked,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))))}#dot{background:currentColor;border-radius:var(--radio-dot-border-radius,100%);height:var(--radio-dot-size,.625rem);transform:scale(0);transition:var(--radio-dot-transition,transform var(--transition-duration-medium,.18s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));width:var(--radio-dot-size,.625rem)}#ripple{transform:var(--radio-ripple-transform,translate(-50%,-50%) scale(1.8))}")}`,e([st({attribute:!0,type:String})],t.TkRadio.prototype,"name",void 0),e([st({attribute:!0,type:Boolean,reflect:!0})],t.TkRadio.prototype,"checked",void 0),e([st({type:Boolean})],t.TkRadio.prototype,"required",void 0),e([st({type:Boolean})],t.TkRadio.prototype,"disabled",void 0),e([st({type:Boolean})],t.TkRadio.prototype,"readonly",void 0),e([st({type:String,reflect:!0})],t.TkRadio.prototype,"value",void 0),e([dt("input")],t.TkRadio.prototype,"$input",void 0),t.TkRadio=e([ot("tk-radio")],t.TkRadio);t.TkSelect=class extends rt{constructor(){super(...arguments),this._id=ut(),this.type="text",this.required=!1,this.disabled=!1,this.readonly=!1}set value(t){this.$select?(this.$select.value=t,this.refreshAttributes()):this.initialValue=t}get value(){return null!=this.$select?this.$select.value:this.initialValue||""}render(){return U`<div id="container"><slot id="before" name="before"></slot><div id="wrapper"><div id="label">${this.label}</div><slot id="slot"></slot><select id="${this._id}" @keydown="${this.handleChange.bind(this)}" @input="${this.handleChange.bind(this)}" @focusout="${this.handleChange.bind(this)}" @change="${this.handleChange.bind(this)}" .value="${this.initialValue}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" name="${pt(this.name)}" autocomplete="${pt(this.autocomplete)}" tabindex="${this.disabled?-1:0}"></select> <svg id="arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 25" preserveAspectRatio="none"><polygon points="0,0 50,0 25,25"/></svg></div><slot id="after" name="after"></slot></div>`}handleChange(){this.refreshAttributes()}firstUpdated(){var t;this.$select=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("select"),this.appendChild(this.$select);this.querySelectorAll("option").forEach((t=>this.$select.appendChild(t))),this.initialValue&&(this.value=this.initialValue)}refreshAttributes(){this.$select.value?this.setAttribute("dirty",""):this.removeAttribute("dirty"),this.$select.checkValidity()?this.removeAttribute("invalid"):this.setAttribute("invalid",""),setTimeout((()=>this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))))}},t.TkSelect.styles=l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--_input-state-color:var(--input-state-color-inactive,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));--_input-padding-left-right:var(--input-padding-left-right,0);--_input-bg:var(--input-bg,#0000);--_input-border-radius:0;--_input-color:var(--input-color,var(--foreground,#454545));--_input-label-color:var(--input-label-color,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));--_input-border-style:var(--input-border-style,solid);display:block;outline:none;transform:translateZ(0)}:host([disabled]){--_input-state-color:var(--input-state-color-disabled,var(--shade-light,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.15))));--_input-label-color:var(--input-label-color-disabled,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));--_input-color:var(--input-color-disabled,var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3))));--_input-border-style:var(--input-border-style-disabled,dashed);pointer-events:none}#container{align-items:center;background:var(--_input-bg);border-bottom:var(--input-border-width,.0625rem) var(--_input-border-style) var(--_input-state-color);border-radius:var(--_input-border-radius);color:var(--_input-color);display:flex;font-size:var(--input-font-size,1rem);overflow:hidden;position:relative;transition:var(--input-transition,border-color var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease),background var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease))}#wrapper{flex-grow:1;position:relative}#label{color:var(--_input-label-color);font-size:inherit;left:var(--_input-padding-left-right);line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:var(--input-label-transition,top var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),font-size var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),transform var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear));-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}:host(:hover){--_input-state-color:var(--input-state-color-hover,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))))}:host([filled]),:host([outlined]){--_input-padding-left-right:var(--input-padding-left-right-outlined,0.75rem)}:host([filled]){--_input-border-radius:var(--input-border-radius-outlined,0.5rem 0.5rem 0 0);--_input-bg:var(--input-bg,var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3))))}:host([filled]:hover){--_input-bg:var(--input-bg-filled-hover,var(--shade-light,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.15))))}:host([outlined]){--_input-border-radius:var(--input-border-radius-outlined,0.5rem)}:host([outlined]) #container{border:var(--input-border-width,.0625rem) var(--_input-border-style) var(--_input-state-color)}:host(:focus-within){--_input-state-color:var(--input-state-color-active,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))))}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size,.75rem);top:var(--input-padding-top-bottom,.5rem);transform:translateY(0)}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000;border:none;box-sizing:border-box;caret-color:var(--_input-color-state);color:inherit;display:block;font-size:var(--input-font-size,1rem);margin:0;outline:none;padding:var(--input-padding-top-bottom,.5rem) var(--_input-padding-left-right);position:relative;text-align:var(--input-text-align,inherit);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:calc(var(--input-label-space, .875rem) + var(--input-padding-top-bottom, .5rem))}:host([invalid]){--_input-state-color:var(--input-state-color-invalid,var(--error,hsl(var(--error-h,4.10526),var(--error-s,89.6226%),var(--error-l,58.4314%))))}::slotted(input[type=color]){cursor:pointer;height:3.75rem}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined,.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined,.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined,.75rem)}#arrow{fill:var(--_input-state-color);height:8px;position:absolute;right:0;top:50%;transform:translate(-100%,-50%);z-index:-1}::slotted(option){display:none}:host(:not([dirty])) ::slotted(select){opacity:0}")}`,e([st({type:String})],t.TkSelect.prototype,"value",null),e([st({attribute:!0,type:String})],t.TkSelect.prototype,"name",void 0),e([st({type:String})],t.TkSelect.prototype,"list",void 0),e([st({type:String})],t.TkSelect.prototype,"type",void 0),e([st({type:Boolean})],t.TkSelect.prototype,"required",void 0),e([st({type:Boolean})],t.TkSelect.prototype,"disabled",void 0),e([st({type:Boolean})],t.TkSelect.prototype,"readonly",void 0),e([st({type:String})],t.TkSelect.prototype,"autocomplete",void 0),e([st({type:String})],t.TkSelect.prototype,"pattern",void 0),e([nt()],t.TkSelect.prototype,"initialValue",void 0),e([st({type:String})],t.TkSelect.prototype,"label",void 0),e([st({type:Number})],t.TkSelect.prototype,"min",void 0),e([st({type:Number})],t.TkSelect.prototype,"max",void 0),e([st({type:Number})],t.TkSelect.prototype,"minLength",void 0),e([st({type:Number})],t.TkSelect.prototype,"maxLength",void 0),e([ht({passive:!0})],t.TkSelect.prototype,"handleChange",null),t.TkSelect=e([ot("tk-select")],t.TkSelect);t.TkSlider=class extends rt{constructor(){super(...arguments),this._id=ut(),this.required=!1,this.disabled=!1,this.readonly=!1,this.thumbLabel=!1,this.thumbLabelPersist=!1,this.min=0,this.value=this.min,this.max=100}render(){return U`<div id="container"><slot id="before" name="before"></slot><div id="wrapper"><div id="label">${this.label}</div><div id="slot-wrapper"><input @input="${this.handleChange.bind(this)}" id="slider" type="range" .value="${this.value.toString()}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" aria-label="${pt(this.label)}" name="${pt(this.name)}" autocomplete="${pt(this.autocomplete)}" min="${pt(this.min)}" max="${pt(this.max)}" step="${pt(this.step)}" tabindex="0"> ${this.thumbLabel||this.thumbLabelPersist?U`<div id="thumb-container"><div id="thumb-label"><slot name="thumb-label">${this.value}</slot></div></div>`:""}</div><input id="${this._id}" class="hidden-input" type="hidden" value="${this.value.toString()}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" aria-label="${pt(this.label)}" name="${pt(this.name)}"></div><slot id="after" name="after"></slot></div>`}handleChange(t){t.target.checkValidity()?this.removeAttribute("invalid"):this.setAttribute("invalid",""),this.value=t.target.value.toString(),setTimeout((()=>this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))))}firstUpdated(){this.appendChild(this.$input),this.setAttribute("dirty","")}updated(){requestAnimationFrame((()=>{this.style.setProperty("--_perc",((Number(this.value)-this.min)/(this.max-this.min)).toString())}))}},t.TkSlider.styles=l`${n('*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--_input-state-color:var(--input-state-color-inactive,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));--_input-padding-left-right:var(--input-padding-left-right,0);--_input-bg:var(--input-bg,#0000);--_input-border-radius:0;--_input-color:var(--input-color,var(--foreground,#454545));--_input-label-color:var(--input-label-color,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));--_input-border-style:var(--input-border-style,solid);display:block;outline:none;transform:translateZ(0)}:host([disabled]){--_input-state-color:var(--input-state-color-disabled,var(--shade-light,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.15))));--_input-label-color:var(--input-label-color-disabled,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));--_input-color:var(--input-color-disabled,var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3))));--_input-border-style:var(--input-border-style-disabled,dashed);pointer-events:none}#container{align-items:center;background:var(--_input-bg);border-bottom:var(--input-border-width,.0625rem) var(--_input-border-style) var(--_input-state-color);border-radius:var(--_input-border-radius);color:var(--_input-color);display:flex;font-size:var(--input-font-size,1rem);overflow:hidden;position:relative;transition:var(--input-transition,border-color var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease),background var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease))}#wrapper{flex-grow:1;position:relative}#label{color:var(--_input-label-color);font-size:inherit;left:var(--_input-padding-left-right);line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:var(--input-label-transition,top var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),font-size var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),transform var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear));-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}:host(:hover){--_input-state-color:var(--input-state-color-hover,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))))}:host([filled]),:host([outlined]){--_input-padding-left-right:var(--input-padding-left-right-outlined,0.75rem)}:host([filled]){--_input-border-radius:var(--input-border-radius-outlined,0.5rem 0.5rem 0 0);--_input-bg:var(--input-bg,var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3))))}:host([filled]:hover){--_input-bg:var(--input-bg-filled-hover,var(--shade-light,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.15))))}:host([outlined]){--_input-border-radius:var(--input-border-radius-outlined,0.5rem)}:host([outlined]) #container{border:var(--input-border-width,.0625rem) var(--_input-border-style) var(--_input-state-color)}:host(:focus-within){--_input-state-color:var(--input-state-color-active,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))))}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size,.75rem);top:var(--input-padding-top-bottom,.5rem);transform:translateY(0)}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000;border:none;box-sizing:border-box;caret-color:var(--_input-color-state);color:inherit;display:block;font-size:var(--input-font-size,1rem);margin:0;outline:none;padding:var(--input-padding-top-bottom,.5rem) var(--_input-padding-left-right);position:relative;text-align:var(--input-text-align,inherit);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:calc(var(--input-label-space, .875rem) + var(--input-padding-top-bottom, .5rem))}:host([invalid]){--_input-state-color:var(--input-state-color-invalid,var(--error,hsl(var(--error-h,4.10526),var(--error-s,89.6226%),var(--error-l,58.4314%))))}::slotted(input[type=color]){cursor:pointer;height:3.75rem}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined,.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined,.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined,.75rem)}:host{--_perc:0;--_slider-track-bg:var(--slider-bg,var(--shade-light,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.15))));--_slider-track-bg-active:var(--slider-bg-active,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))));--_slider-thumb-bg:var(--slider-thumb-bg,var(--on-primary,hsl(var(--on-primary-h,0),var(--on-primary-s,0%),var(--on-primary-l,100%))));--_slider-thumb-border:var(--slider-thumb-bg,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))))}:host([disabled]){--_slider-track-bg:var(--slider-bg-disabled,var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3))));--_slider-track-bg-active:var(--slider-bg-active-disabled,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));--_slider-thumb-bg:var(--slider-thumb-bg-disabled,var(--shade-light,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.15))));--_slider-thumb-border:var(--slider-thumb-bg,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))))}:host([thumblabel-persist]) #container,:host([thumblabel]) #container{padding-top:33px}#container{border:none;overflow:visible}#slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,var(--_slider-track-bg-active) 0,var(--_slider-track-bg-active) calc(var(--_perc)*100%),var(--_slider-track-bg) calc(var(--_perc)*100%),var(--_slider-track-bg));border:none;border-radius:0;box-sizing:border-box;cursor:grab;height:var(--slider-height,.3125rem);margin:0;outline:none;top:calc(var(--slider-height, .3125rem)*-1/2)}#slider,#thumb-container{position:relative;width:100%}#thumb-label{--_thumb-label-transform-y:0.625rem;-webkit-text-fill-color:var(--slider-thumb-label-color,var(--on-primary,hsl(var(--on-primary-h,0),var(--on-primary-s,0%),var(--on-primary-l,100%))));align-items:center;border-radius:var(--slider-thumb-label-border-radius,100%);bottom:calc(100% + var(--slider-thumb-size, .75rem) + var(--slider-height, .3125rem) + var(--slider-thumb-space, .75rem));color:var(--slider-thumb-label-color,var(--on-primary,hsl(var(--on-primary-h,0),var(--on-primary-s,0%),var(--on-primary-l,100%))));display:flex;font-size:var(--slider-thumb-label-font-size,.75rem);height:var(--slider-thumb-label-size,1.875rem);justify-content:center;left:calc(var(--_perc)*100% - var(--slider-thumb-size, 1.2rem)*var(--_perc));opacity:0;pointer-events:none;text-overflow:ellipsis;transform:translate(calc(-50% + var(--slider-thumb-size, 1.2rem)/2),var(--_thumb-label-transform-y));transition:var(--slider-thumb-label-transition,opacity var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),transform var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));width:var(--slider-thumb-label-size,1.875rem)}#thumb-label,#thumb-label:before{background:var(--slider-thumb-label-bg,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))));position:absolute}#thumb-label:before{border-radius:0 50% 50% 50%;content:"";height:100%;left:0;top:0;transform:rotate(225deg);width:100%;z-index:-1}#slider:focus+#thumb-container #thumb-label,:host([thumblabel-persist]) #thumb-label,:host:focus #thumb-label{--_thumb-label-transform-y:0;opacity:1}#slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--_slider-thumb-bg);border:4px solid var(--_slider-thumb-border);border-radius:var(--slider-thumb-border-radius,100%);box-shadow:0 0 0 0 var(--slider-thumb-focus-ring-bg,rgba(0,0,0,.082));cursor:grab;height:var(--slider-thumb-size,1.2rem);position:relative;-webkit-transition:var(--slider-thumb-transition,transform var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),box-shadow var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));transition:var(--slider-thumb-transition,transform var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),box-shadow var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));width:var(--slider-thumb-size,1.2rem)}#slider::-moz-range-thumb{-moz-appearance:none;appearance:none;background:var(--_slider-thumb-bg);border:none;border-radius:var(--slider-thumb-border-radius,100%);box-shadow:0 0 0 0 var(--slider-thumb-focus-ring-bg,rgba(0,0,0,.082));cursor:grab;height:var(--slider-thumb-size,1.2rem);position:relative;-moz-transition:var(--slider-thumb-transition,transform var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),box-shadow var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));transition:var(--slider-thumb-transition,transform var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),box-shadow var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));width:var(--slider-thumb-size,1.2rem)}#slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 var(--slider-thumb-focus-ring-size,.75rem) var(--slider-thumb-focus-ring-bg,rgba(0,0,0,.082));transform:var(--slider-thumb-transform-focus,scale(1.2))}#slider:focus::-moz-range-thumb{box-shadow:0 0 0 var(--slider-thumb-focus-ring-size,.75rem) var(--slider-thumb-focus-ring-bg,rgba(0,0,0,.082));transform:var(--slider-thumb-transform-focus,scale(1.2))}')}`,e([st({attribute:!0,type:String})],t.TkSlider.prototype,"name",void 0),e([st({type:String})],t.TkSlider.prototype,"list",void 0),e([st({type:Boolean})],t.TkSlider.prototype,"required",void 0),e([st({type:Boolean})],t.TkSlider.prototype,"disabled",void 0),e([st({type:Boolean})],t.TkSlider.prototype,"readonly",void 0),e([st({type:String})],t.TkSlider.prototype,"autocomplete",void 0),e([st({type:Boolean,attribute:"thumblabel"})],t.TkSlider.prototype,"thumbLabel",void 0),e([st({type:Boolean,attribute:"thumblabel-persist"})],t.TkSlider.prototype,"thumbLabelPersist",void 0),e([st({type:String})],t.TkSlider.prototype,"label",void 0),e([st({type:Number})],t.TkSlider.prototype,"min",void 0),e([st({type:Number,reflect:!0})],t.TkSlider.prototype,"value",void 0),e([st({type:Number})],t.TkSlider.prototype,"max",void 0),e([st({type:Number})],t.TkSlider.prototype,"step",void 0),e([dt("#slider")],t.TkSlider.prototype,"$slider",void 0),e([dt(".hidden-input")],t.TkSlider.prototype,"$input",void 0),t.TkSlider=e([ot("tk-slider")],t.TkSlider);t.TkSwitch=class extends rt{constructor(){super(...arguments),this._id=ut(),this.checked=!1,this.required=!1,this.disabled=!1,this.readonly=!1}render(){return U`<tk-box direction="row" align-items="center"><span class="switch"><span id="knob"></span> </span><span class="label"><slot></slot></span></tk-box><input id="${this._id}" slot="none" style="display:none" type="radio" ?checked="${this.checked}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" value="${pt(this.value)}" name="${pt(this.name)}" aria-hidden="true" tabindex="-1">`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("keydown",this.onKeyDown.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.onKeyDown)}firstUpdated(){this.appendChild(this.$input)}onKeyDown(t){"Space"!==t.code&&"Enter"!==t.code||(t.preventDefault(),t.stopPropagation(),this.click())}handleClick(){this.checked=!this.checked,this.checked&&this.name&&this.getRootNode().querySelectorAll(`tk-radio[name="${this.name}"]`).forEach((t=>t!=this?t.checked=!1:null)),setTimeout((()=>this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))))}},t.TkSwitch.styles=l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--_switch-bg:var(--switch-bg,var(--shade-light,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.15))));--_switch-color:var(--switch-color,var(--background,#f7f7f7))}:host .switch{align-items:center;background:var(--_switch-bg);border-radius:var(--switch-border-radius,.75rem);color:var(--_switch-color);display:inline-flex;height:var(--switch-height,.875rem);outline:none;position:relative;transition:var(--switch-transition,background var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));-webkit-user-select:none;user-select:none;width:var(--switch-width,2.125rem)}:host .switch #knob{background:currentColor;border-radius:var(--switch-knob-border-radius,100%);box-shadow:var(--switch-knob-elevation,var(--elevation-3,0 4px 8px var(--shadow)));height:var(--switch-knob-size,1.25rem);position:absolute;transition:var(--switch-knob-transition,background var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),transform var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));width:var(--switch-knob-size,1.25rem)}:host .label{font-size:1.1em;margin-left:10px}:host(:not([disabled])){cursor:pointer}:host([checked]){--_switch-bg:var(--switch-bg-checked,var(--primary-lighter,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),calc(var(--primary-l, 59.4118%)*1.3))));--_switch-color:var(--switch-color-checked,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))))}:host([checked]) .switch #knob{transform:translateX(calc(var(--switch-width, 2.125rem) - 100%))}:host(:focus),:host(:hover){will-change:background-color}:host([disabled]){--_switch-bg:var(--switch-bg-disabled,hsl(var(--shade-200,var(--shade-hue,200),var(--shade-saturation,4%),var(--shade-lightness,85%))));--_switch-color:var(\n  \t--switch-color-disabled,hsl(var(--shade-300,var(--shade-hue,200),var(--shade-saturation,4%),var(--shade-lightness,75%)))\n  );pointer-events:none}:host([disabled][checked]){--_switch-bg:var(\n  \t--switch-bg-disabled-checked,hsla(var(--primary-400,var(--primary-hue,224),var(--primary-saturation,42%),var(--primary-lightness,52%)),0.1)\n  );--_switch-color:var(\n  \t--switch-color-disabled-checked,hsla(var(--primary-400,var(--primary-hue,224),var(--primary-saturation,42%),var(--primary-lightness,52%)),0.4)\n  )}")}`,e([st({attribute:!0,type:String})],t.TkSwitch.prototype,"name",void 0),e([st({attribute:!0,type:Boolean,reflect:!0})],t.TkSwitch.prototype,"checked",void 0),e([st({type:Boolean})],t.TkSwitch.prototype,"required",void 0),e([st({type:Boolean})],t.TkSwitch.prototype,"disabled",void 0),e([st({type:Boolean})],t.TkSwitch.prototype,"readonly",void 0),e([st({type:String,reflect:!0})],t.TkSwitch.prototype,"value",void 0),e([dt("input")],t.TkSwitch.prototype,"$input",void 0),t.TkSwitch=e([ot("tk-switch")],t.TkSwitch);t.TkTabGroup=class extends rt{constructor(){super(),this.circle=!1,this.observe="",this.selected=""}render(){return U`<div class="tabs"><slot @click="${t=>this.clickOnTab(t.target)}" @slotchange="${()=>this.updateUnderline()}"></slot></div>${this.circle?U`<div class="circle"></div>`:U`<div class="underline"></div>`}`}firstUpdated(){if(IntersectionObserver){new IntersectionObserver(this.updateUnderline.bind(this)).observe(this)}else this.updateUnderline.bind(this)}updated(t){var e,r;t.has("selected")&&(this.querySelectorAll("*").forEach((t=>t.removeAttribute("selected"))),null===(e=this.querySelector(`[tab="${this.selected}"]`))||void 0===e||e.setAttribute("selected","")),t.has("observe")&&(null===(r=this.querySelector(`[tab="${this.selected}"]`))||void 0===r||r.focus(),this.updateUnderline())}clickOnTab(t){this.querySelectorAll("*").forEach((t=>t.removeAttribute("selected"))),t.setAttribute("selected",""),this.updateUnderline(),this.dispatchEvent(new CustomEvent("change",{detail:t.getAttribute("tab"),composed:!0,bubbles:!0}))}updateUnderline(){const t=this.querySelector("[selected]");t&&setTimeout((()=>{this.circle?this.$circle.style.transform=`translate(${t.offsetLeft+t.clientWidth/2-this.$circle.clientWidth/2}px, -${this.$circle.clientWidth/2}px)`:(this.$underline.style.width=t.clientWidth+"px",this.$underline.style.transform=`translateX(${t.offsetLeft}px)`)}))}},t.TkTabGroup.styles=l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%)));display:inline-block;overflow:hidden;overflow-x:scroll;position:relative}:host([accent]){--color:var(--accent,hsl(var(--accent-h,8.76404),var(--accent-s,64.0288%),var(--accent-l,72.7451%)))}.tabs{display:flex}:host(:not([circle])) .tabs{border-bottom:2px solid var(--shade-lighter)}.underline{height:2px;margin-top:-2px;transition:transform .2s ease;width:0}.circle,.underline{background-color:var(--color)}.circle{border-radius:var(--border-radius-circle,50%);height:8px;transition:transform .3s ease;width:8px}")}`,e([st({attribute:!0,type:Boolean})],t.TkTabGroup.prototype,"circle",void 0),e([st({attribute:!0,type:String})],t.TkTabGroup.prototype,"observe",void 0),e([st({attribute:!0,type:String})],t.TkTabGroup.prototype,"selected",void 0),e([dt(".underline")],t.TkTabGroup.prototype,"$underline",void 0),e([dt(".circle")],t.TkTabGroup.prototype,"$circle",void 0),t.TkTabGroup=e([ot("tk-tab-group")],t.TkTabGroup);t.TkTag=class extends rt{render(){return U`<div class="tag"><slot></slot></div>`}},t.TkTag.styles=l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:var(--primary);--text:var(--on-primary);background:var(--color);box-sizing:border-box;color:var(--text);display:flex;flex-grow:1;height:var(--navbar-height,48px);justify-content:space-between;padding:var(--navbar-padding,var(--spacing-s,.5rem));position:relative;transition:var(--nav-transition,background var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),transform var(--transition-duration-medium,.18s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),box-shadow var(--transition-duration-medium,.18s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));z-index:var(--navbar-z-index,100)}:host([inverted]){--color:var(--on-primary);--text:var(--primary)}:host([fixed]){left:0;position:fixed;top:0;width:100%}:host([shadow]){box-shadow:var(--nav-elevation,var(--elevation-5,0 12px 24px var(--shadow)))}#left,#right,#title,::slotted([slot=left]),::slotted([slot=right]),::slotted([slot=title]){align-items:center;display:flex;height:100%}#title,::slotted([slot=title]){font-size:var(--nav-title-font-size,var(--font-size-l,1.25rem));font-weight:var(--nav-title-font-weight,var(--font-weight-regular,500));margin:var(--nav-title-margin,0 0 0 var(--spacing-l,1.25rem))}")}`,t.TkTag=e([ot("tk-tag")],t.TkTag);t.TkTextarea=class extends rt{constructor(){super(...arguments),this._id=ut(),this.type="text",this.required=!1,this.disabled=!1,this.readonly=!1,this.rows=1}set value(t){this.$input?(this.$input.value=t,this.refreshAttributes()):this.initialValue=t}get value(){return null!=this.$input?this.$input.value:this.initialValue||""}render(){return U`<div id="container"><slot id="before" name="before"></slot><div id="wrapper"><div id="label">${this.label}</div><slot id="slot"></slot><textarea id="${this._id}" @keydown="${this.handleChange.bind(this)}" @input="${this.handleChange.bind(this)}" @focusout="${this.handleChange.bind(this)}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" aria-label="${pt(this.label)}" name="${pt(this.name)}" pattern="${pt(this.pattern)}" autocomplete="${pt(this.autocomplete)}" autocapitalize="${pt(this.autocapitalize)}" minlength="${pt(this.minLength)}" maxlength="${pt(this.maxLength)}" rows="${this.rows}" tabindex="${this.disabled?-1:0}"></textarea></div><slot id="after" name="after"></slot></div>`}handleChange(){this.refreshAttributes()}firstUpdated(){var t;this.$input=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("textarea"),this.appendChild(this.$input),this.initialValue&&(this.value=this.initialValue)}refreshAttributes(){this.$input.value?this.setAttribute("dirty",""):this.removeAttribute("dirty"),this.$input.checkValidity()?this.removeAttribute("invalid"):this.setAttribute("invalid","")}focus(){this.$input.focus()}},t.TkTextarea.styles=l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--_input-state-color:var(--input-state-color-inactive,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));--_input-padding-left-right:var(--input-padding-left-right,0);--_input-bg:var(--input-bg,#0000);--_input-border-radius:0;--_input-color:var(--input-color,var(--foreground,#454545));--_input-label-color:var(--input-label-color,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));--_input-border-style:var(--input-border-style,solid);display:block;outline:none;transform:translateZ(0)}:host([disabled]){--_input-state-color:var(--input-state-color-disabled,var(--shade-light,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.15))));--_input-label-color:var(--input-label-color-disabled,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));--_input-color:var(--input-color-disabled,var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3))));--_input-border-style:var(--input-border-style-disabled,dashed);pointer-events:none}#container{align-items:center;background:var(--_input-bg);border-bottom:var(--input-border-width,.0625rem) var(--_input-border-style) var(--_input-state-color);border-radius:var(--_input-border-radius);color:var(--_input-color);display:flex;font-size:var(--input-font-size,1rem);overflow:hidden;position:relative;transition:var(--input-transition,border-color var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease),background var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease))}#wrapper{flex-grow:1;position:relative}#label{color:var(--_input-label-color);font-size:inherit;left:var(--_input-padding-left-right);line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:var(--input-label-transition,top var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),font-size var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),transform var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear));-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}:host(:hover){--_input-state-color:var(--input-state-color-hover,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))))}:host([filled]),:host([outlined]){--_input-padding-left-right:var(--input-padding-left-right-outlined,0.75rem)}:host([filled]){--_input-border-radius:var(--input-border-radius-outlined,0.5rem 0.5rem 0 0);--_input-bg:var(--input-bg,var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3))))}:host([filled]:hover){--_input-bg:var(--input-bg-filled-hover,var(--shade-light,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.15))))}:host([outlined]){--_input-border-radius:var(--input-border-radius-outlined,0.5rem)}:host([outlined]) #container{border:var(--input-border-width,.0625rem) var(--_input-border-style) var(--_input-state-color)}:host(:focus-within){--_input-state-color:var(--input-state-color-active,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))))}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size,.75rem);top:var(--input-padding-top-bottom,.5rem);transform:translateY(0)}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000;border:none;box-sizing:border-box;caret-color:var(--_input-color-state);color:inherit;display:block;font-size:var(--input-font-size,1rem);margin:0;outline:none;padding:var(--input-padding-top-bottom,.5rem) var(--_input-padding-left-right);position:relative;text-align:var(--input-text-align,inherit);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:calc(var(--input-label-space, .875rem) + var(--input-padding-top-bottom, .5rem))}:host([invalid]){--_input-state-color:var(--input-state-color-invalid,var(--error,hsl(var(--error-h,4.10526),var(--error-s,89.6226%),var(--error-l,58.4314%))))}::slotted(input[type=color]){cursor:pointer;height:3.75rem}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined,.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined,.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined,.75rem)}#wrapper ::slotted(textarea){font-family:inherit;height:var(--textarea-height,var(--_textarea-height));max-height:var(--textarea-max-height);min-height:var(--textarea-min-height,var(--textarea-height,var(--_textarea-height)));resize:var(--textarea-resize,none)}:host(:focus) ::slotted(textarea),:host(:hover) ::slotted(textarea){will-change:height}")}`,e([st({type:String})],t.TkTextarea.prototype,"value",null),e([st({attribute:!0,type:String})],t.TkTextarea.prototype,"name",void 0),e([st({type:String})],t.TkTextarea.prototype,"list",void 0),e([st({type:String})],t.TkTextarea.prototype,"type",void 0),e([st({type:Boolean})],t.TkTextarea.prototype,"required",void 0),e([st({type:Boolean})],t.TkTextarea.prototype,"disabled",void 0),e([st({type:Boolean})],t.TkTextarea.prototype,"readonly",void 0),e([st({type:String})],t.TkTextarea.prototype,"autocomplete",void 0),e([st({type:String})],t.TkTextarea.prototype,"autocapitalize",void 0),e([st({type:String})],t.TkTextarea.prototype,"pattern",void 0),e([nt()],t.TkTextarea.prototype,"initialValue",void 0),e([st({type:String})],t.TkTextarea.prototype,"label",void 0),e([st({type:Number})],t.TkTextarea.prototype,"minLength",void 0),e([st({type:Number})],t.TkTextarea.prototype,"maxLength",void 0),e([st({type:Number})],t.TkTextarea.prototype,"rows",void 0),e([ht({passive:!0})],t.TkTextarea.prototype,"handleChange",null),t.TkTextarea=e([ot("tk-textarea")],t.TkTextarea);t.TkTheme=class extends rt{constructor(){super(...arguments),this.primary="#8970bf",this.onPrimary="#FFFFFF",this.accent="#E69A8D",this.onAccent="#FFFFFF",this.shade="#AAAAAA",this.onShade="#FFFFFF",this.error="#F44336",this.onError="#FFFFFF",this.foreground="#FFFFFF",this.background="#000",this.forceBody=!1,this.inverted=!1}render(){return U`<slot></slot>`}updated(){this.setThemeColor()}connectedCallback(){super.connectedCallback(),this.addEventListener("turn-theme-to-inverted",(()=>this.turnThemeToInverted()),{passive:!0}),this.addEventListener("turn-theme-to-non-inverted",(()=>this.turnThemeToNonInverted()),{passive:!0}),this.addEventListener("set-theme",this.setTheme),this.addEventListener("set-theme-font-size",this.setThemeFontSize)}disconnectedCallback(){this.removeEventListener("turn-theme-to-inverted",this.turnThemeToInverted),this.removeEventListener("turn-theme-to-non-inverted",this.turnThemeToNonInverted),this.removeEventListener("set-theme",this.setTheme),this.removeEventListener("set-theme-font-size",this.setThemeFontSize),super.disconnectedCallback()}setTheme(t){const e=t;this.background=e.detail.background?e.detail.background:this.background,this.foreground=e.detail.foreground?e.detail.foreground:this.foreground,this.primary=e.detail.primary?e.detail.primary:this.primary,this.onPrimary=e.detail.onPrimary?e.detail.onPrimary:this.onPrimary,this.accent=e.detail.accent?e.detail.accent:this.accent,this.onAccent=e.detail.onAccent?e.detail.onAccent:this.onAccent}setThemeFontSize(t){const e=t;this.style.setProperty("--font-size",e.detail)}turnThemeToInverted(){this.inverted=!0,this.forceBody&&this.setBodyStyle()}turnThemeToNonInverted(){this.inverted=!1,this.forceBody&&this.setBodyStyle()}hexToHSL(t){const e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i.exec(t);if(null==e)return["0","0%","0%"];const[,r,i,o]=e,a=parseInt(r,16)/255,s=parseInt(i,16)/255,n=parseInt(o,16)/255,l=Math.max(a,s,n),h=Math.min(a,s,n);let d=0,c=0,p=(l+h)/2;if(l!=h){const t=l-h;switch(c=p>.5?t/(2-l-h):t/(l+h),l){case a:d=(s-n)/t+(s<n?6:0);break;case s:d=(n-a)/t+2;break;case n:d=(a-s)/t+4}d/=6}return[(360*d).toString(),(100*c).toString()+"%",(100*p).toString()+"%"]}setThemeColor(){const t=this.hexToHSL(this.primary);this.style.setProperty("--primary-h",t[0]),this.style.setProperty("--primary-s",t[1]),this.style.setProperty("--primary-l",t[2]);const e=this.hexToHSL(this.onPrimary);this.style.setProperty("--on-primary-h",e[0]),this.style.setProperty("--on-primary-s",e[1]),this.style.setProperty("--on-primary-l",e[2]);const r=this.hexToHSL(this.accent);this.style.setProperty("--accent-h",r[0]),this.style.setProperty("--accent-s",r[1]),this.style.setProperty("--accent-l",r[2]);const i=this.hexToHSL(this.onAccent);this.style.setProperty("--on-accent-h",i[0]),this.style.setProperty("--on-accent-s",i[1]),this.style.setProperty("--on-accent-l",i[2]);const o=this.hexToHSL(this.shade);this.style.setProperty("--shade-h",o[0]),this.style.setProperty("--shade-s",o[1]),this.style.setProperty("--shade-l",o[2]);const a=this.hexToHSL(this.onShade);this.style.setProperty("--on-shade-h",a[0]),this.style.setProperty("--on-shade-s",a[1]),this.style.setProperty("--on-shade-l",a[2]);const s=this.hexToHSL(this.error);this.style.setProperty("--error-h",s[0]),this.style.setProperty("--error-s",s[1]),this.style.setProperty("--error-l",s[2]);const n=this.hexToHSL(this.onError);this.style.setProperty("--on-error-h",n[0]),this.style.setProperty("--on-error-s",n[1]),this.style.setProperty("--on-error-l",n[2]);const l=this.hexToHSL(this.foreground);this.style.setProperty("--theme-foreground",`hsl(${l[0]},${l[1]},${l[2]})`);const h=this.hexToHSL(this.background);this.style.setProperty("--theme-background",`hsl(${h[0]},${h[1]},${h[2]})`),this.forceBody&&this.setBodyStyle()}setBodyStyle(){let t=this.hexToHSL(this.foreground),e=this.hexToHSL(this.background);this.inverted&&(t=this.hexToHSL(this.background),e=this.hexToHSL(this.foreground)),document.body.style.setProperty("background",`hsl(${e[0]},${e[1]},${e[2]})`),document.body.style.setProperty("color",`hsl(${t[0]},${t[1]},${t[2]})`)}},t.TkTheme.styles=l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--background:var(--theme-background);--foreground:var(--theme-foreground);--primary-lighter:hsl(var(--primary-h),var(--primary-s),calc(var(--primary-l)*1.3));--primary-light:hsl(var(--primary-h),var(--primary-s),calc(var(--primary-l)*1.15));--primary:hsl(var(--primary-h),var(--primary-s),var(--primary-l));--primary-dark:hsl(var(--primary-h),var(--primary-s),calc(var(--primary-l)*0.85));--primary-darker:hsl(var(--primary-h),var(--primary-s),calc(var(--primary-l)*0.7));--on-primary-lighter:hsl(var(--on-primary-h),var(--on-primary-s),calc(var(--on-primary-l)*1.3));--on-primary-light:hsl(var(--on-primary-h),var(--on-primary-s),calc(var(--on-primary-l)*1.15));--on-primary:hsl(var(--on-primary-h),var(--on-primary-s),var(--on-primary-l));--on-primary-dark:hsl(var(--on-primary-h),var(--on-primary-s),calc(var(--on-primary-l)*0.85));--on-primary-darker:hsl(var(--on-primary-h),var(--on-primary-s),calc(var(--on-primary-l)*0.7));--accent-lighter:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-l)*1.3));--accent-light:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-l)*1.15));--accent:hsl(var(--accent-h),var(--accent-s),var(--accent-l));--accent-dark:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-l)*0.85));--accent-darker:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-l)*0.7));--on-accent-lighter:hsl(var(--on-accent-h),var(--on-accent-s),calc(var(--on-accent-l)*1.3));--on-accent-light:hsl(var(--on-accent-h),var(--on-accent-s),calc(var(--on-accent-l)*1.15));--on-accent:hsl(var(--on-accent-h),var(--on-accent-s),var(--on-accent-l));--on-accent-dark:hsl(var(--on-accent-h),var(--on-accent-s),calc(var(--on-accent-l)*0.85));--on-accent-darker:hsl(var(--on-accent-h),var(--on-accent-s),calc(var(--on-accent-l)*0.7));--shade-lighter:hsl(var(--shade-h),var(--shade-s),calc(var(--shade-l)*1.3));--shade-light:hsl(var(--shade-h),var(--shade-s),calc(var(--shade-l)*1.15));--shade:hsl(var(--shade-h),var(--shade-s),var(--shade-l));--shade-dark:hsl(var(--shade-h),var(--shade-s),calc(var(--shade-l)*0.85));--shade-darker:hsl(var(--shade-h),var(--shade-s),calc(var(--shade-l)*0.7));--on-shade-lighter:hsl(var(--on-shade-h),var(--on-shade-s),calc(var(--on-shade-l)*1.3));--on-shade-light:hsl(var(--on-shade-h),var(--on-shade-s),calc(var(--on-shade-l)*1.15));--on-shade:hsl(var(--on-shade-h),var(--on-shade-s),var(--on-shade-l));--on-shade-dark:hsl(var(--on-shade-h),var(--on-shade-s),calc(var(--on-shade-l)*0.85));--on-shade-darker:hsl(var(--on-shade-h),var(--on-shade-s),calc(var(--on-shade-l)*0.7));--error-lighter:hsl(var(--error-h),var(--error-s),calc(var(--error-l)*1.3));--error-light:hsl(var(--error-h),var(--error-s),calc(var(--error-l)*1.15));--error:hsl(var(--error-h),var(--error-s),var(--error-l));--error-dark:hsl(var(--error-h),var(--error-s),calc(var(--error-l)*0.85));--error-darker:hsl(var(--error-h),var(--error-s),calc(var(--error-l)*0.7));--on-error-lighter:hsl(var(--on-error-h),var(--on-error-s),calc(var(--on-error-l)*1.3));--on-error-light:hsl(var(--on-error-h),var(--on-error-s),calc(var(--on-error-l)*1.15));--on-error:hsl(var(--on-error-h),var(--on-error-s),var(--on-error-l));--on-error-dark:hsl(var(--on-error-h),var(--on-error-s),calc(var(--on-error-l)*0.85));--on-error-darker:hsl(var(--on-error-h),var(--on-error-s),calc(var(--on-error-l)*0.7));--shadow-lighter:#0000001a;--shadow-light:#00000026;--shadow:#0003;--shadow-dark:#0006;--shadow-darker:#0009;background-color:var(--background);color:var(--foreground);font-family:var(--font-family,Roboto,sans-serif);font-size:var(--font-size,1rem)}:host([inverted]){--background:var(--theme-foreground);--foreground:var(--theme-background);--primary-lighter:hsl(var(--primary-h),var(--primary-s),calc(var(--primary-l)*0.7));--primary-light:hsl(var(--primary-h),var(--primary-s),calc(var(--primary-l)*0.85));--primary:hsl(var(--primary-h),var(--primary-s),var(--primary-l));--primary-dark:hsl(var(--primary-h),var(--primary-s),calc(var(--primary-l)*1.15));--primary-darker:hsl(var(--primary-h),var(--primary-s),calc(var(--primary-l)*1.3));--on-primary-lighter:hsl(var(--on-primary-h),var(--on-primary-s),calc(var(--on-primary-l)*0.7));--on-primary-light:hsl(var(--on-primary-h),var(--on-primary-s),calc(var(--on-primary-l)*0.85));--on-primary:hsl(var(--on-primary-h),var(--on-primary-s),var(--on-primary-l));--on-primary-dark:hsl(var(--on-primary-h),var(--on-primary-s),calc(var(--on-primary-l)*1.15));--on-primary-darker:hsl(var(--on-primary-h),var(--on-primary-s),calc(var(--on-primary-l)*1.3));--accent-lighter:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-l)*0.7));--accent-light:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-l)*0.85));--accent:hsl(var(--accent-h),var(--accent-s),var(--accent-l));--accent-dark:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-l)*1.15));--accent-darker:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-l)*1.3));--on-accent-lighter:hsl(var(--on-accent-h),var(--on-accent-s),calc(var(--on-accent-l)*0.7));--on-accent-light:hsl(var(--on-accent-h),var(--on-accent-s),calc(var(--on-accent-l)*0.85));--on-accent:hsl(var(--on-accent-h),var(--on-accent-s),var(--on-accent-l));--on-accent-dark:hsl(var(--on-accent-h),var(--on-accent-s),calc(var(--on-accent-l)*1.15));--on-accent-darker:hsl(var(--on-accent-h),var(--on-accent-s),calc(var(--on-accent-l)*1.3));--shade-lighter:hsl(var(--shade-h),var(--shade-s),calc(var(--shade-l)*0.7));--shade-light:hsl(var(--shade-h),var(--shade-s),calc(var(--shade-l)*0.85));--shade:hsl(var(--shade-h),var(--shade-s),var(--shade-l));--shade-dark:hsl(var(--shade-h),var(--shade-s),calc(var(--shade-l)*1.15));--shade-darker:hsl(var(--shade-h),var(--shade-s),calc(var(--shade-l)*1.3));--on-shade-lighter:hsl(var(--on-shade-h),var(--on-shade-s),calc(var(--on-shade-l)*0.7));--on-shade-light:hsl(var(--on-shade-h),var(--on-shade-s),calc(var(--on-shade-l)*0.85));--on-shade:hsl(var(--on-shade-h),var(--on-shade-s),var(--on-shade-l));--on-shade-dark:hsl(var(--on-shade-h),var(--on-shade-s),calc(var(--on-shade-l)*1.15));--on-shade-darker:hsl(var(--on-shade-h),var(--on-shade-s),calc(var(--on-shade-l)*1.3));--error-lighter:hsl(var(--error-h),var(--error-s),calc(var(--error-l)*0.7));--error-light:hsl(var(--error-h),var(--error-s),calc(var(--error-l)*0.85));--error:hsl(var(--error-h),var(--error-s),var(--error-l));--error-dark:hsl(var(--error-h),var(--error-s),calc(var(--error-l)*1.15));--error-darker:hsl(var(--error-h),var(--error-s),calc(var(--error-l)*1.3));--on-error-lighter:hsl(var(--on-error-h),var(--on-error-s),calc(var(--on-error-l)*0.7));--on-error-light:hsl(var(--on-error-h),var(--on-error-s),calc(var(--on-error-l)*0.85));--on-error:hsl(var(--on-error-h),var(--on-error-s),var(--on-error-l));--on-error-dark:hsl(var(--on-error-h),var(--on-error-s),calc(var(--on-error-l)*1.15));--on-error-darker:hsl(var(--on-error-h),var(--on-error-s),calc(var(--on-error-l)*1.3));--shadow-lighter:#ffffff1a;--shadow-light:#ffffff26;--shadow:#fff3;--shadow-dark:#fff6;--shadow-darker:#fff9}")}`,e([st()],t.TkTheme.prototype,"primary",void 0),e([st({attribute:"on-primary"})],t.TkTheme.prototype,"onPrimary",void 0),e([st()],t.TkTheme.prototype,"accent",void 0),e([st({attribute:"on-accent"})],t.TkTheme.prototype,"onAccent",void 0),e([st()],t.TkTheme.prototype,"shade",void 0),e([st()],t.TkTheme.prototype,"onShade",void 0),e([st()],t.TkTheme.prototype,"error",void 0),e([st()],t.TkTheme.prototype,"onError",void 0),e([st()],t.TkTheme.prototype,"foreground",void 0),e([st()],t.TkTheme.prototype,"background",void 0),e([st({type:Boolean,attribute:"force-body",reflect:!0})],t.TkTheme.prototype,"forceBody",void 0),e([st({type:Boolean,attribute:!0,reflect:!0})],t.TkTheme.prototype,"inverted",void 0),t.TkTheme=e([ot("tk-theme")],t.TkTheme),Object.defineProperty(t,"__esModule",{value:!0})}));
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).tinkiet={})}(this,(function(t){"use strict";function e(t,e,r,i){var o,a=arguments.length,s=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,r,i);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(s=(a<3?o(s):a>3?o(e,r,s):o(e,r))||s);return a>3&&s&&Object.defineProperty(e,r,s),s}const r=window,i=r.ShadowRoot&&(void 0===r.ShadyCSS||r.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,o=Symbol(),a=new WeakMap;let s=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==o)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(i&&void 0===t){const r=void 0!==e&&1===e.length;r&&(t=a.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&a.set(e,t))}return t}toString(){return this.cssText}};const n=t=>new s("string"==typeof t?t:t+"",void 0,o),l=(t,...e)=>{const r=1===t.length?t[0]:e.reduce(((e,r,i)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+t[i+1]),t[0]);return new s(r,t,o)},h=i?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const r of t.cssRules)e+=r.cssText;return n(e)})(t):t;var d;const c=window,p=c.trustedTypes,v=p?p.emptyScript:"",u=c.reactiveElementPolyfillSupport,m={toAttribute(t,e){switch(e){case Boolean:t=t?v:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let r=t;switch(e){case Boolean:r=null!==t;break;case Number:r=null===t?null:Number(t);break;case Object:case Array:try{r=JSON.parse(t)}catch(t){r=null}}return r}},g=(t,e)=>e!==t&&(e==e||t==t),b={attribute:!0,type:String,converter:m,reflect:!1,hasChanged:g};let f=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var e;this.finalize(),(null!==(e=this.h)&&void 0!==e?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,r)=>{const i=this._$Ep(r,e);void 0!==i&&(this._$Ev.set(i,r),t.push(i))})),t}static createProperty(t,e=b){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const r="symbol"==typeof t?Symbol():"__"+t,i=this.getPropertyDescriptor(t,r,e);void 0!==i&&Object.defineProperty(this.prototype,t,i)}}static getPropertyDescriptor(t,e,r){return{get(){return this[e]},set(i){const o=this[t];this[e]=i,this.requestUpdate(t,o,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||b}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.h&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const r of e)this.createProperty(r,t[r])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const r=new Set(t.flat(1/0).reverse());for(const t of r)e.unshift(h(t))}else void 0!==t&&e.push(h(t));return e}static _$Ep(t,e){const r=e.attribute;return!1===r?void 0:"string"==typeof r?r:"string"==typeof t?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,r;(null!==(e=this._$ES)&&void 0!==e?e:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(r=t.hostConnected)||void 0===r||r.call(t))}removeController(t){var e;null===(e=this._$ES)||void 0===e||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach(((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])}))}createRenderRoot(){var t;const e=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{i?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const i=document.createElement("style"),o=r.litNonce;void 0!==o&&i.setAttribute("nonce",o),i.textContent=e.cssText,t.appendChild(i)}))})(e,this.constructor.elementStyles),e}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,r){this._$AK(t,r)}_$EO(t,e,r=b){var i;const o=this.constructor._$Ep(t,r);if(void 0!==o&&!0===r.reflect){const a=(void 0!==(null===(i=r.converter)||void 0===i?void 0:i.toAttribute)?r.converter:m).toAttribute(e,r.type);this._$El=t,null==a?this.removeAttribute(o):this.setAttribute(o,a),this._$El=null}}_$AK(t,e){var r;const i=this.constructor,o=i._$Ev.get(t);if(void 0!==o&&this._$El!==o){const t=i.getPropertyOptions(o),a="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(r=t.converter)||void 0===r?void 0:r.fromAttribute)?t.converter:m;this._$El=o,this[o]=a.fromAttribute(e,t.type),this._$El=null}}requestUpdate(t,e,r){let i=!0;void 0!==t&&(((r=r||this.constructor.getPropertyOptions(t)).hasChanged||g)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===r.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,r))):i=!1),!this.isUpdatePending&&i&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((t,e)=>this[e]=t)),this._$Ei=void 0);let e=!1;const r=this._$AL;try{e=this.shouldUpdate(r),e?(this.willUpdate(r),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(r)):this._$Ek()}catch(t){throw e=!1,this._$Ek(),t}e&&this._$AE(r)}willUpdate(t){}_$AE(t){var e;null===(e=this._$ES)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,e)=>this._$EO(e,this[e],t))),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}};var y;f.finalized=!0,f.elementProperties=new Map,f.elementStyles=[],f.shadowRootOptions={mode:"open"},null==u||u({ReactiveElement:f}),(null!==(d=c.reactiveElementVersions)&&void 0!==d?d:c.reactiveElementVersions=[]).push("1.4.2");const k=window,x=k.trustedTypes,w=x?x.createPolicy("lit-html",{createHTML:t=>t}):void 0,T=`lit$${(Math.random()+"").slice(9)}$`,$="?"+T,P=`<${$}>`,E=document,_=(t="")=>E.createComment(t),S=t=>null===t||"object"!=typeof t&&"function"!=typeof t,A=Array.isArray,z=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,C=/-->/g,D=/>/g,B=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),I=/'/g,L=/"/g,M=/^(?:script|style|textarea|title)$/i,U=(t=>(e,...r)=>({_$litType$:t,strings:e,values:r}))(1),G=Symbol.for("lit-noChange"),R=Symbol.for("lit-nothing"),N=new WeakMap,O=E.createTreeWalker(E,129,null,!1),H=(t,e)=>{const r=t.length-1,i=[];let o,a=2===e?"<svg>":"",s=z;for(let e=0;e<r;e++){const r=t[e];let n,l,h=-1,d=0;for(;d<r.length&&(s.lastIndex=d,l=s.exec(r),null!==l);)d=s.lastIndex,s===z?"!--"===l[1]?s=C:void 0!==l[1]?s=D:void 0!==l[2]?(M.test(l[2])&&(o=RegExp("</"+l[2],"g")),s=B):void 0!==l[3]&&(s=B):s===B?">"===l[0]?(s=null!=o?o:z,h=-1):void 0===l[1]?h=-2:(h=s.lastIndex-l[2].length,n=l[1],s=void 0===l[3]?B:'"'===l[3]?L:I):s===L||s===I?s=B:s===C||s===D?s=z:(s=B,o=void 0);const c=s===B&&t[e+1].startsWith("/>")?" ":"";a+=s===z?r+P:h>=0?(i.push(n),r.slice(0,h)+"$lit$"+r.slice(h)+T+c):r+T+(-2===h?(i.push(void 0),e):c)}const n=a+(t[r]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==w?w.createHTML(n):n,i]};class q{constructor({strings:t,_$litType$:e},r){let i;this.parts=[];let o=0,a=0;const s=t.length-1,n=this.parts,[l,h]=H(t,e);if(this.el=q.createElement(l,r),O.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(i=O.nextNode())&&n.length<s;){if(1===i.nodeType){if(i.hasAttributes()){const t=[];for(const e of i.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(T)){const r=h[a++];if(t.push(e),void 0!==r){const t=i.getAttribute(r.toLowerCase()+"$lit$").split(T),e=/([.?@])?(.*)/.exec(r);n.push({type:1,index:o,name:e[2],strings:t,ctor:"."===e[1]?X:"?"===e[1]?Q:"@"===e[1]?W:Y})}else n.push({type:6,index:o})}for(const e of t)i.removeAttribute(e)}if(M.test(i.tagName)){const t=i.textContent.split(T),e=t.length-1;if(e>0){i.textContent=x?x.emptyScript:"";for(let r=0;r<e;r++)i.append(t[r],_()),O.nextNode(),n.push({type:2,index:++o});i.append(t[e],_())}}}else if(8===i.nodeType)if(i.data===$)n.push({type:2,index:o});else{let t=-1;for(;-1!==(t=i.data.indexOf(T,t+1));)n.push({type:7,index:o}),t+=T.length-1}o++}}static createElement(t,e){const r=E.createElement("template");return r.innerHTML=t,r}}function V(t,e,r=t,i){var o,a,s,n;if(e===G)return e;let l=void 0!==i?null===(o=r._$Co)||void 0===o?void 0:o[i]:r._$Cl;const h=S(e)?void 0:e._$litDirective$;return(null==l?void 0:l.constructor)!==h&&(null===(a=null==l?void 0:l._$AO)||void 0===a||a.call(l,!1),void 0===h?l=void 0:(l=new h(t),l._$AT(t,r,i)),void 0!==i?(null!==(s=(n=r)._$Co)&&void 0!==s?s:n._$Co=[])[i]=l:r._$Cl=l),void 0!==l&&(e=V(t,l._$AS(t,e.values),l,i)),e}class j{constructor(t,e){this.u=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(t){var e;const{el:{content:r},parts:i}=this._$AD,o=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:E).importNode(r,!0);O.currentNode=o;let a=O.nextNode(),s=0,n=0,l=i[0];for(;void 0!==l;){if(s===l.index){let e;2===l.type?e=new F(a,a.nextSibling,this,t):1===l.type?e=new l.ctor(a,l.name,l.strings,this,t):6===l.type&&(e=new Z(a,this,t)),this.u.push(e),l=i[++n]}s!==(null==l?void 0:l.index)&&(a=O.nextNode(),s++)}return o}p(t){let e=0;for(const r of this.u)void 0!==r&&(void 0!==r.strings?(r._$AI(t,r,e),e+=r.strings.length-2):r._$AI(t[e])),e++}}class F{constructor(t,e,r,i){var o;this.type=2,this._$AH=R,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,this.options=i,this._$Cm=null===(o=null==i?void 0:i.isConnected)||void 0===o||o}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cm}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=V(this,t,e),S(t)?t===R||null==t||""===t?(this._$AH!==R&&this._$AR(),this._$AH=R):t!==this._$AH&&t!==G&&this.g(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>A(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.k(t):this.g(t)}O(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}g(t){this._$AH!==R&&S(this._$AH)?this._$AA.nextSibling.data=t:this.T(E.createTextNode(t)),this._$AH=t}$(t){var e;const{values:r,_$litType$:i}=t,o="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=q.createElement(i.h,this.options)),i);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===o)this._$AH.p(r);else{const t=new j(o,this),e=t.v(this.options);t.p(r),this.T(e),this._$AH=t}}_$AC(t){let e=N.get(t.strings);return void 0===e&&N.set(t.strings,e=new q(t)),e}k(t){A(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let r,i=0;for(const o of t)i===e.length?e.push(r=new F(this.O(_()),this.O(_()),this,this.options)):r=e[i],r._$AI(o),i++;i<e.length&&(this._$AR(r&&r._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var r;for(null===(r=this._$AP)||void 0===r||r.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cm=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class Y{constructor(t,e,r,i,o){this.type=1,this._$AH=R,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=o,r.length>2||""!==r[0]||""!==r[1]?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=R}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,r,i){const o=this.strings;let a=!1;if(void 0===o)t=V(this,t,e,0),a=!S(t)||t!==this._$AH&&t!==G,a&&(this._$AH=t);else{const i=t;let s,n;for(t=o[0],s=0;s<o.length-1;s++)n=V(this,i[r+s],e,s),n===G&&(n=this._$AH[s]),a||(a=!S(n)||n!==this._$AH[s]),n===R?t=R:t!==R&&(t+=(null!=n?n:"")+o[s+1]),this._$AH[s]=n}a&&!i&&this.j(t)}j(t){t===R?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class X extends Y{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===R?void 0:t}}const K=x?x.emptyScript:"";class Q extends Y{constructor(){super(...arguments),this.type=4}j(t){t&&t!==R?this.element.setAttribute(this.name,K):this.element.removeAttribute(this.name)}}class W extends Y{constructor(t,e,r,i,o){super(t,e,r,i,o),this.type=5}_$AI(t,e=this){var r;if((t=null!==(r=V(this,t,e,0))&&void 0!==r?r:R)===G)return;const i=this._$AH,o=t===R&&i!==R||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,a=t!==R&&(i===R||o);o&&this.element.removeEventListener(this.name,this,i),a&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,r;"function"==typeof this._$AH?this._$AH.call(null!==(r=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==r?r:this.element,t):this._$AH.handleEvent(t)}}class Z{constructor(t,e,r){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(t){V(this,t)}}const J=k.litHtmlPolyfillSupport;null==J||J(q,F),(null!==(y=k.litHtmlVersions)&&void 0!==y?y:k.litHtmlVersions=[]).push("2.4.0");var tt,et;class rt extends f{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const r=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=r.firstChild),r}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,r)=>{var i,o;const a=null!==(i=null==r?void 0:r.renderBefore)&&void 0!==i?i:e;let s=a._$litPart$;if(void 0===s){const t=null!==(o=null==r?void 0:r.renderBefore)&&void 0!==o?o:null;a._$litPart$=s=new F(e.insertBefore(_(),t),t,void 0,null!=r?r:{})}return s._$AI(t),s})(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1)}render(){return G}}rt.finalized=!0,rt._$litElement$=!0,null===(tt=globalThis.litElementHydrateSupport)||void 0===tt||tt.call(globalThis,{LitElement:rt});const it=globalThis.litElementPolyfillSupport;null==it||it({LitElement:rt}),(null!==(et=globalThis.litElementVersions)&&void 0!==et?et:globalThis.litElementVersions=[]).push("3.2.2");const ot=t=>e=>"function"==typeof e?((t,e)=>(customElements.define(t,e),e))(t,e):((t,e)=>{const{kind:r,elements:i}=e;return{kind:r,elements:i,finisher(e){customElements.define(t,e)}}})(t,e),at=(t,e)=>"method"===e.kind&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(r){r.createProperty(e.key,t)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){"function"==typeof e.initializer&&(this[e.key]=e.initializer.call(this))},finisher(r){r.createProperty(e.key,t)}};function st(t){return(e,r)=>void 0!==r?((t,e,r)=>{e.constructor.createProperty(r,t)})(t,e,r):at(t,e)}function nt(t){return st({...t,state:!0})}const lt=({finisher:t,descriptor:e})=>(r,i)=>{var o;if(void 0===i){const i=null!==(o=r.originalKey)&&void 0!==o?o:r.key,a=null!=e?{kind:"method",placement:"prototype",key:i,descriptor:e(r.key)}:{...r,key:i};return null!=t&&(a.finisher=function(e){t(e,i)}),a}{const o=r.constructor;void 0!==e&&Object.defineProperty(r,i,e(i)),null==t||t(o,i)}};function ht(t){return lt({finisher:(e,r)=>{Object.assign(e.prototype[r],t)}})}function dt(t,e){return lt({descriptor:r=>{const i={get(){var e,r;return null!==(r=null===(e=this.renderRoot)||void 0===e?void 0:e.querySelector(t))&&void 0!==r?r:null},enumerable:!0,configurable:!0};if(e){const e="symbol"==typeof r?Symbol():"__"+r;i.get=function(){var r,i;return void 0===this[e]&&(this[e]=null!==(i=null===(r=this.renderRoot)||void 0===r?void 0:r.querySelector(t))&&void 0!==i?i:null),this[e]}}return i}})}var ct;null===(ct=window.HTMLSlotElement)||void 0===ct||ct.prototype.assignedElements;const pt=t=>null!=t?t:R;const vt=["primary-lighter","primary-light","primary","primary-dark","primary-darker","on-primary-lighter","on-primary-light","on-primary","on-primary-dark","on-primary-darker","accent-lighter","accent-light","accent","accent-dark","accent-darker","on-accent-lighter","on-accent-light","on-accent","on-accent-dark","on-accent-darker","error-lighter","error-light","error","error-dark","error-darker","on-error-lighter","on-error-light","on-error","on-error-dark","on-error-darker","shade-lighter","shade-light","shade","shade-dark","shade-darker","on-shade-lighter","on-shade-light","on-shade","on-shade-dark","on-shade-darker"];function ut(t=10){return`_${Math.random().toString(36).substr(2,t)}`}t.TkBox=class extends rt{constructor(){super(...arguments),this.ripple=!1}static get styles(){return[l`${n('*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{box-sizing:border-box;display:flex;flex-direction:column;position:relative;transition:background var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease),color var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease)}:host([hidden]){display:none}.ripple{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.ripple span{background-color:currentColor;border-radius:50%;opacity:.5;position:absolute}:host([align-content=start]){align-content:flex-start}:host([align-content=end]){align-content:flex-end}:host([align-content=stretch]){align-content:stretch}:host([align-content=center]){align-content:center}:host([align-content=around]){align-content:space-around}:host([align-content=between]){align-content:space-between}:host([align-items=start]){align-items:flex-start}:host([align-items=end]){align-items:flex-end}:host([align-items=stretch]){align-items:stretch}:host([align-items=center]){align-items:center}:host([align-items=baseline]){align-items:baseline}:host([align-self=start]){align-self:flex-start}:host([align-self=end]){align-self:flex-end}:host([align-self=stretch]){align-self:stretch}:host([align-self=center]){align-self:center}:host([background=primary-lighter]){background-color:var(--primary-lighter)}:host([color=primary-lighter]){color:var(--primary-lighter)}:host([background=primary-light]){background-color:var(--primary-light)}:host([color=primary-light]){color:var(--primary-light)}:host([background=primary]){background-color:var(--primary)}:host([color=primary]){color:var(--primary)}:host([background=primary-dark]){background-color:var(--primary-dark)}:host([color=primary-dark]){color:var(--primary-dark)}:host([background=primary-darker]){background-color:var(--primary-darker)}:host([color=primary-darker]){color:var(--primary-darker)}:host([background=on-primary-lighter]){background-color:var(--on-primary-lighter)}:host([color=on-primary-lighter]){color:var(--on-primary-lighter)}:host([background=on-primary-light]){background-color:var(--on-primary-light)}:host([color=on-primary-light]){color:var(--on-primary-light)}:host([background=on-primary]){background-color:var(--on-primary)}:host([color=on-primary]){color:var(--on-primary)}:host([background=on-primary-dark]){background-color:var(--on-primary-dark)}:host([color=on-primary-dark]){color:var(--on-primary-dark)}:host([background=on-primary-darker]){background-color:var(--on-primary-darker)}:host([color=on-primary-darker]){color:var(--on-primary-darker)}:host([background=accent-lighter]){background-color:var(--accent-lighter)}:host([color=accent-lighter]){color:var(--accent-lighter)}:host([background=accent-light]){background-color:var(--accent-light)}:host([color=accent-light]){color:var(--accent-light)}:host([background=accent]){background-color:var(--accent)}:host([color=accent]){color:var(--accent)}:host([background=accent-dark]){background-color:var(--accent-dark)}:host([color=accent-dark]){color:var(--accent-dark)}:host([background=accent-darker]){background-color:var(--accent-darker)}:host([color=accent-darker]){color:var(--accent-darker)}:host([background=on-accent-lighter]){background-color:var(--on-accent-lighter)}:host([color=on-accent-lighter]){color:var(--on-accent-lighter)}:host([background=on-accent-light]){background-color:var(--on-accent-light)}:host([color=on-accent-light]){color:var(--on-accent-light)}:host([background=on-accent]){background-color:var(--on-accent)}:host([color=on-accent]){color:var(--on-accent)}:host([background=on-accent-dark]){background-color:var(--on-accent-dark)}:host([color=on-accent-dark]){color:var(--on-accent-dark)}:host([background=on-accent-darker]){background-color:var(--on-accent-darker)}:host([color=on-accent-darker]){color:var(--on-accent-darker)}:host([background=error-lighter]){background-color:var(--error-lighter)}:host([color=error-lighter]){color:var(--error-lighter)}:host([background=error-light]){background-color:var(--error-light)}:host([color=error-light]){color:var(--error-light)}:host([background=error]){background-color:var(--error)}:host([color=error]){color:var(--error)}:host([background=error-dark]){background-color:var(--error-dark)}:host([color=error-dark]){color:var(--error-dark)}:host([background=error-darker]){background-color:var(--error-darker)}:host([color=error-darker]){color:var(--error-darker)}:host([background=on-error-lighter]){background-color:var(--on-error-lighter)}:host([color=on-error-lighter]){color:var(--on-error-lighter)}:host([background=on-error-light]){background-color:var(--on-error-light)}:host([color=on-error-light]){color:var(--on-error-light)}:host([background=on-error]){background-color:var(--on-error)}:host([color=on-error]){color:var(--on-error)}:host([background=on-error-dark]){background-color:var(--on-error-dark)}:host([color=on-error-dark]){color:var(--on-error-dark)}:host([background=on-error-darker]){background-color:var(--on-error-darker)}:host([color=on-error-darker]){color:var(--on-error-darker)}:host([background=shade-lighter]){background-color:var(--shade-lighter)}:host([color=shade-lighter]){color:var(--shade-lighter)}:host([background=shade-light]){background-color:var(--shade-light)}:host([color=shade-light]){color:var(--shade-light)}:host([background=shade]){background-color:var(--shade)}:host([color=shade]){color:var(--shade)}:host([background=shade-dark]){background-color:var(--shade-dark)}:host([color=shade-dark]){color:var(--shade-dark)}:host([background=shade-darker]){background-color:var(--shade-darker)}:host([color=shade-darker]){color:var(--shade-darker)}:host([background=on-shade-lighter]){background-color:var(--on-shade-lighter)}:host([color=on-shade-lighter]){color:var(--on-shade-lighter)}:host([background=on-shade-light]){background-color:var(--on-shade-light)}:host([color=on-shade-light]){color:var(--on-shade-light)}:host([background=on-shade]){background-color:var(--on-shade)}:host([color=on-shade]){color:var(--on-shade)}:host([background=on-shade-dark]){background-color:var(--on-shade-dark)}:host([color=on-shade-dark]){color:var(--on-shade-dark)}:host([background=on-shade-darker]){background-color:var(--on-shade-darker)}:host([color=on-shade-darker]){color:var(--on-shade-darker)}:host([background=foreground]){background-color:var(--foreground)}:host([color=foreground]){color:var(--foreground)}:host([background=background]){background-color:var(--background)}:host([color=background]){color:var(--background)}:host([direction=column]){flex-direction:column}:host([direction=row-reverse]){flex-direction:row-reverse}:host([direction=column-reverse]){flex-direction:column-reverse}:host([text=center]){text-align:center}:host([text=justify]){text-align:justify}:host([text=left]){text-align:left}:host([text=right]){text-align:right}:host([weight="100"]){font-weight:100}:host([weight="200"]){font-weight:200}:host([weight="300"]){font-weight:300}:host([weight="400"]){font-weight:400}:host([weight="500"]){font-weight:500}:host([weight="600"]){font-weight:600}:host([weight="700"]){font-weight:700}:host([weight="800"]){font-weight:800}:host([weight="900"]){font-weight:900}:host([weight=lighter]){font-weight:lighter}:host([weight=bold]){font-weight:700}:host([weight=bolder]){font-weight:bolder}:host([direction=row]){flex-direction:row}:host([direction=row-reverse]){flex-direction:row}:host([elevation=xsmall]){box-shadow:var(--box-elevation,var(--elevation-1,0 1px 2px var(--shadow)))}:host([elevation=small]){box-shadow:var(--box-elevation,var(--elevation-2,0 2px 4px var(--shadow)))}:host([elevation=medium]){box-shadow:var(--box-elevation,var(--elevation-3,0 4px 8px var(--shadow)))}:host([elevation=large]){box-shadow:var(--box-elevation,var(--elevation-4,0 8px 16px var(--shadow)))}:host([elevation=xlarge]){box-shadow:var(--box-elevation,var(--elevation-5,0 12px 24px var(--shadow)))}:host([fill=horizontal]){width:100%}:host([fill=vertical]){height:100%}:host([fill=true]){height:100%;width:100%}:host([flex=grow]){flex:1 0}:host([flex=shrink]){flex:0 1}:host([flex=true]){flex:1 1}:host([flex=false]){flex:0 0}:host([gap=xsmall]) ::slotted(*),:host([gap=xsmall][direction=column]) ::slotted(*){margin:var(--spacing-xs,.25rem) 0}:host([gap=xsmall][direction=row]) ::slotted(*){margin:0 var(--spacing-xs,.25rem)}:host([margin=xsmall]){margin:var(--box-margin,var(--spacing-xs,.25rem))}:host([margin="xsmall auto"]){margin:var(--box-margin,var(--spacing-xs,.25rem)) auto}:host([margin="auto xsmall"]){margin:auto var(--box-margin,var(--spacing-xs,.25rem))}:host([padding=xsmall]){padding:var(--box-padding,var(--spacing-xs,.25rem))}:host([gap=small]) ::slotted(*),:host([gap=small][direction=column]) ::slotted(*){margin:var(--spacing-s,.5rem) 0}:host([gap=small][direction=row]) ::slotted(*){margin:0 var(--spacing-s,.5rem)}:host([margin=small]){margin:var(--box-margin,var(--spacing-s,.5rem))}:host([margin="small auto"]){margin:var(--box-margin,var(--spacing-s,.5rem)) auto}:host([margin="auto small"]){margin:auto var(--box-margin,var(--spacing-s,.5rem))}:host([padding=small]){padding:var(--box-padding,var(--spacing-s,.5rem))}:host([gap=medium]) ::slotted(*),:host([gap=medium][direction=column]) ::slotted(*){margin:var(--spacing-m,1rem) 0}:host([gap=medium][direction=row]) ::slotted(*){margin:0 var(--spacing-m,1rem)}:host([margin=medium]){margin:var(--box-margin,var(--spacing-m,1rem))}:host([margin="medium auto"]){margin:var(--box-margin,var(--spacing-m,1rem)) auto}:host([margin="auto medium"]){margin:auto var(--box-margin,var(--spacing-m,1rem))}:host([padding=medium]){padding:var(--box-padding,var(--spacing-m,1rem))}:host([gap=large]) ::slotted(*),:host([gap=large][direction=column]) ::slotted(*){margin:var(--spacing-l,1.25rem) 0}:host([gap=large][direction=row]) ::slotted(*){margin:0 var(--spacing-l,1.25rem)}:host([margin=large]){margin:var(--box-margin,var(--spacing-l,1.25rem))}:host([margin="large auto"]){margin:var(--box-margin,var(--spacing-l,1.25rem)) auto}:host([margin="auto large"]){margin:auto var(--box-margin,var(--spacing-l,1.25rem))}:host([padding=large]){padding:var(--box-padding,var(--spacing-l,1.25rem))}:host([gap=xlarge]) ::slotted(*),:host([gap=xlarge][direction=column]) ::slotted(*){margin:var(--spacing-xl,2rem) 0}:host([gap=xlarge][direction=row]) ::slotted(*){margin:0 var(--spacing-xl,2rem)}:host([margin=xlarge]){margin:var(--box-margin,var(--spacing-xl,2rem))}:host([margin="xlarge auto"]){margin:var(--box-margin,var(--spacing-xl,2rem)) auto}:host([margin="auto xlarge"]){margin:auto var(--box-margin,var(--spacing-xl,2rem))}:host([padding=xlarge]){padding:var(--box-padding,var(--spacing-xl,2rem))}:host([font=xsmall]),:host([size=xsmall]){font-size:var(--box-font-size,var(--font-size-xs,.625rem))}:host([font=small]),:host([size=small]){font-size:var(--box-font-size,var(--font-size-s,.875rem))}:host([font=medium]),:host([size=medium]){font-size:var(--box-font-size,var(--font-size-m,1rem))}:host([font=large]),:host([size=large]){font-size:var(--box-font-size,var(--font-size-l,1.25rem))}:host([font=xlarge]),:host([size=xlarge]){font-size:var(--box-font-size,var(--font-size-xl,1.5rem))}:host([font=xxlarge]),:host([size=xxlarge]){font-size:var(--box-font-size,var(--font-size-xxl,2.25rem))}:host([justify=start]){justify-content:flex-start}:host([justify=end]){justify-content:flex-end}:host([justify=stretch]){justify-content:stretch}:host([justify=baseline]){justify-content:baseline}:host([justify=center]){justify-content:center}:host([justify=around]){justify-content:space-around}:host([justify=between]){justify-content:space-between}:host([justify=evenly]){justify-content:space-evenly}:host([overflow=auto]){overflow:auto}:host([overflow=hidden]){overflow:hidden}:host([overflow=scroll]){overflow:scroll}:host([overflow=visible]){overflow:visible}:host([radius=none]){border-radius:var(--box-border-radius,0)}:host([radius=small]){border-radius:var(--box-border-radius,var(--border-radius-small,.125rem))}:host([radius=medium]){border-radius:var(--box-border-radius,var(--border-radius-medium,.25rem))}:host([radius=large]){border-radius:var(--box-border-radius,var(--border-radius-large,.5rem))}:host([radius=xlarge]){border-radius:var(--box-border-radius,var(--border-radius-x-large,1rem))}:host([radius=circle]){border-radius:var(--box-border-radius,var(--border-radius-circle,50%))}:host([radius=pill]){border-radius:var(--box-border-radius,var(--border-radius-pill,9999px))}:host([max-width=xxsmall]){max-width:var(--box-max-width,var(--size-xxs,2rem))}:host([width=xxsmall]){width:var(--box-width,var(--size-xxs,2rem))}:host([max-height=xxsmall]){max-height:var(--box-max-height,var(--size-xxs,2rem))}:host([height=xxsmall]){height:var(--box-height,var(--size-xxs,2rem))}:host([max-width=xsmall]){max-width:var(--box-max-width,var(--size-xs,4rem))}:host([width=xsmall]){width:var(--box-width,var(--size-xs,4rem))}:host([max-height=xsmall]){max-height:var(--box-max-height,var(--size-xs,4rem))}:host([height=xsmall]){height:var(--box-height,var(--size-xs,4rem))}:host([max-width=small]){max-width:var(--box-max-width,var(--size-s,8rem))}:host([width=small]){width:var(--box-width,var(--size-s,8rem))}:host([max-height=small]){max-height:var(--box-max-height,var(--size-s,8rem))}:host([height=small]){height:var(--box-height,var(--size-s,8rem))}:host([max-width=medium]){max-width:var(--box-max-width,var(--size-m,16rem))}:host([width=medium]){width:var(--box-width,var(--size-m,16rem))}:host([max-height=medium]){max-height:var(--box-max-height,var(--size-m,16rem))}:host([height=medium]){height:var(--box-height,var(--size-m,16rem))}:host([max-width=large]){max-width:var(--box-max-width,var(--size-l,32rem))}:host([width=large]){width:var(--box-width,var(--size-l,32rem))}:host([max-height=large]){max-height:var(--box-max-height,var(--size-l,32rem))}:host([height=large]){height:var(--box-height,var(--size-l,32rem))}:host([max-width=xlarge]){max-width:var(--box-max-width,var(--size-xl,48rem))}:host([width=xlarge]){width:var(--box-width,var(--size-xl,48rem))}:host([max-height=xlarge]){max-height:var(--box-max-height,var(--size-xl,48rem))}:host([height=xlarge]){height:var(--box-height,var(--size-xl,48rem))}:host([max-width=xxlarge]){max-width:var(--box-max-width,var(--size-xxl,64rem))}:host([width=xxlarge]){width:var(--box-width,var(--size-xxl,64rem))}:host([max-height=xxlarge]){max-height:var(--box-max-height,var(--size-xxl,64rem))}:host([height=xxlarge]){height:var(--box-height,var(--size-xxl,64rem))}:host([wrap=true]){flex-wrap:wrap}:host([wrap=reverse]){flex-wrap:wrap-reverse}')}`]}render(){return U`<slot></slot>`}connectedCallback(){this.ripple&&(this.addEventListener("mousedown",this.showRipple.bind(this),{passive:!0}),this.addEventListener("mouseup",this.hideRipple.bind(this),{passive:!0})),super.connectedCallback()}disconnectedCallback(){this.removeEventListener("mousedown",this.showRipple),this.addEventListener("mouseup",this.hideRipple),super.disconnectedCallback()}updated(t){t.has("background")&&![...vt,"background","foreground"].includes(this.background)&&this.style.setProperty("background-color",this.background.toString()),t.has("color")&&![...vt,"background","foreground"].includes(this.color)&&this.style.setProperty("color",this.color.toString()),super.updated(t)}showRipple(t){const e=t.clientX,r=t.clientY,{offsetWidth:i,offsetHeight:o}=this,a=document.createElement("span");a.classList.add("ripple","open");const s=document.createElement("span");a.appendChild(s),this.shadowRoot.appendChild(a);const n=this.getBoundingClientRect(),l=2*Math.max(i,i);s.style.width=s.style.height=l+"px",s.style.left=e-n.left-l/2+"px",s.style.top=r-n.top-l/2+"px";s.animate({transform:["scale(0)","scale(1)"]},{easing:"ease-out",fill:"both",duration:500}).onfinish=()=>{a.classList.remove("open");s.animate({opacity:["0.5","0"]},{easing:"ease-in",fill:"both",duration:300}).onfinish=()=>{requestAnimationFrame((()=>{a.remove()}))}}}hideRipple(t){var e;null===(e=this.shadowRoot)||void 0===e||e.querySelectorAll(".ripple:not([open])").forEach((t=>{t.querySelector("span").animate({opacity:["0.5","0"]},{easing:"ease-out",fill:"both",duration:300}).onfinish=()=>{requestAnimationFrame((()=>{t.remove()}))}}))}},e([st({type:Boolean})],t.TkBox.prototype,"ripple",void 0),e([st()],t.TkBox.prototype,"background",void 0),e([st()],t.TkBox.prototype,"color",void 0),t.TkBox=e([ot("tk-box")],t.TkBox);class mt extends t.TkBox{constructor(){super(...arguments),this._id=ut(),this.disabled=!1}updated(t){this.tabIndex=this.disabled?-1:0,super.updated(t)}}e([st({type:Boolean})],mt.prototype,"_id",void 0),e([st({type:Boolean})],mt.prototype,"disabled",void 0);t.TkAccordion=class extends mt{constructor(){super(...arguments),this.checked=!1,this.rippleHeader=!1}static get styles(){return[...t.TkBox.styles,l`${n('@charset "UTF-8";*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host .header{border:1px solid var(--shade-lighter);border-radius:10px;color:var(--primary);cursor:pointer;padding:.6em}:host .header>*{margin:0 10px}:host .header:after{content:"▼";display:inline-block;font-size:12px;transition:transform .3s}:host .header .before{width:fit-content}:host .header .header-content{flex:1}:host .content{height:0;margin:0 auto;opacity:0;transition:all .2s;visibility:hidden;width:95%}:host h3,:host h5{margin:0}:host([checked]) .header{background-color:var(--primary);color:var(--on-primary)}:host([checked]) .header:after{transform:rotate(180deg)}:host([checked]) .content{height:auto;opacity:1;transition:all .3s,opacity .7s;visibility:visible}:host([pill]) .header{border-radius:9999px}')}`]}render(){return U`<tk-box margin="small"><tk-box @click="${this.handleClick.bind(this)}" ?ripple="${this.rippleHeader}" class="header" direction="row" align-items="center"><tk-box class="before"><slot name="before"></slot></tk-box><tk-box class="header-content"><h3 class="title"><slot name="title"></slot></h3><h5><slot name="description"></slot></h5></tk-box></tk-box><tk-box class="content"><slot></slot></tk-box></tk-box><input id="${this.id}" slot="none" style="display:none" type="radio" ?checked="${this.checked}" ?disabled="${this.disabled}" name="${pt(this.name)}" aria-hidden="true" tabindex="-1">`}firstUpdated(){this.appendChild(this.$input)}onKeyDown(t){"Space"!==t.code&&"Enter"!==t.code||(t.preventDefault(),t.stopPropagation(),this.click())}handleClick(){this.checked=!this.checked,this.checked&&this.name&&this.getRootNode().querySelectorAll(`tk-accordion[name="${this.name}"]`).forEach((t=>t!=this?t.checked=!1:null)),this.dispatchEvent(new Event("change"))}},e([st({attribute:!0,type:String})],t.TkAccordion.prototype,"name",void 0),e([st({attribute:!0,type:Boolean,reflect:!0})],t.TkAccordion.prototype,"checked",void 0),e([st({attribute:"ripple-header",type:Boolean})],t.TkAccordion.prototype,"rippleHeader",void 0),e([dt("input")],t.TkAccordion.prototype,"$input",void 0),t.TkAccordion=e([ot("tk-accordion")],t.TkAccordion);t.TkBadge=class extends t.TkBox{static get styles(){return[...t.TkBox.styles,l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:var(--tk-badge-color,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))));--text:var(--tk-badge-text-color,var(--on-primary,hsl(var(--on-primary-h,0),var(--on-primary-s,0%),var(--on-primary-l,100%))));align-items:center;background-color:var(--color);border-radius:9999px;color:var(--text);cursor:inherit;display:inline-flex;height:1.375em;justify-content:center;padding:0 .5em;user-select:none;white-space:nowrap}:host([accent]){--color:var(--accent,hsl(var(--accent-h,8.76404),var(--accent-s,64.0288%),var(--accent-l,72.7451%)));--text:var(--on-accent,hsl(var(--on-accent-h,0),var(--on-accent-s,0%),var(--on-accent-l,100%)))}")}`]}},t.TkBadge=e([ot("tk-badge")],t.TkBadge);t.TkButton=class extends t.TkBox{constructor(){super(...arguments),this._id=ut(),this.href=null,this.type="button",this.disabled=!1}static get styles(){return[...t.TkBox.styles,l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%)));--color-darker:var(--primary-darker,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),calc(var(--primary-l, 59.4118%)*0.7)));--text:var(--on-primary,hsl(var(--on-primary-h,0),var(--on-primary-s,0%),var(--on-primary-l,100%)));align-items:center;background-color:var(--color);border:1px solid var(--color);border-radius:var(--border-radius-medium,.25rem);box-sizing:border-box;color:var(--text);cursor:pointer;display:inline-flex;flex-direction:row;font-family:Roboto,sans-serif;justify-content:center;letter-spacing:.8px;padding:var(--spacing-s,.5rem) var(--spacing-m,1rem);position:relative;text-align:center;text-decoration:none;text-overflow:ellipsis;user-select:none;vertical-align:middle}:host .content{align-items:center;display:flex;pointer-events:none}:host .before{align-items:center;display:flex}:host .before ::slotted(*){margin-right:var(--spacing-s,.5rem)}:host .after{align-items:center;display:flex}:host .after ::slotted(*){margin-left:var(--spacing-s,.5rem)}:host .badge-out{display:flex;pointer-events:none;position:absolute;right:-.8em;top:-.7em}:host .badge-in{display:flex;pointer-events:none;position:absolute;right:2px;top:2px}:host(:focus){outline:none}:host(:focus),:host(:hover){--color:var(--primary-light,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),calc(var(--primary-l, 59.4118%)*1.15)))}:host(:active){--color:var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%)))}:host([inverted]){--color:var(--on-primary,hsl(var(--on-primary-h,0),var(--on-primary-s,0%),var(--on-primary-l,100%)));--text:var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%)))}:host([inverted]:focus),:host([inverted]:hover){--color:#0000001a}:host([inverted]:active){--color:var(--on-primary,hsl(var(--on-primary-h,0),var(--on-primary-s,0%),var(--on-primary-l,100%)))}:host([accent]){--color:var(--accent,hsl(var(--accent-h,8.76404),var(--accent-s,64.0288%),var(--accent-l,72.7451%)));--color-darker:var(--accent,hsl(var(--accent-h,8.76404),var(--accent-s,64.0288%),var(--accent-l,72.7451%)))}:host([accent]:focus),:host([accent]:hover){--color:var(--accent-light,hsl(var(--accent-h,8.76404),var(--accent-s,64.0288%),calc(var(--accent-l, 72.7451%)*1.15)))}:host([accent]:active){--color:var(--accent,hsl(var(--accent-h,8.76404),var(--accent-s,64.0288%),var(--accent-l,72.7451%)))}:host([accent][inverted]){--color:var(--on-accent,hsl(var(--on-accent-h,0),var(--on-accent-s,0%),var(--on-accent-l,100%)));--text:var(--accent,hsl(var(--accent-h,8.76404),var(--accent-s,64.0288%),var(--accent-l,72.7451%)))}:host([accent][inverted]:focus),:host([accent][inverted]:hover){--color:#0000001a}:host([accent][inverted]:active){--color:var(--on-accent,hsl(var(--on-accent-h,0),var(--on-accent-s,0%),var(--on-accent-l,100%)))}:host([outlined]){background:var(--background,#f7f7f7) radial-gradient(circle,#0000 1%,var(--background,#f7f7f7) 1%) center/15000%;color:var(--color)}:host([pill]){border-radius:var(--border-radius-pill,9999px)}:host([small]){font-size:.8em;height:28px;line-height:.9em;padding:0 var(--spacing-s,.5rem)}:host([small]) .before ::slotted(*){margin-right:var(--spacing-xs,.25rem)}:host([small]) .after ::slotted(*){margin-left:var(--spacing-xs,.25rem)}:host([fab]){align-items:center;border-radius:50%;box-shadow:var(--elevation-1,0 1px 2px var(--shadow));height:40px;justify-content:center;line-height:normal;overflow:hidden;padding:0;width:40px}:host([fab]):hover{box-shadow:var(--elevation-3,0 4px 8px var(--shadow))}:host([fab][small]){font-size:.75em;height:30px;width:30px}:host([flat]){box-shadow:none}:host([flat]):hover{box-shadow:none}:host([disabled]),:host([disabled][accent]){--text:var(--button-color-disabled,var(--shade-lighter));--color:var(--button-bg-disabled,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));box-shadow:none;cursor:default;pointer-events:none}")}`]}render(){return U`<div class="before"><slot name="before"></slot></div><div class="content"><slot></slot></div><div class="after"><slot name="after"></slot></div><div class="badge-in"><slot name="badge-in"></slot></div><div class="badge-out"><slot name="badge-out"></slot></div>${this.href?U`<a tabindex="-1" hidden id="ahref" href="${this.href}" target="${pt(this.target)}" rel="noreferrer"></a>`:""} <button id="${this._id}" hidden type="${pt(this.type)}"></button>`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("keydown",this.onKeyDown.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.onKeyDown)}updated(t){this.tabIndex=this.disabled?-1:0,super.updated(t)}onKeyDown(t){"Space"!==t.code&&"Enter"!==t.code||(t.preventDefault(),t.stopPropagation(),this.click())}firstUpdated(){"submit"!=this.type&&"reset"!=this.type||this.appendChild(this.$button)}handleClick(t){var e;this.href&&t.isTrusted?(t.stopPropagation(),t.preventDefault(),this.$ahref.click()):(t.isTrusted&&"submit"==this.type||"reset"==this.type)&&(null===(e=this.querySelector("button"))||void 0===e||e.click())}},e([st()],t.TkButton.prototype,"href",void 0),e([st()],t.TkButton.prototype,"target",void 0),e([st()],t.TkButton.prototype,"type",void 0),e([st({type:Boolean})],t.TkButton.prototype,"disabled",void 0),e([dt("#ahref")],t.TkButton.prototype,"$ahref",void 0),e([dt("button")],t.TkButton.prototype,"$button",void 0),t.TkButton=e([ot("tk-button")],t.TkButton);t.TkCheckbox=class extends rt{constructor(){super(...arguments),this._id=ut(),this.checked=!1}render(){return U`<tk-box direction="row" align-items="center"><div tabindex="0" class="checkbox"><svg id="checkmark" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none" viewBox="0 0 24 24"><path id="checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path><line id="indeterminate-path" fill="none" x1="0" y1="12.5" x2="24" y2="12.5"/></svg></div><span class="label"><slot></slot></span></tk-box><input id="${this._id}" slot="none" style="display:none" ?checked="${this.checked}" type="checkbox" name="${pt(this.name)}" value="${pt(this.value)}" aria-hidden="true" tabindex="-1">`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("keydown",this.onKeyDown.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.onKeyDown)}firstUpdated(){this.appendChild(this.$input)}onKeyDown(t){"Space"!==t.code&&"Enter"!==t.code||(t.preventDefault(),t.stopPropagation(),this.click())}handleClick(){this.checked=!this.checked,setTimeout((()=>this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))))}},t.TkCheckbox.styles=l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--_checkbox-bg:var(--checkbox-bg,#0000);--_checkbox-color:var(--checkbox-color,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));display:inline-flex}:host .checkbox{align-items:center;background:var(--_checkbox-bg);border:var(--checkbox-border-config,.125rem solid) currentColor;border-radius:var(--checkbox-border-radius,.375rem);color:var(--_checkbox-color);display:inline-flex;height:var(--checkbox-size,1.25rem);justify-content:center;margin:0 5px;min-width:var(--checkbox-size,1.25rem);outline:none;position:relative;transition:var(--checkbox-transition,background var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),border-color var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));-webkit-user-select:none;user-select:none;width:var(--checkbox-size,1.25rem)}:host .label{font-size:1.1em}:host(:not([disabled])){cursor:pointer}:host([checked]),:host([indeterminate]){--_checkbox-bg:var(--checkbox-bg-checked,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))));--_checkbox-color:var(--checkbox-color-checked,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))))}:host([checked]:not([indeterminate])) #checkmark-path,:host([indeterminate]) #indeterminate-path{stroke-dashoffset:0}:host(:focus),:host(:hover){will-change:border,background}:host(:focus) #checkmark-path,:host(:hover) #checkmark-path{will-change:stroke-dashoffset}:host([disabled]){--_checkbox-bg:var(--checkbox-bg-disabled,#0000);--_checkbox-color:var(--checkbox-color-disabled,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));color:var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%)));pointer-events:none}:host([disabled][checked]),:host([disabled][indeterminate]){--_checkbox-bg:var(--checkbox-bg-disabled-checked,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));--_checkbox-color:var(--checkbox-color-disabled-checked,var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3))))}#checkmark{height:var(--checkbox-checkmark-size,.75rem);width:var(--checkbox-checkmark-size,.75rem)}#checkmark-path,#indeterminate-path{stroke-width:var(--checkbox-checkmark-path-width,.3rem);stroke:var(--checkbox-checkmark-stroke-color,var(--on-primary,hsl(var(--on-primary-h,0),var(--on-primary-s,0%),var(--on-primary-l,100%))));stroke-dasharray:var(--checkbox-checkmark-path-dasharray,30);stroke-dashoffset:var(--checkbox-checkmark-path-dasharray,30);transition:var(--checkbox-checkmark-transition,stroke-dashoffset var(--transition-duration-medium,.18s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)))}#checkmark-path{transition-delay:var(--checkbox-checkmark-path-delay,50ms)}#ripple{transform:var(--checkbox-ripple-transform,translate(-50%,-50%) scale(1.8))}")}`,e([st({attribute:!0,type:String})],t.TkCheckbox.prototype,"name",void 0),e([st({attribute:!0,type:String})],t.TkCheckbox.prototype,"value",void 0),e([st({attribute:!0,type:Boolean,reflect:!0})],t.TkCheckbox.prototype,"checked",void 0),e([dt("input")],t.TkCheckbox.prototype,"$input",void 0),t.TkCheckbox=e([ot("tk-checkbox")],t.TkCheckbox);t.TkDialog=class extends rt{constructor(){super(...arguments),this.modal=!1,this.open=!1,this.blurOverlay=!1}render(){return U`${this.open?U`<div class="overlay ${this.blurOverlay?"blur":""}" @click="${()=>this.modal?null:this.hide()}"></div><div class="container"><slot></slot></div>`:""}`}updated(t){t.has("open")&&this.open&&this.dispatchEvent(new Event("did-show")),t.has("open")&&!this.open&&this.dispatchEvent(new Event("did-close"))}show(){return this.open=!0,new Promise((t=>{this.resolve=t}))}hide(t=null){this.open=!1,this.resolve(t)}},t.TkDialog.styles=l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{display:none;outline:none;position:relative}:host([open]){align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:var(--dialog-z-index,300)}:host([open]) .overlay{background-color:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}:host([open]) .overlay.blur{backdrop-filter:blur(2px)}:host([open]) .container{animation:fade-in .3s forwards;border-radius:var(--border-radius-medium,.25rem);height:100%;margin:0;max-width:100%;overflow-y:auto;overscroll-behavior:contain;padding:1rem;position:fixed;width:fit-content;will-change:transform,opacity}@keyframes fade-in{0%{opacity:0}to{opacity:1}}")}`,e([st({type:Boolean,attribute:!0})],t.TkDialog.prototype,"modal",void 0),e([st({type:Boolean,attribute:!0,reflect:!0})],t.TkDialog.prototype,"open",void 0),e([st({type:Boolean,attribute:"blur-overlay"})],t.TkDialog.prototype,"blurOverlay",void 0),t.TkDialog=e([ot("tk-dialog")],t.TkDialog);let gt;var bt;(bt=gt||(gt={})).None="0",bt.Left="left",bt.Right="right",bt.Up="up",bt.Down="down";const ft=Object.freeze({Horizontal:[gt.Left,gt.Right],Vertical:[gt.Up,gt.Down],All:[gt.Left,gt.Right,gt.Up,gt.Down,gt.None]});let yt;var kt;let xt;var wt;let Tt;var $t;(kt=yt||(yt={})).Inactive="inactive",kt.Active="active",kt.Blocked="blocked",(wt=xt||(xt={})).NoPointer="nopointer",wt.SinglePointer="singlepointer",wt.DualPointer="dualpointer",($t=Tt||(Tt={})).NoActiveGesture="noactivegesture",$t.ActiveGesture="activegesture";class Pt{constructor(t,e){this.x=t,this.y=e}}class Et{constructor(t,e){this.startPoint=t,this.endPoint=e,this.direction=gt.None,this.deltaX=this.endPoint.x-this.startPoint.x,this.deltaY=this.endPoint.y-this.startPoint.y,this.x=this.deltaX,this.y=this.deltaY,this.vectorLength=Math.sqrt(Math.pow(this.deltaX,2)+Math.pow(this.deltaY,2)),Math.abs(this.deltaX)>Math.abs(this.deltaY)?this.startPoint.x<this.endPoint.x?this.direction=gt.Right:this.startPoint.x>this.endPoint.x&&(this.direction=gt.Left):this.startPoint.y<this.endPoint.y?this.direction=gt.Down:this.startPoint.y>this.endPoint.y&&(this.direction=gt.Up)}}class _t{static getVector(t,e){const r=new Pt(t.clientX,t.clientY),i=new Pt(e.clientX,e.clientY);return new Et(r,i)}static getSpeed(t,e,r){let i=0;const o=(r-e)/1e3;return null!=t&&0!=o&&(i=t.vectorLength/o),i}static calculateRotationAngle(t,e){const r=new Et(t.startPoint,e.startPoint),i=new Et(t.endPoint,e.endPoint),o=new Pt(0,0),a=new Et(r.startPoint,o),s=this.translatePoint(r.endPoint,a),n=new Et(i.startPoint,o),l=this.translatePoint(i.endPoint,n),h=-1*this.calcAngleRad(s),d=l.x*Math.cos(h)-l.y*Math.sin(h),c=Math.round(l.x*Math.sin(h)+l.y*Math.cos(h));return 180*Math.atan2(c,d)/Math.PI}static calculateVectorAngle(t,e){let r=0;if(t.vectorLength>0&&e.vectorLength>0){const i=(t.x*e.x+t.y*e.y)/(t.vectorLength*e.vectorLength),o=Math.acos(i);r=this.rad2deg(o)}return r}static translatePoint(t,e){const r=t.x+e.x,i=t.y+e.y;return new Pt(r,i)}static calcAngleDegrees(t){let e=180*Math.atan2(t.y,t.x)/Math.PI;return e<0&&(e=360+e),e}static calcAngleRad(t){let e=Math.atan2(t.y,t.x);return e<0&&(e=2*Math.PI+e),e}static deg2rad(t){return Math.PI/180*t}static rad2deg(t){return t/(Math.PI/180)}static getCenter(t,e){const r=(t.x+e.x)/2,i=(t.y+e.y)/2;return new Pt(r,i)}static getCenterMovementVector(t,e){const r=this.getCenter(t.startPoint,e.startPoint),i=this.getCenter(t.endPoint,e.endPoint);return new Et(r,i)}static calculateDistanceChange(t,e){const r=new Et(t.startPoint,e.startPoint);return new Et(t.endPoint,e.endPoint).vectorLength-r.vectorLength}static calculateAbsoluteDistanceChange(t,e){const r=this.calculateDistanceChange(t,e);return Math.abs(r)}static calculateRelativeDistanceChange(t,e){const r=new Et(t.startPoint,e.startPoint);return new Et(t.endPoint,e.endPoint).vectorLength/r.vectorLength}}class St{constructor(t){this.pointer=t,this.parameters=t.parameters}getTarget(){return this.pointer.initialPointerEvent.target}getCurrentPointerEvent(){return this.pointer.currentPointerEvent}getCurrentDirection(){return this.parameters.live.vector.direction}onIdle(){}onPointerMove(t){}onPointerUp(t){}onPointerLeave(t){}onPointerCancel(t){}}let At;var zt;(zt=At||(At={})).Active="active",zt.Removed="removed",zt.Canceled="canceled";class Ct{constructor(t,e){this.options={DEBUG:!1,...e},this.DEBUG=this.options.DEBUG;const r=(new Date).getTime();this.pointerId=t.pointerId,this.vectorTimespan=this.options.vectorTimespan??100,this.initialPointerEvent=t,this.currentPointerEvent=t,this.recognizedEvents=[t],this.state=At.Active;const i=_t.getVector(t,t),o={global:{startX:this.initialPointerEvent.clientX,startY:this.initialPointerEvent.clientY,vector:i,deltaX:0,deltaY:0,startTimestampUTC:r,startTimestamp:this.initialPointerEvent.timeStamp,currentTimestamp:this.initialPointerEvent.timeStamp,endTimestamp:null,maximumSpeed:0,currentSpeed:0,distance:0,maximumDistance:0,averageSpeed:0,finalSpeed:0,traveledDistance:0,hasBeenMoved:!1,duration:0},live:{duration:0,speed:0,vector:i,distance:0,isMoving:!1}};this.parameters=o}getTarget(){return this.initialPointerEvent.target}reset(){}onIdle(){const t=(new Date).getTime()-this.parameters.global.startTimestampUTC;this.parameters.global.duration=t}onPointerMove(t){this.parameters.global.hasBeenMoved=!0,this.parameters.live.isMoving=!0,this.update(t)}onPointerUp(t){this.parameters.global.finalSpeed=this.parameters.live.speed,this.parameters.live.speed=0,this.parameters.live.isMoving=!1,this.state=At.Removed,this.parameters.global.endTimestamp=t.timeStamp,this.update(t),this.DEBUG}onPointerLeave(t){this.onPointerUp(t)}onPointerCancel(t){this.update(t),this.parameters.live.speed=0,this.state=At.Canceled,this.parameters.live.isMoving=!1,this.parameters.global.endTimestamp=t.timeStamp,this.DEBUG}update(t){this.currentPointerEvent=t,this.recognizedEvents.push(t);const e=this.getTimedPointerEvents(),r=_t.getVector(e[0],e[1]);this.parameters.live.vector=r,this.parameters.live.distance=r.vectorLength,this.parameters.live.speed=_t.getSpeed(r,e[0].timeStamp,e[1].timeStamp),this.parameters.live.speed>this.parameters.global.maximumSpeed&&(this.parameters.global.maximumSpeed=this.parameters.live.speed),this.parameters.global.currentTimestamp=t.timeStamp,this.parameters.global.duration=t.timeStamp-this.parameters.global.startTimestamp,this.parameters.global.deltaX=r.endPoint.x-this.parameters.global.startX,this.parameters.global.deltaY=r.endPoint.y-this.parameters.global.startY;const i=_t.getVector(this.initialPointerEvent,this.currentPointerEvent);this.parameters.global.vector=i,this.parameters.global.distance=i.vectorLength,i.vectorLength>this.parameters.global.maximumDistance&&(this.parameters.global.maximumDistance=i.vectorLength),this.DEBUG}getTimedPointerEvents(){let t=this.initialPointerEvent;const e=this.recognizedEvents[this.recognizedEvents.length-1];let r=this.recognizedEvents.length-1,i=0;const o=e.timeStamp;for(;i<this.vectorTimespan&&(r-=1,!(r<0));)t=this.recognizedEvents[r],i=o-t.timeStamp;const a=[t,e];return this.recognizedEvents=this.recognizedEvents.slice(-20),a}}const Dt=globalThis.window;let Bt;Bt=Dt?.CustomEvent?Dt.CustomEvent:class extends Event{constructor(t,e){super(t,e),this.detail=e?.detail}initCustomEvent(){throw new Error("Unsupported deprecated method")}};class It extends Bt{}class Lt{constructor(t,e){this.state=yt.Inactive,this.validPointerManagerState=null,this.validPointerInputConstructor=St,this.domElement=t,this.initialPointerEvent=null,this.initialParameters=null,this.activeStateParameters=null,this.options={bubbles:!0,blocks:[],supportedDirections:[],supportedButtons:[],DEBUG:!1,...e},this.DEBUG=this.options.DEBUG}getEmptyGestureParameters(){return{global:{min:{},max:{},boolean:{}},live:{min:{},max:{},boolean:{}}}}getGestureParameters(){let t;if(this.state==yt.Active?(t=this.activeStateParameters,this.DEBUG):(this.DEBUG,t=this.initialParameters),null==t)throw new Error("[Gesture] no gesture parameters found. Do not call .getGestureParameters on abstract class Gesture");return t}validateGestureParameters(t){const e=this.getGestureParameters();let r,i=!0;for(r in e){const o=e[r],a=t.parameters[r];let s;for(s in o){const t=o[s];let e;for(e in t){const r=t[e],o=a[e];if(this.DEBUG,"boolean"==typeof r&&"boolean"==typeof o?i=this.validateBooleanParameter(r,o):"number"==typeof r&&"number"==typeof o&&(i=this.validateMinMaxParameter(r,o,s)),0==i)return this.DEBUG,!1}}}return!0}validateBooleanParameter(t,e){return null==t||(t==e?(this.DEBUG,!0):(this.DEBUG,!1))}validateMinMaxParameter(t,e,r){if("min"==r){if(e>=t)return!0}else if("max"==r&&e<=t)return!0;return!1}validateDirection(t){const e=t.getCurrentDirection();return!(this.options.supportedDirections.length&&!this.options.supportedDirections.includes(e))||(this.DEBUG,!1)}validateGestureState(){return this.state!=yt.Blocked}validatePointerManagerState(t){return t.state==this.validPointerManagerState||(this.DEBUG,!1)}validatePointerInputConstructor(t){return t instanceof this.validPointerInputConstructor||(this.DEBUG,!1)}validate(t){let e=this.validateGestureState();1==e&&(e=this.validatePointerManagerState(t));const r=t.activePointerInput;return 1==e&&null!=r&&(e=this.validatePointerInputConstructor(r),1==e&&(e=this.validateDirection(r)),1==e&&(e=this.validateGestureParameters(r))),e}recognize(t){const e=this.validate(t);1==e&&this.state==yt.Inactive&&this.onStart(t),1==e&&this.state==yt.Active?(null==this.initialPointerEvent&&this.setInitialPointerEvent(t),this.emit(t)):this.state==yt.Active&&0==e?this.onEnd(t):this.DEBUG}getPointerInput(t){if(1==t.hasPointersOnSurface()&&t.activePointerInput instanceof this.validPointerInputConstructor)return t.activePointerInput;if(t.lastRemovedPointer instanceof Ct){const e=t.getlastRemovedPointerInput();if(e instanceof this.validPointerInputConstructor)return e}return null}setInitialPointerEvent(t){const e=this.getPointerInput(t);if(e instanceof this.validPointerInputConstructor){const t=e.getCurrentPointerEvent();this.initialPointerEvent=t}}emit(t,e){e=e||this.eventBaseName,this.DEBUG;const r=this.getPointerInput(t);if(null!=r){const i=r.getTarget();if(i instanceof EventTarget){const o=this.getEventData(r,t),a={detail:o,bubbles:this.options.bubbles};this.DEBUG;const s=new It(e,a);1==a.bubbles?i.dispatchEvent(s):this.domElement.dispatchEvent(s);const n=o.live.direction;if(1==!!this.options.supportedDirections&&n!=gt.None&&(e==this.eventBaseName||"swipe"==e))for(let t=0;t<this.options.supportedDirections.length;t++){const r=this.options.supportedDirections[t];if(r==n){const t=e+r;this.DEBUG;const o=new It(t,a);1==a.bubbles?i.dispatchEvent(o):this.domElement.dispatchEvent(o)}}}}}onStart(t){this.blockGestures(),this.state=yt.Active,this.setInitialPointerEvent(t);const e=`${this.eventBaseName}start`;this.emit(t,e)}onEnd(t){this.unblockGestures(),this.DEBUG,this.state=yt.Inactive;const e=`${this.eventBaseName}end`;this.emit(t,e)}onTouchStart(t){}onTouchMove(t){}onTouchEnd(t){}onTouchCancel(t){}block(t){-1==this.options.blocks.indexOf(t)&&this.options.blocks.push(t)}unblock(t){-1!=this.options.blocks.indexOf(t)&&this.options.blocks.splice(this.options.blocks.indexOf(t),1)}blockGestures(){for(let t=0;t<this.options.blocks.length;t++){const e=this.options.blocks[t];e.state==yt.Inactive&&(this.DEBUG,e.state=yt.Blocked)}}unblockGestures(){for(let t=0;t<this.options.blocks.length;t++){this.options.blocks[t].state=yt.Inactive}}getEventData(t,e){throw new Error("Gesture subclasses require a getEventData method()")}}class Mt extends Lt{constructor(t,e){super(t,e),this.initialPointerEvent=null,this.validPointerManagerState=xt.SinglePointer;const r=this.getEmptyGestureParameters();this.initialParameters={...r},this.activeStateParameters=JSON.parse(JSON.stringify({...r}))}getEventData(t,e){const r=t.parameters.live,i=t.parameters.live;let o=r.vector,a=r.duration;if(null!=this.initialPointerEvent){const e=new Pt(this.initialPointerEvent.clientX,this.initialPointerEvent.clientY),r=new Pt(t.pointer.currentPointerEvent.clientX,t.pointer.currentPointerEvent.clientY);o=new Et(e,r),a=t.pointer.currentPointerEvent.timeStamp-this.initialPointerEvent.timeStamp}return{recognizer:this,global:{deltaX:o.x,deltaY:o.y,distance:o.vectorLength,speedX:o.x/a,speedY:o.y/a,speed:o.vectorLength/a,direction:o.direction,scale:1,rotation:0,center:{x:r.vector.endPoint.x,y:r.vector.endPoint.y},srcEvent:t.pointer.currentPointerEvent},live:{deltaX:i.vector.x,deltaY:i.vector.y,distance:i.vector.vectorLength,speedX:i.vector.x/t.pointer.vectorTimespan,speedY:i.vector.y/t.pointer.vectorTimespan,speed:i.speed,direction:i.vector.direction,scale:1,rotation:0,center:{x:i.vector.endPoint.x,y:i.vector.endPoint.y},srcEvent:t.pointer.currentPointerEvent},pointerManager:e}}validateButton(t){if(this.options.supportedButtons.length>0){const e=t.activePointerInput,r=t.lastRemovedPointer;let i=null;if(null!=e?i=e.getCurrentPointerEvent():null!=r&&(i=r.currentPointerEvent),null!=i&&"mouse"==i.pointerType&&-1==this.options.supportedButtons.indexOf(i.buttons))return this.DEBUG,!1}return!0}validate(t){let e=this.validateButton(t);return 1==e&&(e=super.validate(t)),e}}class Ut extends Mt{constructor(t,e){super(t,e),this.validPointerManagerState=xt.NoPointer,this.eventBaseName="tap";let r=200,i=30,o=30;e&&("maxDuration"in e&&(r=e.maxDuration),"maxDistance"in e&&(i=e.maxDistance,o=e.maxDistance)),this.initialParameters.global.max.duration=r,this.initialParameters.live.max.distance=i,this.initialParameters.global.max.distance=o}validateButton(t){if(this.options.supportedButtons.length>0){const e=t.lastRemovedPointer;if(null!=e){const t=e.currentPointerEvent;if("mouse"==t.pointerType&&-1==this.options.supportedButtons.indexOf(t.button))return this.DEBUG,!1}}return!0}validate(t){let e=this.validateGestureState();if(1==e&&(e=this.validatePointerManagerState(t)),1==e&&(e=this.validateButton(t)),!0===e){if(1!=t.lastInputSessionPointerCount)return!1;{const r=t.getlastRemovedPointerInput();e=r instanceof St&&this.validateGestureParameters(r)}}return e}onStart(t){this.setInitialPointerEvent(t),this.emit(t)}}class Gt extends Mt{static minDuration=600;constructor(t,e){super(t,e),this.eventBaseName="press";let r=600,i=10,o=20;e&&("minDuration"in e&&(r=e.minDuration),"maxDistance"in e&&(o=e.maxDistance,i=e.maxDistance)),this.initialParameters.global.min.duration=r,this.initialParameters.global.max.distance=i,this.initialParameters.global.max.maximumDistance=o,this.hasBeenEmitted=!1}recognize(t){const e=this.validate(t),r=this.getPointerInput(t),i=this.initialParameters.global.min.duration||Gt.minDuration;if(r instanceof St)if(1==e&&0==this.hasBeenEmitted)this.setInitialPointerEvent(t),this.emit(t),this.hasBeenEmitted=!0,this.state=yt.Active,this.blockGestures();else if(0==e&&1==this.hasBeenEmitted)this.onEnd(t),this.state=yt.Inactive,this.hasBeenEmitted=!1;else{const t=r.parameters.global.duration;1==this.hasBeenEmitted&&t<=i&&(this.hasBeenEmitted=!1)}null==r&&(this.hasBeenEmitted=!1)}}class Rt extends Mt{constructor(t,e){super(t,e),this.validPointerManagerState=xt.SinglePointer,this.eventBaseName="pan",this.initialParameters.global.min.duration=0,this.initialParameters.live.min.distance=10,this.initialParameters.global.boolean.hasBeenMoved=!0,this.swipeFinalSpeed=600,this.isSwipe=!1,this.options.supportedDirections=e?.supportedDirections??ft.All,this.initialSupportedDirections=this.options.supportedDirections}validate(t){this.state==yt.Active&&(this.options.supportedDirections=ft.All);return super.validate(t)}onStart(t){this.isSwipe=!1,super.onStart(t)}onEnd(t){const e=t.getlastRemovedPointerInput();e instanceof St&&(this.swipeFinalSpeed<e.parameters.global.finalSpeed&&e.parameters.live.vector.direction!=gt.None?(this.isSwipe=!0,this.emit(t,"swipe")):1==this.DEBUG&&(e.parameters.global.finalSpeed,this.swipeFinalSpeed)),super.onEnd(t),this.options.supportedDirections=this.initialSupportedDirections}onTouchMove(t){this.state==yt.Active&&(this.DEBUG,t.preventDefault(),t.stopPropagation())}}class Nt{constructor(t,e){this.pointerIds=new Set([t.pointerId,e.pointerId]),this.startTimestamp=(new Date).getTime(),this.pointerMap={},this.pointerMap[t.pointerId]=t,this.pointerMap[e.pointerId]=e,this.pointer_1=t,this.pointer_2=e,this.initialPointerEvent=t.initialPointerEvent,this.currentPointerEvent=t.initialPointerEvent;const r=this.pointer_1.parameters.global.vector,i=this.pointer_2.parameters.global.vector,o={duration:0,center:_t.getCenter(r.startPoint,i.startPoint),centerHasBeenMoved:!1,centerMovementDistance:0,centerMovementVector:_t.getCenterMovementVector(r,i),absolutePointerDistanceChange:0,relativePointerDistanceChange:0,rotationAngle:0,absoluteRotationAngle:0,vectorAngle:0,absoluteVectorAngle:0},a=this.pointer_1.parameters.live.vector,s=this.pointer_2.parameters.live.vector,n={global:o,live:{center:_t.getCenter(a.startPoint,s.startPoint),centerIsMoving:!1,centerMovementDistance:0,centerMovementVector:_t.getCenterMovementVector(a,s),absolutePointerDistanceChange:0,relativePointerDistanceChange:0,rotationAngle:0,absoluteRotationAngle:0,vectorAngle:0,absoluteVectorAngle:0}};this.parameters=n}removePointer(t){if(t==this.pointer_1.pointerId)return this.pointer_2;if(t==this.pointer_2.pointerId)return this.pointer_1;throw new Error(`[DualPointerInput] cannot remove Pointer #${t}. The pointer is not part of this DualPointerInput`)}getTarget(){return this.initialPointerEvent.target}update(t){t instanceof PointerEvent&&(this.currentPointerEvent=t);const e=(new Date).getTime();this.parameters.global.duration=e-this.startTimestamp;const r=this.pointer_1.parameters.global.vector,i=this.pointer_2.parameters.global.vector,o=_t.getCenter(r.startPoint,i.startPoint),a=_t.getCenterMovementVector(r,i),s=_t.calculateAbsoluteDistanceChange(r,i),n=_t.calculateRelativeDistanceChange(r,i),l=_t.calculateRotationAngle(r,i),h=_t.calculateVectorAngle(r,i);this.parameters.global.center=o,this.parameters.global.centerMovementVector=a,this.parameters.global.centerMovementDistance=a.vectorLength,this.parameters.global.absolutePointerDistanceChange=s,this.parameters.global.relativePointerDistanceChange=n,this.parameters.global.rotationAngle=l,this.parameters.global.absoluteRotationAngle=Math.abs(l),this.parameters.global.vectorAngle=h,this.parameters.global.absoluteVectorAngle=Math.abs(h);const d=this.pointer_1.parameters.live.vector,c=this.pointer_2.parameters.live.vector,p=_t.getCenter(d.startPoint,c.startPoint),v=_t.getCenterMovementVector(d,c),u=_t.calculateAbsoluteDistanceChange(d,c),m=_t.calculateRelativeDistanceChange(d,c),g=_t.calculateRotationAngle(d,c),b=_t.calculateVectorAngle(d,c);v.vectorLength>0?(this.parameters.live.centerIsMoving=!0,this.parameters.global.centerHasBeenMoved=!0):this.parameters.live.centerIsMoving=!1,this.parameters.live.center=p,this.parameters.live.centerMovementDistance=v.vectorLength,this.parameters.live.centerMovementVector=v,this.parameters.live.absolutePointerDistanceChange=u,this.parameters.live.relativePointerDistanceChange=m,this.parameters.live.rotationAngle=g,this.parameters.live.absoluteRotationAngle=Math.abs(g),this.parameters.live.vectorAngle=b,this.parameters.live.absoluteVectorAngle=Math.abs(b)}onPointerMove(t){this.update(t)}onPointerUp(t){this.update(t)}onPointerLeave(t){this.update(t)}onPointerCancel(t){this.update(t)}onIdle(){this.update()}getCurrentDirection(){return this.parameters.live.centerMovementVector.direction}getCurrentPointerEvent(){return this.currentPointerEvent}}class Ot extends Lt{constructor(t,e){super(t,e),this.initialPointerEvent_1=null,this.initialPointerEvent_2=null,this.validPointerManagerState=xt.DualPointer,this.validPointerInputConstructor=Nt;const r=this.getEmptyGestureParameters();this.initialParameters={...r},this.activeStateParameters=JSON.parse(JSON.stringify({...r}))}getEventData(t,e){const r=t.parameters.global,i=t.parameters.live;return{recognizer:this,global:{deltaX:r.centerMovementVector.x,deltaY:r.centerMovementVector.y,distance:r.centerMovementDistance,speedX:r.centerMovementVector.x/r.duration,speedY:r.centerMovementVector.y/r.duration,speed:r.centerMovementVector.vectorLength/r.duration,direction:r.centerMovementVector.direction,scale:r.relativePointerDistanceChange,rotation:r.rotationAngle,center:r.center,srcEvent:t.currentPointerEvent},live:{deltaX:i.centerMovementVector.x,deltaY:i.centerMovementVector.y,distance:i.centerMovementDistance,speedX:i.centerMovementVector.x/r.duration,speedY:i.centerMovementVector.y/r.duration,speed:i.centerMovementVector.vectorLength/r.duration,direction:i.centerMovementVector.direction,scale:i.relativePointerDistanceChange,rotation:i.rotationAngle,center:{x:i.centerMovementVector.startPoint.x,y:i.centerMovementVector.startPoint.y},srcEvent:t.currentPointerEvent},pointerManager:e}}}class Ht{constructor(t){t=t||{},this.options={DEBUG:!1,...t},this.DEBUG=this.options.DEBUG,this.state=xt.NoPointer,this.activePointerInput=null,this.lastRemovedPointer=null,this.lastInputSessionPointerCount=0,this.pointerAllocation={},this.unusedPointers={},this.onSurfacePointers={}}addPointer(t){this.DEBUG;const e={DEBUG:this.DEBUG},r=new Ct(t,e);this.onSurfacePointers[r.pointerId]=r,null==this.activePointerInput?this.setActiveSinglePointerInput(r):this.activePointerInput instanceof St?this.setActiveDualPointerInput(this.activePointerInput.pointer,r):this.activePointerInput instanceof Nt&&(this.unusedPointers[r.pointerId]=r),this.lastInputSessionPointerCount=this.currentPointerCount()}removePointer(t){this.DEBUG;const e=this.onSurfacePointers[t];if(this.lastRemovedPointer=e,delete this.onSurfacePointers[t],t in this.unusedPointers&&delete this.unusedPointers[t],this.activePointerInput instanceof Nt){if(this.activePointerInput.pointerIds.has(t)){this.DEBUG;const e=this.activePointerInput.removePointer(t);this.activePointerInput=null;const r=this.getUnusedPointer();r instanceof Ct?this.setActiveDualPointerInput(e,r):this.setActiveSinglePointerInput(e)}}else if(this.activePointerInput instanceof St){if(this.DEBUG,this.activePointerInput=null,this.state=xt.NoPointer,Object.keys(this.unusedPointers).length>0)throw this.unusedPointers={},new Error("[PointerManager] found unused Pointers although there should not be any");if(Object.keys(this.onSurfacePointers).length>0)throw this.onSurfacePointers={},new Error("[PointerManager] found onSurfacePointers although there should not be any")}this.DEBUG}setActiveSinglePointerInput(t){t.reset();const e=new St(t);this.activePointerInput=e,this.pointerAllocation[t.pointerId]=e,delete this.unusedPointers[t.pointerId],this.state=xt.SinglePointer,this.DEBUG}setActiveDualPointerInput(t,e){t.reset(),e.reset();const r=new Nt(t,e);this.activePointerInput=r,this.pointerAllocation[t.pointerId]=r,this.pointerAllocation[e.pointerId]=r,delete this.unusedPointers[t.pointerId],delete this.unusedPointers[e.pointerId],this.state=xt.DualPointer,this.DEBUG}hasPointersOnSurface(){return Object.keys(this.onSurfacePointers).length>0}currentPointerCount(){return Object.keys(this.onSurfacePointers).length}getUnusedPointer(){if(Object.keys(this.unusedPointers).length>0){return Object.values(this.unusedPointers)[0]}return null}getPointerFromId(t){return t in this.onSurfacePointers?this.onSurfacePointers[t]:null}getlastRemovedPointerInput(){return this.lastRemovedPointer instanceof Ct?this.pointerAllocation[this.lastRemovedPointer.pointerId]:null}onIdle(){for(const t in this.onSurfacePointers){this.onSurfacePointers[t].onIdle()}this.activePointerInput?.onIdle()}onPointerMove(t){const e=this.getPointerFromId(t.pointerId);e instanceof Ct&&e.onPointerMove(t),this.activePointerInput?.onPointerMove(t)}onPointerUp(t){this.DEBUG;const e=this.getPointerFromId(t.pointerId);e instanceof Ct&&e.onPointerUp(t),this.activePointerInput?.onPointerUp(t),this.removePointer(t.pointerId)}onPointerCancel(t){this.DEBUG;const e=this.getPointerFromId(t.pointerId);e instanceof Ct&&e.onPointerCancel(t),this.activePointerInput?.onPointerCancel(t),this.removePointer(t.pointerId)}}const qt=[Ut,Gt,Rt,class extends Ot{constructor(t,e){super(t,e),this.eventBaseName="pinch",this.initialParameters.live.min.centerMovementDistance=0,this.initialParameters.live.max.centerMovementDistance=50,this.initialParameters.live.min.absolutePointerDistanceChange=5,this.initialParameters.live.max.absoluteRotationAngle=20,this.initialParameters.live.min.absoluteVectorAngle=10}},class extends Ot{constructor(t,e){super(t,e),this.eventBaseName="rotate",this.initialParameters.live.min.centerMovementDistance=0,this.initialParameters.live.max.centerMovementDistance=50,this.initialParameters.live.max.absolutePointerDistanceChange=50,this.initialParameters.live.min.absoluteRotationAngle=5,this.activeStateParameters.live.min.absoluteRotationAngle=0}},class extends Ot{constructor(t,e){super(t,e),this.eventBaseName="twofingerpan",this.initialParameters.live.min.centerMovementDistance=10,this.initialParameters.live.max.absolutePointerDistanceChange=50,this.initialParameters.live.max.absoluteVectorAngle=150,this.activeStateParameters.live.min.centerMovementDistance=0}}];class Vt{constructor(t,e){this.state=Tt.NoActiveGesture,this.activeGestures=[],this.hadActiveGestureDuringCurrentContact=!1,this.gestureEventHandlers={},this.lastRecognitionTimestamp=null,this.idleRecognitionIntervalId=null,this.pointerEventHandlers={},this.touchEventHandlers={},e=e||{},this.options={DEBUG:!1,DEBUG_GESTURES:!1,DEBUG_POINTERMANAGER:!1,bubbles:!0,handleTouchEvents:!0,consecutiveGestures:!0,simultaneousGestures:!0,supportedGestures:[],...e},this.DEBUG=this.options.DEBUG;const r=(e.supportedGestures??qt).map((e=>{if("function"==typeof e){const r={bubbles:this.options.bubbles,DEBUG:this.options.DEBUG_GESTURES};return new e(t,r)}if("object"==typeof e)return e;throw new Error("unsupported gesture type: "+typeof e)}));this.supportedGestures=r,this.domElement=t;const i={DEBUG:this.options.DEBUG_POINTERMANAGER};this.pointerManager=new Ht(i),this.addPointerEventListeners(),this.addTouchEventListeners()}addPointerEventListeners(){const t=this.domElement,e=this.onPointerDown.bind(this),r=this.onPointerMove.bind(this),i=this.onPointerUp.bind(this),o=this.onPointerCancel.bind(this);t.addEventListener("pointerdown",e,{passive:!0}),t.addEventListener("pointermove",r,{passive:!0}),t.addEventListener("pointerup",i,{passive:!0}),t.addEventListener("pointercancel",o,{passive:!0}),this.pointerEventHandlers={pointerdown:e,pointermove:r,pointerup:i,pointercancel:o}}onPointerDown(t){this.DEBUG,this.domElement.setPointerCapture(t.pointerId),this.pointerManager.addPointer(t),this.options.pointerdown?.(t,this),null!=this.idleRecognitionIntervalId&&this.clearIdleRecognitionInterval(),this.idleRecognitionIntervalId=setInterval((()=>{this.onIdle()}),100)}onPointerMove(t){1==this.pointerManager.hasPointersOnSurface()&&(this.pointerManager.onPointerMove(t),this.recognizeGestures(),this.options.pointermove?.(t,this))}onPointerUp(t){this.DEBUG,this.domElement.releasePointerCapture(t.pointerId),1==this.pointerManager.hasPointersOnSurface()&&(this.pointerManager.onPointerUp(t),this.recognizeGestures(),this.options.pointerup?.(t,this)),this.clearIdleRecognitionInterval()}onPointerCancel(t){this.domElement.releasePointerCapture(t.pointerId),this.DEBUG,this.pointerManager.onPointerCancel(t),this.recognizeGestures(),this.clearIdleRecognitionInterval(),this.options.pointercancel?.(t,this)}removePointerEventListeners(){for(const t in this.pointerEventHandlers){const e=this.pointerEventHandlers[t];this.domElement.removeEventListener(t,e)}}addTouchEventListeners(){if(1==this.options.handleTouchEvents){const t=this.onTouchMove.bind(this);this.domElement.addEventListener("touchmove",t),this.touchEventHandlers.touchmove=t}}removeTouchEventListeners(){for(const t in this.touchEventHandlers){const e=this.touchEventHandlers[t];this.domElement.removeEventListener(t,e)}}onTouchMove(t){for(let e=0;e<this.supportedGestures.length;e++){this.supportedGestures[e].onTouchMove(t)}}onIdle(){if(0==this.pointerManager.hasPointersOnSurface())this.clearIdleRecognitionInterval();else{const t=(new Date).getTime();let e=null;null!=this.lastRecognitionTimestamp&&(e=t-this.lastRecognitionTimestamp),(null==e||e>100)&&(this.pointerManager.onIdle(),this.DEBUG,this.recognizeGestures())}}clearIdleRecognitionInterval(){null!=this.idleRecognitionIntervalId&&(clearInterval(this.idleRecognitionIntervalId),this.idleRecognitionIntervalId=null)}recognizeGestures(){this.lastRecognitionTimestamp=(new Date).getTime();let t=this.supportedGestures;0==this.options.simultaneousGestures&&this.state==Tt.ActiveGesture||0==this.options.consecutiveGestures&&this.state==Tt.ActiveGesture?t=[this.activeGestures[0]]:0==this.options.consecutiveGestures&&this.state==Tt.NoActiveGesture&&1==this.hadActiveGestureDuringCurrentContact&&1==this.pointerManager.hasPointersOnSurface()&&(t=[]);for(let e=0;e<t.length;e++){const r=t[e];if(r.recognize(this.pointerManager),this.updateActiveGestures(r),0==this.options.simultaneousGestures&&this.state==Tt.ActiveGesture)break}this.DEBUG,0==this.pointerManager.hasPointersOnSurface()&&(this.hadActiveGestureDuringCurrentContact=!1)}updateActiveGestures(t){if(t.state==yt.Active)this.hadActiveGestureDuringCurrentContact=!0,this.activeGestures.indexOf(t)<0&&this.activeGestures.push(t);else{const e=this.activeGestures.indexOf(t);e>=0&&this.activeGestures.splice(e,1)}this.activeGestures.length>0?this.state=Tt.ActiveGesture:this.state=Tt.NoActiveGesture}parseEventsString(t){return t.trim().split(/\s+/g)}on(t,e){const r=this.parseEventsString(t);for(let t=0;t<r.length;t++){const i=r[t];i in this.gestureEventHandlers||(this.gestureEventHandlers[i]=[]),-1==this.gestureEventHandlers[i].indexOf(e)&&this.gestureEventHandlers[i].push(e),this.domElement.addEventListener(i,e,{capture:!1,passive:!0})}}off(t,e){const r=this.parseEventsString(t);this.DEBUG;for(let t=0;t<r.length;t++){const i=r[t];if(i in this.gestureEventHandlers){const t=this.gestureEventHandlers[i],r=t.indexOf(e);this.DEBUG,r>=0&&(t.splice(r,1),this.gestureEventHandlers[i]=t),this.domElement.removeEventListener(i,e,!1)}}}destroy(){for(const t in this.gestureEventHandlers){const e=this.gestureEventHandlers[t];for(let r=0;r<e.length;r++){const i=e[r];this.domElement.removeEventListener(t,i)}delete this.gestureEventHandlers[t]}this.removePointerEventListeners(),this.removeTouchEventListeners()}}t.TkDrawer=class extends rt{constructor(){super(...arguments),this._open=!1,this.over=!1,this.right=!1,this.swipeable=!1}set open(t){if(t===this._open)return;const e=this._open;this._open=t,this.requestUpdate("open",e),this._open&&this.dispatchEvent(new Event("did-show")),this._open||this.dispatchEvent(new Event("did-close"))}get open(){return this._open}render(){return U`<div class="container fi"><slot name="drawer-container"></slot></div><div class="overlay" @click="${()=>this.open=!1}"></div><div class="drawer"><div class="drawer-header"><slot name="drawer-header"></slot></div><div class="drawer-content"><slot name="drawer-content"></slot></div><div class="drawer-footer"><slot name="drawer-footer"></slot></div></div>`}updated(t){if(t.has("overQuery")&&this.overMediaQuery(),t.has("openQuery")&&window.matchMedia(this.openQuery).matches&&this.show(),t.has("swipeable")&&this.swipeable){var e={supportedDirections:[gt.Left,gt.Right],bubbles:!1},r=new Rt(this.$drawer,e);this.pointerListener=new Vt(this.$drawer,{DEBUG:!0,DEBUG_GESTURES:!0,supportedGestures:[Ut,r],bubbles:!1}),this.$drawer.addEventListener("tap",(t=>{var e;const{x:r,y:i}=t.detail.live.srcEvent,o=null===(e=this.shadowRoot)||void 0===e?void 0:e.elementFromPoint(r,i);o&&o.click()})),this.$drawer.addEventListener("panstart",(t=>{this.$drawer.style.transition="transform 0ms ease"})),this.$drawer.addEventListener("pan",(t=>{var e="translate3d("+(t.detail.global.deltaX>0?0:t.detail.global.deltaX)+"px, 0px, 0)";requestAnimationFrame((t=>{this.$drawer.style.transform=e}))})),this.$drawer.addEventListener("panend",(t=>{requestAnimationFrame((e=>{this.$drawer.style.transition="",this.$drawer.style.transform="",this.open=!(t.detail.global.deltaX<-50)}))}))}t.has("swipeable")&&!this.swipeable&&(this.pointerListener&&this.pointerListener.destroy(),this.pointerListener=null)}overMediaQuery(){this.mql&&this.mql.removeEventListener("change",this.overMediaQueryListener.bind(this)),this.mql=window.matchMedia(this.overQuery),this.mql.matches?this.setAttribute("over",""):this.removeAttribute("over"),this.mql.addEventListener("change",this.overMediaQueryListener.bind(this))}overMediaQueryListener(t){t.matches?this.setAttribute("over",""):this.removeAttribute("over")}hideIfOver(){var t;(this.overQuery&&(null===(t=this.mql)||void 0===t?void 0:t.matches)||this.over)&&(this.open=!1)}show(){this.open=!0}hide(){this.open=!1}toggle(){this.open=!this.open}},t.TkDrawer.styles=l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{display:block;height:100%;overflow:hidden;position:relative;width:100%}.drawer{background-color:var(--background,#f7f7f7);color:var(--foreground,#454545);display:flex;flex-direction:column;height:100%;overflow:scroll;position:absolute;top:0;touch-action:pan-y;transform:translateX(-100%);transition:transform cubic-bezier(.4,0,.2,1) var(--transition-duration-medium,.18s);width:var(--drawer-width,256px);will-change:transform;z-index:var(--drawer-z-index,200)}.drawer .drawer-content{flex:1;overflow:scroll}:host([right]) .drawer{right:0;transform:translateX(100%)}.overlay{background-color:rgba(0,0,0,.502);bottom:0;display:none;left:0;position:absolute;right:0;top:0;z-index:var(--drawer-overlay-z-index,200)}.container{background-color:var(--background,#f7f7f7);height:100%;overflow:scroll;transition:padding cubic-bezier(.4,0,.2,1) var(--transition-duration-slow,.25s)}:host([open]) .drawer{transform:none}:host([open]) .container{padding-left:var(--drawer-width,256px)}:host([open][over]) .container{padding-left:0}:host([open][over]) .overlay{display:block}@media (max-width:var(--drawer-trigger-width,400px)){:host([open]) .container{padding-left:0}:host([open]) .overlay{display:block}}")}`,e([st({type:Boolean,reflect:!0})],t.TkDrawer.prototype,"open",null),e([st({type:Boolean,reflect:!0})],t.TkDrawer.prototype,"over",void 0),e([st({type:String,attribute:"open-query"})],t.TkDrawer.prototype,"openQuery",void 0),e([st({type:String,attribute:"over-query"})],t.TkDrawer.prototype,"overQuery",void 0),e([st({type:Boolean,reflect:!0})],t.TkDrawer.prototype,"right",void 0),e([st({type:Boolean,reflect:!0})],t.TkDrawer.prototype,"swipeable",void 0),e([dt("div.drawer")],t.TkDrawer.prototype,"$drawer",void 0),t.TkDrawer=e([ot("tk-drawer")],t.TkDrawer),t.TkForm=class extends rt{createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.addEventListener("submit",this.submit)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("submit",this.submit)}submit(t){t.preventDefault();const e=this.getFormDataAsObject();this.dispatchEvent(new CustomEvent("fulfill",{detail:e}))}getFormDataAsObject(){const t=this.querySelector("form"),e={};return new FormData(t).forEach(((t,r)=>{var i;const o=this.querySelector(`[name=${r}]`);if("TK-SLIDER"==o.tagName&&(t=Number(t)),"TK-CHECKBOX"!=o.tagName||"on"!=t&&"true"!=t||(t=!0),"TK-RADIO"!=o.tagName||"on"!=t&&"true"!=t||(t=!0),r.indexOf("-")>0){const o=r.split("-");e[o[0]]=null!==(i=e[o[0]])&&void 0!==i?i:{},e[o[0]][o[1]]=t}else e[r]=t})),e}},e([st()],t.TkForm.prototype,"value",void 0),t.TkForm=e([ot("tk-form")],t.TkForm);const jt=1,Ft=2,Yt=t=>(...e)=>({_$litDirective$:t,values:e});let Xt=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,r){this._$Ct=t,this._$AM=e,this._$Ci=r}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};class Kt extends Xt{constructor(t){if(super(t),this.it=R,t.type!==Ft)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===R||null==t)return this._t=void 0,this.it=t;if(t===G)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}Kt.directiveName="unsafeHTML",Kt.resultType=1;const Qt=Yt(Kt);t.TkIcon=class extends t.TkBox{constructor(){super(...arguments),this.svg=""}static get styles(){return[...t.TkBox.styles,l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:var(--tk-icon-color,currentColor);display:inline-flex;height:1.5em;width:1.5em}:host svg{fill:var(--color);display:block;height:100%;width:100%}")}`]}render(){return U`${this.path?U`<svg viewBox="0 0 24 24"><path d="${this.path}"></path></svg>`:U`${Qt(this.svg)}`}`}updated(t){t.has("name")&&this.name&&this.loadIcon()}async loadIcon(){const t=this.library?document.querySelector(`tk-icons[library=${this.library}]`):document.querySelector("tk-icons");t&&(this.svg=await fetch(t.resolve(this.name)).then((t=>t.blob().then((e=>({contentType:t.headers.get("Content-Type"),raw:e}))))).then((t=>t.contentType&&/svg/.test(t.contentType)?t.raw.text():"")))}},e([st()],t.TkIcon.prototype,"name",void 0),e([st()],t.TkIcon.prototype,"library",void 0),e([st()],t.TkIcon.prototype,"path",void 0),e([st()],t.TkIcon.prototype,"svg",void 0),t.TkIcon=e([ot("tk-icon")],t.TkIcon),t.TkIcons=class extends rt{constructor(){super(...arguments),this.library="default"}firstUpdated(){window.document.body.appendChild(this)}},e([st({attribute:!1})],t.TkIcons.prototype,"resolve",void 0),e([st({reflect:!0})],t.TkIcons.prototype,"library",void 0),t.TkIcons=e([ot("tk-icons")],t.TkIcons);t.TkListItem=class extends rt{render(){return U`<slot name="before" @click="${this.handleClick}"></slot><div id="content"><slot></slot></div><slot name="after" @click="${this.handleClick}"></slot>${this.href?U`<a tabindex="-1" id="ahref" href="${this.href}" rel="noreferrer" aria-label="${this.ariaLabel}"></a>`:""}`}constructor(){super(),this.href="",this.target=""}firstUpdated(){!this.ariaLabel&&this.innerText&&(this.ariaLabel=this.innerText)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick.bind(this))}disconnectedCallback(){this.removeEventListener("click",this.handleClick),super.disconnectedCallback()}handleClick(t){const e=t.target;("BUTTON"==e.tagName||"TK-BUTTON"==e.tagName)&&e.hasAttribute("href"),this.href&&t.isTrusted&&(t.stopPropagation(),t.preventDefault(),this.$ahref.click())}},t.TkListItem.styles=l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--text:var(--list-item-color,var(--foreground,#454545));--color:var(--list-item-bg,var(--background,#f7f7f7));align-items:center;background:var(--color);border-radius:var(--list-item-border-radius,var(--border-radius-large,.5rem));color:var(--text);display:flex;outline:none;overflow:hidden;padding:var(--spacing-m,1rem) var(--spacing-m,1rem);position:relative;text-align:left;transition:var(--list-item-transition,background var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease),color var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease))}:host([clickable]),:host([href]){user-select:none}:host([clickable]:not([active]):not([disabled])),:host([href]:not([active]):not([disabled])){cursor:pointer}:host(:focus),:host(:hover){--color:var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3)));will-change:background,color}:host([active]:focus),:host([active]:hover){--text:var(--primary-darker,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),calc(var(--primary-l, 59.4118%)*0.7)));--color:var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3)))}:host([disabled]){--text:var(--shade-dark,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*0.85)));--color:var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%)));opacity:.4;pointer-events:none}:host([active]){--text:var(--primary-darker,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),calc(var(--primary-l, 59.4118%)*0.7)));--color:var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3)))}::slotted([slot=after]),::slotted([slot=before]){flex-shrink:0}::slotted([slot=before]){align-self:var(--list-item-left-align-self,center);margin:0 var(--spacing-m,1rem) 0 0}::slotted([slot=after]){align-self:var(--list-item-left-align-self,center);margin:0 0 0 var(--spacing-m,1rem)}#content{display:flex;flex-direction:column;flex-grow:1}")}`,e([st({attribute:!0})],t.TkListItem.prototype,"href",void 0),e([st({attribute:!0})],t.TkListItem.prototype,"target",void 0),e([st({attribute:"aria-label"})],t.TkListItem.prototype,"ariaLabel",void 0),e([dt("#ahref")],t.TkListItem.prototype,"$ahref",void 0),t.TkListItem=e([ot("tk-list-item")],t.TkListItem);const Wt=Yt(class extends Xt{constructor(t){var e;if(super(t),t.type!==jt||"class"!==t.name||(null===(e=t.strings)||void 0===e?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((e=>t[e])).join(" ")+" "}update(t,[e]){var r,i;if(void 0===this.nt){this.nt=new Set,void 0!==t.strings&&(this.st=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!(null===(r=this.st)||void 0===r?void 0:r.has(t))&&this.nt.add(t);return this.render(e)}const o=t.element.classList;this.nt.forEach((t=>{t in e||(o.remove(t),this.nt.delete(t))}));for(const t in e){const r=!!e[t];r===this.nt.has(t)||(null===(i=this.st)||void 0===i?void 0:i.has(t))||(r?(o.add(t),this.nt.add(t)):(o.remove(t),this.nt.delete(t)))}return G}}),Zt=Yt(class extends Xt{constructor(t){var e;if(super(t),t.type!==jt||"style"!==t.name||(null===(e=t.strings)||void 0===e?void 0:e.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(t){return Object.keys(t).reduce(((e,r)=>{const i=t[r];return null==i?e:e+`${r=r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`}),"")}update(t,[e]){const{style:r}=t.element;if(void 0===this.vt){this.vt=new Set;for(const t in e)this.vt.add(t);return this.render(e)}this.vt.forEach((t=>{null==e[t]&&(this.vt.delete(t),t.includes("-")?r.removeProperty(t):r[t]="")}));for(const t in e){const i=e[t];null!=i&&(this.vt.add(t),t.includes("-")?r.setProperty(t,i):r[t]=i)}return G}});t.TkLoading=class extends t.TkBox{constructor(){super(...arguments),this.circle=!1,this.indeterminate=!1,this.percent=0}static get styles(){return[...t.TkBox.styles,l`${n('*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:currentColor;--background-color:var(--tk-loading-background-color,var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3))))}:host([accent]){--color:var(--accent)}:host([error]){--color:var(--error)}.circle{animation:rotator 3s linear infinite;display:inline-flex;height:2em;width:2em}.circle,.circle .path{transform-origin:center}.circle .path{stroke-dasharray:265;stroke-dashoffset:0;stroke:var(--color);animation:dash 3s ease-in-out infinite}@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dashoffset:265}50%{stroke-dashoffset:65;transform:rotate(90deg)}to{stroke-dashoffset:265;transform:rotate(1turn)}}.line{background-color:var(--background-color);height:.4em;overflow:hidden;position:relative}.line .progress{height:100%}.line .indeterminate,.line .progress{background-color:var(--color)}.line .indeterminate:before{animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.line .indeterminate:after,.line .indeterminate:before{background-color:inherit;bottom:0;content:"";left:0;position:absolute;top:0;will-change:left,right}.line .indeterminate:after{animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.15s}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}')}`]}render(){const t={width:this.percent+"%"};return U`${this.circle?U`<svg class="circle" viewBox="0 0 100 100"><circle class="${Wt({indeterminate:this.indeterminate,path:!0})}" fill="none" stroke-width="1em" stroke-linecap="butt" cx="50" cy="50" r="40"></circle></svg>`:U`<div class="line"><div class="${Wt({progress:!0,indeterminate:this.indeterminate})}" style="${Zt(t)}"></div></div>`}`}},e([st({attribute:!0,type:Boolean})],t.TkLoading.prototype,"circle",void 0),e([st({attribute:!0,type:Boolean})],t.TkLoading.prototype,"indeterminate",void 0),e([st({attribute:!0,type:Number})],t.TkLoading.prototype,"percent",void 0),t.TkLoading=e([ot("tk-loading")],t.TkLoading);t.TkNavbar=class extends t.TkBox{static get styles(){return[...t.TkBox.styles,l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%)));--text:var(--on-primary,hsl(var(--on-primary-h,0),var(--on-primary-s,0%),var(--on-primary-l,100%)));align-items:center;background:var(--color);color:var(--text);flex-direction:row;justify-content:space-between}:host([inverted]){--color:var(--on-primary,hsl(var(--on-primary-h,0),var(--on-primary-s,0%),var(--on-primary-l,100%)));--text:var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%)))}:host([fixed]){left:0;position:fixed;right:0;top:0;z-index:var(--navbar-z-index,100)}#left,#right,#title,::slotted([slot=left]),::slotted([slot=right]),::slotted([slot=title]){align-items:center;display:flex;height:100%}#title,::slotted([slot=title]){font-weight:var(--nav-title-font-weight,var(--font-weight-regular,500));margin:var(--nav-title-margin,0 0 0 var(--spacing-l,1.25rem))}")}`]}render(){return U`<div id="left"><slot name="left"></slot><slot name="title"></slot></div><div id="right"><slot name="right"></slot></div>`}},t.TkNavbar=e([ot("tk-navbar")],t.TkNavbar);t.TkTextfield=class extends rt{constructor(){super(...arguments),this._id=ut(),this.type="text",this.required=!1,this.disabled=!1,this.readonly=!1}set value(t){this.$input?(this.$input.value=t,this.refreshAttributes()):this.initialValue=t}get value(){return null!=this.$input?this.$input.value:this.initialValue||""}render(){return U`<div id="container"><slot id="before" name="before"></slot><div id="wrapper"><div id="label">${this.label}</div><slot id="slot"></slot><input id="${this._id}" @keydown="${this.handleChange.bind(this)}" @input="${this.handleChange.bind(this)}" @focusout="${this.handleChange.bind(this)}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" autocomplete="${pt(this.autocomplete)}" autocapitalize="${pt(this.autocapitalize)}" aria-label="${pt(this.label)}" type="${pt(this.type)}" name="${pt(this.name)}" list="${pt(this.list)}" pattern="${pt(this.pattern)}" minlength="${pt(this.minLength)}" maxlength="${pt(this.maxLength)}" min="${pt(this.min)}" max="${pt(this.max)}" tabindex="${this.disabled?-1:0}"></div><slot id="after" name="after"></slot></div>`}handleChange(){this.refreshAttributes()}firstUpdated(){var t;this.$input=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("input"),this.appendChild(this.$input),this.initialValue&&(this.value=this.initialValue)}refreshAttributes(){this.$input.value?this.setAttribute("dirty",""):this.removeAttribute("dirty"),this.$input.checkValidity()?this.removeAttribute("invalid"):this.setAttribute("invalid","")}focus(){this.$input.focus()}},t.TkTextfield.styles=l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--_input-state-color:var(--input-state-color-inactive,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));--_input-padding-left-right:var(--input-padding-left-right,0);--_input-bg:var(--input-bg,#0000);--_input-border-radius:0;--_input-color:var(--input-color,var(--foreground,#454545));--_input-label-color:var(--input-label-color,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));--_input-border-style:var(--input-border-style,solid);display:block;outline:none;transform:translateZ(0)}:host([disabled]){--_input-state-color:var(--input-state-color-disabled,var(--shade-light,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.15))));--_input-label-color:var(--input-label-color-disabled,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));--_input-color:var(--input-color-disabled,var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3))));--_input-border-style:var(--input-border-style-disabled,dashed);pointer-events:none}#container{align-items:center;background:var(--_input-bg);border-bottom:var(--input-border-width,.0625rem) var(--_input-border-style) var(--_input-state-color);border-radius:var(--_input-border-radius);color:var(--_input-color);display:flex;font-size:var(--input-font-size,1rem);overflow:hidden;position:relative;transition:var(--input-transition,border-color var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease),background var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease))}#wrapper{flex-grow:1;position:relative}#label{color:var(--_input-label-color);font-size:inherit;left:var(--_input-padding-left-right);line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:var(--input-label-transition,top var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),font-size var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),transform var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear));-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}:host(:hover){--_input-state-color:var(--input-state-color-hover,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))))}:host([filled]),:host([outlined]){--_input-padding-left-right:var(--input-padding-left-right-outlined,0.75rem)}:host([filled]){--_input-border-radius:var(--input-border-radius-outlined,0.5rem 0.5rem 0 0);--_input-bg:var(--input-bg,var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3))))}:host([filled]:hover){--_input-bg:var(--input-bg-filled-hover,var(--shade-light,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.15))))}:host([outlined]){--_input-border-radius:var(--input-border-radius-outlined,0.5rem)}:host([outlined]) #container{border:var(--input-border-width,.0625rem) var(--_input-border-style) var(--_input-state-color)}:host(:focus-within){--_input-state-color:var(--input-state-color-active,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))))}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size,.75rem);top:var(--input-padding-top-bottom,.5rem);transform:translateY(0)}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000;border:none;box-sizing:border-box;caret-color:var(--_input-color-state);color:inherit;display:block;font-size:var(--input-font-size,1rem);margin:0;outline:none;padding:var(--input-padding-top-bottom,.5rem) var(--_input-padding-left-right);position:relative;text-align:var(--input-text-align,inherit);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:calc(var(--input-label-space, .875rem) + var(--input-padding-top-bottom, .5rem))}:host([invalid]){--_input-state-color:var(--input-state-color-invalid,var(--error,hsl(var(--error-h,4.10526),var(--error-s,89.6226%),var(--error-l,58.4314%))))}::slotted(input[type=color]){cursor:pointer;height:3.75rem}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined,.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined,.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined,.75rem)}")}`,e([st({type:String})],t.TkTextfield.prototype,"value",null),e([st({attribute:!0,type:String})],t.TkTextfield.prototype,"name",void 0),e([st({type:String})],t.TkTextfield.prototype,"list",void 0),e([st({type:String})],t.TkTextfield.prototype,"type",void 0),e([st({type:Boolean})],t.TkTextfield.prototype,"required",void 0),e([st({type:Boolean})],t.TkTextfield.prototype,"disabled",void 0),e([st({type:Boolean})],t.TkTextfield.prototype,"readonly",void 0),e([st({type:String})],t.TkTextfield.prototype,"autocomplete",void 0),e([st({type:String})],t.TkTextfield.prototype,"autocapitalize",void 0),e([st({type:String})],t.TkTextfield.prototype,"pattern",void 0),e([nt()],t.TkTextfield.prototype,"initialValue",void 0),e([st({type:String})],t.TkTextfield.prototype,"label",void 0),e([st({type:Number})],t.TkTextfield.prototype,"min",void 0),e([st({type:Number})],t.TkTextfield.prototype,"max",void 0),e([st({type:Number})],t.TkTextfield.prototype,"minLength",void 0),e([st({type:Number})],t.TkTextfield.prototype,"maxLength",void 0),e([ht({passive:!0})],t.TkTextfield.prototype,"handleChange",null),t.TkTextfield=e([ot("tk-textfield")],t.TkTextfield);var Jt,te,ee;!function(t){t.show="show",t.force="force",t.confirm="confirm",t.input="input"}(te||(te={})),function(t){t.success="success",t.warning="warning",t.error="error",t.info="info",t.neutral="neutral"}(ee||(ee={})),t.TkNotie=Jt=class extends t.TkBox{static get styles(){return[...t.TkBox.styles,l`${n(":host{bottom:0;display:none;font-size:1.6rem;left:0;margin:0;position:fixed;right:0;top:0}:host .overlay{background-color:rgba(0,0,0,.502);bottom:0;left:0;position:fixed;right:0;top:0;z-index:var(--notie-z-index,400)}:host .container{background-color:var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%)));bottom:0;box-shadow:10px 10px 10px 10px var(--shadow);color:var(--on-primary,hsl(var(--on-primary-h,0),var(--on-primary-s,0%),var(--on-primary-l,100%)));height:fit-content;left:0;position:fixed;right:0;text-align:center;transform:translateY(100%);transition:all .15s ease-in;z-index:calc(var(--notie-z-index, 400) + 1)}:host .container.info{background-color:#4d82d6}:host .container.error{background-color:#e1715b}:host .container.warning{background-color:#d6a14d}:host .container.success{background-color:#57bf57}:host .text{padding:.5em}:host .input{--input-font-size:$font-size-widescreen;background-color:var(--background);color:var(--foreground);text-align:center}:host .button{cursor:pointer;padding:.5em}:host .button.confirm,:host .button.forcer{background-color:#57bf57;color:#fff}:host .button.cancel{background-color:var(--error,#e1715b);color:var(--on-error,#fff)}@media screen and (max-width:900px){:host{font-size:1.4rem}}@media screen and (max-width:750px){:host{font-size:1.2rem}}@media screen and (max-width:400px){:host{font-size:1rem}}:host([position=top]) .container{bottom:inherit;position:fixed;top:0;transform:translateY(-100%)}:host([open]) .container{transform:translateY(0)}")}`]}render(){return U`<div class="overlay" @click="${()=>this.hide(!1)}"></div><tk-box class="container ${this.level}">${this.text?U`<tk-box class="text" @click="${()=>this.type==te.show?this.hide(!0):null}">${this.text}</tk-box>`:""} ${this.template?U`<tk-box class="template" @click="${()=>this.type==te.show?this.hide(!0):null}">${this.template}</tk-box>`:""} ${this.type==te.force?U`<tk-box @click="${()=>this.hide(!0)}" class="button force">${this.buttonText}</tk-box>`:""} ${this.type==te.input?U`<tk-textfield class="input"></tk-textfield>`:""} ${this.type==te.confirm||this.type==te.input?U`<tk-box direction="row"><tk-box justify="center" align-items="center" flex="grow" @click="${()=>this.hide(!0)}" class="button confirm">${this.confirmText}</tk-box><tk-box justify="center" align-items="center" flex="grow" @click="${()=>this.hide(!1)}" class="button confirm cancel">${this.cancelText}</tk-box></tk-box>`:""}</tk-box>`}show(){return new Promise((t=>{this.resolve=t,this.style.setProperty("display","flex"),setTimeout((()=>this.open=!0)),this.dispatchEvent(new Event("didShow")),this.$input&&setTimeout((()=>this.$input.focus())),this.type==te.show&&setTimeout((()=>this.hide(!1)),this.delay)}))}hide(t){t&&this.type===te.input&&(t=this.$input.value),t||this.type!==te.input||(t=null),this.$input&&(this.$input.value=""),this.$container.addEventListener("transitionend",(()=>{this.dispatchEvent(new Event("didHide")),this.resolve(t),this.persistent||this.remove()}),{once:!0}),this.open=!1}constructor(t=""){super(),this.persistent=!0,this.open=!1,this.position="bottom",this.type=te.show,this.level=ee.info,this.delay=3e3,this.animationDelay=300,this.buttonText="OK",this.confirmText="OK",this.cancelText="CANCEL",this.text=t}static show(t){return this.getNotie(t,te.show).show()}static force(t){const e=this.getNotie(t,te.force);return t.buttonText&&(e.buttonText=t.buttonText),e.show()}static confirm(t){const e=this.getNotie(t,te.confirm);return t.confirmText&&(e.confirmText=t.confirmText),t.cancelText&&(e.cancelText=t.cancelText),e.show()}static input(t){const e=this.getNotie(t,te.input);return t.password&&(e.$input.type="password"),t.confirmText&&(e.confirmText=t.confirmText),t.cancelText&&(e.cancelText=t.cancelText),e.show()}static getNotie(t,e){var r,i;const o=new Jt(t.text);return o.persistent=!1,o.type=e,o.delay=null!==(r=t.delay)&&void 0!==r?r:999999999,t.template&&(o.template=t.template),t.position&&(o.position=t.position),t.background&&o.$container&&o.$container.setAttribute("background-color",t.background),t.color&&o.$container&&o.$container.setAttribute("color",t.color),t.container?null===(i=t.container.shadowRoot)||void 0===i||i.appendChild(o):window.document.body.appendChild(o),t.zIndex&&o.style.setProperty("z-index",t.zIndex.toString()),o}},e([nt()],t.TkNotie.prototype,"persistent",void 0),e([st({type:Boolean,reflect:!0})],t.TkNotie.prototype,"open",void 0),e([st({reflect:!0})],t.TkNotie.prototype,"position",void 0),e([st({type:String})],t.TkNotie.prototype,"type",void 0),e([st({type:String})],t.TkNotie.prototype,"level",void 0),e([st({type:Number})],t.TkNotie.prototype,"delay",void 0),e([st()],t.TkNotie.prototype,"text",void 0),e([st()],t.TkNotie.prototype,"buttonText",void 0),e([st()],t.TkNotie.prototype,"confirmText",void 0),e([st()],t.TkNotie.prototype,"cancelText",void 0),e([st({type:Object})],t.TkNotie.prototype,"template",void 0),e([dt("tk-textfield")],t.TkNotie.prototype,"$input",void 0),e([dt(".container")],t.TkNotie.prototype,"$container",void 0),t.TkNotie=Jt=e([ot("tk-notie")],t.TkNotie);t.TkPages=class extends rt{constructor(){super(...arguments),this._page="",this.selected="",this.handleScroll=!1,this.scrollHistory={}}set page(t){let e=this._page;if(this._page=t,e&&this.handleScroll){if(this.querySelector(`[page=${e}]`)){const t=document.scrollingElement||document.documentElement;this.scrollHistory[e]=t.scrollTop}}this.requestUpdate("page",e)}get page(){return this._page}render(){return U`<slot></slot>`}updated(t){t.has("page")&&this.querySelectorAll(":scope > *").forEach((t=>{var e;const r=null!==(e=t.getAttribute("page"))&&void 0!==e?e:"default",i=document.scrollingElement||document.documentElement;r==this.page?(t.removeAttribute("hidden"),""!=this.selected&&t.setAttribute(this.selected,""),this.handleScroll&&!t.hasAttribute("no-scroll")&&(i.scrollTop=this.scrollHistory[r]?this.scrollHistory[r]:0)):(t.setAttribute("hidden",""),""!=this.selected&&t.removeAttribute(this.selected))}))}},t.TkPages.styles=l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}")}`,e([st({attribute:"page",type:String})],t.TkPages.prototype,"page",null),e([st({attribute:!0,type:String})],t.TkPages.prototype,"selected",void 0),e([st({attribute:"handle-scroll",type:Boolean})],t.TkPages.prototype,"handleScroll",void 0),t.TkPages=e([ot("tk-pages")],t.TkPages);t.TkRadio=class extends rt{constructor(){super(...arguments),this._id=ut(),this.checked=!1,this.required=!1,this.disabled=!1,this.readonly=!1}render(){return U`<tk-box direction="row" align-items="center"><div tabindex="0" class="radio"><div id="dot"></div></div><span class="label"><slot></slot></span></tk-box><input id="${this._id}" type="radio" style="position:absolute;left:0;z-index:-1" ?checked="${this.checked}" .checked="${this.checked}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" value="${pt(this.value)}" name="${pt(this.name)}" tabindex="-1">`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("keydown",this.onKeyDown.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.onKeyDown)}firstUpdated(){this.appendChild(this.$input)}onKeyDown(t){"Space"!==t.code&&"Enter"!==t.code||(t.preventDefault(),t.stopPropagation(),this.click())}handleClick(){this.checked=!this.checked,this.checked&&this.name&&this.getRootNode().querySelectorAll(`tk-radio[name="${this.name}"]`).forEach((t=>t!=this?t.checked=!1:null)),setTimeout((()=>this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))))}},t.TkRadio.styles=l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--_radio-bg:var(--radio-bg,#0000);--_radio-color:var(--radio-color,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));display:inline-flex}:host .radio{align-items:center;background:var(--_radio-bg);border:var(--radio-border-config,.125rem solid) currentColor;border-radius:var(--radio-border-radius,100%);color:var(--_radio-color);display:inline-flex;height:var(--radio-size,1.25rem);justify-content:center;outline:none;position:relative;transition:var(--radio-transition,background var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),border-color var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));-webkit-user-select:none;user-select:none;width:var(--radio-size,1.25rem)}:host .label{font-size:1.1em;margin-left:10px}:host(:not([disabled])){cursor:pointer}:host([checked]){--_radio-bg:var(--radio-bg-checked,#0000);--_radio-color:var(--radio-color-checked,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))))}:host([checked]) #dot{transform:scale(1)}:host(:focus),:host(:hover){will-change:border,background}:host(:focus) #dot,:host(:hover) #dot{will-change:transform,background}:host([disabled]){--_radio-bg:var(--radio-bg-disabled,#0000);--_radio-color:var(--radio-color-disabled,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));pointer-events:none}:host([disabled][checked]){--_radio-bg:var(--radio-bg-disabled-checked,#0000);--_radio-color:var(--radio-color-disabled-checked,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))))}#dot{background:currentColor;border-radius:var(--radio-dot-border-radius,100%);height:var(--radio-dot-size,.625rem);transform:scale(0);transition:var(--radio-dot-transition,transform var(--transition-duration-medium,.18s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));width:var(--radio-dot-size,.625rem)}#ripple{transform:var(--radio-ripple-transform,translate(-50%,-50%) scale(1.8))}")}`,e([st({attribute:!0,type:String})],t.TkRadio.prototype,"name",void 0),e([st({attribute:!0,type:Boolean,reflect:!0})],t.TkRadio.prototype,"checked",void 0),e([st({type:Boolean})],t.TkRadio.prototype,"required",void 0),e([st({type:Boolean})],t.TkRadio.prototype,"disabled",void 0),e([st({type:Boolean})],t.TkRadio.prototype,"readonly",void 0),e([st({type:String,reflect:!0})],t.TkRadio.prototype,"value",void 0),e([dt("input")],t.TkRadio.prototype,"$input",void 0),t.TkRadio=e([ot("tk-radio")],t.TkRadio);t.TkSelect=class extends rt{constructor(){super(...arguments),this._id=ut(),this.type="text",this.required=!1,this.disabled=!1,this.readonly=!1}set value(t){this.$select?(this.$select.value=t,this.refreshAttributes()):this.initialValue=t}get value(){return null!=this.$select?this.$select.value:this.initialValue||""}render(){return U`<div id="container"><slot id="before" name="before"></slot><div id="wrapper"><div id="label">${this.label}</div><slot id="slot"></slot><select id="${this._id}" @keydown="${this.handleChange.bind(this)}" @input="${this.handleChange.bind(this)}" @focusout="${this.handleChange.bind(this)}" @change="${this.handleChange.bind(this)}" .value="${this.initialValue}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" name="${pt(this.name)}" autocomplete="${pt(this.autocomplete)}" tabindex="${this.disabled?-1:0}"></select> <svg id="arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 25" preserveAspectRatio="none"><polygon points="0,0 50,0 25,25"/></svg></div><slot id="after" name="after"></slot></div>`}handleChange(){this.refreshAttributes()}firstUpdated(){var t;this.$select=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("select"),this.appendChild(this.$select);this.querySelectorAll("option").forEach((t=>this.$select.appendChild(t))),this.initialValue&&(this.value=this.initialValue)}refreshAttributes(){this.$select.value?this.setAttribute("dirty",""):this.removeAttribute("dirty"),this.$select.checkValidity()?this.removeAttribute("invalid"):this.setAttribute("invalid",""),setTimeout((()=>this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))))}},t.TkSelect.styles=l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--_input-state-color:var(--input-state-color-inactive,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));--_input-padding-left-right:var(--input-padding-left-right,0);--_input-bg:var(--input-bg,#0000);--_input-border-radius:0;--_input-color:var(--input-color,var(--foreground,#454545));--_input-label-color:var(--input-label-color,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));--_input-border-style:var(--input-border-style,solid);display:block;outline:none;transform:translateZ(0)}:host([disabled]){--_input-state-color:var(--input-state-color-disabled,var(--shade-light,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.15))));--_input-label-color:var(--input-label-color-disabled,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));--_input-color:var(--input-color-disabled,var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3))));--_input-border-style:var(--input-border-style-disabled,dashed);pointer-events:none}#container{align-items:center;background:var(--_input-bg);border-bottom:var(--input-border-width,.0625rem) var(--_input-border-style) var(--_input-state-color);border-radius:var(--_input-border-radius);color:var(--_input-color);display:flex;font-size:var(--input-font-size,1rem);overflow:hidden;position:relative;transition:var(--input-transition,border-color var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease),background var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease))}#wrapper{flex-grow:1;position:relative}#label{color:var(--_input-label-color);font-size:inherit;left:var(--_input-padding-left-right);line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:var(--input-label-transition,top var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),font-size var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),transform var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear));-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}:host(:hover){--_input-state-color:var(--input-state-color-hover,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))))}:host([filled]),:host([outlined]){--_input-padding-left-right:var(--input-padding-left-right-outlined,0.75rem)}:host([filled]){--_input-border-radius:var(--input-border-radius-outlined,0.5rem 0.5rem 0 0);--_input-bg:var(--input-bg,var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3))))}:host([filled]:hover){--_input-bg:var(--input-bg-filled-hover,var(--shade-light,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.15))))}:host([outlined]){--_input-border-radius:var(--input-border-radius-outlined,0.5rem)}:host([outlined]) #container{border:var(--input-border-width,.0625rem) var(--_input-border-style) var(--_input-state-color)}:host(:focus-within){--_input-state-color:var(--input-state-color-active,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))))}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size,.75rem);top:var(--input-padding-top-bottom,.5rem);transform:translateY(0)}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000;border:none;box-sizing:border-box;caret-color:var(--_input-color-state);color:inherit;display:block;font-size:var(--input-font-size,1rem);margin:0;outline:none;padding:var(--input-padding-top-bottom,.5rem) var(--_input-padding-left-right);position:relative;text-align:var(--input-text-align,inherit);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:calc(var(--input-label-space, .875rem) + var(--input-padding-top-bottom, .5rem))}:host([invalid]){--_input-state-color:var(--input-state-color-invalid,var(--error,hsl(var(--error-h,4.10526),var(--error-s,89.6226%),var(--error-l,58.4314%))))}::slotted(input[type=color]){cursor:pointer;height:3.75rem}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined,.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined,.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined,.75rem)}#arrow{fill:var(--_input-state-color);height:8px;position:absolute;right:0;top:50%;transform:translate(-100%,-50%);z-index:-1}::slotted(option){display:none}:host(:not([dirty])) ::slotted(select){opacity:0}")}`,e([st({type:String})],t.TkSelect.prototype,"value",null),e([st({attribute:!0,type:String})],t.TkSelect.prototype,"name",void 0),e([st({type:String})],t.TkSelect.prototype,"list",void 0),e([st({type:String})],t.TkSelect.prototype,"type",void 0),e([st({type:Boolean})],t.TkSelect.prototype,"required",void 0),e([st({type:Boolean})],t.TkSelect.prototype,"disabled",void 0),e([st({type:Boolean})],t.TkSelect.prototype,"readonly",void 0),e([st({type:String})],t.TkSelect.prototype,"autocomplete",void 0),e([st({type:String})],t.TkSelect.prototype,"pattern",void 0),e([nt()],t.TkSelect.prototype,"initialValue",void 0),e([st({type:String})],t.TkSelect.prototype,"label",void 0),e([st({type:Number})],t.TkSelect.prototype,"min",void 0),e([st({type:Number})],t.TkSelect.prototype,"max",void 0),e([st({type:Number})],t.TkSelect.prototype,"minLength",void 0),e([st({type:Number})],t.TkSelect.prototype,"maxLength",void 0),e([ht({passive:!0})],t.TkSelect.prototype,"handleChange",null),t.TkSelect=e([ot("tk-select")],t.TkSelect);t.TkSlider=class extends rt{constructor(){super(...arguments),this._id=ut(),this.required=!1,this.disabled=!1,this.readonly=!1,this.thumbLabel=!1,this.thumbLabelPersist=!1,this.min=0,this.value=this.min,this.max=100}render(){return U`<div id="container"><slot id="before" name="before"></slot><div id="wrapper"><div id="label">${this.label}</div><div id="slot-wrapper"><input @input="${this.handleChange.bind(this)}" id="slider" type="range" .value="${this.value.toString()}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" aria-label="${pt(this.label)}" name="${pt(this.name)}" autocomplete="${pt(this.autocomplete)}" min="${pt(this.min)}" max="${pt(this.max)}" step="${pt(this.step)}" tabindex="0"> ${this.thumbLabel||this.thumbLabelPersist?U`<div id="thumb-container"><div id="thumb-label"><slot name="thumb-label">${this.value}</slot></div></div>`:""}</div><input id="${this._id}" class="hidden-input" type="hidden" value="${this.value.toString()}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" aria-label="${pt(this.label)}" name="${pt(this.name)}"></div><slot id="after" name="after"></slot></div>`}handleChange(t){t.target.checkValidity()?this.removeAttribute("invalid"):this.setAttribute("invalid",""),this.value=t.target.value.toString(),setTimeout((()=>this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))))}firstUpdated(){this.appendChild(this.$input),this.setAttribute("dirty","")}updated(){requestAnimationFrame((()=>{this.style.setProperty("--_perc",((Number(this.value)-this.min)/(this.max-this.min)).toString())}))}},t.TkSlider.styles=l`${n('*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--_input-state-color:var(--input-state-color-inactive,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));--_input-padding-left-right:var(--input-padding-left-right,0);--_input-bg:var(--input-bg,#0000);--_input-border-radius:0;--_input-color:var(--input-color,var(--foreground,#454545));--_input-label-color:var(--input-label-color,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));--_input-border-style:var(--input-border-style,solid);display:block;outline:none;transform:translateZ(0)}:host([disabled]){--_input-state-color:var(--input-state-color-disabled,var(--shade-light,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.15))));--_input-label-color:var(--input-label-color-disabled,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));--_input-color:var(--input-color-disabled,var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3))));--_input-border-style:var(--input-border-style-disabled,dashed);pointer-events:none}#container{align-items:center;background:var(--_input-bg);border-bottom:var(--input-border-width,.0625rem) var(--_input-border-style) var(--_input-state-color);border-radius:var(--_input-border-radius);color:var(--_input-color);display:flex;font-size:var(--input-font-size,1rem);overflow:hidden;position:relative;transition:var(--input-transition,border-color var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease),background var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease))}#wrapper{flex-grow:1;position:relative}#label{color:var(--_input-label-color);font-size:inherit;left:var(--_input-padding-left-right);line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:var(--input-label-transition,top var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),font-size var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),transform var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear));-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}:host(:hover){--_input-state-color:var(--input-state-color-hover,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))))}:host([filled]),:host([outlined]){--_input-padding-left-right:var(--input-padding-left-right-outlined,0.75rem)}:host([filled]){--_input-border-radius:var(--input-border-radius-outlined,0.5rem 0.5rem 0 0);--_input-bg:var(--input-bg,var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3))))}:host([filled]:hover){--_input-bg:var(--input-bg-filled-hover,var(--shade-light,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.15))))}:host([outlined]){--_input-border-radius:var(--input-border-radius-outlined,0.5rem)}:host([outlined]) #container{border:var(--input-border-width,.0625rem) var(--_input-border-style) var(--_input-state-color)}:host(:focus-within){--_input-state-color:var(--input-state-color-active,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))))}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size,.75rem);top:var(--input-padding-top-bottom,.5rem);transform:translateY(0)}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000;border:none;box-sizing:border-box;caret-color:var(--_input-color-state);color:inherit;display:block;font-size:var(--input-font-size,1rem);margin:0;outline:none;padding:var(--input-padding-top-bottom,.5rem) var(--_input-padding-left-right);position:relative;text-align:var(--input-text-align,inherit);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:calc(var(--input-label-space, .875rem) + var(--input-padding-top-bottom, .5rem))}:host([invalid]){--_input-state-color:var(--input-state-color-invalid,var(--error,hsl(var(--error-h,4.10526),var(--error-s,89.6226%),var(--error-l,58.4314%))))}::slotted(input[type=color]){cursor:pointer;height:3.75rem}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined,.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined,.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined,.75rem)}:host{--_perc:0;--_slider-track-bg:var(--slider-bg,var(--shade-light,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.15))));--_slider-track-bg-active:var(--slider-bg-active,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))));--_slider-thumb-bg:var(--slider-thumb-bg,var(--on-primary,hsl(var(--on-primary-h,0),var(--on-primary-s,0%),var(--on-primary-l,100%))));--_slider-thumb-border:var(--slider-thumb-bg,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))))}:host([disabled]){--_slider-track-bg:var(--slider-bg-disabled,var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3))));--_slider-track-bg-active:var(--slider-bg-active-disabled,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));--_slider-thumb-bg:var(--slider-thumb-bg-disabled,var(--shade-light,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.15))));--_slider-thumb-border:var(--slider-thumb-bg,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))))}:host([thumblabel-persist]) #container,:host([thumblabel]) #container{padding-top:33px}#container{border:none;overflow:visible}#slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,var(--_slider-track-bg-active) 0,var(--_slider-track-bg-active) calc(var(--_perc)*100%),var(--_slider-track-bg) calc(var(--_perc)*100%),var(--_slider-track-bg));border:none;border-radius:0;box-sizing:border-box;cursor:grab;height:var(--slider-height,.3125rem);margin:0;outline:none;top:calc(var(--slider-height, .3125rem)*-1/2)}#slider,#thumb-container{position:relative;width:100%}#thumb-label{--_thumb-label-transform-y:0.625rem;-webkit-text-fill-color:var(--slider-thumb-label-color,var(--on-primary,hsl(var(--on-primary-h,0),var(--on-primary-s,0%),var(--on-primary-l,100%))));align-items:center;border-radius:var(--slider-thumb-label-border-radius,100%);bottom:calc(100% + var(--slider-thumb-size, .75rem) + var(--slider-height, .3125rem) + var(--slider-thumb-space, .75rem));color:var(--slider-thumb-label-color,var(--on-primary,hsl(var(--on-primary-h,0),var(--on-primary-s,0%),var(--on-primary-l,100%))));display:flex;font-size:var(--slider-thumb-label-font-size,.75rem);height:var(--slider-thumb-label-size,1.875rem);justify-content:center;left:calc(var(--_perc)*100% - var(--slider-thumb-size, 1.2rem)*var(--_perc));opacity:0;pointer-events:none;text-overflow:ellipsis;transform:translate(calc(-50% + var(--slider-thumb-size, 1.2rem)/2),var(--_thumb-label-transform-y));transition:var(--slider-thumb-label-transition,opacity var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),transform var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));width:var(--slider-thumb-label-size,1.875rem)}#thumb-label,#thumb-label:before{background:var(--slider-thumb-label-bg,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))));position:absolute}#thumb-label:before{border-radius:0 50% 50% 50%;content:"";height:100%;left:0;top:0;transform:rotate(225deg);width:100%;z-index:-1}#slider:focus+#thumb-container #thumb-label,:host([thumblabel-persist]) #thumb-label,:host:focus #thumb-label{--_thumb-label-transform-y:0;opacity:1}#slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--_slider-thumb-bg);border:4px solid var(--_slider-thumb-border);border-radius:var(--slider-thumb-border-radius,100%);box-shadow:0 0 0 0 var(--slider-thumb-focus-ring-bg,rgba(0,0,0,.082));cursor:grab;height:var(--slider-thumb-size,1.2rem);position:relative;-webkit-transition:var(--slider-thumb-transition,transform var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),box-shadow var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));transition:var(--slider-thumb-transition,transform var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),box-shadow var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));width:var(--slider-thumb-size,1.2rem)}#slider::-moz-range-thumb{-moz-appearance:none;appearance:none;background:var(--_slider-thumb-bg);border:none;border-radius:var(--slider-thumb-border-radius,100%);box-shadow:0 0 0 0 var(--slider-thumb-focus-ring-bg,rgba(0,0,0,.082));cursor:grab;height:var(--slider-thumb-size,1.2rem);position:relative;-moz-transition:var(--slider-thumb-transition,transform var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),box-shadow var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));transition:var(--slider-thumb-transition,transform var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),box-shadow var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));width:var(--slider-thumb-size,1.2rem)}#slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 var(--slider-thumb-focus-ring-size,.75rem) var(--slider-thumb-focus-ring-bg,rgba(0,0,0,.082));transform:var(--slider-thumb-transform-focus,scale(1.2))}#slider:focus::-moz-range-thumb{box-shadow:0 0 0 var(--slider-thumb-focus-ring-size,.75rem) var(--slider-thumb-focus-ring-bg,rgba(0,0,0,.082));transform:var(--slider-thumb-transform-focus,scale(1.2))}')}`,e([st({attribute:!0,type:String})],t.TkSlider.prototype,"name",void 0),e([st({type:String})],t.TkSlider.prototype,"list",void 0),e([st({type:Boolean})],t.TkSlider.prototype,"required",void 0),e([st({type:Boolean})],t.TkSlider.prototype,"disabled",void 0),e([st({type:Boolean})],t.TkSlider.prototype,"readonly",void 0),e([st({type:String})],t.TkSlider.prototype,"autocomplete",void 0),e([st({type:Boolean,attribute:"thumblabel"})],t.TkSlider.prototype,"thumbLabel",void 0),e([st({type:Boolean,attribute:"thumblabel-persist"})],t.TkSlider.prototype,"thumbLabelPersist",void 0),e([st({type:String})],t.TkSlider.prototype,"label",void 0),e([st({type:Number})],t.TkSlider.prototype,"min",void 0),e([st({type:Number,reflect:!0})],t.TkSlider.prototype,"value",void 0),e([st({type:Number})],t.TkSlider.prototype,"max",void 0),e([st({type:Number})],t.TkSlider.prototype,"step",void 0),e([dt("#slider")],t.TkSlider.prototype,"$slider",void 0),e([dt(".hidden-input")],t.TkSlider.prototype,"$input",void 0),t.TkSlider=e([ot("tk-slider")],t.TkSlider);t.TkSwitch=class extends rt{constructor(){super(...arguments),this._id=ut(),this.checked=!1,this.required=!1,this.disabled=!1,this.readonly=!1}render(){return U`<tk-box direction="row" align-items="center"><span class="switch"><span id="knob"></span> </span><span class="label"><slot></slot></span></tk-box><input id="${this._id}" slot="none" style="display:none" type="radio" ?checked="${this.checked}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" value="${pt(this.value)}" name="${pt(this.name)}" aria-hidden="true" tabindex="-1">`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("keydown",this.onKeyDown.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.onKeyDown)}firstUpdated(){this.appendChild(this.$input)}onKeyDown(t){"Space"!==t.code&&"Enter"!==t.code||(t.preventDefault(),t.stopPropagation(),this.click())}handleClick(){this.checked=!this.checked,this.checked&&this.name&&this.getRootNode().querySelectorAll(`tk-radio[name="${this.name}"]`).forEach((t=>t!=this?t.checked=!1:null)),setTimeout((()=>this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))))}},t.TkSwitch.styles=l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--_switch-bg:var(--switch-bg,var(--shade-light,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.15))));--_switch-color:var(--switch-color,var(--background,#f7f7f7))}:host .switch{align-items:center;background:var(--_switch-bg);border-radius:var(--switch-border-radius,.75rem);color:var(--_switch-color);display:inline-flex;height:var(--switch-height,.875rem);outline:none;position:relative;transition:var(--switch-transition,background var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));-webkit-user-select:none;user-select:none;width:var(--switch-width,2.125rem)}:host .switch #knob{background:currentColor;border-radius:var(--switch-knob-border-radius,100%);box-shadow:var(--switch-knob-elevation,var(--elevation-3,0 4px 8px var(--shadow)));height:var(--switch-knob-size,1.25rem);position:absolute;transition:var(--switch-knob-transition,background var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),transform var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));width:var(--switch-knob-size,1.25rem)}:host .label{font-size:1.1em;margin-left:10px}:host(:not([disabled])){cursor:pointer}:host([checked]){--_switch-bg:var(--switch-bg-checked,var(--primary-lighter,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),calc(var(--primary-l, 59.4118%)*1.3))));--_switch-color:var(--switch-color-checked,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))))}:host([checked]) .switch #knob{transform:translateX(calc(var(--switch-width, 2.125rem) - 100%))}:host(:focus),:host(:hover){will-change:background-color}:host([disabled]){--_switch-bg:var(--switch-bg-disabled,hsl(var(--shade-200,var(--shade-hue,200),var(--shade-saturation,4%),var(--shade-lightness,85%))));--_switch-color:var(\n  \t--switch-color-disabled,hsl(var(--shade-300,var(--shade-hue,200),var(--shade-saturation,4%),var(--shade-lightness,75%)))\n  );pointer-events:none}:host([disabled][checked]){--_switch-bg:var(\n  \t--switch-bg-disabled-checked,hsla(var(--primary-400,var(--primary-hue,224),var(--primary-saturation,42%),var(--primary-lightness,52%)),0.1)\n  );--_switch-color:var(\n  \t--switch-color-disabled-checked,hsla(var(--primary-400,var(--primary-hue,224),var(--primary-saturation,42%),var(--primary-lightness,52%)),0.4)\n  )}")}`,e([st({attribute:!0,type:String})],t.TkSwitch.prototype,"name",void 0),e([st({attribute:!0,type:Boolean,reflect:!0})],t.TkSwitch.prototype,"checked",void 0),e([st({type:Boolean})],t.TkSwitch.prototype,"required",void 0),e([st({type:Boolean})],t.TkSwitch.prototype,"disabled",void 0),e([st({type:Boolean})],t.TkSwitch.prototype,"readonly",void 0),e([st({type:String,reflect:!0})],t.TkSwitch.prototype,"value",void 0),e([dt("input")],t.TkSwitch.prototype,"$input",void 0),t.TkSwitch=e([ot("tk-switch")],t.TkSwitch);t.TkTabGroup=class extends rt{render(){return U`<div class="tabs"><slot @click="${t=>this.clickOnTab(t.target)}" @slotchange="${()=>this.updateUnderline()}"></slot></div>${this.circle?U`<div class="circle"></div>`:U`<div class="underline"></div>`}`}constructor(){super(),this.circle=!1,this.observe="",this.selected=""}firstUpdated(){if(IntersectionObserver){new IntersectionObserver(this.updateUnderline.bind(this)).observe(this)}else this.updateUnderline.bind(this)}updated(t){var e,r;t.has("selected")&&(this.querySelectorAll("*").forEach((t=>t.removeAttribute("selected"))),null===(e=this.querySelector(`[tab="${this.selected}"]`))||void 0===e||e.setAttribute("selected","")),t.has("observe")&&(null===(r=this.querySelector(`[tab="${this.selected}"]`))||void 0===r||r.focus(),this.updateUnderline())}clickOnTab(t){this.querySelectorAll("*").forEach((t=>t.removeAttribute("selected"))),t.setAttribute("selected",""),this.updateUnderline(),this.dispatchEvent(new CustomEvent("change",{detail:t.getAttribute("tab"),composed:!0,bubbles:!0}))}updateUnderline(){const t=this.querySelector("[selected]");t&&setTimeout((()=>{this.circle?this.$circle.style.transform=`translate(${t.offsetLeft+t.clientWidth/2-this.$circle.clientWidth/2}px, -${this.$circle.clientWidth/2}px)`:(this.$underline.style.width=t.clientWidth+"px",this.$underline.style.transform=`translateX(${t.offsetLeft}px)`)}))}},t.TkTabGroup.styles=l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%)));display:inline-block;overflow:hidden;overflow-x:scroll;position:relative}:host([accent]){--color:var(--accent,hsl(var(--accent-h,8.76404),var(--accent-s,64.0288%),var(--accent-l,72.7451%)))}.tabs{display:flex}:host(:not([circle])) .tabs{border-bottom:2px solid var(--shade-lighter)}.underline{height:2px;margin-top:-2px;transition:transform .2s ease;width:0}.circle,.underline{background-color:var(--color)}.circle{border-radius:var(--border-radius-circle,50%);height:8px;transition:transform .3s ease;width:8px}")}`,e([st({attribute:!0,type:Boolean})],t.TkTabGroup.prototype,"circle",void 0),e([st({attribute:!0,type:String})],t.TkTabGroup.prototype,"observe",void 0),e([st({attribute:!0,type:String})],t.TkTabGroup.prototype,"selected",void 0),e([dt(".underline")],t.TkTabGroup.prototype,"$underline",void 0),e([dt(".circle")],t.TkTabGroup.prototype,"$circle",void 0),t.TkTabGroup=e([ot("tk-tab-group")],t.TkTabGroup);t.TkTag=class extends rt{render(){return U`<div class="tag"><slot></slot></div>`}},t.TkTag.styles=l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:var(--primary);--text:var(--on-primary);background:var(--color);box-sizing:border-box;color:var(--text);display:flex;flex-grow:1;height:var(--navbar-height,48px);justify-content:space-between;padding:var(--navbar-padding,var(--spacing-s,.5rem));position:relative;transition:var(--nav-transition,background var(--transition-duration-fast,.12s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),transform var(--transition-duration-medium,.18s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)),box-shadow var(--transition-duration-medium,.18s) var(--transition-timing-function-deceleration-curve,cubic-bezier(0,0,.2,1)));z-index:var(--navbar-z-index,100)}:host([inverted]){--color:var(--on-primary);--text:var(--primary)}:host([fixed]){left:0;position:fixed;top:0;width:100%}:host([shadow]){box-shadow:var(--nav-elevation,var(--elevation-5,0 12px 24px var(--shadow)))}#left,#right,#title,::slotted([slot=left]),::slotted([slot=right]),::slotted([slot=title]){align-items:center;display:flex;height:100%}#title,::slotted([slot=title]){font-size:var(--nav-title-font-size,var(--font-size-l,1.25rem));font-weight:var(--nav-title-font-weight,var(--font-weight-regular,500));margin:var(--nav-title-margin,0 0 0 var(--spacing-l,1.25rem))}")}`,t.TkTag=e([ot("tk-tag")],t.TkTag);t.TkTextarea=class extends rt{constructor(){super(...arguments),this._id=ut(),this.type="text",this.required=!1,this.disabled=!1,this.readonly=!1,this.rows=1}set value(t){this.$input?(this.$input.value=t,this.refreshAttributes()):this.initialValue=t}get value(){return null!=this.$input?this.$input.value:this.initialValue||""}render(){return U`<div id="container"><slot id="before" name="before"></slot><div id="wrapper"><div id="label">${this.label}</div><slot id="slot"></slot><textarea id="${this._id}" @keydown="${this.handleChange.bind(this)}" @input="${this.handleChange.bind(this)}" @focusout="${this.handleChange.bind(this)}" ?required="${this.required}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" aria-label="${pt(this.label)}" name="${pt(this.name)}" pattern="${pt(this.pattern)}" autocomplete="${pt(this.autocomplete)}" autocapitalize="${pt(this.autocapitalize)}" minlength="${pt(this.minLength)}" maxlength="${pt(this.maxLength)}" rows="${this.rows}" tabindex="${this.disabled?-1:0}"></textarea></div><slot id="after" name="after"></slot></div>`}handleChange(){this.refreshAttributes()}firstUpdated(){var t;this.$input=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("textarea"),this.appendChild(this.$input),this.initialValue&&(this.value=this.initialValue)}refreshAttributes(){this.$input.value?this.setAttribute("dirty",""):this.removeAttribute("dirty"),this.$input.checkValidity()?this.removeAttribute("invalid"):this.setAttribute("invalid","")}focus(){this.$input.focus()}},t.TkTextarea.styles=l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--_input-state-color:var(--input-state-color-inactive,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));--_input-padding-left-right:var(--input-padding-left-right,0);--_input-bg:var(--input-bg,#0000);--_input-border-radius:0;--_input-color:var(--input-color,var(--foreground,#454545));--_input-label-color:var(--input-label-color,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));--_input-border-style:var(--input-border-style,solid);display:block;outline:none;transform:translateZ(0)}:host([disabled]){--_input-state-color:var(--input-state-color-disabled,var(--shade-light,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.15))));--_input-label-color:var(--input-label-color-disabled,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))));--_input-color:var(--input-color-disabled,var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3))));--_input-border-style:var(--input-border-style-disabled,dashed);pointer-events:none}#container{align-items:center;background:var(--_input-bg);border-bottom:var(--input-border-width,.0625rem) var(--_input-border-style) var(--_input-state-color);border-radius:var(--_input-border-radius);color:var(--_input-color);display:flex;font-size:var(--input-font-size,1rem);overflow:hidden;position:relative;transition:var(--input-transition,border-color var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease),background var(--transition-duration-medium,.18s) var(--transition-timing-function-ease,ease))}#wrapper{flex-grow:1;position:relative}#label{color:var(--_input-label-color);font-size:inherit;left:var(--_input-padding-left-right);line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:var(--input-label-transition,top var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),font-size var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear),transform var(--transition-duration-fast,.12s) var(--transition-timing-function-linear,linear));-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}:host(:hover){--_input-state-color:var(--input-state-color-hover,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))))}:host([filled]),:host([outlined]){--_input-padding-left-right:var(--input-padding-left-right-outlined,0.75rem)}:host([filled]){--_input-border-radius:var(--input-border-radius-outlined,0.5rem 0.5rem 0 0);--_input-bg:var(--input-bg,var(--shade-lighter,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.3))))}:host([filled]:hover){--_input-bg:var(--input-bg-filled-hover,var(--shade-light,hsl(var(--shade-h,0),var(--shade-s,0%),calc(var(--shade-l, 66.6667%)*1.15))))}:host([outlined]){--_input-border-radius:var(--input-border-radius-outlined,0.5rem)}:host([outlined]) #container{border:var(--input-border-width,.0625rem) var(--_input-border-style) var(--_input-state-color)}:host(:focus-within){--_input-state-color:var(--input-state-color-active,var(--primary,hsl(var(--primary-h,258.987),var(--primary-s,38.1643%),var(--primary-l,59.4118%))))}:host(:focus-within) #label,:host([dirty]) #label,:host([type=color]) #label,:host([type=date]) #label,:host([type=file]) #label,:host([type=range]) #label{font-size:var(--input-label-font-size,.75rem);top:var(--input-padding-top-bottom,.5rem);transform:translateY(0)}#slot-wrapper,::slotted(input),::slotted(select),::slotted(textarea){-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--_input-color);-webkit-overflow-scrolling:touch;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000;border:none;box-sizing:border-box;caret-color:var(--_input-color-state);color:inherit;display:block;font-size:var(--input-font-size,1rem);margin:0;outline:none;padding:var(--input-padding-top-bottom,.5rem) var(--_input-padding-left-right);position:relative;text-align:var(--input-text-align,inherit);width:100%}:host([label]) #slot-wrapper,:host([label]) ::slotted(input),:host([label]) ::slotted(select),:host([label]) ::slotted(textarea){padding-top:calc(var(--input-label-space, .875rem) + var(--input-padding-top-bottom, .5rem))}:host([invalid]){--_input-state-color:var(--input-state-color-invalid,var(--error,hsl(var(--error-h,4.10526),var(--error-s,89.6226%),var(--error-l,58.4314%))))}::slotted(input[type=color]){cursor:pointer;height:3.75rem}::slotted([slot=after]),::slotted([slot=before]){color:var(--input-before-after-color,var(--shade,hsl(var(--shade-h,0),var(--shade-s,0%),var(--shade-l,66.6667%))))}:host(:not([outlined]):not([filled])) ::slotted([slot=before]){margin-right:var(--input-padding-left-right-outlined,.75rem)}:host(:not([outlined]):not([filled])) ::slotted([slot=after]),:host([filled]) ::slotted([slot=before]),:host([outlined]) ::slotted([slot=before]){margin-left:var(--input-padding-left-right-outlined,.75rem)}:host([filled]) ::slotted([slot=after]),:host([outlined]) ::slotted([slot=after]){margin-right:var(--input-padding-left-right-outlined,.75rem)}#wrapper ::slotted(textarea){font-family:inherit;height:var(--textarea-height,var(--_textarea-height));max-height:var(--textarea-max-height);min-height:var(--textarea-min-height,var(--textarea-height,var(--_textarea-height)));resize:var(--textarea-resize,none)}:host(:focus) ::slotted(textarea),:host(:hover) ::slotted(textarea){will-change:height}")}`,e([st({type:String})],t.TkTextarea.prototype,"value",null),e([st({attribute:!0,type:String})],t.TkTextarea.prototype,"name",void 0),e([st({type:String})],t.TkTextarea.prototype,"list",void 0),e([st({type:String})],t.TkTextarea.prototype,"type",void 0),e([st({type:Boolean})],t.TkTextarea.prototype,"required",void 0),e([st({type:Boolean})],t.TkTextarea.prototype,"disabled",void 0),e([st({type:Boolean})],t.TkTextarea.prototype,"readonly",void 0),e([st({type:String})],t.TkTextarea.prototype,"autocomplete",void 0),e([st({type:String})],t.TkTextarea.prototype,"autocapitalize",void 0),e([st({type:String})],t.TkTextarea.prototype,"pattern",void 0),e([nt()],t.TkTextarea.prototype,"initialValue",void 0),e([st({type:String})],t.TkTextarea.prototype,"label",void 0),e([st({type:Number})],t.TkTextarea.prototype,"minLength",void 0),e([st({type:Number})],t.TkTextarea.prototype,"maxLength",void 0),e([st({type:Number})],t.TkTextarea.prototype,"rows",void 0),e([ht({passive:!0})],t.TkTextarea.prototype,"handleChange",null),t.TkTextarea=e([ot("tk-textarea")],t.TkTextarea);t.TkTheme=class extends rt{constructor(){super(...arguments),this.primary="#8970bf",this.onPrimary="#FFFFFF",this.accent="#E69A8D",this.onAccent="#FFFFFF",this.shade="#AAAAAA",this.onShade="#FFFFFF",this.error="#F44336",this.onError="#FFFFFF",this.foreground="#FFFFFF",this.background="#000",this.forceBody=!1,this.inverted=!1}render(){return U`<slot></slot>`}updated(){this.setThemeColor()}connectedCallback(){super.connectedCallback(),this.addEventListener("turn-theme-to-inverted",(()=>this.turnThemeToInverted()),{passive:!0}),this.addEventListener("turn-theme-to-non-inverted",(()=>this.turnThemeToNonInverted()),{passive:!0}),this.addEventListener("set-theme",this.setTheme),this.addEventListener("set-theme-font-size",this.setThemeFontSize)}disconnectedCallback(){this.removeEventListener("turn-theme-to-inverted",this.turnThemeToInverted),this.removeEventListener("turn-theme-to-non-inverted",this.turnThemeToNonInverted),this.removeEventListener("set-theme",this.setTheme),this.removeEventListener("set-theme-font-size",this.setThemeFontSize),super.disconnectedCallback()}setTheme(t){const e=t;this.background=e.detail.background?e.detail.background:this.background,this.foreground=e.detail.foreground?e.detail.foreground:this.foreground,this.primary=e.detail.primary?e.detail.primary:this.primary,this.onPrimary=e.detail.onPrimary?e.detail.onPrimary:this.onPrimary,this.accent=e.detail.accent?e.detail.accent:this.accent,this.onAccent=e.detail.onAccent?e.detail.onAccent:this.onAccent}setThemeFontSize(t){const e=t;this.style.setProperty("--font-size",e.detail)}turnThemeToInverted(){this.inverted=!0,this.forceBody&&this.setBodyStyle()}turnThemeToNonInverted(){this.inverted=!1,this.forceBody&&this.setBodyStyle()}hexToHSL(t){const e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i.exec(t);if(null==e)return["0","0%","0%"];const[,r,i,o]=e,a=parseInt(r,16)/255,s=parseInt(i,16)/255,n=parseInt(o,16)/255,l=Math.max(a,s,n),h=Math.min(a,s,n);let d=0,c=0,p=(l+h)/2;if(l!=h){const t=l-h;switch(c=p>.5?t/(2-l-h):t/(l+h),l){case a:d=(s-n)/t+(s<n?6:0);break;case s:d=(n-a)/t+2;break;case n:d=(a-s)/t+4}d/=6}return[(360*d).toString(),(100*c).toString()+"%",(100*p).toString()+"%"]}setThemeColor(){const t=this.hexToHSL(this.primary);this.style.setProperty("--primary-h",t[0]),this.style.setProperty("--primary-s",t[1]),this.style.setProperty("--primary-l",t[2]);const e=this.hexToHSL(this.onPrimary);this.style.setProperty("--on-primary-h",e[0]),this.style.setProperty("--on-primary-s",e[1]),this.style.setProperty("--on-primary-l",e[2]);const r=this.hexToHSL(this.accent);this.style.setProperty("--accent-h",r[0]),this.style.setProperty("--accent-s",r[1]),this.style.setProperty("--accent-l",r[2]);const i=this.hexToHSL(this.onAccent);this.style.setProperty("--on-accent-h",i[0]),this.style.setProperty("--on-accent-s",i[1]),this.style.setProperty("--on-accent-l",i[2]);const o=this.hexToHSL(this.shade);this.style.setProperty("--shade-h",o[0]),this.style.setProperty("--shade-s",o[1]),this.style.setProperty("--shade-l",o[2]);const a=this.hexToHSL(this.onShade);this.style.setProperty("--on-shade-h",a[0]),this.style.setProperty("--on-shade-s",a[1]),this.style.setProperty("--on-shade-l",a[2]);const s=this.hexToHSL(this.error);this.style.setProperty("--error-h",s[0]),this.style.setProperty("--error-s",s[1]),this.style.setProperty("--error-l",s[2]);const n=this.hexToHSL(this.onError);this.style.setProperty("--on-error-h",n[0]),this.style.setProperty("--on-error-s",n[1]),this.style.setProperty("--on-error-l",n[2]);const l=this.hexToHSL(this.foreground);this.style.setProperty("--theme-foreground",`hsl(${l[0]},${l[1]},${l[2]})`);const h=this.hexToHSL(this.background);this.style.setProperty("--theme-background",`hsl(${h[0]},${h[1]},${h[2]})`),this.forceBody&&this.setBodyStyle()}setBodyStyle(){let t=this.hexToHSL(this.foreground),e=this.hexToHSL(this.background);this.inverted&&(t=this.hexToHSL(this.background),e=this.hexToHSL(this.foreground)),document.body.style.setProperty("background",`hsl(${e[0]},${e[1]},${e[2]})`),document.body.style.setProperty("color",`hsl(${t[0]},${t[1]},${t[2]})`)}},t.TkTheme.styles=l`${n("*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--background:var(--theme-background);--foreground:var(--theme-foreground);--primary-lighter:hsl(var(--primary-h),var(--primary-s),calc(var(--primary-l)*1.3));--primary-light:hsl(var(--primary-h),var(--primary-s),calc(var(--primary-l)*1.15));--primary:hsl(var(--primary-h),var(--primary-s),var(--primary-l));--primary-dark:hsl(var(--primary-h),var(--primary-s),calc(var(--primary-l)*0.85));--primary-darker:hsl(var(--primary-h),var(--primary-s),calc(var(--primary-l)*0.7));--on-primary-lighter:hsl(var(--on-primary-h),var(--on-primary-s),calc(var(--on-primary-l)*1.3));--on-primary-light:hsl(var(--on-primary-h),var(--on-primary-s),calc(var(--on-primary-l)*1.15));--on-primary:hsl(var(--on-primary-h),var(--on-primary-s),var(--on-primary-l));--on-primary-dark:hsl(var(--on-primary-h),var(--on-primary-s),calc(var(--on-primary-l)*0.85));--on-primary-darker:hsl(var(--on-primary-h),var(--on-primary-s),calc(var(--on-primary-l)*0.7));--accent-lighter:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-l)*1.3));--accent-light:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-l)*1.15));--accent:hsl(var(--accent-h),var(--accent-s),var(--accent-l));--accent-dark:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-l)*0.85));--accent-darker:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-l)*0.7));--on-accent-lighter:hsl(var(--on-accent-h),var(--on-accent-s),calc(var(--on-accent-l)*1.3));--on-accent-light:hsl(var(--on-accent-h),var(--on-accent-s),calc(var(--on-accent-l)*1.15));--on-accent:hsl(var(--on-accent-h),var(--on-accent-s),var(--on-accent-l));--on-accent-dark:hsl(var(--on-accent-h),var(--on-accent-s),calc(var(--on-accent-l)*0.85));--on-accent-darker:hsl(var(--on-accent-h),var(--on-accent-s),calc(var(--on-accent-l)*0.7));--shade-lighter:hsl(var(--shade-h),var(--shade-s),calc(var(--shade-l)*1.3));--shade-light:hsl(var(--shade-h),var(--shade-s),calc(var(--shade-l)*1.15));--shade:hsl(var(--shade-h),var(--shade-s),var(--shade-l));--shade-dark:hsl(var(--shade-h),var(--shade-s),calc(var(--shade-l)*0.85));--shade-darker:hsl(var(--shade-h),var(--shade-s),calc(var(--shade-l)*0.7));--on-shade-lighter:hsl(var(--on-shade-h),var(--on-shade-s),calc(var(--on-shade-l)*1.3));--on-shade-light:hsl(var(--on-shade-h),var(--on-shade-s),calc(var(--on-shade-l)*1.15));--on-shade:hsl(var(--on-shade-h),var(--on-shade-s),var(--on-shade-l));--on-shade-dark:hsl(var(--on-shade-h),var(--on-shade-s),calc(var(--on-shade-l)*0.85));--on-shade-darker:hsl(var(--on-shade-h),var(--on-shade-s),calc(var(--on-shade-l)*0.7));--error-lighter:hsl(var(--error-h),var(--error-s),calc(var(--error-l)*1.3));--error-light:hsl(var(--error-h),var(--error-s),calc(var(--error-l)*1.15));--error:hsl(var(--error-h),var(--error-s),var(--error-l));--error-dark:hsl(var(--error-h),var(--error-s),calc(var(--error-l)*0.85));--error-darker:hsl(var(--error-h),var(--error-s),calc(var(--error-l)*0.7));--on-error-lighter:hsl(var(--on-error-h),var(--on-error-s),calc(var(--on-error-l)*1.3));--on-error-light:hsl(var(--on-error-h),var(--on-error-s),calc(var(--on-error-l)*1.15));--on-error:hsl(var(--on-error-h),var(--on-error-s),var(--on-error-l));--on-error-dark:hsl(var(--on-error-h),var(--on-error-s),calc(var(--on-error-l)*0.85));--on-error-darker:hsl(var(--on-error-h),var(--on-error-s),calc(var(--on-error-l)*0.7));--shadow-lighter:#0000001a;--shadow-light:#00000026;--shadow:#0003;--shadow-dark:#0006;--shadow-darker:#0009;background-color:var(--background);color:var(--foreground);font-family:var(--font-family,Roboto,sans-serif);font-size:var(--font-size,1rem)}:host([inverted]){--background:var(--theme-foreground);--foreground:var(--theme-background);--primary-lighter:hsl(var(--primary-h),var(--primary-s),calc(var(--primary-l)*0.7));--primary-light:hsl(var(--primary-h),var(--primary-s),calc(var(--primary-l)*0.85));--primary:hsl(var(--primary-h),var(--primary-s),var(--primary-l));--primary-dark:hsl(var(--primary-h),var(--primary-s),calc(var(--primary-l)*1.15));--primary-darker:hsl(var(--primary-h),var(--primary-s),calc(var(--primary-l)*1.3));--on-primary-lighter:hsl(var(--on-primary-h),var(--on-primary-s),calc(var(--on-primary-l)*0.7));--on-primary-light:hsl(var(--on-primary-h),var(--on-primary-s),calc(var(--on-primary-l)*0.85));--on-primary:hsl(var(--on-primary-h),var(--on-primary-s),var(--on-primary-l));--on-primary-dark:hsl(var(--on-primary-h),var(--on-primary-s),calc(var(--on-primary-l)*1.15));--on-primary-darker:hsl(var(--on-primary-h),var(--on-primary-s),calc(var(--on-primary-l)*1.3));--accent-lighter:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-l)*0.7));--accent-light:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-l)*0.85));--accent:hsl(var(--accent-h),var(--accent-s),var(--accent-l));--accent-dark:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-l)*1.15));--accent-darker:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-l)*1.3));--on-accent-lighter:hsl(var(--on-accent-h),var(--on-accent-s),calc(var(--on-accent-l)*0.7));--on-accent-light:hsl(var(--on-accent-h),var(--on-accent-s),calc(var(--on-accent-l)*0.85));--on-accent:hsl(var(--on-accent-h),var(--on-accent-s),var(--on-accent-l));--on-accent-dark:hsl(var(--on-accent-h),var(--on-accent-s),calc(var(--on-accent-l)*1.15));--on-accent-darker:hsl(var(--on-accent-h),var(--on-accent-s),calc(var(--on-accent-l)*1.3));--shade-lighter:hsl(var(--shade-h),var(--shade-s),calc(var(--shade-l)*0.7));--shade-light:hsl(var(--shade-h),var(--shade-s),calc(var(--shade-l)*0.85));--shade:hsl(var(--shade-h),var(--shade-s),var(--shade-l));--shade-dark:hsl(var(--shade-h),var(--shade-s),calc(var(--shade-l)*1.15));--shade-darker:hsl(var(--shade-h),var(--shade-s),calc(var(--shade-l)*1.3));--on-shade-lighter:hsl(var(--on-shade-h),var(--on-shade-s),calc(var(--on-shade-l)*0.7));--on-shade-light:hsl(var(--on-shade-h),var(--on-shade-s),calc(var(--on-shade-l)*0.85));--on-shade:hsl(var(--on-shade-h),var(--on-shade-s),var(--on-shade-l));--on-shade-dark:hsl(var(--on-shade-h),var(--on-shade-s),calc(var(--on-shade-l)*1.15));--on-shade-darker:hsl(var(--on-shade-h),var(--on-shade-s),calc(var(--on-shade-l)*1.3));--error-lighter:hsl(var(--error-h),var(--error-s),calc(var(--error-l)*0.7));--error-light:hsl(var(--error-h),var(--error-s),calc(var(--error-l)*0.85));--error:hsl(var(--error-h),var(--error-s),var(--error-l));--error-dark:hsl(var(--error-h),var(--error-s),calc(var(--error-l)*1.15));--error-darker:hsl(var(--error-h),var(--error-s),calc(var(--error-l)*1.3));--on-error-lighter:hsl(var(--on-error-h),var(--on-error-s),calc(var(--on-error-l)*0.7));--on-error-light:hsl(var(--on-error-h),var(--on-error-s),calc(var(--on-error-l)*0.85));--on-error:hsl(var(--on-error-h),var(--on-error-s),var(--on-error-l));--on-error-dark:hsl(var(--on-error-h),var(--on-error-s),calc(var(--on-error-l)*1.15));--on-error-darker:hsl(var(--on-error-h),var(--on-error-s),calc(var(--on-error-l)*1.3));--shadow-lighter:#ffffff1a;--shadow-light:#ffffff26;--shadow:#fff3;--shadow-dark:#fff6;--shadow-darker:#fff9}")}`,e([st()],t.TkTheme.prototype,"primary",void 0),e([st({attribute:"on-primary"})],t.TkTheme.prototype,"onPrimary",void 0),e([st()],t.TkTheme.prototype,"accent",void 0),e([st({attribute:"on-accent"})],t.TkTheme.prototype,"onAccent",void 0),e([st()],t.TkTheme.prototype,"shade",void 0),e([st()],t.TkTheme.prototype,"onShade",void 0),e([st()],t.TkTheme.prototype,"error",void 0),e([st()],t.TkTheme.prototype,"onError",void 0),e([st()],t.TkTheme.prototype,"foreground",void 0),e([st()],t.TkTheme.prototype,"background",void 0),e([st({type:Boolean,attribute:"force-body",reflect:!0})],t.TkTheme.prototype,"forceBody",void 0),e([st({type:Boolean,attribute:!0,reflect:!0})],t.TkTheme.prototype,"inverted",void 0),t.TkTheme=e([ot("tk-theme")],t.TkTheme)}));

package/progress/index.d.ts

@@ -1 +0,0 @@
-export * from "./progress";

package/progress/index.js

@@ -1 +0,0 @@
-export { TkProgress } from './progress.js';

package/progress/progress.d.ts

@@ -1,15 +0,0 @@
-import { LitElement } from "lit";
-declare class TkProgress extends LitElement {
-    static styles: import("lit").CSSResult;
-    circle: boolean;
-    indeterminate: boolean;
-    value: number;
-    buffer: number;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "tk-progress": TkProgress;
-    }
-}
-export { TkProgress };

package/progress/progress.js

@@ -1,47 +0,0 @@
-import { __decorate } from 'tslib';
-import { LitElement, html, css, unsafeCSS } from 'lit';
-import { property, customElement } from 'lit/decorators.js';
-import css_248z from './progress.scss.js';
-
-let TkProgress = class TkProgress extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.circle = false;
-        this.indeterminate = false;
-        this.value = 0;
-        this.buffer = 0;
-    }
-    render() {
-        return html `${this.circle
-            ? html `<svg class="spinner" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
-					<circle class="path" fill="none" stroke-width="10" stroke-linecap="butt" cx="50" cy="50" r="40"></circle>
-			  </svg>`
-            : html `
-					${this.indeterminate
-                ? html `<div class="progress-materializecss">
-								<div class="indeterminate"></div>
-						  </div>`
-                : html `<progress class="progress" max="100" value="50"></progress> `}
-			  `} `;
-    }
-};
-TkProgress.styles = css `
-		${unsafeCSS(css_248z)}
-	`;
-__decorate([
-    property({ attribute: true, type: Boolean })
-], TkProgress.prototype, "circle", void 0);
-__decorate([
-    property({ attribute: true, type: Boolean })
-], TkProgress.prototype, "indeterminate", void 0);
-__decorate([
-    property({ attribute: true, type: Number })
-], TkProgress.prototype, "value", void 0);
-__decorate([
-    property({ attribute: true, type: Number })
-], TkProgress.prototype, "buffer", void 0);
-TkProgress = __decorate([
-    customElement("tk-progress")
-], TkProgress);
-
-export { TkProgress };

package/progress/progress.scss.js

@@ -1,4 +0,0 @@
-var css_248z = "*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:var(--primary)}:host([accent]){--color:var(--accent)}:host([error]){--color:var(--error)}.spinner{animation:rotator 3s linear infinite;height:1em;transform-origin:center;width:1em}.spinner .path{stroke-dasharray:265;stroke-dashoffset:0;stroke:var(--color);animation:dash 3s ease-in-out infinite;transform-origin:center}@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dashoffset:265}50%{stroke-dashoffset:65;transform:rotate(90deg)}to{stroke-dashoffset:265;transform:rotate(1turn)}}.progress-materializecss{background-color:var(--shade-lighter);display:block;height:.3em;margin:5px 0;overflow:hidden;position:relative}.progress-materializecss .indeterminate{background-color:var(--primary)}.progress-materializecss .indeterminate:before{animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.progress-materializecss .indeterminate:after,.progress-materializecss .indeterminate:before{background-color:inherit;bottom:0;content:\"\";left:0;position:absolute;top:0;will-change:left,right}.progress-materializecss .indeterminate:after{animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.15s}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}";
-var stylesheet="*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:host{--color:var(--primary)}:host([accent]){--color:var(--accent)}:host([error]){--color:var(--error)}.spinner{animation:rotator 3s linear infinite;height:1em;transform-origin:center;width:1em}.spinner .path{stroke-dasharray:265;stroke-dashoffset:0;stroke:var(--color);animation:dash 3s ease-in-out infinite;transform-origin:center}@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dashoffset:265}50%{stroke-dashoffset:65;transform:rotate(90deg)}to{stroke-dashoffset:265;transform:rotate(1turn)}}.progress-materializecss{background-color:var(--shade-lighter);display:block;height:.3em;margin:5px 0;overflow:hidden;position:relative}.progress-materializecss .indeterminate{background-color:var(--primary)}.progress-materializecss .indeterminate:before{animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.progress-materializecss .indeterminate:after,.progress-materializecss .indeterminate:before{background-color:inherit;bottom:0;content:\"\";left:0;position:absolute;top:0;will-change:left,right}.progress-materializecss .indeterminate:after{animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.15s}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}";
-
-export { css_248z as default, stylesheet };