godown 1.2.0 → 2.0.1

package/input-form/search-input.js

@@ -4,9 +4,10 @@ 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";
-let SearchInput = class SearchInput extends STD {
+import { css, cssvar, define, html, ifDefined, property, query } from "../deps.js";
+import { htmlSlot, svgSearch } from "../tmpl.js";
+import { InputSTD } from "./std.js";
+let SearchInput = class SearchInput extends InputSTD {
     constructor() {
         super(...arguments);
         this.query = "";
@@ -16,34 +17,29 @@ let SearchInput = class SearchInput extends STD {
         this.action = "./";
         this.method = "get";
         this.name = "q";
-        this.value = "";
         this.pla = undefined;
         this.list = [];
         this.autofocus = false;
-        this.useinfer = async (x) => {
+        this.useInfer = async (x) => {
             await new Promise((resolve) => {
                 setTimeout(() => {
                     resolve();
                 }, 400);
             });
-            return ["Undefine: useinfer", `Use: useinfer(${x} :string)`, "Return Array<string>"];
+            return ["Undefined: useInfer", `Use: useInfer(${x} :string)`, "Return Array<string>"];
         };
     }
     render() {
         var _a;
-        return html `<form action=${this.action} method=${this.method}>
+        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"></path>
-          </svg>
-        </button>
+        <input name="${this.name}" @input="${this._handleInput}" @change="${this._handleChange}" title="" placeholder="${ifDefined(this.pla)}" />
+        <button @click="${this._handleSubmit}">${svgSearch()}</button>
       </div>
-      <slot></slot>
+      ${htmlSlot()}
       ${((_a = this.list) === null || _a === void 0 ? void 0 : _a.length)
-            ? html `<ul>
-            ${this.list.map((v, i) => html `<li key=${i}>${v}</li>`)}
+            ? html ` <ul>
+            ${this.list.map((v, i) => html ` <li key="${i}">${v}</li>`)}
           </ul>`
             : undefined}
     </form>`;
@@ -54,12 +50,12 @@ let SearchInput = class SearchInput extends STD {
         this.dispatchEvent(new CustomEvent("submit", { detail: this.value }));
     }
     async _handleInput(e) {
-        const value = e.target.value.trim();
+        const value = this.targetValue(e);
         this.value = value;
         if (this.compositing)
             return;
         if (value && this.infer) {
-            this.list = await this.useinfer(value);
+            this.list = await this.useInfer(value);
             if (!this.value) {
                 this.list = [];
             }
@@ -86,9 +82,10 @@ let SearchInput = class SearchInput extends STD {
     }
 };
 SearchInput.styles = [
-    STD.styles,
+    InputSTD.styles,
     css `
       :host {
+        outline: var(${cssvar}--input-outline-width) solid;
         color: var(${cssvar}--text);
         display: inline-block;
         min-height: 1.5rem;
@@ -96,13 +93,12 @@ SearchInput.styles = [
         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;
@@ -115,26 +111,30 @@ SearchInput.styles = [
         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;
@@ -143,6 +143,11 @@ SearchInput.styles = [
         padding-right: 0;
         font-size: 1rem;
       }
+
+      svg {
+        height: 100%;
+        padding: 1px;
+      }
     `,
 ];
 __decorate([
@@ -169,9 +174,6 @@ __decorate([
 __decorate([
     property()
 ], SearchInput.prototype, "name", void 0);
-__decorate([
-    property()
-], SearchInput.prototype, "value", void 0);
 __decorate([
     property()
 ], SearchInput.prototype, "pla", void 0);
@@ -183,129 +185,10 @@ __decorate([
 ], SearchInput.prototype, "autofocus", void 0);
 __decorate([
     property({ attribute: false })
-], SearchInput.prototype, "useinfer", void 0);
+], 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,
-    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);
-__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;
+//# sourceMappingURL=search-input.js.map

package/input-form/search-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input.js","sourceRoot":"","sources":["../../src/input-form/search-input.ts"],"names":[],"mappings":"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"}

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

@@ -1,27 +1,24 @@
 import { CSSResultGroup } from "../deps.js";
-import STD from "./std.js";
-export declare class SelectInput extends STD {
+import { InputSTD } from "./std.js";
+export declare class SelectInput extends InputSTD {
     static styles: CSSResultGroup[];
     open: boolean;
-    selcls: string;
-    pla?: string;
+    selectedClass: string;
     only: boolean;
-    def: string;
     value: any[];
     name: string;
-    text: Array<string>;
+    text: string[];
     autofocus: boolean;
     get assigned(): any;
     _input: HTMLInputElement;
     _aside: HTMLInputElement;
     render(): import("lit").TemplateResult<1>;
-    lists(): any[];
+    protected render_list(): 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];

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":"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"}
+{"version":3,"file":"select-input.d.ts","sourceRoot":"","sources":["../../src/input-form/select-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAgF,MAAM,YAAY,CAAC;AAErI,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,qBACa,WAAY,SAAQ,QAAQ;IACvC,MAAM,CAAC,MAAM,mBAwFS;IACsB,IAAI,UAAS;IAC7C,aAAa,SAA0C;IACvB,IAAI,UAAS;IAC9B,KAAK,QAAM;IACT,IAAI,SAAY;IAClB,IAAI,EAAE,MAAM,EAAE,CAAM;IAClB,SAAS,UAAS;IAE/C,IAAI,QAAQ,QAEX;IAEe,MAAM,EAAE,gBAAgB,CAAC;IACzB,MAAM,EAAE,gBAAgB,CAAC;IAEzC,MAAM;IAgBN,SAAS,CAAC,WAAW;IAoBrB,WAAW;IAOX,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAK5B,iBAAiB;IAIjB,YAAY,CAAC,MAAM,EAAE,iBAAiB,GAAG,GAAG;IAI5C,YAAY;IAoCZ,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM;IAuDnC,YAAY;IAyCZ,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAO5C,KAAK;CAuBN;AAID,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

package/input-form/select-input.js

@@ -4,56 +4,51 @@ 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, query, define, conf, cssvar, DisableWarning, LitElement } from "../deps.js";
-import STD from "./std.js";
-let SelectInput = class SelectInput extends STD {
+import { conf, css, cssvar, define, DisableWarning, html, ifDefined, LitElement, property, query } from "../deps.js";
+import { htmlSlot, svgDelta, svgX } from "../tmpl.js";
+import { InputSTD } from "./std.js";
+let SelectInput = class SelectInput extends InputSTD {
     constructor() {
         super(...arguments);
         this.open = false;
-        this.selcls = `${conf.tag("select-input")}-selected`;
-        this.pla = undefined;
+        this.selectedClass = `${conf.tag("select-input")}-selected`;
         this.only = false;
-        this.def = "";
         this.value = [];
         this.name = "select";
         this.text = [];
         this.autofocus = false;
     }
     get assigned() {
-        return this.shadowRoot.querySelector("slot").assignedElements();
+        return super.assigned;
     }
     render() {
-        return html `<div>
-      <section>${this.lists()}</section>
+        return html ` <div>
+      <section>${this.render_list()}</section>
       <input
         id="input"
-        @focus=${() => {
+        @focus="${() => {
             this.open = true;
-        }}
-        @input=${this._handleInput}
-        placeholder=${this.pla}
+        }}"
+        @input="${this._handleInput}"
+        placeholder="${ifDefined(this.pla)}"
       />
-      <label for="input">
-        <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>
+      <label for="input">${svgDelta()}</label>
+      <aside ?open="${this.open}">${htmlSlot()}</aside>
     </div>`;
     }
-    lists() {
+    render_list() {
         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=${() => {
+            <div
+              @click="${() => {
                     this.select(this.value[i]);
-                }}
-              viewBox="0 0 1024 1024"
-              version="1.1"
+                }}"
             >
-              <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>
+              ${svgX()}
+            </div>
           </i>`);
             }
         return itemTemplates;
@@ -74,7 +69,7 @@ let SelectInput = class SelectInput extends STD {
         LitElement.prototype.connectedCallback.call(this);
     }
     getIndexFunc(option) {
-        return this.getIndexFunc(option);
+        return option.value || option.getAttribute("value");
     }
     firstUpdated() {
         if (this.def) {
@@ -92,41 +87,27 @@ let SelectInput = class SelectInput extends STD {
         this._focusCheck();
         this.assigned.forEach((option) => {
             if (this.getIndexFunc(option)) {
-                option.addEventListener("click", () => {
+                this.addEvent(option, "click", () => {
                     this.select(this.getIndexFunc(option), option.innerText);
                 });
             }
             else if (option.children) {
                 [...option.children].forEach((option) => {
-                    option.addEventListener("click", () => {
+                    this.addEvent(option, "click", () => {
                         this.select(this.getIndexFunc(option), option.innerText);
                     });
                 });
             }
         });
-        this.addEventListener("change", () => {
+        this.addEvent(this, "change", () => {
             this.open = !this.only;
         });
-        document.addEventListener("click", (e) => {
+        this.addEvent(document, "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) => {
@@ -167,19 +148,19 @@ let SelectInput = class SelectInput extends STD {
         this.assigned.forEach((option) => {
             if (this.getIndexFunc(option)) {
                 if (this.value.includes(this.getIndexFunc(option))) {
-                    option.classList.add(this.selcls);
+                    option.classList.add(this.selectedClass);
                 }
                 else {
-                    option.classList.remove(this.selcls);
+                    option.classList.remove(this.selectedClass);
                 }
             }
             else if (option.children) {
                 [...option.children].forEach((option) => {
                     if (this.value.includes(this.getIndexFunc(option))) {
-                        option.classList.add(this.selcls);
+                        option.classList.add(this.selectedClass);
                     }
                     else {
-                        option.classList.remove(this.selcls);
+                        option.classList.remove(this.selectedClass);
                     }
                 });
             }
@@ -243,11 +224,11 @@ let SelectInput = class SelectInput extends STD {
         this._input.value = "";
         this.assigned.forEach((option) => {
             if (this.getIndexFunc(option)) {
-                option.classList.remove(this.selcls);
+                option.classList.remove(this.selectedClass);
             }
             else if (option.children) {
                 [...option.children].forEach((option) => {
-                    option.classList.remove(this.selcls);
+                    option.classList.remove(this.selectedClass);
                 });
             }
         });
@@ -266,22 +247,24 @@ let SelectInput = class SelectInput extends STD {
     }
 };
 SelectInput.styles = [
-    STD.styles,
+    InputSTD.styles,
     css `
       :host {
         background: var(${cssvar}--input-background);
         color: var(${cssvar}--text);
         display: inline-flex;
-        outline: 0.145em solid transparent;
-        border-radius: 0.25em;
-        height: 1.5em;
+        outline: var(${cssvar}--input-outline-width) solid transparent;
+        height: var(${cssvar}--input-height);
         width: var(${cssvar}--input-width);
+        border-radius: 0.2em;
       }
+
       :host([open]) {
-        outline-color: var(${cssvar}--input-outline-focus);
+        outline-color: var(${cssvar}--input-outline-color);
       }
+
       input {
-        padding: 0px 0px 0px 0.25em;
+        padding: 0 0 0 0.25em;
         background: none;
         cursor: inherit;
         height: 100%;
@@ -292,6 +275,7 @@ SelectInput.styles = [
         border-radius: inherit;
         flex: 1;
       }
+
       div {
         display: inline-flex;
         position: relative;
@@ -299,9 +283,11 @@ SelectInput.styles = [
         border-radius: inherit;
         z-index: inherit;
       }
+
       label svg {
         height: 100%;
       }
+
       aside {
         margin-top: 1px;
         position: absolute;
@@ -311,6 +297,7 @@ SelectInput.styles = [
         z-index: 1;
         border-radius: inherit;
       }
+
       section {
         max-width: calc(100% - 1.2em);
         height: 100%;
@@ -319,6 +306,7 @@ SelectInput.styles = [
         border-radius: inherit;
         z-index: inherit;
       }
+
       i.selected-item {
         background: var(${cssvar}--input-true);
         border-radius: inherit;
@@ -330,15 +318,18 @@ SelectInput.styles = [
         padding-left: 0.1em;
         margin-left: 0.065em;
       }
+
       i:first-child {
         margin-left: 0;
       }
+
       i.selected-item svg {
         width: 1em;
         padding: 0 0.12em;
         height: 0.8em;
         pointer-events: all;
       }
+
       aside[open] {
         visibility: visible;
       }
@@ -349,16 +340,10 @@ __decorate([
 ], SelectInput.prototype, "open", void 0);
 __decorate([
     property()
-], SelectInput.prototype, "selcls", void 0);
-__decorate([
-    property()
-], SelectInput.prototype, "pla", void 0);
+], SelectInput.prototype, "selectedClass", 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);
@@ -383,3 +368,4 @@ SelectInput = __decorate([
 export { SelectInput };
 DisableWarning(SelectInput);
 export default SelectInput;
+//# sourceMappingURL=select-input.js.map

package/input-form/select-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-input.js","sourceRoot":"","sources":["../../src/input-form/select-input.ts"],"names":[],"mappings":"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"}

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

@@ -1,21 +1,16 @@
 import { CSSResultGroup } from "../deps.js";
-import STD from "./std.js";
-import "./label-input.js";
-export declare class SignForm extends STD {
-    name: string;
-    set: 0 | 1 | 2;
+import { FormSTD } from "./std.js";
+export declare class BaseForm extends FormSTD {
+    enctype: string;
     static styles: CSSResultGroup[];
     _form: HTMLFormElement;
+    _slots: HTMLSlotElement[];
     render(): import("lit").TemplateResult<1>;
-    opt(): any[];
     reset(): void;
-    namevalue(): [string, {
-        [key: string]: any;
-    }];
+    namevalue(enctype?: string): [string, Record<string, any>];
     FormData(): FormData;
 }
-export declare class BaseForm extends SignForm {
-    constructor();
+export declare class SignForm extends BaseForm {
 }
 export default SignForm;
 declare global {

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

@@ -1 +1 @@
-{"version":3,"file":"sign-form.d.ts","sourceRoot":"","sources":["../../src/input-form/sign-form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,cAAc,EAAE,MAAM,YAAY,CAAC;AAChF,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,OAAO,kBAAkB,CAAC;AAC1B,qBACa,QAAS,SAAQ,GAAG;IACnB,IAAI,SAAM;IACM,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAK;IAC/C,MAAM,CAAC,MAAM,mBAiBS;IACP,KAAK,EAAE,eAAe,CAAC;IACtC,MAAM;IAON,GAAG;IAOH,KAAK;IAuBL,SAAS,IAAI,CAAC,MAAM,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IA8B7C,QAAQ,IAAI,QAAQ;CA6BrB;AAUD,qBACa,QAAS,SAAQ,QAAQ;;CAKrC;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;QACtB,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"sign-form.d.ts","sourceRoot":"","sources":["../../src/input-form/sign-form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAA2C,MAAM,YAAY,CAAC;AAC1F,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAGnC,qBACa,QAAS,SAAQ,OAAO;IACvB,OAAO,SAAyB;IAC5C,MAAM,CAAC,MAAM,mBAkBS;IACP,KAAK,EAAE,eAAe,CAAC;IACpB,MAAM,EAAE,eAAe,EAAE,CAAC;IAE5C,MAAM;IAQN,KAAK;IAwBL,SAAS,CAAC,OAAO,SAAe,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IA+BhE,QAAQ,IAAI,QAAQ;CA6BrB;AAWD,qBACa,QAAS,SAAQ,QAAQ;CAAG;AAEzC,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;QACtB,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}