godown 1.1.4 → 1.1.6

package/input-form/switch-input.js

@@ -1,175 +1,181 @@
-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 SwitchInput = class SwitchInput extends STD {
-    constructor() {
-        super(...arguments);
-        this.checked = false;
-        this.disabled = false;
-        this.base = "rect";
-        this.def = "false";
-        this.name = "checkbox";
-        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>`;
-    }
-    reset() {
-        this.checked = this.def === "true";
-        this._input.checked = this.checked;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        if (this.checked) {
-            this.def = "true";
-        }
-        else if (this.def === "true") {
-            this.checked = true;
-        }
-    }
-    _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 }));
-    }
-    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;
-    }`];
-__decorate([
-    property({ type: Boolean })
-], SwitchInput.prototype, "checked", void 0);
-__decorate([
-    property({ type: Boolean })
-], SwitchInput.prototype, "disabled", void 0);
-__decorate([
-    property()
-], SwitchInput.prototype, "base", void 0);
-__decorate([
-    property()
-], SwitchInput.prototype, "def", void 0);
-__decorate([
-    property()
-], SwitchInput.prototype, "name", void 0);
-__decorate([
-    property()
-], SwitchInput.prototype, "value", void 0);
-__decorate([
-    query('input')
-], SwitchInput.prototype, "_input", void 0);
-SwitchInput = __decorate([
-    define("switch-input")
-], SwitchInput);
-export { SwitchInput };
-export default SwitchInput;
+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 SwitchInput = class SwitchInput extends STD {
+    constructor() {
+        super(...arguments);
+        this.checked = false;
+        this.disabled = false;
+        this.base = "rect";
+        this.def = "false";
+        this.name = "checkbox";
+        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>`;
+    }
+    reset() {
+        this.checked = this.def === "true";
+        this._input.checked = this.checked;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.checked) {
+            this.def = "true";
+        }
+        else if (this.def === "true") {
+            this.checked = true;
+        }
+    }
+    _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 }));
+    }
+    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 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);
+__decorate([
+    property({ type: Boolean })
+], SwitchInput.prototype, "disabled", void 0);
+__decorate([
+    property()
+], SwitchInput.prototype, "base", void 0);
+__decorate([
+    property()
+], SwitchInput.prototype, "def", void 0);
+__decorate([
+    property()
+], SwitchInput.prototype, "name", void 0);
+__decorate([
+    property()
+], SwitchInput.prototype, "value", void 0);
+__decorate([
+    query("input")
+], SwitchInput.prototype, "_input", void 0);
+SwitchInput = __decorate([
+    define("switch-input")
+], SwitchInput);
+export { SwitchInput };
+export default SwitchInput;

package/items/alert-item.d.ts

@@ -1,17 +1,17 @@
-import STD from "./std.js";
-export declare class AlertItem extends STD {
-    static styles: import("lit").CSSResult;
-    call: "success" | "info" | "warning" | "danger" | "hide";
-    autoclose: number;
-    title: string;
-    content: string;
-    render(): import("lit").TemplateResult<1>;
-    close(): void;
-}
-export default AlertItem;
-declare global {
-    interface HTMLElementTagNameMap {
-        "alert-item": AlertItem;
-    }
-}
+import STD from "./std.js";
+export declare class AlertItem extends STD {
+    static styles: import("lit").CSSResult;
+    call: "success" | "info" | "warning" | "danger" | "hide";
+    autoclose: number;
+    title: string;
+    content: string;
+    render(): import("lit-html").TemplateResult<1>;
+    close(): void;
+}
+export default AlertItem;
+declare global {
+    interface HTMLElementTagNameMap {
+        "alert-item": AlertItem;
+    }
+}
 //# sourceMappingURL=alert-item.d.ts.map

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"}