godown 1.1.5 → 1.2.0

package/items/base-button.js

@@ -1,11 +1,11 @@
-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";
+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";
 const originstyle = css `
   :host {
     display: inline-block;
@@ -14,13 +14,13 @@ const originstyle = css `
   }
   .ghost,
   .ghost:hover {
-    color: var(--background);
-    border-color: var(--background);
+    color: var(${cssvar}--background);
+    border-color: var(${cssvar}--background);
     background-color: transparent;
   }
   .ghost:active {
-    color: var(--active);
-    background-color: var(--background-active);
+    color: var(${cssvar}--active);
+    background-color: var(${cssvar}--background-active);
   }
   a {
     display: flex;
@@ -38,133 +38,133 @@ const originstyle = css `
     cursor: inherit;
     text-decoration: inherit;
     transition: all 0.2s ease-in;
-    color: var(--color);
-    border-color: var(--border);
-    background-color: var(--background);
+    color: var(${cssvar}--color);
+    border-color: var(${cssvar}--border);
+    background-color: var(${cssvar}--background);
   }
   a:hover {
-    color: var(--hover);
-    border-color: var(--border-hover);
-    background-color: var(--background-hover);
+    color: var(${cssvar}--hover);
+    border-color: var(${cssvar}--border-hover);
+    background-color: var(${cssvar}--background-hover);
   }
   a:active {
     transition: 0s;
-    color: var(--active);
-    border-color: var(--border-active);
-    background-color: var(--background-active);
+    color: var(${cssvar}--active);
+    border-color: var(${cssvar}--border-active);
+    background-color: var(${cssvar}--background-active);
   }
   a[disabled],
   a[disabled]:hover,
   a[disabled]:active {
-    color: var(--color-disabled);
-    border-color: var(--border-disabled);
-    background-color: var(--background-disabled);
+    color: var(${cssvar}--color-disabled);
+    border-color: var(${cssvar}--border-disabled);
+    background-color: var(${cssvar}--background-disabled);
   }
-`;
+`;
 const colorful = css `
   .black {
-    --color: #f0f0f0;
-    --border: #444444;
-    --background: #2c2c2c;
-    --hover: #fafafa;
-    --border-hover: #707070;
-    --background-hover: #303030;
-    --active: #fafafa;
-    --border-active: #5a5a5a;
-    --background-active: #3a3a3a;
+    ${cssvar}--color: #f0f0f0;
+    ${cssvar}--border: #444444;
+    ${cssvar}--background: #2c2c2c;
+    ${cssvar}--hover: #fafafa;
+    ${cssvar}--border-hover: #707070;
+    ${cssvar}--background-hover: #303030;
+    ${cssvar}--active: #fafafa;
+    ${cssvar}--border-active: #5a5a5a;
+    ${cssvar}--background-active: #3a3a3a;
   }
   .white {
-    --color: #2c2c2c;
-    --border: #44444450;
-    --background: #f8f8f8;
-    --hover: #707070;
-    --border-hover: #44444450;
-    --background-hover: #f4f4f4;
-    --border-active: #aaaaaa;
-    --background-active: #aaaaaa;
+    ${cssvar}--color: #2c2c2c;
+    ${cssvar}--border: #44444450;
+    ${cssvar}--background: #f8f8f8;
+    ${cssvar}--hover: #707070;
+    ${cssvar}--border-hover: #44444450;
+    ${cssvar}--background-hover: #f4f4f4;
+    ${cssvar}--border-active: #aaaaaa;
+    ${cssvar}--background-active: #aaaaaa;
   }
   .yellow {
-    --color: #fafafa;
-    --border: #44444450;
-    --background: #ebb10d;
-    --hover: #ececec;
-    --border-hover: #44444450;
-    --background-hover: #f9bd10;
-    --background-active: #d7a422;
-    --border-active: #44444420;
+    ${cssvar}--color: #fafafa;
+    ${cssvar}--border: #44444450;
+    ${cssvar}--background: #ebb10d;
+    ${cssvar}--hover: #ececec;
+    ${cssvar}--border-hover: #44444450;
+    ${cssvar}--background-hover: #f9bd10;
+    ${cssvar}--background-active: #d7a422;
+    ${cssvar}--border-active: #44444420;
   }
   .gary {
-    --color: #fafafa;
-    --border: #44444450;
-    --background: #51535e;
-    --hover: #ececec;
-    --border-hover: #44444450;
-    --background-hover: #5e616d;
-    --background-active: #3f3d47;
-    --border-active: #44444420;
+    ${cssvar}--color: #fafafa;
+    ${cssvar}--border: #44444450;
+    ${cssvar}--background: #51535e;
+    ${cssvar}--hover: #ececec;
+    ${cssvar}--border-hover: #44444450;
+    ${cssvar}--background-hover: #5e616d;
+    ${cssvar}--background-active: #3f3d47;
+    ${cssvar}--border-active: #44444420;
   }
   .red {
-    --color: #fafafa;
-    --border: #44444450;
-    --background: #d11a2d;
-    --hover: #ececec;
-    --border-hover: #44444450;
-    --background-hover: #c62828;
-    --background-active: #a61b29;
-    --border-active: #44444420;
+    ${cssvar}--color: #fafafa;
+    ${cssvar}--border: #44444450;
+    ${cssvar}--background: #d11a2d;
+    ${cssvar}--hover: #ececec;
+    ${cssvar}--border-hover: #44444450;
+    ${cssvar}--background-hover: #c62828;
+    ${cssvar}--background-active: #a61b29;
+    ${cssvar}--border-active: #44444420;
   }
   .blue {
-    --color: #fafafa;
-    --border: #44444450;
-    --background: #1177b0;
-    --hover: #ececec;
-    --border-hover: #44444450;
-    --background-hover: #11659a;
-    --background-active: #144a74;
-    --border-active: #44444420;
+    ${cssvar}--color: #fafafa;
+    ${cssvar}--border: #44444450;
+    ${cssvar}--background: #1177b0;
+    ${cssvar}--hover: #ececec;
+    ${cssvar}--border-hover: #44444450;
+    ${cssvar}--background-hover: #11659a;
+    ${cssvar}--background-active: #144a74;
+    ${cssvar}--border-active: #44444420;
   }
   .green {
-    --color: #fafafa;
-    --border: #44444450;
-    --background: #12aa8c;
-    --hover: #ececec;
-    --border-hover: #44444450;
-    --background-hover: #1db68f;
-    --background-active: #248067;
-    --border-active: #44444420;
+    ${cssvar}--color: #fafafa;
+    ${cssvar}--border: #44444450;
+    ${cssvar}--background: #12aa8c;
+    ${cssvar}--hover: #ececec;
+    ${cssvar}--border-hover: #44444450;
+    ${cssvar}--background-hover: #1db68f;
+    ${cssvar}--background-active: #248067;
+    ${cssvar}--border-active: #44444420;
   }
-`;
-let BaseButton = class BaseButton extends STD {
-    constructor() {
-        super(...arguments);
-        this.disabled = false;
-        this.ghost = false;
-        this.href = undefined;
-        this.target = undefined;
-        this.color = "black";
-    }
-    render() {
-        return html `<a href=${ifDefined(this.href)} target=${ifDefined(this.target)} ?disabled=${this.disabled} class=${classMap({ ghost: this.ghost, [this.color]: this.color })}> <slot name="pre"></slot><slot></slot><slot name="suf"></slot> </a>`;
-    }
-};
-BaseButton.styles = [originstyle, colorful];
-__decorate([
-    property({ type: Boolean })
-], BaseButton.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean })
-], BaseButton.prototype, "ghost", void 0);
-__decorate([
-    property()
-], BaseButton.prototype, "href", void 0);
-__decorate([
-    property()
-], BaseButton.prototype, "target", void 0);
-__decorate([
-    property()
-], BaseButton.prototype, "color", void 0);
-BaseButton = __decorate([
-    define("base-button")
-], BaseButton);
-export { BaseButton };
-export default BaseButton;
+`;
+let BaseButton = class BaseButton extends STD {
+    constructor() {
+        super(...arguments);
+        this.disabled = false;
+        this.ghost = false;
+        this.href = undefined;
+        this.target = undefined;
+        this.color = "black";
+    }
+    render() {
+        return html `<a href=${ifDefined(this.href)} target=${ifDefined(this.target)} ?disabled=${this.disabled} class=${classMap({ ghost: this.ghost, [this.color]: this.color })}> <slot name="pre"></slot><slot></slot><slot name="suf"></slot> </a>`;
+    }
+};
+BaseButton.styles = [originstyle, colorful];
+__decorate([
+    property({ type: Boolean })
+], BaseButton.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], BaseButton.prototype, "ghost", void 0);
+__decorate([
+    property()
+], BaseButton.prototype, "href", void 0);
+__decorate([
+    property()
+], BaseButton.prototype, "target", void 0);
+__decorate([
+    property()
+], BaseButton.prototype, "color", void 0);
+BaseButton = __decorate([
+    define("base-button")
+], BaseButton);
+export { BaseButton };
+export default BaseButton;

