godown 1.1.4 → 1.1.5

package/input-form/label-input.js

@@ -21,14 +21,23 @@ let LabelInput = class LabelInput extends STD {
         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"]`) ? 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>` : undefined}
-  </fieldset>
-</label>`;
+        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"]`)
+            ? 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>`
+            : undefined}
+      </fieldset>
+    </label>`;
     }
     _passwordSwitcher() {
         if (this._input.type === "password") {
@@ -39,73 +48,77 @@ let LabelInput = class LabelInput extends STD {
         }
     }
 };
-LabelInput.styles = [STD.styles, css `
-  :host{
-    background-color: inherit;
-    display:block;
-    border-radius: 4px;
-  }
-  label {
-    margin: auto;
-    width: 100%;
-    box-sizing: border-box;
-    height: fit-content;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    border-radius:inherit;
-  }
-  span {
-    flex: 1;
-  }
-  input {
-    background-color: transparent;
-    font-size: 102.5%;
-    line-height: 1.2em;
-    border: 0;
-    border-radius:inherit;
-    outline: 0;
-    box-sizing: border-box;
-    flex:1;
-    width:100%;
-    padding:4.8px;
-  }
-  fieldset:focus-within {
-    outline: .18em solid var(${cssvar}--input-outline-focus);
-  }
-  @media screen and (max-width:540px) {
-    label {
-      justify-content: flex-start;
-      flex-direction: column;
-      align-items: flex-start;
-      width: fit-content;
-    }
-  }
-  i {
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    font-style: normal;
-  }
-  i>svg{
-    height:1em;
-    width:1.5em;
-  }
-  fieldset {
-    color:var(${cssvar}--text);
-    position: relative;
-    background-color: var(${cssvar}--input-background);
-    display: flex;
-    padding: 0;
-    border-radius:inherit;
-    outline: none;
-    border: 0;
-    margin: 0;
-    width:var(${cssvar}--input-width);
-  }
-  ::-ms-reveal {
-    display: none;
-  }`];
+LabelInput.styles = [
+    STD.styles,
+    css `
+      :host {
+        background-color: inherit;
+        display: block;
+        border-radius: 4px;
+      }
+      label {
+        margin: auto;
+        width: 100%;
+        box-sizing: border-box;
+        height: fit-content;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        border-radius: inherit;
+      }
+      span {
+        flex: 1;
+      }
+      input {
+        background-color: transparent;
+        font-size: 102.5%;
+        line-height: 1.2em;
+        border: 0;
+        border-radius: inherit;
+        outline: 0;
+        box-sizing: border-box;
+        flex: 1;
+        width: 100%;
+        padding: 4.8px;
+      }
+      fieldset:focus-within {
+        outline: 0.18em solid var(${cssvar}--input-outline-focus);
+      }
+      @media screen and (max-width: 540px) {
+        label {
+          justify-content: flex-start;
+          flex-direction: column;
+          align-items: flex-start;
+          width: fit-content;
+        }
+      }
+      i {
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        font-style: normal;
+      }
+      i > svg {
+        height: 1em;
+        width: 1.5em;
+      }
+      fieldset {
+        color: var(${cssvar}--text);
+        position: relative;
+        background-color: var(${cssvar}--input-background);
+        display: flex;
+        padding: 0;
+        border-radius: inherit;
+        outline: none;
+        border: 0;
+        margin: 0;
+        width: var(${cssvar}--input-width);
+      }
+      ::-ms-reveal {
+        display: none;
+      }
+    `,
+];
 __decorate([
     property()
 ], LabelInput.prototype, "type", void 0);

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

