godown 2.3.1 → 2.4.1

package/group/tab-group.js

@@ -0,0 +1,150 @@
+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 { createScope, css, cssvarValues, define, html, property, state } from "../deps.js";
+import { htmlSlot } from "../tmpl.js";
+import GroupSTD from "./std.js";
+const defineName = "tab-group";
+const cssvarScope = createScope(defineName);
+let TabGroup = class TabGroup extends GroupSTD {
+    constructor() {
+        super(...arguments);
+        this.index = "";
+        this.def = "";
+        this.align = "start";
+    }
+    render() {
+        const headers = (this.headers || this.contents).map((value) => {
+            return html `<section
+        class="${this.index === value ? "active" : ""}"
+        @click="${() => {
+                this.select(value, true);
+            }}"
+      >
+        ${this.headers ? htmlSlot(value) : value}
+      </section>`;
+        });
+        return html `
+      <nav style="justify-content:${this.align}">
+        ${headers}
+        <section id="slider"></section>
+      </nav>
+      ${htmlSlot(this.index || this.def)}
+    `;
+    }
+    updated(changedProperties) {
+        if (changedProperties.has("index")) {
+            // Move slider.
+            const active = this.shadowRoot.querySelector("section.active");
+            const slider = this.shadowRoot.querySelector("#slider");
+            if (active) {
+                this.dispatchEvent(new CustomEvent("select", { detail: this.index }));
+                slider.style.width = `${active.clientWidth}px`;
+                slider.animate([{ left: `${active.offsetLeft + active.clientWidth / 2}px` }], { duration: 250, fill: "forwards" });
+            }
+            else {
+                slider.style.width = "0";
+            }
+        }
+    }
+    /**
+     * Select one tab.
+     * @param s New index.
+     * @param callSync if true, update all same elements (headers contains s).
+     */
+    select(s, callSync = false) {
+        if (callSync) {
+            const elements = this.deepQuerySelectorAll(this.tagName, null, document.body);
+            for (const e of elements) {
+                if ((e.headers || e.contents).includes(s)) {
+                    e.select(s);
+                }
+            }
+            return;
+        }
+        this.index = s;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (!this.def) {
+            this.def = this.slottedNames[0] || "";
+        }
+        if (!this.index && this.def) {
+            this.index = this.def;
+        }
+        this.getTabs();
+    }
+    /**
+     * Update content controls (this.headers, this.contents).
+     */
+    getTabs() {
+        this.contents = this.slottedNames;
+    }
+};
+TabGroup.styles = [
+    GroupSTD.styles,
+    css `
+      :host {
+        ${cssvarScope}--background: var(${cssvarValues.main});
+        ${cssvarScope}--background-active: rgb(var(${cssvarValues.textRGB}) / 18%);
+        ${cssvarScope}--radius: .25em;
+        ${cssvarScope}--cursor: default;
+        background: var(${cssvarScope}--background);
+        display: block;
+      }
+
+      nav {
+        display: grid;
+        grid-auto-flow: column;
+        gap: 0.5em;
+        position: relative;
+        border-radius: inherit;
+      }
+
+      section {
+        white-space: nowrap;
+        min-width: 2em;
+        border-radius: inherit;
+        padding: 0 0.2em;
+        cursor: var(${cssvarScope}--cursor);
+        z-index: 1;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+
+      #slider {
+        height: 100%;
+        position: absolute;
+        padding: 0;
+        background: var(${cssvarScope}--background-active);
+        transform: translateX(-50%);
+        transition: all 0.25s ease 0s;
+        z-index: 0;
+      }
+    `,
+];
+__decorate([
+    property()
+], TabGroup.prototype, "index", void 0);
+__decorate([
+    property()
+], TabGroup.prototype, "def", void 0);
+__decorate([
+    property()
+], TabGroup.prototype, "align", void 0);
+__decorate([
+    state()
+], TabGroup.prototype, "headers", void 0);
+__decorate([
+    state()
+], TabGroup.prototype, "contents", void 0);
+TabGroup = __decorate([
+    define(defineName)
+], TabGroup);
+export { TabGroup };
+export default TabGroup;
+//# sourceMappingURL=tab-group.js.map

package/group/tab-group.js.map

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

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

