godown 1.1.4 → 1.1.6

package/input-form/label-input.js

@@ -1,137 +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 { html, css, property, query, define, cssvar } from "../deps.js";
-import STD from "./std.js";
-let LabelInput = class LabelInput extends STD {
-    constructor() {
-        super(...arguments);
-        this.type = "text";
-        this.label = "";
-        this.def = "";
-        this.pla = undefined;
-        this.name = "";
-        this.value = "";
-        this.autofocus = false;
-    }
-    render() {
-        var _a;
-        if (!this.name)
-            this.name = ((_a = this.label) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || this.type;
-        return html `<label for=${this.name}><span>${this.label}<slot></slot></span>
-  <fieldset>
-    <i><slot name="pre"></slot></i>
-    <input @input=${this._handleInput} @change=${this._handleChange} id=${this.name} type=${this.type} placeholder=${this.pla} class=${this.type} />
-    <i><slot name="suf"></slot></i>
-    ${this.type === "password" && !this.querySelector(`[slot="suf"]`) ? 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") {
-            this._input.type = "text";
-        }
-        else {
-            this._input.type = "password";
-        }
-    }
-};
-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;
-  }`];
-__decorate([
-    property()
-], LabelInput.prototype, "type", void 0);
-__decorate([
-    property()
-], LabelInput.prototype, "label", void 0);
-__decorate([
-    property()
-], LabelInput.prototype, "def", void 0);
-__decorate([
-    property()
-], LabelInput.prototype, "pla", void 0);
-__decorate([
-    property()
-], LabelInput.prototype, "name", void 0);
-__decorate([
-    property()
-], LabelInput.prototype, "value", void 0);
-__decorate([
-    property({ type: Boolean })
-], LabelInput.prototype, "autofocus", void 0);
-__decorate([
-    query("input")
-], LabelInput.prototype, "_input", void 0);
-LabelInput = __decorate([
-    define("label-input")
-], LabelInput);
-export { LabelInput };
-export default LabelInput;
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, css, property, query, define, cssvar } from "../deps.js";
+import STD from "./std.js";
+let LabelInput = class LabelInput extends STD {
+    constructor() {
+        super(...arguments);
+        this.type = "text";
+        this.label = "";
+        this.def = "";
+        this.pla = undefined;
+        this.name = "";
+        this.value = "";
+        this.autofocus = false;
+    }
+    render() {
+        var _a;
+        if (!this.name)
+            this.name = ((_a = this.label) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || this.type;
+        return html `<label for=${this.name}>
+      <span>${this.label}<slot></slot></span>
+      <fieldset>
+        <i><slot name="pre"></slot></i>
+        <input @input=${this._handleInput} @change=${this._handleChange} id=${this.name} type=${this.type} placeholder=${this.pla} class=${this.type} />
+        <i><slot name="suf"></slot></i>
+        ${this.type === "password" && !this.querySelector(`[slot="suf"]`)
+            ? 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") {
+            this._input.type = "text";
+        }
+        else {
+            this._input.type = "password";
+        }
+    }
+};
+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);
+__decorate([
+    property()
+], LabelInput.prototype, "label", void 0);
+__decorate([
+    property()
+], LabelInput.prototype, "def", void 0);
+__decorate([
+    property()
+], LabelInput.prototype, "pla", void 0);
+__decorate([
+    property()
+], LabelInput.prototype, "name", void 0);
+__decorate([
+    property()
+], LabelInput.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean })
+], LabelInput.prototype, "autofocus", void 0);
+__decorate([
+    query("input")
+], LabelInput.prototype, "_input", void 0);
+LabelInput = __decorate([
+    define("label-input")
+], LabelInput);
+export { LabelInput };
+export default LabelInput;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../src/input-form/search-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IAClB,MAAM,EAAG,gBAAgB,CAAC;IAC9B,KAAK,SAAM;IACX,MAAM,SAAM;IACK,KAAK,UAAS;IACd,MAAM,UAAS;IAChC,MAAM,SAAQ;IACd,MAAM,EAAE,KAAK,GAAG,MAAM,CAAS;IAC/B,IAAI,SAAO;IACX,KAAK,SAAM;IACX,GAAG,MAAa;IACD,IAAI,EAAE,GAAG,EAAE,CAAM;IACf,SAAS,UAAS;IACf,QAAQ,MAAa,MAAM,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"}