godown 1.1.4 → 1.1.6

package/input-form/exp-input.js

@@ -1,205 +1,218 @@
-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, classMap } from "../deps.js";
-import STD from "./std.js";
-let ExpInput = class ExpInput extends STD {
-    constructor() {
-        super(...arguments);
-        this.label = "";
-        this.name = "";
-        this.pla = undefined;
-        this.type = "text";
-        this.value = "";
-        this.def = "";
-        this.base = "outline";
-        this.offset = "";
-        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 `<div class=${classMap({ [this.base]: true, "no-label": !this.label })}>
-  ${this.type !== "textarea" ? html `<input class="input" required title="" value=${this.value} @input=${this._handleInput} @change=${this._handleChange} type=${this.type} placeholder=${this.pla} >` : html `<textarea class="input" required title="" value=${this.value || this.def} @input=${this._handleInput} placeholder=${this.pla} ></textarea>`}
-  <fieldset>
-    <legend><span>${this.label}</span></legend>
-  </fieldset><style>:valid~fieldset legend,:focus~fieldset legend{margin-left: ${this.offset || 0} !important;}</style>
-</div>`;
-    }
-};
-ExpInput.styles = [STD.styles, css `
-    :host{
-      line-height: normal;
-      display: inline-block;
-      width: var(${cssvar}--input-width);
-      color: var(${cssvar}--text);
-      border-color: var(${cssvar}--input-outline);
-      border-radius:.2em;
-    }
-    .input:focus {
-      ${cssvar}--input-outline: var(${cssvar}--input-outline-focus) !important;
-    }
-    div:hover {
-      ${cssvar}--input-background: var(${cssvar}--input-background-hover) !important;
-    }
-    .underline::after,.underline::before{
-      content: "";
-      position: absolute;
-      left: 0;
-      right: 0;
-      margin:auto;
-      bottom: -.1em;
-      width: 100%;
-      height: .18em;
-      bottom:0;
-      border-bottom-left-radius: inherit;
-      border-bottom-right-radius: inherit;
-    }
-    .underline:focus-within::before{
-      z-index:2;
-      width:100%;
-    }
-    .underline::before{width: 0;
-      transition: all .2s;
-      background: var(${cssvar}--input-outline-focus) !important;
-    }
-    .underline::after{
-      background: var(${cssvar}--input-outline);
-    }
-    .underline fieldset {
-      border-color: transparent !important;
-    }
-    .outline fieldset{
-      border-color: inherit !important;
-      border: .18em solid;
-    }
-    .outline .input{
-      padding-left:.18em;
-      padding-right:.18em;
-    }
-    .no-label.filed .input{
-      margin-top:0;
-    }
-    .filed {
-      background: var(${cssvar}--input-background);
-      outline: 0.18em solid var(${cssvar}--input-outline);
-      height: calc(100% - .36em);
-      width: calc(100% - .36em);
-      margin: .18em;
-    }
-    .filed fieldset {
-      border-color: transparent !important;
-      background: transparent !important;
-    }
-    :focus~fieldset,
-    :valid~fieldset {
-      border-color: var(${cssvar}--input-outline-focus);
-    }
-    * {
-      border-radius: inherit;
-      font-size: inherit;
-      font-family: inherit;
-      transition: all .2s,height 0s;
-    }
-    div {
-      border-color: inherit;
-      position: relative;
-      width: 100%;
-      display: inline-flex;
-      min-height:inherit;
-    }
-    textarea.input{
-      resize: vertical;
-      height:1.5em;
-      padding-top:.3em
-    }
-    .input{
-      margin-left:.18em;
-      margin-right:.18em;
-    } 
-    .input {
-      width: 100%;
-      padding-top: .2em;
-      min-height: 1.7em;
-      margin-top: .45em;
-      margin-bottom: .2em;
-      border: 0;
-      box-sizing: border-box;
-      font-size: inherit;
-      outline: 0;
-      background: transparent;
-      z-index: 2;
-      overflow-y: hidden;
-    }
-    fieldset {
-      box-sizing: border-box;
-      position: absolute;
-      background: var(${cssvar}--input-background);
-      pointer-events: none;
-      padding: 0px;
-      position: absolute;
-      height: 100%;
-      margin: 0;
-      width: inherit;
-    }
-    legend span {
-      white-space:nowrap;
-      display: inline-block;
-      padding: 0 .2em;
-      background: var(${cssvar}--input-background);
-      font-size: inherit;      
-      border-bottom-left-radius: 0;
-      border-bottom-right-radius: 0;
-    }
-    legend {
-      width: 0;
-      height: 1em;
-      transform: translateY(.8em);
-    }
-    .filed span{
-      background:transparent;
-    }
-    :focus+fieldset legend,
-    :valid+fieldset legend {
-      transform: translateY(-.19em) scale(.7);
-    }`
-];
-__decorate([
-    property()
-], ExpInput.prototype, "label", void 0);
-__decorate([
-    property()
-], ExpInput.prototype, "name", void 0);
-__decorate([
-    property()
-], ExpInput.prototype, "pla", void 0);
-__decorate([
-    property()
-], ExpInput.prototype, "type", void 0);
-__decorate([
-    property()
-], ExpInput.prototype, "value", void 0);
-__decorate([
-    property()
-], ExpInput.prototype, "def", void 0);
-__decorate([
-    property()
-], ExpInput.prototype, "base", void 0);
-__decorate([
-    property()
-], ExpInput.prototype, "offset", void 0);
-__decorate([
-    property({ type: Boolean })
-], ExpInput.prototype, "autofocus", void 0);
-__decorate([
-    query(".input")
-], ExpInput.prototype, "_input", void 0);
-ExpInput = __decorate([
-    define("exp-input")
-], ExpInput);
-export { ExpInput };
-export default ExpInput;
+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, classMap } from "../deps.js";
+import STD from "./std.js";
+let ExpInput = class ExpInput extends STD {
+    constructor() {
+        super(...arguments);
+        this.label = "";
+        this.name = "";
+        this.pla = undefined;
+        this.type = "text";
+        this.value = "";
+        this.def = "";
+        this.base = "outline";
+        this.offset = "";
+        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 `<div class=${classMap({ [this.base]: true, "no-label": !this.label })}>
+      ${this.type !== "textarea" ? html `<input class="input" required title="" value=${this.value} @input=${this._handleInput} @change=${this._handleChange} type=${this.type} placeholder=${this.pla} />` : html `<textarea class="input" required title="" value=${this.value || this.def} @input=${this._handleInput} placeholder=${this.pla}></textarea>`}
+      <fieldset>
+        <legend><span>${this.label}</span></legend>
+      </fieldset>
+      <style>
+        :valid ~ fieldset legend,
+        :focus ~ fieldset legend {
+          margin-left: ${this.offset || 0} !important;
+        }
+      </style>
+    </div>`;
+    }
+};
+ExpInput.styles = [
+    STD.styles,
+    css `
+      :host {
+        line-height: normal;
+        display: inline-block;
+        width: var(${cssvar}--input-width);
+        color: var(${cssvar}--text);
+        border-color: var(${cssvar}--input-outline);
+        border-radius: 0.2em;
+      }
+      .input:focus {
+        ${cssvar}--input-outline: var(${cssvar}--input-outline-focus) !important;
+      }
+      div:hover {
+        ${cssvar}--input-background: var(${cssvar}--input-background-hover) !important;
+      }
+      .underline::after,
+      .underline::before {
+        content: "";
+        position: absolute;
+        left: 0;
+        right: 0;
+        margin: auto;
+        bottom: -0.1em;
+        width: 100%;
+        height: 0.18em;
+        bottom: 0;
+        border-bottom-left-radius: inherit;
+        border-bottom-right-radius: inherit;
+      }
+      .underline:focus-within::before {
+        z-index: 2;
+        width: 100%;
+      }
+      .underline::before {
+        width: 0;
+        transition: all 0.2s;
+        background: var(${cssvar}--input-outline-focus) !important;
+      }
+      .underline::after {
+        background: var(${cssvar}--input-outline);
+      }
+      .underline fieldset {
+        border-color: transparent !important;
+      }
+      .outline fieldset {
+        border-color: inherit !important;
+        border: 0.18em solid;
+      }
+      .outline .input {
+        padding-left: 0.18em;
+        padding-right: 0.18em;
+      }
+      .no-label.filed .input {
+        margin-top: 0;
+      }
+      .filed {
+        background: var(${cssvar}--input-background);
+        outline: 0.18em solid var(${cssvar}--input-outline);
+        height: calc(100% - 0.36em);
+        width: calc(100% - 0.36em);
+        margin: 0.18em;
+      }
+      .filed fieldset {
+        border-color: transparent !important;
+        background: transparent !important;
+      }
+      :focus ~ fieldset,
+      :valid ~ fieldset {
+        border-color: var(${cssvar}--input-outline-focus);
+      }
+      * {
+        border-radius: inherit;
+        font-size: inherit;
+        font-family: inherit;
+        transition:
+          all 0.2s,
+          height 0s;
+      }
+      div {
+        border-color: inherit;
+        position: relative;
+        width: 100%;
+        display: inline-flex;
+        min-height: inherit;
+      }
+      textarea.input {
+        resize: vertical;
+        height: 1.5em;
+        padding-top: 0.3em;
+      }
+      .input {
+        margin-left: 0.18em;
+        margin-right: 0.18em;
+      }
+      .input {
+        width: 100%;
+        padding-top: 0.2em;
+        min-height: 1.7em;
+        margin-top: 0.45em;
+        margin-bottom: 0.2em;
+        border: 0;
+        box-sizing: border-box;
+        font-size: inherit;
+        outline: 0;
+        background: transparent;
+        z-index: 2;
+        overflow-y: hidden;
+      }
+      fieldset {
+        box-sizing: border-box;
+        position: absolute;
+        background: var(${cssvar}--input-background);
+        pointer-events: none;
+        padding: 0px;
+        position: absolute;
+        height: 100%;
+        margin: 0;
+        width: inherit;
+      }
+      legend span {
+        white-space: nowrap;
+        display: inline-block;
+        padding: 0 0.2em;
+        background: var(${cssvar}--input-background);
+        font-size: inherit;
+        border-bottom-left-radius: 0;
+        border-bottom-right-radius: 0;
+      }
+      legend {
+        width: 0;
+        height: 1em;
+        transform: translateY(0.8em);
+      }
+      .filed span {
+        background: transparent;
+      }
+      :focus + fieldset legend,
+      :valid + fieldset legend {
+        transform: translateY(-0.19em) scale(0.7);
+      }
+    `,
+];
+__decorate([
+    property()
+], ExpInput.prototype, "label", void 0);
+__decorate([
+    property()
+], ExpInput.prototype, "name", void 0);
+__decorate([
+    property()
+], ExpInput.prototype, "pla", void 0);
+__decorate([
+    property()
+], ExpInput.prototype, "type", void 0);
+__decorate([
+    property()
+], ExpInput.prototype, "value", void 0);
+__decorate([
+    property()
+], ExpInput.prototype, "def", void 0);
+__decorate([
+    property()
+], ExpInput.prototype, "base", void 0);
+__decorate([
+    property()
+], ExpInput.prototype, "offset", void 0);
+__decorate([
+    property({ type: Boolean })
+], ExpInput.prototype, "autofocus", void 0);
+__decorate([
+    query(".input")
+], ExpInput.prototype, "_input", void 0);
+ExpInput = __decorate([
+    define("exp-input")
+], ExpInput);
+export { ExpInput };
+export default ExpInput;

