godown 1.1.5 → 1.2.0

package/input-form/label-input.js

@@ -1,55 +1,55 @@
-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, cssvar } from "../deps.js";
-import STD from "./std.js";
-let LabelInput = class LabelInput extends STD {
-    constructor() {
-        super(...arguments);
-        this.type = "text";
-        this.label = "";
-        this.def = "";
-        this.pla = undefined;
-        this.name = "";
-        this.value = "";
-        this.autofocus = false;
-    }
-    render() {
-        var _a;
-        if (!this.name)
-            this.name = ((_a = this.label) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || this.type;
+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, cssvar } from "../deps.js";
+import STD from "./std.js";
+let LabelInput = class LabelInput extends STD {
+    constructor() {
+        super(...arguments);
+        this.type = "text";
+        this.label = "";
+        this.def = "";
+        this.pla = undefined;
+        this.name = "";
+        this.value = "";
+        this.autofocus = false;
+    }
+    render() {
+        var _a;
+        if (!this.name)
+            this.name = ((_a = this.label) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || this.type;
         return html `<label for=${this.name}>
       <span>${this.label}<slot></slot></span>
       <fieldset>
         <i><slot name="pre"></slot></i>
         <input @input=${this._handleInput} @change=${this._handleChange} id=${this.name} type=${this.type} placeholder=${this.pla} class=${this.type} />
         <i><slot name="suf"></slot></i>
-        ${this.type === "password" && !this.querySelector(`[slot="suf"]`)
+        ${this.type === "password" && !this.querySelector(`[slot="suf"]`)
             ? html `<i @mousedown=${this._passwordSwitcher} @mouseup=${() => (this._input.type = "password")} @mouseleave=${() => (this._input.type = "password")}>
               <svg viewBox="0 0 48 48" fill="none">
                 <path d="M9.85786 18C6.23858 21 4 24 4 24C4 24 12.9543 36 24 36C25.3699 36 26.7076 35.8154 28 35.4921M20.0318 12.5C21.3144 12.1816 22.6414 12 24 12C35.0457 12 44 24 44 24C44 24 41.7614 27 38.1421 30" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
                 <path d="M20.3142 20.6211C19.4981 21.5109 19 22.6972 19 23.9998C19 26.7612 21.2386 28.9998 24 28.9998C25.3627 28.9998 26.5981 28.4546 27.5 27.5705" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
                 <path d="M42 42L6 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
               </svg>
-            </i>`
+            </i>`
             : undefined}
       </fieldset>
-    </label>`;
-    }
-    _passwordSwitcher() {
-        if (this._input.type === "password") {
-            this._input.type = "text";
-        }
-        else {
-            this._input.type = "password";
-        }
-    }
-};
-LabelInput.styles = [
-    STD.styles,
+    </label>`;
+    }
+    _passwordSwitcher() {
+        if (this._input.type === "password") {
+            this._input.type = "text";
+        }
+        else {
+            this._input.type = "password";
+        }
+    }
+};
+LabelInput.styles = [
+    STD.styles,
     css `
       :host {
         background-color: inherit;
@@ -117,34 +117,34 @@ LabelInput.styles = [
       ::-ms-reveal {
         display: none;
       }
-    `,
-];
-__decorate([
-    property()
-], LabelInput.prototype, "type", void 0);
-__decorate([
-    property()
-], LabelInput.prototype, "label", void 0);
-__decorate([
-    property()
-], LabelInput.prototype, "def", void 0);
-__decorate([
-    property()
-], LabelInput.prototype, "pla", void 0);
-__decorate([
-    property()
-], LabelInput.prototype, "name", void 0);
-__decorate([
-    property()
-], LabelInput.prototype, "value", void 0);
-__decorate([
-    property({ type: Boolean })
-], LabelInput.prototype, "autofocus", void 0);
-__decorate([
-    query("input")
-], LabelInput.prototype, "_input", void 0);
-LabelInput = __decorate([
-    define("label-input")
-], LabelInput);
-export { LabelInput };
-export default LabelInput;
+    `,
+];
+__decorate([
+    property()
+], LabelInput.prototype, "type", void 0);
+__decorate([
+    property()
+], LabelInput.prototype, "label", void 0);
+__decorate([
+    property()
+], LabelInput.prototype, "def", void 0);
+__decorate([
+    property()
+], LabelInput.prototype, "pla", void 0);
+__decorate([
+    property()
+], LabelInput.prototype, "name", void 0);
+__decorate([
+    property()
+], LabelInput.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean })
+], LabelInput.prototype, "autofocus", void 0);
+__decorate([
+    query("input")
+], LabelInput.prototype, "_input", void 0);
+LabelInput = __decorate([
+    define("label-input")
+], LabelInput);
+export { LabelInput };
+export default LabelInput;

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

@@ -1,37 +1,38 @@
-import STD from "./std.js";
-export declare class SearchInput extends STD {
-    _input: HTMLInputElement;
-    query: string;
-    target: string;
-    infer: boolean;
-    remote: boolean;
-    action: string;
-    method: "get" | "post";
-    name: string;
-    value: string;
-    pla: any;
-    list: any[];
-    autofocus: boolean;
-    useinfer: (x: string) => Promise<string[]>;
-    static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
-    render(): import("lit-html").TemplateResult<1>;
-    _handleSubmit(e: any): void;
-    _handleInput(e: any): Promise<void>;
-}
-export declare class SearchW extends STD {
-    static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
-    action: string;
-    name: string;
-    pla: string;
-    origin: string;
-    constructor();
-    render(): import("lit-html").TemplateResult<1>;
-}
-export default SearchInput;
-declare global {
-    interface HTMLElementTagNameMap {
-        "search-input": SearchInput;
-        "search-w": SearchW;
-    }
-}
+import { CSSResultGroup } from "../deps.js";
+import STD from "./std.js";
+export declare class SearchInput extends STD {
+    _input: HTMLInputElement;
+    query: string;
+    target: string;
+    infer: boolean;
+    remote: boolean;
+    action: string;
+    method: "get" | "post";
+    name: string;
+    value: string;
+    pla: any;
+    list: any[];
+    autofocus: boolean;
+    useinfer: (x: string) => Promise<string[]>;
+    static styles: CSSResultGroup[];
+    render(): import("lit").TemplateResult<1>;
+    _handleSubmit(e: any): void;
+    _handleInput(e: any): Promise<void>;
+}
+export declare class SearchW extends STD {
+    static styles: (import("lit").CSSResult | CSSResultGroup[])[];
+    action: string;
+    name: string;
+    pla: string;
+    origin: string;
+    constructor();
+    render(): import("lit").TemplateResult<1>;
+}
+export default SearchInput;
+declare global {
+    interface HTMLElementTagNameMap {
+        "search-input": SearchInput;
+        "search-w": SearchW;
+    }
+}
 //# sourceMappingURL=search-input.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../src/input-form/search-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IAClB,MAAM,EAAG,gBAAgB,CAAC;IAC9B,KAAK,SAAM;IACX,MAAM,SAAM;IACK,KAAK,UAAS;IACd,MAAM,UAAS;IAChC,MAAM,SAAQ;IACd,MAAM,EAAE,KAAK,GAAG,MAAM,CAAS;IAC/B,IAAI,SAAO;IACX,KAAK,SAAM;IACX,GAAG,MAAa;IACD,IAAI,EAAE,GAAG,EAAE,CAAM;IACf,SAAS,UAAS;IACf,QAAQ,MAAa,MAAM,uBAOzD;IACF,MAAM,CAAC,MAAM,4FA2DX;IACF,MAAM;IAkBN,aAAa,CAAC,CAAC,KAAA;IAIT,YAAY,CAAC,CAAC,KAAA;CA6BrB;AASD,qBACa,OAAQ,SAAQ,GAAG;IAC9B,MAAM,CAAC,MAAM,4FA8EX;IACU,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;;IAK3B,MAAM;CAcP;AACD,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;QAC5B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
+{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../src/input-form/search-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8C,cAAc,EAAE,MAAM,YAAY,CAAC;AACxF,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IAClB,MAAM,EAAG,gBAAgB,CAAC;IAC9B,KAAK,SAAM;IACX,MAAM,SAAM;IACK,KAAK,UAAS;IACd,MAAM,UAAS;IAChC,MAAM,SAAQ;IACd,MAAM,EAAE,KAAK,GAAG,MAAM,CAAS;IAC/B,IAAI,SAAO;IACX,KAAK,SAAM;IACX,GAAG,MAAa;IACD,IAAI,EAAE,GAAG,EAAE,CAAM;IACf,SAAS,UAAS;IACf,QAAQ,MAAa,MAAM,uBAOzD;IACF,MAAM,CAAC,MAAM,mBA2DS;IACtB,MAAM;IAkBN,aAAa,CAAC,CAAC,KAAA;IAIT,YAAY,CAAC,CAAC,KAAA;CA6BrB;AASD,qBACa,OAAQ,SAAQ,GAAG;IAC9B,MAAM,CAAC,MAAM,iDA8EX;IACU,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;;IAK3B,MAAM;CAcP;AACD,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;QAC5B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/input-form/search-input.js

@@ -1,92 +1,92 @@
-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} />
         <button @click=${this._handleSubmit}>
           <svg viewBox="0 0 1024 1024" width="95%" height="100%">
-            <path fill="currentColor" d="M745.429333 655.658667c1.173333 0.746667 2.325333 1.578667 3.413334 2.496l114.410666 96a32 32 0 0 1-41.152 49.024l-114.389333-96a32 32 0 0 1-6.208-6.976A297.429333 297.429333 0 0 1 512 768c-164.949333 0-298.666667-133.717333-298.666667-298.666667S347.050667 170.666667 512 170.666667s298.666667 133.717333 298.666667 298.666666a297.386667 297.386667 0 0 1-65.237334 186.325334zM512 704c129.6 0 234.666667-105.066667 234.666667-234.666667s-105.066667-234.666667-234.666667-234.666666-234.666667 105.066667-234.666667 234.666666 105.066667 234.666667 234.666667 234.666667z" p-id="9859"></path>
+            <path fill="currentColor" d="M745.429333 655.658667c1.173333 0.746667 2.325333 1.578667 3.413334 2.496l114.410666 96a32 32 0 0 1-41.152 49.024l-114.389333-96a32 32 0 0 1-6.208-6.976A297.429333 297.429333 0 0 1 512 768c-164.949333 0-298.666667-133.717333-298.666667-298.666667S347.050667 170.666667 512 170.666667s298.666667 133.717333 298.666667 298.666666a297.386667 297.386667 0 0 1-65.237334 186.325334zM512 704c129.6 0 234.666667-105.066667 234.666667-234.666667s-105.066667-234.666667-234.666667-234.666666-234.666667 105.066667-234.666667 234.666666 105.066667 234.666667 234.666667 234.666667z"></path>
           </svg>
         </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;