dom-render 1.0.73 → 1.0.76

package/routers/Router.js

@@ -1,94 +1,116 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Router = void 0;
-var EventManager_1 = require("../events/EventManager");
-var Router = /** @class */ (function () {
-    function Router(rootObj, window) {
-        this.rootObj = rootObj;
-        this.window = window;
-        this.go(this.getUrl());
-    }
-    Router.prototype.attach = function () {
-        var proxy = this.rootObj._DomRender_proxy;
-        if (proxy) {
-            var key = "___".concat(EventManager_1.EventManager.ROUTER_VARNAME, ".test");
-            proxy.render(key);
-        }
-    };
-    Router.prototype.getRouteData = function (urlExpression) {
-        var newVar = {
-            path: this.getPath(),
-            url: this.getUrl(),
-            searchParams: this.getSearchParams()
-        };
-        var data = this.getData();
-        if (data) {
-            newVar.data = data;
-        }
-        if (urlExpression) {
-            var data_1 = this.getPathData(urlExpression);
-            if (data_1) {
-                newVar.pathData = data_1;
-            }
-        }
-        return newVar;
-    };
-    // eslint-disable-next-line no-dupe-class-members
-    Router.prototype.go = function (path, urlExpressionOrData, dataOrTitle, title) {
-        // console.log('go-->', path, urlExpressionOrData, dataOrTitle, title);
-        if (typeof urlExpressionOrData === 'string') {
-            var pathData = this.getPathData(urlExpressionOrData, path);
-            if (pathData) {
-                dataOrTitle = dataOrTitle !== null && dataOrTitle !== void 0 ? dataOrTitle : {};
-                dataOrTitle = __assign(__assign({}, dataOrTitle), pathData);
-            }
-            this.set(path, dataOrTitle, title !== null && title !== void 0 ? title : '');
-        }
-        else {
-            this.set(path, urlExpressionOrData, dataOrTitle !== null && dataOrTitle !== void 0 ? dataOrTitle : '');
-        }
-        this.attach();
-    };
-    Router.prototype.getPathData = function (urlExpression, currentUrl) {
-        if (currentUrl === void 0) { currentUrl = this.getPath(); }
-        // console.log('getPathData-->', urlExpression, currentUrl);
-        var urls = currentUrl.split('?')[0].split('/');
-        var urlExpressions = urlExpression.split('/');
-        if (urls.length !== urlExpressions.length) {
-            return;
-        }
-        var data = {};
-        for (var i = 0; i < urlExpressions.length; i++) {
-            var it_1 = urlExpressions[i];
-            var urlit = urls[i];
-            // ex) {serialNo:[0-9]+} or {no}  ..
-            var execResult = /^\{(.+)\}$/g.exec(it_1);
-            if (!execResult) {
-                if (it_1 !== urlit) {
-                    return;
-                }
-                continue;
-            }
-            // regex check
-            var _a = execResult[1].split(':'), name_1 = _a[0], regex = _a[1]; // group1
-            if (regex && !new RegExp(regex).test(urlit)) {
-                return;
-            }
-            data[name_1] = urlit;
-        }
-        return data;
-    };
-    return Router;
-}());
-exports.Router = Router;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Router = void 0;
+var EventManager_1 = require("../events/EventManager");
+var Router = /** @class */ (function () {
+    function Router(rootObj, window) {
+        this.rootObj = rootObj;
+        this.window = window;
+        this.attachCallbacks = new Set();
+        this.go(this.getUrl());
+    }
+    Router.prototype.addAttachCallback = function (callback) {
+        this.attachCallbacks.add(callback);
+    };
+    Router.prototype.attach = function () {
+        var _this = this;
+        var proxy = this.rootObj._DomRender_proxy;
+        if (proxy) {
+            var key = "___".concat(EventManager_1.EventManager.ROUTER_VARNAME);
+            proxy.render(key);
+        }
+        this.attachCallbacks.forEach(function (it) {
+            it(_this.getRouteData());
+        });
+    };
+    Router.prototype.testRegexp = function (regexp) {
+        var b = RegExp(regexp).test(this.getPath());
+        return b;
+    };
+    Router.prototype.getRouteData = function (urlExpression) {
+        var newVar = {
+            path: this.getPath(),
+            url: this.getUrl(),
+            searchParams: this.getSearchParams()
+        };
+        var data = this.getData();
+        if (data) {
+            newVar.data = data;
+        }
+        if (urlExpression) {
+            var data_1 = this.getPathData(urlExpression);
+            if (data_1) {
+                newVar.pathData = data_1;
+            }
+        }
+        return Object.freeze(newVar);
+    };
+    // eslint-disable-next-line no-dupe-class-members
+    Router.prototype.go = function (path, urlExpressionOrData, dataOrTitle, title) {
+        // console.log('go-->', path, urlExpressionOrData, dataOrTitle, title);
+        if (typeof urlExpressionOrData === 'string') {
+            var pathData = this.getPathData(urlExpressionOrData, path);
+            if (pathData) {
+                dataOrTitle = dataOrTitle !== null && dataOrTitle !== void 0 ? dataOrTitle : {};
+                dataOrTitle = __assign(__assign({}, dataOrTitle), pathData);
+            }
+            this.set(path, dataOrTitle, title !== null && title !== void 0 ? title : '');
+        }
+        else {
+            this.set(path, urlExpressionOrData, dataOrTitle !== null && dataOrTitle !== void 0 ? dataOrTitle : '');
+        }
+        this.attach();
+    };
+    Router.prototype.getPathData = function (urlExpression, currentUrl) {
+        // console.log('getPathData-->', urlExpression, currentUrl);
+        // const regexps = StringUtils.regexExec(/(\{(?:\{??[^{]*?\}))/g, urlExpression);
+        // const regexpMap = new Map<string, string>()
+        // regexps.forEach((item, idx) => {
+        //     const key = `{${idx}}`;
+        //     const value = item[0];
+        //     urlExpression = urlExpression.replace(value, key)
+        //     regexpMap.set(key, value)
+        // })
+        if (currentUrl === void 0) { currentUrl = this.getPath(); }
+        var urls = currentUrl.split('?')[0].split('/');
+        var urlExpressions = urlExpression.split('/');
+        if (urls.length !== urlExpressions.length) {
+            return;
+        }
+        var data = {};
+        for (var i = 0; i < urlExpressions.length; i++) {
+            var it_1 = urlExpressions[i];
+            // it = regexpMap.get(it) ?? it;
+            var urlit = urls[i];
+            // ex) {serialNo:[0-9]+} or {no}  ..
+            var execResult = /^\{(.+)\}$/g.exec(it_1);
+            if (!execResult) {
+                if (it_1 !== urlit) {
+                    return;
+                }
+                continue;
+            }
+            // regex check
+            var _a = execResult[1].split(':'), name_1 = _a[0], regex = _a[1]; // group1
+            var regExp = RegExp(regex);
+            if (regex && !regExp.test(urlit)) {
+                return;
+            }
+            data[name_1] = urlit;
+        }
+        return data;
+    };
+    return Router;
+}());
+exports.Router = Router;

