godown 1.1.6 → 1.2.0

package/items/load-track.d.ts

@@ -1,6 +1,7 @@
+import { CSSResultGroup } from "../deps.js";
 import STD from "./std.js";
 export declare class LoadTrack extends STD {
-    static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag.js").CSSResultGroup[])[];
+    static styles: CSSResultGroup[];
     current: number;
     isValue: boolean;
     max: number;
@@ -8,7 +9,7 @@ export declare class LoadTrack extends STD {
     modify: boolean;
     set value(val: string);
     get value(): string;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     parsePercent(s?: string | number): number;
     _handleClick(e: any): void;
 }

package/items/load-track.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"load-track.d.ts","sourceRoot":"","sources":["../../src/items/load-track.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAE3B,qBACa,SAAU,SAAQ,GAAG;IAChC,MAAM,CAAC,MAAM,4FAwCX;IACO,OAAO,SAAM;IACb,OAAO,EAAE,OAAO,CAAS;IACN,GAAG,SAAK;IACR,GAAG,SAAK;IACP,MAAM,UAAS;IAC5C,IAAI,KAAK,CAAC,GAAG,QAAA,EASZ;IACD,IAAI,KAAK,WAER;IACD,MAAM;IASN,YAAY,CAAC,CAAC,GAAE,MAAM,GAAG,MAAY,GAAG,MAAM;IAM9C,YAAY,CAAC,CAAC,KAAA;CAMf;AACD,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
+{"version":3,"file":"load-track.d.ts","sourceRoot":"","sources":["../../src/items/load-track.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwD,cAAc,EAAE,MAAM,YAAY,CAAC;AAClG,OAAO,GAAG,MAAM,UAAU,CAAC;AAE3B,qBACa,SAAU,SAAQ,GAAG;IAChC,MAAM,CAAC,MAAM,mBAwCS;IACb,OAAO,SAAM;IACb,OAAO,EAAE,OAAO,CAAS;IACN,GAAG,SAAK;IACR,GAAG,SAAK;IACP,MAAM,UAAS;IAC5C,IAAI,KAAK,CAAC,GAAG,QAAA,EASZ;IACD,IAAI,KAAK,WAER;IACD,MAAM;IASN,YAAY,CAAC,CAAC,GAAE,MAAM,GAAG,MAAY,GAAG,MAAM;IAM9C,YAAY,CAAC,CAAC,KAAA;CAMf;AACD,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/items/super-a.d.ts

@@ -4,8 +4,8 @@ export declare class SuperAnchor extends STD {
     target: string;
     arrow: "" | "delta" | "arrow" | "angle" | "hand";
     static styles: import("lit").CSSResult;
-    render(): import("lit-html").TemplateResult<1>;
-    _arrowSwitcher(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
+    _arrowSwitcher(): import("lit").TemplateResult<1>;
 }
 export default SuperAnchor;
 declare global {

package/layout/div-line.d.ts

@@ -5,7 +5,7 @@ export declare class DivLine extends STD {
     suf: string;
     v: boolean;
     b: string;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }
 export default DivLine;
 declare global {

package/layout/drag-box.d.ts

@@ -5,7 +5,7 @@ export declare class DragBox extends STD {
     static styles: import("lit").CSSResult;
     get offsetsWidth(): number;
     get offsetsHeight(): number;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     firstUpdated(): void;
     drag: boolean;
     t: number;

package/layout/flex-flow.d.ts

@@ -3,7 +3,7 @@ export declare class FlexFlow extends STD {
     flexflow: string;
     m: string;
     static styles: import("lit").CSSResult;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }
 export default FlexFlow;
 declare global {

package/layout/nav-aside.d.ts

@@ -1,9 +1,10 @@
+import { CSSResultGroup } from "../deps.js";
 import STD from "./std.js";
 export declare class NavAside extends STD {
     m: string;
     position: string;
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResultGroup[];
-    render(): import("lit-html").TemplateResult<1>;
+    static styles: CSSResultGroup[];
+    render(): import("lit").TemplateResult<1>;
 }
 export default NavAside;
 declare global {

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

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

package/layout/nav-layout.d.ts

@@ -1,11 +1,12 @@
+import { CSSResultGroup } from "../deps.js";
 import "../view/down-drop.js";
 import STD from "./std.js";
 export declare class NavLayout extends STD {
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResultGroup[];
+    static styles: CSSResultGroup[];
     host: string;
     subhead: string;
     set: 0 | 1 | 2;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     opt(): any[];
 }
 export default NavLayout;

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

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

package/package.json

@@ -1,15 +1,10 @@
 {
   "name": "godown",
-  "version": "1.1.6",
+  "version": "1.2.0",
   "main": "./index.js",
   "type": "module",
-  "scripts": {
-    "dev": "node ./dev.js",
-    "build": "tsc --watch",
-    "pub": "node ./pub.js",
-    "roll": "tsc && rollup -c",
-    "fmt": "prettier --write .",
-    "lint": "eslint --ext .ts ./src/"
+  "publishConfig": {
+    "access": "public"
   },
   "keywords": [
     "godown",
@@ -44,5 +39,13 @@
     "rollup": "^3.29.4",
     "rollup-plugin-minify-html-literals": "^1.2.6",
     "typescript": "^5.2.2"
+  },
+  "scripts": {
+    "dev": "node ./scripts/dev.js",
+    "watch": "tsc --watch",
+    "build": "tsc && node ./scripts/pub.js",
+    "roll": "tsc && rollup -c",
+    "fmt": "prettier --write .",
+    "lint": "eslint --ext .ts ./src/"
   }
-}
+}

package/view/details-expand.d.ts

@@ -1,3 +1,4 @@
+import { CSSResultGroup } from "../deps.js";
 import STD from "./std.js";
 export declare class DetailsExpand extends STD {
     summary: string;
@@ -5,8 +6,8 @@ export declare class DetailsExpand extends STD {
     open: boolean;
     fill: boolean;
     float: boolean;
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResultGroup[];
-    render(): import("lit-html").TemplateResult<1>;
+    static styles: CSSResultGroup[];
+    render(): import("lit").TemplateResult<1>;
     firstUpdated(): void;
     toggle(to?: boolean): void;
 }

package/view/details-expand.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"details-expand.d.ts","sourceRoot":"","sources":["../../src/view/details-expand.ts"],"names":[],"mappings":"AACA,OAAO,GAAmB,MAAM,UAAU,CAAC;AAC3C,qBACa,aAAc,SAAQ,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IACC,OAAO,UAAS;IACD,IAAI,UAAS;IAC5B,IAAI,UAAS;IACb,KAAK,UAAS;IAC3C,MAAM,CAAC,MAAM,8DA4BX;IACF,MAAM;IAWN,YAAY;IAGZ,MAAM,CAAC,EAAE,UAAa;CAIvB;AACD,eAAe,aAAa,CAAC;AAC7B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;CACF"}
+{"version":3,"file":"details-expand.d.ts","sourceRoot":"","sources":["../../src/view/details-expand.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,cAAc,EAAE,MAAM,YAAY,CAAC;AACzE,OAAO,GAAmB,MAAM,UAAU,CAAC;AAC3C,qBACa,aAAc,SAAQ,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IACC,OAAO,UAAS;IACD,IAAI,UAAS;IAC5B,IAAI,UAAS;IACb,KAAK,UAAS;IAC3C,MAAM,CAAC,MAAM,mBA4BS;IACtB,MAAM;IAWN,YAAY;IAGZ,MAAM,CAAC,EAAE,UAAa;CAIvB;AACD,eAAe,aAAa,CAAC;AAC7B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;CACF"}

package/view/down-drop.d.ts

@@ -1,9 +1,10 @@
+import { CSSResultGroup } from "../deps.js";
 import STD from "../layout/std.js";
 export declare class DownDrop extends STD {
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResultGroup[];
+    static styles: CSSResultGroup[];
     _div: HTMLDivElement;
     _timer: any;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     firstUpdated(): Promise<void>;
     resize(): void;
     close(): void;

package/view/down-drop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"down-drop.d.ts","sourceRoot":"","sources":["../../src/view/down-drop.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,kBAAkB,CAAC;AACnC,qBACa,QAAS,SAAQ,GAAG;IAC/B,MAAM,CAAC,MAAM,8DA0BX;IACY,IAAI,EAAE,cAAc,CAAC;IACnC,MAAM,EAAE,GAAG,CAAC;IACZ,MAAM;IAOA,YAAY;IAkBlB,MAAM;IAcN,KAAK;IAIL,IAAI;IAIJ,MAAM;CAGP;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"down-drop.d.ts","sourceRoot":"","sources":["../../src/view/down-drop.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,cAAc,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,GAAG,MAAM,kBAAkB,CAAC;AACnC,qBACa,QAAS,SAAQ,GAAG;IAC/B,MAAM,CAAC,MAAM,mBA0BS;IACR,IAAI,EAAE,cAAc,CAAC;IACnC,MAAM,EAAE,GAAG,CAAC;IACZ,MAAM;IAOA,YAAY;IAkBlB,MAAM;IAcN,KAAK;IAIL,IAAI;IAIJ,MAAM;CAGP;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/view/menu-list.d.ts

@@ -1,11 +1,12 @@
+import { CSSResultGroup } from "../deps.js";
 import STD from "./std.js";
 export declare class MenuList extends STD {
     summary: string;
     open: boolean;
     def: boolean;
     _section: HTMLElement;
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResultGroup[];
-    render(): import("lit-html").TemplateResult<1>;
+    static styles: CSSResultGroup[];
+    render(): import("lit").TemplateResult<1>;
     toggle(to?: boolean): void;
 }
 export default MenuList;

package/view/menu-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-list.d.ts","sourceRoot":"","sources":["../../src/view/menu-list.ts"],"names":[],"mappings":"AACA,OAAO,GAAmB,MAAM,UAAU,CAAC;AAC3C,qBACa,QAAS,SAAQ,GAAG;IACnB,OAAO,SAAM;IACmB,IAAI,UAAS;IAChD,GAAG,EAAE,OAAO,CAAC;IACJ,QAAQ,EAAE,WAAW,CAAC;IACxC,MAAM,CAAC,MAAM,8DAyBX;IACF,MAAM;IAeN,MAAM,CAAC,EAAE,UAAa;CAIvB;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"menu-list.d.ts","sourceRoot":"","sources":["../../src/view/menu-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6C,cAAc,EAAE,MAAM,YAAY,CAAC;AACvF,OAAO,GAAmB,MAAM,UAAU,CAAC;AAC3C,qBACa,QAAS,SAAQ,GAAG;IACnB,OAAO,SAAM;IACmB,IAAI,UAAS;IAChD,GAAG,EAAE,OAAO,CAAC;IACJ,QAAQ,EAAE,WAAW,CAAC;IACxC,MAAM,CAAC,MAAM,mBAyBS;IACtB,MAAM;IAeN,MAAM,CAAC,EAAE,UAAa;CAIvB;AACD,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/view/route-view.d.ts

@@ -1,5 +1,6 @@
 import type { TemplateResult } from "lit";
 import { LitElement } from "../deps.js";
+type WithRecord<T extends string> = Record<string, any> & Record<T, string>;
 export declare class RouteView extends LitElement {
     _routes: Array<{
         path: string;
@@ -31,21 +32,9 @@ export declare class RouteView extends LitElement {
     render_slotted(): TemplateResult;
     render_field(): TemplateResult;
     fieldComponent(usedRouteTemplate: string): null | TemplateResult;
-    slottedCompoent(usedRouteTemplate: string, ObjectArrayIncludePath: Array<{
-        path: string;
-        slotElement?: string;
-        [key: string]: any;
-    }>): null | TemplateResult;
-    static sortRoutesPaths(ObjectArrayIncludePath: Array<{
-        path: string;
-        [key: string]: any;
-    }>): Array<{
-        path: string;
-    }>;
-    static useWhichRoute(ObjectArrayIncludePath: Array<{
-        path: string;
-        [key: string]: any;
-    }>, path: string, baseURL?: string): string;
+    slottedCompoent(usedRouteTemplate: string, ObjectArrayIncludePath: Array<WithRecord<"path" | "slotElement">>): null | TemplateResult;
+    static sortRoutesPaths(ObjectArrayIncludePath: Array<WithRecord<"path">>): Array<WithRecord<"path">>;
+    static useWhichRoute(ObjectArrayIncludePath: Array<WithRecord<"path">>, path: string, baseURL?: string): string;
     static parseRouterParams(routeTemplate: string, originpath: string): Record<string, string>;
     static updateAll(): void;
 }

package/view/route-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"route-view.d.ts","sourceRoot":"","sources":["../../src/view/route-view.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,EAA2B,UAAU,EAAY,MAAM,YAAY,CAAC;AAE3E,qBACa,SAAU,SAAQ,UAAU;IACvC,OAAO,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC,CAAM;IAC1D,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IACP,MAAM,UAAS;IAChC,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAY;IAC1D,OAAO,SAAM;IACb,IAAI,SAAM;IACO,QAAQ,UAAS;IAClB,QAAQ,MAAQ;IAC5C,IAAI,MAAM,CAAC,CAAC;;;OAAA,EAWX;IACD,IAAI,MAAM;;;QAET;IACD,MAAM,CAAC,MAAM,0BAIX;IACF,MAAM;IASN,SAAS;;;;IAMT,iBAAiB,IAAI,IAAI;IAkBzB,aAAa;IAMb,cAAc;IAmBd,YAAY;IAOZ,cAAc,CAAC,iBAAiB,EAAE,MAAM,GAAG,IAAI,GAAG,cAAc;IAMhE,eAAe,CAAC,iBAAiB,EAAE,MAAM,EAAE,sBAAsB,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC,GAAG,IAAI,GAAG,cAAc;IAQ5J,MAAM,CAAC,eAAe,CAAC,sBAAsB,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC,GAAG,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IA+BpH,MAAM,CAAC,aAAa,CAAC,sBAAsB,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,GAAE,MAAW;IA4C5H,MAAM,CAAC,iBAAiB,CAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAoB3F,MAAM,CAAC,SAAS;CAOjB;AACD,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
+{"version":3,"file":"route-view.d.ts","sourceRoot":"","sources":["../../src/view/route-view.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,EAA2B,UAAU,EAAY,MAAM,YAAY,CAAC;AAC3E,KAAK,UAAU,CAAC,CAAC,SAAS,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AAC5E,qBACa,SAAU,SAAQ,UAAU;IACvC,OAAO,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC,CAAM;IAC1D,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IACP,MAAM,UAAS;IAChC,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAY;IAC1D,OAAO,SAAM;IACb,IAAI,SAAM;IACO,QAAQ,UAAQ;IACjB,QAAQ,MAAQ;IAC5C,IAAI,MAAM,CAAC,CAAC;;;OAAA,EAWX;IACD,IAAI,MAAM;;;QAET;IACD,MAAM,CAAC,MAAM,0BAIX;IACF,MAAM;IASN,SAAS;;;;IAMT,iBAAiB,IAAI,IAAI;IAkBzB,aAAa;IAMb,cAAc;IAmBd,YAAY;IAOZ,cAAc,CAAC,iBAAiB,EAAE,MAAM,GAAG,IAAI,GAAG,cAAc;IAMhE,eAAe,CAAC,iBAAiB,EAAE,MAAM,EAAE,sBAAsB,EAAE,KAAK,CAAC,UAAU,CAAC,MAAM,GAAG,aAAa,CAAC,CAAC,GAAG,IAAI,GAAG,cAAc;IAQpI,MAAM,CAAC,eAAe,CAAC,sBAAsB,EAAE,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IA+BpG,MAAM,CAAC,aAAa,CAAC,sBAAsB,EAAE,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,GAAE,MAAW;IA4C1G,MAAM,CAAC,iBAAiB,CAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAoB3F,MAAM,CAAC,SAAS;CAOjB;AACD,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/view/route-view.js

@@ -6,7 +6,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 var RouteView_1;
 import { conf, css, define, html, LitElement, property } from "../deps.js";
-import { unsafeHTML } from "lit/directives/unsafe-html.js";
 let RouteView = RouteView_1 = class RouteView extends LitElement {
     constructor() {
         super(...arguments);
@@ -16,7 +15,7 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
         this.type = "united";
         this.baseURL = "";
         this.path = "";
-        this.override = false;
+        this.override = true;
         this.compoent = null;
     }
     set routes(v) {
@@ -54,11 +53,11 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
     connectedCallback() {
         super.connectedCallback();
         this.path = window.location.pathname;
-        window.addEventListener("popstate", (e) => {
-            this.path = window.location.pathname;
-        });
         if (!this.override)
             return;
+        window.addEventListener("popstate", () => {
+            this.path = window.location.pathname;
+        });
         const pushHistory = history.pushState;
         history.pushState = function () {
             pushHistory.apply(this, arguments);
@@ -110,7 +109,7 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
         const route = this.routes.find((r) => r.path === usedRouteTemplate);
         if (!route)
             return null;
-        return route.component || (route.html ? unsafeHTML(route.html) : null);
+        return route.component;
     }
     slottedCompoent(usedRouteTemplate, ObjectArrayIncludePath) {
         if (!usedRouteTemplate)

package/view/scroll-x.d.ts

@@ -2,7 +2,7 @@ import STD from "./std.js";
 export declare class ScrollX extends STD {
     static styles: import("lit").CSSResult;
     get _section(): HTMLElement;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     firstUpdated(): void;
     resize(): void;
 }

package/with.d.ts

@@ -1,28 +1,24 @@
 export declare const define: (name: string, options?: ElementDefinitionOptions) => (constructor: CustomElementConstructor) => void;
 /**
- * Create element with args append to target
- * @param target Appended target element or use document.querySelector(target) or document.body
- * @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
+ * Create element from args append to target
+ * @param target Appended target element, target or document.querySelector(target) or document.body
+ * @param args tag: tag name, props: attribute, children: appended chindren
  */
-export declare const append: (target?: string | object, args?: string | {
-    tag: any;
-    props?: any;
-    children?: any;
-    html?: any;
-}) => void;
+export declare function append(target: string | HTMLElement, args: string | EleArgs | HTMLElement): void;
 /**
  * Create element from args
- * @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
+ * @param args tag: tag name, props: attribute, children: appended chindren
  */
-export declare const create: (args?: string | {
-    tag: any;
-    props?: any;
-    children?: any;
-    html?: any;
-}) => any;
+export declare function create(args: string | EleArgs | HTMLElement): HTMLElement;
 /**
- * Create element with args append to target
- * @param map Map of key:selector, value:args
+ * Replace elements
+ * @param matched: Element array to be replaced
+ * @param args: New element arguments will call create
  */
-export declare const retag: (map: any) => void;
+export declare function retag(matched: HTMLElement[], args: string | EleArgs | HTMLElement): void;
+export type EleArgs = {
+    tag: string;
+    props?: Record<string, any>;
+    children?: Array<string | HTMLElement | EleArgs>;
+};
 //# sourceMappingURL=with.d.ts.map

package/with.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"with.d.ts","sourceRoot":"","sources":["../src/with.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,SAAU,MAAM,YAAY,wBAAwB,mBAAmB,wBAAwB,SAOjH,CAAC;AACF;;;;GAIG;AACH,eAAO,MAAM,MAAM,YAAY,MAAM,GAAG,MAAM,SAAiB,MAAM,GAAG;IAAE,GAAG,EAAE,GAAG,CAAC;IAAC,KAAK,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,SAK5H,CAAC;AACF;;;GAGG;AACH,eAAO,MAAM,MAAM,UAAU,MAAM,GAAG;IAAE,GAAG,EAAE,GAAG,CAAC;IAAC,KAAK,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,QAqB1F,CAAC;AACF;;;GAGG;AACH,eAAO,MAAM,KAAK,oBAqBjB,CAAC"}
+{"version":3,"file":"with.d.ts","sourceRoot":"","sources":["../src/with.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,SAAU,MAAM,YAAY,wBAAwB,mBAAmB,wBAAwB,SAOjH,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,WAA2B,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,QAKxG;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,CAuBxE;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,QAajF;AAED,MAAM,MAAM,OAAO,GAAG;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC;CAClD,CAAC"}

package/with.js

@@ -1,77 +1,70 @@
 import { conf } from "./conf.js";
 export const define = (name, options) => (constructor) => {
-    var _a, _b;
-    const tagname = conf === null || conf === void 0 ? void 0 : conf.tag(name);
+    const tagname = conf.tag(name);
     if (customElements.get(tagname) === undefined) {
         customElements.define(tagname, constructor, options);
-        (_a = conf === null || conf === void 0 ? void 0 : conf.enabled) === null || _a === void 0 ? void 0 : _a.push(name);
-        (_b = conf === null || conf === void 0 ? void 0 : conf.namemap) === null || _b === void 0 ? void 0 : _b.set(name, tagname);
+        conf.enabled.push(name);
+        conf.namemap.set(name, tagname);
     }
 };
 /**
- * Create element with args append to target
- * @param target Appended target element or use document.querySelector(target) or document.body
- * @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
+ * Create element from args append to target
+ * @param target Appended target element, target or document.querySelector(target) or document.body
+ * @param args tag: tag name, props: attribute, children: appended chindren
  */
-export const append = (target = "body", args = "div") => {
-    if (!args)
-        return;
-    target = (typeof target === "string" ? document.querySelector(target) : target) || document.body;
-    const element = create(args);
-    target.appendChild(element);
-};
+export function append(target = document.body, args) {
+    if (!(target instanceof HTMLElement)) {
+        target = (document.querySelector(target) || document.body);
+    }
+    target.appendChild(create(args));
+}
 /**
  * Create element from args
- * @param args tag:tag name, props:attribute, children:appended chindren, html:innerHTML
+ * @param args tag: tag name, props: attribute, children: appended chindren
  */
-export const create = (args = "div") => {
-    const tag = (typeof args === "string" ? args : args === null || args === void 0 ? void 0 : args.tag) || "div";
-    const { props, children, html } = args || {};
-    const element = document.createElement(tag);
+export function create(args) {
+    if (args instanceof HTMLElement) {
+        return args;
+    }
+    const { tag, props, children } = (typeof args === "string" ? { tag: args } : args);
+    const newElement = document.createElement(tag);
     if (props) {
         Object.keys(props).forEach((prop) => {
-            // element[prop] = props[prop];
-            element.setAttribute(prop, props[prop] === true ? "" : props[prop]);
+            newElement.setAttribute(prop, props[prop] === true ? "" : props[prop]);
         });
     }
-    if (html)
-        element.innerHTML += html;
-    if (children) {
-        if (children.length) {
-            /* Iterators exist */ [...children].forEach((child) => {
-                typeof child === "string" ? element.appendChild(document.createTextNode(child)) : element.appendChild(child);
-            });
-        }
-        else {
-            typeof children === "string" ? element.appendChild(document.createTextNode(children)) : element.appendChild(children);
-        }
+    if (children && Array.isArray(children)) {
+        children.forEach((child) => {
+            if (typeof child === "string") {
+                newElement.appendChild(document.createTextNode(child));
+            }
+            else if (child instanceof HTMLElement) {
+                newElement.appendChild(child);
+            }
+            else {
+                newElement.appendChild(create(child));
+            }
+        });
     }
-    return element;
-};
+    return newElement;
+}
 /**
- * Create element with args append to target
- * @param map Map of key:selector, value:args
+ * Replace elements
+ * @param matched: Element array to be replaced
+ * @param args: New element arguments will call create
  */
-export const retag = (map) => {
-    if (!map)
-        return;
-    for (const [key, args] of map) {
-        for (let i = document.querySelectorAll(key).length - 1; i >= 0; i--) {
-            const element = document.querySelectorAll(key)[i];
-            const tag = (typeof args === "string" ? args : args === null || args === void 0 ? void 0 : args.tag) || "div";
-            const props = args.props || {};
-            const { children, html = "" } = args;
-            [...element.attributes].reduce((acc, attr) => {
-                acc[attr.name] = attr.args;
-                return acc;
-            }, props);
-            const newElement = create({
-                tag,
-                html: html + element.innerHTML,
-                props,
-                children,
-            });
-            element.parentNode.replaceChild(newElement, element);
+export function retag(matched, args) {
+    var _a;
+    for (let i = matched.length - 1; i >= 0; i--) {
+        const element = matched[i];
+        const newElement = create(args);
+        for (let i = 0; i < element.attributes.length; i++) {
+            const attribute = element.attributes[i];
+            if (!newElement.hasAttribute(attribute.name)) {
+                newElement.setAttribute(attribute.name, attribute.value);
+            }
         }
+        newElement.innerHTML = element.innerHTML;
+        (_a = element.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(newElement, element);
     }
-};
+}

package/items/no-support.d.ts

@@ -1,7 +0,0 @@
-import STD from "./std.js";
-export declare class NoSupport extends STD {
-    static style: import("lit").CSSResult;
-    render(): void;
-}
-export default NoSupport;
-//# sourceMappingURL=no-support.d.ts.map

package/items/no-support.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"no-support.d.ts","sourceRoot":"","sources":["../../items/no-support.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,SAAU,SAAQ,GAAG;IAChC,MAAM,CAAC,KAAK,0BAIV;IACF,MAAM;CAGP;AACD,eAAe,SAAS,CAAC"}

package/items/no-support.js

@@ -1,23 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { css, define, } from "../deps.js";
-import STD from "./std.js";
-let NoSupport = class NoSupport extends STD {
-    render() {
-        return;
-    }
-};
-NoSupport.style = css `
-  :host{
-    display:none;
-  }
-  `;
-NoSupport = __decorate([
-    define("no-support")
-], NoSupport);
-export { NoSupport };
-export default NoSupport;