godown 1.1.4 → 1.1.6

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").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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"details-expand.d.ts","sourceRoot":"","sources":["../../src/view/details-expand.ts"],"names":[],"mappings":"AACA,OAAO,GAAmB,MAAM,UAAU,CAAC;AAC3C,qBACa,aAAc,SAAQ,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IACC,OAAO,UAAS;IACD,IAAI,UAAS;IAC5B,IAAI,UAAS;IACb,KAAK,UAAS;IAC3C,MAAM,CAAC,MAAM,8DAuBT;IACJ,MAAM;IAWN,YAAY;IAGZ,MAAM,CAAC,EAAE,UAAa;CAIvB;AACD,eAAe,aAAa,CAAC;AAC7B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;CACF"}
+{"version":3,"file":"details-expand.d.ts","sourceRoot":"","sources":["../../src/view/details-expand.ts"],"names":[],"mappings":"AACA,OAAO,GAAmB,MAAM,UAAU,CAAC;AAC3C,qBACa,aAAc,SAAQ,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IACC,OAAO,UAAS;IACD,IAAI,UAAS;IAC5B,IAAI,UAAS;IACb,KAAK,UAAS;IAC3C,MAAM,CAAC,MAAM,8DA4BX;IACF,MAAM;IAWN,YAAY;IAGZ,MAAM,CAAC,EAAE,UAAa;CAIvB;AACD,eAAe,aAAa,CAAC;AAC7B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;CACF"}

package/view/details-expand.js

@@ -1,80 +1,85 @@
-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>
-    <i style="transform: rotate(${this.reverse ? "-18" : ""}0deg);">${!this.querySelector(`slot[name="icon"]`) ? html `<svg fill="currentColor" viewBox="0 0 16 16"><path d="m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z"/></svg>` : html `<slot name="icon"></slot>`}</i>
-</dt>
-<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, css `
-  dl{
-    height:100%;
-    position: relative;
-  }
-  dt{
-    height:100%;
-  }
-  i{
-    height: 1.2em;
-    min-width:1.2em;
-    aspect-ratio: 1/1;
-    display: flex;
-    margin-left: auto;
-    -webkit-backface-visibility: hidden;
-    backface-visibility: hidden;
-  }
-  [open] i{
-    transform: rotate(-90deg) !important;
-  }
-  [float]{
-    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;
+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>
+        <i style="transform: rotate(${this.reverse ? "-18" : ""}0deg);">${!this.querySelector(`slot[name="icon"]`) ? html `<svg fill="currentColor" viewBox="0 0 16 16"><path d="m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z" /></svg>` : html `<slot name="icon"></slot>`}</i>
+      </dt>
+      <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,
+    css `
+      dl {
+        height: 100%;
+        position: relative;
+      }
+      dt {
+        height: 100%;
+      }
+      i {
+        height: 1.2em;
+        min-width: 1.2em;
+        aspect-ratio: 1/1;
+        display: flex;
+        margin-left: auto;
+        -webkit-backface-visibility: hidden;
+        backface-visibility: hidden;
+      }
+      [open] i {
+        transform: rotate(-90deg) !important;
+      }
+      [float] {
+        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;

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").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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"down-drop.d.ts","sourceRoot":"","sources":["../../src/view/down-drop.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,kBAAkB,CAAC;AACnC,qBACa,QAAS,SAAQ,GAAG;IAC/B,MAAM,CAAC,MAAM,8DAsBV;IACW,IAAI,EAAE,cAAc,CAAC;IACnC,MAAM,EAAE,GAAG,CAAC;IACZ,MAAM;IAOA,YAAY;IAoBlB,MAAM;IAcN,KAAK;IAIL,IAAI;IAIJ,MAAM;CAGP;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"down-drop.d.ts","sourceRoot":"","sources":["../../src/view/down-drop.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,kBAAkB,CAAC;AACnC,qBACa,QAAS,SAAQ,GAAG;IAC/B,MAAM,CAAC,MAAM,8DA0BX;IACY,IAAI,EAAE,cAAc,CAAC;IACnC,MAAM,EAAE,GAAG,CAAC;IACZ,MAAM;IAOA,YAAY;IAkBlB,MAAM;IAcN,KAAK;IAIL,IAAI;IAIJ,MAAM;CAGP;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/view/down-drop.js

@@ -1,94 +1,98 @@
-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, css `
-  :host{
-    height: 100%;
-    width: 100%;
-  }
-  main{
-    height: inherit;
-    width: inherit;
-    display: flex;
-    position: relative;
-    flex-direction: column;
-    align-items: center;
-  }
-  div{
-    background-color:inherit;
-    position: absolute;
-    visibility: hidden;
-    top:100%;
-  }
-  slot[name="hover"]:hover~div,div:hover{
-    visibility: visible;
-  }
-  `];
-__decorate([
-    query("div")
-], DownDrop.prototype, "_div", void 0);
-DownDrop = __decorate([
-    define("down-drop")
-], DownDrop);
-export { DownDrop };
-export default DownDrop;
+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,
+    css `
+      :host {
+        height: 100%;
+        width: 100%;
+      }
+      main {
+        height: inherit;
+        width: inherit;
+        display: flex;
+        position: relative;
+        flex-direction: column;
+        align-items: center;
+      }
+      div {
+        background-color: inherit;
+        position: absolute;
+        visibility: hidden;
+        top: 100%;
+      }
+      slot[name="hover"]:hover ~ div,
+      div:hover {
+        visibility: visible;
+      }
+    `,
+];
+__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").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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-list.d.ts","sourceRoot":"","sources":["../../src/view/menu-list.ts"],"names":[],"mappings":"AACA,OAAO,GAAmB,MAAM,UAAU,CAAC;AAC3C,qBACa,QAAS,SAAQ,GAAG;IACnB,OAAO,SAAM;IACmB,IAAI,UAAS;IAChD,GAAG,EAAE,OAAO,CAAC;IACJ,QAAQ,EAAE,WAAW,CAAC;IACxC,MAAM,CAAC,MAAM,8DAqBV;IACH,MAAM;IAcN,MAAM,CAAC,EAAE,UAAa;CAKvB;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"menu-list.d.ts","sourceRoot":"","sources":["../../src/view/menu-list.ts"],"names":[],"mappings":"AACA,OAAO,GAAmB,MAAM,UAAU,CAAC;AAC3C,qBACa,QAAS,SAAQ,GAAG;IACnB,OAAO,SAAM;IACmB,IAAI,UAAS;IAChD,GAAG,EAAE,OAAO,CAAC;IACJ,QAAQ,EAAE,WAAW,CAAC;IACxC,MAAM,CAAC,MAAM,8DAyBX;IACF,MAAM;IAeN,MAAM,CAAC,EAAE,UAAa;CAIvB;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}