godown 1.1.3 → 1.1.5

package/input-form/split-input.js

@@ -4,8 +4,8 @@ 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, queryAll, define, cssvar } from '../deps.js';
-import STD from './std.js';
+import { html, css, property, query, queryAll, define, cssvar } from "../deps.js";
+import STD from "./std.js";
 let SplitInput = class SplitInput extends STD {
     constructor() {
         super(...arguments);
@@ -18,23 +18,27 @@ let SplitInput = class SplitInput extends STD {
         this.currentValue = [];
     }
     render() {
-        return html `<main><div>
-  ${Array(this.max).fill(0).map(() => html `<span><i></i></span>`)}
-  <input @input=${this._handleInput} value="     ">
-</div></main>`;
+        return html `<main>
+      <div>
+        ${Array(this.max)
+            .fill(0)
+            .map(() => html `<span><i></i></span>`)}
+        <input @input=${this._handleInput} value="     " />
+      </div>
+    </main>`;
     }
     firstUpdated() {
         this._focusCheck();
-        this.currentValue = this.value.split('').concat(Array(this.max - this.value.length).fill(null));
-        this.current = (this.index < 0 || this.index > this.max) ? this.currentValue.indexOf(null) : this.index;
+        this.currentValue = this.value.split("").concat(Array(this.max - this.value.length).fill(null));
+        this.current = this.index < 0 || this.index > this.max ? this.currentValue.indexOf(null) : this.index;
         this._spans.forEach((span, index) => {
-            span.addEventListener('click', () => {
+            span.addEventListener("click", () => {
                 this.current = index;
                 this.focusAt();
                 this._input.focus();
             });
         });
-        document.addEventListener('click', (e) => {
+        document.addEventListener("click", (e) => {
             if (!this.contains(e.target)) {
                 this.blur();
             }
@@ -44,7 +48,6 @@ let SplitInput = class SplitInput extends STD {
         if (e.data === null) {
             if (this.currentValue[this.current] !== null) {
                 this.currentValue[this.current] = null;
-                this.current = this.current;
             }
             else {
                 this.currentValue[this.current - 1] = null;
@@ -65,11 +68,11 @@ let SplitInput = class SplitInput extends STD {
         }
         this.focus();
         this._spans.forEach((span, index) => {
-            span.querySelector('i').innerText = this.currentValue[index] || '';
+            span.querySelector("i").innerText = this.currentValue[index] || "";
         });
-        this.value = this.currentValue.join('');
-        this.dispatchEvent(new CustomEvent('input', { detail: this.value, bubbles: true, composed: true }));
-        this.dispatchEvent(new CustomEvent('change', { detail: this.value, composed: true }));
+        this.value = this.currentValue.join("");
+        this.dispatchEvent(new CustomEvent("input", { detail: this.value, bubbles: true, composed: true }));
+        this.dispatchEvent(new CustomEvent("change", { detail: this.value, composed: true }));
     }
     focus() {
         this.focusAt();
@@ -77,74 +80,79 @@ let SplitInput = class SplitInput extends STD {
     focusAt(i = this.current) {
         var _a;
         this._spans.forEach((span) => {
-            span.classList.remove('focus');
+            span.classList.remove("focus");
         });
-        (_a = this._spans[i]) === null || _a === void 0 ? void 0 : _a.classList.add('focus');
+        (_a = this._spans[i]) === null || _a === void 0 ? void 0 : _a.classList.add("focus");
         this._input.value = "      ";
     }
     blur(i = this.current) {
         var _a;
-        (_a = this._spans[i]) === null || _a === void 0 ? void 0 : _a.classList.remove('focus');
+        (_a = this._spans[i]) === null || _a === void 0 ? void 0 : _a.classList.remove("focus");
         this._input.blur();
     }
     reset() {
         this.currentValue = Array(this.max).fill(null);
         this.current = 0;
         this._spans.forEach((span) => {
-            span.querySelector('i').innerText = '';
+            span.querySelector("i").innerText = "";
         });
-        this.value = '';
-        this.dispatchEvent(new CustomEvent('change', { detail: this.value }));
+        this.value = "";
+        this.dispatchEvent(new CustomEvent("change", { detail: this.value }));
     }
 };
-SplitInput.styles = [STD.styles, css `:host{
-      display: inline-block;
-      width: fit-content;
-    }
-    main{
-      display:flex;
-    }
-    *{
-      font-size: 1em;
-    }
-    div {
-      vertical-align:top;
-      position: relative;
-      display:inline-flex;
-      font-size: 116%;
-    }
-    span {
-      box-sizing: content-box;
-      vertical-align: top;
-      display: inline-flex;
-      width: 1.0275em;
-      padding: 0.1em;
-      height: 1.0275em;
-      pointer-events: all;
-    }
-    i {
-      height: inherit;
-      width: 100%;
-      z-index: 1;
-      background-color: var(${cssvar}--input-false);
-      font-style: normal;
-      text-align: center;
-      font-size: 80%;
-      line-height: 1.09;
-    }
-    input {
-      border:0;
-      opacity: 0;
-      left: 0;
-      position: absolute;
-      background-color: tan;
-      right: 0;
-      top: 0;
-      bottom: 0;
-    }
-    .focus i {
-      outline: .12em solid var(${cssvar}--input-true);
-    }`];
+SplitInput.styles = [
+    STD.styles,
+    css `
+      :host {
+        display: inline-block;
+        width: fit-content;
+      }
+      main {
+        display: flex;
+      }
+      * {
+        font-size: 1em;
+      }
+      div {
+        vertical-align: top;
+        position: relative;
+        display: inline-flex;
+        font-size: 116%;
+      }
+      span {
+        box-sizing: content-box;
+        vertical-align: top;
+        display: inline-flex;
+        width: 1.0275em;
+        padding: 0.1em;
+        height: 1.0275em;
+        pointer-events: all;
+      }
+      i {
+        height: inherit;
+        width: 100%;
+        z-index: 1;
+        background-color: var(${cssvar}--input-false);
+        font-style: normal;
+        text-align: center;
+        font-size: 80%;
+        line-height: 1.09;
+      }
+      input {
+        border: 0;
+        opacity: 0;
+        left: 0;
+        position: absolute;
+        background-color: tan;
+        right: 0;
+        top: 0;
+        bottom: 0;
+      }
+      .focus i {
+        outline: 0.12em solid var(${cssvar}--input-true);
+      }
+    `,
+];
 __decorate([
     property()
 ], SplitInput.prototype, "name", void 0);
@@ -161,13 +169,13 @@ __decorate([
     property({ type: Boolean })
 ], SplitInput.prototype, "autofocus", void 0);
 __decorate([
-    query('input')
+    query("input")
 ], SplitInput.prototype, "_input", void 0);
 __decorate([
-    queryAll('span')
+    queryAll("span")
 ], SplitInput.prototype, "_spans", void 0);
 SplitInput = __decorate([
-    define('split-input')
+    define("split-input")
 ], SplitInput);
 export { SplitInput };
 export default SplitInput;

package/input-form/std.d.ts

@@ -7,7 +7,7 @@ export default class InputFormSTD extends GLOBSTD {
     compositing: boolean;
     autofocus: boolean;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResultGroup[];
-    namevalue(): any[];
+    namevalue(): [string, any];
     reset(): void;
     _handleInput(e: any): void;
     _handleChange(): void;

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

@@ -1 +1 @@
-{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/input-form/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAClD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,OAAO;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,gBAAgB,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,MAAM,8DAgBZ;IACD,SAAS;IAGT,KAAK;IAIL,YAAY,CAAC,CAAC,EAAE,GAAG;IAOnB,aAAa;IAGb,iBAAiB;IAKjB,iBAAiB;IAUjB,WAAW;IAKX,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAG5B,YAAY;CAIb"}
+{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/input-form/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAClD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,OAAO;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,gBAAgB,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,MAAM,8DAmBX;IACF,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;IAG1B,KAAK;IAIL,YAAY,CAAC,CAAC,EAAE,GAAG;IAOnB,aAAa;IAGb,iBAAiB;IAKjB,iBAAiB;IASjB,WAAW;IAKX,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAG5B,YAAY;CAIb"}

package/input-form/std.js

@@ -49,20 +49,23 @@ export default class InputFormSTD extends GLOBSTD {
         this._compositionCheck();
     }
 }
-InputFormSTD.styles = [GLOBSTD.styles, css `
-:host{
-  ${cssvar}--text:rgb(240 240 240);
-  ${cssvar}--input-outline: rgb(25 130 180);
-  ${cssvar}--input-outline-focus: rgb(29 155 180);
-  ${cssvar}--input-background: rgb(24 24 24);
-  ${cssvar}--input-background-hover: rgb(42 42 42);
-  ${cssvar}--input-control:rgb(244 244 244);
-  ${cssvar}--input-true: rgb(47 129 237);
-  ${cssvar}--input-false: rgb(204 204 204);
-  ${cssvar}--input-width: 10.6rem;
-}
-::-webkit-calendar-picker-indicator {
-  background-color: var(${cssvar}--input-true);
-  border-radius: .1rem;
-}
-`];
+InputFormSTD.styles = [
+    GLOBSTD.styles,
+    css `
+      :host {
+        ${cssvar}--text:rgb(240 240 240);
+        ${cssvar}--input-outline: rgb(25 130 180);
+        ${cssvar}--input-outline-focus: rgb(29 155 180);
+        ${cssvar}--input-background: rgb(24 24 24);
+        ${cssvar}--input-background-hover: rgb(42 42 42);
+        ${cssvar}--input-control:rgb(244 244 244);
+        ${cssvar}--input-true: rgb(47 129 237);
+        ${cssvar}--input-false: rgb(204 204 204);
+        ${cssvar}--input-width: 10.6rem;
+      }
+      ::-webkit-calendar-picker-indicator {
+        background-color: var(${cssvar}--input-true);
+        border-radius: 0.1rem;
+      }
+    `,
+];

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

@@ -1,4 +1,4 @@
-import STD from './std.js';
+import STD from "./std.js";
 export declare class SwitchInput extends STD {
     static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
     checked: boolean;
@@ -8,11 +8,11 @@ export declare class SwitchInput extends STD {
     name: string;
     value: string;
     _input: HTMLInputElement;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     reset(): void;
     connectedCallback(): void;
     _handleChange(): void;
-    namevalue(): (string | boolean)[];
+    namevalue(): [string, boolean];
 }
 export default SwitchInput;
 declare global {

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

@@ -1 +1 @@
-{"version":3,"file":"switch-input.d.ts","sourceRoot":"","sources":["../../src/input-form/switch-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IAClC,MAAM,CAAC,MAAM,4FAmGP;IACuB,OAAO,UAAS;IAChB,QAAQ,UAAS;IAClC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAU;IAC9B,GAAG,SAAW;IACd,IAAI,SAAc;IAClB,KAAK,SAAQ;IACT,MAAM,EAAE,gBAAgB,CAAC;IACzC,MAAM;IASN,KAAK;IAIL,iBAAiB;IAQjB,aAAa;IAKb,SAAS;CAGV;AACD,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
+{"version":3,"file":"switch-input.d.ts","sourceRoot":"","sources":["../../src/input-form/switch-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IAClC,MAAM,CAAC,MAAM,4FAwGX;IAC2B,OAAO,UAAS;IAChB,QAAQ,UAAS;IAClC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAU;IAC9B,GAAG,SAAW;IACd,IAAI,SAAc;IAClB,KAAK,SAAQ;IACT,MAAM,EAAE,gBAAgB,CAAC;IACzC,MAAM;IAUN,KAAK;IAIL,iBAAiB;IAQjB,aAAa;IAKb,SAAS,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;CAG/B;AACD,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

package/input-form/switch-input.js

@@ -4,8 +4,8 @@ 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, cssvar } from '../deps.js';
-import STD from './std.js';
+import { html, css, property, query, define, cssvar } from "../deps.js";
+import STD from "./std.js";
 let SwitchInput = class SwitchInput extends STD {
     constructor() {
         super(...arguments);
@@ -17,13 +17,14 @@ let SwitchInput = class SwitchInput extends STD {
         this.value = "on";
     }
     render() {
-        return html `<span class=${this.base}>
-<input @change=${this._handleChange} ?disabled=${this.disabled} ?checked=${this.checked} name=${this.name} value=${this.value} type="checkbox" >
-<aside>
-  <div class="false"><slot name="false"></slot></div>
-  <div class="always"><slot></slot><slot name="always"></slot></div>
-  <div class="true"><slot name="true"></slot></div>
-</aside></span>`;
+        return html `<span class=${this.base}>
+      <input @change=${this._handleChange} ?disabled=${this.disabled} ?checked=${this.checked} name=${this.name} value=${this.value} type="checkbox" />
+      <aside>
+        <div class="false"><slot name="false"></slot></div>
+        <div class="always"><slot></slot><slot name="always"></slot></div>
+        <div class="true"><slot name="true"></slot></div>
+      </aside>
+    </span>`;
     }
     reset() {
         this.checked = this.def === "true";
@@ -40,113 +41,118 @@ let SwitchInput = class SwitchInput extends STD {
     }
     _handleChange() {
         this.checked = this._input.checked;
-        this.dispatchEvent(new CustomEvent('input', { detail: this.checked, bubbles: true, composed: true }));
-        this.dispatchEvent(new CustomEvent('change', { detail: this.checked, composed: true }));
+        this.dispatchEvent(new CustomEvent("input", { detail: this.checked, bubbles: true, composed: true }));
+        this.dispatchEvent(new CustomEvent("change", { detail: this.checked, composed: true }));
     }
     namevalue() {
         return [this.name, this.checked];
     }
 };
-SwitchInput.styles = [STD.styles, css `
-    :host{
-      width: 3em;
-      height: 1.5em;
-    }
-    :host,span {
-      display: inline-flex;
-      font-size: inherit;
-      position: relative;
-      align-items: center;
-      border-radius: inherit;
-    }
-    span{
-      width: inherit;
-      height: inherit;
-    }
-    input {
-      width:inherit;
-      height: inherit;
-      margin: 0;
-      outline: none;
-      appearance: none;
-      -webkit-appearance: none;
-      -moz-appearance: none;
-      position: relative;
-      font-size: inherit;
-      background-color: var(${cssvar}--input-false);
-      border-radius: inherit;
-      transition: all .3s;
-    }
-    aside {
-      pointer-events: none;
-      transition: .3s;
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      position: absolute;
-      font-size: inherit;
-      overflow: hidden;
-      border-radius: inherit;
-    }
-    aside div {
-      height: 100%;
-    }
-    input[disabled]~aside{
-      filter:brightness(.87) ;
-    }
-    .rect div.always {
-      display: none;
-    }
-    .always {
-      position: absolute;
-    }
-    .rect aside {
-      height: 100%;
-      width: 100%;
-      left: 0;
-    }
-    .rect .true,
-    .rect .false {
-      width: 50%;
-      text-align: center;
-      transition: all .3s;
-    }
-    .rect input:checked~aside div.true,
-    .rect .false {
-      background-color: var(${cssvar}--input-true);
-    }
-    .rect input:checked~aside div.false,
-    .rect .true {
-      background-color: var(${cssvar}--input-false);
-    }
-    .fat aside {
-      width: 1.20em;
-      height: 1.20em;
-      border-radius: 50%;
-      background-color: var(${cssvar}--input-control);
-      transition: .3s;
-      left: .15em;
-      top: .15em;
-      bottom: .15em;
-    }
-    .fat {
-      border-radius: 0.75em;
-    }
-    .fat input:checked {
-      background-color: var(${cssvar}--input-true);
-    }
-    .fat input:checked~aside {
-      left: calc(100% - .15em - 1.20em);
-      right: 0.15em;
-    }
-    .fat input:checked~aside div.true,
-    .fat div.false {
-      display: block;
-    }
-    .fat input:checked~aside div.false,
-    .fat div.true {
-      display: none;
-    }`];
+SwitchInput.styles = [
+    STD.styles,
+    css `
+      :host {
+        width: 3em;
+        height: 1.5em;
+      }
+      :host,
+      span {
+        display: inline-flex;
+        font-size: inherit;
+        position: relative;
+        align-items: center;
+        border-radius: inherit;
+      }
+      span {
+        width: inherit;
+        height: inherit;
+      }
+      input {
+        width: inherit;
+        height: inherit;
+        margin: 0;
+        outline: none;
+        appearance: none;
+        -webkit-appearance: none;
+        -moz-appearance: none;
+        position: relative;
+        font-size: inherit;
+        background-color: var(${cssvar}--input-false);
+        border-radius: inherit;
+        transition: all 0.3s;
+      }
+      aside {
+        pointer-events: none;
+        transition: 0.3s;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        position: absolute;
+        font-size: inherit;
+        overflow: hidden;
+        border-radius: inherit;
+      }
+      aside div {
+        height: 100%;
+      }
+      input[disabled] ~ aside {
+        filter: brightness(0.87);
+      }
+      .rect div.always {
+        display: none;
+      }
+      .always {
+        position: absolute;
+      }
+      .rect aside {
+        height: 100%;
+        width: 100%;
+        left: 0;
+      }
+      .rect .true,
+      .rect .false {
+        width: 50%;
+        text-align: center;
+        transition: all 0.3s;
+      }
+      .rect input:checked ~ aside div.true,
+      .rect .false {
+        background-color: var(${cssvar}--input-true);
+      }
+      .rect input:checked ~ aside div.false,
+      .rect .true {
+        background-color: var(${cssvar}--input-false);
+      }
+      .fat aside {
+        width: 1.2em;
+        height: 1.2em;
+        border-radius: 50%;
+        background-color: var(${cssvar}--input-control);
+        transition: 0.3s;
+        left: 0.15em;
+        top: 0.15em;
+        bottom: 0.15em;
+      }
+      .fat {
+        border-radius: 0.75em;
+      }
+      .fat input:checked {
+        background-color: var(${cssvar}--input-true);
+      }
+      .fat input:checked ~ aside {
+        left: calc(100% - 0.15em - 1.2em);
+        right: 0.15em;
+      }
+      .fat input:checked ~ aside div.true,
+      .fat div.false {
+        display: block;
+      }
+      .fat input:checked ~ aside div.false,
+      .fat div.true {
+        display: none;
+      }
+    `,
+];
 __decorate([
     property({ type: Boolean })
 ], SwitchInput.prototype, "checked", void 0);
@@ -166,7 +172,7 @@ __decorate([
     property()
 ], SwitchInput.prototype, "value", void 0);
 __decorate([
-    query('input')
+    query("input")
 ], SwitchInput.prototype, "_input", void 0);
 SwitchInput = __decorate([
     define("switch-input")

package/items/alert-item.d.ts

@@ -5,7 +5,7 @@ export declare class AlertItem extends STD {
     autoclose: number;
     title: string;
     content: string;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     close(): void;
 }
 export default AlertItem;

package/items/alert-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-item.d.ts","sourceRoot":"","sources":["../../src/items/alert-item.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,SAAU,SAAQ,GAAG;IAChC,MAAM,CAAC,MAAM,0BAqFV;IACS,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAU;IAClD,SAAS,SAAQ;IACjC,KAAK,SAAM;IACX,OAAO,SAAM;IACzB,MAAM;IAeN,KAAK;CAMN;AACD,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
+{"version":3,"file":"alert-item.d.ts","sourceRoot":"","sources":["../../src/items/alert-item.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,SAAU,SAAQ,GAAG;IAChC,MAAM,CAAC,MAAM,0BAsFX;IACU,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAU;IAClD,SAAS,SAAQ;IACjC,KAAK,SAAM;IACX,OAAO,SAAM;IACzB,MAAM;IAeN,KAAK;CAMN;AACD,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}