godown 2.6.2 → 2.7.0

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"router.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/router/router.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, property, type PropertyValueMap, state } from \"../../.deps.js\";\nimport { conf } from \"../../conf.js\";\nimport { define } from \"../../decorators/define.js\";\nimport RouteTree from \"../../lib/route-tree.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { deepQuerySelectorAll } from \"../../lib/utils.js\";\nimport { GodownElement } from \"../../supers/root.js\";\n\ntype WithRecord<T extends string> = Record<string, any> & Record<T, string>;\n\nconst defineName = \"router\";\n\n/**\n * {@linkcode Router} has basic routing control.\n */\n@define(defineName)\nexport class Router<T = unknown> extends GodownElement {\n  private _routes: (WithRecord<\"path\"> & { component?: T })[] = [];\n  private _routeTree: RouteTree = new RouteTree();\n\n  /**\n   * Component will render.\n   */\n  @state() component: T | HTMLTemplate = null;\n  /**\n   * Dynamic parameters record.\n   */\n  @state() params: Record<string, string> = {};\n  /**\n   * Value of matched path in routes, or null.\n   */\n  @state() path: string = null;\n  /**\n   * Current pathname (location.pathname).\n   */\n  @property() pathname = \"\";\n  /**\n   * Path prefix.\n   */\n  @property() baseURL = \"\";\n  /**\n   * Rendered content when there is no match.\n   */\n  @state() def = htmlSlot();\n  /**\n   * The type of routing query.\n   */\n  @property() type: \"united\" | \"child\" | \"slotted\" | \"field\" = \"united\";\n  /**\n   * Rewrite history.\n   */\n  @state() override = true;\n  /**\n   * Cache accessed.\n   */\n  @property({ type: Boolean }) cache = false;\n\n  /**\n   * Cache record.\n   */\n  record = new Map<string, ReturnType<typeof this.useRouter>>();\n\n  set routes(v) {\n    if (Object.prototype.toString.call(v) !== \"[object Array]\") {\n      return;\n    }\n    this._routes = v;\n    this.reset();\n    for (const route of v) {\n      this._routeTree.insert(route.path);\n    }\n    this.requestUpdate();\n  }\n\n  get routes() {\n    return this._routes;\n  }\n\n  static styles = [\n    css`\n      :host {\n        display: contents;\n      }\n    `,\n  ];\n\n  reset() {\n    this._routeTree = new RouteTree();\n    this.record.clear();\n  }\n\n  protected render(): T | HTMLTemplate {\n    if (this.cache) {\n      const cached = this.record.get(this.pathname);\n      if (cached) {\n        Object.assign(this, cached);\n        return this.component;\n      }\n    }\n    this.params = {};\n    switch (this.type) {\n      case \"field\":\n        this.component = this.fieldComponent();\n        break;\n      case \"child\":\n      case \"slotted\":\n        this.component = this.slottedComponent();\n        break;\n      case \"united\":\n        this.component = this.fieldComponent() ?? this.slottedComponent();\n        break;\n    }\n    return this.component ?? this.def;\n  }\n\n  useRouter() {\n    return {\n      pathname: this.pathname,\n      params: this.params,\n      path: this.path,\n      component: this.component,\n    };\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.pathname = window.location.pathname;\n    if (!this.override) {\n      return;\n    }\n    this.addEvent(window, \"popstate\", () => {\n      this.pathname = window.location.pathname;\n    });\n    const self = this;\n    const pushHistory = history.pushState;\n    history.pushState = function () {\n      pushHistory.apply(this, arguments);\n      self.pathname = window.location.pathname;\n    };\n    const replaceHistory = history.replaceState;\n    history.replaceState = function () {\n      replaceHistory.apply(this, arguments);\n      self.pathname = window.location.pathname;\n    };\n  }\n\n  /**\n   *\n   * @param ur value of useRouter()\n   * @param first whether this path is loaded for the first time\n   */\n  routeChangeCallback: (ur: ReturnType<typeof this.useRouter>, first: boolean) => void = null;\n\n  protected updated(changedProperties: PropertyValueMap<this>) {\n    const shouldDispatch = changedProperties.has(\"pathname\") || changedProperties.has(\"path\");\n    if (shouldDispatch) {\n      const ur = this.useRouter();\n      const noRecord = !this.record.has(this.pathname);\n      if (noRecord) {\n        this.record.set(this.pathname, ur);\n      }\n      this.routeChangeCallback?.(ur, noRecord);\n      this.dispatchEvent(new CustomEvent(\"change\", { detail: ur }));\n    }\n  }\n\n  fieldComponent(usedRouteTemplate?: string): null | T {\n    if (!usedRouteTemplate) {\n      usedRouteTemplate = this.useWhichRoute(this.pathname);\n    }\n    this.path = usedRouteTemplate;\n    if (!usedRouteTemplate) {\n      return null;\n    }\n    this.params = this.parseRouterParams(this.path, this.pathname);\n    const route = this.routes.find((r) => r.path === usedRouteTemplate);\n    if (!route) {\n      return null;\n    }\n    return route.component;\n  }\n\n  slottedComponent(usedRouteTemplate?: string): null | HTMLTemplate {\n    const childNodes = this.querySelectorAll(\":scope > *[slot]\");\n    if (!childNodes.length) {\n      return null;\n    }\n    const slottedPaths = Array.from(childNodes).map((node) => {\n      const slotname = node.getAttribute(\"slot\");\n      return {\n        path: slotname,\n      };\n    });\n    const tempRouteTree = new RouteTree();\n    for (const withPath of slottedPaths) {\n      tempRouteTree.insert(withPath.path);\n    }\n    if (!usedRouteTemplate) {\n      usedRouteTemplate = this.useWhichRoute(this.pathname, undefined, tempRouteTree);\n      if (!usedRouteTemplate) {\n        return null;\n      }\n    }\n    const slotElement = slottedPaths.find((s) => s.path === usedRouteTemplate);\n    if (!slotElement) {\n      return null;\n    }\n    this.params = this.parseRouterParams(usedRouteTemplate, this.pathname);\n    return htmlSlot(slotElement.path);\n  }\n\n  useWhichRoute(path: string, baseURL = this.baseURL, appl: RouteTree = this._routeTree): string | null {\n    return appl.useWhich(baseURL + path);\n  }\n\n  parseRouterParams(routeTemplate: string, originpath: string, appl: RouteTree = this._routeTree): Record<string, string> {\n    return appl.parseParams(originpath, routeTemplate);\n  }\n\n  static updateAll() {\n    const routeViewTagName = conf.nameMap.get(\"route-view\");\n    if (!routeViewTagName) {\n      return;\n    }\n    const routeViewArray = deepQuerySelectorAll<Router>(routeViewTagName, document.body);\n    routeViewArray.forEach((ArrayItem) => {\n      if (!ArrayItem.override) {\n        ArrayItem.pathname = window.location.pathname;\n      }\n    });\n  }\n}\n\nexport default Router;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"route-view\": Router;\n    router: Router;\n  }\n}\n"]}

