godown 2.4.1 → 2.5.0

package/input-form/label-input.js

@@ -4,41 +4,79 @@ 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 { css, cssvarValues, define, html, ifDefined, property, query } from "../deps.js";
-import { htmlSlot, htmlStyle, svgEye } from "../tmpl.js";
+import { css, html, property, query } from "../deps.js";
+import { cssvarValues, define } from "../root.js";
+import { htmlSlot, htmlStyle, svgEye } from "../lib/templates.js";
 import { InputSTD } from "./std.js";
+const PASSWORD = "password";
+const styleInMedia = css `
+  label[for] {
+    justify-content: flex-start;
+    flex-direction: column;
+    align-items: inherit;
+    width: fit-content;
+  }
+  :host {
+    width: var(${cssvarValues.input}--width);
+    margin: auto;
+  }
+`;
+const styleNoLabel = css `
+  :host {
+    width: var(${cssvarValues.input}--width);
+  }
+`;
+const styleWithLabel = css `
+  :host {
+    width: calc(var(${cssvarValues.input}--width) * 2);
+  }
+`;
 const defineName = "label-input";
+/**
+ * LabelInput renders label and input.
+ *
+ * When there is a label, the layout will be adjusted according to the width of the screen.
+ *
+ * Otherwise it behaves similarly to the `BaseInput`.
+ */
 let LabelInput = class LabelInput extends InputSTD {
     constructor() {
         super(...arguments);
-        this.type = "text";
-        this.autofocus = false;
-        this.m = "540px";
+        /**
+         * Conditions for adjust layout.
+         */
+        this.mobile = "540px";
     }
     render() {
-        const style = this.m && `@media screen and (max-width: ${this.m}) {label[for] {justify-content: flex-start;flex-direction: column;align-items: inherit;width: fit-content;}`;
-        return html `<label for="${this.name}">
-      <span>${this.label}${htmlSlot()}</span>
-      <fieldset>
-        <i>${htmlSlot("pre")}</i>
-        <input @input="${this._handleInput}" @change="${this._handleChange}" id="${this.name}" type="${this.type}" placeholder="${ifDefined(this.pla)}" class="${this.type}" />
-        ${this.renderSuf()}
-      </fieldset>
-      ${htmlStyle(style)}
-    </label>`;
+        const result = html `<fieldset>
+      <i>${htmlSlot("pre")}</i>
+      <input .value="${this.value}" ?autofocus="${this.autofocus}" id="${this.name}" type="${this.type}" placeholder="${this.pla}" class="${this.type}" @input="${this._handleInput}" @change="${this._handleChange}" />
+      ${this.renderSuf()}
+    </fieldset>`;
+        if (this.label) {
+            const style = this.mobile && `${styleWithLabel}@media (max-width: ${this.mobile}){${styleInMedia}}`;
+            return [
+                html `<label for="${this.name}">
+          <span>${this.label}${htmlSlot()}</span>
+          ${result}
+        </label>`,
+                htmlStyle(style),
+            ];
+        }
+        return [result, htmlStyle(styleNoLabel.toString())];
     }
     renderSuf() {
-        if (this.type === "password") {
+        if (this.type === PASSWORD) {
             return html `<i
         @mousedown="${this._passwordSwitcher}"
         @mouseup="${() => {
-                this._changeInputType("password");
+                this._changeInputType(PASSWORD);
             }}"
         @mouseleave="${() => {
-                this._changeInputType("password");
+                this._changeInputType(PASSWORD);
             }}"
       >
-        ${!this.querySelector("[slot=suf]") ? svgEye() : htmlSlot("suf")}
+        ${htmlSlot("suf", svgEye(), this)}
       </i>`;
         }
         else {
@@ -46,11 +84,11 @@ let LabelInput = class LabelInput extends InputSTD {
         }
     }
     _passwordSwitcher() {
-        if (this._input.type === "password") {
-            this._changeInputType(this.type);
+        if (this._input.type === PASSWORD) {
+            this._changeInputType("text");
         }
         else {
-            this._changeInputType("password");
+            this._changeInputType(PASSWORD);
         }
     }
 };
@@ -58,16 +96,13 @@ LabelInput.styles = [
     InputSTD.styles,
     css `
       :host {
-        background-color: inherit;
-        display: block;
+        margin: var(--godown--input--outline-width);
         border-radius: var(${cssvarValues.input}--radius);
-        max-width: calc(var(${cssvarValues.input}--width) * 2);
-        margin: auto;
       }
 
       label {
-        margin: auto;
         width: 100%;
+        margin: auto;
         box-sizing: border-box;
         height: fit-content;
         display: flex;
@@ -77,7 +112,6 @@ LabelInput.styles = [
       }
 
       span {
-        flex: 1;
         white-space: nowrap;
       }
 
@@ -115,22 +149,13 @@ LabelInput.styles = [
         border-radius: inherit;
         height: var(${cssvarValues.input}--height);
         width: var(${cssvarValues.input}--width);
-      }
-
-      ::-ms-reveal {
-        display: none;
+        min-width: var(${cssvarValues.input}--width);
       }
     `,
 ];
-__decorate([
-    property({ reflect: true })
-], LabelInput.prototype, "type", void 0);
-__decorate([
-    property({ type: Boolean })
-], LabelInput.prototype, "autofocus", void 0);
 __decorate([
     property()
-], LabelInput.prototype, "m", void 0);
+], LabelInput.prototype, "mobile", void 0);
 __decorate([
     query("input")
 ], LabelInput.prototype, "_input", void 0);

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

@@ -1 +1 @@
-{"version":3,"file":"label-input.js","sourceRoot":"","sources":["../../src/input-form/label-input.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAuB,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9G,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAqB,MAAM,EAAE,MAAM,YAAY,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAkB,MAAM,UAAU,CAAC;AAEpD,MAAM,UAAU,GAAG,aAAa,CAAC;AAG1B,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,QAAQ;IAAjC;;QACwB,SAAI,GAAc,MAAM,CAAC;QACzB,cAAS,GAAG,KAAK,CAAC;QACnC,MAAC,GAAG,OAAO,CAAC;IA6G1B,CAAC;IAtCW,MAAM;QACd,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,IAAI,iCAAiC,IAAI,CAAC,CAAC,6GAA6G,CAAC;QAC7K,OAAO,IAAI,CAAA,eAAe,IAAI,CAAC,IAAI;cACzB,IAAI,CAAC,KAAK,GAAG,QAAQ,EAAE;;aAExB,QAAQ,CAAC,KAAK,CAAC;yBACH,IAAI,CAAC,YAAY,cAAc,IAAI,CAAC,aAAa,SAAS,IAAI,CAAC,IAAI,WAAW,IAAI,CAAC,IAAI,kBAAkB,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,YAAY,IAAI,CAAC,IAAI;UAChK,IAAI,CAAC,SAAS,EAAE;;QAElB,SAAS,CAAC,KAAK,CAAC;aACX,CAAC;IACZ,CAAC;IAEO,SAAS;QACf,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE;YAC5B,OAAO,IAAI,CAAA;sBACK,IAAI,CAAC,iBAAiB;oBACxB,GAAG,EAAE;gBACf,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;YACpC,CAAC;uBACc,GAAG,EAAE;gBAClB,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;YACpC,CAAC;;UAEC,CAAC,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;WAC7D,CAAC;SACP;aAAM;YACL,OAAO,IAAI,CAAA,MAAM,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;SACxC;IACH,CAAC;IAES,iBAAiB;QACzB,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,UAAU,EAAE;YACnC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAClC;aAAM;YACL,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;SACnC;IACH,CAAC;;AA1GM,iBAAM,GAAG;IACd,QAAQ,CAAC,MAAM;IACf,GAAG,CAAA;;;;6BAIsB,YAAY,CAAC,KAAK;8BACjB,YAAY,CAAC,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA8BzB,YAAY,CAAC,KAAK;;;;;;;;;;;;;;;;;;gCAkBT,YAAY,CAAC,KAAK;;;;sBAI5B,YAAY,CAAC,KAAK;qBACnB,YAAY,CAAC,KAAK;;;;;;KAMlC;CACgB,AAnEN,CAmEO;AAvES;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAA0B;AACzB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CAAmB;AACnC;IAAX,QAAQ,EAAE;qCAAa;AACR;IAAf,KAAK,CAAC,OAAO,CAAC;0CAA0B;AAJ9B,UAAU;IADtB,MAAM,CAAC,UAAU,CAAC;GACN,UAAU,CAgHtB;;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"label-input.js","sourceRoot":"","sources":["../../src/input-form/label-input.ts"],"names":[],"mappings":"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"}

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

@@ -1,25 +1,44 @@
 import { type CSSResultGroup } from "../deps.js";
-import { type HTMLTemplate } from "../tmpl.js";
+import { type HTMLTemplate } from "../lib/templates.js";
 import { InputSTD } from "./std.js";
+/**
+ * SearchInput used for search behavior.
+ */
 export declare class SearchInput extends InputSTD {
-    _input: HTMLInputElement;
-    autofocus: boolean;
+    /**
+     * Query selectors.
+     */
     query: string;
+    /**
+     * Target selectors.
+     */
     target: string;
+    /**
+     * Enable infer.
+     */
     infer: boolean;
-    remote: boolean;
+    /**
+     * Float result.
+     */
     float: boolean;
+    /**
+     * Form action.
+     */
     action: string;
+    /**
+     * Form method.
+     */
     method: "get" | "post";
+    /**
+     * Form name.
+     */
     name: string;
-    pla?: string;
-    list: any[];
-    useInfer: (x: string) => Promise<string[]>;
+    _input: HTMLInputElement;
     static styles: CSSResultGroup;
     protected render(): HTMLTemplate;
-    private renderList;
     protected _handleSubmit(e: Event): void;
-    protected _handleInput(e: Event): Promise<void>;
+    protected _handleInput(e: Event): void;
+    searchElements(s: string): void;
 }
 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":"AAAA,OAAO,EAAoB,KAAK,cAAc,EAAiE,MAAM,YAAY,CAAC;AAClI,OAAO,EAAY,KAAK,YAAY,EAAa,MAAM,YAAY,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAMpC,qBACa,WAAY,SAAQ,QAAQ;IACvB,MAAM,EAAG,gBAAgB,CAAC;IACb,SAAS,UAAS;IACnC,KAAK,SAAM;IACX,MAAM,SAAM;IACK,KAAK,UAAS;IACd,MAAM,UAAS;IACA,KAAK,UAAS;IAC9C,MAAM,SAAQ;IACd,MAAM,EAAE,KAAK,GAAG,MAAM,CAAS;IAC/B,IAAI,SAAO;IACX,GAAG,CAAC,EAAE,MAAM,CAAa;IAC5B,IAAI,EAAE,GAAG,EAAE,CAAM;IACjB,QAAQ,MAAa,MAAM,uBAOlC;IACF,MAAM,CAAC,MAAM,iBA4FO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAYhC,OAAO,CAAC,UAAU;IAMlB,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,KAAK;cAOhB,YAAY,CAAC,CAAC,EAAE,KAAK;CA4BtC;AAED,eAAe,WAAW,CAAC;AAE3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
+{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../src/input-form/search-input.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,cAAc,EAAyB,MAAM,YAAY,CAAC;AAC7E,OAAO,EAAY,KAAK,YAAY,EAAa,MAAM,qBAAqB,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAMpC;;GAEG;AACH,qBACa,WAAY,SAAQ,QAAQ;IACvC;;OAEG;IACS,KAAK,SAAM;IACvB;;OAEG;IACS,MAAM,SAAM;IACxB;;OAEG;IAC0B,KAAK,UAAS;IAC3C;;OAEG;IACyC,KAAK,UAAS;IAC1D;;OAEG;IACS,MAAM,SAAM;IACxB;;OAEG;IACS,MAAM,EAAE,KAAK,GAAG,MAAM,CAAS;IAC3C;;OAEG;IACS,IAAI,SAAO;IAEP,MAAM,EAAG,gBAAgB,CAAC;IAE1C,MAAM,CAAC,MAAM,iBAsFO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAYhC,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,KAAK;IAOhC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK;IAiB/B,cAAc,CAAC,CAAC,EAAE,MAAM;CAezB;AAED,eAAe,WAAW,CAAC;AAE3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

package/input-form/search-input.js

@@ -4,84 +4,94 @@ 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 { createScope, css, cssvarValues, define, html, ifDefined, property, query, state } from "../deps.js";
-import { htmlSlot, svgSearch } from "../tmpl.js";
+import { createScope, cssvarValues, define } from "../root.js";
+import { css, html, property, query } from "../deps.js";
+import { htmlSlot, svgSearch } from "../lib/templates.js";
 import { InputSTD } from "./std.js";
 const defineName = "search-input";
 const cssvarInput = createScope(defineName);
+/**
+ * SearchInput used for search behavior.
+ */
 let SearchInput = class SearchInput extends InputSTD {
     constructor() {
         super(...arguments);
-        this.autofocus = false;
+        /**
+         * Query selectors.
+         */
         this.query = "";
+        /**
+         * Target selectors.
+         */
         this.target = "";
+        /**
+         * Enable infer.
+         */
         this.infer = false;
-        this.remote = false;
+        /**
+         * Float result.
+         */
         this.float = false;
-        this.action = "./";
+        /**
+         * Form action.
+         */
+        this.action = "";
+        /**
+         * Form method.
+         */
         this.method = "get";
+        /**
+         * Form name.
+         */
         this.name = "q";
-        this.pla = undefined;
-        this.list = [];
-        this.useInfer = async (x) => {
-            await new Promise((resolve) => {
-                setTimeout(() => {
-                    resolve();
-                }, 400);
-            });
-            return ["Undefined: useInfer", `Use: useInfer(${x} :string)`, "Return Array<string>"];
-        };
     }
     render() {
         return html `<form action="${this.action}" method="${this.method}">
       <div>
-        <input name="${this.name}" @focus="${this._handleInput}" @input="${this._handleInput}" @change="${this._handleChange}" title="" placeholder="${ifDefined(this.pla)}" />
-        <button @click="${this._handleSubmit}">${svgSearch()}</button>
+        <input .value="${this.value}" ?autofocus="${this.autofocus}" name="${this.name}" @focus="${this._handleInput}" @input="${this._handleInput}" title="" placeholder="${this.pla}" />
+        <button @click="${this._handleSubmit}">${htmlSlot("search", svgSearch(), this)}</button>
       </div>
       <ul>
-        ${htmlSlot()} ${this.renderList()}
+        ${htmlSlot()}
       </ul>
     </form>`;
     }
-    renderList() {
-        if (this.list && this.list.length && this.value) {
-            return html `${this.list.map((v) => html ` <li>${v}</li>`)}`;
-        }
-    }
     _handleSubmit(e) {
-        if (!this.remote) {
+        if (!this.action) {
             e.preventDefault();
         }
         this.dispatchEvent(new CustomEvent("submit", { detail: this.value }));
     }
-    async _handleInput(e) {
+    _handleInput(e) {
+        e.stopPropagation();
         const value = this.targetValue(e);
+        if (value === this.value) {
+            return;
+        }
         this.value = value;
         if (this.compositing) {
             return;
         }
         if (this.target && this.query) {
-            const targetElement = document.querySelector(this.target);
-            const queryElementsCollection = document.querySelectorAll(this.query);
-            if (!value || !targetElement || !queryElementsCollection.length) {
-                return;
-            }
-            targetElement.replaceChildren();
+            this.searchElements(this.value);
+        }
+        this.dispatchEvent(new CustomEvent("input", { detail: this.value, bubbles: true, composed: true }));
+        this.dispatchEvent(new CustomEvent("change", { detail: this.value, composed: true }));
+    }
+    searchElements(s) {
+        const targetElement = document.body.querySelector(this.target);
+        const queryElementsCollection = document.body.querySelectorAll(this.query);
+        if (!targetElement) {
+            return;
+        }
+        targetElement.replaceChildren();
+        if (s && queryElementsCollection.length) {
             for (const e of queryElementsCollection) {
-                if (e.textContent.includes(value)) {
+                if (e.textContent.includes(this.value)) {
                     targetElement.appendChild(e.cloneNode(true));
                 }
             }
         }
-        if (value && this.infer) {
-            this.list = await this.useInfer(value);
-            return;
-        }
-        else {
-            this.list = [];
-        }
-        this.dispatchEvent(new CustomEvent("input", { detail: value }));
-        this.dispatchEvent(new CustomEvent("change", { detail: value }));
     }
 };
 SearchInput.styles = [
@@ -89,13 +99,15 @@ SearchInput.styles = [
     css `
       :host {
         ${cssvarInput}--width:var(${cssvarValues.input}--width);
+        ${cssvarInput}--input-padding: 0 0 0 .35em;
         width: var(${cssvarValues.input}--width);
+        margin: var(--godown--input--outline-width);
         border-radius: var(${cssvarValues.input}--radius);
-        ${cssvarInput}--input-padding: 0;
-        display: inline-block;
+        background: var(${cssvarValues.input}--background);
       }
 
       div {
+        padding: var(${cssvarInput}--input-padding);
         height: var(${cssvarValues.input}--height);
         flex: 1;
         display: flex;
@@ -103,7 +115,6 @@ SearchInput.styles = [
       }
 
       form {
-        background-color: var(${cssvarValues.input}--background);
         min-height: 100%;
         outline: 0.145em solid transparent;
         display: flex;
@@ -113,10 +124,11 @@ SearchInput.styles = [
         width: 100%;
         margin: 0;
         position: relative;
+        overflow: hidden;
       }
 
       :host([float]) form {
-        background: none;
+        overflow: visible;
       }
 
       :host(:focus) form {
@@ -147,28 +159,20 @@ SearchInput.styles = [
         outline: var(${cssvarValues.input}--outline);
       }
 
-      li {
-        padding: 0.1em 0.5em;
-        font-size: 0.95rem;
-      }
-
       button,
       input {
         background: none;
       }
 
       button {
-        width: 1.8rem;
-        height: 1.5rem;
+        width: 1.8em;
+        height: inherit;
       }
 
       input {
         flex: 1;
         min-width: 0;
         box-sizing: border-box;
-        margin-left: 0.25em;
-        padding: var(${cssvarInput}--input-padding: 0;);
-        font-size: 1rem;
       }
 
       svg {
@@ -177,12 +181,6 @@ SearchInput.styles = [
       }
     `,
 ];
-__decorate([
-    query("input")
-], SearchInput.prototype, "_input", void 0);
-__decorate([
-    property({ type: Boolean })
-], SearchInput.prototype, "autofocus", void 0);
 __decorate([
     property()
 ], SearchInput.prototype, "query", void 0);
@@ -192,9 +190,6 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], SearchInput.prototype, "infer", void 0);
-__decorate([
-    property({ type: Boolean })
-], SearchInput.prototype, "remote", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], SearchInput.prototype, "float", void 0);
@@ -208,14 +203,8 @@ __decorate([
     property()
 ], SearchInput.prototype, "name", void 0);
 __decorate([
-    property()
-], SearchInput.prototype, "pla", void 0);
-__decorate([
-    state()
-], SearchInput.prototype, "list", void 0);
-__decorate([
-    state()
-], SearchInput.prototype, "useInfer", void 0);
+    query("input")
+], SearchInput.prototype, "_input", void 0);
 SearchInput = __decorate([
     define(defineName)
 ], SearchInput);

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

@@ -1 +1 @@
-{"version":3,"file":"search-input.js","sourceRoot":"","sources":["../../src/input-form/search-input.ts"],"names":[],"mappings":"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"}
+{"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,14 +1,31 @@
 import { type CSSResultGroup } from "../deps.js";
-import { type HTMLTemplate } from "../tmpl.js";
+import { type HTMLTemplate } from "../lib/templates.js";
 import { InputSTD } from "./std.js";
+/**
+ * SelectInput select matched elements.
+ */
 export declare class SelectInput extends InputSTD {
-    static styles: CSSResultGroup;
+    /**
+     * Open content.
+     */
     open: boolean;
+    /**
+     * Only a single option is allowed.
+     */
     only: boolean;
+    /**
+     * Selected values.
+     */
     value: any[];
+    /**
+     * Input name.
+     */
     name: string;
+    /**
+     * Selected texts.
+     */
     text: string[];
-    autofocus: boolean;
+    static styles: CSSResultGroup;
     get assigned(): any;
     _input: HTMLInputElement;
     _aside: HTMLInputElement;
@@ -17,10 +34,10 @@ export declare class SelectInput extends InputSTD {
     protected _focusCheck(): void;
     focus(options?: FocusOptions): void;
     connectedCallback(): void;
-    getOptionValue(option: HTMLElement | any): any;
+    getOptionValue(option: Element): string;
     protected firstUpdated(): void;
     select(value: string, text?: string): void;
-    _handleInput(): void;
+    protected _handleInput(): void;
     namevalue(): [string, any[]] | [string, any];
     reset(): void;
 }

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,EAAO,KAAK,cAAc,EAAyE,MAAM,YAAY,CAAC;AAC7H,OAAO,EAAY,KAAK,YAAY,EAAkB,MAAM,YAAY,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,qBACa,WAAY,SAAQ,QAAQ;IACvC,MAAM,CAAC,MAAM,iBAuFO;IACwB,IAAI,UAAS;IACb,IAAI,UAAS;IAC9B,KAAK,QAAM;IAC1B,IAAI,SAAY;IACD,IAAI,EAAE,MAAM,EAAE,CAAM;IAClB,SAAS,UAAS;IAE/C,IAAI,QAAQ,QAEX;IAEe,MAAM,EAAE,gBAAgB,CAAC;IACzB,MAAM,EAAE,gBAAgB,CAAC;IAEzC,SAAS,CAAC,MAAM,IAAI,YAAY;IAgBhC,OAAO,CAAC,UAAU;IAqBlB,SAAS,CAAC,WAAW;IAOrB,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAK5B,iBAAiB;IAIjB,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,GAAG;IAIxC,SAAS,CAAC,YAAY;IAgCtB,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM;IA4CnC,YAAY;IAqCZ,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAI5C,KAAK;CAcN;AAED,eAAe,WAAW,CAAC;AAM3B,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,EAAO,KAAK,cAAc,EAAyB,MAAM,YAAY,CAAC;AAE7E,OAAO,EAAY,KAAK,YAAY,EAAkB,MAAM,qBAAqB,CAAC;AAElF,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC;;GAEG;AACH,qBACa,WAAY,SAAQ,QAAQ;IACvC;;OAEG;IACyC,IAAI,UAAS;IACzD;;OAEG;IACyC,IAAI,UAAS;IACzD;;OAEG;IACwB,KAAK,QAAM;IACtC;;OAEG;IACS,IAAI,SAAY;IAC5B;;OAEG;IACwB,IAAI,EAAE,MAAM,EAAE,CAAM;IAE/C,MAAM,CAAC,MAAM,iBAuFO;IAEpB,IAAI,QAAQ,QAEX;IAEe,MAAM,EAAE,gBAAgB,CAAC;IACzB,MAAM,EAAE,gBAAgB,CAAC;IAEzC,SAAS,CAAC,MAAM,IAAI,YAAY;IAiBhC,OAAO,CAAC,UAAU;IAqBlB,SAAS,CAAC,WAAW;IAOrB,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAK5B,iBAAiB;IAIjB,cAAc,CAAC,MAAM,EAAE,OAAO;IAI9B,SAAS,CAAC,YAAY;IAgCtB,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM;IA4CnC,SAAS,CAAC,YAAY;IAuCtB,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAI5C,KAAK;CAcN;AAED,eAAe,WAAW,CAAC;AAM3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}