godown 1.1.5 → 1.2.0

package/layout/drag-box.d.ts

@@ -1,26 +1,26 @@
-import STD from "./std.js";
-export declare class DragBox extends STD {
-    x: string;
-    y: string;
-    static styles: import("lit").CSSResult;
-    get offsetsWidth(): number;
-    get offsetsHeight(): number;
-    render(): import("lit-html").TemplateResult<1>;
-    firstUpdated(): void;
-    drag: boolean;
-    t: number;
-    l: number;
-    cx: number;
-    cy: number;
-    _startDrag(e: MouseEvent): void;
-    _endDrag(): void;
-    _handleDrag(e: MouseEvent): void;
-    reset(): void;
-}
-export default DragBox;
-declare global {
-    interface HTMLElementTagNameMap {
-        "drag-box": DragBox;
-    }
-}
+import STD from "./std.js";
+export declare class DragBox extends STD {
+    x: string;
+    y: string;
+    static styles: import("lit").CSSResult;
+    get offsetsWidth(): number;
+    get offsetsHeight(): number;
+    render(): import("lit").TemplateResult<1>;
+    firstUpdated(): void;
+    drag: boolean;
+    t: number;
+    l: number;
+    cx: number;
+    cy: number;
+    _startDrag(e: MouseEvent): void;
+    _endDrag(): void;
+    _handleDrag(e: MouseEvent): void;
+    reset(): void;
+}
+export default DragBox;
+declare global {
+    interface HTMLElementTagNameMap {
+        "drag-box": DragBox;
+    }
+}
 //# sourceMappingURL=drag-box.d.ts.map

package/layout/drag-box.js