package/web-components/{loading/skeleton-screen.d.ts → skeleton/skeleton.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 { GodownElement } from "../../root.js";
+import { GodownElement } from "../../supers/root.js";
 /**
- * SkeletonScreen renders a skeleton screen.
+ * {@linkcode Skeleton} renders a skeleton screen.
  *
  * Inspired by Ant-design.
  */
-export declare class SkeletonScreen extends GodownElement {
+export declare class Skeleton extends GodownElement {
     /**
      * Skeleton type.
      */
@@ -23,10 +23,11 @@ export declare class SkeletonScreen extends GodownElement {
     protected render(): HTMLTemplate;
     private renderIcon;
 }
-export default SkeletonScreen;
+export default Skeleton;
 declare global {
     interface HTMLElementTagNameMap {
-        "skeleton-screen": SkeletonScreen;
+        "skeleton-screen": Skeleton;
+        "g-skeleton": Skeleton;
     }
 }
-//# sourceMappingURL=skeleton-screen.d.ts.map
+//# sourceMappingURL=skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/skeleton/skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAyB,MAAM,gBAAgB,CAAC;AAEjF,OAAO,EAAY,KAAK,YAAY,EAAY,MAAM,wBAAwB,CAAC;AAC/E,OAAO,EAA6B,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAKhF;;;;GAIG;AACH,qBACa,QAAS,SAAQ,aAAa;IACzC;;OAEG;IACS,IAAI,EAAE,MAAM,GAAG,OAAO,CAAU;IAC5C;;OAEG;IACS,SAAS,EAAE,UAAU,GAAG,SAAS,CAAc;IAC3D;;OAEG;IACM,OAAO,UAAQ;IAExB,MAAM,CAAC,MAAM,iBA+EO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAOhC,OAAO,CAAC,UAAU;CAQnB;AAED,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,QAAQ,CAAC;QAC5B,YAAY,EAAE,QAAQ,CAAC;KACxB;CACF"}

package/web-components/{loading/skeleton-screen.js → skeleton/skeleton.js}

@@ -1,15 +1,16 @@
 import { __decorate } from "tslib";
-import { css, html, property, state } from "../../deps.js";
+import { css, html, property, state } from "../../.deps.js";
+import { define } from "../../decorators/define.js";
 import { htmlSlot, svgImage } from "../../lib/templates.js";
-import { createScope, cssvarValues, define, GodownElement } from "../../root.js";
-const defineName = "skeleton-screen";
+import { createScope, cssvarValues, GodownElement } from "../../supers/root.js";
+const defineName = "skeleton";
 const cssvarScope = createScope(defineName);
 /**
- * SkeletonScreen renders a skeleton screen.
+ * {@linkcode Skeleton} renders a skeleton screen.
  *
  * Inspired by Ant-design.
  */
-let SkeletonScreen = class SkeletonScreen extends GodownElement {
+let Skeleton = class Skeleton extends GodownElement {
     constructor() {
         super(...arguments);
         /**
@@ -40,7 +41,7 @@ let SkeletonScreen = class SkeletonScreen extends GodownElement {
         }
     }
 };
-SkeletonScreen.styles = [
+Skeleton.styles = [
     GodownElement.styles,
     css `
       :host {
@@ -122,16 +123,16 @@ SkeletonScreen.styles = [
 ];
 __decorate([
     property()
-], SkeletonScreen.prototype, "type", void 0);
+], Skeleton.prototype, "type", void 0);
 __decorate([
     property()
-], SkeletonScreen.prototype, "animation", void 0);
+], Skeleton.prototype, "animation", void 0);
 __decorate([
     state()
-], SkeletonScreen.prototype, "loading", void 0);
-SkeletonScreen = __decorate([
+], Skeleton.prototype, "loading", void 0);
+Skeleton = __decorate([
     define(defineName)
-], SkeletonScreen);
-export { SkeletonScreen };
-export default SkeletonScreen;
-//# sourceMappingURL=skeleton-screen.js.map
+], Skeleton);
+export { Skeleton };
+export default Skeleton;
+//# sourceMappingURL=skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/skeleton/skeleton.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAqB,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAEhF,MAAM,UAAU,GAAG,UAAU,CAAC;AAC9B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C;;;;GAIG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,aAAa;IAApC;;QACL;;WAEG;QACS,SAAI,GAAqB,MAAM,CAAC;QAC5C;;WAEG;QACS,cAAS,GAA2B,UAAU,CAAC;QAC3D;;WAEG;QACM,YAAO,GAAG,IAAI,CAAC;IAkG1B,CAAC;IAfW,MAAM;QACd,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO,IAAI,CAAA,aAAa,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;QACrE,CAAC;QACD,OAAO,QAAQ,EAAE,CAAC;IACpB,CAAC;IAEO,UAAU;QAChB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,MAAM;gBACT,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;YAC1B,KAAK,OAAO;gBACV,OAAO,QAAQ,EAAE,CAAC;QACtB,CAAC;IACH,CAAC;;AA/FM,eAAM,GAAG;IACd,aAAa,CAAC,MAAM;IACpB,GAAG,CAAA;;;;;;UAMG,WAAW,mBAAmB,YAAY,CAAC,OAAO;UAClD,WAAW,iBAAiB,YAAY,CAAC,OAAO;UAChD,WAAW;UACX,WAAW,oBAAoB,YAAY,CAAC,OAAO;UACnD,WAAW,qBAAqB,YAAY,CAAC,IAAI;UACjD,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;qBACA,WAAW;0BACN,WAAW;;;;;;yBAMZ,WAAW;;;;gDAIY,WAAW,eAAe,WAAW,oBAAoB,WAAW,kBAAkB,WAAW;;;;;;;;;;;;;;;;0BAgBvH,WAAW;;;;;;;;;;;;;;;oBAejB,WAAW;;;;;qBAKV,WAAW;sBACV,WAAW;;;;sBAIX,WAAW;;;;;;;;;KAS5B;CACgB,AA/EN,CA+EO;AAzFR;IAAX,QAAQ,EAAE;sCAAiC;AAIhC;IAAX,QAAQ,EAAE;2CAAgD;AAIlD;IAAR,KAAK,EAAE;yCAAgB;AAZb,QAAQ;IADpB,MAAM,CAAC,UAAU,CAAC;GACN,QAAQ,CA8GpB;;AAED,eAAe,QAAQ,CAAC","sourcesContent":["import { css, type CSSResultGroup, html, property, state } from \"../../.deps.js\";\nimport { define } from \"../../decorators/define.js\";\nimport { htmlSlot, type HTMLTemplate, svgImage } from \"../../lib/templates.js\";\nimport { createScope, cssvarValues, GodownElement } from \"../../supers/root.js\";\n\nconst defineName = \"skeleton\";\nconst cssvarScope = createScope(defineName);\n\n/**\n * {@linkcode Skeleton} renders a skeleton screen.\n *\n * Inspired by Ant-design.\n */\n@define(defineName)\nexport class Skeleton extends GodownElement {\n  /**\n   * Skeleton type.\n   */\n  @property() type: \"text\" | \"image\" = \"text\";\n  /**\n   * Animation type.\n   */\n  @property() animation: \"position\" | \"opacity\" = \"position\";\n  /**\n   * If false, hidden.\n   */\n  @state() loading = true;\n\n  static styles = [\n    GodownElement.styles,\n    css`\n      :host {\n        display: block;\n        min-height: 1.5em;\n        width: 100%;\n        overflow: hidden;\n        ${cssvarScope}--from: rgb(var(${cssvarValues.textRGB}) / 7.5%);\n        ${cssvarScope}--to: rgb(var(${cssvarValues.textRGB}) / 20%);\n        ${cssvarScope}--deg: 94deg;\n        ${cssvarScope}--color: rgb(var(${cssvarValues.textRGB}) / 50%);\n        ${cssvarScope}--background: var(${cssvarValues.main});\n        ${cssvarScope}--duration: 1.5s;\n        ${cssvarScope}--icon-width: 5em;\n        ${cssvarScope}--icon-height: 5em;\n        ${cssvarScope}--icon-margin: .75em;\n        color: var(${cssvarScope}--color);\n        background: var(${cssvarScope}--background);\n      }\n\n      p {\n        height: 100%;\n        min-height: inherit;\n        animation: var(${cssvarScope}--duration) ease-in-out 0s infinite none running;\n      }\n\n      p.position {\n        background-image: linear-gradient(var(${cssvarScope}--deg), var(${cssvarScope}--from) 36%, var(${cssvarScope}--to) 50%, var(${cssvarScope}--from) 64%);\n        background-color: transparent;\n        background-size: 200% 100%;\n        animation-name: po;\n      }\n\n      @keyframes po {\n        from {\n          background-position: 150% center;\n        }\n        to {\n          background-position: -50% center;\n        }\n      }\n\n      p.opacity {\n        background: var(${cssvarScope}--from);\n        animation-name: op;\n        animation-direction: alternate;\n      }\n\n      @keyframes op {\n        50% {\n          opacity: 0.2;\n        }\n        to {\n          opacity: 1;\n        }\n      }\n\n      path {\n        fill: var(${cssvarScope}--color);\n      }\n\n      svg,\n      slot {\n        width: var(${cssvarScope}--icon-width);\n        height: var(${cssvarScope}--icon-height);\n      }\n\n      svg {\n        margin: var(${cssvarScope}--icon-margin);\n      }\n\n      p,\n      svg {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n    `,\n  ] as CSSResultGroup;\n\n  protected render(): HTMLTemplate {\n    if (this.loading) {\n      return html`<p class=\"${this.animation}\">${this.renderIcon()}</p>`;\n    }\n    return htmlSlot();\n  }\n\n  private renderIcon(): HTMLTemplate {\n    switch (this.type) {\n      case \"text\":\n        return htmlSlot(\"icon\");\n      case \"image\":\n        return svgImage();\n    }\n  }\n}\n\nexport default Skeleton;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"skeleton-screen\": Skeleton;\n    \"g-skeleton\": Skeleton;\n  }\n}\n"]}

package/web-components/{group/tab-group.d.ts → tabs/tabs.d.ts}

@@ -1,12 +1,12 @@
-import { type CSSResultGroup, type PropertyValueMap } from "../../deps.js";
+import { type CSSResultGroup, type PropertyValueMap } from "../../.deps.js";
 import { type HTMLTemplate } from "../../lib/templates.js";
-import { GodownElement } from "../../root.js";
+import { GodownElement } from "../../supers/root.js";
 /**
- * TabGroup used to support multiple tabs.
+ * {@linkcode GodownTab} used to support multiple tab.
  *
  * Inspired by Next-ui.
  */
-export declare class TabGroup extends GodownElement {
+export declare class Tabs extends GodownElement {
     /**
      * Active slot name.
      */
@@ -20,7 +20,7 @@ export declare class TabGroup extends GodownElement {
      */
     align: string;
     /**
-     * Header texts or slot names, if headers is a zero value, it is taken from the {@linkcode TabGroup.contents}.
+     * Header texts or slot names, if headers is a zero value, it is taken from the {@linkcode Tabs.contents}.
      */
     headers: string[] | void;
     /**
@@ -42,10 +42,11 @@ export declare class TabGroup extends GodownElement {
      */
     getTabs(): void;
 }
-export default TabGroup;
+export default Tabs;
 declare global {
     interface HTMLElementTagNameMap {
-        "tab-group": TabGroup;
+        "tab-group": Tabs;
+        "g-tabs": Tabs;
     }
 }
-//# sourceMappingURL=tab-group.d.ts.map
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/tabs/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAkB,KAAK,gBAAgB,EAAS,MAAM,gBAAgB,CAAC;AAGxG,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,EAA6B,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAMhF;;;;GAIG;AACH,qBACa,IAAK,SAAQ,aAAa;IACrC;;OAEG;IACS,KAAK,SAAM;IACvB;;OAEG;IACS,GAAG,SAAM;IACrB;;OAEG;IACS,KAAK,SAAW;IAC5B;;OAEG;IACM,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAClC;;OAEG;IACM,QAAQ,EAAE,MAAM,EAAE,CAAC;IAE5B,MAAM,CAAC,MAAM,iBA0CO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAoBhC,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IAkB3D;;;;OAIG;IACH,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,UAAQ;IAalC,iBAAiB;IAWjB;;OAEG;IACH,OAAO;CAGR;AAED,eAAe,IAAI,CAAC;AAEpB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,IAAI,CAAC;QAClB,QAAQ,EAAE,IAAI,CAAC;KAChB;CACF"}