godown 2.5.1 → 2.6.0

package/{layout → web-components/items}/drag-box.d.ts

@@ -1,9 +1,9 @@
-import { type HTMLTemplate } from "../lib/templates.js";
-import LayoutSTD from "./std.js";
+import { type HTMLTemplate } from "../../lib/templates.js";
+import { GodownElement } from "../../root.js";
 /**
  * The DragBox does not extend beyond the range of {@linkcode DragBox.offsetsWidth} and {@linkcode DragBox.offsetsHeight}.
  */
-export declare class DragBox extends LayoutSTD {
+export declare class DragBox extends GodownElement {
     drag: boolean;
     t: number;
     l: number;

package/web-components/items/drag-box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-box.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/items/drag-box.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAU,aAAa,EAAE,MAAM,eAAe,CAAC;AAItD;;GAEG;AACH,qBACa,OAAQ,SAAQ,aAAa;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACS,CAAC,SAAU;IACvB;;OAEG;IACS,CAAC,SAAU;IAEvB,MAAM,CAAC,MAAM,4BAOX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAIhC,SAAS,CAAC,YAAY;IAKtB,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,UAAU;IASxC,SAAS,CAAC,cAAc;IAKxB,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,UAAU;IAsBnC,KAAK;CAUN;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/{layout → web-components/items}/drag-box.js

@@ -1,18 +1,12 @@
-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 { css, html, property } from "../deps.js";
-import { htmlSlot } from "../lib/templates.js";
-import { define } from "../root.js";
-import LayoutSTD from "./std.js";
+import { __decorate } from "tslib";
+import { css, html, property } from "../../deps.js";
+import { htmlSlot } from "../../lib/templates.js";
+import { define, GodownElement } from "../../root.js";
 const defineName = "drag-box";
 /**
  * The DragBox does not extend beyond the range of {@linkcode DragBox.offsetsWidth} and {@linkcode DragBox.offsetsHeight}.
  */
-let DragBox = class DragBox extends LayoutSTD {
+let DragBox = class DragBox extends GodownElement {
     constructor() {
         super(...arguments);
         /**
@@ -24,6 +18,14 @@ let DragBox = class DragBox extends LayoutSTD {
          */
         this.y = "auto";
     }
+    static { this.styles = [
+        css `
+      :host {
+        position: relative;
+        display: inline-flex;
+      }
+    `,
+    ]; }
     render() {
         return html `<div @mousedown="${this._handleDragStart}" @mouseup="${this._handleDragEnd}">${htmlSlot()}</div>`;
     }
@@ -79,14 +81,6 @@ let DragBox = class DragBox extends LayoutSTD {
         }
     }
 };
-DragBox.styles = [
-    css `
-      :host {
-        position: relative;
-        display: inline-flex;
-      }
-    `,
-];
 __decorate([
     property()
 ], DragBox.prototype, "x", void 0);

package/web-components/items/drag-box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-box.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/items/drag-box.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, property } from \"../../deps.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"drag-box\";\n\n/**\n * The DragBox does not extend beyond the range of {@linkcode DragBox.offsetsWidth} and {@linkcode DragBox.offsetsHeight}.\n */\n@define(defineName)\nexport class DragBox extends GodownElement {\n  drag: boolean;\n  t: number;\n  l: number;\n  cx: number;\n  cy: number;\n\n  /**\n   * Position x.\n   */\n  @property() x = \"auto\";\n  /**\n   * Position y.\n   */\n  @property() y = \"auto\";\n\n  static styles = [\n    css`\n      :host {\n        position: relative;\n        display: inline-flex;\n      }\n    `,\n  ];\n\n  protected render(): HTMLTemplate {\n    return html`<div @mousedown=\"${this._handleDragStart}\" @mouseup=\"${this._handleDragEnd}\">${htmlSlot()}</div>`;\n  }\n\n  protected firstUpdated() {\n    this.reset();\n    this.addEvent(document, \"mouseup\", this._handleDragEnd.bind(this));\n  }\n\n  protected _handleDragStart(e: MouseEvent) {\n    this.cx = e.clientX;\n    this.cy = e.clientY;\n    this.t = this.offsetTop;\n    this.l = this.offsetLeft;\n    this.drag = true;\n    this.addEvent(document, \"mousemove\", this._handleDrag.bind(this), undefined, \"0\");\n  }\n\n  protected _handleDragEnd() {\n    this.drag = false;\n    this.removeEvent(document, \"mousemove\", \"0\");\n  }\n\n  protected _handleDrag(e: MouseEvent) {\n    if (!this.drag) {\n      return;\n    }\n    const nl = e.clientX - (this.cx - this.l);\n    const nt = e.clientY - (this.cy - this.t);\n    if (nl < 0) {\n      this.style.left = \"0\";\n    } else if (nl < this.offsetsWidth - this.offsetWidth) {\n      this.style.left = `${nl}px`;\n    } else {\n      this.style.left = `${this.offsetsWidth - this.offsetWidth}\"px\"`;\n    }\n    if (nt < 0) {\n      this.style.top = \"0\";\n    } else if (nt < this.offsetsHeight - this.offsetHeight) {\n      this.style.top = `${nt}px`;\n    } else {\n      this.style.top = `${this.offsetsHeight - this.offsetHeight}px`;\n    }\n  }\n\n  reset() {\n    this.style.left = this.x || \"0\";\n    this.style.top = this.y || \"0\";\n    if (this.offsetLeft > this.offsetsWidth - this.offsetWidth) {\n      this.style.left = `${this.offsetsWidth - this.offsetWidth}px`;\n    }\n    if (this.offsetTop > this.offsetsHeight - this.offsetHeight) {\n      this.style.top = `${this.offsetsHeight - this.offsetHeight}px`;\n    }\n  }\n}\n\nexport default DragBox;\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"drag-box\": DragBox;\n  }\n}\n"]}

