godown 1.0.40 → 1.0.44

package/out/src/layout/nav-layout.js

@@ -18,7 +18,7 @@ let NavLayout = class NavLayout extends STD {
         return html `<nav>
   <h1>
     <slot name="host"></slot>
-    <a href="/">${this.host}</a>${this.subhead && html `<span style="vertical-align: text-bottom"> | </span><span>${this.subhead}</span>`}
+    <a href="/">${this.host}</a>${this.subhead && html `<span></span><div>${this.subhead}</div>`}
   </h1>
   <div>
     ${this.opt()}
@@ -68,8 +68,17 @@ NavLayout.styles = [STD.styles, css `:host{
     font-weight: normal;
     font-size: 1rem;
     margin: 0;
+    display: flex;
+    align-items: center;
+  }
+  h1 span{
+    height: 1em;
+    width: .1em;
+    background: currentColor;
+    margin: .24em;
   }
-  h1>a,h1>span{
+  h1>*{
+    white-space: nowrap;
     font-size: 145%;
   }
   main{
@@ -111,6 +120,11 @@ NavLayout.styles = [STD.styles, css `:host{
     color: var(${cssvar}--text-selection);
     background: var(${cssvar}--text-selection-background);
   }
+  @media screen and (max-width: 540px) {
+    h1 a~*{
+      display: none;
+    }
+  }
   `];
 __decorate([
     property()

package/out/src/layout/std.d.ts

@@ -1,5 +1,5 @@
-import { STD } from "../deps.js";
-export default class LayoutSTD extends STD {
+import { GLOBSTD } from "../deps.js";
+export default class LayoutSTD extends GLOBSTD {
 }
 export declare const navstyle: import("lit").CSSResult;
 //# sourceMappingURL=std.d.ts.map

package/out/src/layout/std.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../../src/layout/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAe,MAAM,YAAY,CAAC;AAC9C,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,GAAG;CAAI;AAC9C,eAAO,MAAM,QAAQ,yBAIpB,CAAC"}
+{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../../src/layout/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAClD,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,OAAO;CAAI;AAClD,eAAO,MAAM,QAAQ,yBAIpB,CAAC"}

package/out/src/layout/std.js

@@ -1,5 +1,5 @@
-import { STD, css, cssvar } from "../deps.js";
-export default class LayoutSTD extends STD {
+import { GLOBSTD, css, cssvar } from "../deps.js";
+export default class LayoutSTD extends GLOBSTD {
 }
 export const navstyle = css `
 ${cssvar}--nav-text: rgb(240 240 240);

package/out/src/view/index.d.ts

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

package/out/src/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,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,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC"}

package/out/src/view/index.js

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

package/out/src/view/route-view.d.ts

@@ -0,0 +1,33 @@
+import { LitElement } from "../deps.js";
+export declare class RouteView extends LitElement {
+    _routesSort: any[];
+    params: Record<string, string>;
+    constructor();
+    static: boolean;
+    type: "united" | "child" | "field";
+    baseURL: string;
+    path: string;
+    override: boolean;
+    compoent: any;
+    set routes(v: any[]);
+    get routes(): any[];
+    static styles: import("lit").CSSResult;
+    render(): () => any;
+    connectedCallback(): void;
+    render_united(): any;
+    render_slotted(): import("lit-html").TemplateResult<1>;
+    render_field(): any;
+    useRouter(): {
+        path: string;
+        params: Record<string, string>;
+    };
+    getComponent(usedRouteTemplate: string): any;
+    childCompoent(): import("lit-html").TemplateResult<1>;
+    static sortRoutesPaths(ObjectArrayIncludePath: any[]): Array<{
+        path: string;
+    }>;
+    static useWhichRoute(ObjectArrayIncludePath: any[], path: string, baseURL?: string): string;
+    static parseRouterParams(routeTemplate: string, originpath: string): Record<string, string>;
+    static updateAll(): void;
+}
+//# sourceMappingURL=route-view.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"route-view.d.ts","sourceRoot":"","sources":["../../../src/view/route-view.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,UAAU,EAAY,MAAM,YAAY,CAAC;AAC3E,qBACa,SAAU,SAAQ,UAAU;IACvC,WAAW,EAAE,GAAG,EAAE,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;;IAKF,MAAM,UAAS;IAChC,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAY;IAC9C,OAAO,SAAO;IACd,IAAI,SAA4B;IACf,QAAQ,UAAS;IAClB,QAAQ,MAAQ;IAC5C,IAAI,MAAM,CAAC,CAAC,OAAA,EAWX;IACD,IAAI,MAAM,UAET;IACD,MAAM,CAAC,MAAM,0BAAgC;IAC7C,MAAM;IASN,iBAAiB,IAAI,IAAI;IAkBzB,aAAa;IAMb,cAAc;IAId,YAAY;IAMZ,SAAS;;;;IAMT,YAAY,CAAC,iBAAiB,EAAE,MAAM;IAOtC,aAAa;IA6Bb,MAAM,CAAC,eAAe,CAAC,sBAAsB,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;KAAE,CAAC;IA+B/E,MAAM,CAAC,aAAa,CAAC,sBAAsB,EAAE,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,GAAE,MAAY;IAqBvF,MAAM,CAAC,iBAAiB,CAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAoB3F,MAAM,CAAC,SAAS;CAUjB"}

package/out/src/view/route-view.js

@@ -0,0 +1,239 @@
+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;
+};
+var RouteView_1;
+import { conf, css, define, html, LitElement, property } from "../deps.js";
+let RouteView = RouteView_1 = class RouteView extends LitElement {
+    constructor() {
+        super();
+        this.static = false;
+        this.type = "united";
+        this.baseURL = "/";
+        this.path = window.location.pathname;
+        this.override = false;
+        this.compoent = null;
+        this._routesSort = [];
+    }
+    set routes(v) {
+        if (Object.prototype.toString.call(v) !== "[object Array]") {
+            this._routesSort = [];
+            return;
+        }
+        if (this.static) {
+            this._routesSort = v;
+        }
+        else {
+            this._routesSort = RouteView_1.sortRoutesPaths(v);
+        }
+        this.requestUpdate();
+    }
+    get routes() {
+        return this._routesSort;
+    }
+    render() {
+        if (this.type === "child") {
+            return () => { var _a; return (_a = this.render_slotted()) !== null && _a !== void 0 ? _a : html `<slot></slot>`; };
+        }
+        if (this.type === "field") {
+            return () => { var _a; return (_a = this.render_field()) !== null && _a !== void 0 ? _a : html `<slot></slot>`; };
+        }
+        return () => { var _a; return (_a = this.render_united()) !== null && _a !== void 0 ? _a : html `<slot></slot>`; };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        window.addEventListener("popstate", (e) => {
+            this.path = window.location.pathname;
+        });
+        if (!this.override)
+            return;
+        const self = this;
+        const pushHistory = history.pushState;
+        history.pushState = function () {
+            pushHistory.apply(this, arguments);
+            self.path = window.location.pathname;
+        };
+        const replaceHistory = history.replaceState;
+        history.replaceState = function () {
+            replaceHistory.apply(this, arguments);
+            self.path = window.location.pathname;
+        };
+    }
+    render_united() {
+        const slottedCompoent = this.render_slotted();
+        if (slottedCompoent)
+            return slottedCompoent;
+        const fieldCompoent = this.render_field();
+        return fieldCompoent;
+    }
+    render_slotted() {
+        const childCompoent = this.childCompoent();
+        return childCompoent;
+    }
+    render_field() {
+        const usedRouteTemplate = RouteView_1.useWhichRoute(this.routes, this.path);
+        const RouterParmasObject = RouteView_1.parseRouterParams(usedRouteTemplate, this.path);
+        this.params = RouterParmasObject;
+        return this.getComponent(usedRouteTemplate);
+    }
+    useRouter() {
+        return {
+            path: this.path,
+            params: this.params,
+        };
+    }
+    getComponent(usedRouteTemplate) {
+        if (!usedRouteTemplate)
+            return;
+        const route = this.routes.find((r) => r.path === usedRouteTemplate);
+        if (!route)
+            return null;
+        const { component } = route;
+        return component;
+    }
+    childCompoent() {
+        const childNodes = this.querySelectorAll(":scope > *[slot]");
+        const slots = Array.from(childNodes).map((node) => {
+            const slotname = node.getAttribute("slot");
+            if (slotname.startsWith("/")) {
+                return {
+                    path: slotname,
+                    slotname
+                };
+            }
+            else {
+                return {
+                    path: this.baseURL + "/" + slotname,
+                    slotname
+                };
+            }
+        });
+        let slotsSort;
+        if (this.static) {
+            slotsSort = slots;
+        }
+        else {
+            slotsSort = RouteView_1.sortRoutesPaths(slots);
+        }
+        const usedSlot = RouteView_1.useWhichRoute(slotsSort, this.path);
+        const slotElement = slots.find((s) => s.path === usedSlot);
+        const RouterParmasObject = RouteView_1.parseRouterParams(usedSlot, this.path);
+        this.params = RouterParmasObject;
+        if (!slotElement)
+            return null;
+        return html `<slot name="${slotElement.slotname}"></slot>`;
+    }
+    static sortRoutesPaths(ObjectArrayIncludePath) {
+        const all = ObjectArrayIncludePath.map((route) => {
+            const path = route.path;
+            const pathArray = path.split("/");
+            const Single_dynamicRouteCount = pathArray.filter((p) => p.startsWith(":")).length;
+            return {
+                ...route,
+                path,
+                Single_dynamicRouteCount,
+            };
+        });
+        const allSort = all.sort((a, b) => a.Single_dynamicRouteCount - b.Single_dynamicRouteCount);
+        const multi = allSort.filter((route) => {
+            const path = route.path;
+            const pathArray = path.split("/");
+            const double_dynamicRouteCount = pathArray.filter((p) => p.startsWith("...") || p.startsWith("*")).length;
+            return double_dynamicRouteCount > 0;
+        });
+        multi.sort((a, b) => {
+            const aIndex = a.path.split("/").findIndex((template) => template.startsWith("...") || template.startsWith("*"));
+            const bIndex = b.path.split("/").findIndex((template) => template.startsWith("...") || template.startsWith("*"));
+            return aIndex !== -1 && bIndex !== -1 ? bIndex - aIndex : 0;
+        });
+        const sigle = allSort.filter((route) => {
+            const path = route.path;
+            const pathArray = path.split("/");
+            const double_dynamicRouteCount = pathArray.filter((p) => p.startsWith("...") || p.startsWith("*")).length;
+            return double_dynamicRouteCount === 0;
+        });
+        return [...sigle, ...multi];
+    }
+    static useWhichRoute(ObjectArrayIncludePath, path, baseURL = "/") {
+        const originpath = path.startsWith("/") ? path : baseURL + path;
+        const routes = ObjectArrayIncludePath;
+        const pathTemplateArray = routes.map((r) => r.path);
+        for (const pathTemplate of pathTemplateArray) {
+            const pathsplits = pathTemplate.split("/").slice(1);
+            const reg = new RegExp(pathsplits.map((s) => {
+                if (s.startsWith(":")) {
+                    return "[^/]+";
+                }
+                else if (s.startsWith("...") || s.startsWith("*")) {
+                    return ".*";
+                }
+                else {
+                    return s;
+                }
+            }).join("/") + "$");
+            if (reg.test(originpath)) {
+                return pathTemplate;
+            }
+        }
+        return null;
+    }
+    static parseRouterParams(routeTemplate, originpath) {
+        if (!routeTemplate || !originpath)
+            return;
+        const params = {};
+        const originpathArray = originpath.split("/").splice(1);
+        const routeTemplateSplit = routeTemplate.split("/").splice(1);
+        for (const [index, path] of routeTemplateSplit.entries()) {
+            if (path.startsWith(":")) {
+                params[path.slice(1)] = originpathArray[index];
+            }
+            else if (path.startsWith("*")) {
+                params[path.slice(1)] = originpathArray.slice(index).join("/");
+            }
+            else if (path.startsWith("...")) {
+                params[path.slice(1)] = originpathArray.slice(index).join("/");
+            }
+            else {
+                if (path !== originpathArray[index]) {
+                    return;
+                }
+            }
+        }
+        return params;
+    }
+    static updateAll() {
+        const routeViewTagName = conf.namemap.get("route-view");
+        const routeViewArray = document.querySelectorAll(routeViewTagName);
+        const ArrayLength = routeViewArray.length;
+        if (ArrayLength > 0) {
+            for (let index = 0, ArrayItem; ArrayItem = routeViewArray[index]; index++) {
+                ArrayItem.path = window.location.pathname;
+            }
+        }
+    }
+};
+RouteView.styles = css `:host{display:contents}`;
+__decorate([
+    property({ type: Boolean })
+], RouteView.prototype, "static", void 0);
+__decorate([
+    property()
+], RouteView.prototype, "type", void 0);
+__decorate([
+    property()
+], RouteView.prototype, "baseURL", void 0);
+__decorate([
+    property()
+], RouteView.prototype, "path", void 0);
+__decorate([
+    property({ type: Boolean })
+], RouteView.prototype, "override", void 0);
+__decorate([
+    property({ type: Object })
+], RouteView.prototype, "compoent", void 0);
+RouteView = RouteView_1 = __decorate([
+    define("route-view")
+], RouteView);
+export { RouteView };

package/out/src/view/std.d.ts

@@ -1,5 +1,5 @@
-import { STD } from "../deps.js";
-export default class ViewSTD extends STD {
+import { GLOBSTD } from "../deps.js";
+export default class ViewSTD extends GLOBSTD {
 }
 export declare const DLsharecss: import("lit").CSSResult;
 //# sourceMappingURL=std.d.ts.map

package/out/src/view/std.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../../src/view/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAO,MAAM,YAAY,CAAC;AACtC,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,GAAG;CAAI;AAC5C,eAAO,MAAM,UAAU,yBAiCtB,CAAC"}
+{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../../src/view/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAO,MAAM,YAAY,CAAC;AAC1C,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,OAAO;CAAI;AAChD,eAAO,MAAM,UAAU,yBAiCtB,CAAC"}

package/out/src/view/std.js

@@ -1,5 +1,5 @@
-import { STD, css } from "../deps.js";
-export default class ViewSTD extends STD {
+import { GLOBSTD, css } from "../deps.js";
+export default class ViewSTD extends GLOBSTD {
 }
 export const DLsharecss = css `
 :host{

package/out/src/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,SAMjH,CAAC;AACF;;;;EAIE;AACF,eAAO,MAAM,MAAM,WAAY,MAAM,GAAG,MAAM,QAAQ;IAAE,GAAG,EAAE,GAAG,CAAC;IAAC,KAAK,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAC;CAAE,SAK3G,CAAC;AACF;;;EAGE;AACF,eAAO,MAAM,MAAM,oBAqBlB,CAAC;AACF;;;EAGE;AACF,eAAO,MAAM,KAAK,oBAuBjB,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;AACF;;;;EAIE;AACF,eAAO,MAAM,MAAM,WAAY,MAAM,GAAG,MAAM,QAAQ;IAAE,GAAG,EAAE,GAAG,CAAC;IAAC,KAAK,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAC;CAAE,SAK3G,CAAC;AACF;;;EAGE;AACF,eAAO,MAAM,MAAM,oBAqBlB,CAAC;AACF;;;EAGE;AACF,eAAO,MAAM,KAAK,oBAuBjB,CAAC"}

package/out/src/with.js

@@ -1,10 +1,11 @@
-import { conf } from "./conf.js";
+import { conf } from "../conf.js";
 export const define = (name, options) => (constructor) => {
-    var _a;
-    name = conf === null || conf === void 0 ? void 0 : conf.tag(name);
-    if (customElements.get(name) === undefined) {
-        customElements.define(name, constructor, options);
+    var _a, _b;
+    const tagname = conf === null || conf === void 0 ? void 0 : 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);
     }
 };
 /**

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "godown",
-  "version": "1.0.40",
+  "version": "1.0.44",
   "main": "./out/index.js",
   "exports": {
     ".": "./out/index.js",
     "./out": "./out/index.js",
+    "./out/conf": "./out/conf.js",
     "./out/react": "./out/react/index.js"
   },
   "type": "module",