godown 1.1.5 → 1.1.6

package/react/view.js

@@ -1,29 +1,29 @@
-"use client";
-import * as React from "react";
-import * as X from "../view/index.js";
-import { createComponent } from "@lit-labs/react";
-export const DetailsExpand = createComponent({
-    tagName: "details-expand",
-    elementClass: X.DetailsExpand,
-    react: React,
-});
-export const DownDrop = createComponent({
-    tagName: "down-drop",
-    elementClass: X.DownDrop,
-    react: React,
-});
-export const MenuList = createComponent({
-    tagName: "menu-list",
-    elementClass: X.MenuList,
-    react: React,
-});
-export const RouteView = createComponent({
-    tagName: "route-view",
-    elementClass: X.RouteView,
-    react: React,
-});
-export const ScrollX = createComponent({
-    tagName: "scroll-x",
-    elementClass: X.ScrollX,
-    react: React,
-});
+"use client";
+import * as React from "react";
+import * as X from "../view/index.js";
+import { createComponent } from "@lit/react";
+export const DetailsExpand = createComponent({
+    tagName: "details-expand",
+    elementClass: X.DetailsExpand,
+    react: React,
+});
+export const DownDrop = createComponent({
+    tagName: "down-drop",
+    elementClass: X.DownDrop,
+    react: React,
+});
+export const MenuList = createComponent({
+    tagName: "menu-list",
+    elementClass: X.MenuList,
+    react: React,
+});
+export const RouteView = createComponent({
+    tagName: "route-view",
+    elementClass: X.RouteView,
+    react: React,
+});
+export const ScrollX = createComponent({
+    tagName: "scroll-x",
+    elementClass: X.ScrollX,
+    react: React,
+});

package/view/details-expand.d.ts

@@ -1,19 +1,19 @@
-import STD from "./std.js";
-export declare class DetailsExpand extends STD {
-    summary: string;
-    reverse: boolean;
-    open: boolean;
-    fill: boolean;
-    float: boolean;
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResultGroup[];
-    render(): import("lit-html").TemplateResult<1>;
-    firstUpdated(): void;
-    toggle(to?: boolean): void;
-}
-export default DetailsExpand;
-declare global {
-    interface HTMLElementTagNameMap {
-        "details-expand": DetailsExpand;
-    }
-}
+import STD from "./std.js";
+export declare class DetailsExpand extends STD {
+    summary: string;
+    reverse: boolean;
+    open: boolean;
+    fill: boolean;
+    float: boolean;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResultGroup[];
+    render(): import("lit-html").TemplateResult<1>;
+    firstUpdated(): void;
+    toggle(to?: boolean): void;
+}
+export default DetailsExpand;
+declare global {
+    interface HTMLElementTagNameMap {
+        "details-expand": DetailsExpand;
+    }
+}
 //# sourceMappingURL=details-expand.d.ts.map

package/view/details-expand.js