package/items/dialog-item.d.ts

@@ -1,25 +1,25 @@
-import STD from "./std.js";
-export declare class DialogItem extends STD {
-    static styles: import("lit").CSSResult;
-    open: boolean;
-    key: string;
-    scale: boolean;
-    modal: boolean;
-    call: "left" | "center" | "right" | "top" | "bottom";
-    get _div(): HTMLDivElement;
-    render(): import("lit-html").TemplateResult<1>;
-    firstUpdated(): void;
-    show(): void;
-    showModal(): void;
-    close(): void;
-    _handleWheel(e: any): void;
-    _handleKeydown(e: KeyboardEvent): void;
-    _handleModal(e: Event): void;
-}
-export default DialogItem;
-declare global {
-    interface HTMLElementTagNameMap {
-        "dialog-item": DialogItem;
-    }
-}
+import STD from "./std.js";
+export declare class DialogItem extends STD {
+    static styles: import("lit").CSSResult;
+    open: boolean;
+    key: string;
+    scale: boolean;
+    modal: boolean;
+    call: "left" | "center" | "right" | "top" | "bottom";
+    get _div(): HTMLDivElement;
+    render(): import("lit").TemplateResult<1>;
+    firstUpdated(): void;
+    show(): void;
+    showModal(): void;
+    close(): void;
+    _handleWheel(e: any): void;
+    _handleKeydown(e: KeyboardEvent): void;
+    _handleModal(e: Event): void;
+}
+export default DialogItem;
+declare global {
+    interface HTMLElementTagNameMap {
+        "dialog-item": DialogItem;
+    }
+}
 //# sourceMappingURL=dialog-item.d.ts.map

