godown 3.0.0-canary.1 → 3.0.0-canary.10

package/components/select.js

@@ -2,10 +2,10 @@ import { __decorate } from 'tslib';
 import { godown } from '@godown/element/decorators/godown.js';
 import { part } from '@godown/element/decorators/part.js';
 import { styles } from '@godown/element/decorators/styles.js';
-import { htmlSlot } from '@godown/element/directives/index.js';
+import { htmlSlot } from '@godown/element/directives/html-slot.js';
 import svgCaretDown from '@godown/f7-icon/icons/chevron-down.js';
-import { css, html, nothing } from 'lit';
-import { property } from 'lit/decorators.js';
+import { html, nothing, css } from 'lit';
+import { property, state } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import Input from './input.js';
 
@@ -30,7 +30,7 @@ function updateChecked(element, operation) {
 }
 const protoName = "select";
 /**
- * {@linkcode Select} is similar to <select>.
+ * {@linkcode Select} is similar to `<select>`.
  *
  * Elements with the value attribute/property can be used as options.
  *
@@ -46,11 +46,7 @@ const protoName = "select";
 let Select = class Select extends Input {
     constructor() {
         super(...arguments);
-        this._cache = new WeakMap();
-        /**
-         * Open content.
-         */
-        this.open = false;
+        this.autoDirection = "bottom";
         this._store = [];
     }
     render() {
@@ -58,7 +54,7 @@ let Select = class Select extends Input {
             this._renderPrefix(),
             html `<input part="input" dir="${ifDefined(this.dir)}" id="${this.makeId}" .value="${this.text}" type="${this.type}" placeholder="${this.placeholder || nothing}" ?autofocus="${this.autofocus}" autocapitalize="${this.autocapitalize || nothing}" autocomplete="${this.autocomplete || nothing}" ?disabled="${this.disabled}" @focus="${this._handleFocus}" @input="${this._handleInput}">`,
             html `<label for="${this.makeId}" part="suffix"><i part="space"></i><i part="icon">${svgCaretDown()}</i><i part="space"></i></label>`,
-            html `<div part="content" direction="${this.direction || this.autoDirection}" style="visibility:${this.visible ? "visible" : "hidden"}">${htmlSlot()}</div>`,
+            html `<label for="${this.makeId}" part="content" style="visibility:${this.visible ? "visible" : "hidden"}" direction="${this.direction || this.autoDirection}">${htmlSlot()}</label>`,
         ]}</div>`;
     }
     _handleFocus() {
@@ -71,32 +67,33 @@ let Select = class Select extends Input {
                 this.autoDirection = "bottom";
             }
         }
-        if (!this.visible) {
-            const event = this.events.add(document, "click", (e) => {
-                const { target } = e;
-                if (!this.contains(target)) {
-                    this.events.remove(document, "click", event);
-                    this.visible = false;
-                }
-                else if (target !== this) {
-                    const value = this.optionValue(target);
-                    if (value) {
-                        const operation = this.select(value, target.textContent);
-                        if (!this.multiple) {
-                            updateChecked(this.lastChecked, 0);
-                        }
-                        updateChecked(target, operation);
-                        this.lastChecked = target;
-                    }
-                    this.visible = this.multiple;
-                    if (!this.visible) {
-                        this.events.remove(document, "click", event);
-                    }
-                }
-            });
-        }
         this.visible = true;
     }
+    firstUpdated() {
+        this.events.add(this._content, "click", (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            const { target } = e;
+            const value = this.optionValue(target);
+            if (value) {
+                const operation = this.select(value, target.textContent);
+                if (!this.multiple) {
+                    updateChecked(this.lastChecked, 0);
+                }
+                updateChecked(target, operation);
+                this.lastChecked = target;
+            }
+            this._input.focus();
+        });
+        this.events.add(document, "click", (e) => {
+            // e.preventDefault();
+            e.stopPropagation();
+            const composed1 = e.composedPath()[0];
+            if (composed1 && !this.shadowRoot.contains(composed1)) {
+                this.blur();
+            }
+        });
+    }
     _connectedInit() {
         if (!this.value) {
             const checked = [...this.querySelectorAll("[checked]")];
@@ -113,6 +110,9 @@ let Select = class Select extends Input {
             this.defaultText = this.text;
             this.defaultChecked = checked;
         }
+        if (!this.text) {
+            this.text = "";
+        }
     }
     reset() {
         this.value = this.default;
@@ -178,32 +178,33 @@ let Select = class Select extends Input {
     blur() {
         this._input.blur();
         this.visible = false;
+        super.blur();
     }
     optionValue(option) {
         return option.value || option.getAttribute("value") || "";
     }
 };
-__decorate([
-    property({ type: Boolean, reflect: true })
-], Select.prototype, "open", void 0);
 __decorate([
     property()
 ], Select.prototype, "text", void 0);
 __decorate([
     part("content")
 ], Select.prototype, "_content", void 0);
-__decorate([
-    property({ type: Boolean })
-], Select.prototype, "visible", void 0);
 __decorate([
     property()
 ], Select.prototype, "direction", void 0);
 __decorate([
     property({ type: Boolean })
 ], Select.prototype, "multiple", void 0);
+__decorate([
+    property({ type: Boolean })
+], Select.prototype, "visible", void 0);
+__decorate([
+    state()
+], Select.prototype, "autoDirection", void 0);
 Select = __decorate([
     godown(protoName),
-    styles(css `[part=input]{text-overflow:ellipsis}[part=content]{position:absolute;width:100%;visibility:hidden}[direction=bottom]{top:100%}[direction=top]{bottom:100%}`)
+    styles(css `[part=input]{text-overflow:ellipsis}[part=content]{position:absolute;width:100%}[direction=bottom]{top:100%}[direction=top]{bottom:100%}`)
 ], Select);
 var Select$1 = Select;
 

package/components/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sources":["../src/components/select.ts"],"sourcesContent":null,"names":[],"mappings":"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"}
+{"version":3,"file":"select.js","sources":["../src/components/select.ts"],"sourcesContent":null,"names":[],"mappings":"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"}

package/components/skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../src/components/skeleton.ts"],"names":[],"mappings":"AAQA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKlF;;;;;;GAMG;AACH,cAIM,QAAS,SAAQ,WAAW;IAChC;;OAEG;IAEH,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB;;;OAGG;IAEH,SAAS,EAAE,UAAU,GAAG,SAAS,CAAc;IAC/C;;OAEG;IAEH,OAAO,UAAQ;IAEf,SAAS,CAAC,MAAM;CAMjB;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../src/components/skeleton.ts"],"names":[],"mappings":"AAOA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKlF;;;;;;GAMG;AACH,cAIM,QAAS,SAAQ,WAAW;IAChC;;OAEG;IAEH,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IAEvB;;;OAGG;IAEH,SAAS,EAAE,UAAU,GAAG,SAAS,CAAc;IAE/C;;OAEG;IAEH,OAAO,UAAQ;IAEf,SAAS,CAAC,MAAM;CAMjB;AAED,eAAe,QAAQ,CAAC"}

package/components/skeleton.js

@@ -1,12 +1,11 @@
 import { __decorate } from 'tslib';
 import { godown } from '@godown/element/decorators/godown.js';
 import { styles } from '@godown/element/decorators/styles.js';
-import { conditionIf } from '@godown/element/directives/condition-if.js';
 import { htmlSlot } from '@godown/element/directives/html-slot.js';
 import iconPhoto from '@godown/f7-icon/icons/photo.js';
-import { css, html } from 'lit';
+import { html, css } from 'lit';
 import { property, state } from 'lit/decorators.js';
-import { scopePrefix, cssGlobalVars, GlobalStyle } from '../core/global-style.js';
+import { scopePrefix, GlobalStyle, cssGlobalVars } from '../core/global-style.js';
 
 const protoName = "skeleton";
 const cssScope = scopePrefix(protoName);
@@ -34,7 +33,7 @@ let Skeleton = class Skeleton extends GlobalStyle {
         if (!this.loading) {
             return htmlSlot();
         }
-        return html `<div part="root" class="${this.animation}">${conditionIf(this.type === "image", iconPhoto())} ${htmlSlot("loading")}</div>`;
+        return html `<div part="root" class="${this.animation}">${this.type === "image" ? iconPhoto() : ""} ${htmlSlot("loading")}</div>`;
     }
 };
 __decorate([

package/components/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","sources":["../src/components/skeleton.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;AAUA,MAAM,SAAS,GAAG,UAAU,CAAC;AAC7B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;;AAMG;AAKH,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,WAAW,CAAA;AAAlC,IAAA,WAAA,GAAA;;AAME;;;AAGG;QAEH,IAAS,CAAA,SAAA,GAA2B,UAAU,CAAC;AAC/C;;AAEG;QAEH,IAAO,CAAA,OAAA,GAAG,IAAI,CAAC;KAUhB;IARW,MAAM,GAAA;AACd,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,OAAO,QAAQ,EAAE,CAAC;SACnB;QACD,OAAO,IAAI,CAAA,CAAA,wBAAA,EAA2B,IAAI,CAAC,SAAS,CAClD,EAAA,EAAA,WAAW,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,SAAS,EAAE,CAAC,CAAA,CAAA,EAC/C,QAAQ,CAAC,SAAS,CAAC,CAAA,MAAA,CAAQ,CAAC;KAC/B;CACF,CAAA;AArBC,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACY,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAMvB,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACoC,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAK/C,UAAA,CAAA;AADC,IAAA,KAAK,EAAE;AACO,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAhBX,QAAQ,GAAA,UAAA,CAAA;IAJb,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA,CAAS,MAAA,EAAA,QAAQ,CAAc,WAAA,EAAA,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAK,EAAA,EAAA,QAAQ,CAAY,SAAA,EAAA,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA,EAAA,EAAK,QAAQ,CAAA,YAAA,EAAe,QAAQ,CAAmB,gBAAA,EAAA,QAAQ,CAAmB,gBAAA,EAAA,QAAQ,CAAiC,8BAAA,EAAA,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA,iBAAA,EAAoB,QAAQ,CAAA,2JAAA,EAAgK,QAAQ,CAAA,gEAAA,EAAmE,QAAQ,CAAA,iHAAA,EAAqH,QAAQ,CAAA,WAAA,EAAc,QAAQ,CAAA,gBAAA,EAAmB,QAAQ,CAAA,cAAA,EAAiB,QAAQ,CAAA,kRAAA,CAAqR,CACrgC;AACK,CAAA,EAAA,QAAQ,CA0Bb,CAAA;AAED,iBAAe,QAAQ;;;;"}
+{"version":3,"file":"skeleton.js","sources":["../src/components/skeleton.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;AASA,MAAM,SAAS,GAAG,UAAU;AAC5B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;AAEvC;;;;;;AAME;AAKF,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,WAAW,CAAA;AAAlC,IAAA,WAAA,GAAA;;AAOE;;;AAGE;QAEF,IAAS,CAAA,SAAA,GAA2B,UAAU;AAE9C;;AAEE;QAEF,IAAO,CAAA,OAAA,GAAG,IAAI;;IAEJ,MAAM,GAAA;AACd,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,OAAO,QAAQ,EAAE;;QAEnB,OAAO,IAAI,CAAA,CAAA,wBAAA,EAA2B,IAAI,CAAC,SAAS,CAAA,EAAA,EAClD,IAAI,CAAC,IAAI,KAAK,OAAO,GAAG,SAAS,EAAE,GAAG,EAAE,CACxC,CAAA,EAAA,QAAQ,CAAC,SAAS,CAAC,CAAA,MAAA,CAAQ;;CAEjC;AAvBE,UAAA,CAAA;AADC,IAAA,QAAQ;AACa,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAOtB,UAAA,CAAA;AADC,IAAA,QAAQ;AACqC,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA;AAM9C,UAAA,CAAA;AADC,IAAA,KAAK;AACQ,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAlBV,QAAQ,GAAA,UAAA,CAAA;IAJb,MAAM,CAAC,SAAS,CAAA;IAChB,MAAM,CACL,GAAG,CAAA,CAAS,MAAA,EAAA,QAAQ,CAAc,WAAA,EAAA,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAK,EAAA,EAAA,QAAQ,CAAY,SAAA,EAAA,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA,EAAA,EAAK,QAAQ,CAAA,YAAA,EAAe,QAAQ,CAAmB,gBAAA,EAAA,QAAQ,CAAmB,gBAAA,EAAA,QAAQ,CAAiC,8BAAA,EAAA,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA,iBAAA,EAAoB,QAAQ,CAAA,2JAAA,EAA8J,QAAQ,CAAA,gEAAA,EAAmE,QAAQ,CAAA,iHAAA,EAAqH,QAAQ,CAAA,WAAA,EAAc,QAAQ,CAAA,gBAAA,EAAmB,QAAQ,CAAA,cAAA,EAAiB,QAAQ,CAAA,kRAAA,CAAqR;AAE9/B,CAAA,EAAA,QAAQ,CA4Bd;AAEA,iBAAe,QAAQ;;;;"}

package/components/split.d.ts

@@ -19,10 +19,27 @@ declare class Split extends SuperInput {
      */
     index: number;
     current: number;
-    currentValue: (string | null)[];
+    currentValue: (string | void)[];
     protected render(): import("lit").TemplateResult<1>;
     connectedCallback(): void;
     protected _handleInput(e: HandlerEvent<HTMLInputElement, InputEvent>): void;
+    /**
+     * Fill input with data.
+     *
+     * If data is null
+     *  - If current value is null, move to before.
+     *  - If current value is not null, delete it.
+     *
+     * If data is not null
+     *  - If current value is null, input data.
+     *  - If current value is not null, input data and move to after.
+     *
+     * If data is multiple characters,
+     *   Fill input with data[0] and call fillInput with data.slice(1).
+     *
+     * @param data Input event data.
+     */
+    protected fillInput(data: string | null): void;
     focus(): void;
     focusAt(i: number): void;
     blur(): void;

package/components/split.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"split.d.ts","sourceRoot":"","sources":["../src/components/split.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAK/D,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAKhD;;;;;;;;GAQG;AACH,cAIM,KAAM,SAAQ,UAAU;IAC5B;;OAEG;IAEH,GAAG,SAAK;IACR;;OAEG;IAEH,KAAK,SAAM;IAGX,OAAO,SAAM;IAEb,YAAY,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAM;IAErC,SAAS,CAAC,MAAM;IAWhB,iBAAiB,IAAI,IAAI;IAKzB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,EAAE,UAAU,CAAC;IA2CpE,KAAK;IAIL,OAAO,CAAC,CAAC,EAAE,MAAM;IAKjB,IAAI;IAKJ,KAAK;CAQN;AAED,eAAe,KAAK,CAAC"}
+{"version":3,"file":"split.d.ts","sourceRoot":"","sources":["../src/components/split.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAK/D,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAahD;;;;;;;;GAQG;AACH,cAIM,KAAM,SAAQ,UAAU;IAC5B;;OAEG;IAEH,GAAG,SAAK;IAER;;OAEG;IAEH,KAAK,SAAM;IAGX,OAAO,SAAM;IAGb,YAAY,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAM;IAErC,SAAS,CAAC,MAAM;IAShB,iBAAiB,IAAI,IAAI;IAKzB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,EAAE,UAAU,CAAC;IAapE;;;;;;;;;;;;;;;OAeG;IACH,SAAS,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IA2CvC,KAAK;IAKL,OAAO,CAAC,CAAC,EAAE,MAAM;IAKjB,IAAI;IAMJ,KAAK;CAQN;AAED,eAAe,KAAK,CAAC"}

package/components/split.js

@@ -2,13 +2,20 @@ import { __decorate } from 'tslib';
 import { godown } from '@godown/element/decorators/godown.js';
 import { styles } from '@godown/element/decorators/styles.js';
 import { classList } from '@godown/element/directives/class-list.js';
-import { css, html, nothing } from 'lit';
+import { html, nothing, css } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { scopePrefix, cssGlobalVars } from '../core/global-style.js';
 import SuperInput from '../core/super-input.js';
 
 const protoName = "split";
 const cssScope = scopePrefix(protoName);
+const loop = (len, fn) => {
+    const result = new Array(len);
+    for (let index = 0; index < len; index++) {
+        result[index] = fn(index);
+    }
+    return result;
+};
 /**
  * {@linkcode Split} renders multiple input boxes.
  *
@@ -33,8 +40,7 @@ let Split = class Split extends SuperInput {
         this.currentValue = [];
     }
     render() {
-        return html `<div part="root">${this.currentValue
-            .map((value, index) => html `<span part="input-box" @click="${this.disabled ? null : () => this.focusAt(index)}" class="${classList({ focus: this.current === index }) || nothing}">${value}</span>`)} <input part="input" id="${this.makeId}" @blur="${this.blur}" @input="${this._handleInput}" .value="${
+        return html `<div part="root">${loop(this.len, (index) => html `<span part="input-box" @click="${this.disabled ? null : () => this.focusAt(index)}" class="${classList({ focus: this.current === index }) || nothing}">${this.currentValue[index]}</span>`)} <input part="input" id="${this.makeId}" @blur="${this.blur}" @input="${this._handleInput}" .value="${
         /* Ensure that input always has a value of length this.len */
         this.value.padStart(this.len, " ")}"></div>`;
     }
