godown 2.7.5 → 2.7.7

package/web-components/progress/progress.js

@@ -1,8 +1,10 @@
 import { __decorate } from "tslib";
-import { css, html, property } from "../../.deps.js";
-import { define } from "../../decorators/define.js";
-import { cssvarValues, GodownElement } from "../../supers/root.js";
-const defineName = "progress";
+import { css, html, property } from "../../_deps.js";
+import { godown } from "../../decorators/godown.js";
+import { styles } from "../../decorators/styles.js";
+import { GodownElement } from "../../proto/godown-element.js";
+import { cssGlobalVars } from "../../styles/global.js";
+const protoName = "progress";
 /**
  * {@linkcode Progress} similar to  progress.
  */
@@ -27,10 +29,10 @@ let Progress = class Progress extends GodownElement {
         let className;
         if (this.value !== null) {
             width = this.parsePercent(this.value);
-            className = "v";
+            className = "static";
         }
-        return html `<div class="${className}">
-      <i style="width:${width}%;"></i>
+        return html `<div part="root" class="${className}">
+      <i part="value" style="width:${width}%;"></i>
     </div>`;
     }
     /**
@@ -46,46 +48,6 @@ let Progress = class Progress extends GodownElement {
         return (parseFloat(String(s)) / (this.max - this.min)) * 100;
     }
 };
-Progress.styles = [
-    GodownElement.styles,
-    css `
-      :host,
-      div {
-        display: inline-flex;
-        position: relative;
-        width: 10em;
-        height: 0.5em;
-        border-radius: 0.25em;
-        background: var(${cssvarValues.input}--false);
-        z-index: 1;
-      }
-
-      div i {
-        position: absolute;
-        border-radius: inherit;
-        top: 0;
-        left: 0;
-        height: 100%;
-        background: var(${cssvarValues.cssvar}--accept);
-        z-index: 2;
-        transition: all 0.3s;
-        animation: progress 1.5s ease-in-out infinite alternate;
-      }
-
-      @keyframes progress {
-        from {
-          left: 0;
-        }
-        to {
-          left: 80%;
-        }
-      }
-
-      div.v i {
-        animation: none;
-      }
-    `,
-];
 __decorate([
     property({ type: Number })
 ], Progress.prototype, "max", void 0);
@@ -96,7 +58,49 @@ __decorate([
     property({ type: Number, reflect: true })
 ], Progress.prototype, "value", void 0);
 Progress = __decorate([
-    define(defineName)
+    godown(protoName),
+    styles(css `
+  :host {
+    width: 100%;
+    height: 0.5em;
+    display: inline-block;
+    border-radius: 0.25em;
+    background: var(--${cssGlobalVars.passive});
+    color: var(--${cssGlobalVars.active});
+  }
+
+  [part="root"] {
+    height: inherit;
+    z-index: 1;
+    position: relative;
+    border-radius: inherit;
+  }
+
+  [part="value"] {
+    position: absolute;
+    z-index: 2;
+    top: 0;
+    left: 0;
+    height: 100%;
+    border-radius: inherit;
+    transition: all 0.3s;
+    animation: progress 1.5s ease-in-out infinite alternate;
+    background: currentColor;
+  }
+
+  @keyframes progress {
+    from {
+      left: 0;
+    }
+    to {
+      left: 80%;
+    }
+  }
+
+  .static [part="value"] {
+    animation: none;
+  }
+`)
 ], Progress);
 export { Progress };
 export default Progress;

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

@@ -1 +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    \"load-track\": Progress;\n    \"g-progress\": Progress;\n  }\n}\n"]}
+{"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,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,MAAM,SAAS,GAAG,UAAU,CAAC;AAE7B;;GAEG;AA4CI,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;IA0B1D,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,QAAQ,CAAC;QACvB,CAAC;QACD,OAAO,IAAI,CAAA,2BAA2B,SAAS;qCACd,KAAK;WAC/B,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;CACF,CAAA;AAlC6B;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;IA3CpB,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA;;;;;;wBAMa,aAAa,CAAC,OAAO;mBAC1B,aAAa,CAAC,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCtC,CAAC;GACW,QAAQ,CAsCpB;;AAED,eAAe,QAAQ,CAAC","sourcesContent":["import { css, html, property } from \"../../_deps.js\";\nimport { godown } from \"../../decorators/godown.js\";\nimport { styles } from \"../../decorators/styles.js\";\nimport { GodownElement } from \"../../proto/godown-element.js\";\nimport { cssGlobalVars } from \"../../styles/global.js\";\n\nconst protoName = \"progress\";\n\n/**\n * {@linkcode Progress} similar to  progress.\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    width: 100%;\n    height: 0.5em;\n    display: inline-block;\n    border-radius: 0.25em;\n    background: var(--${cssGlobalVars.passive});\n    color: var(--${cssGlobalVars.active});\n  }\n\n  [part=\"root\"] {\n    height: inherit;\n    z-index: 1;\n    position: relative;\n    border-radius: inherit;\n  }\n\n  [part=\"value\"] {\n    position: absolute;\n    z-index: 2;\n    top: 0;\n    left: 0;\n    height: 100%;\n    border-radius: inherit;\n    transition: all 0.3s;\n    animation: progress 1.5s ease-in-out infinite alternate;\n    background: currentColor;\n  }\n\n  @keyframes progress {\n    from {\n      left: 0;\n    }\n    to {\n      left: 80%;\n    }\n  }\n\n  .static [part=\"value\"] {\n    animation: none;\n  }\n`)\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  protected render() {\n    let width = 20;\n    let className: string;\n    if (this.value !== null) {\n      width = this.parsePercent(this.value);\n      className = \"static\";\n    }\n    return html`<div part=\"root\" class=\"${className}\">\n      <i part=\"value\" 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"]}

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