package/web-components/items/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./alert-item.js";
+export * from "./card-item.js";
+export * from "./drag-box.js";
+export * from "./time-bar.js";
+//# sourceMappingURL=index.d.ts.map

package/web-components/items/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/items/index.ts"],"names":[],"mappings":"AACA,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}

package/web-components/items/index.js

@@ -0,0 +1,6 @@
+/// script generated
+export * from "./alert-item.js";
+export * from "./card-item.js";
+export * from "./drag-box.js";
+export * from "./time-bar.js";
+//# sourceMappingURL=index.js.map

package/web-components/items/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/items/index.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC","sourcesContent":["/// script generated\nexport * from \"./alert-item.js\";\nexport * from \"./card-item.js\";\nexport * from \"./drag-box.js\";\nexport * from \"./time-bar.js\";\n"]}

package/{items → web-components/items}/time-bar.d.ts

@@ -1,9 +1,9 @@
-import { type CSSResultGroup } from "../deps.js";
-import ItemsSTD from "./std.js";
+import { type CSSResultGroup } from "../../deps.js";
+import { GodownElement } from "../../root.js";
 /**
  * TimeBar renders a formatting time.
  */
-export declare class TimeBar extends ItemsSTD {
+export declare class TimeBar extends GodownElement {
     /**
      * Format strings.
      * {@linkcode TimeBar.fmt}

package/web-components/items/time-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-bar.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/items/time-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAY,MAAM,eAAe,CAAC;AACnE,OAAO,EAAU,aAAa,EAAE,MAAM,eAAe,CAAC;AAItD;;GAEG;AACH,qBACa,OAAQ,SAAQ,aAAa;IACxC;;;OAGG;IACS,MAAM,SAA8B;IAChD;;OAEG;IACS,KAAK,SAAM;IACvB;;OAEG;IACyB,IAAI,OAAc;IAC9C;;OAEG;IACyB,OAAO,SAAK;IACxC;;OAEG;IACyB,GAAG,SAAK;IAEpC,UAAU,EAAE,MAAM,CAAC;IAEnB,MAAM,CAAC,MAAM,EAAE,cAAc,CAM3B;IAEF,SAAS,CAAC,MAAM,IAAI,MAAM;IAI1B,SAAS,CAAC,YAAY;IAQtB,oBAAoB;IAIpB;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,GAAG,MAAM;CAmCzC;AAED,eAAe,OAAO,CAAC;AAEvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/{items → web-components/items}/time-bar.js

@@ -1,18 +1,12 @@
-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;
-};
 var TimeBar_1;
-import { css, property } from "../deps.js";
-import { define } from "../root.js";
-import ItemsSTD from "./std.js";
+import { __decorate } from "tslib";
+import { css, property } from "../../deps.js";
+import { define, GodownElement } from "../../root.js";
 const defineName = "time-bar";
 /**
  * TimeBar renders a formatting time.
  */
-let TimeBar = TimeBar_1 = class TimeBar extends ItemsSTD {
+let TimeBar = class TimeBar extends GodownElement {
     constructor() {
         super(...arguments);
         /**
@@ -37,6 +31,14 @@ let TimeBar = TimeBar_1 = class TimeBar extends ItemsSTD {
          */
         this.gap = 0;
     }
+    static { TimeBar_1 = this; }
+    static { this.styles = [
+        css `
+      :host {
+        text-align: center;
+      }
+    `,
+    ]; }
     render() {
         return this.value || TimeBar_1.fmt(this.format, this.time);
     }
@@ -100,13 +102,6 @@ let TimeBar = TimeBar_1 = class TimeBar extends ItemsSTD {
         });
     }
 };
-TimeBar.styles = [
-    css `
-      :host {
-        text-align: center;
-      }
-    `,
-];
 __decorate([
     property()
 ], TimeBar.prototype, "format", void 0);

package/web-components/items/time-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-bar.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/items/time-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, type CSSResultGroup, property } from \"../../deps.js\";\nimport { define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"time-bar\";\n\n/**\n * TimeBar renders a formatting time.\n */\n@define(defineName)\nexport class TimeBar extends GodownElement {\n  /**\n   * Format strings.\n   * {@linkcode TimeBar.fmt}\n   */\n  @property() format = \"YYYY-MM-DD hh:mm:ss UTFZ\";\n  /**\n   * Display content.\n   */\n  @property() value = \"\";\n  /**\n   * Time.\n   */\n  @property({ type: Object }) time = new Date();\n  /**\n   * If there is a value, update every gap or timeout.\n   */\n  @property({ type: Number }) timeout = 0;\n  /**\n   * The number of milliseconds that change with each update.\n   */\n  @property({ type: Number }) gap = 0;\n\n  intervalID: number;\n\n  static styles: CSSResultGroup = [\n    css`\n      :host {\n        text-align: center;\n      }\n    `,\n  ];\n\n  protected render(): string {\n    return this.value || TimeBar.fmt(this.format, this.time);\n  }\n\n  protected firstUpdated() {\n    if (this.timeout) {\n      this.intervalID = setInterval(() => {\n        this.time = new Date(this.time.getTime() + (this.gap || this.timeout));\n      }, Math.abs(this.timeout));\n    }\n  }\n\n  disconnectedCallback() {\n    clearInterval(this.intervalID);\n  }\n\n  /**\n   * @param fm Format string.\n   * @param tm Time.\n   * @returns F.ormat result\\\n   *\n   * Y for years\\\n   * M for months\\\n   * D for days\\\n   * h for hours\\\n   * m for minutes\\\n   * s for seconds\\\n   * Z for time zones.\n   */\n  static fmt(fm: string, tm: Date): string {\n    if (fm === \"\") {\n      return fm;\n    }\n    const rest = [];\n    fm = fm.replace(/%([ZYMDhms%])/g, (_, p1) => {\n      rest.push(p1);\n      return \"%%\";\n    });\n    const formatNumber = (date: number) => date.toString().padStart(2, \"0\").split(\"\");\n    const z = tm.getTimezoneOffset() / -60;\n    const switcher: Record<string, string[]> = {\n      Z: [z >= 0 ? \"+\" + z.toString() : z.toString()],\n      Y: tm.getFullYear().toString().split(\"\"),\n      M: formatNumber(tm.getMonth() + 1),\n      D: formatNumber(tm.getDate()),\n      h: formatNumber(tm.getHours()),\n      m: formatNumber(tm.getMinutes()),\n      s: formatNumber(tm.getSeconds()),\n    };\n    const result: string[] = [];\n    for (const f of fm.split(\"\").reverse()) {\n      if (switcher[f]) {\n        result.push(switcher[f]?.pop());\n      } else {\n        result.push(f);\n      }\n    }\n    return result\n      .reverse()\n      .join(\"\")\n      .replace(/%%/g, () => {\n        return rest.shift();\n      });\n  }\n}\n\nexport default TimeBar;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"time-bar\": TimeBar;\n  }\n}\n"]}

