godown 1.2.0 → 2.0.0

package/input-form/sign-form.js

@@ -4,29 +4,21 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 } from "../deps.js";
-import STD from "./std.js";
-import "./label-input.js";
-let SignForm = class SignForm extends STD {
+import { css, define, html, property, query, queryAll } from "../deps.js";
+import { htmlSlot } from "../tmpl.js";
+import InputFormSTD from "./std.js";
+let BaseForm = class BaseForm extends InputFormSTD {
     constructor() {
         super(...arguments);
-        this.name = "";
-        this.set = 2;
+        this.enctype = "multipart/form-data";
     }
     render() {
         return html `<form enctype="multipart/form-data">
-      <slot name="pre"></slot>
-      <main>${this.opt()}<slot></slot></main>
-      <slot name="suf"></slot>
+      ${htmlSlot("pre")}
+      <main>${htmlSlot()}</main>
+      ${htmlSlot("suf")}
     </form>`;
     }
-    opt() {
-        const result = [];
-        for (let i = 0; i <= this.set - 1; i++) {
-            opts[i] && result.push(opts[i]);
-        }
-        return result;
-    }
     reset() {
         each(this._form, (node) => {
             if (node.reset) {
@@ -50,10 +42,10 @@ let SignForm = class SignForm extends STD {
             }
         form.remove();
     }
-    namevalue() {
+    namevalue(enctype = this.enctype) {
         const x = {};
         const form = document.createElement("form");
-        form.enctype = "multipart/form-data";
+        form.enctype = enctype;
         for (const slot of this.shadowRoot.querySelectorAll("slot"))
             for (const i of slot.assignedNodes()) {
                 if (i.namevalue) {
@@ -85,7 +77,7 @@ let SignForm = class SignForm extends STD {
         const x = {};
         const form = document.createElement("form");
         form.enctype = "multipart/form-data";
-        for (const slot of this.shadowRoot.querySelectorAll("slot"))
+        for (const slot of this._slots)
             for (const i of slot.assignedNodes()) {
                 if (i.FormData) {
                     for (const [key, value] of i.FormData()) {
@@ -112,18 +104,19 @@ let SignForm = class SignForm extends STD {
         return y;
     }
 };
-SignForm.styles = [
-    STD.styles,
+BaseForm.styles = [
     css `
       :host {
         display: flow-root;
       }
+
       form {
         display: flex;
         flex-direction: column;
         align-items: center;
         margin: 0;
       }
+
       main {
         display: flex;
         flex-direction: column;
@@ -132,17 +125,17 @@ SignForm.styles = [
 ];
 __decorate([
     property()
-], SignForm.prototype, "name", void 0);
-__decorate([
-    property({ type: Number })
-], SignForm.prototype, "set", void 0);
+], BaseForm.prototype, "enctype", void 0);
 __decorate([
     query("form")
-], SignForm.prototype, "_form", void 0);
-SignForm = __decorate([
-    define("sign-form")
-], SignForm);
-export { SignForm };
+], BaseForm.prototype, "_form", void 0);
+__decorate([
+    queryAll("slot")
+], BaseForm.prototype, "_slots", void 0);
+BaseForm = __decorate([
+    define("base-form")
+], BaseForm);
+export { BaseForm };
 function each(node, callback) {
     if (node) {
         callback(node);
@@ -151,15 +144,11 @@ function each(node, callback) {
         }
     }
 }
-const opts = [html `<label-input label="E-mail" style="margin: 0.25em 0;" type="email"></label-input>`, html `<label-input label="Password" style="margin: 0.25em 0;" type="password"></label-input>`];
-let BaseForm = class BaseForm extends SignForm {
-    constructor() {
-        super();
-        this.set = 0;
-    }
+let SignForm = class SignForm extends BaseForm {
 };
-BaseForm = __decorate([
-    define("base-form")
-], BaseForm);
-export { BaseForm };
+SignForm = __decorate([
+    define("sign-form")
+], SignForm);
+export { SignForm };
 export default SignForm;
+//# sourceMappingURL=sign-form.js.map

package/input-form/sign-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sign-form.js","sourceRoot":"","sources":["../../src/input-form/sign-form.ts"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from "../deps.js";
-import STD from "./std.js";
-export declare class SplitInput extends STD {
+import InputFormSTD from "./std.js";
+export declare class SplitInput extends InputFormSTD {
     static styles: CSSResultGroup[];
     name: string;
     value: string;
@@ -10,7 +10,7 @@ export declare class SplitInput extends STD {
     _input: HTMLInputElement;
     _spans: NodeListOf<HTMLSpanElement>;
     current: number;
-    currentValue: Array<string | null>;
+    currentValue: (string | null)[];
     render(): import("lit").TemplateResult<1>;
     firstUpdated(): void;
     _handleInput(e: InputEvent): void;

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

@@ -1 +1 @@
-{"version":3,"file":"split-input.d.ts","sourceRoot":"","sources":["../../src/input-form/split-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwD,cAAc,EAAE,MAAM,YAAY,CAAC;AAClG,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,UAAW,SAAQ,GAAG;IACjC,MAAM,CAAC,MAAM,mBAoDS;IACV,IAAI,SAAM;IACV,KAAK,SAAM;IACK,GAAG,SAAK;IACR,KAAK,SAAM;IACV,SAAS,UAAS;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACvB,MAAM,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IACtD,OAAO,EAAE,MAAM,CAAK;IACpB,YAAY,EAAE,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAM;IACxC,MAAM;IAUN,YAAY;IAiBZ,YAAY,CAAC,CAAC,EAAE,UAAU;IA2B1B,KAAK;IAGL,OAAO,CAAC,CAAC,SAAe;IAOxB,IAAI,CAAC,CAAC,SAAe;IAIrB,KAAK;CASN;AACD,eAAe,UAAU,CAAC;AAC1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
+{"version":3,"file":"split-input.d.ts","sourceRoot":"","sources":["../../src/input-form/split-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAmD,MAAM,YAAY,CAAC;AAClG,OAAO,YAAY,MAAM,UAAU,CAAC;AAEpC,qBACa,UAAW,SAAQ,YAAY;IAC1C,MAAM,CAAC,MAAM,mBAwDS;IACV,IAAI,SAAU;IACd,KAAK,SAAM;IACK,GAAG,SAAK;IACR,KAAK,SAAM;IACV,SAAS,UAAS;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACvB,MAAM,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IACtD,OAAO,SAAK;IACZ,YAAY,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAM;IAErC,MAAM;IAWN,YAAY;IAkBZ,YAAY,CAAC,CAAC,EAAE,UAAU;IA4B1B,KAAK;IAIL,OAAO,CAAC,CAAC,SAAe;IAQxB,IAAI,CAAC,CAAC,SAAe;IAKrB,KAAK;CASN;AAED,eAAe,UAAU,CAAC;AAC1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/input-form/split-input.js

@@ -4,12 +4,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 {
+import { css, cssvar, define, html, property, query, queryAll } from "../deps.js";
+import InputFormSTD from "./std.js";
+let SplitInput = class SplitInput extends InputFormSTD {
     constructor() {
         super(...arguments);
-        this.name = "";
+        this.name = "code";
         this.value = "";
         this.max = 6;
         this.index = -1;
@@ -18,27 +18,27 @@ let SplitInput = class SplitInput extends STD {
         this.currentValue = [];
     }
     render() {
-        return html `<main>
+        return html `
       <div>
         ${Array(this.max)
             .fill(0)
             .map(() => html `<span><i></i></span>`)}
-        <input @input=${this._handleInput} value="     " />
+        <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.addEvent(span, "click", () => {
                 this.current = index;
                 this.focusAt();
                 this._input.focus();
             });
         });
-        document.addEventListener("click", (e) => {
+        this.addEvent(document, "click", (e) => {
             if (!this.contains(e.target)) {
                 this.blur();
             }
@@ -101,33 +101,37 @@ let SplitInput = class SplitInput extends STD {
     }
 };
 SplitInput.styles = [
-    STD.styles,
+    InputFormSTD.styles,
     css `
       :host {
-        display: inline-block;
+        ${cssvar}--splited-width: .12em;
+        display: inline-flex;
         width: fit-content;
+        border-radius: 0.1px;
+        font-size: 147%;
       }
-      main {
-        display: flex;
-      }
+
       * {
         font-size: 1em;
+        border-radius: inherit;
       }
+
       div {
         vertical-align: top;
         position: relative;
         display: inline-flex;
-        font-size: 116%;
       }
+
       span {
         box-sizing: content-box;
         vertical-align: top;
         display: inline-flex;
-        width: 1.0275em;
+        width: 1em;
         padding: 0.1em;
-        height: 1.0275em;
+        height: 1em;
         pointer-events: all;
       }
+
       i {
         height: inherit;
         width: 100%;
@@ -136,20 +140,20 @@ SplitInput.styles = [
         font-style: normal;
         text-align: center;
         font-size: 80%;
-        line-height: 1.09;
+        line-height: unset;
       }
+
       input {
-        border: 0;
+        position: absolute;
         opacity: 0;
         left: 0;
-        position: absolute;
-        background-color: tan;
         right: 0;
         top: 0;
         bottom: 0;
       }
+
       .focus i {
-        outline: 0.12em solid var(${cssvar}--input-true);
+        outline: var(${cssvar}--splited-width) solid var(${cssvar}--input-true);
       }
     `,
 ];
@@ -179,3 +183,4 @@ SplitInput = __decorate([
 ], SplitInput);
 export { SplitInput };
 export default SplitInput;
+//# sourceMappingURL=split-input.js.map

package/input-form/split-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-input.js","sourceRoot":"","sources":["../../src/input-form/split-input.ts"],"names":[],"mappings":"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"}

package/input-form/std.d.ts

@@ -1,21 +1,25 @@
-import { CSSResultGroup, GLOBSTD } from "../deps.js";
+import { CSSResultGroup, GlobalSTD } 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 {
+export default class InputFormSTD extends GlobalSTD {
+    static styles: CSSResultGroup[];
     name: string;
-    value: any;
+    value: string | any;
     def: string;
     _input: HTMLInputElement;
     compositing: boolean;
     autofocus: boolean;
-    static styles: CSSResultGroup[];
+    label?: string;
+    type?: string;
     namevalue(): [string, any];
+    nameValue: () => [string, any];
     reset(): void;
-    _handleInput(e: any): void;
-    _handleChange(): void;
+    protected _handleInput(e: any): void;
+    protected _handleChange(): void;
     connectedCallback(): void;
-    _compositionCheck(): void;
-    _focusCheck(): void;
+    protected _compositionCheck(): void;
+    protected _focusCheck(): void;
     focus(options?: FocusOptions): void;
     firstUpdated(): void;
+    protected targetValue(e: Event): string;
 }
 //# 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,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"}
+{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/input-form/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAU,SAAS,EAAY,MAAM,YAAY,CAAC;AAE9E,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,SAAS;IACjD,MAAM,CAAC,MAAM,mBA0BS;IACV,IAAI,EAAE,MAAM,CAAa;IACzB,KAAK,EAAE,MAAM,GAAG,GAAG,CAAa;IAC5C,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,gBAAgB,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;IAI1B,SAAS,sBAAiE;IAE1E,KAAK;IAKL,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,GAAG;IAQ7B,SAAS,CAAC,aAAa;IAIvB,iBAAiB;IAejB,SAAS,CAAC,iBAAiB;IAY3B,SAAS,CAAC,WAAW;IAMrB,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAI5B,YAAY;IAKZ,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK;CAO/B"}

package/input-form/std.js

@@ -1,5 +1,17 @@
-import { GLOBSTD, css, cssvar } from "../deps.js";
-class InputFormSTD extends GLOBSTD {
+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 { css, cssvar, GlobalSTD, property } from "../deps.js";
+class InputFormSTD extends GlobalSTD {
+    constructor() {
+        super(...arguments);
+        this.name = undefined;
+        this.value = undefined;
+        this.nameValue = () => this.namevalue();
+    }
     namevalue() {
         return [this.name, this.value];
     }
@@ -8,8 +20,9 @@ class InputFormSTD extends GLOBSTD {
         this._input.value = this.def;
     }
     _handleInput(e) {
+        var _a;
         e.stopPropagation();
-        this.value = e.target.value;
+        this.value = (_a = e.target.value) === null || _a === void 0 ? void 0 : _a.trim();
         if (this.compositing)
             return;
         this.dispatchEvent(new CustomEvent("input", { detail: this.value, bubbles: true, composed: true }));
@@ -20,20 +33,28 @@ class InputFormSTD extends GLOBSTD {
     }
     connectedCallback() {
         super.connectedCallback();
-        if (!this.def)
+        if (!this.def) {
             this.def = this.value || "";
-        if (!this.value)
+        }
+        if (!this.value) {
             this.value = this.def;
+        }
+        if (!this.name) {
+            if (this.label || this.type) {
+                this.name = this.label || this.type;
+            }
+        }
     }
     _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);
-        });
+        if (this._input) {
+            this.addEvent(this._input, "compositionstart", () => {
+                this.compositing = true;
+            });
+            this.addEvent(this._input, "compositionend", (e) => {
+                this.compositing = false;
+                this._handleInput(e);
+            });
+        }
     }
     _focusCheck() {
         if (this.autofocus) {
@@ -48,25 +69,46 @@ class InputFormSTD extends GLOBSTD {
         this._focusCheck();
         this._compositionCheck();
     }
+    targetValue(e) {
+        const target = e.target;
+        if (target.value.trim) {
+            return target.value.trim();
+        }
+        return target.value;
+    }
 }
 InputFormSTD.styles = [
-    GLOBSTD.styles,
+    GlobalSTD.styles,
     css `
       :host {
-        ${cssvar}--text:rgb(240 240 240);
+        ${cssvar}--text: rgb(240 240 240);
         ${cssvar}--input-outline: rgb(25 130 180);
         ${cssvar}--input-outline-focus: rgb(29 155 180);
+        ${cssvar}--input-outline-width: .15em;
         ${cssvar}--input-background: rgb(24 24 24);
         ${cssvar}--input-background-hover: rgb(42 42 42);
-        ${cssvar}--input-control:rgb(244 244 244);
         ${cssvar}--input-true: rgb(47 129 237);
         ${cssvar}--input-false: rgb(204 204 204);
         ${cssvar}--input-width: 10.6rem;
+        ${cssvar}--input-height: 1.6em;
       }
+
       ::-webkit-calendar-picker-indicator {
         background-color: var(${cssvar}--input-true);
         border-radius: 0.1rem;
       }
+
+      :host(:focus),
+      :host(:focus-within) {
+        outline-color: var(${cssvar}--input-outline);
+      }
     `,
 ];
 export default InputFormSTD;
+__decorate([
+    property()
+], InputFormSTD.prototype, "name", void 0);
+__decorate([
+    property()
+], InputFormSTD.prototype, "value", void 0);
+//# sourceMappingURL=std.js.map

package/input-form/std.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"std.js","sourceRoot":"","sources":["../../src/input-form/std.ts"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from "../deps.js";
-import STD from "./std.js";
-export declare class SwitchInput extends STD {
+import InputFormSTD from "./std.js";
+export declare class SwitchInput extends InputFormSTD {
     static styles: CSSResultGroup[];
     checked: boolean;
     disabled: boolean;
@@ -12,7 +12,7 @@ export declare class SwitchInput extends STD {
     render(): import("lit").TemplateResult<1>;
     reset(): void;
     connectedCallback(): void;
-    _handleChange(): void;
+    protected _handleChange(): void;
     namevalue(): [string, boolean];
 }
 export default SwitchInput;

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":"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"}
+{"version":3,"file":"switch-input.d.ts","sourceRoot":"","sources":["../../src/input-form/switch-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAyC,MAAM,YAAY,CAAC;AAExF,OAAO,YAAY,MAAM,UAAU,CAAC;AAEpC,qBACa,WAAY,SAAQ,YAAY;IAC3C,MAAM,CAAC,MAAM,mBA0HS;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;IAEzC,MAAM;IAWN,KAAK;IAKL,iBAAiB;IASjB,SAAS,CAAC,aAAa;IAMvB,SAAS,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;CAG/B;AAED,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

package/input-form/switch-input.js

@@ -4,9 +4,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 {
+import { css, cssvar, define, html, property, query } from "../deps.js";
+import { htmlSlot } from "../tmpl.js";
+import InputFormSTD from "./std.js";
+let SwitchInput = class SwitchInput extends InputFormSTD {
     constructor() {
         super(...arguments);
         this.checked = false;
@@ -17,11 +18,11 @@ let SwitchInput = class SwitchInput extends STD {
         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" />
+        return html `<span class="${this.base}">
+      <input @change="${this._handleChange}" ?disabled="${this.disabled}" ?checked="${this.checked}" name="${this.name}" type="checkbox" />
       <aside>
         <div class="false"><slot name="false"></slot></div>
-        <div class="always"><slot></slot><slot name="always"></slot></div>
+        <div class="always">${htmlSlot()}<slot name="always"></slot></div>
         <div class="true"><slot name="true"></slot></div>
       </aside>
     </span>`;
@@ -49,12 +50,13 @@ let SwitchInput = class SwitchInput extends STD {
     }
 };
 SwitchInput.styles = [
-    STD.styles,
+    InputFormSTD.styles,
     css `
       :host {
         width: 3em;
         height: 1.5em;
       }
+
       :host,
       span {
         display: inline-flex;
@@ -63,10 +65,12 @@ SwitchInput.styles = [
         align-items: center;
         border-radius: inherit;
       }
+
       span {
         width: inherit;
         height: inherit;
       }
+
       input {
         width: inherit;
         height: inherit;
@@ -81,6 +85,7 @@ SwitchInput.styles = [
         border-radius: inherit;
         transition: all 0.3s;
       }
+
       aside {
         pointer-events: none;
         transition: 0.3s;
@@ -92,37 +97,46 @@ SwitchInput.styles = [
         overflow: hidden;
         border-radius: inherit;
       }
+
       aside div {
         height: 100%;
       }
+
       input[disabled] ~ aside {
         filter: brightness(0.87);
       }
+
       .rect div.always {
         display: none;
       }
+
       .always {
         position: absolute;
       }
+
       .rect aside {
         height: 100%;
         width: 100%;
         left: 0;
       }
+
       .rect .true,
       .rect .false {
         width: 50%;
         text-align: center;
         transition: all 0.3s;
       }
+
       .rect input:checked ~ aside div.true,
       .rect .false {
         background-color: var(${cssvar}--input-true);
       }
+
       .rect input:checked ~ aside div.false,
       .rect .true {
         background-color: var(${cssvar}--input-false);
       }
+
       .fat aside {
         width: 1.2em;
         height: 1.2em;
@@ -133,20 +147,25 @@ SwitchInput.styles = [
         top: 0.15em;
         bottom: 0.15em;
       }
+
       .fat {
         border-radius: 0.75em;
       }
+
       .fat input:checked {
         background-color: var(${cssvar}--input-true);
       }
+
       .fat input:checked ~ aside {
         left: calc(100% - 0.15em - 1.2em);
         right: 0.15em;
       }
+
       .fat input:checked ~ aside div.true,
       .fat div.false {
         display: block;
       }
+
       .fat input:checked ~ aside div.false,
       .fat div.true {
         display: none;
@@ -179,3 +198,4 @@ SwitchInput = __decorate([
 ], SwitchInput);
 export { SwitchInput };
 export default SwitchInput;
+//# sourceMappingURL=switch-input.js.map

package/input-form/switch-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-input.js","sourceRoot":"","sources":["../../src/input-form/switch-input.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAkB,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,YAAY,MAAM,UAAU,CAAC;AAG7B,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,YAAY;IAAtC;;QA4HwB,YAAO,GAAG,KAAK,CAAC;QAChB,aAAQ,GAAG,KAAK,CAAC;QAClC,SAAI,GAAmB,MAAM,CAAC;QAC9B,QAAG,GAAG,OAAO,CAAC;QACd,SAAI,GAAG,UAAU,CAAC;QAClB,UAAK,GAAG,IAAI,CAAC;IAqC3B,CAAC;IAlCC,MAAM;QACJ,OAAO,IAAI,CAAA,gBAAgB,IAAI,CAAC,IAAI;wBAChB,IAAI,CAAC,aAAa,gBAAgB,IAAI,CAAC,QAAQ,eAAe,IAAI,CAAC,OAAO,WAAW,IAAI,CAAC,IAAI;;;8BAGxF,QAAQ,EAAE;;;YAG5B,CAAC;IACX,CAAC;IAED,KAAK;QACH,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,KAAK,MAAM,CAAC;QACnC,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;IACrC,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC;SACnB;aAAM,IAAI,IAAI,CAAC,GAAG,KAAK,MAAM,EAAE;YAC9B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;SACrB;IACH,CAAC;IAES,aAAa;QACrB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;QACnC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACtG,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC1F,CAAC;IAED,SAAS;QACP,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IACnC,CAAC;;AApKM,kBAAM,GAAG;IACd,YAAY,CAAC,MAAM;IACnB,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCA8ByB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAgDN,MAAM;;;;;gCAKN,MAAM;;;;;;;gCAON,MAAM;;;;;;;;;;;;gCAYN,MAAM;;;;;;;;;;;;;;;;;KAiBjC;CACkB,AA1HR,CA0HS;AACO;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CAAiB;AAChB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CAAkB;AAClC;IAAX,QAAQ,EAAE;yCAA+B;AAC9B;IAAX,QAAQ,EAAE;wCAAe;AACd;IAAX,QAAQ,EAAE;yCAAmB;AAClB;IAAX,QAAQ,EAAE;0CAAc;AACT;IAAf,KAAK,CAAC,OAAO,CAAC;2CAA0B;AAlI9B,WAAW;IADvB,MAAM,CAAC,cAAc,CAAC;GACV,WAAW,CAsKvB;;AAED,eAAe,WAAW,CAAC"}

package/items/alert-item.d.ts

@@ -1,6 +1,6 @@
-import STD from "./std.js";
-export declare class AlertItem extends STD {
-    static styles: import("lit").CSSResult;
+import ItemsSTD from "./std.js";
+export declare class AlertItem extends ItemsSTD {
+    static styles: import("lit").CSSResult[];
     call: "success" | "info" | "warning" | "danger" | "hide";
     autoclose: number;
     title: string;