godown 1.1.5 → 1.2.0

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

@@ -1,32 +1,36 @@
-import STD from "./std.js";
-export declare class SelectInput extends STD {
-    static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
-    open: boolean;
-    selcls: string;
-    pla: any;
-    only: boolean;
-    def: string;
-    value: any[];
-    name: string;
-    text: Array<string>;
-    autofocus: boolean;
-    get assigned(): any;
-    _input: HTMLInputElement;
-    _aside: HTMLInputElement;
-    render(): import("lit-html").TemplateResult<1>;
-    lists(): any[];
-    _focusCheck(): void;
-    focus(options?: FocusOptions): void;
-    firstUpdated(): void;
-    select(value: string, text?: string): void;
-    _handleInput(): void;
-    namevalue(): [string, any[]] | [string, any];
-    reset(): void;
-}
-export default SelectInput;
-declare global {
-    interface HTMLElementTagNameMap {
-        "select-input": SelectInput;
-    }
-}
+import { CSSResultGroup } from "../deps.js";
+import STD from "./std.js";
+export declare class SelectInput extends STD {
+    static styles: CSSResultGroup[];
+    open: boolean;
+    selcls: string;
+    pla?: string;
+    only: boolean;
+    def: string;
+    value: any[];
+    name: string;
+    text: Array<string>;
+    autofocus: boolean;
+    get assigned(): any;
+    _input: HTMLInputElement;
+    _aside: HTMLInputElement;
+    render(): import("lit").TemplateResult<1>;
+    lists(): any[];
+    _focusCheck(): void;
+    focus(options?: FocusOptions): void;
+    connectedCallback(): void;
+    getIndexFunc(option: HTMLOptionElement | any): any;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    select(value: string, text?: string): void;
+    _handleInput(): void;
+    namevalue(): [string, any[]] | [string, any];
+    reset(): void;
+}
+export default SelectInput;
+declare global {
+    interface HTMLElementTagNameMap {
+        "select-input": SelectInput;
+    }
+}
 //# sourceMappingURL=select-input.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"select-input.d.ts","sourceRoot":"","sources":["../../src/input-form/select-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IAClC,MAAM,CAAC,MAAM,4FA8EX;IAC0C,IAAI,UAAS;IAC7C,MAAM,SAA0C;IAChD,GAAG,MAAa;IACC,IAAI,UAAS;IAC9B,GAAG,SAAM;IACM,KAAK,QAAM;IAC1B,IAAI,SAAY;IACnB,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,CAAM;IACL,SAAS,UAAS;IAC/C,IAAI,QAAQ,IAAI,GAAG,CAElB;IACe,MAAM,EAAE,gBAAgB,CAAC;IACzB,MAAM,EAAE,gBAAgB,CAAC;IACzC,MAAM;IAiBN,KAAK;IAuBL,WAAW;IAMX,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,YAAY;IAwBZ,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM;IAsDnC,YAAY;IAwCZ,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAM5C,KAAK;CAuBN;AACD,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