package/web-components/layout/divider-line.d.ts

@@ -0,0 +1,20 @@
+import { type HTMLTemplate } from "../../lib/templates.js";
+import { GodownElement } from "../../root.js";
+/**
+ * DividerLine similar to hr.
+ */
+export declare class DividerLine extends GodownElement {
+    /**
+     * Enable vertical.
+     */
+    v: boolean;
+    static styles: import("lit").CSSResult[];
+    protected render(): HTMLTemplate;
+}
+export default DividerLine;
+declare global {
+    interface HTMLElementTagNameMap {
+        "divider-line": DividerLine;
+    }
+}
+//# sourceMappingURL=divider-line.d.ts.map

package/web-components/layout/divider-line.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider-line.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/layout/divider-line.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAuB,aAAa,EAAE,MAAM,eAAe,CAAC;AAKnE;;GAEG;AACH,qBACa,WAAY,SAAQ,aAAa;IAC5C;;OAEG;IAC0B,CAAC,UAAS;IAEvC,MAAM,CAAC,MAAM,4BAiDX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;CAOjC;AAED,eAAe,WAAW,CAAC;AAE3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

package/{layout/div-line.js → web-components/layout/divider-line.js}

@@ -1,19 +1,13 @@
-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 { createScope, define } from "../root.js";
-import { css, html, property } from "../deps.js";
-import { htmlSlot } from "../lib/templates.js";
-import LayoutSTD from "./std.js";
-const defineName = "div-line";
+import { __decorate } from "tslib";
+import { css, html, property } from "../../deps.js";
+import { htmlSlot } from "../../lib/templates.js";
+import { createScope, define, GodownElement } from "../../root.js";
+const defineName = "divider-line";
 const cssvarScope = createScope(defineName);
 /**
- * DivLine similar to hr.
+ * DividerLine similar to hr.
  */