package/items/dialog-item.js

@@ -1,76 +1,76 @@
-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 DialogItem = class DialogItem extends STD {
-    constructor() {
-        super(...arguments);
-        this.open = false;
-        this.key = "Escape";
-        this.scale = false;
-        this.modal = false;
-        this.call = "center";
-    }
-    get _div() {
-        return this.shadowRoot.querySelector("div");
-    }
-    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, define } from "../deps.js";
+import STD from "./std.js";
+let DialogItem = class DialogItem extends STD {
+    constructor() {
+        super(...arguments);
+        this.open = false;
+        this.key = "Escape";
+        this.scale = false;
+        this.modal = false;
+        this.call = "center";
+    }
+    get _div() {
+        return this.shadowRoot.querySelector("div");
+    }
+    render() {
         return html `<div ?open=${this.open} ?modal=${this.modal}>
       <slot class=${this.call}></slot>
-    </div>`;
-    }
-    firstUpdated() {
-        this.addEventListener("submit", (e) => {
-            if (e.target.method === "dialog")
-                this.close();
-        });
-        if (this.scale)
-            this.addEventListener("wheel", this._handleWheel);
-        if (this.key)
-            document.addEventListener("keydown", (e) => this._handleKeydown(e));
-        if (this.open)
-            this.show();
-    }
-    show() {
-        this.open = true;
-        if (this.modal) {
-            this.showModal();
-        }
-    }
-    showModal() {
-        this.modal = true;
-        this.open = true;
-        this._div.addEventListener("click", this._handleModal);
-    }
-    close() {
-        this.open = false;
-        if (this.modal)
-            this._div.removeEventListener("click", this._handleModal);
-    }
-    _handleWheel(e) {
-        const s = this._div.style.transform.match(/scale\((.*)\)/);
-        let scale = 1;
-        if (s)
-            scale = Number(s[1]);
-        if (e.deltaY > 0)
-            scale -= 0.1;
-        else
-            scale += 0.1;
-        this._div.style.transform = `scale(${scale})`;
-    }
-    _handleKeydown(e) {
-        const keys = this.key.split(/[^a-zA-Z0-9]/).filter((e) => e !== "");
-        if (keys.includes(e.key) || keys.includes(e.code))
-            this.close();
-    }
-    _handleModal(e) {
-        e.stopPropagation();
-    }
-};
+    </div>`;
+    }
+    firstUpdated() {
+        this.addEventListener("submit", (e) => {
+            if (e.target.method === "dialog")
+                this.close();
+        });
+        if (this.scale)
+            this.addEventListener("wheel", this._handleWheel);
+        if (this.key)
+            document.addEventListener("keydown", (e) => this._handleKeydown(e));
+        if (this.open)
+            this.show();
+    }
+    show() {
+        this.open = true;
+        if (this.modal) {
+            this.showModal();
+        }
+    }
+    showModal() {
+        this.modal = true;
+        this.open = true;
+        this._div.addEventListener("click", this._handleModal);
+    }
+    close() {
+        this.open = false;
+        if (this.modal)
+            this._div.removeEventListener("click", this._handleModal);
+    }
+    _handleWheel(e) {
+        const s = this._div.style.transform.match(/scale\((.*)\)/);
+        let scale = 1;
+        if (s)
+            scale = Number(s[1]);
+        if (e.deltaY > 0)
+            scale -= 0.1;
+        else
+            scale += 0.1;
+        this._div.style.transform = `scale(${scale})`;
+    }
+    _handleKeydown(e) {
+        const keys = this.key.split(/[^a-zA-Z0-9]/).filter((e) => e !== "");
+        if (keys.includes(e.key) || keys.includes(e.code))
+            this.close();
+    }
+    _handleModal(e) {
+        e.stopPropagation();
+    }
+};
 DialogItem.styles = css `
     :host {
       position: fixed;
@@ -134,24 +134,24 @@ DialogItem.styles = css `
       margin-left: 0;
       transform: translateX(-15%);
     }
-  `;
-__decorate([
-    property({ type: Boolean, reflect: true })
-], DialogItem.prototype, "open", void 0);
-__decorate([
-    property({ type: String })
-], DialogItem.prototype, "key", void 0);
-__decorate([
-    property({ type: Boolean })
-], DialogItem.prototype, "scale", void 0);
-__decorate([
-    property({ type: Boolean })
-], DialogItem.prototype, "modal", void 0);
-__decorate([
-    property({ type: String })
-], DialogItem.prototype, "call", void 0);
-DialogItem = __decorate([
-    define("dialog-item")
-], DialogItem);
-export { DialogItem };
-export default DialogItem;
+  `;
+__decorate([
+    property({ type: Boolean, reflect: true })
+], DialogItem.prototype, "open", void 0);
+__decorate([
+    property({ type: String })
+], DialogItem.prototype, "key", void 0);
+__decorate([
+    property({ type: Boolean })
+], DialogItem.prototype, "scale", void 0);
+__decorate([
+    property({ type: Boolean })
+], DialogItem.prototype, "modal", void 0);
+__decorate([
+    property({ type: String })
+], DialogItem.prototype, "call", void 0);
+DialogItem = __decorate([
+    define("dialog-item")
+], DialogItem);
+export { DialogItem };
+export default DialogItem;

package/items/index.d.ts

@@ -1,8 +1,8 @@
-export * from "./alert-item.js";
-export * from "./avatar-anchor.js";
-export * from "./base-button.js";
-export * from "./dialog-item.js";
-export * from "./link-a.js";
-export * from "./load-track.js";
-export * from "./super-a.js";
+export * from "./alert-item.js";
+export * from "./avatar-anchor.js";
+export * from "./base-button.js";
+export * from "./dialog-item.js";
+export * from "./link-a.js";
+export * from "./load-track.js";
+export * from "./super-a.js";
 //# sourceMappingURL=index.d.ts.map

package/items/index.js

@@ -1,7 +1,7 @@
-export * from "./alert-item.js";
-export * from "./avatar-anchor.js";
-export * from "./base-button.js";
-export * from "./dialog-item.js";
-export * from "./link-a.js";
-export * from "./load-track.js";
-export * from "./super-a.js";
+export * from "./alert-item.js";
+export * from "./avatar-anchor.js";
+export * from "./base-button.js";
+export * from "./dialog-item.js";
+export * from "./link-a.js";
+export * from "./load-track.js";
+export * from "./super-a.js";

package/items/link-a.d.ts

@@ -1,20 +1,20 @@
-import { SuperAnchor } from "./super-a.js";
-export declare class LinkAnchor extends SuperAnchor {
-    active: string;
-    replace: boolean;
-    static styles: import("lit").CSSResult;
-    firstUpdated(): void;
-    useActive(): void;
-    _handleClick(e: MouseEvent): void;
-    pushState(url?: string): void;
-    replaceState(url?: string): void;
-    static pushState(data: any, unused: string, url?: string): void;
-    static replaceState(data: any, unused: string, url?: string): void;
-}
-export default LinkAnchor;
-declare global {
-    interface HTMLElementTagNameMap {
-        "link-a": LinkAnchor;
-    }
-}
+import { SuperAnchor } from "./super-a.js";
+export declare class LinkAnchor extends SuperAnchor {
+    active: string;
+    replace: boolean;
+    static styles: import("lit").CSSResult;
+    firstUpdated(): void;
+    useActive(): void;
+    _handleClick(e: MouseEvent): void;
+    pushState(url?: string): void;
+    replaceState(url?: string): void;
+    static pushState(data: any, unused: string, url?: string): void;
+    static replaceState(data: any, unused: string, url?: string): void;
+}
+export default LinkAnchor;
+declare global {
+    interface HTMLElementTagNameMap {
+        "link-a": LinkAnchor;
+    }
+}
 //# sourceMappingURL=link-a.d.ts.map