godown 1.2.0 → 2.0.0

package/view/index.d.ts

@@ -1,5 +1,6 @@
 export * from "./details-expand.js";
 export * from "./down-drop.js";
+export * from "./rotation-pool.js";
 export * from "./menu-list.js";
 export * from "./route-view.js";
 export * from "./scroll-x.js";

package/view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/view/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/view/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC"}

package/view/index.js

@@ -1,5 +1,7 @@
 export * from "./details-expand.js";
 export * from "./down-drop.js";
+export * from "./rotation-pool.js";
 export * from "./menu-list.js";
 export * from "./route-view.js";
 export * from "./scroll-x.js";
+//# sourceMappingURL=index.js.map

package/view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/view/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC"}

package/view/menu-list.d.ts

@@ -1,12 +1,14 @@
 import { CSSResultGroup } from "../deps.js";
-import STD from "./std.js";
-export declare class MenuList extends STD {
+import ViewSTD from "./std.js";
+export declare class MenuList extends ViewSTD {
     summary: string;
+    float: boolean;
     open: boolean;
     def: boolean;
     _section: HTMLElement;
     static styles: CSSResultGroup[];
     render(): import("lit").TemplateResult<1>;
+    protected _handelClick(): void;
     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":"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"}
+{"version":3,"file":"menu-list.d.ts","sourceRoot":"","sources":["../../src/view/menu-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAwC,MAAM,YAAY,CAAC;AAEvF,OAAO,OAAuB,MAAM,UAAU,CAAC;AAE/C,qBACa,QAAS,SAAQ,OAAO;IACvB,OAAO,SAAM;IACmB,KAAK,UAAS;IACd,IAAI,UAAS;IAChD,GAAG,EAAE,OAAO,CAAC;IACJ,QAAQ,EAAE,WAAW,CAAC;IACxC,MAAM,CAAC,MAAM,mBA6BS;IAEtB,MAAM;IAgBN,SAAS,CAAC,YAAY;IAItB,MAAM,CAAC,EAAE,UAAa;CAIvB;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/view/menu-list.js

@@ -4,37 +4,42 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 { html, css, property, define, state, query } from "../deps.js";
-import STD, { DLsharecss } from "./std.js";
-let MenuList = class MenuList extends STD {
+import { css, define, html, property, query, state } from "../deps.js";
+import { htmlSlot, svgArrow } from "../tmpl.js";
+import ViewSTD, { dlShareCSS } from "./std.js";
+let MenuList = class MenuList extends ViewSTD {
     constructor() {
         super(...arguments);
         this.summary = "";
+        this.float = false;
         this.open = false;
     }
     render() {
-        const notitle = !this.summary && !this.querySelector(`[slot="summary"]`);
-        if (notitle) {
+        const noTitle = !this.summary && !this.querySelector("[slot=summary]") ? "noTitle" : "";
+        if (noTitle) {
             this.open = true;
         }
         return html `<dl>
-      <dt ?open=${this.open} ?notitle=${notitle}>
+      <dt class="${noTitle}">
         <span>${this.summary}<slot name="summary"></slot></span>
-        <i @click=${() => this.toggle()}>${!this.querySelector(`[slot="icon"]`) ? html `<svg viewBox="0 0 48 48" fill="none"><path d="M19 12L31 24L19 36" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /></svg>` : html `<slot name="icon"></slot>`}</i>
+        <i @click="${this._handelClick}"> ${!this.querySelector("[slot=icon]") ? svgArrow() : htmlSlot("icon")} </i>
       </dt>
-      <dd ?open=${this.open}>
-        <section><slot></slot></section>
+      <dd>
+        <section>${htmlSlot()}</section>
       </dd>
     </dl>`;
     }
+    _handelClick() {
+        this.toggle();
+    }
     toggle(to = !this.open) {
         this.open = to;
         this.dispatchEvent(new CustomEvent("change", { detail: this.open }));
     }
 };
 MenuList.styles = [
-    STD.styles,
-    DLsharecss,
+    ViewSTD.styles,
+    dlShareCSS,
     css `
       i {
         width: 1.2em;
@@ -44,16 +49,20 @@ MenuList.styles = [
         border-radius: 20%;
         transition: inherit;
       }
+
       dt i {
         background-color: rgb(0 0 0 / 0.055);
       }
+
       dt i:hover {
         background-color: rgb(0 0 0 /0.075);
       }
-      [open] svg {
+
+      :host([open]) svg {
         transform: rotate(90deg);
       }
-      [notitle] {
+
+      .noTitle {
         display: none;
       }
     `,
@@ -61,6 +70,9 @@ MenuList.styles = [
 __decorate([
     property()
 ], MenuList.prototype, "summary", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], MenuList.prototype, "float", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], MenuList.prototype, "open", void 0);
@@ -75,3 +87,4 @@ MenuList = __decorate([
 ], MenuList);
 export { MenuList };
 export default MenuList;
+//# sourceMappingURL=menu-list.js.map

package/view/menu-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-list.js","sourceRoot":"","sources":["../../src/view/menu-list.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAkB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACvF,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,OAAO,EAAE,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGxC,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,OAAO;IAA9B;;QACO,YAAO,GAAG,EAAE,CAAC;QACmB,UAAK,GAAG,KAAK,CAAC;QACd,SAAI,GAAG,KAAK,CAAC;IA0D3D,CAAC;IAxBC,MAAM;QACJ,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;QACxF,IAAI,OAAO,EAAE;YACX,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;SAClB;QACD,OAAO,IAAI,CAAA;mBACI,OAAO;gBACV,IAAI,CAAC,OAAO;qBACP,IAAI,CAAC,YAAY,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;;;mBAG3F,QAAQ,EAAE;;UAEnB,CAAC;IACT,CAAC;IAES,YAAY;QACpB,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAED,MAAM,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,IAAI;QACpB,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;QACf,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IACvE,CAAC;;AAtDM,eAAM,GAAG;IACd,OAAO,CAAC,MAAM;IACd,UAAU;IACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;KAyBF;CACkB,AA7BR,CA6BS;AAlCV;IAAX,QAAQ,EAAE;yCAAc;AACmB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAAe;AACd;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCAAc;AAChD;IAAR,KAAK,EAAE;qCAAc;AACJ;IAAjB,KAAK,CAAC,SAAS,CAAC;0CAAuB;AAL7B,QAAQ;IADpB,MAAM,CAAC,WAAW,CAAC;GACP,QAAQ,CA6DpB;;AAED,eAAe,QAAQ,CAAC"}

package/view/rotation-pool.d.ts

@@ -0,0 +1,23 @@
+import ViewSTD from "./std.js";
+export declare class RotationPool extends ViewSTD {
+    index: number;
+    autochange: number;
+    width: string;
+    _div: HTMLDivElement;
+    _section: HTMLElement;
+    static styles: import("lit").CSSResult;
+    current: number;
+    render(): import("lit").TemplateResult<1>;
+    render_a(slot: string): import("lit").TemplateResult<1>;
+    firstUpdated(): void;
+    show(i: number): void;
+    next(): void;
+    prev(): void;
+}
+export default RotationPool;
+declare global {
+    interface HTMLElementTagNameMap {
+        "rotation-port": RotationPool;
+    }
+}
+//# sourceMappingURL=rotation-pool.d.ts.map

package/view/rotation-pool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rotation-pool.d.ts","sourceRoot":"","sources":["../../src/view/rotation-pool.ts"],"names":[],"mappings":"AAEA,OAAO,OAAO,MAAM,UAAU,CAAC;AAE/B,qBACa,YAAa,SAAQ,OAAO;IACX,KAAK,SAAK;IACV,UAAU,SAAK;IAC/B,KAAK,SAAM;IACT,IAAI,EAAE,cAAc,CAAC;IACjB,QAAQ,EAAE,WAAW,CAAC;IACxC,MAAM,CAAC,MAAM,0BA2DX;IACF,OAAO,SAAK;IAEZ,MAAM;IAQN,QAAQ,CAAC,IAAI,EAAE,MAAM;IAOrB,YAAY;IAqBZ,IAAI,CAAC,CAAC,EAAE,MAAM;IAad,IAAI;IAMJ,IAAI;CAKL;AAED,eAAe,YAAY,CAAC;AAC5B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}

package/{effect/ro-effect.js → view/rotation-pool.js}

@@ -4,55 +4,60 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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, html, property } from "../deps.js";
-import STD from "./std.js";
-let ROPort = class ROPort extends STD {
+import { css, define, html, property, query } from "../deps.js";
+import { htmlSlot, svgArrow } from "../tmpl.js";
+import ViewSTD from "./std.js";
+let RotationPool = class RotationPool extends ViewSTD {
     constructor() {
         super(...arguments);
         this.index = 0;
         this.autochange = 0;
+        this.width = "";
         this.current = 0;
     }
-    get assigned() {
-        return this.shadowRoot.querySelector("slot").assignedElements();
-    }
     render() {
         return html `<div>
-      <a @click=${this.prev} prev>
-        <svg viewBox="0 0 48 48" fill="none"><path d="M31 36L19 24L31 12" stroke="#1e293b" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /></svg>
-      </a>
-      <section><slot></slot></section>
-      <a @click=${this.next} next
-        ><svg viewBox="0 0 48 48" fill="none"><path d="M19 12L31 24L19 36" stroke="#1e293b" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /></svg>
-      </a>
+      <a @click="${this.prev}" prev> ${this.render_a("pre")}</a>
+      <section>${htmlSlot()}</section>
+      <a @click="${this.next}" next> ${this.render_a("suf")} </a>
     </div>`;
     }
+    render_a(slot) {
+        if (this.querySelector(`[slot=${slot}]`)) {
+            return htmlSlot(slot);
+        }
+        return html `<i>${svgArrow()}</i>`;
+    }
     firstUpdated() {
-        if (this.assigned.length == 0)
+        var _a;
+        if (!this.assigned.length || !((_a = this.assigned[0]) === null || _a === void 0 ? void 0 : _a.offsetWidth)) {
             return;
-        this.shadowRoot.querySelector("div").style.width = `${this.assigned[0].offsetWidth}px`;
+        }
+        this._div.style.width = this.width || `${this.assigned[0].offsetWidth}px`;
         this.assigned.forEach((e) => {
             e.style.overflowX = "hidden";
             e.style.transition = "width 0s";
         });
         this.show(this.index);
-        if (this.autochange)
+        if (this.autochange) {
             setInterval(() => {
                 this.index++;
-                if (this.index >= this.assigned.length)
+                if (this.index >= this.assigned.length) {
                     this.index = 0;
+                }
                 this.show(this.index);
             }, this.autochange);
+        }
     }
     show(i) {
-        this.shadowRoot.querySelector("section").style.width = "100%";
+        this._section.style.width = "100%";
         this.assigned.forEach((e, index) => {
             if (index == i) {
                 e.style.width = "100%";
                 e.style.transition = "";
             }
             else {
-                e.style.width = 0;
+                e.style.width = "0";
             }
         });
         this.current = i;
@@ -70,56 +75,84 @@ let ROPort = class ROPort extends STD {
         this.show(this.index);
     }
 };
-ROPort.styles = css `
+RotationPool.styles = css `
     :host {
       display: block;
     }
+
     div,
     section {
       display: flex;
       position: relative;
     }
+
     div {
       min-width: 5.8em;
       overflow: hidden;
     }
+
     a {
       position: absolute;
       height: 100%;
-      width: 1.4em;
+      width: fit-content;
       z-index: 1;
-      transition: all 0.3s;
-    }
-    a:hover {
-      background-color: #0000000f;
-      padding: 0 0.05em;
     }
+
     a[prev] {
       left: 0;
     }
+
+    a[prev] svg {
+      transform: rotate(180deg);
+    }
+
     a[next] {
       right: 0;
     }
-    :host(:hover) a[prev] {
-      margin-left: 0.05em;
-    }
-    :host(:hover) a[next] {
-      margin-right: 0.05em;
-    }
-    svg {
+
+    i {
+      position: relative;
       display: flex;
+      align-items: center;
+      justify-content: center;
+      transition: 0.3s;
+      width: 2em;
       height: 100%;
-      width: 1.4em;
+    }
+
+    svg {
+      flex: 1;
+      max-height: 100%;
+      max-width: 100%;
+    }
+
+    a:hover i {
+      background-color: #0000001a;
+      width: 2.2em;
+    }
+
+    i svg path {
+      stroke-width: 4;
     }
   `;
 __decorate([
     property({ type: Number })
-], ROPort.prototype, "index", void 0);
+], RotationPool.prototype, "index", void 0);
 __decorate([
     property({ type: Number })
-], ROPort.prototype, "autochange", void 0);
-ROPort = __decorate([
-    define("ro-port")
-], ROPort);
-export { ROPort };
-export default ROPort;
+], RotationPool.prototype, "autochange", void 0);
+__decorate([
+    property()
+], RotationPool.prototype, "width", void 0);
+__decorate([
+    query("div")
+], RotationPool.prototype, "_div", void 0);
+__decorate([
+    query("section")
+], RotationPool.prototype, "_section", void 0);
+RotationPool = __decorate([
+    define("rotation-pool")
+], RotationPool);
+export { RotationPool };
+export default RotationPool;
+//# sourceMappingURL=rotation-pool.js.map

package/view/rotation-pool.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rotation-pool.js","sourceRoot":"","sources":["../../src/view/rotation-pool.ts"],"names":[],"mappings":"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"}

package/view/route-view.d.ts

@@ -1,26 +1,17 @@
+import { GlobalSTD } from "../deps.js";
 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;
-        [key: string]: any;
-    }>;
+export declare class RouteView extends GlobalSTD {
+    _routes: WithRecord<"path">[];
     params: Record<string, string>;
     static: boolean;
     type: "united" | "child" | "slotted" | "field";
     baseURL: string;
     path: string;
     override: boolean;
-    compoent: any;
-    set routes(v: {
-        [key: string]: any;
-        path: string;
-    }[]);
-    get routes(): {
-        [key: string]: any;
-        path: string;
-    }[];
+    component: any;
+    set routes(v: WithRecord<"path">[]);
+    get routes(): WithRecord<"path">[];
     static styles: import("lit").CSSResult;
     render(): TemplateResult;
     useRouter(): {
@@ -32,9 +23,9 @@ export declare class RouteView extends LitElement {
     render_slotted(): TemplateResult;
     render_field(): TemplateResult;
     fieldComponent(usedRouteTemplate: string): null | TemplateResult;
-    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;
+    slottedComponent(usedRouteTemplate: string, ObjectArrayIncludePath: WithRecord<"path" | "slotElement">[]): null | TemplateResult;
+    static sortRoutesPaths(ObjectArrayIncludePath: WithRecord<"path">[]): WithRecord<"path">[];
+    static useWhichRoute(ObjectArrayIncludePath: 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;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"}
+{"version":3,"file":"route-view.d.ts","sourceRoot":"","sources":["../../src/view/route-view.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,SAAS,EAAkB,MAAM,YAAY,CAAC;AAE1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAE1C,KAAK,UAAU,CAAC,CAAC,SAAS,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AAE5E,qBACa,SAAU,SAAQ,SAAS;IACtC,OAAO,EAAE,UAAU,CAAC,MAAM,CAAC,EAAE,CAAM;IACnC,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,SAAS,MAAQ;IAE7C,IAAI,MAAM,CAAC,CAAC,sBAAA,EAWX;IAED,IAAI,MAAM,yBAET;IAED,MAAM,CAAC,MAAM,0BAIX;IAEF,MAAM;IAUN,SAAS;;;;IAOT,iBAAiB,IAAI,IAAI;IAmBzB,aAAa;IAMb,cAAc;IAmBd,YAAY;IAMZ,cAAc,CAAC,iBAAiB,EAAE,MAAM,GAAG,IAAI,GAAG,cAAc;IAOhE,gBAAgB,CAAC,iBAAiB,EAAE,MAAM,EAAE,sBAAsB,EAAE,UAAU,CAAC,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,IAAI,GAAG,cAAc;IAQhI,MAAM,CAAC,eAAe,CAAC,sBAAsB,EAAE,UAAU,CAAC,MAAM,CAAC,EAAE,GAAG,UAAU,CAAC,MAAM,CAAC,EAAE;IAgC1F,MAAM,CAAC,aAAa,CAAC,sBAAsB,EAAE,UAAU,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,SAAK;IA6C7F,MAAM,CAAC,iBAAiB,CAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAqB3F,MAAM,CAAC,SAAS;CAOjB;AAED,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/view/route-view.js

@@ -5,8 +5,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 var RouteView_1;
-import { conf, css, define, html, LitElement, property } from "../deps.js";
-let RouteView = RouteView_1 = class RouteView extends LitElement {
+import { conf, css, define, GlobalSTD, html, property } from "../deps.js";
+import { htmlSlot } from "../tmpl.js";
+let RouteView = RouteView_1 = class RouteView extends GlobalSTD {
     constructor() {
         super(...arguments);
         this._routes = [];
@@ -16,7 +17,7 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
         this.baseURL = "";
         this.path = "";
         this.override = true;
-        this.compoent = null;
+        this.component = null;
     }
     set routes(v) {
         if (Object.prototype.toString.call(v) !== "[object Array]") {
@@ -37,12 +38,12 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
     render() {
         var _a, _b, _c;
         if (this.type === "field") {
-            return (_a = this.render_field()) !== null && _a !== void 0 ? _a : html `<slot></slot>`;
+            return (_a = this.render_field()) !== null && _a !== void 0 ? _a : htmlSlot();
         }
         if (this.type === "slotted" || this.type === "child") {
-            return (_b = this.render_slotted()) !== null && _b !== void 0 ? _b : html `<slot></slot>`;
+            return (_b = this.render_slotted()) !== null && _b !== void 0 ? _b : htmlSlot();
         }
-        return (_c = this.render_united()) !== null && _c !== void 0 ? _c : html `<slot></slot>`;
+        return (_c = this.render_united()) !== null && _c !== void 0 ? _c : htmlSlot();
     }
     useRouter() {
         return {
@@ -55,7 +56,7 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
         this.path = window.location.pathname;
         if (!this.override)
             return;
-        window.addEventListener("popstate", () => {
+        this.addEvent(window, "popstate", () => {
             this.path = window.location.pathname;
         });
         const pushHistory = history.pushState;
@@ -70,11 +71,10 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
         };
     }
     render_united() {
-        const slottedCompoent = this.render_slotted();
-        if (slottedCompoent)
-            return slottedCompoent;
-        const Compoent = this.render_field();
-        return Compoent;
+        const slottedComponent = this.render_slotted();
+        if (slottedComponent)
+            return slottedComponent;
+        return this.render_field();
     }
     render_slotted() {
         const childNodes = this.querySelectorAll(":scope > *[slot]");
@@ -93,15 +93,12 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
             slotsSort = RouteView_1.sortRoutesPaths(slots);
         }
         const usedRouteTemplate = RouteView_1.useWhichRoute(slotsSort, this.path);
-        const Compoent = this.slottedCompoent(usedRouteTemplate, slotsSort);
-        return Compoent;
+        return this.slottedComponent(usedRouteTemplate, slotsSort);
     }
     render_field() {
         const usedRouteTemplate = RouteView_1.useWhichRoute(this.routes, this.path);
-        const RouterParmasObject = RouteView_1.parseRouterParams(usedRouteTemplate, this.path);
-        this.params = RouterParmasObject;
-        const Compoent = this.fieldComponent(usedRouteTemplate);
-        return Compoent;
+        this.params = RouteView_1.parseRouterParams(usedRouteTemplate, this.path);
+        return this.fieldComponent(usedRouteTemplate);
     }
     fieldComponent(usedRouteTemplate) {
         if (!usedRouteTemplate)
@@ -111,15 +108,14 @@ let RouteView = RouteView_1 = class RouteView extends LitElement {
             return null;
         return route.component;
     }
-    slottedCompoent(usedRouteTemplate, ObjectArrayIncludePath) {
+    slottedComponent(usedRouteTemplate, ObjectArrayIncludePath) {
         if (!usedRouteTemplate)
             return;
         const slotElement = ObjectArrayIncludePath.find((s) => s.path === usedRouteTemplate);
         if (!slotElement)
             return null;
-        const RouterParmasObject = RouteView_1.parseRouterParams(usedRouteTemplate, this.path);
-        this.params = RouterParmasObject;
-        return html `<slot name="${slotElement.slotname}"></slot>`;
+        this.params = RouteView_1.parseRouterParams(usedRouteTemplate, this.path);
+        return html ` <slot name="${slotElement.slotname}"></slot>`;
     }
     static sortRoutesPaths(ObjectArrayIncludePath) {
         const all = ObjectArrayIncludePath.map((route) => {
@@ -252,9 +248,10 @@ __decorate([
 ], RouteView.prototype, "override", void 0);
 __decorate([
     property({ type: Object })
-], RouteView.prototype, "compoent", void 0);
+], RouteView.prototype, "component", void 0);
 RouteView = RouteView_1 = __decorate([
     define("route-view")
 ], RouteView);
 export { RouteView };
 export default RouteView;
+//# sourceMappingURL=route-view.js.map

package/view/route-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-view.js","sourceRoot":"","sources":["../../src/view/route-view.ts"],"names":[],"mappings":"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"}

package/view/scroll-x.d.ts

@@ -1,8 +1,9 @@
-import STD from "./std.js";
-export declare class ScrollX extends STD {
+import ViewSTD from "./std.js";
+export declare class ScrollX extends ViewSTD {
     static styles: import("lit").CSSResult;
     get _section(): HTMLElement;
     render(): import("lit").TemplateResult<1>;
+    protected _handelScroll(e: any): void;
     firstUpdated(): void;
     resize(): void;
 }

package/view/scroll-x.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-x.d.ts","sourceRoot":"","sources":["../../src/view/scroll-x.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,OAAQ,SAAQ,GAAG;IAC9B,MAAM,CAAC,MAAM,0BA0BX;IACF,IAAI,QAAQ,gBAEX;IACD,MAAM;IAON,YAAY;IASZ,MAAM;CAcP;AACD,eAAe,OAAO,CAAC;AACvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
+{"version":3,"file":"scroll-x.d.ts","sourceRoot":"","sources":["../../src/view/scroll-x.ts"],"names":[],"mappings":"AAEA,OAAO,OAAO,MAAM,UAAU,CAAC;AAE/B,qBACa,OAAQ,SAAQ,OAAO;IAClC,MAAM,CAAC,MAAM,0BA8BX;IAEF,IAAI,QAAQ,gBAEX;IAED,MAAM;IAQN,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,GAAG;IAI9B,YAAY;IAKZ,MAAM;CAcP;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/view/scroll-x.js

@@ -5,26 +5,25 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, define, html } from "../deps.js";
-import STD from "./std.js";
-let ScrollX = class ScrollX extends STD {
+import { htmlSlot } from "../tmpl.js";
+import ViewSTD from "./std.js";
+let ScrollX = class ScrollX extends ViewSTD {
     get _section() {
         return this.shadowRoot.querySelector("section");
     }
     render() {
-        return html `<section>
+        return html `<section @scroll="${this._handelScroll}">
       <main>
-        <span><slot></slot></span>
+        <span>${htmlSlot()}</span>
       </main>
     </section>`;
     }
+    _handelScroll(e) {
+        this.dispatchEvent(new CustomEvent("scroll", { detail: e.target.scrollTop }));
+    }
     firstUpdated() {
-        this._section.addEventListener("scroll", (e) => {
-            this.dispatchEvent(new CustomEvent("scroll", { detail: e.target.scrollTop }));
-        });
         this.resize();
-        window.addEventListener("resize", () => {
-            this.resize();
-        });
+        this.addEvent(window, "resize", this.resize.bind(this));
     }
     resize() {
         const child = this.firstElementChild;
@@ -49,19 +48,23 @@ ScrollX.styles = css `
       width: 100%;
       height: fit-content;
     }
+
     section {
       overflow: auto;
       position: relative;
       transform-origin: 0 0;
       transform: rotate(-90deg) translateX(-100%);
     }
+
     section::-webkit-scrollbar {
       display: none;
     }
+
     span {
       height: 500px;
       display: flex;
     }
+
     main {
       width: auto;
       position: absolute;
@@ -75,3 +78,4 @@ ScrollX = __decorate([
 ], ScrollX);
 export { ScrollX };
 export default ScrollX;
+//# sourceMappingURL=scroll-x.js.map

package/view/scroll-x.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-x.js","sourceRoot":"","sources":["../../src/view/scroll-x.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,OAAO,MAAM,UAAU,CAAC;AAGxB,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,OAAO;IAiClC,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAClD,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,qBAAqB,IAAI,CAAC,aAAa;;gBAEtC,QAAQ,EAAE;;eAEX,CAAC;IACd,CAAC;IAES,aAAa,CAAC,CAAM;QAC5B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IAChF,CAAC;IAED,YAAY;QACV,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC1D,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,iBAAiB,CAAC;QACrC,IAAI,CAAC,KAAK;YAAE,OAAO;QACnB,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,IAAI,CAAC,CAAC;QAC7C,IAAI,YAAY,EAAE;YAChB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,YAAY,GAAG,IAAI,CAAC;YAChD,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC;SAC3D;aAAM;YACL,MAAM,cAAc,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC;YACtD,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC;YACnC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,cAAc,CAAC;YAC3C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC;SAC3D;IACH,CAAC;;AAlEM,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BlB,AA9BY,CA8BX;AA/BS,OAAO;IADnB,MAAM,CAAC,UAAU,CAAC;GACN,OAAO,CAoEnB;;AAED,eAAe,OAAO,CAAC"}