-let DivLine = class DivLine extends LayoutSTD {
+let DividerLine = class DividerLine extends GodownElement {
     constructor() {
         super(...arguments);
         /**
@@ -21,16 +15,8 @@ let DivLine = class DivLine extends LayoutSTD {
          */
         this.v = false;
     }
-    render() {
-        return html `<div class="${this.v ? "v" : ""}">
-      <hr class="before" />
-      ${htmlSlot()}
-      <hr class="after" />
-    </div>`;
-    }
-};
-DivLine.styles = [
-    css `
+    static { this.styles = [
+        css `
       :host {
         ${cssvarScope}--before-length: auto;
         ${cssvarScope}--after-length: auto;
@@ -78,13 +64,21 @@ DivLine.styles = [
         max-height: var(${cssvarScope}--after-length);
       }
     `,
-];
+    ]; }
+    render() {
+        return html `<div class="${this.v ? "v" : ""}">
+      <hr class="before" />
+      ${htmlSlot()}
+      <hr class="after" />
+    </div>`;
+    }
+};
 __decorate([
     property({ type: Boolean })
-], DivLine.prototype, "v", void 0);
-DivLine = __decorate([
+], DividerLine.prototype, "v", void 0);
+DividerLine = __decorate([
     define(defineName)
-], DivLine);
-export { DivLine };
-export default DivLine;
-//# sourceMappingURL=div-line.js.map
+], DividerLine);
+export { DividerLine };
+export default DividerLine;
+//# sourceMappingURL=divider-line.js.map

package/web-components/layout/divider-line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider-line.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/layout/divider-line.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAqB,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnE,MAAM,UAAU,GAAG,cAAc,CAAC;AAClC,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C;;GAEG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,aAAa;IAAvC;;QACL;;WAEG;QAC0B,MAAC,GAAG,KAAK,CAAC;IA4DzC,CAAC;aA1DQ,WAAM,GAAG;QACd,GAAG,CAAA;;UAEG,WAAW;UACX,WAAW;UACX,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA4BC,WAAW;yBACR,WAAW;;;sBAGd,WAAW;yBACR,WAAW;;;qBAGf,WAAW;0BACN,WAAW;;;qBAGhB,WAAW;0BACN,WAAW;;KAEhC;KACF,AAjDY,CAiDX;IAEQ,MAAM;QACd,OAAO,IAAI,CAAA,eAAe,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;;QAEvC,QAAQ,EAAE;;WAEP,CAAC;IACV,CAAC;;AA3D4B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sCAAW;AAJ5B,WAAW;IADvB,MAAM,CAAC,UAAU,CAAC;GACN,WAAW,CAgEvB;;AAED,eAAe,WAAW,CAAC","sourcesContent":["import { css, html, property } from \"../../deps.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { createScope, define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"divider-line\";\nconst cssvarScope = createScope(defineName);\n\n/**\n * DividerLine similar to hr.\n */\n@define(defineName)\nexport class DividerLine extends GodownElement {\n  /**\n   * Enable vertical.\n   */\n  @property({ type: Boolean }) v = false;\n\n  static styles = [\n    css`\n      :host {\n        ${cssvarScope}--before-length: auto;\n        ${cssvarScope}--after-length: auto;\n        ${cssvarScope}--breadth: .125em;\n        display: block;\n        color: currentColor;\n        background: none;\n      }\n\n      div {\n        display: flex;\n        align-items: center;\n        border-radius: inherit;\n        width: 100%;\n      }\n\n      hr {\n        border-radius: inherit;\n        margin: 0;\n        border: 0;\n        flex: 1;\n        background: currentColor;\n      }\n\n      .v {\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n      }\n\n      .before {\n        height: var(${cssvarScope}--breadth);\n        max-width: var(${cssvarScope}--before-length);\n      }\n      .after {\n        height: var(${cssvarScope}--breadth);\n        max-width: var(${cssvarScope}--after-length);\n      }\n      .v .before {\n        width: var(${cssvarScope}--breadth);\n        max-height: var(${cssvarScope}--before-length);\n      }\n      .v .after {\n        width: var(${cssvarScope}--breadth);\n        max-height: var(${cssvarScope}--after-length);\n      }\n    `,\n  ];\n\n  protected render(): HTMLTemplate {\n    return html`<div class=\"${this.v ? \"v\" : \"\"}\">\n      <hr class=\"before\" />\n      ${htmlSlot()}\n      <hr class=\"after\" />\n    </div>`;\n  }\n}\n\nexport default DividerLine;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"divider-line\": DividerLine;\n  }\n}\n"]}

package/{layout → web-components/layout}/flex-flow.d.ts

@@ -1,9 +1,9 @@
-import { type HTMLTemplate } from "../lib/templates.js";
-import LayoutSTD from "./std.js";
+import { type HTMLTemplate } from "../../lib/templates.js";
+import { GodownElement } from "../../root.js";
 /**
  * FlexFlow controls the flex layout based on the width of the screen.
  */
-export declare class FlexFlow extends LayoutSTD {
+export declare class FlexFlow extends GodownElement {
     /**
      * The flex-flow behavior.
      */

package/web-components/layout/flex-flow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex-flow.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/layout/flex-flow.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAU,aAAa,EAAE,MAAM,eAAe,CAAC;AAItD;;GAEG;AACH,qBACa,QAAS,SAAQ,aAAa;IACzC;;OAEG;IACS,QAAQ,SAA8B;IAClD;;OAEG;IACS,MAAM,SAAW;IAE7B,MAAM,CAAC,MAAM,4BAMX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;CAUjC;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/{layout → web-components/layout}/flex-flow.js

@@ -1,18 +1,12 @@
-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 { css, html, property } from "../deps.js";
-import { htmlSlot, htmlStyle } from "../lib/templates.js";
-import { define } from "../root.js";
-import LayoutSTD from "./std.js";
+import { __decorate } from "tslib";
+import { css, html, property } from "../../deps.js";
+import { htmlSlot, htmlStyle } from "../../lib/templates.js";
+import { define, GodownElement } from "../../root.js";
 const defineName = "flex-flow";
 /**
  * FlexFlow controls the flex layout based on the width of the screen.
  */
-let FlexFlow = class FlexFlow extends LayoutSTD {
+let FlexFlow = class FlexFlow extends GodownElement {
     constructor() {
         super(...arguments);
         /**
@@ -24,6 +18,13 @@ let FlexFlow = class FlexFlow extends LayoutSTD {
          */
         this.mobile = "720px";
     }
+    static { this.styles = [
+        css `
+      :host {
+        display: flex !important;
+      }
+    `,
+    ]; }
     render() {
         const flexflow = this.flexflow.split(/\s+/);
         const flexDirection = flexflow[0] || "row";
@@ -35,13 +36,6 @@ let FlexFlow = class FlexFlow extends LayoutSTD {
         return html `${htmlSlot()} ${htmlStyle(style)}`;
     }
 };
-FlexFlow.styles = [
-    css `
-      :host {
-        display: flex !important;
-      }
-    `,
-];
 __decorate([
     property()
 ], FlexFlow.prototype, "flexflow", void 0);

package/web-components/layout/flex-flow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex-flow.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/layout/flex-flow.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAqB,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEtD,MAAM,UAAU,GAAG,WAAW,CAAC;AAE/B;;GAEG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,aAAa;IAApC;;QACL;;WAEG;QACS,aAAQ,GAAG,0BAA0B,CAAC;QAClD;;WAEG;QACS,WAAM,GAAG,OAAO,CAAC;IAoB/B,CAAC;aAlBQ,WAAM,GAAG;QACd,GAAG,CAAA;;;;KAIF;KACF,AANY,CAMX;IAEQ,MAAM;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC;QAC3C,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC;QACzC,MAAM,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,aAAa,IAAI,QAAQ,CAAC;QAChE,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,IAAI,QAAQ,CAAC;QACtD,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC;QACjC,MAAM,KAAK,GAAG,wBAAwB,aAAa,cAAc,QAAQ,uBAAuB,CAAC,0BAA0B,cAAc,cAAc,SAAS,GAAG,CAAC;QACpK,OAAO,IAAI,CAAA,GAAG,QAAQ,EAAE,IAAI,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;IACjD,CAAC;;AAvBW;IAAX,QAAQ,EAAE;0CAAuC;AAItC;IAAX,QAAQ,EAAE;wCAAkB;AARlB,QAAQ;IADpB,MAAM,CAAC,UAAU,CAAC;GACN,QAAQ,CA4BpB;;AAED,eAAe,QAAQ,CAAC","sourcesContent":["import { css, html, property } from \"../../deps.js\";\nimport { htmlSlot, htmlStyle, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"flex-flow\";\n\n/**\n * FlexFlow controls the flex layout based on the width of the screen.\n */\n@define(defineName)\nexport class FlexFlow extends GodownElement {\n  /**\n   * The flex-flow behavior.\n   */\n  @property() flexflow = \"row nowrap column nowrap\";\n  /**\n   * The width of the screen for the position change.\n   */\n  @property() mobile = \"720px\";\n\n  static styles = [\n    css`\n      :host {\n        display: flex !important;\n      }\n    `,\n  ];\n\n  protected render(): HTMLTemplate {\n    const flexflow = this.flexflow.split(/\\s+/);\n    const flexDirection = flexflow[0] || \"row\";\n    const flexWrap = flexflow[1] || \"nowrap\";\n    const flexDirectionM = flexflow[2] || flexDirection || \"column\";\n    const flexWrapM = flexflow[3] || flexWrap || \"nowrap\";\n    const m = this.mobile || \"720px\";\n    const style = `:host{flex-direction:${flexDirection};flex-wrap:${flexWrap};}@media(max-width: ${m}){:host{flex-direction:${flexDirectionM};flex-wrap:${flexWrapM}}`;\n    return html`${htmlSlot()} ${htmlStyle(style)}`;\n  }\n}\n\nexport default FlexFlow;\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"flex-flow\": FlexFlow;\n  }\n}\n"]}

package/web-components/layout/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./divider-line.js";
+export * from "./flex-flow.js";
+export * from "./nav-aside.js";
+export * from "./nav-layout.js";
+//# sourceMappingURL=index.d.ts.map

package/web-components/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/layout/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC"}

package/web-components/layout/index.js

@@ -0,0 +1,6 @@
+/// script generated
+export * from "./divider-line.js";
+export * from "./flex-flow.js";
+export * from "./nav-aside.js";
+export * from "./nav-layout.js";
+//# sourceMappingURL=index.js.map

package/web-components/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/layout/index.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC","sourcesContent":["/// script generated\nexport * from \"./divider-line.js\";\nexport * from \"./flex-flow.js\";\nexport * from \"./nav-aside.js\";\nexport * from \"./nav-layout.js\";\n"]}

package/{layout → web-components/layout}/nav-aside.d.ts

@@ -1,10 +1,10 @@
-import { type CSSResultGroup } from "../deps.js";
-import { type HTMLTemplate } from "../lib/templates.js";
-import LayoutSTD from "./std.js";
+import { type CSSResultGroup } from "../../deps.js";
+import { type HTMLTemplate } from "../../lib/templates.js";
+import { GodownElement } from "../../root.js";
 /**
  * NavAside renders a side or top navigation.
  */
-export declare class NavAside extends LayoutSTD {
+export declare class NavAside extends GodownElement {
     /**
      * The width of the screen for the position change.
      */

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

@@ -0,0 +1 @@
+{"version":3,"file":"nav-aside.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/layout/nav-aside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAkB,MAAM,eAAe,CAAC;AACzE,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAqC,aAAa,EAAE,MAAM,eAAe,CAAC;AAKjF;;GAEG;AACH,qBACa,QAAS,SAAQ,aAAa;IACzC;;OAEG;IACS,MAAM,SAAW;IAC7B;;OAEG;IACS,QAAQ,SAAkB;IAEtC,MAAM,CAAC,MAAM,iBA0BO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;CASjC;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/{layout → web-components/layout}/nav-aside.js

@@ -1,19 +1,13 @@
-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 { createScope, cssvarValues, define } from "../root.js";
-import { css, html, property } from "../deps.js";
-import { htmlSlot, htmlStyle } from "../lib/templates.js";
-import LayoutSTD from "./std.js";
+import { __decorate } from "tslib";
+import { css, html, property } from "../../deps.js";
+import { htmlSlot, htmlStyle } from "../../lib/templates.js";
+import { createScope, cssvarValues, define, GodownElement } from "../../root.js";
 const defineName = "nav-aside";
 const cssvarScope = createScope(defineName);
 /**
  * NavAside renders a side or top navigation.
  */
-let NavAside = class NavAside extends LayoutSTD {
+let NavAside = class NavAside extends GodownElement {
     constructor() {
         super(...arguments);
         /**
@@ -25,19 +19,9 @@ let NavAside = class NavAside extends LayoutSTD {
          */
         this.position = "sticky fixed";
     }
-    render() {
-        const position = this.position.split(/\s+/);
-        const p = position[0] || "sticky";
-        const pm = position[1] || "fixed";
-        const m = this.mobile || "720px";
-        const style = `: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>${htmlSlot()}</nav>
-      ${htmlStyle(style)}`;
-    }
-};
-NavAside.styles = [
-    LayoutSTD.styles,
-    css `
+    static { this.styles = [
+        GodownElement.styles,
+        css `
       :host {
         ${cssvarScope}--text: var(${cssvarValues.text});
         ${cssvarScope}--background: var(${cssvarValues.main});
@@ -61,7 +45,17 @@ NavAside.styles = [
         box-sizing: border-box;
       }
     `,
-];
+    ]; }
+    render() {
+        const position = this.position.split(/\s+/);
+        const p = position[0] || "sticky";
+        const pm = position[1] || "fixed";
+        const m = this.mobile || "720px";
+        const style = `: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>${htmlSlot()}</nav>
+      ${htmlStyle(style)}`;
+    }
+};
 __decorate([
     property()
 ], NavAside.prototype, "mobile", void 0);

package/web-components/layout/nav-aside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-aside.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/layout/nav-aside.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAqB,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEjF,MAAM,UAAU,GAAG,WAAW,CAAC;AAC/B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C;;GAEG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,aAAa;IAApC;;QACL;;WAEG;QACS,WAAM,GAAG,OAAO,CAAC;QAC7B;;WAEG;QACS,aAAQ,GAAG,cAAc,CAAC;IAuCxC,CAAC;aArCQ,WAAM,GAAG;QACd,aAAa,CAAC,MAAM;QACpB,GAAG,CAAA;;UAEG,WAAW,eAAe,YAAY,CAAC,IAAI;UAC3C,WAAW,qBAAqB,YAAY,CAAC,IAAI;qBACtC,WAAW;0BACN,WAAW;;;;;;;;;;;;;;;;;;KAkBhC;KACgB,AA1BN,CA0BO;IAEV,MAAM;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC;QAClC,MAAM,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC;QAClC,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC;QACjC,MAAM,KAAK,GAAG,kBAAkB,CAAC,iCAAiC,CAAC,oBAAoB,EAAE,mPAAmP,CAAC;QAC7U,OAAO,IAAI,CAAA,QAAQ,QAAQ,EAAE;QACzB,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;IACzB,CAAC;;AA1CW;IAAX,QAAQ,EAAE;wCAAkB;AAIjB;IAAX,QAAQ,EAAE;0CAA2B;AAR3B,QAAQ;IADpB,MAAM,CAAC,UAAU,CAAC;GACN,QAAQ,CA+CpB;;AAED,eAAe,QAAQ,CAAC","sourcesContent":["import { css, type CSSResultGroup, html, property } from \"../../deps.js\";\nimport { htmlSlot, htmlStyle, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { createScope, cssvarValues, define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"nav-aside\";\nconst cssvarScope = createScope(defineName);\n\n/**\n * NavAside renders a side or top navigation.\n */\n@define(defineName)\nexport class NavAside extends GodownElement {\n  /**\n   * The width of the screen for the position change.\n   */\n  @property() mobile = \"720px\";\n  /**\n   * The position behavior.\n   */\n  @property() position = \"sticky fixed\";\n\n  static styles = [\n    GodownElement.styles,\n    css`\n      :host {\n        ${cssvarScope}--text: var(${cssvarValues.text});\n        ${cssvarScope}--background: var(${cssvarValues.main});\n        color: var(${cssvarScope}--text);\n        background: var(${cssvarScope}--background);\n        top: 0;\n        left: 0;\n        bottom: 0;\n        width: 100%;\n        height: fit-content;\n        display: flex;\n      }\n\n      nav {\n        height: inherit;\n        width: inherit;\n        display: flex;\n        flex-direction: row;\n        align-items: flex-start;\n        justify-content: space-between;\n        box-sizing: border-box;\n      }\n    `,\n  ] as CSSResultGroup;\n\n  protected render(): HTMLTemplate {\n    const position = this.position.split(/\\s+/);\n    const p = position[0] || \"sticky\";\n    const pm = position[1] || \"fixed\";\n    const m = this.mobile || \"720px\";\n    const style = `: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;}}`;\n    return html`<nav>${htmlSlot()}</nav>\n      ${htmlStyle(style)}`;\n  }\n}\n\nexport default NavAside;\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"nav-aside\": NavAside;\n  }\n}\n"]}

package/{layout → web-components/layout}/nav-layout.d.ts

@@ -1,10 +1,10 @@
-import { type CSSResultGroup } from "../deps.js";
-import { type HTMLTemplate } from "../lib/templates.js";
-import LayoutSTD from "./std.js";
+import { type CSSResultGroup } from "../../deps.js";
+import { type HTMLTemplate } from "../../lib/templates.js";
+import { GodownElement } from "../../root.js";
 /**
  * NavLayout renders a navigation, an optional top header, an optional bottom footer.
  */
-export declare class NavLayout extends LayoutSTD {
+export declare class NavLayout extends GodownElement {
     /**
      * Main heading.
      */

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

@@ -0,0 +1 @@
+{"version":3,"file":"nav-layout.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/layout/nav-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAkB,MAAM,eAAe,CAAC;AACzE,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAqC,aAAa,EAAE,MAAM,eAAe,CAAC;AAKjF;;GAEG;AACH,qBACa,SAAU,SAAQ,aAAa;IAC1C;;OAEG;IACS,IAAI,SAAM;IACtB;;OAEG;IACS,OAAO,SAAM;IAEzB;;OAEG;IACH,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAEf,MAAM,CAAC,MAAM,iBAkFO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAMhC,OAAO,CAAC,SAAS;CAgBlB;AAED,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/{layout → web-components/layout}/nav-layout.js

@@ -1,19 +1,13 @@
-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 { createScope, cssvarValues, define } from "../root.js";
-import { css, html, property } from "../deps.js";
-import { htmlSlot } from "../lib/templates.js";
-import LayoutSTD from "./std.js";
+import { __decorate } from "tslib";
+import { css, html, property } from "../../deps.js";
+import { htmlSlot } from "../../lib/templates.js";
+import { createScope, cssvarValues, define, GodownElement } from "../../root.js";
 const defineName = "nav-layout";
 const cssvarScope = createScope(defineName);
 /**
  * NavLayout renders a navigation, an optional top header, an optional bottom footer.
  */
-let NavLayout = class NavLayout extends LayoutSTD {
+let NavLayout = class NavLayout extends GodownElement {
     constructor() {
         super(...arguments);
         /**
@@ -25,31 +19,9 @@ let NavLayout = class NavLayout extends LayoutSTD {
          */
         this.subhead = "";
     }
-    render() {
-        return html ` ${htmlSlot("header")} ${this.renderNav()}
-      <main>${htmlSlot()}</main>
-      ${htmlSlot("footer")}`;
-    }
-    renderNav() {
-        if (this.querySelector("[slot=nav]")) {
-            return htmlSlot("nav");
-        }
-        return html `<nav>
-      <h1>
-        <slot name="host"></slot>
-        <a href="/">${this.host}</a>${this.subhead &&
-            html `<span></span>
-          <div>${this.subhead}</div>`}
-      </h1>
-      <div>
-        <slot name="opt"></slot>
-      </div>
-    </nav>`;
-    }
-};
-NavLayout.styles = [
-    LayoutSTD.styles,
-    css `
+    static { this.styles = [
+        GodownElement.styles,
+        css `
       :host {
         ${cssvarScope}--text: var(${cssvarValues.text});
         ${cssvarScope}--background: var(${cssvarValues.main});
@@ -129,7 +101,29 @@ NavLayout.styles = [
         }
       }
     `,
-];
+    ]; }
+    render() {
+        return html ` ${htmlSlot("header")} ${this.renderNav()}
+      <main>${htmlSlot()}</main>
+      ${htmlSlot("footer")}`;
+    }
+    renderNav() {
+        if (this.querySelector("[slot=nav]")) {
+            return htmlSlot("nav");
+        }
+        return html `<nav>
+      <h1>
+        <slot name="host"></slot>
+        <a href="/">${this.host}</a>${this.subhead &&
+            html `<span></span>
+          <div>${this.subhead}</div>`}
+      </h1>
+      <div>
+        <slot name="opt"></slot>
+      </div>
+    </nav>`;
+    }
+};
 __decorate([
     property()
 ], NavLayout.prototype, "host", void 0);