godown 1.1.5 → 1.2.0

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-html").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").TemplateResult<1>;
+    close(): void;
+}
+export default AlertItem;
+declare global {
+    interface HTMLElementTagNameMap {
+        "alert-item": AlertItem;
+    }
+}
 //# sourceMappingURL=alert-item.d.ts.map

package/items/alert-item.js

@@ -1,22 +1,22 @@
-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, define } from "../deps.js";
-import STD from "./std.js";
-let AlertItem = class AlertItem extends STD {
-    constructor() {
-        super(...arguments);
-        this.call = "info";
-        this.autoclose = 3000;
-        this.title = "";
-        this.content = "";
-    }
-    render() {
-        if (this.autoclose)
-            setTimeout(() => this.close(), this.autoclose);
+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, define, cssvar } from "../deps.js";
+import STD from "./std.js";
+let AlertItem = class AlertItem extends STD {
+    constructor() {
+        super(...arguments);
+        this.call = "info";
+        this.autoclose = 3000;
+        this.title = "";
+        this.content = "";
+    }
+    render() {
+        if (this.autoclose)
+            setTimeout(() => this.close(), this.autoclose);
         return html `<div class="${this.call} alert" role="alert">
       <section class="content">
         <strong><slot name="title"></slot>${this.title}</strong>
@@ -28,15 +28,15 @@ let AlertItem = class AlertItem extends STD {
           <path d="M14 34L34 14" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
         </svg>
       </aside>
-    </div>`;
-    }
-    close() {
-        this.shadowRoot.querySelector(".alert").classList.add("hide");
-        setTimeout(() => {
-            this.remove();
-        }, 300);
-    }
-};
+    </div>`;
+    }
+    close() {
+        this.shadowRoot.querySelector(".alert").classList.add("hide");
+        setTimeout(() => {
+            this.remove();
+        }, 300);
+    }
+};
 AlertItem.styles = css `
     :host {
       margin: 0.1em auto;
@@ -48,28 +48,28 @@ AlertItem.styles = css `
       transform: translateY(-50%);
     }
     .success {
-      --color: #3c763d;
-      --super: #2b542c;
-      --background: #dff0d8;
-      --border: #d6e9c6;
+      ${cssvar}--color: #3c763d;
+      ${cssvar}--super: #2b542c;
+      ${cssvar}--background: #dff0d8;
+      ${cssvar}--border: #d6e9c6;
     }
     .info {
-      --color: #31708f;
-      --background: #d9edf7;
-      --border: #bce8f1;
-      --super: #245269;
+      ${cssvar}--color: #31708f;
+      ${cssvar}--background: #d9edf7;
+      ${cssvar}--border: #bce8f1;
+      ${cssvar}--super: #245269;
     }
     .warning {
-      --color: #8a6d3b;
-      --background: #fcf8e3;
-      --border: #faebcc;
-      --super: #66512c;
+      ${cssvar}--color: #8a6d3b;
+      ${cssvar}--background: #fcf8e3;
+      ${cssvar}--border: #faebcc;
+      ${cssvar}--super: #66512c;
     }
     .danger {
-      --color: #a94442;
-      --background: #f2dede;
-      --border: #ebccd1;
-      --super: #843534;
+      ${cssvar}--color: #a94442;
+      ${cssvar}--background: #f2dede;
+      ${cssvar}--border: #ebccd1;
+      ${cssvar}--super: #843534;
     }
     .alert {
       display: flex;
@@ -78,9 +78,9 @@ AlertItem.styles = css `
       border: 1px solid transparent;
       border-radius: 4px;
       transition: all 0.25s;
-      color: var(--color);
-      background-color: var(--background);
-      border-color: var(--border);
+      color: var(${cssvar}--color);
+      background-color: var(${cssvar}--background);
+      border-color: var(${cssvar}--border);
       animation: alert 0.25s ease-in-out;
     }
     @keyframes alert {
@@ -113,31 +113,31 @@ AlertItem.styles = css `
       width: 1.6em;
     }
     aside.close:hover path {
-      stroke: var(--super);
+      stroke: var(${cssvar}--super);
     }
     path {
-      stroke: var(--color);
+      stroke: var(${cssvar}--color);
       transition: all 0.3s;
     }
     .alert ::slotted(a) {
       font-weight: bold;
-      color: var(--super);
-    }
-  `;
-__decorate([
-    property()
-], AlertItem.prototype, "call", void 0);
-__decorate([
-    property({ type: Number })
-], AlertItem.prototype, "autoclose", void 0);
-__decorate([
-    property()
-], AlertItem.prototype, "title", void 0);
-__decorate([
-    property()
-], AlertItem.prototype, "content", void 0);
-AlertItem = __decorate([
-    define("alert-item")
-], AlertItem);
-export { AlertItem };
-export default AlertItem;
+      color: var(${cssvar}--super);
+    }
+  `;
+__decorate([
+    property()
+], AlertItem.prototype, "call", void 0);
+__decorate([
+    property({ type: Number })
+], AlertItem.prototype, "autoclose", void 0);
+__decorate([
+    property()
+], AlertItem.prototype, "title", void 0);
+__decorate([
+    property()
+], AlertItem.prototype, "content", void 0);
+AlertItem = __decorate([
+    define("alert-item")
+], AlertItem);
+export { AlertItem };
+export default AlertItem;

package/items/avatar-anchor.d.ts

@@ -1,20 +1,20 @@
-import STD from "./std.js";
-export declare class AvatarAnchor extends STD {
-    src: string;
-    href: any;
-    name: string;
-    more: number;
-    call: "left" | "center" | "right";
-    gap: boolean;
-    static styles: import("lit").CSSResult;
-    constructor();
-    render(): import("lit-html").TemplateResult<1>;
-    ava(): import("lit-html").TemplateResult<1>;
-}
-export default AvatarAnchor;
-declare global {
-    interface HTMLElementTagNameMap {
-        "avatar-anchor": AvatarAnchor;
-    }
-}
+import STD from "./std.js";
+export declare class AvatarAnchor extends STD {
+    src: string;
+    href: any;
+    name: string;
+    more: number;
+    call: "left" | "center" | "right";
+    gap: boolean;
+    static styles: import("lit").CSSResult;
+    constructor();
+    render(): import("lit").TemplateResult<1>;
+    ava(): import("lit").TemplateResult<1>;
+}
+export default AvatarAnchor;
+declare global {
+    interface HTMLElementTagNameMap {
+        "avatar-anchor": AvatarAnchor;
+    }
+}
 //# sourceMappingURL=avatar-anchor.d.ts.map

package/items/avatar-anchor.js

@@ -1,23 +1,23 @@
-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, classMap, ifDefined, define } from "../deps.js";
-import STD from "./std.js";
-let AvatarAnchor = class AvatarAnchor extends STD {
-    constructor() {
-        super();
-        this.src = "";
-        this.href = undefined;
-        this.name = "";
-        this.more = 0;
-        this.call = "center";
-        this.gap = false;
-        this.call = "center";
-    }
-    render() {
+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, classMap, ifDefined, define, cssvar } from "../deps.js";
+import STD from "./std.js";
+let AvatarAnchor = class AvatarAnchor extends STD {
+    constructor() {
+        super();
+        this.src = "";
+        this.href = undefined;
+        this.name = "";
+        this.more = 0;
+        this.call = "center";
+        this.gap = false;
+        this.call = "center";
+    }
+    render() {
         return html `<div class=${classMap({ gap: this.gap, [this.call]: this.call })}>
       <header>
         <a href=${ifDefined(this.href)}>
@@ -30,24 +30,24 @@ let AvatarAnchor = class AvatarAnchor extends STD {
         </section>
       </header>
       ${!this.gap ? html `<article><slot></slot></article>` : ""}
-    </div>`;
-    }
-    ava() {
-        if (this.src) {
-            return html `<img src=${this.src} />`;
-        }
-        else if (this.name) {
-            let name = this.name.slice(0, 2);
-            name = name[0].toUpperCase() + name.slice(1);
-            return html `<span>${name}</span>`;
-        }
-        else if (this.more) {
-            const more = this.more > 99 ? "..." : this.more;
-            return html `<span>+${more}</span>`;
-        }
-        return html `<slot name="avatar"></slot>`;
-    }
-};
+    </div>`;
+    }
+    ava() {
+        if (this.src) {
+            return html `<img src=${this.src} />`;
+        }
+        else if (this.name) {
+            let name = this.name.slice(0, 2);
+            name = name[0].toUpperCase() + name.slice(1);
+            return html `<span>${name}</span>`;
+        }
+        else if (this.more) {
+            const more = this.more > 99 ? "..." : this.more;
+            return html `<span>+${more}</span>`;
+        }
+        return html `<slot name="avatar"></slot>`;
+    }
+};
 AvatarAnchor.styles = css `
     :host {
       display: inline-block;
@@ -78,14 +78,14 @@ AvatarAnchor.styles = css `
       height: 100%;
     }
     div {
-      --ava: 2.5em;
+      ${cssvar}--ava: 2.5em;
     }
     a {
       color: inherit;
-      height: var(--ava);
-      width: var(--ava);
-      min-height: var(--ava);
-      min-width: var(--ava);
+      height: var(${cssvar}--ava);
+      width: var(${cssvar}--ava);
+      min-height: var(${cssvar}--ava);
+      min-width: var(${cssvar}--ava);
       display: flex;
       position: relative;
     }