package/types/Types.d.ts

@@ -1,14 +1,14 @@
-export interface ConstructorType<T> {
-    new (...args: any[]): T;
-}
-export declare class Shield {
-    [name: string]: any;
-}
-export declare class DomRenderFinalProxy<T extends object> implements ProxyHandler<T> {
-    set(target: T, p: string | symbol, value: any, receiver: any): boolean;
-    get(target: T, p: string | symbol, receiver: any): any;
-    static final<T = any>(obj: T): T;
-    static isFinal<T = any>(obj: T): boolean;
-    static unFinal<T = any>(obj: T): T;
-    has(target: T, p: string | symbol): boolean;
-}
+export interface ConstructorType<T> {
+    new (...args: any[]): T;
+}
+export declare class Shield {
+    [name: string]: any;
+}
+export declare class DomRenderFinalProxy<T extends object> implements ProxyHandler<T> {
+    set(target: T, p: string | symbol, value: any, receiver: any): boolean;
+    get(target: T, p: string | symbol, receiver: any): any;
+    static final<T = any>(obj: T): T;
+    static isFinal<T = any>(obj: T): boolean;
+    static unFinal<T = any>(obj: T): T;
+    has(target: T, p: string | symbol): boolean;
+}

package/types/Types.js

@@ -1,36 +1,36 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DomRenderFinalProxy = exports.Shield = void 0;
-var Shield = /** @class */ (function () {
-    function Shield() {
-    }
-    return Shield;
-}());
-exports.Shield = Shield;
-var DomRenderFinalProxy = /** @class */ (function () {
-    function DomRenderFinalProxy() {
-    }
-    DomRenderFinalProxy.prototype.set = function (target, p, value, receiver) {
-        target[p] = value;
-        return true;
-    };
-    DomRenderFinalProxy.prototype.get = function (target, p, receiver) {
-        return target[p];
-    };
-    DomRenderFinalProxy.final = function (obj) {
-        obj._DomRender_isFinal = true;
-        return obj;
-    };
-    DomRenderFinalProxy.isFinal = function (obj) {
-        return '_DomRender_isFinal' in obj;
-    };
-    DomRenderFinalProxy.unFinal = function (obj) {
-        delete obj._DomRender_isFinal;
-        return obj;
-    };
-    DomRenderFinalProxy.prototype.has = function (target, p) {
-        return p === '_DomRender_isFinal' || p in target;
-    };
-    return DomRenderFinalProxy;
-}());
-exports.DomRenderFinalProxy = DomRenderFinalProxy;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DomRenderFinalProxy = exports.Shield = void 0;
+var Shield = /** @class */ (function () {
+    function Shield() {
+    }
+    return Shield;
+}());
+exports.Shield = Shield;
+var DomRenderFinalProxy = /** @class */ (function () {
+    function DomRenderFinalProxy() {
+    }
+    DomRenderFinalProxy.prototype.set = function (target, p, value, receiver) {
+        target[p] = value;
+        return true;
+    };
+    DomRenderFinalProxy.prototype.get = function (target, p, receiver) {
+        return target[p];
+    };
+    DomRenderFinalProxy.final = function (obj) {
+        obj._DomRender_isFinal = true;
+        return obj;
+    };
+    DomRenderFinalProxy.isFinal = function (obj) {
+        return '_DomRender_isFinal' in obj;
+    };
+    DomRenderFinalProxy.unFinal = function (obj) {
+        delete obj._DomRender_isFinal;
+        return obj;
+    };
+    DomRenderFinalProxy.prototype.has = function (target, p) {
+        return p === '_DomRender_isFinal' || p in target;
+    };
+    return DomRenderFinalProxy;
+}());
+exports.DomRenderFinalProxy = DomRenderFinalProxy;

