godown 1.1.5 → 1.2.0

package/input-form/split-input.js

@@ -1,107 +1,107 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { html, css, property, query, queryAll, define, cssvar } from "../deps.js";
-import STD from "./std.js";
-let SplitInput = class SplitInput extends STD {
-    constructor() {
-        super(...arguments);
-        this.name = "";
-        this.value = "";
-        this.max = 6;
-        this.index = -1;
-        this.autofocus = false;
-        this.current = 0;
-        this.currentValue = [];
-    }
-    render() {
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, css, property, query, queryAll, define, cssvar } from "../deps.js";
+import STD from "./std.js";
+let SplitInput = class SplitInput extends STD {
+    constructor() {
+        super(...arguments);
+        this.name = "";
+        this.value = "";
+        this.max = 6;
+        this.index = -1;
+        this.autofocus = false;
+        this.current = 0;
+        this.currentValue = [];
+    }
+    render() {
         return html `<main>
       <div>
-        ${Array(this.max)
-            .fill(0)
+        ${Array(this.max)
+            .fill(0)
             .map(() => html `<span><i></i></span>`)}
         <input @input=${this._handleInput} value="     " />
       </div>
-    </main>`;
-    }
-    firstUpdated() {
-        this._focusCheck();
-        this.currentValue = this.value.split("").concat(Array(this.max - this.value.length).fill(null));
-        this.current = this.index < 0 || this.index > this.max ? this.currentValue.indexOf(null) : this.index;
-        this._spans.forEach((span, index) => {
-            span.addEventListener("click", () => {
-                this.current = index;
-                this.focusAt();
-                this._input.focus();
-            });
-        });
-        document.addEventListener("click", (e) => {
-            if (!this.contains(e.target)) {
-                this.blur();
-            }
-        });
-    }
-    _handleInput(e) {
-        if (e.data === null) {
-            if (this.currentValue[this.current] !== null) {
-                this.currentValue[this.current] = null;
-            }
-            else {
-                this.currentValue[this.current - 1] = null;
-                this.current = this.current - 1 < 0 ? 0 : this.current - 1;
-            }
-        }
-        else {
-            this.currentValue[this.current] = e.data;
-            if (this.current + 1 >= this.max) {
-                this.current = this.currentValue.indexOf(null);
-                if (this.current === -1) {
-                    this.blur();
-                }
-            }
-            else {
-                this.current += 1;
-            }
-        }
-        this.focus();
-        this._spans.forEach((span, index) => {
-            span.querySelector("i").innerText = this.currentValue[index] || "";
-        });
-        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();
-    }
-    focusAt(i = this.current) {
-        var _a;
-        this._spans.forEach((span) => {
-            span.classList.remove("focus");
-        });
-        (_a = this._spans[i]) === null || _a === void 0 ? void 0 : _a.classList.add("focus");
-        this._input.value = "      ";
-    }
-    blur(i = this.current) {
-        var _a;
-        (_a = this._spans[i]) === null || _a === void 0 ? void 0 : _a.classList.remove("focus");
-        this._input.blur();
-    }
-    reset() {
-        this.currentValue = Array(this.max).fill(null);
-        this.current = 0;
-        this._spans.forEach((span) => {
-            span.querySelector("i").innerText = "";
-        });
-        this.value = "";
-        this.dispatchEvent(new CustomEvent("change", { detail: this.value }));
-    }
-};
-SplitInput.styles = [
-    STD.styles,
+    </main>`;
+    }
+    firstUpdated() {
+        this._focusCheck();
+        this.currentValue = this.value.split("").concat(Array(this.max - this.value.length).fill(null));
+        this.current = this.index < 0 || this.index > this.max ? this.currentValue.indexOf(null) : this.index;
+        this._spans.forEach((span, index) => {
+            span.addEventListener("click", () => {
+                this.current = index;
+                this.focusAt();
+                this._input.focus();
+            });
+        });
+        document.addEventListener("click", (e) => {
+            if (!this.contains(e.target)) {
+                this.blur();
+            }
+        });
+    }
+    _handleInput(e) {
+        if (e.data === null) {
+            if (this.currentValue[this.current] !== null) {
+                this.currentValue[this.current] = null;
+            }
+            else {
+                this.currentValue[this.current - 1] = null;
+                this.current = this.current - 1 < 0 ? 0 : this.current - 1;
+            }
+        }
+        else {
+            this.currentValue[this.current] = e.data;
+            if (this.current + 1 >= this.max) {
+                this.current = this.currentValue.indexOf(null);
+                if (this.current === -1) {
+                    this.blur();
+                }
+            }
+            else {
+                this.current += 1;
+            }
+        }
+        this.focus();
+        this._spans.forEach((span, index) => {
+            span.querySelector("i").innerText = this.currentValue[index] || "";
+        });
+        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();
+    }
+    focusAt(i = this.current) {
+        var _a;
+        this._spans.forEach((span) => {
+            span.classList.remove("focus");
+        });
+        (_a = this._spans[i]) === null || _a === void 0 ? void 0 : _a.classList.add("focus");
+        this._input.value = "      ";
+    }
+    blur(i = this.current) {
+        var _a;
+        (_a = this._spans[i]) === null || _a === void 0 ? void 0 : _a.classList.remove("focus");
+        this._input.blur();
+    }
+    reset() {
+        this.currentValue = Array(this.max).fill(null);
+        this.current = 0;
+        this._spans.forEach((span) => {
+            span.querySelector("i").innerText = "";
+        });
+        this.value = "";
+        this.dispatchEvent(new CustomEvent("change", { detail: this.value }));
+    }
+};
+SplitInput.styles = [
+    STD.styles,
     css `
       :host {
         display: inline-block;
@@ -151,31 +151,31 @@ SplitInput.styles = [
       .focus i {
         outline: 0.12em solid var(${cssvar}--input-true);
       }
-    `,
-];
-__decorate([
-    property()
-], SplitInput.prototype, "name", void 0);
-__decorate([
-    property()
-], SplitInput.prototype, "value", void 0);
-__decorate([
-    property({ type: Number })
-], SplitInput.prototype, "max", void 0);
-__decorate([
-    property({ type: Number })
-], SplitInput.prototype, "index", void 0);
-__decorate([
-    property({ type: Boolean })
-], SplitInput.prototype, "autofocus", void 0);
-__decorate([
-    query("input")
-], SplitInput.prototype, "_input", void 0);
-__decorate([
-    queryAll("span")
-], SplitInput.prototype, "_spans", void 0);
-SplitInput = __decorate([
-    define("split-input")
-], SplitInput);
-export { SplitInput };
-export default SplitInput;
+    `,
+];
+__decorate([
+    property()
+], SplitInput.prototype, "name", void 0);
+__decorate([
+    property()
+], SplitInput.prototype, "value", void 0);
+__decorate([
+    property({ type: Number })
+], SplitInput.prototype, "max", void 0);
+__decorate([
+    property({ type: Number })
+], SplitInput.prototype, "index", void 0);
+__decorate([
+    property({ type: Boolean })
+], SplitInput.prototype, "autofocus", void 0);
+__decorate([
+    query("input")
+], SplitInput.prototype, "_input", void 0);
+__decorate([
+    queryAll("span")
+], SplitInput.prototype, "_spans", void 0);
+SplitInput = __decorate([
+    define("split-input")
+], SplitInput);
+export { SplitInput };
+export default SplitInput;

package/input-form/std.d.ts

@@ -1,20 +1,21 @@
-import { GLOBSTD } from "../deps.js";
-export default class InputFormSTD extends GLOBSTD {
-    name: string;
-    value: any;
-    def: string;
-    _input: HTMLInputElement;
-    compositing: boolean;
-    autofocus: boolean;
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResultGroup[];
-    namevalue(): [string, any];
-    reset(): void;
-    _handleInput(e: any): void;
-    _handleChange(): void;
-    connectedCallback(): void;
-    _compositionCheck(): void;
-    _focusCheck(): void;
-    focus(options?: FocusOptions): void;
-    firstUpdated(): void;
-}
+import { CSSResultGroup, GLOBSTD } from "../deps.js";
+export type InputType = "hidden" | "text" | "search" | "tel" | "url" | "email" | "password" | "datetime" | "date" | "month" | "week" | "time" | "datetime-local" | "number" | "range" | "color" | "checkbox" | "radio" | "file" | "image";
+export default class InputFormSTD extends GLOBSTD {
+    name: string;
+    value: any;
+    def: string;
+    _input: HTMLInputElement;
+    compositing: boolean;
+    autofocus: boolean;
+    static styles: CSSResultGroup[];
+    namevalue(): [string, any];
+    reset(): void;
+    _handleInput(e: any): void;
+    _handleChange(): void;
+    connectedCallback(): void;
+    _compositionCheck(): void;
+    _focusCheck(): void;
+    focus(options?: FocusOptions): void;
+    firstUpdated(): void;
+}
 //# sourceMappingURL=std.d.ts.map

package/input-form/std.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/input-form/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAClD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,OAAO;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,gBAAgB,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,MAAM,8DAmBX;IACF,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;IAG1B,KAAK;IAIL,YAAY,CAAC,CAAC,EAAE,GAAG;IAOnB,aAAa;IAGb,iBAAiB;IAKjB,iBAAiB;IASjB,WAAW;IAKX,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAG5B,YAAY;CAIb"}
+{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/input-form/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAElE,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AAE1O,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,OAAO;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,gBAAgB,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,MAAM,mBAmBS;IACtB,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;IAG1B,KAAK;IAIL,YAAY,CAAC,CAAC,EAAE,GAAG;IAOnB,aAAa;IAGb,iBAAiB;IAKjB,iBAAiB;IASjB,WAAW;IAKX,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAG5B,YAAY;CAIb"}

package/input-form/std.js

@@ -1,56 +1,56 @@
-import { GLOBSTD, css, cssvar } from "../deps.js";
-export default class InputFormSTD extends GLOBSTD {
-    namevalue() {
-        return [this.name, this.value];
-    }
-    reset() {
-        this.value = this.def;
-        this._input.value = this.def;
-    }
-    _handleInput(e) {
-        e.stopPropagation();
-        this.value = e.target.value;
-        if (this.compositing)
-            return;
-        this.dispatchEvent(new CustomEvent("input", { detail: this.value, bubbles: true, composed: true }));
-        this.dispatchEvent(new CustomEvent("change", { detail: this.value, composed: true }));
-    }
-    _handleChange() {
-        this.dispatchEvent(new CustomEvent("change", { detail: this.value, composed: true }));
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        if (!this.def)
-            this.def = this.value || "";
-        if (!this.value)
-            this.value = this.def;
-    }
-    _compositionCheck() {
-        var _a, _b;
-        (_a = this._input) === null || _a === void 0 ? void 0 : _a.addEventListener("compositionstart", () => {
-            this.compositing = true;
-        });
-        (_b = this._input) === null || _b === void 0 ? void 0 : _b.addEventListener("compositionend", (e) => {
-            this.compositing = false;
-            this._handleInput(e);
-        });
-    }
-    _focusCheck() {
-        if (this.autofocus) {
-            this.focus();
-        }
-    }
-    focus(options) {
-        var _a;
-        (_a = this._input) === null || _a === void 0 ? void 0 : _a.focus(options);
-    }
-    firstUpdated() {
-        this._focusCheck();
-        this._compositionCheck();
-    }
-}
-InputFormSTD.styles = [
-    GLOBSTD.styles,
+import { GLOBSTD, css, cssvar } from "../deps.js";
+class InputFormSTD extends GLOBSTD {
+    namevalue() {
+        return [this.name, this.value];
+    }
+    reset() {
+        this.value = this.def;
+        this._input.value = this.def;
+    }
+    _handleInput(e) {
+        e.stopPropagation();
+        this.value = e.target.value;
+        if (this.compositing)
+            return;
+        this.dispatchEvent(new CustomEvent("input", { detail: this.value, bubbles: true, composed: true }));
+        this.dispatchEvent(new CustomEvent("change", { detail: this.value, composed: true }));
+    }
+    _handleChange() {
+        this.dispatchEvent(new CustomEvent("change", { detail: this.value, composed: true }));
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (!this.def)
+            this.def = this.value || "";
+        if (!this.value)
+            this.value = this.def;
+    }
+    _compositionCheck() {
+        var _a, _b;
+        (_a = this._input) === null || _a === void 0 ? void 0 : _a.addEventListener("compositionstart", () => {
+            this.compositing = true;
+        });
+        (_b = this._input) === null || _b === void 0 ? void 0 : _b.addEventListener("compositionend", (e) => {
+            this.compositing = false;
+            this._handleInput(e);
+        });
+    }
+    _focusCheck() {
+        if (this.autofocus) {
+            this.focus();
+        }
+    }
+    focus(options) {
+        var _a;
+        (_a = this._input) === null || _a === void 0 ? void 0 : _a.focus(options);
+    }
+    firstUpdated() {
+        this._focusCheck();
+        this._compositionCheck();
+    }
+}
+InputFormSTD.styles = [
+    GLOBSTD.styles,
     css `
       :host {
         ${cssvar}--text:rgb(240 240 240);
@@ -67,5 +67,6 @@ InputFormSTD.styles = [
         background-color: var(${cssvar}--input-true);
         border-radius: 0.1rem;
       }
-    `,
-];
+    `,
+];
+export default InputFormSTD;

package/input-form/switch-input.d.ts

@@ -1,23 +1,24 @@
-import STD from "./std.js";
-export declare class SwitchInput extends STD {
-    static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
-    checked: boolean;
-    disabled: boolean;
-    base: "fat" | "rect";
-    def: string;
-    name: string;
-    value: string;
-    _input: HTMLInputElement;
-    render(): import("lit-html").TemplateResult<1>;
-    reset(): void;
-    connectedCallback(): void;
-    _handleChange(): void;
-    namevalue(): [string, boolean];
-}
-export default SwitchInput;
-declare global {
-    interface HTMLElementTagNameMap {
-        "switch-input": SwitchInput;
-    }
-}
+import { CSSResultGroup } from "../deps.js";
+import STD from "./std.js";
+export declare class SwitchInput extends STD {
+    static styles: CSSResultGroup[];
+    checked: boolean;
+    disabled: boolean;
+    base: "fat" | "rect";
+    def: string;
+    name: string;
+    value: string;
+    _input: HTMLInputElement;
+    render(): import("lit").TemplateResult<1>;
+    reset(): void;
+    connectedCallback(): void;
+    _handleChange(): void;
+    namevalue(): [string, boolean];
+}
+export default SwitchInput;
+declare global {
+    interface HTMLElementTagNameMap {
+        "switch-input": SwitchInput;
+    }
+}
 //# sourceMappingURL=switch-input.d.ts.map

package/input-form/switch-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch-input.d.ts","sourceRoot":"","sources":["../../src/input-form/switch-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IAClC,MAAM,CAAC,MAAM,4FAwGX;IAC2B,OAAO,UAAS;IAChB,QAAQ,UAAS;IAClC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAU;IAC9B,GAAG,SAAW;IACd,IAAI,SAAc;IAClB,KAAK,SAAQ;IACT,MAAM,EAAE,gBAAgB,CAAC;IACzC,MAAM;IAUN,KAAK;IAIL,iBAAiB;IAQjB,aAAa;IAKb,SAAS,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;CAG/B;AACD,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
+{"version":3,"file":"switch-input.d.ts","sourceRoot":"","sources":["../../src/input-form/switch-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8C,cAAc,EAAE,MAAM,YAAY,CAAC;AACxF,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IAClC,MAAM,CAAC,MAAM,mBAwGS;IACO,OAAO,UAAS;IAChB,QAAQ,UAAS;IAClC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAU;IAC9B,GAAG,SAAW;IACd,IAAI,SAAc;IAClB,KAAK,SAAQ;IACT,MAAM,EAAE,gBAAgB,CAAC;IACzC,MAAM;IAUN,KAAK;IAIL,iBAAiB;IAQjB,aAAa;IAKb,SAAS,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;CAG/B;AACD,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

package/input-form/switch-input.js

@@ -1,22 +1,22 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { html, css, property, query, define, cssvar } from "../deps.js";
-import STD from "./std.js";
-let SwitchInput = class SwitchInput extends STD {
-    constructor() {
-        super(...arguments);
-        this.checked = false;
-        this.disabled = false;
-        this.base = "rect";
-        this.def = "false";
-        this.name = "checkbox";
-        this.value = "on";
-    }
-    render() {
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, css, property, query, define, cssvar } from "../deps.js";
+import STD from "./std.js";
+let SwitchInput = class SwitchInput extends STD {
+    constructor() {
+        super(...arguments);
+        this.checked = false;
+        this.disabled = false;
+        this.base = "rect";
+        this.def = "false";
+        this.name = "checkbox";
+        this.value = "on";
+    }
+    render() {
         return html `<span class=${this.base}>
       <input @change=${this._handleChange} ?disabled=${this.disabled} ?checked=${this.checked} name=${this.name} value=${this.value} type="checkbox" />
       <aside>
@@ -24,32 +24,32 @@ let SwitchInput = class SwitchInput extends STD {
         <div class="always"><slot></slot><slot name="always"></slot></div>
         <div class="true"><slot name="true"></slot></div>
       </aside>
-    </span>`;
-    }
-    reset() {
-        this.checked = this.def === "true";
-        this._input.checked = this.checked;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        if (this.checked) {
-            this.def = "true";
-        }
-        else if (this.def === "true") {
-            this.checked = true;
-        }
-    }
-    _handleChange() {
-        this.checked = this._input.checked;
-        this.dispatchEvent(new CustomEvent("input", { detail: this.checked, bubbles: true, composed: true }));
-        this.dispatchEvent(new CustomEvent("change", { detail: this.checked, composed: true }));
-    }
-    namevalue() {
-        return [this.name, this.checked];
-    }
-};
-SwitchInput.styles = [
-    STD.styles,
+    </span>`;
+    }
+    reset() {
+        this.checked = this.def === "true";
+        this._input.checked = this.checked;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.checked) {
+            this.def = "true";
+        }
+        else if (this.def === "true") {
+            this.checked = true;
+        }
+    }
+    _handleChange() {
+        this.checked = this._input.checked;
+        this.dispatchEvent(new CustomEvent("input", { detail: this.checked, bubbles: true, composed: true }));
+        this.dispatchEvent(new CustomEvent("change", { detail: this.checked, composed: true }));
+    }
+    namevalue() {
+        return [this.name, this.checked];
+    }
+};
+SwitchInput.styles = [
+    STD.styles,
     css `
       :host {
         width: 3em;
@@ -151,31 +151,31 @@ SwitchInput.styles = [
       .fat div.true {
         display: none;
       }
-    `,
-];
-__decorate([
-    property({ type: Boolean })
-], SwitchInput.prototype, "checked", void 0);
-__decorate([
-    property({ type: Boolean })
-], SwitchInput.prototype, "disabled", void 0);
-__decorate([
-    property()
-], SwitchInput.prototype, "base", void 0);
-__decorate([
-    property()
-], SwitchInput.prototype, "def", void 0);
-__decorate([
-    property()
-], SwitchInput.prototype, "name", void 0);
-__decorate([
-    property()
-], SwitchInput.prototype, "value", void 0);
-__decorate([
-    query("input")
-], SwitchInput.prototype, "_input", void 0);
-SwitchInput = __decorate([
-    define("switch-input")
-], SwitchInput);
-export { SwitchInput };
-export default SwitchInput;
+    `,
+];
+__decorate([
+    property({ type: Boolean })
+], SwitchInput.prototype, "checked", void 0);
+__decorate([
+    property({ type: Boolean })
+], SwitchInput.prototype, "disabled", void 0);
+__decorate([
+    property()
+], SwitchInput.prototype, "base", void 0);
+__decorate([
+    property()
+], SwitchInput.prototype, "def", void 0);
+__decorate([
+    property()
+], SwitchInput.prototype, "name", void 0);
+__decorate([
+    property()
+], SwitchInput.prototype, "value", void 0);
+__decorate([
+    query("input")
+], SwitchInput.prototype, "_input", void 0);
+SwitchInput = __decorate([
+    define("switch-input")
+], SwitchInput);
+export { SwitchInput };
+export default SwitchInput;