godown 1.2.0 → 2.0.1

package/view/down-drop.js

@@ -4,33 +4,41 @@ 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, query, define } from "../deps.js";
-import STD from "../layout/std.js";
-let DownDrop = class DownDrop extends STD {
+import { css, define, html, property, query } from "../deps.js";
+import { htmlSlot } from "../tmpl.js";
+import ViewSTD from "./std.js";
+let DownDrop = class DownDrop extends ViewSTD {
+    constructor() {
+        super(...arguments);
+        this.open = false;
+        this.float = false;
+    }
     render() {
         return html `<main>
       <slot name="hover"></slot>
-      <slot name="focus" @click=${this.toggle}></slot>
-      <div style="transform:translateX(0)"><slot></slot></div>
+      <slot name="focus" @click="${this.toggle}"></slot>
+      <div style="transform:translateX(0);position: ${this.float ? "absolute" : "relative"};">${htmlSlot()}</div>
     </main>`;
     }
     async firstUpdated() {
-        if (this.querySelector(`[slot="focus"]`)) {
-            document.addEventListener("click", (e) => {
-                if (!this.contains(e.target)) {
-                    this.close();
-                }
-            });
+        if (this.querySelector("[slot=focus]")) {
+            this.addEvent(document, "click", this._handelClick.bind(this));
         }
         await this.updateComplete;
         this.resize();
-        window.addEventListener("resize", () => {
-            clearTimeout(this._timer);
-            this._timer = setTimeout(() => {
-                this._div.style.transform = "translateX(0)";
-                this.resize();
-            }, 250);
-        });
+        this.addEvent(window, "resize", this._handelResize.bind(this));
+    }
+    _handelClick(e) {
+        if (!this.contains(e.target)) {
+            this.close();
+        }
+    }
+    _handelResize() {
+        clearTimeout(this._timer);
+        this._timer = setTimeout(() => {
+            this._div.style.transform = "translateX(0)";
+            this.resize();
+        }, 250);
     }
     resize() {
         var _a;
@@ -50,24 +58,25 @@ let DownDrop = class DownDrop extends STD {
         }
     }
     close() {
-        this._div.style.visibility = "hidden";
+        this.open = false;
         this.dispatchEvent(new CustomEvent("change", { detail: false }));
     }
-    open() {
-        this._div.style.visibility = "visible";
+    show() {
+        this.open = true;
         this.dispatchEvent(new CustomEvent("change", { detail: true }));
     }
     toggle() {
-        this._div.style.visibility === "visible" ? this.close() : this.open();
+        this.open ? this.close() : this.show();
     }
 };
 DownDrop.styles = [
-    STD.styles,
+    ViewSTD.styles,
     css `
       :host {
         height: 100%;
         width: 100%;
       }
+
       main {
         height: inherit;
         width: inherit;
@@ -76,18 +85,29 @@ DownDrop.styles = [
         flex-direction: column;
         align-items: center;
       }
+
       div {
         background-color: inherit;
-        position: absolute;
         visibility: hidden;
         top: 100%;
       }
+
       slot[name="hover"]:hover ~ div,
       div:hover {
         visibility: visible;
       }
+
+      :host([open]) div {
+        visibility: visible;
+      }
     `,
 ];
+__decorate([
+    property({ type: Boolean, reflect: true })
+], DownDrop.prototype, "open", void 0);
+__decorate([
+    property({ type: Boolean })
+], DownDrop.prototype, "float", void 0);
 __decorate([
     query("div")
 ], DownDrop.prototype, "_div", void 0);
@@ -96,3 +116,4 @@ DownDrop = __decorate([
 ], DownDrop);
 export { DownDrop };
 export default DownDrop;
+//# sourceMappingURL=down-drop.js.map

package/view/down-drop.js.map

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

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"}