package/utils/clipboard/ClipBoardUtils.d.ts

@@ -1,6 +1,6 @@
-export declare class ClipBoardUtils {
-    static readText(clipboard?: Clipboard): Promise<string>;
-    static read(clipboard?: Clipboard): Promise<ClipboardItems>;
-    static writeText(data: string, clipboard?: Clipboard): Promise<void>;
-    static write(data: ClipboardItems, clipboard?: Clipboard): Promise<void>;
-}
+export declare class ClipBoardUtils {
+    static readText(clipboard?: Clipboard): Promise<string>;
+    static read(clipboard?: Clipboard): Promise<ClipboardItems>;
+    static writeText(data: string, clipboard?: Clipboard): Promise<void>;
+    static write(data: ClipboardItems, clipboard?: Clipboard): Promise<void>;
+}

package/utils/clipboard/ClipBoardUtils.js

@@ -1,25 +1,25 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ClipBoardUtils = void 0;
-var ClipBoardUtils = /** @class */ (function () {
-    function ClipBoardUtils() {
-    }
-    ClipBoardUtils.readText = function (clipboard) {
-        if (clipboard === void 0) { clipboard = navigator.clipboard; }
-        return clipboard.readText();
-    };
-    ClipBoardUtils.read = function (clipboard) {
-        if (clipboard === void 0) { clipboard = navigator.clipboard; }
-        return clipboard.read();
-    };
-    ClipBoardUtils.writeText = function (data, clipboard) {
-        if (clipboard === void 0) { clipboard = navigator.clipboard; }
-        return clipboard.writeText(data);
-    };
-    ClipBoardUtils.write = function (data, clipboard) {
-        if (clipboard === void 0) { clipboard = navigator.clipboard; }
-        return clipboard.write(data);
-    };
-    return ClipBoardUtils;
-}());
-exports.ClipBoardUtils = ClipBoardUtils;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClipBoardUtils = void 0;
+var ClipBoardUtils = /** @class */ (function () {
+    function ClipBoardUtils() {
+    }
+    ClipBoardUtils.readText = function (clipboard) {
+        if (clipboard === void 0) { clipboard = navigator.clipboard; }
+        return clipboard.readText();
+    };
+    ClipBoardUtils.read = function (clipboard) {
+        if (clipboard === void 0) { clipboard = navigator.clipboard; }
+        return clipboard.read();
+    };
+    ClipBoardUtils.writeText = function (data, clipboard) {
+        if (clipboard === void 0) { clipboard = navigator.clipboard; }
+        return clipboard.writeText(data);
+    };
+    ClipBoardUtils.write = function (data, clipboard) {
+        if (clipboard === void 0) { clipboard = navigator.clipboard; }
+        return clipboard.write(data);
+    };
+    return ClipBoardUtils;
+}());
+exports.ClipBoardUtils = ClipBoardUtils;