@@ -1,95 +1,95 @@
-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 DragBox = class DragBox extends STD {
-    constructor() {
-        super(...arguments);
-        this.x = "auto";
-        this.y = "auto";
-    }
-    get offsetsWidth() {
-        var _a, _b;
-        return (_b = (_a = this.offsetParent) === null || _a === void 0 ? void 0 : _a.clientWidth) !== null && _b !== void 0 ? _b : document.body.offsetWidth;
-    }
-    get offsetsHeight() {
-        var _a, _b;
-        return (_b = (_a = this.offsetParent) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : document.body.offsetHeight;
-    }
-    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 DragBox = class DragBox extends STD {
+    constructor() {
+        super(...arguments);
+        this.x = "auto";
+        this.y = "auto";
+    }
+    get offsetsWidth() {
+        var _a, _b;
+        return (_b = (_a = this.offsetParent) === null || _a === void 0 ? void 0 : _a.clientWidth) !== null && _b !== void 0 ? _b : document.body.offsetWidth;
+    }
+    get offsetsHeight() {
+        var _a, _b;
+        return (_b = (_a = this.offsetParent) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : document.body.offsetHeight;
+    }
+    render() {
         return html ` <div @mousedown=${this._startDrag} @mouseup=${this._endDrag}>
       <slot></slot>
-    </div>`;
-    }
-    firstUpdated() {
-        this.reset();
-        document.addEventListener("mouseup", this._endDrag.bind(this));
-    }
-    _startDrag(e) {
-        this.cx = e.clientX;
-        this.cy = e.clientY;
-        this.t = this.offsetTop;
-        this.l = this.offsetLeft;
-        this.drag = true;
-        document.addEventListener("mousemove", this._handleDrag.bind(this));
-    }
-    _endDrag() {
-        this.drag = false;
-        document.removeEventListener("mousemove", this._handleDrag.bind(this));
-    }
-    _handleDrag(e) {
-        if (!this.drag)
-            return;
-        const nl = e.clientX - (this.cx - this.l);
-        const nt = e.clientY - (this.cy - this.t);
-        if (nl < 0) {
-            this.style.left = "0";
-        }
-        else if (nl < this.offsetsWidth - this.offsetWidth) {
-            this.style.left = `${nl}px`;
-        }
-        else {
-            this.style.left = `${this.offsetsWidth - this.offsetWidth}"px"`;
-        }
-        if (nt < 0) {
-            this.style.top = "0";
-        }
-        else if (nt < this.offsetsHeight - this.offsetHeight) {
-            this.style.top = `${nt}px`;
-        }
-        else {
-            this.style.top = `${this.offsetsHeight - this.offsetHeight}px`;
-        }
-    }
-    reset() {
-        this.style.left = this.x || "0";
-        this.style.top = this.y || "0";
-        if (this.offsetLeft > this.offsetsWidth - this.offsetWidth) {
-            this.style.left = `${this.offsetsWidth - this.offsetWidth}px`;
-        }
-        if (this.offsetTop > this.offsetsHeight - this.offsetHeight) {
-            this.style.top = `${this.offsetsHeight - this.offsetHeight}px`;
-        }
-    }
-};
+    </div>`;
+    }
+    firstUpdated() {
+        this.reset();
+        document.addEventListener("mouseup", this._endDrag.bind(this));
+    }
+    _startDrag(e) {
+        this.cx = e.clientX;
+        this.cy = e.clientY;
+        this.t = this.offsetTop;
+        this.l = this.offsetLeft;
+        this.drag = true;
+        document.addEventListener("mousemove", this._handleDrag.bind(this));
+    }
+    _endDrag() {
+        this.drag = false;
+        document.removeEventListener("mousemove", this._handleDrag.bind(this));
+    }
+    _handleDrag(e) {
+        if (!this.drag)
+            return;
+        const nl = e.clientX - (this.cx - this.l);
+        const nt = e.clientY - (this.cy - this.t);
+        if (nl < 0) {
+            this.style.left = "0";
+        }
+        else if (nl < this.offsetsWidth - this.offsetWidth) {
+            this.style.left = `${nl}px`;
+        }
+        else {
+            this.style.left = `${this.offsetsWidth - this.offsetWidth}"px"`;
+        }
+        if (nt < 0) {
+            this.style.top = "0";
+        }
+        else if (nt < this.offsetsHeight - this.offsetHeight) {
+            this.style.top = `${nt}px`;
+        }
+        else {
+            this.style.top = `${this.offsetsHeight - this.offsetHeight}px`;
+        }
+    }
+    reset() {
+        this.style.left = this.x || "0";
+        this.style.top = this.y || "0";
+        if (this.offsetLeft > this.offsetsWidth - this.offsetWidth) {
+            this.style.left = `${this.offsetsWidth - this.offsetWidth}px`;
+        }
+        if (this.offsetTop > this.offsetsHeight - this.offsetHeight) {
+            this.style.top = `${this.offsetsHeight - this.offsetHeight}px`;
+        }
+    }
+};
 DragBox.styles = css `
     :host {
       position: relative;
       display: inline-flex;
     }
-  `;
-__decorate([
-    property()
-], DragBox.prototype, "x", void 0);
-__decorate([
-    property()
-], DragBox.prototype, "y", void 0);
-DragBox = __decorate([
-    define("drag-box")
-], DragBox);
-export { DragBox };
-export default DragBox;
+  `;
+__decorate([
+    property()
+], DragBox.prototype, "x", void 0);
+__decorate([
+    property()
+], DragBox.prototype, "y", void 0);
+DragBox = __decorate([
+    define("drag-box")
+], DragBox);
+export { DragBox };
+export default DragBox;

package/layout/flex-flow.d.ts

@@ -1,14 +1,14 @@
-import STD from "./std.js";
-export declare class FlexFlow extends STD {
-    flexflow: string;
-    m: string;
-    static styles: import("lit").CSSResult;
-    render(): import("lit-html").TemplateResult<1>;
-}
-export default FlexFlow;
-declare global {
-    interface HTMLElementTagNameMap {
-        "flex-flow": FlexFlow;
-    }
-}
+import STD from "./std.js";
+export declare class FlexFlow extends STD {
+    flexflow: string;
+    m: string;
+    static styles: import("lit").CSSResult;
+    render(): import("lit").TemplateResult<1>;
+}
+export default FlexFlow;
+declare global {
+    interface HTMLElementTagNameMap {
+        "flex-flow": FlexFlow;
+    }
+}
 //# sourceMappingURL=flex-flow.d.ts.map

package/layout/flex-flow.js

@@ -1,39 +1,39 @@
-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 FlexFlow = class FlexFlow extends STD {
-    constructor() {
-        super(...arguments);
-        this.flexflow = "row nowrap column nowrap";
-        this.m = "720px";
-    }
-    render() {
-        const flexflow = this.flexflow.split(/\s+/);
-        const style = `:host{flex-direction:${flexflow[0] || "row"};flex-wrap:${flexflow[1] || "nowrap"};}@media(max-width: ${this.m || "720px"}){:host{flex-direction:${flexflow[2] || flexflow[0] || "colom"};flex-wrap:${flexflow[3] || flexflow[1] || "nowrap"}}`;
+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 FlexFlow = class FlexFlow extends STD {
+    constructor() {
+        super(...arguments);
+        this.flexflow = "row nowrap column nowrap";
+        this.m = "720px";
+    }
+    render() {
+        const flexflow = this.flexflow.split(/\s+/);
+        const style = `:host{flex-direction:${flexflow[0] || "row"};flex-wrap:${flexflow[1] || "nowrap"};}@media(max-width: ${this.m || "720px"}){:host{flex-direction:${flexflow[2] || flexflow[0] || "colom"};flex-wrap:${flexflow[3] || flexflow[1] || "nowrap"}}`;
         return html `<slot></slot>
       <style>
         ${style}
-      </style>`;
-    }
-};
+      </style>`;
+    }
+};
 FlexFlow.styles = css `
     :host {
       display: flex !important;
     }
-  `;
-__decorate([
-    property()
-], FlexFlow.prototype, "flexflow", void 0);
-__decorate([
-    property()
-], FlexFlow.prototype, "m", void 0);
-FlexFlow = __decorate([
-    define("flex-flow")
-], FlexFlow);
-export { FlexFlow };
-export default FlexFlow;
+  `;
+__decorate([
+    property()
+], FlexFlow.prototype, "flexflow", void 0);
+__decorate([
+    property()
+], FlexFlow.prototype, "m", void 0);
+FlexFlow = __decorate([
+    define("flex-flow")
+], FlexFlow);
+export { FlexFlow };
+export default FlexFlow;

package/layout/index.d.ts

@@ -1,6 +1,6 @@
-export * from "./div-line.js";
-export * from "./flex-flow.js";
-export * from "./drag-box.js";
-export * from "./nav-aside.js";
-export * from "./nav-layout.js";
+export * from "./div-line.js";
+export * from "./flex-flow.js";
+export * from "./drag-box.js";
+export * from "./nav-aside.js";
+export * from "./nav-layout.js";
 //# sourceMappingURL=index.d.ts.map

package/layout/index.js

@@ -1,5 +1,5 @@
-export * from "./div-line.js";
-export * from "./flex-flow.js";
-export * from "./drag-box.js";
-export * from "./nav-aside.js";
-export * from "./nav-layout.js";
+export * from "./div-line.js";
+export * from "./flex-flow.js";
+export * from "./drag-box.js";
+export * from "./nav-aside.js";
+export * from "./nav-layout.js";

package/layout/nav-aside.d.ts

@@ -1,14 +1,15 @@
-import STD from "./std.js";
-export declare class NavAside extends STD {
-    m: string;
-    position: string;
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResultGroup[];
-    render(): import("lit-html").TemplateResult<1>;
-}
-export default NavAside;
-declare global {
-    interface HTMLElementTagNameMap {
-        "nav-aside": NavAside;
-    }
-}
+import { CSSResultGroup } from "../deps.js";
+import STD from "./std.js";
+export declare class NavAside extends STD {
+    m: string;
+    position: string;
+    static styles: CSSResultGroup[];
+    render(): import("lit").TemplateResult<1>;
+}
+export default NavAside;
+declare global {
+    interface HTMLElementTagNameMap {
+        "nav-aside": NavAside;
+    }
+}
 //# sourceMappingURL=nav-aside.d.ts.map

package/layout/nav-aside.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav-aside.d.ts","sourceRoot":"","sources":["../../src/layout/nav-aside.ts"],"names":[],"mappings":"AACA,OAAO,GAAiB,MAAM,UAAU,CAAC;AACzC,qBACa,QAAS,SAAQ,GAAG;IACnB,CAAC,SAAW;IACZ,QAAQ,SAAkB;IACtC,MAAM,CAAC,MAAM,8DAwBX;IACF,MAAM;CAUP;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"nav-aside.d.ts","sourceRoot":"","sources":["../../src/layout/nav-aside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuC,cAAc,EAAE,MAAM,YAAY,CAAC;AACjF,OAAO,GAAiB,MAAM,UAAU,CAAC;AACzC,qBACa,QAAS,SAAQ,GAAG;IACnB,CAAC,SAAW;IACZ,QAAQ,SAAkB;IACtC,MAAM,CAAC,MAAM,mBAwBS;IACtB,MAAM;CAUP;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/layout/nav-aside.js

@@ -1,31 +1,31 @@
-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, { navstyle } from "./std.js";
-let NavAside = class NavAside extends STD {
-    constructor() {
-        super(...arguments);
-        this.m = "720px";
-        this.position = "sticky fixed";
-    }
-    render() {
-        const p = this.position.split(" ")[0] || "sticky";
-        const pm = this.position.split(" ")[1] || "fixed";
-        const m = this.m || "720px";
-        const styled = `:host{position:${p} !important;}@media(min-width:${m}){:host{position:${pm} !important;width:fit-content !important;height:100% !important;}nav{display: flex !important;justify-content: space-between !important;flex-direction: column !important;align-content: flex-start !important;align-items: stretch !important;}}`;
+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, { navstyle } from "./std.js";
+let NavAside = class NavAside extends STD {
+    constructor() {
+        super(...arguments);
+        this.m = "720px";
+        this.position = "sticky fixed";
+    }
+    render() {
+        const p = this.position.split(" ")[0] || "sticky";
+        const pm = this.position.split(" ")[1] || "fixed";
+        const m = this.m || "720px";
+        const styled = `:host{position:${p} !important;}@media(min-width:${m}){:host{position:${pm} !important;width:fit-content !important;height:100% !important;}nav{display: flex !important;justify-content: space-between !important;flex-direction: column !important;align-content: flex-start !important;align-items: stretch !important;}}`;
         return html `<nav><slot></slot></nav>
       <style>
         ${styled}
-      </style>`;
-    }
-};
-NavAside.styles = [
-    STD.styles,
-    navstyle,
+      </style>`;
+    }
+};
+NavAside.styles = [
+    STD.styles,
+    navstyle,
     css `
       :host {
         color: var(${cssvar}--nav-text);
@@ -46,16 +46,16 @@ NavAside.styles = [
         justify-content: space-between;
         box-sizing: border-box;
       }
-    `,
-];
-__decorate([
-    property()
-], NavAside.prototype, "m", void 0);
-__decorate([
-    property()
-], NavAside.prototype, "position", void 0);
-NavAside = __decorate([
-    define("nav-aside")
-], NavAside);
-export { NavAside };
-export default NavAside;
+    `,
+];
+__decorate([
+    property()
+], NavAside.prototype, "m", void 0);
+__decorate([
+    property()
+], NavAside.prototype, "position", void 0);
+NavAside = __decorate([
+    define("nav-aside")
+], NavAside);
+export { NavAside };
+export default NavAside;

package/layout/nav-layout.d.ts

@@ -1,17 +1,18 @@
-import "../view/down-drop.js";
-import STD from "./std.js";
-export declare class NavLayout extends STD {
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResultGroup[];
-    host: string;
-    subhead: string;
-    set: 0 | 1 | 2;
-    render(): import("lit-html").TemplateResult<1>;
-    opt(): any[];
-}
-export default NavLayout;
-declare global {
-    interface HTMLElementTagNameMap {
-        "nav-layout": NavLayout;
-    }
-}
+import { CSSResultGroup } from "../deps.js";
+import "../view/down-drop.js";
+import STD from "./std.js";
+export declare class NavLayout extends STD {
+    static styles: CSSResultGroup[];
+    host: string;
+    subhead: string;
+    set: 0 | 1 | 2;
+    render(): import("lit").TemplateResult<1>;
+    opt(): any[];
+}
+export default NavLayout;
+declare global {
+    interface HTMLElementTagNameMap {
+        "nav-layout": NavLayout;
+    }
+}
 //# sourceMappingURL=nav-layout.d.ts.map

package/layout/nav-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav-layout.d.ts","sourceRoot":"","sources":["../../src/layout/nav-layout.ts"],"names":[],"mappings":"AACA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,GAAiB,MAAM,UAAU,CAAC;AACzC,qBACa,SAAU,SAAQ,GAAG;IAChC,MAAM,CAAC,MAAM,8DAmGX;IACU,IAAI,SAAM;IACV,OAAO,SAAM;IACG,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAK;IAC/C,MAAM;IAgBN,GAAG;CAOJ;AAcD,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
+{"version":3,"file":"nav-layout.d.ts","sourceRoot":"","sources":["../../src/layout/nav-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuC,cAAc,EAAE,MAAM,YAAY,CAAC;AACjF,OAAO,sBAAsB,CAAC;AAC9B,OAAO,GAAiB,MAAM,UAAU,CAAC;AACzC,qBACa,SAAU,SAAQ,GAAG;IAChC,MAAM,CAAC,MAAM,mBAmGS;IACV,IAAI,SAAM;IACV,OAAO,SAAM;IACG,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAK;IAC/C,MAAM;IAgBN,GAAG;CAOJ;AAcD,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}