godown 2.6.1 → 2.7.0

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

@@ -1,45 +1,28 @@
 import { __decorate } from "tslib";
-import { css, html, property } from "../../deps.js";
+import { css, html } from "../../.deps.js";
+import { define } from "../../decorators/define.js";
 import { htmlSlot } from "../../lib/templates.js";
-import { createScope, cssvarValues, define, GodownElement } from "../../root.js";
+import { createScope, cssvarValues, GodownElement } from "../../supers/root.js";
 const defineName = "nav-layout";
 const cssvarScope = createScope(defineName);
 /**
- * NavLayout renders a navigation, an optional top header, an optional bottom footer.
+ * {@linkcode NavLayout} renders a navigation, an optional top header, an optional bottom footer.
+ *
+ * @slot - The main content of the layout.
+ *
+ * @slot nav - The navigation of the layout.
+ *
+ * @slot header - The header of the layout.
+ *
+ * @slot footer - The footer of the layout.
  */
 let NavLayout = class NavLayout extends GodownElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Main heading.
-         */
-        this.host = "";
-        /**
-         * Subheading.
-         */
-        this.subhead = "";
-    }
     render() {
-        return html ` ${htmlSlot("header")} ${this.renderNav()}
+        return html `${htmlSlot("header")}
+      <nav>${htmlSlot("nav")}</nav>
       <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 = [
     GodownElement.styles,
@@ -47,89 +30,37 @@ NavLayout.styles = [
       :host {
         ${cssvarScope}--text: var(${cssvarValues.text});
         ${cssvarScope}--background: var(${cssvarValues.main});
-        ${cssvarScope}--super-background:var(${cssvarValues.input}--true);
-        ${cssvarScope}--height: 2.4em;
-        ${cssvarScope}--h1-size: calc(var(${cssvarScope}--height) / 2);
+        ${cssvarScope}--nav-height: 2.4em;
+        ${cssvarScope}--title-font-size: 1.4em;
+        ${cssvarScope}--nav-padding: 0 2.5%;
+        ${cssvarScope}--main-flex: 1;
+        ${cssvarScope}--main-padding: 0;
         width: 100%;
         height: 100%;
-        display: flex;
-        flex-flow: column nowrap;
+        display: flex !important;
+        flex-direction: column;
         justify-content: space-between;
         align-items: center;
         min-height: 100%;
+        color: var(${cssvarScope}--text);
       }
 
       nav {
         color: var(${cssvarScope}--text);
         background: var(${cssvarScope}--background);
-      }
-
-      nav {
-        height: var(${cssvarScope}--height);
-        min-height: var(${cssvarScope}--height);
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
+        padding: var(${cssvarScope}--nav-padding);
+        height: var(${cssvarScope}--nav-height);
         width: 100%;
-        padding: 0 2.5%;
-        box-sizing: border-box;
-        margin: auto;
         position: relative;
-        z-index: 2;
-      }
-
-      a {
-        text-decoration: none;
-        color: currentColor;
-      }
-
-      h1 {
-        font-weight: normal;
-        font-size: var(${cssvarScope}--h1-size);
-        margin: 0;
-        display: flex;
-        align-items: center;
-      }
-
-      h1 span {
-        height: 1em;
-        width: 0.1em;
-        background: currentColor;
-        margin: 0.24em;
-      }
-
-      h1 > * {
-        white-space: nowrap;
       }
 
       main {
-        flex: 1;
-        width: inherit;
-        display: flex;
-        flex-direction: column;
-        z-index: 1;
         position: relative;
-      }
-
-      nav > div {
-        height: 100%;
-        display: flex;
-        flex-direction: row;
-      }
-
-      @media screen and (max-width: 540px) {
-        h1 a ~ * {
-          display: none;
-        }
+        flex: 1;
+        width: 100%;
       }
     `,
 ];
-__decorate([
-    property()
-], NavLayout.prototype, "host", void 0);
-__decorate([
-    property()
-], NavLayout.prototype, "subhead", void 0);
 NavLayout = __decorate([
     define(defineName)
 ], NavLayout);

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

@@ -1 +1 @@
-{"version":3,"file":"nav-layout.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/layout/nav-layout.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAqB,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEjF,MAAM,UAAU,GAAG,YAAY,CAAC;AAChC,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C;;GAEG;AAEI,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,aAAa;IAArC;;QACL;;WAEG;QACS,SAAI,GAAG,EAAE,CAAC;QACtB;;WAEG;QACS,YAAO,GAAG,EAAE,CAAC;IAiH3B,CAAC;IAtBW,MAAM;QACd,OAAO,IAAI,CAAA,IAAI,QAAQ,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,SAAS,EAAE;cAC3C,QAAQ,EAAE;QAChB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;IAC3B,CAAC;IAEO,SAAS;QACf,IAAI,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,EAAE,CAAC;YACrC,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;QACD,OAAO,IAAI,CAAA;;;sBAGO,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,OAAO;YAC1C,IAAI,CAAA;iBACK,IAAI,CAAC,OAAO,QAAQ;;;;;WAK1B,CAAC;IACV,CAAC;;AAzGM,gBAAM,GAAG;IACd,aAAa,CAAC,MAAM;IACpB,GAAG,CAAA;;UAEG,WAAW,eAAe,YAAY,CAAC,IAAI;UAC3C,WAAW,qBAAqB,YAAY,CAAC,IAAI;UACjD,WAAW,0BAA0B,YAAY,CAAC,KAAK;UACvD,WAAW;UACX,WAAW,uBAAuB,WAAW;;;;;;;;;;;qBAWlC,WAAW;0BACN,WAAW;;;;sBAIf,WAAW;0BACP,WAAW;;;;;;;;;;;;;;;;;;;yBAmBZ,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqC/B;CACgB,AAlFN,CAkFO;AA7FR;IAAX,QAAQ,EAAE;uCAAW;AAIV;IAAX,QAAQ,EAAE;0CAAc;AARd,SAAS;IADrB,MAAM,CAAC,UAAU,CAAC;GACN,SAAS,CAyHrB;;AAED,eAAe,SAAS,CAAC","sourcesContent":["import { css, type CSSResultGroup, html, property } from \"../../deps.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { createScope, cssvarValues, define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"nav-layout\";\nconst cssvarScope = createScope(defineName);\n\n/**\n * NavLayout renders a navigation, an optional top header, an optional bottom footer.\n */\n@define(defineName)\nexport class NavLayout extends GodownElement {\n  /**\n   * Main heading.\n   */\n  @property() host = \"\";\n  /**\n   * Subheading.\n   */\n  @property() subhead = \"\";\n\n  /**\n   * @deprecated\n   */\n  set: 0 | 1 | 2;\n\n  static styles = [\n    GodownElement.styles,\n    css`\n      :host {\n        ${cssvarScope}--text: var(${cssvarValues.text});\n        ${cssvarScope}--background: var(${cssvarValues.main});\n        ${cssvarScope}--super-background:var(${cssvarValues.input}--true);\n        ${cssvarScope}--height: 2.4em;\n        ${cssvarScope}--h1-size: calc(var(${cssvarScope}--height) / 2);\n        width: 100%;\n        height: 100%;\n        display: flex;\n        flex-flow: column nowrap;\n        justify-content: space-between;\n        align-items: center;\n        min-height: 100%;\n      }\n\n      nav {\n        color: var(${cssvarScope}--text);\n        background: var(${cssvarScope}--background);\n      }\n\n      nav {\n        height: var(${cssvarScope}--height);\n        min-height: var(${cssvarScope}--height);\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        width: 100%;\n        padding: 0 2.5%;\n        box-sizing: border-box;\n        margin: auto;\n        position: relative;\n        z-index: 2;\n      }\n\n      a {\n        text-decoration: none;\n        color: currentColor;\n      }\n\n      h1 {\n        font-weight: normal;\n        font-size: var(${cssvarScope}--h1-size);\n        margin: 0;\n        display: flex;\n        align-items: center;\n      }\n\n      h1 span {\n        height: 1em;\n        width: 0.1em;\n        background: currentColor;\n        margin: 0.24em;\n      }\n\n      h1 > * {\n        white-space: nowrap;\n      }\n\n      main {\n        flex: 1;\n        width: inherit;\n        display: flex;\n        flex-direction: column;\n        z-index: 1;\n        position: relative;\n      }\n\n      nav > div {\n        height: 100%;\n        display: flex;\n        flex-direction: row;\n      }\n\n      @media screen and (max-width: 540px) {\n        h1 a ~ * {\n          display: none;\n        }\n      }\n    `,\n  ] as CSSResultGroup;\n\n  protected render(): HTMLTemplate {\n    return html` ${htmlSlot(\"header\")} ${this.renderNav()}\n      <main>${htmlSlot()}</main>\n      ${htmlSlot(\"footer\")}`;\n  }\n\n  private renderNav(): HTMLTemplate {\n    if (this.querySelector(\"[slot=nav]\")) {\n      return htmlSlot(\"nav\");\n    }\n    return html`<nav>\n      <h1>\n        <slot name=\"host\"></slot>\n        <a href=\"/\">${this.host}</a>${this.subhead &&\n        html`<span></span>\n          <div>${this.subhead}</div>`}\n      </h1>\n      <div>\n        <slot name=\"opt\"></slot>\n      </div>\n    </nav>`;\n  }\n}\n\nexport default NavLayout;\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"nav-layout\": NavLayout;\n  }\n}\n"]}
+{"version":3,"file":"nav-layout.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/layout/nav-layout.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAqB,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAEhF,MAAM,UAAU,GAAG,YAAY,CAAC;AAChC,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C;;;;;;;;;;GAUG;AAEI,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,aAAa;IAoDhC,MAAM;QACd,OAAO,IAAI,CAAA,GAAG,QAAQ,CAAC,QAAQ,CAAC;aACvB,QAAQ,CAAC,KAAK,CAAC;cACd,QAAQ,EAAE;QAChB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;IAC3B,CAAC;;AA3CM,gBAAM,GAAG;IACd,aAAa,CAAC,MAAM;IACpB,GAAG,CAAA;;UAEG,WAAW,eAAe,YAAY,CAAC,IAAI;UAC3C,WAAW,qBAAqB,YAAY,CAAC,IAAI;UACjD,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;;;;;;;;qBAQA,WAAW;;;;qBAIX,WAAW;0BACN,WAAW;uBACd,WAAW;sBACZ,WAAW;;;;;;;;;;KAU5B;CACgB,AApCN,CAoCO;AAlDT,SAAS;IADrB,MAAM,CAAC,UAAU,CAAC;GACN,SAAS,CA0DrB;;AAED,eAAe,SAAS,CAAC","sourcesContent":["import { css, type CSSResultGroup, html } from \"../../.deps.js\";\nimport { define } from \"../../decorators/define.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { createScope, cssvarValues, GodownElement } from \"../../supers/root.js\";\n\nconst defineName = \"nav-layout\";\nconst cssvarScope = createScope(defineName);\n\n/**\n * {@linkcode NavLayout} renders a navigation, an optional top header, an optional bottom footer.\n *\n * @slot - The main content of the layout.\n *\n * @slot nav - The navigation of the layout.\n *\n * @slot header - The header of the layout.\n *\n * @slot footer - The footer of the layout.\n */\n@define(defineName)\nexport class NavLayout extends GodownElement {\n  /**\n   * @deprecated\n   */\n  host: string;\n  /**\n   * @deprecated\n   */\n  subhead: string;\n  /**\n   * @deprecated\n   */\n  set: 0 | 1 | 2;\n\n  static styles = [\n    GodownElement.styles,\n    css`\n      :host {\n        ${cssvarScope}--text: var(${cssvarValues.text});\n        ${cssvarScope}--background: var(${cssvarValues.main});\n        ${cssvarScope}--nav-height: 2.4em;\n        ${cssvarScope}--title-font-size: 1.4em;\n        ${cssvarScope}--nav-padding: 0 2.5%;\n        ${cssvarScope}--main-flex: 1;\n        ${cssvarScope}--main-padding: 0;\n        width: 100%;\n        height: 100%;\n        display: flex !important;\n        flex-direction: column;\n        justify-content: space-between;\n        align-items: center;\n        min-height: 100%;\n        color: var(${cssvarScope}--text);\n      }\n\n      nav {\n        color: var(${cssvarScope}--text);\n        background: var(${cssvarScope}--background);\n        padding: var(${cssvarScope}--nav-padding);\n        height: var(${cssvarScope}--nav-height);\n        width: 100%;\n        position: relative;\n      }\n\n      main {\n        position: relative;\n        flex: 1;\n        width: 100%;\n      }\n    `,\n  ] as CSSResultGroup;\n\n  protected render(): HTMLTemplate {\n    return html`${htmlSlot(\"header\")}\n      <nav>${htmlSlot(\"nav\")}</nav>\n      <main>${htmlSlot()}</main>\n      ${htmlSlot(\"footer\")}`;\n  }\n}\n\nexport default NavLayout;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"nav-layout\": NavLayout;\n    \"g-nav-layout\": NavLayout;\n  }\n}\n"]}

package/web-components/{open → offset}/open-offset.d.ts

@@ -1,12 +1,12 @@
-import { type CSSResultGroup } from "../../deps.js";
+import { type CSSResultGroup } from "../../.deps.js";
 import { type HTMLTemplate } from "../../lib/templates.js";
-import { type Direction4, OpenableElement } from "./open.js";
+import { type Direction4, GodownOpenable } from "../../supers/openable.js";
 /**
- * OpenOffset will calculate a lateral offset to try to keep the content within the allowable range.
+ * {@linkcode OpenOffset} will calculate a lateral offset to try to keep the content within the allowable range.
  *
  * Content can be opened in 4 directions.
  */
-export declare class OpenOffset extends OpenableElement {
+export declare class OpenOffset extends GodownOpenable {
     direction: Direction4;
     private _balancer;
     static styles: CSSResultGroup;
@@ -21,6 +21,7 @@ export default OpenOffset;
 declare global {
     interface HTMLElementTagNameMap {
         "open-offset": OpenOffset;
+        "g-open-offset": OpenOffset;
     }
 }
 //# sourceMappingURL=open-offset.d.ts.map

package/web-components/offset/open-offset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"open-offset.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/offset/open-offset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAEvE,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,EAAE,KAAK,UAAU,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAI3E;;;;GAIG;AACH,qBACa,UAAW,SAAQ,cAAc;IAC5C,SAAS,EAAE,UAAU,CAAC;IAEN,OAAO,CAAC,SAAS,CAAc;IAE/C,MAAM,CAAC,MAAM,iBAiDO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAOhC,iBAAiB;cAKD,YAAY;IAM5B,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAQpC,SAAS,CAAC,aAAa;IAKvB,MAAM;CA2BP;AAED,eAAe,UAAU,CAAC;AAE1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;QAC1B,eAAe,EAAE,UAAU,CAAC;KAC7B;CACF"}

package/web-components/{open → offset}/open-offset.js

@@ -1,16 +1,16 @@
 import { __decorate } from "tslib";
-import { css, html, query } from "../../deps.js";
+import { css, html, query } from "../../.deps.js";
+import { define } from "../../decorators/define.js";
 import { htmlSlot } from "../../lib/templates.js";
 import { debounce } from "../../lib/utils.js";
-import { define } from "../../root.js";
-import { OpenableElement } from "./open.js";
+import { GodownOpenable } from "../../supers/openable.js";
 const defineName = "open-offset";
 /**
- * OpenOffset will calculate a lateral offset to try to keep the content within the allowable range.
+ * {@linkcode OpenOffset} will calculate a lateral offset to try to keep the content within the allowable range.
  *
  * Content can be opened in 4 directions.
  */
-let OpenOffset = class OpenOffset extends OpenableElement {
+let OpenOffset = class OpenOffset extends GodownOpenable {
     render() {
         return html `<main class="${this.direction || "bottom"}">
       <span>${this.summary || htmlSlot("summary")}</span>

package/web-components/offset/open-offset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"open-offset.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/offset/open-offset.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, type CSSResultGroup, html, query } from \"../../.deps.js\";\nimport { define } from \"../../decorators/define.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { debounce } from \"../../lib/utils.js\";\nimport { type Direction4, GodownOpenable } from \"../../supers/openable.js\";\n\nconst defineName = \"open-offset\";\n\n/**\n * {@linkcode OpenOffset} will calculate a lateral offset to try to keep the content within the allowable range.\n *\n * Content can be opened in 4 directions.\n */\n@define(defineName)\nexport class OpenOffset extends GodownOpenable {\n  direction: Direction4;\n\n  @query(\"aside\") private _balancer: HTMLElement;\n\n  static styles = [\n    css`\n      :host {\n        display: block;\n        height: fit-content;\n        width: fit-content;\n      }\n\n      span {\n        user-select: none;\n      }\n\n      main {\n        height: inherit;\n        width: inherit;\n        display: flex;\n        position: relative;\n        align-items: center;\n      }\n\n      aside {\n        background-color: inherit;\n        visibility: hidden;\n        top: 100%;\n        z-index: 1;\n      }\n\n      :host([open]) aside {\n        visibility: visible;\n      }\n\n      :host([float]) aside {\n        position: absolute;\n      }\n    `,\n    css`\n      .left {\n        flex-direction: row-reverse;\n      }\n      .right {\n        flex-direction: row;\n      }\n      .top {\n        flex-direction: column-reverse;\n      }\n      .bottom {\n        flex-direction: column;\n      }\n    `,\n  ] as CSSResultGroup;\n\n  protected render(): HTMLTemplate {\n    return html`<main class=\"${this.direction || \"bottom\"}\">\n      <span>${this.summary || htmlSlot(\"summary\")}</span>\n      <aside>${htmlSlot()}</aside>\n    </main>`;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEvent(window, \"resize\", debounce(this._handelResize.bind(this), 500));\n  }\n\n  protected async firstUpdated() {\n    await this.updateComplete;\n    this.addEvent(document, \"click\", this._handelClick.bind(this));\n    this.resize();\n  }\n\n  protected _handelClick(e: MouseEvent) {\n    if (e.target === this) {\n      this.show();\n    } else if (!this.contains(e.target as HTMLElement)) {\n      this.close();\n    }\n  }\n\n  protected _handelResize() {\n    this._balancer.style.transform = \"none\";\n    this.resize();\n  }\n\n  resize() {\n    if (!this._balancer) {\n      return;\n    }\n    const offsets = this.offsetParent?.getBoundingClientRect() || document.body.getBoundingClientRect();\n    const { left, right, top, bottom, height } = this._balancer.getBoundingClientRect();\n    if (this.direction === \"left\" || this.direction === \"right\") {\n      if (top < offsets.y) {\n        const topTranslate = -top;\n        this._balancer.style.transform = `translateY(${topTranslate}px)`;\n      }\n      if (bottom > offsets.bottom) {\n        const bottomTranslate = offsets.height - (top + height);\n        this._balancer.style.transform = `translateY(${bottomTranslate}px)`;\n      }\n    } else {\n      if (right > offsets.right) {\n        const rightTranslate = offsets.width - (right - offsets.x);\n        this._balancer.style.transform = `translateX(${rightTranslate}px)`;\n      } else if (left < 0) {\n        const leftTranslate = -left;\n        this._balancer.style.transform = `translateX(${leftTranslate}px)`;\n      } else {\n        this._balancer.style.transform = \"\";\n      }\n    }\n  }\n}\n\nexport default OpenOffset;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"open-offset\": OpenOffset;\n    \"g-open-offset\": OpenOffset;\n  }\n}\n"]}

package/web-components/{loading/loading-progress.d.ts → progress/progress.d.ts}

@@ -1,10 +1,10 @@
-import { type CSSResultGroup } from "../../deps.js";
+import { type CSSResultGroup } from "../../.deps.js";
 import { type HTMLTemplate } from "../../lib/templates.js";
-import { GodownElement } from "../../root.js";
+import { GodownElement } from "../../supers/root.js";
 /**
- * LoadProgress similar to  progress.
+ * {@linkcode Progress} similar to  progress.
  */
-export declare class LoadingProgress extends GodownElement {
+export declare class Progress extends GodownElement {
     /**
      * Maximum.
      */
@@ -27,10 +27,11 @@ export declare class LoadingProgress extends GodownElement {
      */
     parsePercent(s?: string | number): number;
 }
-export default LoadingProgress;
+export default Progress;
 declare global {
     interface HTMLElementTagNameMap {
-        "loading-progress": LoadingProgress;
+        "loading-progress": Progress;
+        "g-progress": Progress;
     }
 }
-//# sourceMappingURL=loading-progress.d.ts.map
+//# sourceMappingURL=progress.d.ts.map

package/web-components/progress/progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/progress/progress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAkB,MAAM,gBAAgB,CAAC;AAE1E,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAgB,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAInE;;GAEG;AACH,qBACa,QAAS,SAAQ,aAAa;IACzC;;OAEG;IACyB,GAAG,SAAK;IACpC;;OAEG;IACyB,GAAG,SAAK;IACpC;;OAEG;IACwC,KAAK,MAAQ;IAExD,MAAM,CAAC,MAAM,iBAuCO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAYhC;;;;;OAKG;IACH,YAAY,CAAC,CAAC,GAAE,MAAM,GAAG,MAAY,GAAG,MAAM;CAM/C;AAED,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,QAAQ,CAAC;QAC7B,YAAY,EAAE,QAAQ,CAAC;KACxB;CACF"}

package/web-components/{loading/loading-progress.js → progress/progress.js}

@@ -1,11 +1,12 @@
 import { __decorate } from "tslib";
-import { css, html, property } from "../../deps.js";
-import { cssvarValues, define, GodownElement } from "../../root.js";
-const defineName = "loading-progress";
+import { css, html, property } from "../../.deps.js";
+import { define } from "../../decorators/define.js";
+import { cssvarValues, GodownElement } from "../../supers/root.js";
+const defineName = "progress";
 /**
- * LoadProgress similar to  progress.
+ * {@linkcode Progress} similar to  progress.
  */
-let LoadingProgress = class LoadingProgress extends GodownElement {
+let Progress = class Progress extends GodownElement {
     constructor() {
         super(...arguments);
         /**
@@ -45,7 +46,7 @@ let LoadingProgress = class LoadingProgress extends GodownElement {
         return (parseFloat(String(s)) / (this.max - this.min)) * 100;
     }
 };
-LoadingProgress.styles = [
+Progress.styles = [
     GodownElement.styles,
     css `
       :host,
@@ -87,16 +88,16 @@ LoadingProgress.styles = [
 ];
 __decorate([
     property({ type: Number })
-], LoadingProgress.prototype, "max", void 0);
+], Progress.prototype, "max", void 0);
 __decorate([
     property({ type: Number })
-], LoadingProgress.prototype, "min", void 0);
+], Progress.prototype, "min", void 0);
 __decorate([
     property({ type: Number, reflect: true })
-], LoadingProgress.prototype, "value", void 0);
-LoadingProgress = __decorate([
+], Progress.prototype, "value", void 0);
+Progress = __decorate([
     define(defineName)
-], LoadingProgress);
-export { LoadingProgress };
-export default LoadingProgress;
-//# sourceMappingURL=loading-progress.js.map
+], Progress);
+export { Progress };
+export default Progress;
+//# sourceMappingURL=progress.js.map

package/web-components/progress/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/progress/progress.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAEpD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAEnE,MAAM,UAAU,GAAG,UAAU,CAAC;AAE9B;;GAEG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,aAAa;IAApC;;QACL;;WAEG;QACyB,QAAG,GAAG,CAAC,CAAC;QACpC;;WAEG;QACyB,QAAG,GAAG,CAAC,CAAC;QACpC;;WAEG;QACwC,UAAK,GAAG,IAAI,CAAC;IAmE1D,CAAC;IAxBW,MAAM;QACd,IAAI,KAAK,GAAG,EAAE,CAAC;QACf,IAAI,SAAiB,CAAC;QACtB,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE,CAAC;YACxB,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACtC,SAAS,GAAG,GAAG,CAAC;QAClB,CAAC;QACD,OAAO,IAAI,CAAA,eAAe,SAAS;wBACf,KAAK;WAClB,CAAC;IACV,CAAC;IAED;;;;;OAKG;IACH,YAAY,CAAC,IAAqB,GAAG;QACnC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YAC5B,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/B,CAAC;QACD,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;IAC/D,CAAC;;AAhEM,eAAM,GAAG;IACd,aAAa,CAAC,MAAM;IACpB,GAAG,CAAA;;;;;;;;0BAQmB,YAAY,CAAC,KAAK;;;;;;;;;;0BAUlB,YAAY,CAAC,MAAM;;;;;;;;;;;;;;;;;;KAkBxC;CACgB,AAvCN,CAuCO;AAjDQ;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCAAS;AAIR;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCAAS;AAIO;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAAc;AAZ7C,QAAQ;IADpB,MAAM,CAAC,UAAU,CAAC;GACN,QAAQ,CA+EpB;;AAED,eAAe,QAAQ,CAAC","sourcesContent":["import { css, type CSSResultGroup, html, property } from \"../../.deps.js\";\nimport { define } from \"../../decorators/define.js\";\nimport { type HTMLTemplate } from \"../../lib/templates.js\";\nimport { cssvarValues, GodownElement } from \"../../supers/root.js\";\n\nconst defineName = \"progress\";\n\n/**\n * {@linkcode Progress} similar to  progress.\n */\n@define(defineName)\nexport class Progress extends GodownElement {\n  /**\n   * Maximum.\n   */\n  @property({ type: Number }) max = 1;\n  /**\n   * Minimum.\n   */\n  @property({ type: Number }) min = 0;\n  /**\n   * Input value.\n   */\n  @property({ type: Number, reflect: true }) value = null;\n\n  static styles = [\n    GodownElement.styles,\n    css`\n      :host,\n      div {\n        display: inline-flex;\n        position: relative;\n        width: 10em;\n        height: 0.5em;\n        border-radius: 0.25em;\n        background: var(${cssvarValues.input}--false);\n        z-index: 1;\n      }\n\n      div i {\n        position: absolute;\n        border-radius: inherit;\n        top: 0;\n        left: 0;\n        height: 100%;\n        background: var(${cssvarValues.cssvar}--accept);\n        z-index: 2;\n        transition: all 0.3s;\n        animation: progress 1.5s ease-in-out infinite alternate;\n      }\n\n      @keyframes progress {\n        from {\n          left: 0;\n        }\n        to {\n          left: 80%;\n        }\n      }\n\n      div.v i {\n        animation: none;\n      }\n    `,\n  ] as CSSResultGroup;\n\n  protected render(): HTMLTemplate {\n    let width = 20;\n    let className: string;\n    if (this.value !== null) {\n      width = this.parsePercent(this.value);\n      className = \"v\";\n    }\n    return html`<div class=\"${className}\">\n      <i style=\"width:${width}%;\"></i>\n    </div>`;\n  }\n\n  /**\n   * Convert s to a percentage without a percent sign.\n   *\n   * @param s String or number to convert.\n   * @returns Percentage without a percent sign.\n   */\n  parsePercent(s: string | number = \"0\"): number {\n    if (String(s).includes(\"%\")) {\n      return parseFloat(String(s));\n    }\n    return (parseFloat(String(s)) / (this.max - this.min)) * 100;\n  }\n}\n\nexport default Progress;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"loading-progress\": Progress;\n    \"g-progress\": Progress;\n  }\n}\n"]}

package/web-components/{a/link-a.d.ts → router/router-a.d.ts}

@@ -1,10 +1,10 @@
-import { SuperA } from "./super-a.js";
+import GodownAnchor from "../../supers/anchor.js";
 /**
- * LinkAnchor works with {@linkcode RouteView}.
+ * {@linkcode RouterA} works with {@linkcode Router}.
  *
- * @extends SuperA
+ * @extends A
  */
-export declare class LinkA extends SuperA {
+export declare class RouterA extends GodownAnchor {
     /**
      * True when the href is in the same pathname as the location.
      */
@@ -15,7 +15,7 @@ export declare class LinkA extends SuperA {
     replace: boolean;
     connectedCallback(): void;
     /**
-     * Set active to true when the {@linkcode LinkA.href} is in the same pathname as the location.
+     * Set active to true when the {@linkcode RouterA.href} is in the same pathname as the location.
      */
     useActive(): void;
     protected _handleClick(e: MouseEvent): void;
@@ -24,10 +24,11 @@ export declare class LinkA extends SuperA {
     static pushState(data: any, unused: string, url?: string): void;
     static replaceState(data: any, unused: string, url?: string): void;
 }
-export default LinkA;
+export default RouterA;
 declare global {
     interface HTMLElementTagNameMap {
-        "link-a": LinkA;
+        "link-a": RouterA;
+        "router-a": RouterA;
     }
 }
-//# sourceMappingURL=link-a.d.ts.map
+//# sourceMappingURL=router-a.d.ts.map

package/web-components/router/router-a.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"router-a.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/router/router-a.ts"],"names":[],"mappings":"AAEA,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAKlD;;;;GAIG;AACH,qBACa,OAAQ,SAAQ,YAAY;IACvC;;OAEG;IACyC,MAAM,UAAS;IAC3D;;OAEG;IAC0B,OAAO,UAAS;IAE7C,iBAAiB;IAOjB;;OAEG;IACH,SAAS;IAOT,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAapC,SAAS,CAAC,GAAG,SAAY,EAAE,IAAI,MAAO;IAKtC,YAAY,CAAC,GAAG,SAAY,EAAE,IAAI,MAAO;IAKzC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM;IAKxD,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM;CAI5D;AAED,eAAe,OAAO,CAAC;AAEvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,OAAO,CAAC;QAClB,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/web-components/{a/link-a.js → router/router-a.js}

@@ -1,16 +1,16 @@
-var LinkA_1;
+var RouterA_1;
 import { __decorate } from "tslib";
-import { property } from "../../deps.js";
-import { define } from "../../root.js";
-import { RouteView } from "../view/route-view.js";
-import { SuperA } from "./super-a.js";
-const defineName = "link-a";
+import { property } from "../../.deps.js";
+import { define } from "../../decorators/define.js";
+import GodownAnchor from "../../supers/anchor.js";
+import { Router } from "./router.js";
+const defineName = "router-a";
 /**
- * LinkAnchor works with {@linkcode RouteView}.
+ * {@linkcode RouterA} works with {@linkcode Router}.
  *
- * @extends SuperA
+ * @extends A
  */
-let LinkA = LinkA_1 = class LinkA extends SuperA {
+let RouterA = RouterA_1 = class RouterA extends GodownAnchor {
     constructor() {
         super(...arguments);
         /**
@@ -29,7 +29,7 @@ let LinkA = LinkA_1 = class LinkA extends SuperA {
         this.useActive();
     }
     /**
-     * Set active to true when the {@linkcode LinkA.href} is in the same pathname as the location.
+     * Set active to true when the {@linkcode RouterA.href} is in the same pathname as the location.
      */
     useActive() {
         const url = new URL(this.href, location.href);
@@ -51,31 +51,31 @@ let LinkA = LinkA_1 = class LinkA extends SuperA {
         }
     }
     pushState(url = this.href, data = null) {
-        LinkA_1.pushState(data, "", url);
+        RouterA_1.pushState(data, "", url);
         this.useActive();
     }
     replaceState(url = this.href, data = null) {
-        LinkA_1.replaceState(data, "", url);
+        RouterA_1.replaceState(data, "", url);
         this.useActive();
     }
     static pushState(data, unused, url) {
         history.pushState(data, unused, url);
-        RouteView.updateAll();
+        Router.updateAll();
     }
     static replaceState(data, unused, url) {
         history.replaceState(data, unused, url);
-        RouteView.updateAll();
+        Router.updateAll();
     }
 };
 __decorate([
     property({ type: Boolean, reflect: true })
-], LinkA.prototype, "active", void 0);
+], RouterA.prototype, "active", void 0);
 __decorate([
     property({ type: Boolean })
-], LinkA.prototype, "replace", void 0);
-LinkA = LinkA_1 = __decorate([
+], RouterA.prototype, "replace", void 0);
+RouterA = RouterA_1 = __decorate([
     define(defineName)
-], LinkA);
-export { LinkA };
-export default LinkA;
-//# sourceMappingURL=link-a.js.map
+], RouterA);
+export { RouterA };
+export default RouterA;
+//# sourceMappingURL=router-a.js.map

package/web-components/router/router-a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"router-a.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/router/router-a.ts"],"names":[],"mappings":"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","sourcesContent":["import { property } from \"../../.deps.js\";\nimport { define } from \"../../decorators/define.js\";\nimport GodownAnchor from \"../../supers/anchor.js\";\nimport { Router } from \"./router.js\";\n\nconst defineName = \"router-a\";\n\n/**\n * {@linkcode RouterA} works with {@linkcode Router}.\n *\n * @extends A\n */\n@define(defineName)\nexport class RouterA extends GodownAnchor {\n  /**\n   * True when the href is in the same pathname as the location.\n   */\n  @property({ type: Boolean, reflect: true }) active = false;\n  /**\n   * If true, replaceState, or pushState.\n   */\n  @property({ type: Boolean }) replace = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEvent(this, \"click\", this._handleClick);\n    this.addEvent(window, \"popstate\", this.useActive.bind(this));\n    this.useActive();\n  }\n\n  /**\n   * Set active to true when the {@linkcode RouterA.href} is in the same pathname as the location.\n   */\n  useActive() {\n    const url = new URL(this.href, location.href);\n    if (url.origin === location.origin) {\n      this.active = url.pathname === location.pathname;\n    }\n  }\n\n  protected _handleClick(e: MouseEvent) {\n    const href = this.href ?? this.querySelector(\"[href]\")?.getAttribute(\"href\");\n    const url = new URL(href, location.href);\n    if (url.origin === location.origin) {\n      e.preventDefault();\n      if (this.replace) {\n        this.replaceState(href);\n      } else {\n        this.pushState(href);\n      }\n    }\n  }\n\n  pushState(url = this.href, data = null) {\n    RouterA.pushState(data, \"\", url);\n    this.useActive();\n  }\n\n  replaceState(url = this.href, data = null) {\n    RouterA.replaceState(data, \"\", url);\n    this.useActive();\n  }\n\n  static pushState(data: any, unused: string, url?: string) {\n    history.pushState(data, unused, url);\n    Router.updateAll();\n  }\n\n  static replaceState(data: any, unused: string, url?: string) {\n    history.replaceState(data, unused, url);\n    Router.updateAll();\n  }\n}\n\nexport default RouterA;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"link-a\": RouterA;\n    \"router-a\": RouterA;\n  }\n}\n"]}

package/web-components/{view/route-view.d.ts → router/router.d.ts}

@@ -1,11 +1,11 @@
-import { type PropertyValueMap } from "../../deps.js";
+import { type PropertyValueMap } from "../../.deps.js";
 import RouteTree from "../../lib/route-tree.js";
 import { type HTMLTemplate } from "../../lib/templates.js";
-import { GodownElement } from "../../root.js";
+import { GodownElement } from "../../supers/root.js";
 /**
- * RouteView has basic routing control.
+ * {@linkcode Router} has basic routing control.
  */
-export declare class RouteView<T = unknown> extends GodownElement {
+export declare class Router<T = unknown> extends GodownElement {
     private _routes;
     private _routeTree;
     /**
@@ -51,7 +51,7 @@ export declare class RouteView<T = unknown> extends GodownElement {
         pathname: string;
         params: Record<string, string>;
         path: string;
-        component: import("lit").TemplateResult<1> | T;
+        component: T | import("lit").TemplateResult<1>;
     }>;
     set routes(v: (Record<string, any> & Record<"path", string> & {
         component?: T;
@@ -66,7 +66,7 @@ export declare class RouteView<T = unknown> extends GodownElement {
         pathname: string;
         params: Record<string, string>;
         path: string;
-        component: import("lit").TemplateResult<1> | T;
+        component: T | import("lit").TemplateResult<1>;
     };
     connectedCallback(): void;
     /**
@@ -82,10 +82,11 @@ export declare class RouteView<T = unknown> extends GodownElement {
     parseRouterParams(routeTemplate: string, originpath: string, appl?: RouteTree): Record<string, string>;
     static updateAll(): void;
 }
-export default RouteView;
+export default Router;
 declare global {
     interface HTMLElementTagNameMap {
-        "route-view": RouteView;
+        "route-view": Router;
+        router: Router;
     }
 }
-//# sourceMappingURL=route-view.d.ts.map
+//# sourceMappingURL=router.d.ts.map

package/web-components/router/router.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"router.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/router/router.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,gBAAgB,EAAS,MAAM,gBAAgB,CAAC;AAG7E,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAMrD;;GAEG;AACH,qBACa,MAAM,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,aAAa;IACpD,OAAO,CAAC,OAAO,CAAkD;IACjE,OAAO,CAAC,UAAU,CAA8B;IAEhD;;OAEG;IACM,SAAS,EAAE,CAAC,GAAG,YAAY,CAAQ;IAC5C;;OAEG;IACM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IAC7C;;OAEG;IACM,IAAI,EAAE,MAAM,CAAQ;IAC7B;;OAEG;IACS,QAAQ,SAAM;IAC1B;;OAEG;IACS,OAAO,SAAM;IACzB;;OAEG;IACM,GAAG,kCAAc;IAC1B;;OAEG;IACS,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAY;IACtE;;OAEG;IACM,QAAQ,UAAQ;IACzB;;OAEG;IAC0B,KAAK,UAAS;IAE3C;;OAEG;IACH,MAAM;;;;;OAAwD;IAE9D,IAAI,MAAM,CAAC,CAAC;;QAAA,EAUX;IAED,IAAI,MAAM;;SAET;IAED,MAAM,CAAC,MAAM,4BAMX;IAEF,KAAK;IAKL,SAAS,CAAC,MAAM,IAAI,CAAC,GAAG,YAAY;IAwBpC,SAAS;;;;;;IAST,iBAAiB;IAsBjB;;;;OAIG;IACH,mBAAmB,EAAE,CAAC,EAAE,EAAE,UAAU,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAQ;IAE5F,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IAa3D,cAAc,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,CAAC;IAgBpD,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,YAAY;IA6BjE,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,SAAe,EAAE,IAAI,GAAE,SAA2B,GAAG,MAAM,GAAG,IAAI;IAIrG,iBAAiB,CAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,GAAE,SAA2B,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAIvH,MAAM,CAAC,SAAS;CAYjB;AAED,eAAe,MAAM,CAAC;AAEtB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,MAAM,CAAC;QACrB,MAAM,EAAE,MAAM,CAAC;KAChB;CACF"}

package/web-components/{view/route-view.js → router/router.js}

@@ -1,16 +1,16 @@
 import { __decorate } from "tslib";
+import { css, property, state } from "../../.deps.js";
 import { conf } from "../../conf.js";
-import { css, property, state } from "../../deps.js";
+import { define } from "../../decorators/define.js";
 import RouteTree from "../../lib/route-tree.js";
 import { htmlSlot } from "../../lib/templates.js";
 import { deepQuerySelectorAll } from "../../lib/utils.js";
-import { define } from "../../root.js";
-import { GodownElement } from "../../root.js";
-const defineName = "route-view";
+import { GodownElement } from "../../supers/root.js";
+const defineName = "router";
 /**
- * RouteView has basic routing control.
+ * {@linkcode Router} has basic routing control.
  */
-let RouteView = class RouteView extends GodownElement {
+let Router = class Router extends GodownElement {
     constructor() {
         super(...arguments);
         this._routes = [];
@@ -206,7 +206,7 @@ let RouteView = class RouteView extends GodownElement {
         });
     }
 };
-RouteView.styles = [
+Router.styles = [
     css `
       :host {
         display: contents;
@@ -215,34 +215,34 @@ RouteView.styles = [
 ];
 __decorate([
     state()
-], RouteView.prototype, "component", void 0);
+], Router.prototype, "component", void 0);
 __decorate([
     state()
-], RouteView.prototype, "params", void 0);
+], Router.prototype, "params", void 0);
 __decorate([
     state()
-], RouteView.prototype, "path", void 0);
+], Router.prototype, "path", void 0);
 __decorate([
     property()
-], RouteView.prototype, "pathname", void 0);
+], Router.prototype, "pathname", void 0);
 __decorate([
     property()
-], RouteView.prototype, "baseURL", void 0);
+], Router.prototype, "baseURL", void 0);
 __decorate([
     state()
-], RouteView.prototype, "def", void 0);
+], Router.prototype, "def", void 0);
 __decorate([
     property()
-], RouteView.prototype, "type", void 0);
+], Router.prototype, "type", void 0);
 __decorate([
     state()
-], RouteView.prototype, "override", void 0);
+], Router.prototype, "override", void 0);
 __decorate([
     property({ type: Boolean })
-], RouteView.prototype, "cache", void 0);
-RouteView = __decorate([
+], Router.prototype, "cache", void 0);
+Router = __decorate([
     define(defineName)
-], RouteView);
-export { RouteView };
-export default RouteView;
-//# sourceMappingURL=route-view.js.map
+], Router);
+export { Router };
+export default Router;
+//# sourceMappingURL=router.js.map