package/utils/dom/DomUtils.d.ts

@@ -1,13 +1,13 @@
-export declare type Attr = {
-    name: string;
-    value: any;
-};
-export declare class DomUtils {
-    static selectorElements(selector: string, element?: Element | Document): Element[];
-    static selectorNodes(selector: string, element?: Element | Document): NodeListOf<Element>;
-    static removeAttribute(result: Element, attrs: string[]): void;
-    static setAttribute(result: Element, attrs: string[]): void;
-    static setAttributeAttr(result: Element, attrs: Attr[]): void;
-    static getAttributeToObject(input: Element): any;
-    static getStyleToObject(input: HTMLElement): any;
-}
+export declare type Attr = {
+    name: string;
+    value: any;
+};
+export declare class DomUtils {
+    static selectorElements(selector: string, element?: Element | Document): Element[];
+    static selectorNodes(selector: string, element?: Element | Document): NodeListOf<Element>;
+    static removeAttribute(result: Element, attrs: string[]): void;
+    static setAttribute(result: Element, attrs: string[]): void;
+    static setAttributeAttr(result: Element, attrs: Attr[]): void;
+    static getAttributeToObject(input: Element): any;
+    static getStyleToObject(input: HTMLElement): any;
+}

package/utils/dom/DomUtils.js