@@ -47,7 +53,29 @@ let Split = class Split extends SuperInput {
         if (this.compositing) {
             return;
         }
-        if (e.data === null) {
+        this.fillInput(e.data);
+        this.value = this.currentValue.join("");
+        this.dispatchEvent(new CustomEvent("input", { detail: this.value, bubbles: true, composed: true }));
+        this.dispatchEvent(new CustomEvent("change", { detail: this.value, composed: true }));
+    }
+    /**
+     * Fill input with data.
+     *
+     * If data is null
+     *  - If current value is null, move to before.
+     *  - If current value is not null, delete it.
+     *
+     * If data is not null
+     *  - If current value is null, input data.
+     *  - If current value is not null, input data and move to after.
+     *
+     * If data is multiple characters,
+     *   Fill input with data[0] and call fillInput with data.slice(1).
+     *
+     * @param data Input event data.
+     */
+    fillInput(data) {
+        if (data === null) {
             // delete
             if (this.currentValue[this.current] !== null) {
                 // delete exist value
@@ -59,28 +87,32 @@ let Split = class Split extends SuperInput {
                 const lastNotNull = this.currentValue.findLastIndex(a => a !== null);
                 this.current = this.current - 1 < 0 ? lastNotNull < 0 ? 0 : lastNotNull : this.current - 1;
             }
+            return;
         }
-        else {
-            // input
-            this.currentValue[this.current] = e.data;
-            if (this.current + 1 >= this.len) {
-                // index overflow
-                this.current = this.currentValue.indexOf(null);
-                if (this.current === -1) {
-                    this.blur();
-                }
+        const multiple = data.length > 1;
+        // input
+        this.currentValue[this.current] = data[0];
+        if (this.current + 1 >= this.len) {
+            // index overflow
+            this.current = this.currentValue.indexOf(null);
+            if (this.current === -1) {
+                this.blur();
             }
-            else {
-                // go to after
-                this.current += 1;
+        }
+        else {
+            // go to after
+            this.current += 1;
+        }
+        if (multiple) {
+            const after = data.slice(1);
+            if (after) {
+                this.fillInput(after);
             }
         }
-        this.value = this.currentValue.join("");
-        this.dispatchEvent(new CustomEvent("input", { detail: this.value, bubbles: true, composed: true }));
-        this.dispatchEvent(new CustomEvent("change", { detail: this.value, composed: true }));
     }
     focus() {
         this.focusAt(this.current);
+        super.focus();
     }
     focusAt(i) {
         this.current = i;
@@ -89,6 +121,7 @@ let Split = class Split extends SuperInput {
     blur() {
         this._input.blur();
         this.current = -1;
+        super.blur();
     }
     reset() {
         this.current = -1;

package/components/split.js.map

@@ -1 +1 @@
-{"version":3,"file":"split.js","sources":["../src/components/split.ts"],"sourcesContent":null,"names":[],"mappings":"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"}
+{"version":3,"file":"split.js","sources":["../src/components/split.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;AAUA,MAAM,SAAS,GAAG,OAAO;AACzB,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;AAEvC,MAAM,IAAI,GAAG,CAAI,GAAW,EAAE,EAAyB,KAAI;AACzD,IAAA,MAAM,MAAM,GAAQ,IAAI,KAAK,CAAC,GAAG,CAAC;AAClC,IAAA,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,GAAG,EAAE,KAAK,EAAE,EAAE;QACxC,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC;;AAE3B,IAAA,OAAO,MAAM;AACf,CAAC;AAED;;;;;;;;AAQE;AAKF,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,UAAU,CAAA;AAA9B,IAAA,WAAA,GAAA;;AACE;;AAEE;QAEF,IAAG,CAAA,GAAA,GAAG,CAAC;AAEP;;AAEE;QAEF,IAAK,CAAA,KAAA,GAAG,CAAC,CAAC;QAGV,IAAO,CAAA,OAAA,GAAG,CAAC,CAAC;QAGZ,IAAY,CAAA,YAAA,GAAsB,EAAE;;IAE1B,MAAM,GAAA;AACd,QAAA,OAAO,IAAI,CAAA,CAGT,iBAAA,EAAA,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAa,KAC3B,IAAI,CAAA,CAAA,+BAAA,EACQ,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CACjD,SAAA,EAAA,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC,IAAI,OAAO,CAAA,EAAA,EAC/D,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA,OAAA,CAAS,CACxC,CAAA,yBAAA,EAGY,IAAI,CAAC,MAAM,CACT,SAAA,EAAA,IAAI,CAAC,IAAI,CAAA,UAAA,EACP,IAAI,CAAC,YAAY,CAClB,UAAA;;AAEb,QAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA,QAAA,CAGnC;;IAGH,iBAAiB,GAAA;QACf,KAAK,CAAC,iBAAiB,EAAE;QACzB,IAAI,CAAC,KAAK,EAAE;;AAGJ,IAAA,YAAY,CAAC,CAA6C,EAAA;QAClE,CAAC,CAAC,eAAe,EAAE;AACnB,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB;;AAGF,QAAA,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;QACtB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;QAEvC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QACnG,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;;AAGvF;;;;;;;;;;;;;;;AAeE;AACQ,IAAA,SAAS,CAAC,IAAmB,EAAA;AACrC,QAAA,IAAI,IAAI,KAAK,IAAI,EAAE;;YAGjB,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE;;gBAG5C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI;;iBACjC;;gBAGL,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,GAAG,IAAI;AAC1C,gBAAA,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;AACpE,gBAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,GAAG,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG,WAAW,GAAG,IAAI,CAAC,OAAO,GAAG,CAAC;;YAE5F;;AAGF,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC;;AAGhC,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;QACzC,IAAI,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,EAAE;;YAGhC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC;AAC9C,YAAA,IAAI,IAAI,CAAC,OAAO,KAAK,CAAC,CAAC,EAAE;gBACvB,IAAI,CAAC,IAAI,EAAE;;;aAER;;AAGL,YAAA,IAAI,CAAC,OAAO,IAAI,CAAC;;QAGnB,IAAI,QAAQ,EAAE;YACZ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;YAC3B,IAAI,KAAK,EAAE;AACT,gBAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;;;;IAK3B,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;QAC1B,KAAK,CAAC,KAAK,EAAE;;AAGf,IAAA,OAAO,CAAC,CAAS,EAAA;AACf,QAAA,IAAI,CAAC,OAAO,GAAG,CAAC;AAChB,QAAA,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE;;IAGrB,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;AAClB,QAAA,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;QACjB,KAAK,CAAC,IAAI,EAAE;;IAGd,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;AACjB,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO;AACzB,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC/F,QAAA,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE;AACnB,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK;;;CAG/B;AA1IE,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACnB,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAMP,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAChB,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA;AAGV,UAAA,CAAA;AADC,IAAA,KAAK;AACM,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAGZ,UAAA,CAAA;AADC,IAAA,KAAK;AAC8B,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,cAAA,EAAA,KAAA,CAAA,CAAA;AAjBhC,KAAK,GAAA,UAAA,CAAA;IAJV,MAAM,CAAC,SAAS,CAAA;IAChB,MAAM,CACL,GAAG,CAAA,CAAmB,gBAAA,EAAA,aAAa,CAAC,UAAU,CAA8E,2EAAA,EAAA,QAAQ,CAAiB,cAAA,EAAA,QAAQ,CAAmC,gCAAA,EAAA,QAAQ,6JAA6J,QAAQ,CAAA,mBAAA,EAAsB,QAAQ,CAAA,kEAAA,EAAqE,aAAa,CAAC,KAAK,CAAA,mJAAA,EAAuJ,aAAa,CAAC,KAAK,CAAA,aAAA,CAAe;AAExpB,CAAA,EAAA,KAAK,CA+IX;AAEA,cAAe,KAAK;;;;"}

package/components/switch.d.ts

@@ -9,7 +9,7 @@ import SuperInput from "../core/super-input.js";
  */
 declare class Switch extends SuperInput {
     /**
-     * Border style.
+     * Display rounded.
      */
     round: boolean;
     /**
@@ -17,18 +17,18 @@ declare class Switch extends SuperInput {
      */
     checked: boolean;
     /**
-     * Whether this element is disabled or not.
+     * Disable this element.
      */
     disabled: boolean;
     /**
-     * Parsed by JSON.parse to checked.
+     * Default checked state.
      */
     default: string;
     /**
      * Input value.
      */
     value: string;
-    _input: HTMLInputElement;
+    protected _input: HTMLInputElement;
     protected render(): import("lit").TemplateResult<1>;
     reset(): void;
     connectedCallback(): void;

package/components/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../src/components/switch.ts"],"names":[],"mappings":"AAMA,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAKhD;;;;;;;GAOG;AACH,cAIM,MAAO,SAAQ,UAAU;IAC7B;;OAEG;IAEH,KAAK,UAAS;IACd;;OAEG;IAEH,OAAO,UAAS;IAChB;;OAEG;IAEH,QAAQ,UAAS;IACjB;;OAEG;IAEH,OAAO,SAAW;IAClB;;OAEG;IAEH,KAAK,SAAQ;IAGb,MAAM,EAAE,gBAAgB,CAAC;IAEzB,SAAS,CAAC,MAAM;IAIhB,KAAK;IAKL,iBAAiB;IAUjB,SAAS,CAAC,aAAa;IAMvB,SAAS,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;CAG/B;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../src/components/switch.ts"],"names":[],"mappings":"AAMA,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAKhD;;;;;;;GAOG;AACH,cAIM,MAAO,SAAQ,UAAU;IAC7B;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,OAAO,SAAW;IAElB;;OAEG;IAEH,KAAK,SAAQ;IAGb,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAEnC,SAAS,CAAC,MAAM;IAIhB,KAAK;IAKL,iBAAiB;IAUjB,SAAS,CAAC,aAAa;IAMvB,SAAS,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;CAG/B;AAED,eAAe,MAAM,CAAC"}

package/components/switch.js

@@ -1,7 +1,7 @@
 import { __decorate } from 'tslib';
 import { godown } from '@godown/element/decorators/godown.js';
 import { styles } from '@godown/element/decorators/styles.js';
-import { css, html } from 'lit';
+import { html, css } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import { scopePrefix, cssGlobalVars } from '../core/global-style.js';
 import SuperInput from '../core/super-input.js';
@@ -20,7 +20,7 @@ let Switch = class Switch extends SuperInput {
     constructor() {
         super(...arguments);
         /**
-         * Border style.
+         * Display rounded.
          */
         this.round = false;
         /**
@@ -28,11 +28,11 @@ let Switch = class Switch extends SuperInput {
          */
         this.checked = false;
         /**
-         * Whether this element is disabled or not.
+         * Disable this element.
          */
         this.disabled = false;
         /**
-         * Parsed by JSON.parse to checked.
+         * Default checked state.
          */
         this.default = "false";
         /**
@@ -41,7 +41,7 @@ let Switch = class Switch extends SuperInput {
         this.value = "on";
     }
     render() {
-        return html `<div part="root" class="${this.round ? "round" : "rect"}"><input part="input" @change="${this._handleChange}" ?disabled="${this.disabled}" ?checked="${this.checked}" name="${this.name}" id="${this.makeId}" type="checkbox"> <span class="${this.checked}"></span></div>`;
+        return html `<div part="root" class="${this.round ? "round" : "rect"}"><input part="input" @change="${this._handleChange}" ?disabled="${this.disabled}" ?checked="${this.checked}" name="${this.name}" id="${this.makeId}" type="checkbox"> <span part="handle" class="${this.checked}"></span></div>`;
     }
     reset() {
         this.checked = this.default === "true";
@@ -85,7 +85,7 @@ __decorate([
 ], Switch.prototype, "_input", void 0);
 Switch = __decorate([
     godown(protoName),
-    styles(css `:host{${cssScope}-width:3em;${cssScope}-height:calc(var(${cssScope}-width)/ 2);${cssScope}-handle-size:1.25em;${cssScope}-transition:.2s ease-in-out;background:var(${cssGlobalVars.input}-background);width:var(${cssScope}-width);height:var(${cssScope}-height);display:inline-block;vertical-align:bottom;border-radius:0}[part=root],span{transition:var(${cssScope}-transition)}[part=root]{border-radius:inherit;position:relative;height:inherit}[part=root],input{width:100%}input{margin:0;height:100%;outline:0;-webkit-appearance:none;appearance:none}span{height:100%;display:inline-flex;align-items:center;justify-content:center;position:absolute;left:0;width:50%;pointer-events:none;border-radius:inherit}:host([round]){border-radius:calc(var(${cssScope}-height)/ 2)}:host([checked]) span{transform:translateX(100%)}.rect .true{background:var(${cssGlobalVars.active})}.rect .false{background:var(${cssGlobalVars.passive})}.round span::after{--size:var(${cssScope}-handle-size);content:"";border-radius:100%;background:var(--godown--input-control);width:var(--size);height:var(--size)}.round{background:var(${cssGlobalVars.passive})}:host([checked]) .round{background:var(${cssGlobalVars.active})}`)
+    styles(css `:host{${cssScope}-width:3em;${cssScope}-height:calc(var(${cssScope}-width)/ 2);${cssScope}-handle-size:1.25em;${cssScope}-handle-space:.125em;${cssScope}-transition:.2s ease-in-out;background:var(${cssGlobalVars.input}-background);width:var(${cssScope}-width);height:var(${cssScope}-height);display:inline-block;vertical-align:bottom;border-radius:0}[part=root],span{transition:var(${cssScope}-transition)}[part=root]{border-radius:inherit;position:relative;height:inherit}[part=root],input{width:100%}input{opacity:0;height:100%;-webkit-appearance:none;appearance:none}span{height:100%;display:inline-flex;align-items:center;justify-content:center;position:absolute;left:0;width:50%;pointer-events:none;border-radius:inherit}:host([round]){border-radius:calc(var(${cssScope}-height)/ 2)}:host([checked]) span{left:50%}.rect .true{background:var(${cssGlobalVars.active})}.rect .false{background:var(${cssGlobalVars.passive})}.round span{--size:var(${cssScope}-handle-size);border-radius:100%;background:var(--godown--input-control);width:var(--size);height:var(--size);margin:var(${cssScope}-handle-space)}.round{background:var(${cssGlobalVars.passive})}:host([checked]) .round{background:var(${cssGlobalVars.active})}`)
 ], Switch);
 var Switch$1 = Switch;
 

package/components/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sources":["../src/components/switch.ts"],"sourcesContent":null,"names":[],"mappings":"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"}
+{"version":3,"file":"switch.js","sources":["../src/components/switch.ts"],"sourcesContent":null,"names":[],"mappings":"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"}

package/components/text.js

@@ -3,9 +3,9 @@ import { godown } from '@godown/element/decorators/godown.js';
 import { styles } from '@godown/element/decorators/styles.js';
 import { classList } from '@godown/element/directives/class-list.js';
 import { htmlSlot } from '@godown/element/directives/html-slot.js';
-import { css, html } from 'lit';
+import { html, css } from 'lit';
 import { property } from 'lit/decorators.js';
-import { scopePrefix, cssGlobalVars, GlobalStyle } from '../core/global-style.js';
+import { scopePrefix, GlobalStyle, cssGlobalVars } from '../core/global-style.js';
 
 const protoName = "text";
 const cssScope = scopePrefix(protoName);
@@ -36,7 +36,7 @@ __decorate([
 ], Text.prototype, "clip", void 0);
 Text = __decorate([
     godown(protoName),
-    styles(css `:host{${cssScope}--color:currentColor;${cssScope}--color-hover:currentColor;${cssScope}--color-active:currentColor;display:inline-block;text-overflow:ellipsis;overflow-wrap:break-word}span{white-space:nowrap;width:100%;vertical-align:bottom;display:inline-block;text-overflow:inherit;overflow-wrap:inherit;overflow:hidden;color:var(${cssScope}--color)}span:hover{color:var(${cssScope}--color-hover,var(${cssScope}--color))}span:active{color:var(${cssScope}--color-active,var(${cssScope}--color))}.active:active,.always,.hover:hover{text-decoration:underline}.none{text-decoration:none}.clip{background:var(${cssGlobalVars.clipBackground});display:inline-block;color:transparent;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}`)
+    styles(css `:host{${cssScope}--color:currentColor;${cssScope}--color-hover:currentColor;${cssScope}--color-active:currentColor;display:inline-block;text-overflow:ellipsis;overflow-wrap:break-word}[part=root]{white-space:nowrap;width:100%;vertical-align:bottom;display:inline-block;text-overflow:inherit;overflow-wrap:inherit;overflow:hidden;color:var(${cssScope}--color)}[part=root]:hover{color:var(${cssScope}--color-hover,var(${cssScope}--color))}[part=root]:active{color:var(${cssScope}--color-active,var(${cssScope}--color))}.active:active,.always,.hover:hover{text-decoration:underline}.none{text-decoration:none}.clip{background:var(${cssGlobalVars.clipBackground});display:inline-block;color:transparent;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}`)
 ], Text);
 var Text$1 = Text;
 

package/components/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sources":["../src/components/text.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;AASA,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;AAIG;AAGH,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW,CAAA;AAA9B,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAS,CAAA,SAAA,GAA2C,MAAM,CAAC;KAoB5D;IAZW,MAAM,GAAA;QACd,OAAO,IAAI,CAAA,CAGT,yBAAA,EAAA,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE;YACxB,IAAI,EAAE,IAAI,CAAC,IAAI;AAChB,SAAA,CACH,CAEI,EAAA,EAAA,QAAQ,EAAE,CAAA,OAAA,CACN,CAAC;KACV;CACF,CAAA;AApBC,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACgD,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAM3D,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AACd,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAXV,IAAI,GAAA,UAAA,CAAA;IAFT,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA,CAAS,MAAA,EAAA,QAAQ,wBAAwB,QAAQ,CAAA,2BAAA,EAA8B,QAAQ,CAAA,qPAAA,EAAwP,QAAQ,CAAA,8BAAA,EAAiC,QAAQ,CAAqB,kBAAA,EAAA,QAAQ,CAAmC,gCAAA,EAAA,QAAQ,CAAsB,mBAAA,EAAA,QAAQ,2HAA2H,aAAa,CAAC,cAAc,CAAA,+HAAA,CAAiI,CAAC;AACpwB,CAAA,EAAA,IAAI,CAyBT,CAAA;AAED,aAAe,IAAI;;;;"}
+{"version":3,"file":"text.js","sources":["../src/components/text.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;AASA,MAAM,SAAS,GAAG,MAAM;AAExB,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;AAEvC;;;;AAIE;AAGF,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW,CAAA;AAA9B,IAAA,WAAA,GAAA;;AACE;;AAEE;QAEF,IAAS,CAAA,SAAA,GAA2C,MAAM;;IAQhD,MAAM,GAAA;QACd,OAAO,IAAI,CAAA,CAGT,yBAAA,EAAA,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE;YACxB,IAAI,EAAE,IAAI,CAAC,IAAI;AAChB,SAAA,CACH,CAEI,EAAA,EAAA,QAAQ,EAAE,CAAA,OAAA,CACN;;CAEZ;AApBE,UAAA,CAAA;AADC,IAAA,QAAQ;AACiD,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA;AAM1D,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACd,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAXT,IAAI,GAAA,UAAA,CAAA;IAFT,MAAM,CAAC,SAAS,CAAA;IAChB,MAAM,CAAC,GAAG,CAAA,CAAS,MAAA,EAAA,QAAQ,wBAAwB,QAAQ,CAAA,2BAAA,EAA8B,QAAQ,CAAA,4PAAA,EAA+P,QAAQ,CAAA,qCAAA,EAAwC,QAAQ,CAAqB,kBAAA,EAAA,QAAQ,CAA0C,uCAAA,EAAA,QAAQ,CAAsB,mBAAA,EAAA,QAAQ,2HAA2H,aAAa,CAAC,cAAc,CAAA,+HAAA,CAAiI;AACxxB,CAAA,EAAA,IAAI,CAyBV;AAEA,aAAe,IAAI;;;;"}

package/components/time.d.ts

@@ -7,12 +7,11 @@ import { GlobalStyle } from "../core/global-style.js";
  */
 declare class Time extends GlobalStyle {
     /**
-     * Cancels the next character formatting.
+     * Escape symbol.
      */
     escape: string;
     /**
      * Format strings.
-     * {@linkcode Time.fmt}
      */
     format: string;
     /**
@@ -22,32 +21,17 @@ declare class Time extends GlobalStyle {
     /**
      * If there is a value, update every gap or timeout.
      */
-    timeout: number;
+    timeout: any;
     /**
      * The number of milliseconds that change with each update.
      */
-    gap: number;
-    timeoutId: number;
+    gap: any;
+    protected timeoutId: number;
     protected render(): string;
     protected firstUpdated(): void;
     protected updated(changedProperties: PropertyValues): void;
     disconnectedCallback(): void;
     startTimeout(): number;
-    /**
-     * Y for year\
-     * M for month\
-     * D for day\
-     * h for hour\
-     * m for minute\
-     * s for second\
-     * S for milli second\
-     * Z for time zone.
-     *
-     * @param fm Format string.
-     * @param tm Time.
-     * @returns Format result
-     */
-    static fmt(fm: string, tm: Date, em: string): string;
 }
 export default Time;
 //# sourceMappingURL=time.d.ts.map

package/components/time.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../src/components/time.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG/C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;GAIG;AACH,cAEM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,MAAM,SAAO;IACb;;;OAGG;IAEH,MAAM,SAA8B;IACpC;;OAEG;IAEH,IAAI,OAAc;IAClB;;OAEG;IAEH,OAAO,SAAK;IACZ;;OAEG;IAEH,GAAG,SAAK;IAER,SAAS,EAAE,MAAM,CAAC;IAElB,SAAS,CAAC,MAAM,IAAI,MAAM;IAI1B,SAAS,CAAC,YAAY;IAMtB,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAS1D,oBAAoB;IAIpB,YAAY;IAMZ;;;;;;;;;;;;;OAaG;IACH,MAAM,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM;CAwCrD;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../src/components/time.ts"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG/C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;GAIG;AACH,cAEM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,MAAM,SAAO;IAEb;;OAEG;IAEH,MAAM,SAA8B;IAEpC;;OAEG;IAEH,IAAI,OAAc;IAElB;;OAEG;IAEH,OAAO,MAAC;IAER;;OAEG;IAEH,GAAG,MAAC;IAEJ,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAE5B,SAAS,CAAC,MAAM,IAAI,MAAM;IAI1B,SAAS,CAAC,YAAY;IAMtB,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAS1D,oBAAoB;IAIpB,YAAY;CAKb;AAED,eAAe,IAAI,CAAC"}