@@ -1,8 +1,9 @@
-import { CSSResultGroup } from "../deps.js";
+import { type CSSResultGroup } from "../deps.js";
+import { type HTMLTemplate } from "../tmpl.js";
 import { InputSTD } from "./std.js";
 import type { InputType } from "./std.js";
 export declare class BaseInput extends InputSTD {
-    static styles: CSSResultGroup[];
+    static styles: CSSResultGroup;
     _input: HTMLInputElement;
     _ranged: HTMLElement;
     accept: any;
@@ -13,13 +14,13 @@ export declare class BaseInput extends InputSTD {
     max: number;
     step: number;
     autofocus: boolean;
-    render(): import("lit").TemplateResult<1>;
+    protected render(): HTMLTemplate;
     connectedCallback(): void;
-    firstUpdated(): void;
+    protected firstUpdated(): void;
     protected _handleRange(e: any | Event): void;
     protected _handleFile(e: any | Event): void;
     reset(): void;
-    protected _typeSwitcher(): import("lit").TemplateResult<1>;
+    protected _typeSwitcher(): HTMLTemplate;
 }
 export default BaseInput;
 declare global {

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

@@ -1 +1 @@
-{"version":3,"file":"base-input.d.ts","sourceRoot":"","sources":["../../src/input-form/base-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAmE,MAAM,YAAY,CAAC;AAElH,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,qBACa,SAAU,SAAQ,QAAQ;IACrC,MAAM,CAAC,MAAM,mBAiHS;IACL,MAAM,EAAE,gBAAgB,CAAC;IACvB,OAAO,EAAE,WAAW,CAAC;IAC5B,MAAM,MAAa;IACF,IAAI,EAAE,SAAS,CAAU;IAC1C,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,QAAQ,CAAa;IAC3B,IAAI,UAAS;IACd,GAAG,SAAK;IACR,GAAG,SAAO;IACV,IAAI,SAAK;IACR,SAAS,UAAS;IAE/C,MAAM;IAaN,iBAAiB;IAejB,YAAY;IAMZ,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,GAAG,GAAG,KAAK;IAMrC,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,GAAG,GAAG,KAAK;IAKpC,KAAK;IAeL,SAAS,CAAC,aAAa;CAYxB;AAED,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
+{"version":3,"file":"base-input.d.ts","sourceRoot":"","sources":["../../src/input-form/base-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAiF,MAAM,YAAY,CAAC;AACrI,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAI1C,qBACa,SAAU,SAAQ,QAAQ;IACrC,MAAM,CAAC,MAAM,iBA8GO;IACH,MAAM,EAAE,gBAAgB,CAAC;IACvB,OAAO,EAAE,WAAW,CAAC;IAC5B,MAAM,MAAa;IACF,IAAI,EAAE,SAAS,CAAU;IAC1C,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,QAAQ,CAAa;IAC3B,IAAI,UAAS;IACd,GAAG,SAAK;IACR,GAAG,SAAO;IACV,IAAI,SAAK;IACR,SAAS,UAAS;IAE/C,SAAS,CAAC,MAAM,IAAI,YAAY;IAahC,iBAAiB;IAejB,SAAS,CAAC,YAAY;IAMtB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,GAAG,GAAG,KAAK;IAMrC,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,GAAG,GAAG,KAAK;IAKpC,KAAK;IAeL,SAAS,CAAC,aAAa,IAAI,YAAY;CAYxC;AAED,eAAe,SAAS,CAAC;AAEzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/input-form/base-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 { css, cssvar, define, GodownElement, html, ifDefined, property, query } from "../deps.js";
+import { css, cssvar, cssvarValues, define, GodownElement, html, ifDefined, property, query } from "../deps.js";
 import { htmlSlot } from "../tmpl.js";
 import { InputSTD } from "./std.js";
+const defineName = "base-input";
 let BaseInput = class BaseInput extends InputSTD {
     constructor() {
         super(...arguments);
@@ -90,15 +91,12 @@ BaseInput.styles = [
     InputSTD.styles,
     css `
       :host {
-        ${cssvar}--input-control: rgb(240 240 240);
-        ${cssvar}--input-control-edge: var(${cssvar}--input-true);
         display: inline-flex;
-        width: var(${cssvar}--input-width);
-        height: var(${cssvar}--input-height);
-        background: var(${cssvar}--input-background);
-        outline: transparent solid var(${cssvar}--input-outline-width);
-        color: var(${cssvar}--text);
-        border-radius: 0.2em;
+        width: var(${cssvarValues.input}--width);
+        height: var(${cssvarValues.input}--height);
+        background: var(${cssvarValues.input}--background);
+        outline: var(${cssvarValues.input}--outline);
+        border-radius: var(${cssvarValues.input}--radius);
       }
 
       input[type="file"] {
@@ -132,14 +130,14 @@ BaseInput.styles = [
       :host([type="range"]) {
         height: auto !important;
         margin: 0.3em 0;
-        background: var(${cssvar}--input-false);
+        background: var(${cssvarValues.input}--false);
         border-radius: 2em;
       }
 
       .range b:nth-of-type(1) {
         width: 1em;
         left: 0;
-        background: var(${cssvar}--input-true);
+        background: var(${cssvarValues.input}--true);
         border-top-right-radius: 0;
         border-bottom-right-radius: 0;
       }
@@ -176,7 +174,7 @@ BaseInput.styles = [
         width: 50%;
         height: 100%;
         pointer-events: none;
-        background: var(${cssvar}--input-true);
+        background: var(${cssvarValues.input}--true);
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;
       }
@@ -193,9 +191,9 @@ BaseInput.styles = [
         height: 1.2em;
         width: 1.2em;
         margin-top: -0.3em;
-        background: var(${cssvar}--input-control);
+        background: var(${cssvarValues.input}--control);
         border-radius: 50%;
-        border: solid 0.125em var(${cssvar}--input-control-edge);
+        border: solid 0.125em var(${cssvarValues.input}--control-edge);
         box-shadow: 0 0.1em 0.1em var(${cssvar}--shadow);
       }
     `,
@@ -231,7 +229,7 @@ __decorate([
     property({ type: Boolean })
 ], BaseInput.prototype, "autofocus", void 0);
 BaseInput = __decorate([
-    define("base-input")
+    define(defineName)
 ], BaseInput);
 export { BaseInput };
 export default BaseInput;

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

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

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

@@ -1,12 +1,13 @@
-import { CSSResultGroup } from "../deps.js";
+import { type CSSResultGroup } from "../deps.js";
+import { type HTMLTemplate } from "../tmpl.js";
 import { InputSTD, type InputType } from "./std.js";
 export declare class LabelInput extends InputSTD {
     type: InputType;
     autofocus: boolean;
     m: string;
     _input: HTMLInputElement;
-    static styles: CSSResultGroup[];
-    render(): import("lit").TemplateResult<1>;
+    static styles: CSSResultGroup;
+    protected render(): HTMLTemplate;
     private renderSuf;
     protected _passwordSwitcher(): void;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"label-input.d.ts","sourceRoot":"","sources":["../../src/input-form/label-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAoD,MAAM,YAAY,CAAC;AAEnG,OAAO,EAAE,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAC;AAEpD,qBACa,UAAW,SAAQ,QAAQ;IACT,IAAI,EAAE,SAAS,CAAU;IACzB,SAAS,UAAS;IACnC,CAAC,SAAW;IACR,MAAM,EAAE,gBAAgB,CAAC;IACzC,MAAM,CAAC,MAAM,mBA+DS;IAEtB,MAAM;IAaN,OAAO,CAAC,SAAS;IAkBjB,SAAS,CAAC,iBAAiB;CAO5B;AAED,eAAe,UAAU,CAAC;AAC1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
+{"version":3,"file":"label-input.d.ts","sourceRoot":"","sources":["../../src/input-form/label-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAA0D,MAAM,YAAY,CAAC;AAC9G,OAAO,EAAuB,KAAK,YAAY,EAAU,MAAM,YAAY,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAC;AAIpD,qBACa,UAAW,SAAQ,QAAQ;IACT,IAAI,EAAE,SAAS,CAAU;IACzB,SAAS,UAAS;IACnC,CAAC,SAAW;IACR,MAAM,EAAE,gBAAgB,CAAC;IACzC,MAAM,CAAC,MAAM,iBAmEO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAahC,OAAO,CAAC,SAAS;IAkBjB,SAAS,CAAC,iBAAiB;CAO5B;AAED,eAAe,UAAU,CAAC;AAE1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/input-form/label-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 { css, cssvar, define, html, ifDefined, property, query } from "../deps.js";
+import { css, cssvarValues, define, html, ifDefined, property, query } from "../deps.js";
 import { htmlSlot, htmlStyle, svgEye } from "../tmpl.js";
 import { InputSTD } from "./std.js";
+const defineName = "label-input";
 let LabelInput = class LabelInput extends InputSTD {
     constructor() {
         super(...arguments);
@@ -31,10 +32,10 @@ let LabelInput = class LabelInput extends InputSTD {
             return html `<i
         @mousedown="${this._passwordSwitcher}"
         @mouseup="${() => {
-                this._input.type = "password";
+                this._changeInputType("password");
             }}"
         @mouseleave="${() => {
-                this._input.type = "password";
+                this._changeInputType("password");
             }}"
       >
         ${!this.querySelector("[slot=suf]") ? svgEye() : htmlSlot("suf")}
@@ -46,10 +47,10 @@ let LabelInput = class LabelInput extends InputSTD {
     }
     _passwordSwitcher() {
         if (this._input.type === "password") {
-            this._input.type = "text";
+            this._changeInputType(this.type);
         }
         else {
-            this._input.type = "password";
+            this._changeInputType("password");
         }
     }
 };
@@ -59,7 +60,9 @@ LabelInput.styles = [
       :host {
         background-color: inherit;
         display: block;
-        border-radius: 0.2em;
+        border-radius: var(${cssvarValues.input}--radius);
+        max-width: calc(var(${cssvarValues.input}--width) * 2);
+        margin: auto;
       }
 
       label {
@@ -75,6 +78,7 @@ LabelInput.styles = [
 
       span {
         flex: 1;
+        white-space: nowrap;
       }
 
       input {
@@ -87,12 +91,14 @@ LabelInput.styles = [
       }
 
       fieldset:focus-within {
-        outline: 0.18em solid var(${cssvar}--input-outline-color);
+        outline: var(${cssvarValues.input}--outline);
       }
 
       i {
-        display: inline-flex;
         margin: auto;
+        display: flex;
+        align-items: center;
+        justify-content: center;
       }
 
       i > svg {
@@ -102,14 +108,13 @@ LabelInput.styles = [
       }
 
       fieldset {
-        color: var(${cssvar}--text);
         position: relative;
-        background-color: var(${cssvar}--input-background);
+        background-color: var(${cssvarValues.input}--background);
         display: flex;
         align-items: center;
         border-radius: inherit;
-        height: var(${cssvar}--input-height);
-        width: var(${cssvar}--input-width);
+        height: var(${cssvarValues.input}--height);
+        width: var(${cssvarValues.input}--width);
       }
 
       ::-ms-reveal {
@@ -130,7 +135,7 @@ __decorate([
     query("input")
 ], LabelInput.prototype, "_input", void 0);
 LabelInput = __decorate([
-    define("label-input")
+    define(defineName)
 ], LabelInput);
 export { LabelInput };
 export default LabelInput;

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,EAAkB,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnG,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAkB,MAAM,UAAU,CAAC;AAG7C,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,QAAQ;IAAjC;;QACwB,SAAI,GAAc,MAAM,CAAC;QACzB,cAAS,GAAG,KAAK,CAAC;QACnC,MAAC,GAAG,OAAO,CAAC;IAyG1B,CAAC;IAtCC,MAAM;QACJ,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,MAAM,CAAC,IAAI,GAAG,UAAU,CAAC;YAChC,CAAC;uBACc,GAAG,EAAE;gBAClB,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,UAAU,CAAC;YAChC,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,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC;SAC3B;aAAM;YACL,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,UAAU,CAAC;SAC/B;IACH,CAAC;;AAtGM,iBAAM,GAAG;IACd,QAAQ,CAAC,MAAM;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAgC6B,MAAM;;;;;;;;;;;;;;;qBAerB,MAAM;;gCAEK,MAAM;;;;sBAIhB,MAAM;qBACP,MAAM;;;;;;KAMtB;CACkB,AA/DR,CA+DS;AAnEO;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,aAAa,CAAC;GACT,UAAU,CA4GtB;;AAED,eAAe,UAAU,CAAC"}
+{"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"}

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

@@ -1,7 +1,9 @@
-import { CSSResultGroup } from "../deps.js";
+import { type CSSResultGroup } from "../deps.js";
+import { type HTMLTemplate } from "../tmpl.js";
 import { InputSTD } from "./std.js";
 export declare class SearchInput extends InputSTD {
     _input: HTMLInputElement;
+    autofocus: boolean;
     query: string;
     target: string;
     infer: boolean;
@@ -12,10 +14,9 @@ export declare class SearchInput extends InputSTD {
     name: string;
     pla?: string;
     list: any[];
-    autofocus: boolean;
     useInfer: (x: string) => Promise<string[]>;
-    static styles: CSSResultGroup[];
-    render(): import("lit").TemplateResult<1>;
+    static styles: CSSResultGroup;
+    protected render(): HTMLTemplate;
     private renderList;
     protected _handleSubmit(e: Event): void;
     protected _handleInput(e: Event): Promise<void>;

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,EAAO,cAAc,EAAoD,MAAM,YAAY,CAAC;AAEnG,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,qBACa,WAAY,SAAQ,QAAQ;IACvB,MAAM,EAAG,gBAAgB,CAAC;IAC9B,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;IACV,IAAI,EAAE,GAAG,EAAE,CAAM;IACf,SAAS,UAAS;IACf,QAAQ,MAAa,MAAM,uBAOzD;IACF,MAAM,CAAC,MAAM,mBA+FS;IAEtB,MAAM;IAYN,OAAO,CAAC,UAAU;IAMlB,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,KAAK;cAOhB,YAAY,CAAC,CAAC,EAAE,KAAK;CA4BtC;AAED,eAAe,WAAW,CAAC;AAC3B,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":"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"}

package/input-form/search-input.js

@@ -4,12 +4,15 @@ 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, cssvar, define, html, ifDefined, property, query } from "../deps.js";
+import { createScope, css, cssvarValues, define, html, ifDefined, property, query, state } from "../deps.js";
 import { htmlSlot, svgSearch } from "../tmpl.js";
 import { InputSTD } from "./std.js";
+const defineName = "search-input";
+const cssvarInput = createScope(defineName);
 let SearchInput = class SearchInput extends InputSTD {
     constructor() {
         super(...arguments);
+        this.autofocus = false;
         this.query = "";
         this.target = "";
         this.infer = false;
@@ -20,7 +23,6 @@ let SearchInput = class SearchInput extends InputSTD {
         this.name = "q";
         this.pla = undefined;
         this.list = [];
-        this.autofocus = false;
         this.useInfer = async (x) => {
             await new Promise((resolve) => {
                 setTimeout(() => {
@@ -86,21 +88,22 @@ SearchInput.styles = [
     InputSTD.styles,
     css `
       :host {
-        color: var(${cssvar}--text);
+        ${cssvarInput}--width:var(${cssvarValues.input}--width);
+        width: var(${cssvarValues.input}--width);
+        border-radius: var(${cssvarValues.input}--radius);
+        ${cssvarInput}--input-padding: 0;
         display: inline-block;
-        width: 100%;
-        border-radius: 0.75em;
       }
 
       div {
-        height: var(${cssvar}--input-height);
+        height: var(${cssvarValues.input}--height);
         flex: 1;
         display: flex;
         z-index: 2;
       }
 
       form {
-        background-color: var(${cssvar}--input-background);
+        background-color: var(${cssvarValues.input}--background);
         min-height: 100%;
         outline: 0.145em solid transparent;
         display: flex;
@@ -117,7 +120,7 @@ SearchInput.styles = [
       }
 
       :host(:focus) form {
-        outline: var(${cssvar}--input-outline-width) solid var(${cssvar}--input-outline-color);
+        outline: var(${cssvarValues.input}--outline);
       }
 
       ul {
@@ -129,7 +132,7 @@ SearchInput.styles = [
       }
 
       :host([float]) ul {
-        background: var(${cssvar}--input-background);
+        background: var(${cssvarValues.input}--background);
         padding-top: 1.5em;
         position: absolute;
         z-index: 1;
@@ -141,7 +144,7 @@ SearchInput.styles = [
       }
 
       :host([float]:focus) ul {
-        outline: var(${cssvar}--input-outline-width) solid var(${cssvar}--input-outline-color);
+        outline: var(${cssvarValues.input}--outline);
       }
 
       li {
@@ -149,10 +152,6 @@ SearchInput.styles = [
         font-size: 0.95rem;
       }
 
-      li:hover {
-        background: var(${cssvar}--input-background-hover);
-      }
-
       button,
       input {
         background: none;
@@ -167,8 +166,8 @@ SearchInput.styles = [
         flex: 1;
         min-width: 0;
         box-sizing: border-box;
-        padding-left: 0.75em;
-        padding-right: 0;
+        margin-left: 0.25em;
+        padding: var(${cssvarInput}--input-padding: 0;);
         font-size: 1rem;
       }
 
@@ -181,6 +180,9 @@ 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);
@@ -209,16 +211,13 @@ __decorate([
     property()
 ], SearchInput.prototype, "pla", void 0);
 __decorate([
-    property({ type: Array })
+    state()
 ], SearchInput.prototype, "list", void 0);
 __decorate([
-    property({ type: Boolean })
-], SearchInput.prototype, "autofocus", void 0);
-__decorate([
-    property({ attribute: false })
+    state()
 ], SearchInput.prototype, "useInfer", void 0);
 SearchInput = __decorate([
-    define("search-input")
+    define(defineName)
 ], SearchInput);
 export { SearchInput };
 export default 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":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,GAAG,EAAuB,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAClI,OAAO,EAAE,QAAQ,EAAqB,SAAS,EAAE,MAAM,YAAY,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,MAAM,UAAU,GAAG,cAAc,CAAC;AAElC,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAGrC,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,QAAQ;IAAlC;;QAEwB,cAAS,GAAG,KAAK,CAAC;QACnC,UAAK,GAAG,EAAE,CAAC;QACX,WAAM,GAAG,EAAE,CAAC;QACK,UAAK,GAAG,KAAK,CAAC;QACd,WAAM,GAAG,KAAK,CAAC;QACA,UAAK,GAAG,KAAK,CAAC;QAC9C,WAAM,GAAG,IAAI,CAAC;QACd,WAAM,GAAmB,KAAK,CAAC;QAC/B,SAAI,GAAG,GAAG,CAAC;QACX,QAAG,GAAY,SAAS,CAAC;QAC5B,SAAI,GAAU,EAAE,CAAC;QACjB,aAAQ,GAAG,KAAK,EAAE,CAAS,EAAE,EAAE;YACtC,MAAM,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,EAAE;gBAClC,UAAU,CAAC,GAAG,EAAE;oBACd,OAAO,EAAE,CAAC;gBACZ,CAAC,EAAE,GAAG,CAAC,CAAC;YACV,CAAC,CAAC,CAAC;YACH,OAAO,CAAC,qBAAqB,EAAE,iBAAiB,CAAC,WAAW,EAAE,sBAAsB,CAAC,CAAC;QACxF,CAAC,CAAC;IAoJJ,CAAC;IArDW,MAAM;QACd,OAAO,IAAI,CAAA,iBAAiB,IAAI,CAAC,MAAM,aAAa,IAAI,CAAC,MAAM;;uBAE5C,IAAI,CAAC,IAAI,aAAa,IAAI,CAAC,YAAY,aAAa,IAAI,CAAC,YAAY,cAAc,IAAI,CAAC,aAAa,2BAA2B,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;0BAChJ,IAAI,CAAC,aAAa,KAAK,SAAS,EAAE;;;UAGlD,QAAQ,EAAE,IAAI,IAAI,CAAC,UAAU,EAAE;;YAE7B,CAAC;IACX,CAAC;IAEO,UAAU;QAChB,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,EAAE;YAC/C,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;SAC5D;IACH,CAAC;IAES,aAAa,CAAC,CAAQ;QAC9B,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChB,CAAC,CAAC,cAAc,EAAE,CAAC;SACpB;QACD,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IACxE,CAAC;IAES,KAAK,CAAC,YAAY,CAAC,CAAQ;QACnC,MAAM,KAAK,GAAW,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QAC1C,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,OAAO;SACR;QACD,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,EAAE;YAC7B,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAC1D,MAAM,uBAAuB,GAAG,QAAQ,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACtE,IAAI,CAAC,KAAK,IAAI,CAAC,aAAa,IAAI,CAAC,uBAAuB,CAAC,MAAM,EAAE;gBAC/D,OAAO;aACR;YACD,aAAa,CAAC,eAAe,EAAE,CAAC;YAChC,KAAK,MAAM,CAAC,IAAI,uBAAuB,EAAE;gBACvC,IAAI,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;oBACjC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;iBAC9C;aACF;SACF;QACD,IAAI,KAAK,IAAI,IAAI,CAAC,KAAK,EAAE;YACvB,IAAI,CAAC,IAAI,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACvC,OAAO;SACR;aAAM;YACL,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;SAChB;QACD,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QAChE,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IACnE,CAAC;;AAlJM,kBAAM,GAAG;IACd,QAAQ,CAAC,MAAM;IACf,GAAG,CAAA;;UAEG,WAAW,eAAe,YAAY,CAAC,KAAK;qBACjC,YAAY,CAAC,KAAK;6BACV,YAAY,CAAC,KAAK;UACrC,WAAW;;;;;sBAKC,YAAY,CAAC,KAAK;;;;;;;gCAOR,YAAY,CAAC,KAAK;;;;;;;;;;;;;;;;;uBAiB3B,YAAY,CAAC,KAAK;;;;;;;;;;;;0BAYf,YAAY,CAAC,KAAK;;;;;;;;;;;;uBAYrB,YAAY,CAAC,KAAK;;;;;;;;;;;;;;;;;;;;;;;uBAuBlB,WAAW;;;;;;;;KAQ7B;CACgB,AA5FN,CA4FO;AAhHJ;IAAf,KAAK,CAAC,OAAO,CAAC;2CAA2B;AACb;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8CAAmB;AACnC;IAAX,QAAQ,EAAE;0CAAY;AACX;IAAX,QAAQ,EAAE;2CAAa;AACK;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAAe;AACd;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2CAAgB;AACA;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAAe;AAC9C;IAAX,QAAQ,EAAE;2CAAe;AACd;IAAX,QAAQ,EAAE;2CAAgC;AAC/B;IAAX,QAAQ,EAAE;yCAAY;AACX;IAAX,QAAQ,EAAE;wCAA0B;AAC5B;IAAR,KAAK,EAAE;yCAAkB;AACjB;IAAR,KAAK,EAAE;6CAON;AApBS,WAAW;IADvB,MAAM,CAAC,UAAU,CAAC;GACN,WAAW,CAwKvB;;AAED,eAAe,WAAW,CAAC"}

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

@@ -1,7 +1,8 @@
-import { CSSResultGroup } from "../deps.js";
+import { type CSSResultGroup } from "../deps.js";
+import { type HTMLTemplate } from "../tmpl.js";
 import { InputSTD } from "./std.js";
 export declare class SelectInput extends InputSTD {
-    static styles: CSSResultGroup[];
+    static styles: CSSResultGroup;
     open: boolean;
     only: boolean;
     value: any[];
@@ -11,13 +12,13 @@ export declare class SelectInput extends InputSTD {
     get assigned(): any;
     _input: HTMLInputElement;
     _aside: HTMLInputElement;
-    render(): import("lit").TemplateResult<1>;
+    protected render(): HTMLTemplate;
     private renderList;
     protected _focusCheck(): void;
     focus(options?: FocusOptions): void;
     connectedCallback(): void;
     getOptionValue(option: HTMLElement | any): any;
-    firstUpdated(): void;
+    protected firstUpdated(): 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,EAAO,cAAc,EAAmE,MAAM,YAAY,CAAC;AAElH,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,qBACa,WAAY,SAAQ,QAAQ;IACvC,MAAM,CAAC,MAAM,mBAwFS;IACsB,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,MAAM;IAgBN,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,YAAY;IA+BZ,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,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"}