package/input-form/index.d.ts

@@ -1,9 +1,9 @@
-export * from "./base-input.js";
-export * from "./exp-input.js";
-export * from "./label-input.js";
-export * from "./select-input.js";
-export * from "./search-input.js";
-export * from "./sign-form.js";
-export * from "./split-input.js";
-export * from "./switch-input.js";
+export * from "./base-input.js";
+export * from "./exp-input.js";
+export * from "./label-input.js";
+export * from "./select-input.js";
+export * from "./search-input.js";
+export * from "./sign-form.js";
+export * from "./split-input.js";
+export * from "./switch-input.js";
 //# sourceMappingURL=index.d.ts.map

package/input-form/index.js

@@ -1,8 +1,8 @@
-export * from "./base-input.js";
-export * from "./exp-input.js";
-export * from "./label-input.js";
-export * from "./select-input.js";
-export * from "./search-input.js";
-export * from "./sign-form.js";
-export * from "./split-input.js";
-export * from "./switch-input.js";
+export * from "./base-input.js";
+export * from "./exp-input.js";
+export * from "./label-input.js";
+export * from "./select-input.js";
+export * from "./search-input.js";
+export * from "./sign-form.js";
+export * from "./split-input.js";
+export * from "./switch-input.js";

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

@@ -1,22 +1,22 @@
-import STD from "./std.js";
-type inputtype = "hidden" | "text" | "search" | "tel" | "url" | "email" | "password" | "datetime" | "date" | "month" | "week" | "time" | "datetime-local" | "number" | "range" | "color" | "checkbox" | "radio" | "file" | "image";
-export declare class LabelInput extends STD {
-    type: inputtype;
-    label: string;
-    def: string;
-    pla: any;
-    name: string;
-    value: string;
-    autofocus: boolean;
-    _input: HTMLInputElement;
-    static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
-    render(): import("lit").TemplateResult<1>;
-    _passwordSwitcher(): void;
-}
-export default LabelInput;
-declare global {
-    interface HTMLElementTagNameMap {
-        "label-input": LabelInput;
-    }
-}
+import STD from "./std.js";
+type inputtype = "hidden" | "text" | "search" | "tel" | "url" | "email" | "password" | "datetime" | "date" | "month" | "week" | "time" | "datetime-local" | "number" | "range" | "color" | "checkbox" | "radio" | "file" | "image";
+export declare class LabelInput extends STD {
+    type: inputtype;
+    label: string;
+    def: string;
+    pla: any;
+    name: string;
+    value: string;
+    autofocus: boolean;
+    _input: HTMLInputElement;
+    static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
+    render(): import("lit-html").TemplateResult<1>;
+    _passwordSwitcher(): void;
+}
+export default LabelInput;
+declare global {
+    interface HTMLElementTagNameMap {
+        "label-input": LabelInput;
+    }
+}
 //# sourceMappingURL=label-input.d.ts.map

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":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,KAAK,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AACnO,qBACa,UAAW,SAAQ,GAAG;IACrB,IAAI,EAAE,SAAS,CAAU;IACzB,KAAK,SAAM;IACX,GAAG,SAAM;IACT,GAAG,MAAa;IAChB,IAAI,SAAM;IACV,KAAK,SAAM;IACM,SAAS,UAAS;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACzC,MAAM,CAAC,MAAM,4FAkET;IACJ,MAAM;IAWN,iBAAiB;CAOlB;AACD,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":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,KAAK,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AACnO,qBACa,UAAW,SAAQ,GAAG;IACrB,IAAI,EAAE,SAAS,CAAU;IACzB,KAAK,SAAM;IACX,GAAG,SAAM;IACT,GAAG,MAAa;IAChB,IAAI,SAAM;IACV,KAAK,SAAM;IACM,SAAS,UAAS;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACzC,MAAM,CAAC,MAAM,4FAsEX;IACF,MAAM;IAoBN,iBAAiB;CAOlB;AACD,eAAe,UAAU,CAAC;AAC1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}