@@ -1,47 +1,47 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DomUtils = void 0;
-var DomUtils = /** @class */ (function () {
-    function DomUtils() {
-    }
-    DomUtils.selectorElements = function (selector, element) {
-        if (element === void 0) { element = document; }
-        return Array.prototype.slice.call(element.querySelectorAll(selector));
-    };
-    DomUtils.selectorNodes = function (selector, element) {
-        if (element === void 0) { element = document; }
-        return element.querySelectorAll(selector);
-    };
-    DomUtils.removeAttribute = function (result, attrs) {
-        attrs.forEach(function (it) {
-            result.removeAttribute(it);
-        });
-    };
-    DomUtils.setAttribute = function (result, attrs) {
-        attrs.forEach(function (it) {
-            result.setAttribute(it, '');
-        });
-    };
-    DomUtils.setAttributeAttr = function (result, attrs) {
-        attrs.forEach(function (it) {
-            result.setAttribute(it.name, it.value);
-        });
-    };
-    DomUtils.getAttributeToObject = function (input) {
-        var attribute = {};
-        input.getAttributeNames().forEach(function (ait) {
-            attribute[ait] = input.getAttribute(ait);
-        });
-        return attribute;
-    };
-    DomUtils.getStyleToObject = function (input) {
-        var style = {};
-        for (var i = 0; i < input.style.length; i++) {
-            var key = input.style[i];
-            style[key] = input.style[key];
-        }
-        return style;
-    };
-    return DomUtils;
-}());
-exports.DomUtils = DomUtils;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DomUtils = void 0;
+var DomUtils = /** @class */ (function () {
+    function DomUtils() {
+    }
+    DomUtils.selectorElements = function (selector, element) {
+        if (element === void 0) { element = document; }
+        return Array.prototype.slice.call(element.querySelectorAll(selector));
+    };
+    DomUtils.selectorNodes = function (selector, element) {
+        if (element === void 0) { element = document; }
+        return element.querySelectorAll(selector);
+    };
+    DomUtils.removeAttribute = function (result, attrs) {
+        attrs.forEach(function (it) {
+            result.removeAttribute(it);
+        });
+    };
+    DomUtils.setAttribute = function (result, attrs) {
+        attrs.forEach(function (it) {
+            result.setAttribute(it, '');
+        });
+    };
+    DomUtils.setAttributeAttr = function (result, attrs) {
+        attrs.forEach(function (it) {
+            result.setAttribute(it.name, it.value);
+        });
+    };
+    DomUtils.getAttributeToObject = function (input) {
+        var attribute = {};
+        input.getAttributeNames().forEach(function (ait) {
+            attribute[ait] = input.getAttribute(ait);
+        });
+        return attribute;
+    };
+    DomUtils.getStyleToObject = function (input) {
+        var style = {};
+        for (var i = 0; i < input.style.length; i++) {
+            var key = input.style[i];
+            style[key] = input.style[key];
+        }
+        return style;
+    };
+    return DomUtils;
+}());
+exports.DomUtils = DomUtils;

package/utils/location/LocationUtils.d.ts

@@ -1,16 +1,16 @@
-export declare class LocationUtils {
-    static hash(window: Window): string;
-    static hashPath(window: Window): string;
-    static hashSearch(window: Window): string;
-    static hashQueryParams(window: Window): Map<string, string>;
-    static path(window: Window): string;
-    static pathQueryParamsObject(window: Window): {
-        [key: string]: string;
-    };
-    static hashQueryParamsObject(window: Window): {
-        [key: string]: string;
-    };
-    static pathQueryParams(window: Window): Map<string, string>;
-    private static queryStringToMap;
-    private static queryStringToObject;
-}
+export declare class LocationUtils {
+    static hash(window: Window): string;
+    static hashPath(window: Window): string;
+    static hashSearch(window: Window): string;
+    static hashQueryParams(window: Window): Map<string, string>;
+    static path(window: Window): string;
+    static pathQueryParamsObject(window: Window): {
+        [key: string]: string;
+    };
+    static hashQueryParamsObject(window: Window): {
+        [key: string]: string;
+    };
+    static pathQueryParams(window: Window): Map<string, string>;
+    private static queryStringToMap;
+    private static queryStringToObject;
+}

package/utils/location/LocationUtils.js

