godown 1.1.5 → 1.1.6

package/input-form/search-input.js

@@ -1,36 +1,36 @@
-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, define, query, cssvar } from "../deps.js";
-import STD from "./std.js";
-let SearchInput = class SearchInput extends STD {
-    constructor() {
-        super(...arguments);
-        this.query = "";
-        this.target = "";
-        this.infer = false;
-        this.remote = false;
-        this.action = "./";
-        this.method = "get";
-        this.name = "q";
-        this.value = "";
-        this.pla = undefined;
-        this.list = [];
-        this.autofocus = false;
-        this.useinfer = async (x) => {
-            await new Promise((resolve) => {
-                setTimeout(() => {
-                    resolve();
-                }, 400);
-            });
-            return ["Undefine: useinfer", `Use: useinfer(${x} :string)`, "Return Array<string>"];
-        };
-    }
-    render() {
-        var _a;
+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, define, query, cssvar } from "../deps.js";
+import STD from "./std.js";
+let SearchInput = class SearchInput extends STD {
+    constructor() {
+        super(...arguments);
+        this.query = "";
+        this.target = "";
+        this.infer = false;
+        this.remote = false;
+        this.action = "./";
+        this.method = "get";
+        this.name = "q";
+        this.value = "";
+        this.pla = undefined;
+        this.list = [];
+        this.autofocus = false;
+        this.useinfer = async (x) => {
+            await new Promise((resolve) => {
+                setTimeout(() => {
+                    resolve();
+                }, 400);
+            });
+            return ["Undefine: useinfer", `Use: useinfer(${x} :string)`, "Return Array<string>"];
+        };
+    }
+    render() {
+        var _a;
         return html `<form action=${this.action} method=${this.method}>
       <div>
         <input name=${this.name} @input=${this._handleInput} @change=${this._handleChange} value=${this.value} title="" placeholder=${this.pla} />
@@ -41,52 +41,52 @@ let SearchInput = class SearchInput extends STD {
         </button>
       </div>
       <slot></slot>
-      ${((_a = this.list) === null || _a === void 0 ? void 0 : _a.length)
+      ${((_a = this.list) === null || _a === void 0 ? void 0 : _a.length)
             ? html `<ul>
             ${this.list.map((v, i) => html `<li key=${i}>${v}</li>`)}
-          </ul>`
+          </ul>`
             : undefined}
-    </form>`;
-    }
-    _handleSubmit(e) {
-        if (!this.remote)
-            e.preventDefault();
-        this.dispatchEvent(new CustomEvent("submit", { detail: this.value }));
-    }
-    async _handleInput(e) {
-        const value = e.target.value.trim();
-        this.value = value;
-        if (this.compositing)
-            return;
-        if (value && this.infer) {
-            this.list = await this.useinfer(value);
-            if (!this.value) {
-                this.list = [];
-            }
-        }
-        else {
-            this.list = [];
-        }
-        if (this.target && this.query) {
-            const targetElement = document.querySelector(this.target);
-            const queryElementCollection = document.querySelectorAll(this.query);
-            console.log();
-            if (!value || !targetElement || !queryElementCollection.length) {
-                document.querySelector(this.target).replaceChildren();
-                return;
-            }
-            for (const e of queryElementCollection) {
-                if (e.textContent.includes(value)) {
-                    targetElement.appendChild(e.cloneNode(true));
-                }
-            }
-        }
-        this.dispatchEvent(new CustomEvent("input", { detail: value }));
-        this.dispatchEvent(new CustomEvent("change", { detail: value }));
-    }
-};
-SearchInput.styles = [
-    STD.styles,
+    </form>`;
+    }
+    _handleSubmit(e) {
+        if (!this.remote)
+            e.preventDefault();
+        this.dispatchEvent(new CustomEvent("submit", { detail: this.value }));
+    }
+    async _handleInput(e) {
+        const value = e.target.value.trim();
+        this.value = value;
+        if (this.compositing)
+            return;
+        if (value && this.infer) {
+            this.list = await this.useinfer(value);
+            if (!this.value) {
+                this.list = [];
+            }
+        }
+        else {
+            this.list = [];
+        }
+        if (this.target && this.query) {
+            const targetElement = document.querySelector(this.target);
+            const queryElementCollection = document.querySelectorAll(this.query);
+            console.log();
+            if (!value || !targetElement || !queryElementCollection.length) {
+                document.querySelector(this.target).replaceChildren();
+                return;
+            }
+            for (const e of queryElementCollection) {
+                if (e.textContent.includes(value)) {
+                    targetElement.appendChild(e.cloneNode(true));
+                }
+            }
+        }
+        this.dispatchEvent(new CustomEvent("input", { detail: value }));
+        this.dispatchEvent(new CustomEvent("change", { detail: value }));
+    }
+};
+SearchInput.styles = [
+    STD.styles,
     css `
       :host {
         color: var(${cssvar}--text);
@@ -143,78 +143,78 @@ SearchInput.styles = [
         padding-right: 0;
         font-size: 1rem;
       }
-    `,
-];
-__decorate([
-    query("input")
-], SearchInput.prototype, "_input", void 0);
-__decorate([
-    property()
-], SearchInput.prototype, "query", void 0);
-__decorate([
-    property()
-], SearchInput.prototype, "target", void 0);
-__decorate([
-    property({ type: Boolean })
-], SearchInput.prototype, "infer", void 0);
-__decorate([
-    property({ type: Boolean })
-], SearchInput.prototype, "remote", void 0);
-__decorate([
-    property()
-], SearchInput.prototype, "action", void 0);
-__decorate([
-    property()
-], SearchInput.prototype, "method", void 0);
-__decorate([
-    property()
-], SearchInput.prototype, "name", void 0);
-__decorate([
-    property()
-], SearchInput.prototype, "value", void 0);
-__decorate([
-    property()
-], SearchInput.prototype, "pla", void 0);
-__decorate([
-    property({ type: Array })
-], SearchInput.prototype, "list", void 0);
-__decorate([
-    property({ type: Boolean })
-], SearchInput.prototype, "autofocus", void 0);
-__decorate([
-    property({ attribute: false })
-], SearchInput.prototype, "useinfer", void 0);
-SearchInput = __decorate([
-    define("search-input")
-], SearchInput);
-export { SearchInput };
-const e = [
-    { action: "https://www.google.com/search", name: "q", pla: "Google" },
-    { action: "https://quark.sm.cn/s", name: "q", pla: "Quark" },
-    { action: "https://www.bing.com/search", name: "q", pla: "Bing" },
-    { action: "https://www.sogou.com/web", name: "query", pla: "搜狗" },
-    { action: "https://yandex.com/search/", name: "text", pla: "Yandex" },
-    { action: "https://www.qwant.com/", name: "q", pla: "Qwant" },
-];
-let SearchW = class SearchW extends STD {
-    constructor() {
-        super();
-        Object.assign(this, e[Math.floor(Math.random() * e.length)]);
-    }
-    render() {
-        if (this.origin) {
-            Object.assign(this, e.find((v) => v.pla === this.origin));
-        }
+    `,
+];
+__decorate([
+    query("input")
+], SearchInput.prototype, "_input", void 0);
+__decorate([
+    property()
+], SearchInput.prototype, "query", void 0);
+__decorate([
+    property()
+], SearchInput.prototype, "target", void 0);
+__decorate([
+    property({ type: Boolean })
+], SearchInput.prototype, "infer", void 0);
+__decorate([
+    property({ type: Boolean })
+], SearchInput.prototype, "remote", void 0);
+__decorate([
+    property()
+], SearchInput.prototype, "action", void 0);
+__decorate([
+    property()
+], SearchInput.prototype, "method", void 0);
+__decorate([
+    property()
+], SearchInput.prototype, "name", void 0);
+__decorate([
+    property()
+], SearchInput.prototype, "value", void 0);
+__decorate([
+    property()
+], SearchInput.prototype, "pla", void 0);
+__decorate([
+    property({ type: Array })
+], SearchInput.prototype, "list", void 0);
+__decorate([
+    property({ type: Boolean })
+], SearchInput.prototype, "autofocus", void 0);
+__decorate([
+    property({ attribute: false })
+], SearchInput.prototype, "useinfer", void 0);
+SearchInput = __decorate([
+    define("search-input")
+], SearchInput);
+export { SearchInput };
+const e = [
+    { action: "https://www.google.com/search", name: "q", pla: "Google" },
+    { action: "https://quark.sm.cn/s", name: "q", pla: "Quark" },
+    { action: "https://www.bing.com/search", name: "q", pla: "Bing" },
+    { action: "https://www.sogou.com/web", name: "query", pla: "搜狗" },
+    { action: "https://yandex.com/search/", name: "text", pla: "Yandex" },
+    { action: "https://www.qwant.com/", name: "q", pla: "Qwant" },
+];
+let SearchW = class SearchW extends STD {
+    constructor() {
+        super();
+        Object.assign(this, e[Math.floor(Math.random() * e.length)]);
+    }
+    render() {
+        if (this.origin) {
+            Object.assign(this, e.find((v) => v.pla === this.origin));
+        }
         return html `<form action=${this.action} method="get" target="_blank">
       <input name=${this.name} placeholder=${this.pla} />
       <button type="submit" aria-label="Search">
         <svg viewBox="0 0 18 18"><path d="M7.25 0C3.254 0 0 3.254 0 7.25s3.254 7.25 7.25 7.25c1.727 0 3.316-.61 4.563-1.625l4.906 4.906a.757.757 0 0 0 .73.207.766.766 0 0 0 .54-.539.757.757 0 0 0-.208-.73l-4.906-4.907A7.202 7.202 0 0 0 14.5 7.25C14.5 3.254 11.246 0 7.25 0Zm0 1.5A5.74 5.74 0 0 1 13 7.25c0 1.55-.613 2.953-1.605 3.984a1.035 1.035 0 0 0-.16.16A5.726 5.726 0 0 1 7.25 13 5.74 5.74 0 0 1 1.5 7.25 5.74 5.74 0 0 1 7.25 1.5Z" fill="currentColor" fill-rule="nonzero"></path></svg>
       </button>
-    </form>`;
-    }
-};
-SearchW.styles = [
-    STD.styles,
+    </form>`;
+    }
+};
+SearchW.styles = [
+    STD.styles,
     css `
       :host {
         width: 10em;
@@ -290,22 +290,22 @@ SearchW.styles = [
       path {
         mix-blend-mode: exclusion;
       }
-    `,
-];
-__decorate([
-    property()
-], SearchW.prototype, "action", void 0);
-__decorate([
-    property()
-], SearchW.prototype, "name", void 0);
-__decorate([
-    property()
-], SearchW.prototype, "pla", void 0);
-__decorate([
-    property()
-], SearchW.prototype, "origin", void 0);
-SearchW = __decorate([
-    define("search-w")
-], SearchW);
-export { SearchW };
-export default SearchInput;
+    `,
+];
+__decorate([
+    property()
+], SearchW.prototype, "action", void 0);
+__decorate([
+    property()
+], SearchW.prototype, "name", void 0);
+__decorate([
+    property()
+], SearchW.prototype, "pla", void 0);
+__decorate([
+    property()
+], SearchW.prototype, "origin", void 0);
+SearchW = __decorate([
+    define("search-w")
+], SearchW);
+export { SearchW };
+export default SearchInput;

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

@@ -1,32 +1,32 @@
-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 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;
+    }
+}
 //# sourceMappingURL=select-input.d.ts.map