+{"version":3,"file":"select-input.d.ts","sourceRoot":"","sources":["../../src/input-form/select-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgF,cAAc,EAAE,MAAM,YAAY,CAAC;AAC1H,OAAO,GAAG,MAAM,UAAU,CAAC;AAE3B,qBACa,WAAY,SAAQ,GAAG;IAClC,MAAM,CAAC,MAAM,mBA8ES;IACsB,IAAI,UAAS;IAC7C,MAAM,SAA0C;IAChD,GAAG,CAAC,EAAE,MAAM,CAAa;IACO,IAAI,UAAS;IAC7C,GAAG,EAAE,MAAM,CAAM;IACF,KAAK,QAAM;IACT,IAAI,SAAY;IAClB,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,CAAM;IACvB,SAAS,UAAS;IAE/C,IAAI,QAAQ,IAAI,GAAG,CAElB;IACe,MAAM,EAAE,gBAAgB,CAAC;IACzB,MAAM,EAAE,gBAAgB,CAAC;IACzC,MAAM;IAiBN,KAAK;IAqBL,WAAW;IAMX,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAI5B,iBAAiB;IAGjB,YAAY,CAAC,MAAM,EAAE,iBAAiB,GAAG,GAAG;IAG5C,YAAY;IAmCZ,oBAAoB,IAAI,IAAI;IAa5B,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM;IAsDnC,YAAY;IAwCZ,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAM5C,KAAK;CAuBN;AAGD,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

package/input-form/select-input.js

@@ -1,34 +1,34 @@
-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, state, define, conf, cssvar } from "../deps.js";
-import STD from "./std.js";
-let SelectInput = class SelectInput extends STD {
-    constructor() {
-        super(...arguments);
-        this.open = false;
-        this.selcls = `${conf.tag("select-input")}-selected`;
-        this.pla = undefined;
-        this.only = false;
-        this.def = "";
-        this.value = [];
-        this.name = "select";
-        this.text = [];
-        this.autofocus = false;
-    }
-    get assigned() {
-        return this.shadowRoot.querySelector("slot").assignedElements();
-    }
-    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, conf, cssvar, DisableWarning, LitElement } from "../deps.js";
+import STD from "./std.js";
+let SelectInput = class SelectInput extends STD {
+    constructor() {
+        super(...arguments);
+        this.open = false;
+        this.selcls = `${conf.tag("select-input")}-selected`;
+        this.pla = undefined;
+        this.only = false;
+        this.def = "";
+        this.value = [];
+        this.name = "select";
+        this.text = [];
+        this.autofocus = false;
+    }
+    get assigned() {
+        return this.shadowRoot.querySelector("slot").assignedElements();
+    }
+    render() {
         return html `<div>
       <section>${this.lists()}</section>
       <input
         id="input"
-        @focus=${() => {
-            this.open = true;
+        @focus=${() => {
+            this.open = true;
         }}
         @input=${this._handleInput}
         placeholder=${this.pla}
@@ -37,206 +37,236 @@ let SelectInput = class SelectInput extends STD {
         <svg viewBox="0 0 48 48" fill="none"><path d="M36 19L24 31L12 19H36Z" fill="currentColor" stroke="currentColor" stroke-width="3" stroke-linejoin="round" /></svg>
       </label>
       <aside ?open=${this.open}><slot></slot></aside>
-    </div>`;
-    }
-    lists() {
-        const itemTemplates = [];
-        if (this.value.length)
-            for (const i in this.value) {
+    </div>`;
+    }
+    lists() {
+        const itemTemplates = [];
+        if (this.value.length)
+            for (const i in this.value) {
                 itemTemplates.push(html `<i class="selected-item">
             ${this.text[i] || this.value[i]}
             <svg
-              @click=${() => {
-                    this.select(this.value[i]);
+              @click=${() => {
+                    this.select(this.value[i]);
                 }}
-              t="1678769821062"
               viewBox="0 0 1024 1024"
               version="1.1"
-              p-id="2770"
             >
-              <path d="M960 512c0-249.6-198.4-448-448-448S64 262.4 64 512s198.4 448 448 448 448-198.4 448-448zM691.2 736L512 556.8 332.8 736c-12.8 12.8-32 12.8-44.8 0-12.8-12.8-12.8-32 0-44.8L467.2 512 288 332.8c-12.8-12.8-12.8-32 0-44.8 12.8-12.8 32-12.8 44.8 0L512 467.2 691.2 288c12.8-12.8 32-12.8 44.8 0 12.8 12.8 12.8 32 0 44.8L556.8 512 736 691.2c12.8 12.8 12.8 32 0 44.8-12.8 12.8-32 12.8-44.8 0z" fill="currentColor" p-id="2771"></path>
+              <path d="M960 512c0-249.6-198.4-448-448-448S64 262.4 64 512s198.4 448 448 448 448-198.4 448-448zM691.2 736L512 556.8 332.8 736c-12.8 12.8-32 12.8-44.8 0-12.8-12.8-12.8-32 0-44.8L467.2 512 288 332.8c-12.8-12.8-12.8-32 0-44.8 12.8-12.8 32-12.8 44.8 0L512 467.2 691.2 288c12.8-12.8 32-12.8 44.8 0 12.8 12.8 12.8 32 0 44.8L556.8 512 736 691.2c12.8 12.8 12.8 32 0 44.8-12.8 12.8-32 12.8-44.8 0z" fill="currentColor"></path>
             </svg>
-          </i>`);
-            }
-        return itemTemplates;
-    }
-    _focusCheck() {
-        var _a;
-        if (this.autofocus) {
-            (_a = this._input) === null || _a === void 0 ? void 0 : _a.focus();
-            this.open = true;
-        }
-    }
-    focus(options) {
-        var _a;
-        (_a = this._input) === null || _a === void 0 ? void 0 : _a.focus(options);
-        this.open = true;
-    }
-    firstUpdated() {
-        this._focusCheck();
-        this.assigned.forEach((option) => {
-            if (option.value) {
-                option.addEventListener("click", () => {
-                    this.select(option.value, option.innerText);
-                });
-            }
-            else if (option.children) {
-                [...option.children].forEach((option) => {
-                    option.addEventListener("click", () => {
-                        this.select(option.value, option.innerText);
-                    });
-                });
-            }
-        });
-        this.addEventListener("change", (e) => {
-            this.open = !this.only;
-        });
-        document.addEventListener("click", (e) => {
-            if (!this.contains(e.target)) {
-                this.open = false;
-            }
-        });
-    }
-    select(value, text) {
-        if (text === undefined || text === null) {
-            this.assigned.forEach((option) => {
-                if (option.value) {
-                    if (option.value == value) {
-                        text = option.innerText;
-                    }
-                }
-                else if (option.children) {
-                    [...option.children].forEach((option) => {
-                        if (option.value == value) {
-                            text = option.innerText;
-                        }
-                    });
-                }
-            });
-        }
-        if (this.value.includes(value)) {
-            if (!this.only) {
-                this.value = this.value.filter((v) => v != value);
-                this.text = this.text.filter((v) => v != text);
-            }
-            else {
-                this.value = [];
-                this.text = [];
-            }
-        }
-        else {
-            if (!this.only) {
-                this.value.push(value);
-                this.text.push(text);
-            }
-            else {
-                this.value = [value];
-                this.text = [text];
-            }
-        }
-        this.assigned.forEach((option) => {
-            if (option.value) {
-                if (this.value.includes(option.value)) {
-                    option.classList.add(this.selcls);
-                }
-                else {
-                    option.classList.remove(this.selcls);
-                }
-            }
-            else if (option.children) {
-                [...option.children].forEach((option) => {
-                    if (this.value.includes(option.value)) {
-                        option.classList.add(this.selcls);
-                    }
-                    else {
-                        option.classList.remove(this.selcls);
-                    }
-                });
-            }
-        });
-        this._input.value = "";
-        this.dispatchEvent(new CustomEvent("change", { detail: this.namevalue() }));
-        this.requestUpdate();
-    }
-    _handleInput() {
-        let value = this._input.value.trim();
-        if (!this.only && value.includes(";")) {
-            value = value.split(";").pop().trim();
-        }
-        this.assigned.forEach((option) => {
-            if (option.value) {
-                option.style.display = "block";
-            }
-            if (option.children) {
-                option.style.display = "block";
-                [...option.children].forEach((option) => {
-                    option.style.display = "block";
-                });
-            }
-        });
-        if (value) {
-            this.assigned.forEach((option) => {
-                if (option.value) {
-                    if (option.value.toLowerCase().includes(value.toLowerCase()) || option.innerText.toLowerCase().includes(value.toLowerCase())) {
-                        option.style.display = "block";
-                    }
-                    else {
-                        option.style.display = "none";
-                    }
-                }
-                else if (option.children) {
-                    [...option.children].forEach((option) => {
-                        if (option.value.toLowerCase().includes(value.toLowerCase()) || option.innerText.toLowerCase().includes(value.toLowerCase())) {
-                            option.style.display = "block";
-                        }
-                        else {
-                            option.style.display = "none";
-                        }
-                    });
-                    if ([...option.children].filter((option) => option.style.display == "block").length == 0) {
-                        option.style.display = "none";
-                    }
-                }
-            });
-        }
-        this.dispatchEvent(new CustomEvent("input", { detail: this.namevalue() }));
-    }
-    namevalue() {
-        if (!this.only) {
-            return [this.name, this.value];
-        }
-        return [this.name, this.value[0]];
-    }
-    reset() {
-        this.value = [];
-        this.text = [];
-        this._input.value = "";
-        this.assigned.forEach((option) => {
-            if (option.value) {
-                option.classList.remove(this.selcls);
-            }
-            else if (option.children) {
-                [...option.children].forEach((option) => {
-                    option.classList.remove(this.selcls);
-                });
-            }
-        });
-        if (this.def) {
-            if (!this.only) {
-                this.def.split(";").forEach((def) => {
-                    if (def.trim())
-                        this.select(def.trim(), null);
-                });
-            }
-            else {
-                if (this.def.split(";")[0].trim())
-                    this.select(this.def.split(";")[0].trim(), null);
-            }
-        }
-    }
-};
-SelectInput.styles = [
-    STD.styles,
+          </i>`);
+            }
+        return itemTemplates;
+    }
+    _focusCheck() {
+        var _a;
+        if (this.autofocus) {
+            (_a = this._input) === null || _a === void 0 ? void 0 : _a.focus();
+            this.open = true;
+        }
+    }
+    focus(options) {
+        var _a;
+        (_a = this._input) === null || _a === void 0 ? void 0 : _a.focus(options);
+        this.open = true;
+    }
+    connectedCallback() {
+        LitElement.prototype.connectedCallback.call(this);
+    }
+    getIndexFunc(option) {
+        return this.getIndexFunc(option);
+    }
+    firstUpdated() {
+        if (this.def) {
+            if (this.only) {
+                this.select(this.def);
+            }
+            else {
+                for (const i of this.def.split(";")) {
+                    if (i.trim()) {
+                        this.select(i);
+                    }
+                }
+            }
+        }
+        this._focusCheck();
+        this.assigned.forEach((option) => {
+            if (this.getIndexFunc(option)) {
+                option.addEventListener("click", () => {
+                    this.select(this.getIndexFunc(option), option.innerText);
+                });
+            }
+            else if (option.children) {
+                [...option.children].forEach((option) => {
+                    option.addEventListener("click", () => {
+                        this.select(this.getIndexFunc(option), option.innerText);
+                    });
+                });
+            }
+        });
+        this.addEventListener("change", () => {
+            this.open = !this.only;
+        });
+        document.addEventListener("click", (e) => {
+            if (!this.contains(e.target)) {
+                this.open = false;
+            }
+        });
+    }
+    disconnectedCallback() {
+        this.assigned.forEach((option) => {
+            if (this.getIndexFunc(option)) {
+                option.removeEventListener("click", () => { });
+            }
+            else if (option.children) {
+                [...option.children].forEach((option) => {
+                    option.removeEventListener("click", () => {
+                        this.select(this.getIndexFunc(option), option.innerText);
+                    });
+                });
+            }
+        });
+    }
+    select(value, text) {
+        if (text === undefined || text === null) {
+            this.assigned.forEach((option) => {
+                if (this.getIndexFunc(option)) {
+                    if (this.getIndexFunc(option) == value) {
+                        text = option.innerText;
+                    }
+                }
+                else if (option.children) {
+                    [...option.children].forEach((option) => {
+                        if (this.getIndexFunc(option) == value) {
+                            text = option.innerText;
+                        }
+                    });
+                }
+            });
+        }
+        if (this.value.includes(value)) {
+            if (!this.only) {
+                this.value = this.value.filter((v) => v != value);
+                this.text = this.text.filter((v) => v != text);
+            }
+            else {
+                this.value = [];
+                this.text = [];
+            }
+        }
+        else {
+            if (!this.only) {
+                this.value.push(value);
+                this.text.push(text);
+            }
+            else {
+                this.value = [value];
+                this.text = [text];
+            }
+        }
+        this.assigned.forEach((option) => {
+            if (this.getIndexFunc(option)) {
+                if (this.value.includes(this.getIndexFunc(option))) {
+                    option.classList.add(this.selcls);
+                }
+                else {
+                    option.classList.remove(this.selcls);
+                }
+            }
+            else if (option.children) {
+                [...option.children].forEach((option) => {
+                    if (this.value.includes(this.getIndexFunc(option))) {
+                        option.classList.add(this.selcls);
+                    }
+                    else {
+                        option.classList.remove(this.selcls);
+                    }
+                });
+            }
+        });
+        this._input.value = "";
+        this.dispatchEvent(new CustomEvent("change", { detail: this.namevalue() }));
+        this.requestUpdate();
+    }
+    _handleInput() {
+        let value = this._input.value.trim();
+        if (!this.only && value.includes(";")) {
+            value = value.split(";").pop().trim();
+        }
+        this.assigned.forEach((option) => {
+            if (this.getIndexFunc(option)) {
+                option.style.display = "block";
+            }
+            if (option.children) {
+                option.style.display = "block";
+                [...option.children].forEach((option) => {
+                    option.style.display = "block";
+                });
+            }
+        });
+        if (value) {
+            this.assigned.forEach((option) => {
+                if (this.getIndexFunc(option)) {
+                    if (this.getIndexFunc(option).toLowerCase().includes(value.toLowerCase()) || option.innerText.toLowerCase().includes(value.toLowerCase())) {
+                        option.style.display = "block";
+                    }
+                    else {
+                        option.style.display = "none";
+                    }
+                }
+                else if (option.children) {
+                    [...option.children].forEach((option) => {
+                        if (this.getIndexFunc(option).toLowerCase().includes(value.toLowerCase()) || option.innerText.toLowerCase().includes(value.toLowerCase())) {
+                            option.style.display = "block";
+                        }
+                        else {
+                            option.style.display = "none";
+                        }
+                    });
+                    if ([...option.children].filter((option) => option.style.display == "block").length == 0) {
+                        option.style.display = "none";
+                    }
+                }
+            });
+        }
+        this.dispatchEvent(new CustomEvent("input", { detail: this.namevalue() }));
+    }
+    namevalue() {
+        if (!this.only) {
+            return [this.name, this.value];
+        }
+        return [this.name, this.value[0]];
+    }
+    reset() {
+        this.value = [];
+        this.text = [];
+        this._input.value = "";
+        this.assigned.forEach((option) => {
+            if (this.getIndexFunc(option)) {
+                option.classList.remove(this.selcls);
+            }
+            else if (option.children) {
+                [...option.children].forEach((option) => {
+                    option.classList.remove(this.selcls);
+                });
+            }
+        });
+        if (this.def) {
+            if (!this.only) {
+                this.def.split(";").forEach((def) => {
+                    if (def.trim())
+                        this.select(def.trim(), null);
+                });
+            }
+            else {
+                if (this.def.split(";")[0].trim())
+                    this.select(this.def.split(";")[0].trim(), null);
+            }
+        }
+    }
+};
+SelectInput.styles = [
+    STD.styles,
     css `
       :host {
         background: var(${cssvar}--input-background);
@@ -312,43 +342,44 @@ SelectInput.styles = [
       aside[open] {
         visibility: visible;
       }
-    `,
-];
-__decorate([
-    property({ type: Boolean, reflect: true })
-], SelectInput.prototype, "open", void 0);
-__decorate([
-    property()
-], SelectInput.prototype, "selcls", void 0);
-__decorate([
-    property()
-], SelectInput.prototype, "pla", void 0);
-__decorate([
-    property({ type: Boolean })
-], SelectInput.prototype, "only", void 0);
-__decorate([
-    property()
-], SelectInput.prototype, "def", void 0);
-__decorate([
-    property({ type: Array })
-], SelectInput.prototype, "value", void 0);
-__decorate([
-    property()
-], SelectInput.prototype, "name", void 0);
-__decorate([
-    state()
-], SelectInput.prototype, "text", void 0);
-__decorate([
-    property({ type: Boolean })
-], SelectInput.prototype, "autofocus", void 0);
-__decorate([
-    query("input")
-], SelectInput.prototype, "_input", void 0);
-__decorate([
-    query("aside")
-], SelectInput.prototype, "_aside", void 0);
-SelectInput = __decorate([
-    define("select-input")
-], SelectInput);
-export { SelectInput };
-export default SelectInput;
+    `,
+];
+__decorate([
+    property({ type: Boolean, reflect: true })
+], SelectInput.prototype, "open", void 0);
+__decorate([
+    property()
+], SelectInput.prototype, "selcls", void 0);
+__decorate([
+    property()
+], SelectInput.prototype, "pla", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], SelectInput.prototype, "only", void 0);
+__decorate([
+    property()
+], SelectInput.prototype, "def", void 0);
+__decorate([
+    property({ type: Array })
+], SelectInput.prototype, "value", void 0);
+__decorate([
+    property({ reflect: true })
+], SelectInput.prototype, "name", void 0);
+__decorate([
+    property({ type: Array })
+], SelectInput.prototype, "text", void 0);
+__decorate([
+    property({ type: Boolean })
+], SelectInput.prototype, "autofocus", void 0);
+__decorate([
+    query("input")
+], SelectInput.prototype, "_input", void 0);
+__decorate([
+    query("aside")
+], SelectInput.prototype, "_aside", void 0);
+SelectInput = __decorate([
+    define("select-input")
+], SelectInput);
+export { SelectInput };
+DisableWarning(SelectInput);
+export default SelectInput;