@@ -1,4 +1,4 @@
-import STD from './std.js';
+import STD from "./std.js";
 export declare class SearchInput extends STD {
     _input: HTMLInputElement;
     query: string;
@@ -14,7 +14,7 @@ export declare class SearchInput extends STD {
     autofocus: boolean;
     useinfer: (x: string) => Promise<string[]>;
     static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     _handleSubmit(e: any): void;
     _handleInput(e: any): Promise<void>;
 }
@@ -25,7 +25,7 @@ export declare class SearchW extends STD {
     pla: string;
     origin: string;
     constructor();
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 export default SearchInput;
 declare global {

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,uBAKzD;IACF,MAAM,CAAC,MAAM,4FAqDX;IACF,MAAM;IAcN,aAAa,CAAC,CAAC,KAAA;IAIT,YAAY,CAAC,CAAC,KAAA;CA8BrB;AASD,qBACa,OAAQ,SAAQ,GAAG;IAC9B,MAAM,CAAC,MAAM,4FA2EV;IACS,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;;IAK3B,MAAM;CAYP;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":"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"}

package/input-form/search-input.js

@@ -4,8 +4,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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';
+import { html, css, property, define, query, cssvar } from "../deps.js";
+import STD from "./std.js";
 let SearchInput = class SearchInput extends STD {
     constructor() {
         super(...arguments);
@@ -22,30 +22,36 @@ let SearchInput = class SearchInput extends STD {
         this.autofocus = false;
         this.useinfer = async (x) => {
             await new Promise((resolve) => {
-                setTimeout(() => { resolve(); }, 400);
+                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>
-    </svg>
-  </button>
-</div>
-  <slot></slot>
-  ${((_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>` : undefined}
-</form>`;
+        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>
+          </svg>
+        </button>
+      </div>
+      <slot></slot>
+      ${((_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>`
+            : undefined}
+    </form>`;
     }
     _handleSubmit(e) {
         if (!this.remote)
             e.preventDefault();
-        this.dispatchEvent(new CustomEvent('submit', { detail: this.value }));
+        this.dispatchEvent(new CustomEvent("submit", { detail: this.value }));
     }
     async _handleInput(e) {
         const value = e.target.value.trim();
@@ -69,7 +75,7 @@ let SearchInput = class SearchInput extends STD {
                 document.querySelector(this.target).replaceChildren();
                 return;
             }
-            for (let e of queryElementCollection) {
+            for (const e of queryElementCollection) {
                 if (e.textContent.includes(value)) {
                     targetElement.appendChild(e.cloneNode(true));
                 }
@@ -79,62 +85,68 @@ let SearchInput = class SearchInput extends STD {
         this.dispatchEvent(new CustomEvent("change", { detail: value }));
     }
 };
-SearchInput.styles = [STD.styles, css `
-  :host{
-    color:var(${cssvar}--text);
-    display: inline-block;
-    min-height: 1.5rem;
-    width:var(${cssvar}--input-width);
-    border-radius:.75em;
-    background:var(${cssvar}--input-background);
-  }
-  :host(:focus) form{
-    outline-color: var(${cssvar}--input-outline);
-  }
-  div{
-    flex: 1;
-    display: flex;
-  }
-  form{
-    min-height: 100%;
-    outline: .145em solid transparent;
-    display: flex;
-    flex-direction: column;
-    background:inherit;
-    border-radius:inherit;
-    padding:0;
-    width:100%;
-    margin:0;
-    overflow:hidden;
-  }
-  ul{
-    list-style:none;
-  }
-  li{
-    padding: 0.1em 0.5em;
-    font-size: .95rem;
-  }
-  li:hover{
-    background:var(${cssvar}--input-background-hover);
-  }
-  button,input{
-    border:0;background:none;outline:none;
-  }
-  button{
-    width: 1.8rem;
-    height: 1.5rem;
-  }
-  input{
-    flex:1;
-    min-width: 0;
-    box-sizing: border-box;
-    padding-left:.75em;
-    padding-right: 0;
-    font-size: 1rem;
-  }`
+SearchInput.styles = [
+    STD.styles,
+    css `
+      :host {
+        color: var(${cssvar}--text);
+        display: inline-block;
+        min-height: 1.5rem;
+        width: var(${cssvar}--input-width);
+        border-radius: 0.75em;
+        background: var(${cssvar}--input-background);
+      }
+      :host(:focus) form {
+        outline-color: var(${cssvar}--input-outline);
+      }
+      div {
+        flex: 1;
+        display: flex;
+      }
+      form {
+        min-height: 100%;
+        outline: 0.145em solid transparent;
+        display: flex;
+        flex-direction: column;
+        background: inherit;
+        border-radius: inherit;
+        padding: 0;
+        width: 100%;
+        margin: 0;
+        overflow: hidden;
+      }
+      ul {
+        list-style: none;
+      }
+      li {
+        padding: 0.1em 0.5em;
+        font-size: 0.95rem;
+      }
+      li:hover {
+        background: var(${cssvar}--input-background-hover);
+      }
+      button,
+      input {
+        border: 0;
+        background: none;
+        outline: none;
+      }
+      button {
+        width: 1.8rem;
+        height: 1.5rem;
+      }
+      input {
+        flex: 1;
+        min-width: 0;
+        box-sizing: border-box;
+        padding-left: 0.75em;
+        padding-right: 0;
+        font-size: 1rem;
+      }
+    `,
 ];
 __decorate([
-    query('input')
+    query("input")
 ], SearchInput.prototype, "_input", void 0);
 __decorate([
     property()
@@ -173,7 +185,7 @@ __decorate([
     property({ attribute: false })
 ], SearchInput.prototype, "useinfer", void 0);
 SearchInput = __decorate([
-    define('search-input')
+    define("search-input")
 ], SearchInput);
 export { SearchInput };
 const e = [
@@ -182,7 +194,7 @@ const e = [
     { 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", },
+    { action: "https://www.qwant.com/", name: "q", pla: "Qwant" },
 ];
 let SearchW = class SearchW extends STD {
     constructor() {
@@ -191,93 +203,95 @@ let SearchW = class SearchW extends STD {
     }
     render() {
         if (this.origin) {
-            Object.assign(this, e.find(v => v.pla === 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>`;
+        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, css `
-  :host{
-    width:10em;
-    height:1.5em;
-    display: inline-block;
-    border-radius:.75em;
-    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
-    --search: aliceblue;
-    --ground: currentColor;
-    --search-hover: rgb(20 69 155);
-  }
-  form {
-    color: currentColor;
-    display: inline-flex;
-    height: 100%;
-    box-sizing: border-box;
-    position: relative;
-    border-radius:inherit;
-    margin: 0;
-  }
-  input {
-    border-top-left-radius: inherit;
-    border-bottom-left-radius: inherit;
-    border-right: 0 !important;
-    box-sizing: border-box;
-    height: 100%;
-    width: 100%;
-    margin-top: 0px;
-    margin-bottom: 0px;
-    margin-left: 0px;
-    outline: none;
-    flex: 1 1 0%;
-    padding-left: 1em;
-    padding-right: 3.05em;
-    border-width: 0.08em;
-    border-style: solid;
-    border-image: initial;
-    border-color: var(--ground);
-    background-color: transparent;
-    color: var(--ground);
-    transition: all .2s;
-  }
-  button:hover {
-    background-color: var(--search-hover);
-  }
-  button {
-    background: currentColor;
-    border-top-right-radius: inherit;
-    border-bottom-right-radius: inherit;
-    margin: 0;
-    background: none transparent;
-    border-spacing: 0;
-    text-align: left;
-    align-items: center;
-    justify-content: center;
-    outline: none;
-    border: none;
-    display: inline-flex;
-    transition: all .2s;
-    padding: 0;
-    font-size: 1em;
-    height: 100%;
-    width: 2.5em;
-    background-color: var(--ground);
-  }
-  svg {
-    text-indent: 0;
-    font-size: 1em;
-    color: var(--search);
-    width: .8em;
-    height: .8em;
-  }
-  path{
-    mix-blend-mode: exclusion;
-  }
-  `];
+SearchW.styles = [
+    STD.styles,
+    css `
+      :host {
+        width: 10em;
+        height: 1.5em;
+        display: inline-block;
+        border-radius: 0.75em;
+        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
+        --search: aliceblue;
+        --ground: currentColor;
+        --search-hover: rgb(20 69 155);
+      }
+      form {
+        color: currentColor;
+        display: inline-flex;
+        height: 100%;
+        box-sizing: border-box;
+        position: relative;
+        border-radius: inherit;
+        margin: 0;
+      }
+      input {
+        border-top-left-radius: inherit;
+        border-bottom-left-radius: inherit;
+        border-right: 0 !important;
+        box-sizing: border-box;
+        height: 100%;
+        width: 100%;
+        margin-top: 0px;
+        margin-bottom: 0px;
+        margin-left: 0px;
+        outline: none;
+        flex: 1 1 0%;
+        padding-left: 1em;
+        padding-right: 3.05em;
+        border-width: 0.08em;
+        border-style: solid;
+        border-image: initial;
+        border-color: var(--ground);
+        background-color: transparent;
+        color: var(--ground);
+        transition: all 0.2s;
+      }
+      button:hover {
+        background-color: var(--search-hover);
+      }
+      button {
+        background: currentColor;
+        border-top-right-radius: inherit;
+        border-bottom-right-radius: inherit;
+        margin: 0;
+        background: none transparent;
+        border-spacing: 0;
+        text-align: left;
+        align-items: center;
+        justify-content: center;
+        outline: none;
+        border: none;
+        display: inline-flex;
+        transition: all 0.2s;
+        padding: 0;
+        font-size: 1em;
+        height: 100%;
+        width: 2.5em;
+        background-color: var(--ground);
+      }
+      svg {
+        text-indent: 0;
+        font-size: 1em;
+        color: var(--search);
+        width: 0.8em;
+        height: 0.8em;
+      }
+      path {
+        mix-blend-mode: exclusion;
+      }
+    `,
+];
 __decorate([
     property()
 ], SearchW.prototype, "action", void 0);

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

@@ -1,4 +1,4 @@
-import STD from './std.js';
+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;
@@ -13,14 +13,14 @@ export declare class SelectInput extends STD {
     get assigned(): any;
     _input: HTMLInputElement;
     _aside: HTMLInputElement;
-    render(): import("lit").TemplateResult<1>;
+    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(): any[];
+    namevalue(): [string, any[]] | [string, any];
     reset(): void;
 }
 export default SelectInput;

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,4FA2EV;IACyC,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;IAON,KAAK;IAUL,WAAW;IAMX,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,YAAY;IAyBZ,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM;IA0DnC,YAAY;IAyCZ,SAAS;IAMT,KAAK;CA2BN;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":"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"}