@@ -98,13 +98,13 @@ AvatarAnchor.styles = css `
       justify-content: center;
     }
     .left.gap {
-      margin-right: var(--ava);
+      margin-right: var(${cssvar}--ava);
     }
     .right.gap {
-      margin-left: var(--ava);
+      margin-left: var(${cssvar}--ava);
     }
     slot[name="bar"]::slotted(*) {
-      height: var(--ava);
+      height: var(${cssvar}--ava);
     }
     slot[name="state"] {
       position: absolute;
@@ -116,7 +116,7 @@ AvatarAnchor.styles = css `
     }
     .left section,
     .right section {
-      min-height: var(--ava);
+      min-height: var(${cssvar}--ava);
       display: flex;
       flex-direction: column;
       flex: 1;
@@ -124,27 +124,27 @@ AvatarAnchor.styles = css `
     .right section {
       justify-content: flex-end;
     }
-  `;
-__decorate([
-    property()
-], AvatarAnchor.prototype, "src", void 0);
-__decorate([
-    property()
-], AvatarAnchor.prototype, "href", void 0);
-__decorate([
-    property()
-], AvatarAnchor.prototype, "name", void 0);
-__decorate([
-    property({ type: Number })
-], AvatarAnchor.prototype, "more", void 0);
-__decorate([
-    property()
-], AvatarAnchor.prototype, "call", void 0);
-__decorate([
-    property({ type: Boolean })
-], AvatarAnchor.prototype, "gap", void 0);
-AvatarAnchor = __decorate([
-    define("avatar-anchor")
-], AvatarAnchor);
-export { AvatarAnchor };
-export default AvatarAnchor;
+  `;
+__decorate([
+    property()
+], AvatarAnchor.prototype, "src", void 0);
+__decorate([
+    property()
+], AvatarAnchor.prototype, "href", void 0);
+__decorate([
+    property()
+], AvatarAnchor.prototype, "name", void 0);
+__decorate([
+    property({ type: Number })
+], AvatarAnchor.prototype, "more", void 0);
+__decorate([
+    property()
+], AvatarAnchor.prototype, "call", void 0);
+__decorate([
+    property({ type: Boolean })
+], AvatarAnchor.prototype, "gap", void 0);
+AvatarAnchor = __decorate([
+    define("avatar-anchor")
+], AvatarAnchor);
+export { AvatarAnchor };
+export default AvatarAnchor;

package/items/base-button.d.ts

@@ -1,17 +1,17 @@
-import STD from "./std.js";
-export declare class BaseButton extends STD {
-    static styles: import("lit").CSSResult[];
-    disabled: boolean;
-    ghost: boolean;
-    href: string;
-    target: string;
-    color: "black" | "white" | "yellow" | "gary" | "red" | "blue" | "green";
-    render(): import("lit-html").TemplateResult<1>;
-}
-export default BaseButton;
-declare global {
-    interface HTMLElementTagNameMap {
-        "base-button": BaseButton;
-    }
-}
+import STD from "./std.js";
+export declare class BaseButton extends STD {
+    static styles: import("lit").CSSResult[];
+    disabled: boolean;
+    ghost: boolean;
+    href: string;
+    target: string;
+    color: "black" | "white" | "yellow" | "gary" | "red" | "blue" | "green";
+    render(): import("lit").TemplateResult<1>;
+}
+export default BaseButton;
+declare global {
+    interface HTMLElementTagNameMap {
+        "base-button": BaseButton;
+    }
+}
 //# sourceMappingURL=base-button.d.ts.map