@@ -1,57 +1,57 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LocationUtils = void 0;
-var LocationUtils = /** @class */ (function () {
-    function LocationUtils() {
-    }
-    LocationUtils.hash = function (window) {
-        return window.location.hash.replace('#', '');
-    };
-    LocationUtils.hashPath = function (window) {
-        return window.location.hash.replace('#', '').split('?')[0];
-    };
-    LocationUtils.hashSearch = function (window) {
-        return window.location.hash.replace('#', '').split('?')[1];
-    };
-    LocationUtils.hashQueryParams = function (window) {
-        var s = window.location.hash.replace('#', '').split('?')[1] || '';
-        return this.queryStringToMap(s);
-    };
-    LocationUtils.path = function (window) {
-        return window.location.pathname;
-    };
-    LocationUtils.pathQueryParamsObject = function (window) {
-        return this.queryStringToObject(window.location.search.substring(1));
-    };
-    LocationUtils.hashQueryParamsObject = function (window) {
-        var _a;
-        return this.queryStringToObject((_a = window.location.hash.split('?').pop()) !== null && _a !== void 0 ? _a : '');
-    };
-    LocationUtils.pathQueryParams = function (window) {
-        return this.queryStringToMap(window.location.search.substring(1));
-    };
-    LocationUtils.queryStringToMap = function (s) {
-        var params = new Map();
-        var vars = s.split('&') || [];
-        vars.forEach(function (it) {
-            var kv = it.split('=') || [];
-            if (kv[0] && kv[0].length > 0) {
-                params.set(kv[0], kv[1]);
-            }
-        });
-        return params;
-    };
-    LocationUtils.queryStringToObject = function (s) {
-        var params = {};
-        var vars = s.split('&') || [];
-        vars.forEach(function (it) {
-            var kv = it.split('=') || [];
-            if (kv[0] && kv[0].length > 0) {
-                params[kv[0]] = kv[1];
-            }
-        });
-        return params;
-    };
-    return LocationUtils;
-}());
-exports.LocationUtils = LocationUtils;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LocationUtils = void 0;
+var LocationUtils = /** @class */ (function () {
+    function LocationUtils() {
+    }
+    LocationUtils.hash = function (window) {
+        return window.location.hash.replace('#', '');
+    };
+    LocationUtils.hashPath = function (window) {
+        return window.location.hash.replace('#', '').split('?')[0];
+    };
+    LocationUtils.hashSearch = function (window) {
+        return window.location.hash.replace('#', '').split('?')[1];
+    };
+    LocationUtils.hashQueryParams = function (window) {
+        var s = window.location.hash.replace('#', '').split('?')[1] || '';
+        return this.queryStringToMap(s);
+    };
+    LocationUtils.path = function (window) {
+        return window.location.pathname;
+    };
+    LocationUtils.pathQueryParamsObject = function (window) {
+        return this.queryStringToObject(window.location.search.substring(1));
+    };
+    LocationUtils.hashQueryParamsObject = function (window) {
+        var _a;
+        return this.queryStringToObject((_a = window.location.hash.split('?').pop()) !== null && _a !== void 0 ? _a : '');
+    };
+    LocationUtils.pathQueryParams = function (window) {
+        return this.queryStringToMap(window.location.search.substring(1));
+    };
+    LocationUtils.queryStringToMap = function (s) {
+        var params = new Map();
+        var vars = s.split('&') || [];
+        vars.forEach(function (it) {
+            var kv = it.split('=') || [];
+            if (kv[0] && kv[0].length > 0) {
+                params.set(kv[0], kv[1]);
+            }
+        });
+        return params;
+    };
+    LocationUtils.queryStringToObject = function (s) {
+        var params = {};
+        var vars = s.split('&') || [];
+        vars.forEach(function (it) {
+            var kv = it.split('=') || [];
+            if (kv[0] && kv[0].length > 0) {
+                params[kv[0]] = kv[1];
+            }
+        });
+        return params;
+    };
+    return LocationUtils;
+}());
+exports.LocationUtils = LocationUtils;