@@ -1,9 +1,10 @@
-import { type PropertyValueMap } from "../../.deps.js";
-import RouteTree from "../../lib/route-tree.js";
-import { type HTMLTemplate } from "../../lib/templates.js";
-import { GodownElement } from "../../supers/root.js";
+import { type PropertyValueMap } from "../../_deps.js";
+import { type HTMLTemplate } from "../../lib/directives.js";
+import { GodownElement } from "../../proto/godown-element.js";
 /**
  * {@linkcode Router} has basic routing control.
+ *
+ * To switch routes, use history api or router-link.
  */
 export declare class Router<T = unknown> extends GodownElement {
     private _routes;
@@ -31,11 +32,11 @@ export declare class Router<T = unknown> extends GodownElement {
     /**
      * Rendered content when there is no match.
      */
-    def: import("lit").TemplateResult<1>;
+    default: HTMLTemplate;
     /**
      * The type of routing query.
      */
-    type: "united" | "child" | "slotted" | "field";
+    type: "united" | "slotted" | "field";
     /**
      * Rewrite history.
      */
@@ -48,10 +49,10 @@ export declare class Router<T = unknown> extends GodownElement {
      * Cache record.
      */
     record: Map<string, {
-        pathname: string;
-        params: Record<string, string>;
         path: string;
-        component: T | import("lit").TemplateResult<1>;
+        component: HTMLTemplate | T;
+        params: Record<string, string>;
+        pathname: string;
     }>;
     set routes(v: (Record<string, any> & Record<"path", string> & {
         component?: T;
@@ -59,14 +60,13 @@ export declare class Router<T = unknown> extends GodownElement {
     get routes(): (Record<string, any> & Record<"path", string> & {
         component?: T;
     })[];
-    static styles: import("lit").CSSResult[];
     reset(): void;
     protected render(): T | HTMLTemplate;
     useRouter(): {
-        pathname: string;
-        params: Record<string, string>;
         path: string;
-        component: T | import("lit").TemplateResult<1>;
+        component: HTMLTemplate | T;
+        params: Record<string, string>;
+        pathname: string;
     };
     connectedCallback(): void;
     /**
@@ -78,15 +78,9 @@ export declare class Router<T = unknown> extends GodownElement {
     protected updated(changedProperties: PropertyValueMap<this>): void;
     fieldComponent(usedRouteTemplate?: string): null | T;
     slottedComponent(usedRouteTemplate?: string): null | HTMLTemplate;
-    useWhichRoute(path: string, baseURL?: string, appl?: RouteTree): string | null;
-    parseRouterParams(routeTemplate: string, originpath: string, appl?: RouteTree): Record<string, string>;
+    useWhichRoute(path: string): string | null;
+    parseRouterParams(routeTemplate: string, path: string): Record<string, string>;
     static updateAll(): void;
 }
 export default Router;
-declare global {
-    interface HTMLElementTagNameMap {
-        "route-view": Router;
-        "g-router": Router;
-    }
-}
 //# sourceMappingURL=router.d.ts.map

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

@@ -1 +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,UAAU,EAAE,MAAM,CAAC;KACpB;CACF"}
+{"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;AAI7E,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAGtE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAM9D;;;;GAIG;AACH,qBAMa,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,OAAO,EAAE,YAAY,CAAc;IAC5C;;OAEG;IACS,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAY;IAC5D;;OAEG;IACM,QAAQ,UAAQ;IACzB;;OAEG;IAC0B,KAAK,UAAS;IAE3C;;OAEG;IACH,MAAM;cA2Ce,MAAM;mBAAa,YAAY,GAAG,CAAC;gBAAU,OAAO,MAAM,EAAE,MAAM,CAAC;kBAAY,MAAM;OA3C5C;IAE9D,IAAI,MAAM,CAAC,CAAC;;QAAA,EAOX;IAED,IAAI,MAAM;;SAET;IAED,KAAK;IAKL,SAAS,CAAC,MAAM,IAAI,CAAC,GAAG,YAAY;IAuBpC,SAAS,IAAI;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,YAAY,GAAG,CAAC,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE;IAS5G,iBAAiB;IA2BjB;;;;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,GAAG,MAAM,GAAG,IAAI;IAI1C,iBAAiB,CAAC,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAI9E,MAAM,CAAC,SAAS;CAQjB;AAED,eAAe,MAAM,CAAC"}

package/web-components/router/router.js

@@ -1,16 +1,20 @@
+var Router_1;
 import { __decorate } from "tslib";
-import { css, property, state } from "../../.deps.js";
-import { conf } from "../../conf.js";
-import { define } from "../../decorators/define.js";
+import { css, property, state } from "../../_deps.js";
+import conf from "../../conf.js";
+import { godown } from "../../decorators/godown.js";
+import { styles } from "../../decorators/styles.js";
+import { htmlSlot } from "../../lib/directives.js";
 import RouteTree from "../../lib/route-tree.js";
-import { htmlSlot } from "../../lib/templates.js";
 import { deepQuerySelectorAll } from "../../lib/utils.js";
-import { GodownElement } from "../../supers/root.js";
-const defineName = "router";
+import { GodownElement } from "../../proto/godown-element.js";
+const protoName = "router";
 /**
  * {@linkcode Router} has basic routing control.
+ *
+ * To switch routes, use history api or router-link.
  */
-let Router = class Router extends GodownElement {
+let Router = Router_1 = class Router extends GodownElement {
     constructor() {
         super(...arguments);
         this._routes = [];
@@ -38,7 +42,7 @@ let Router = class Router extends GodownElement {
         /**
          * Rendered content when there is no match.
          */
-        this.def = htmlSlot();
+        this.default = htmlSlot();
         /**
          * The type of routing query.
          */
@@ -63,9 +67,6 @@ let Router = class Router extends GodownElement {
         this.routeChangeCallback = null;
     }
     set routes(v) {
-        if (Object.prototype.toString.call(v) !== "[object Array]") {
-            return;
-        }
         this._routes = v;
         this.reset();
         for (const route of v) {
@@ -81,6 +82,7 @@ let Router = class Router extends GodownElement {
         this.record.clear();
     }
     render() {
+        this.params = {};
         if (this.cache) {
             const cached = this.record.get(this.pathname);
             if (cached) {
@@ -88,12 +90,10 @@ let Router = class Router extends GodownElement {
                 return this.component;
             }
         }
-        this.params = {};
         switch (this.type) {
             case "field":
                 this.component = this.fieldComponent();
                 break;
-            case "child":
             case "slotted":
                 this.component = this.slottedComponent();
                 break;
@@ -101,7 +101,7 @@ let Router = class Router extends GodownElement {
                 this.component = this.fieldComponent() ?? this.slottedComponent();
                 break;
         }
-        return this.component ?? this.def;
+        return this.component ?? this.default;
     }
     useRouter() {
         return {
@@ -122,6 +122,10 @@ let Router = class Router extends GodownElement {
         });
         const self = this;
         const pushHistory = history.pushState;
+        const { override } = conf;
+        if (!override.pushState) {
+            override.pushState = pushHistory;
+        }
         history.pushState = function () {
             pushHistory.apply(this, arguments);
             self.pathname = window.location.pathname;
@@ -160,14 +164,14 @@ let Router = class Router extends GodownElement {
         return route.component;
     }
     slottedComponent(usedRouteTemplate) {
-        const childNodes = this.querySelectorAll(":scope > *[slot]");
+        const childNodes = this.slottedChildren;
         if (!childNodes.length) {
             return null;
         }
         const slottedPaths = Array.from(childNodes).map((node) => {
-            const slotname = node.getAttribute("slot");
+            const slotName = node.getAttribute("slot");
             return {
-                path: slotname,
+                path: slotName,
             };
         });
         const tempRouteTree = new RouteTree();
@@ -175,7 +179,7 @@ let Router = class Router extends GodownElement {
             tempRouteTree.insert(withPath.path);
         }
         if (!usedRouteTemplate) {
-            usedRouteTemplate = this.useWhichRoute(this.pathname, undefined, tempRouteTree);
+            usedRouteTemplate = tempRouteTree.useWhich(this.pathname);
             if (!usedRouteTemplate) {
                 return null;
             }
@@ -187,18 +191,14 @@ let Router = class Router extends GodownElement {
         this.params = this.parseRouterParams(usedRouteTemplate, this.pathname);
         return htmlSlot(slotElement.path);
     }
-    useWhichRoute(path, baseURL = this.baseURL, appl = this._routeTree) {
-        return appl.useWhich(baseURL + path);
+    useWhichRoute(path) {
+        return this._routeTree.useWhich(this.baseURL + path);
     }
-    parseRouterParams(routeTemplate, originpath, appl = this._routeTree) {
-        return appl.parseParams(originpath, routeTemplate);
+    parseRouterParams(routeTemplate, path) {
+        return this._routeTree.parseParams(path, routeTemplate);
     }
     static updateAll() {
-        const routeViewTagName = conf.nameMap.get("route-view");
-        if (!routeViewTagName) {
-            return;
-        }
-        const routeViewArray = deepQuerySelectorAll(routeViewTagName, document.body);
+        const routeViewArray = deepQuerySelectorAll(Router_1.elementTagName, document.body);
         routeViewArray.forEach((ArrayItem) => {
             if (!ArrayItem.override) {
                 ArrayItem.pathname = window.location.pathname;
@@ -206,13 +206,6 @@ let Router = class Router extends GodownElement {
         });
     }
 };
-Router.styles = [
-    css `
-      :host {
-        display: contents;
-      }
-    `,
-];
 __decorate([
     state()
 ], Router.prototype, "component", void 0);
@@ -230,7 +223,7 @@ __decorate([
 ], Router.prototype, "baseURL", void 0);
 __decorate([
     state()
-], Router.prototype, "def", void 0);
+], Router.prototype, "default", void 0);
 __decorate([
     property()
 ], Router.prototype, "type", void 0);
@@ -240,8 +233,13 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], Router.prototype, "cache", void 0);
-Router = __decorate([
-    define(defineName)
+Router = Router_1 = __decorate([
+    godown(protoName),
+    styles(css `
+  :host {
+    display: contents;
+  }
+`)
 ], Router);
 export { Router };
 export default Router;

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

@@ -1 +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    \"g-router\": Router;\n  }\n}\n"]}
+{"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 { godown } from \"../../decorators/godown.js\";\nimport { styles } from \"../../decorators/styles.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/directives.js\";\nimport RouteTree from \"../../lib/route-tree.js\";\nimport { deepQuerySelectorAll } from \"../../lib/utils.js\";\nimport { GodownElement } from \"../../proto/godown-element.js\";\n\ntype WithRecord<T extends string> = Record<string, any> & Record<T, string>;\n\nconst protoName = \"router\";\n\n/**\n * {@linkcode Router} has basic routing control.\n *\n * To switch routes, use history api or router-link.\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: contents;\n  }\n`)\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() default: HTMLTemplate = htmlSlot();\n  /**\n   * The type of routing query.\n   */\n  @property() type: \"united\" | \"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    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  reset() {\n    this._routeTree = new RouteTree();\n    this.record.clear();\n  }\n\n  protected render(): T | HTMLTemplate {\n    this.params = {};\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    switch (this.type) {\n      case \"field\":\n        this.component = this.fieldComponent();\n        break;\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.default;\n  }\n\n  useRouter(): { path: string; component: HTMLTemplate | T; params: Record<string, string>; pathname: string } {\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\n    const { override } = conf;\n    if (!override.pushState) {\n      override.pushState = pushHistory;\n    }\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.slottedChildren;\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 = tempRouteTree.useWhich(this.pathname);\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): string | null {\n    return this._routeTree.useWhich(this.baseURL + path);\n  }\n\n  parseRouterParams(routeTemplate: string, path: string): Record<string, string> {\n    return this._routeTree.parseParams(path, routeTemplate);\n  }\n\n  static updateAll() {\n    const routeViewArray = deepQuerySelectorAll<Router>(Router.elementTagName, 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"]}

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

@@ -1,10 +1,11 @@
-import { type CSSResultGroup } from "../../.deps.js";
-import { type HTMLTemplate } from "../../lib/templates.js";
-import { GodownElement } from "../../supers/root.js";
+import { GodownElement } from "../../proto/godown-element.js";
 /**
  * {@linkcode Skeleton} renders a skeleton screen.
  *
  * Inspired by Ant-design.
+ *
+ * @slot loading - The content if loading is true.
+ * @slot - The content if loading is false.
  */
 export declare class Skeleton extends GodownElement {
     /**
@@ -19,15 +20,7 @@ export declare class Skeleton extends GodownElement {
      * If false, hidden.
      */
     loading: boolean;
-    static styles: CSSResultGroup;
-    protected render(): HTMLTemplate;
-    private renderIcon;
+    protected render(): import("lit").TemplateResult<1>;
 }
 export default Skeleton;
-declare global {
-    interface HTMLElementTagNameMap {
-        "skeleton-screen": Skeleton;
-        "g-skeleton": Skeleton;
-    }
-}
 //# sourceMappingURL=skeleton.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/skeleton/skeleton.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAM9D;;;;;;;GAOG;AACH,qBAwEa,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,SAAS,CAAC,MAAM;CAQjB;AAED,eAAe,QAAQ,CAAC"}