godown 1.1.5 → 1.1.6

package/input-form/sign-form.js

@@ -1,119 +1,119 @@
-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 } from "../deps.js";
-import STD from "./std.js";
-import "./label-input.js";
-let SignForm = class SignForm extends STD {
-    constructor() {
-        super(...arguments);
-        this.name = "";
-        this.set = 2;
-    }
-    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 } from "../deps.js";
+import STD from "./std.js";
+import "./label-input.js";
+let SignForm = class SignForm extends STD {
+    constructor() {
+        super(...arguments);
+        this.name = "";
+        this.set = 2;
+    }
+    render() {
         return html `<form enctype="multipart/form-data">
       <slot name="pre"></slot>
       <main>${this.opt()}<slot></slot></main>
       <slot name="suf"></slot>
-    </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) {
-                node.reset();
-            }
-        });
-        const form = document.createElement("form");
-        for (const slot of this.shadowRoot.querySelectorAll("slot"))
-            for (const i of slot.assignedNodes()) {
-                if (i.reset) {
-                    i.reset();
-                }
-                form.appendChild(i.cloneNode(true));
-            }
-        form.reset();
-        for (const slot of this.shadowRoot.querySelectorAll("slot"))
-            for (const i of slot.assignedNodes()) {
-                if (i.name && form[i.name]) {
-                    i.value = form[i.name].value;
-                }
-            }
-        form.remove();
-    }
-    namevalue() {
-        const x = {};
-        const form = document.createElement("form");
-        form.enctype = "multipart/form-data";
-        for (const slot of this.shadowRoot.querySelectorAll("slot"))
-            for (const i of slot.assignedNodes()) {
-                if (i.namevalue) {
-                    const [name, value] = i.namevalue();
-                    if (name) {
-                        x[name] = value;
-                    }
-                }
-                else {
-                    form.appendChild(i.cloneNode(true));
-                }
-            }
-        const y = new FormData(form);
-        for (const [key, value] of y) {
-            x[key] = value;
-        }
-        each(this._form, (node) => {
-            if (node.namevalue) {
-                const [name, value] = node.namevalue();
-                if (name) {
-                    x[name] = value;
-                }
-            }
-        });
-        form.remove();
-        return [this.name, x];
-    }
-    FormData() {
-        const x = {};
-        const form = document.createElement("form");
-        form.enctype = "multipart/form-data";
-        for (const slot of this.shadowRoot.querySelectorAll("slot"))
-            for (const i of slot.assignedNodes()) {
-                if (i.FormData) {
-                    for (const [key, value] of i.FormData()) {
-                        x[key] = value;
-                    }
-                }
-                else {
-                    form.appendChild(i.cloneNode(true));
-                }
-            }
-        const y = new FormData(form);
-        each(this._form, (node) => {
-            if (node.namevalue) {
-                const [name, value] = node.namevalue();
-                if (name) {
-                    y.append(name, value);
-                }
-            }
-        });
-        for (const key in x) {
-            y.append(key, x[key]);
-        }
-        form.remove();
-        return y;
-    }
-};
-SignForm.styles = [
-    STD.styles,
+    </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) {
+                node.reset();
+            }
+        });
+        const form = document.createElement("form");
+        for (const slot of this.shadowRoot.querySelectorAll("slot"))
+            for (const i of slot.assignedNodes()) {
+                if (i.reset) {
+                    i.reset();
+                }
+                form.appendChild(i.cloneNode(true));
+            }
+        form.reset();
+        for (const slot of this.shadowRoot.querySelectorAll("slot"))
+            for (const i of slot.assignedNodes()) {
+                if (i.name && form[i.name]) {
+                    i.value = form[i.name].value;
+                }
+            }
+        form.remove();
+    }
+    namevalue() {
+        const x = {};
+        const form = document.createElement("form");
+        form.enctype = "multipart/form-data";
+        for (const slot of this.shadowRoot.querySelectorAll("slot"))
+            for (const i of slot.assignedNodes()) {
+                if (i.namevalue) {
+                    const [name, value] = i.namevalue();
+                    if (name) {
+                        x[name] = value;
+                    }
+                }
+                else {
+                    form.appendChild(i.cloneNode(true));
+                }
+            }
+        const y = new FormData(form);
+        for (const [key, value] of y) {
+            x[key] = value;
+        }
+        each(this._form, (node) => {
+            if (node.namevalue) {
+                const [name, value] = node.namevalue();
+                if (name) {
+                    x[name] = value;
+                }
+            }
+        });
+        form.remove();
+        return [this.name, x];
+    }
+    FormData() {
+        const x = {};
+        const form = document.createElement("form");
+        form.enctype = "multipart/form-data";
+        for (const slot of this.shadowRoot.querySelectorAll("slot"))
+            for (const i of slot.assignedNodes()) {
+                if (i.FormData) {
+                    for (const [key, value] of i.FormData()) {
+                        x[key] = value;
+                    }
+                }
+                else {
+                    form.appendChild(i.cloneNode(true));
+                }
+            }
+        const y = new FormData(form);
+        each(this._form, (node) => {
+            if (node.namevalue) {
+                const [name, value] = node.namevalue();
+                if (name) {
+                    y.append(name, value);
+                }
+            }
+        });
+        for (const key in x) {
+            y.append(key, x[key]);
+        }
+        form.remove();
+        return y;
+    }
+};
+SignForm.styles = [
+    STD.styles,
     css `
       :host {
         display: flow-root;
@@ -128,38 +128,38 @@ SignForm.styles = [
         display: flex;
         flex-direction: column;
       }
-    `,
-];
-__decorate([
-    property()
-], SignForm.prototype, "name", void 0);
-__decorate([
-    property({ type: Number })
-], SignForm.prototype, "set", void 0);
-__decorate([
-    query("form")
-], SignForm.prototype, "_form", void 0);
-SignForm = __decorate([
-    define("sign-form")
-], SignForm);
-export { SignForm };
-function each(node, callback) {
-    if (node) {
-        callback(node);
-        for (const i of node.childNodes) {
-            each(i, 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;
-    }
-};
-BaseForm = __decorate([
-    define("base-form")
-], BaseForm);
-export { BaseForm };
-export default SignForm;
+    `,
+];
+__decorate([
+    property()
+], SignForm.prototype, "name", void 0);
+__decorate([
+    property({ type: Number })
+], SignForm.prototype, "set", void 0);
+__decorate([
+    query("form")
+], SignForm.prototype, "_form", void 0);
+SignForm = __decorate([
+    define("sign-form")
+], SignForm);
+export { SignForm };
+function each(node, callback) {
+    if (node) {
+        callback(node);
+        for (const i of node.childNodes) {
+            each(i, 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;
+    }
+};
+BaseForm = __decorate([
+    define("base-form")
+], BaseForm);
+export { BaseForm };
+export default SignForm;

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

@@ -1,27 +1,27 @@
-import STD from "./std.js";
-export declare class SplitInput extends STD {
-    static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
-    name: string;
-    value: string;
-    max: number;
-    index: number;
-    autofocus: boolean;
-    _input: HTMLInputElement;
-    _spans: NodeListOf<HTMLSpanElement>;
-    current: number;
-    currentValue: Array<string | null>;
-    render(): import("lit-html").TemplateResult<1>;
-    firstUpdated(): void;
-    _handleInput(e: InputEvent): void;
-    focus(): void;
-    focusAt(i?: number): void;
-    blur(i?: number): void;
-    reset(): void;
-}
-export default SplitInput;
-declare global {
-    interface HTMLElementTagNameMap {
-        "split-input": SplitInput;
-    }
-}
+import STD from "./std.js";
+export declare class SplitInput extends STD {
+    static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
+    name: string;
+    value: string;
+    max: number;
+    index: number;
+    autofocus: boolean;
+    _input: HTMLInputElement;
+    _spans: NodeListOf<HTMLSpanElement>;
+    current: number;
+    currentValue: Array<string | null>;
+    render(): import("lit-html").TemplateResult<1>;
+    firstUpdated(): void;
+    _handleInput(e: InputEvent): void;
+    focus(): void;
+    focusAt(i?: number): void;
+    blur(i?: number): void;
+    reset(): void;
+}
+export default SplitInput;
+declare global {
+    interface HTMLElementTagNameMap {
+        "split-input": SplitInput;
+    }
+}
 //# sourceMappingURL=split-input.d.ts.map

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,20 @@
-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 { 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;
+}
 //# sourceMappingURL=std.d.ts.map