@@ -1,20 +1,20 @@
-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, { DLsharecss } from "./std.js";
-let DetailsExpand = class DetailsExpand extends STD {
-    constructor() {
-        super(...arguments);
-        this.reverse = false;
-        this.open = false;
-        this.fill = false;
-        this.float = false;
-    }
-    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, { DLsharecss } from "./std.js";
+let DetailsExpand = class DetailsExpand extends STD {
+    constructor() {
+        super(...arguments);
+        this.reverse = false;
+        this.open = false;
+        this.fill = false;
+        this.float = false;
+    }
+    render() {
         return html `<dl>
       <dt ?open=${this.open} @click=${() => this.toggle()} style="flex-direction:row${this.reverse ? "-reverse" : ""}">
         <span>${this.summary}<slot name="summary"></slot></span>
@@ -23,20 +23,20 @@ let DetailsExpand = class DetailsExpand extends STD {
       <dd ?open=${this.open} ?float=${this.float}>
         <section><slot></slot></section>
       </dd>
-    </dl>`;
-    }
-    firstUpdated() {
-        if (this.fill)
-            this.shadowRoot.querySelector("dd").addEventListener("click", () => this.toggle());
-    }
-    toggle(to = !this.open) {
-        this.open = to;
-        this.dispatchEvent(new CustomEvent("change", { detail: this.open }));
-    }
-};
-DetailsExpand.styles = [
-    STD.styles,
-    DLsharecss,
+    </dl>`;
+    }
+    firstUpdated() {
+        if (this.fill)
+            this.shadowRoot.querySelector("dd").addEventListener("click", () => this.toggle());
+    }
+    toggle(to = !this.open) {
+        this.open = to;
+        this.dispatchEvent(new CustomEvent("change", { detail: this.open }));
+    }
+};
+DetailsExpand.styles = [
+    STD.styles,
+    DLsharecss,
     css `
       dl {
         height: 100%;
@@ -61,25 +61,25 @@ DetailsExpand.styles = [
         top: 100%;
         position: absolute;
       }
-    `,
-];
-__decorate([
-    property()
-], DetailsExpand.prototype, "summary", void 0);
-__decorate([
-    property({ type: Boolean })
-], DetailsExpand.prototype, "reverse", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], DetailsExpand.prototype, "open", void 0);
-__decorate([
-    property({ type: Boolean })
-], DetailsExpand.prototype, "fill", void 0);
-__decorate([
-    property({ type: Boolean })
-], DetailsExpand.prototype, "float", void 0);
-DetailsExpand = __decorate([
-    define("details-expand")
-], DetailsExpand);
-export { DetailsExpand };
-export default DetailsExpand;
+    `,
+];
+__decorate([
+    property()
+], DetailsExpand.prototype, "summary", void 0);
+__decorate([
+    property({ type: Boolean })
+], DetailsExpand.prototype, "reverse", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], DetailsExpand.prototype, "open", void 0);
+__decorate([
+    property({ type: Boolean })
+], DetailsExpand.prototype, "fill", void 0);
+__decorate([
+    property({ type: Boolean })
+], DetailsExpand.prototype, "float", void 0);
+DetailsExpand = __decorate([
+    define("details-expand")
+], DetailsExpand);
+export { DetailsExpand };
+export default DetailsExpand;

package/view/down-drop.d.ts

@@ -1,19 +1,19 @@
-import STD from "../layout/std.js";
-export declare class DownDrop extends STD {
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResultGroup[];
-    _div: HTMLDivElement;
-    _timer: any;
-    render(): import("lit-html").TemplateResult<1>;
-    firstUpdated(): Promise<void>;
-    resize(): void;
-    close(): void;
-    open(): void;
-    toggle(): void;
-}
-export default DownDrop;
-declare global {
-    interface HTMLElementTagNameMap {
-        "down-drop": DownDrop;
-    }
-}
+import STD from "../layout/std.js";
+export declare class DownDrop extends STD {
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResultGroup[];
+    _div: HTMLDivElement;
+    _timer: any;
+    render(): import("lit-html").TemplateResult<1>;
+    firstUpdated(): Promise<void>;
+    resize(): void;
+    close(): void;
+    open(): void;
+    toggle(): void;
+}
+export default DownDrop;
+declare global {
+    interface HTMLElementTagNameMap {
+        "down-drop": DownDrop;
+    }
+}
 //# sourceMappingURL=down-drop.d.ts.map

package/view/down-drop.js

@@ -1,68 +1,68 @@
-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, query, define } from "../deps.js";
-import STD from "../layout/std.js";
-let DownDrop = class DownDrop extends STD {
-    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, query, define } from "../deps.js";
+import STD from "../layout/std.js";
+let DownDrop = class DownDrop extends STD {
+    render() {
         return html `<main>
       <slot name="hover"></slot>
       <slot name="focus" @click=${this.toggle}></slot>
       <div style="transform:translateX(0)"><slot></slot></div>
-    </main>`;
-    }
-    async firstUpdated() {
-        if (this.querySelector(`[slot="focus"]`)) {
-            document.addEventListener("click", (e) => {
-                if (!this.contains(e.target)) {
-                    this.close();
-                }
-            });
-        }
-        await this.updateComplete;
-        this.resize();
-        window.addEventListener("resize", () => {
-            clearTimeout(this._timer);
-            this._timer = setTimeout(() => {
-                this._div.style.transform = "translateX(0)";
-                this.resize();
-            }, 250);
-        });
-    }
-    resize() {
-        var _a;
-        const offsets = ((_a = this.offsetParent) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || document.body.getBoundingClientRect();
-        const divLeft = this._div.getBoundingClientRect().left;
-        const divRight = this._div.getBoundingClientRect().right;
-        const RightWidth = offsets.width - (divRight - offsets.x);
-        const LeftWidth = offsets.width - (offsets.right - divLeft);
-        if (divLeft < 0) {
-            this._div.style.transform = `translateX(${-LeftWidth}px)`;
-        }
-        else if (divRight > offsets.right) {
-            this._div.style.transform = `translateX(${RightWidth}px)`;
-        }
-        else {
-            this._div.style.transform = "translateX(0)";
-        }
-    }
-    close() {
-        this._div.style.visibility = "hidden";
-        this.dispatchEvent(new CustomEvent("change", { detail: false }));
-    }
-    open() {
-        this._div.style.visibility = "visible";
-        this.dispatchEvent(new CustomEvent("change", { detail: true }));
-    }
-    toggle() {
-        this._div.style.visibility === "visible" ? this.close() : this.open();
-    }
-};
-DownDrop.styles = [
-    STD.styles,
+    </main>`;
+    }
+    async firstUpdated() {
+        if (this.querySelector(`[slot="focus"]`)) {
+            document.addEventListener("click", (e) => {
+                if (!this.contains(e.target)) {
+                    this.close();
+                }
+            });
+        }
+        await this.updateComplete;
+        this.resize();
+        window.addEventListener("resize", () => {
+            clearTimeout(this._timer);
+            this._timer = setTimeout(() => {
+                this._div.style.transform = "translateX(0)";
+                this.resize();
+            }, 250);
+        });
+    }
+    resize() {
+        var _a;
+        const offsets = ((_a = this.offsetParent) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || document.body.getBoundingClientRect();
+        const divLeft = this._div.getBoundingClientRect().left;
+        const divRight = this._div.getBoundingClientRect().right;
+        const RightWidth = offsets.width - (divRight - offsets.x);
+        const LeftWidth = offsets.width - (offsets.right - divLeft);
+        if (divLeft < 0) {
+            this._div.style.transform = `translateX(${-LeftWidth}px)`;
+        }
+        else if (divRight > offsets.right) {
+            this._div.style.transform = `translateX(${RightWidth}px)`;
+        }
+        else {
+            this._div.style.transform = "translateX(0)";
+        }
+    }
+    close() {
+        this._div.style.visibility = "hidden";
+        this.dispatchEvent(new CustomEvent("change", { detail: false }));
+    }
+    open() {
+        this._div.style.visibility = "visible";
+        this.dispatchEvent(new CustomEvent("change", { detail: true }));
+    }
+    toggle() {
+        this._div.style.visibility === "visible" ? this.close() : this.open();
+    }
+};
+DownDrop.styles = [
+    STD.styles,
     css `
       :host {
         height: 100%;
@@ -86,13 +86,13 @@ DownDrop.styles = [
       div:hover {
         visibility: visible;
       }
-    `,
-];
-__decorate([
-    query("div")
-], DownDrop.prototype, "_div", void 0);
-DownDrop = __decorate([
-    define("down-drop")
-], DownDrop);
-export { DownDrop };
-export default DownDrop;
+    `,
+];
+__decorate([
+    query("div")
+], DownDrop.prototype, "_div", void 0);
+DownDrop = __decorate([
+    define("down-drop")
+], DownDrop);
+export { DownDrop };
+export default DownDrop;

package/view/index.d.ts

@@ -1,6 +1,6 @@
-export * from "./details-expand.js";
-export * from "./down-drop.js";
-export * from "./menu-list.js";
-export * from "./route-view.js";
-export * from "./scroll-x.js";
+export * from "./details-expand.js";
+export * from "./down-drop.js";
+export * from "./menu-list.js";
+export * from "./route-view.js";
+export * from "./scroll-x.js";
 //# sourceMappingURL=index.d.ts.map

package/view/index.js

@@ -1,5 +1,5 @@
-export * from "./details-expand.js";
-export * from "./down-drop.js";
-export * from "./menu-list.js";
-export * from "./route-view.js";
-export * from "./scroll-x.js";
+export * from "./details-expand.js";
+export * from "./down-drop.js";
+export * from "./menu-list.js";
+export * from "./route-view.js";
+export * from "./scroll-x.js";

package/view/menu-list.d.ts

@@ -1,17 +1,17 @@
-import STD from "./std.js";
-export declare class MenuList extends STD {
-    summary: string;
-    open: boolean;
-    def: boolean;
-    _section: HTMLElement;
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResultGroup[];
-    render(): import("lit-html").TemplateResult<1>;
-    toggle(to?: boolean): void;
-}
-export default MenuList;
-declare global {
-    interface HTMLElementTagNameMap {
-        "menu-list": MenuList;
-    }
-}
+import STD from "./std.js";
+export declare class MenuList extends STD {
+    summary: string;
+    open: boolean;
+    def: boolean;
+    _section: HTMLElement;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResultGroup[];
+    render(): import("lit-html").TemplateResult<1>;
+    toggle(to?: boolean): void;
+}
+export default MenuList;
+declare global {
+    interface HTMLElementTagNameMap {
+        "menu-list": MenuList;
+    }
+}
 //# sourceMappingURL=menu-list.d.ts.map

package/view/menu-list.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, state, query } from "../deps.js";
-import STD, { DLsharecss } from "./std.js";
-let MenuList = class MenuList extends STD {
-    constructor() {
-        super(...arguments);
-        this.summary = "";
-        this.open = false;
-    }
-    render() {
-        const notitle = !this.summary && !this.querySelector(`[slot="summary"]`);
-        if (notitle) {
-            this.open = true;
-        }
+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, state, query } from "../deps.js";
+import STD, { DLsharecss } from "./std.js";
+let MenuList = class MenuList extends STD {
+    constructor() {
+        super(...arguments);
+        this.summary = "";
+        this.open = false;
+    }
+    render() {
+        const notitle = !this.summary && !this.querySelector(`[slot="summary"]`);
+        if (notitle) {
+            this.open = true;
+        }
         return html `<dl>
       <dt ?open=${this.open} ?notitle=${notitle}>
         <span>${this.summary}<slot name="summary"></slot></span>
@@ -25,16 +25,16 @@ let MenuList = class MenuList extends STD {
       <dd ?open=${this.open}>
         <section><slot></slot></section>
       </dd>
-    </dl>`;
-    }
-    toggle(to = !this.open) {
-        this.open = to;
-        this.dispatchEvent(new CustomEvent("change", { detail: this.open }));
-    }
-};
-MenuList.styles = [
-    STD.styles,
-    DLsharecss,
+    </dl>`;
+    }
+    toggle(to = !this.open) {
+        this.open = to;
+        this.dispatchEvent(new CustomEvent("change", { detail: this.open }));
+    }
+};
+MenuList.styles = [
+    STD.styles,
+    DLsharecss,
     css `
       i {
         width: 1.2em;
@@ -56,22 +56,22 @@ MenuList.styles = [
       [notitle] {
         display: none;
       }
-    `,
-];
-__decorate([
-    property()
-], MenuList.prototype, "summary", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], MenuList.prototype, "open", void 0);
-__decorate([
-    state()
-], MenuList.prototype, "def", void 0);
-__decorate([
-    query("section")
-], MenuList.prototype, "_section", void 0);
-MenuList = __decorate([
-    define("menu-list")
-], MenuList);
-export { MenuList };
-export default MenuList;
+    `,
+];
+__decorate([
+    property()
+], MenuList.prototype, "summary", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], MenuList.prototype, "open", void 0);
+__decorate([
+    state()
+], MenuList.prototype, "def", void 0);
+__decorate([
+    query("section")
+], MenuList.prototype, "_section", void 0);
+MenuList = __decorate([
+    define("menu-list")
+], MenuList);
+export { MenuList };
+export default MenuList;