godown 1.1.4 → 1.1.6

package/input-form/split-input.js

@@ -1,173 +1,181 @@
-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).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;
-                this.current = this.current;
-            }
-            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;
-      width: fit-content;
-    }
-    main{
-      display:flex;
-    }
-    *{
-      font-size: 1em;
-    }
-    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;
-      padding: 0.1em;
-      height: 1.0275em;
-      pointer-events: all;
-    }
-    i {
-      height: inherit;
-      width: 100%;
-      z-index: 1;
-      background-color: var(${cssvar}--input-false);
-      font-style: normal;
-      text-align: center;
-      font-size: 80%;
-      line-height: 1.09;
-    }
-    input {
-      border:0;
-      opacity: 0;
-      left: 0;
-      position: absolute;
-      background-color: tan;
-      right: 0;
-      top: 0;
-      bottom: 0;
-    }
-    .focus i {
-      outline: .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;
+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)
+            .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,
+    css `
+      :host {
+        display: inline-block;
+        width: fit-content;
+      }
+      main {
+        display: flex;
+      }
+      * {
+        font-size: 1em;
+      }
+      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;
+        padding: 0.1em;
+        height: 1.0275em;
+        pointer-events: all;
+      }
+      i {
+        height: inherit;
+        width: 100%;
+        z-index: 1;
+        background-color: var(${cssvar}--input-false);
+        font-style: normal;
+        text-align: center;
+        font-size: 80%;
+        line-height: 1.09;
+      }
+      input {
+        border: 0;
+        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);
+      }
+    `,
+];
+__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(): 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

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,8DAgBZ;IACD,SAAS;IAGT,KAAK;IAIL,YAAY,CAAC,CAAC,EAAE,GAAG;IAOnB,aAAa;IAGb,iBAAiB;IAKjB,iBAAiB;IAUjB,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,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"}

package/input-form/std.js

@@ -1,68 +1,72 @@
-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, css `
-:host{
-  ${cssvar}--text:rgb(240 240 240);
-  ${cssvar}--input-outline: rgb(25 130 180);
-  ${cssvar}--input-outline-focus: rgb(29 155 180);
-  ${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;
-}
-::-webkit-calendar-picker-indicator {
-  background-color: var(${cssvar}--input-true);
-  border-radius: .1rem;
-}
-`];
+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);
+        ${cssvar}--input-outline: rgb(25 130 180);
+        ${cssvar}--input-outline-focus: rgb(29 155 180);
+        ${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;
+      }
+      ::-webkit-calendar-picker-indicator {
+        background-color: var(${cssvar}--input-true);
+        border-radius: 0.1rem;
+      }
+    `,
+];
+export default InputFormSTD;

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

@@ -1,23 +1,23 @@
-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").TemplateResult<1>;
-    reset(): void;
-    connectedCallback(): void;
-    _handleChange(): void;
-    namevalue(): (string | boolean)[];
-}
-export default SwitchInput;
-declare global {
-    interface HTMLElementTagNameMap {
-        "switch-input": SwitchInput;
-    }
-}
+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;
+    }
+}
 //# 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,4FAmGP;IACuB,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;IASN,KAAK;IAIL,iBAAiB;IAQjB,aAAa;IAKb,SAAS;CAGV;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":"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"}