simple-boot-front 1.0.74 → 1.0.75

package/SimpleBootFront.js

@@ -1,229 +1,229 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SimpleBootFront = void 0;
-var SimFrontOption_1 = require("./option/SimFrontOption");
-var Component_1 = require("./decorators/Component");
-var DomRender_1 = require("dom-render/DomRender");
-var SimAtomic_1 = require("simple-boot-core/simstance/SimAtomic");
-var SimpleApplication_1 = require("simple-boot-core/SimpleApplication");
-var Intent_1 = require("simple-boot-core/intent/Intent");
-var Navigation_1 = require("./service/Navigation");
-var ViewService_1 = require("./service/view/ViewService");
-var HttpService_1 = require("./service/HttpService");
-var SimstanceManager_1 = require("simple-boot-core/simstance/SimstanceManager");
-var IntentManager_1 = require("simple-boot-core/intent/IntentManager");
-var RouterManager_1 = require("simple-boot-core/route/RouterManager");
-var ScriptUtils_1 = require("dom-render/utils/script/ScriptUtils");
-var SimGlobal_1 = require("simple-boot-core/global/SimGlobal");
-var RawSet_1 = require("dom-render/RawSet");
-var SimpleBootFront = (function (_super) {
-    __extends(SimpleBootFront, _super);
-    function SimpleBootFront(rootRouter, option) {
-        var _this = _super.call(this, rootRouter, option) || this;
-        _this.rootRouter = rootRouter;
-        _this.option = option;
-        _this.domRendoerExcludeProxy = [SimpleApplication_1.SimpleApplication, IntentManager_1.IntentManager, RouterManager_1.RouterManager, SimstanceManager_1.SimstanceManager, SimFrontOption_1.SimFrontOption, Navigation_1.Navigation, ViewService_1.ViewService, HttpService_1.HttpService];
-        window.__dirname = 'simple-boot-front__dirname';
-        _this.targetElements = [];
-        var selectors = Component_1.componentSelectors;
-        selectors.forEach(function (val, name) {
-            _this.targetElements.push({
-                name: name,
-                callBack: function (element, obj, rawSet) {
-                    var componentObj = _this.simstanceManager.newSim(val);
-                    var set = element.getAttribute('dr-set');
-                    var any;
-                    if (set) {
-                        var comEvalTargetObj_1 = { '$attribute': any = {} };
-                        element.getAttributeNames().forEach(function (it) {
-                            comEvalTargetObj_1['$attribute'][it] = element.getAttribute(it);
-                        });
-                        comEvalTargetObj_1['$innerHTML'] = element.innerHTML;
-                        comEvalTargetObj_1['$element'] = element;
-                        comEvalTargetObj_1[name] = componentObj;
-                        var script = "var " + name + " = this['" + name + "']; var $element = this['$element']; var $innerHTML = this['$innerHTML']; var $attribute = this['$attribute'];  " + set + " ";
-                        ScriptUtils_1.ScriptUtils.eval(script, Object.assign(comEvalTargetObj_1, obj));
-                    }
-                    var componentOption = Component_1.getComponent(componentObj);
-                    var fag = _this.option.window.document.createDocumentFragment();
-                    if (componentOption) {
-                        obj.__componentInstances[rawSet.uuid] = componentObj;
-                        var template = _this.option.window.document.createElement('div');
-                        template.innerHTML = _this.getComponentInnerHtml(componentObj);
-                        fag.append(RawSet_1.RawSet.drThisCreate(template, "this.__componentInstances['" + rawSet.uuid + "']", '', true, obj));
-                    }
-                    return fag;
-                }
-            });
-        });
-        _this.targetAttrs = [{
-                name: 'component', callBack: function (element, attrValue, obj, rawSet) {
-                    var fag = _this.option.window.document.createDocumentFragment();
-                    if (attrValue) {
-                        var targetObj = ScriptUtils_1.ScriptUtils.eval("return " + attrValue, obj);
-                        var n = element.cloneNode(true);
-                        var innerHTML = _this.getComponentInnerHtml(targetObj);
-                        n.innerHTML = innerHTML;
-                        fag.append(RawSet_1.RawSet.drThisCreate(n, attrValue, '', true, obj));
-                    }
-                    return fag;
-                }
-            }];
-        option.proxy = {
-            onProxy: function (it) { return _this.createDomRender(it); }
-        };
-        return _this;
-    }
-    SimpleBootFront.prototype.getComponentInnerHtml = function (targetObj) {
-        var _a, _b, _c;
-        var component = Component_1.getComponent(targetObj);
-        var styles = ((_b = (_a = component === null || component === void 0 ? void 0 : component.styles) === null || _a === void 0 ? void 0 : _a.map(function (it) { return "<style>" + it + "</style>"; })) !== null && _b !== void 0 ? _b : []).join(' ');
-        var template = ((_c = component === null || component === void 0 ? void 0 : component.template) !== null && _c !== void 0 ? _c : '');
-        return styles + template;
-    };
-    SimpleBootFront.prototype.createDomRender = function (obj) {
-        var component = Component_1.getComponent(obj);
-        if (component && typeof obj === 'object') {
-            return DomRender_1.DomRender.run(obj, undefined, {
-                targetElements: this.targetElements,
-                targetAttrs: this.targetAttrs,
-                onAttrInit: function (attrName, attrValue, obj) {
-                    var _a, _b;
-                    if (attrName === 'component') {
-                        var bindObj = ScriptUtils_1.ScriptUtils.evalReturn(attrValue, obj);
-                        (_b = (_a = bindObj) === null || _a === void 0 ? void 0 : _a.onInit) === null || _b === void 0 ? void 0 : _b.call(_a);
-                    }
-                },
-                applyEvents: [{
-                        attrName: 'router-link', callBack: function (elements, attrValue, obj) {
-                            elements.addEventListener('click', function (event) {
-                                var _a;
-                                (_a = SimGlobal_1.SimGlobal().application.simstanceManager.getOrNewSim(Navigation_1.Navigation)) === null || _a === void 0 ? void 0 : _a.go(attrValue);
-                            });
-                        }
-                    }],
-                proxyExcludeTyps: this.domRendoerExcludeProxy
-            });
-        }
-        return obj;
-    };
-    SimpleBootFront.prototype.run = function () {
-        var _this = this;
-        var _a, _b, _c, _d, _e;
-        _super.prototype.run.call(this);
-        this.navigation = this.simstanceManager.getOrNewSim(Navigation_1.Navigation);
-        var routerAtomic = new SimAtomic_1.SimAtomic(this.rootRouter);
-        var target = this.option.window.document.querySelector(this.option.selector);
-        if (target && routerAtomic.value) {
-            var component = routerAtomic.getConfig(Component_1.ComponentMetadataKey);
-            var template = this.option.window.document.createElement('template');
-            var styles = ((_b = (_a = component === null || component === void 0 ? void 0 : component.styles) === null || _a === void 0 ? void 0 : _a.map(function (it) { return "<style>" + it + "</style>"; })) !== null && _b !== void 0 ? _b : []).join(' ');
-            target.innerHTML = styles + " " + ((_c = component === null || component === void 0 ? void 0 : component.template) !== null && _c !== void 0 ? _c : '');
-            var val = routerAtomic.value;
-            var domRenderProxy = val._DomRender_proxy;
-            domRenderProxy.initRender(target);
-            (_e = (_d = val) === null || _d === void 0 ? void 0 : _d.onInit) === null || _e === void 0 ? void 0 : _e.call(_d);
-        }
-        this.option.window.addEventListener('intent', function (event) {
-            var cevent = event;
-            _this.publishIntent(new Intent_1.Intent(cevent.detail.uri, cevent.detail.data, event));
-        });
-        this.option.window.addEventListener('popstate', function (event) {
-            var _a;
-            var intent = new Intent_1.Intent((_a = _this.navigation.path) !== null && _a !== void 0 ? _a : '');
-            _this.routing(intent).then(function (it) { return __awaiter(_this, void 0, void 0, function () {
-                var routerChain;
-                var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-                return __generator(this, function (_k) {
-                    if (((_a = it === null || it === void 0 ? void 0 : it.routerChains) === null || _a === void 0 ? void 0 : _a.length) && ((_b = it === null || it === void 0 ? void 0 : it.routerChains) === null || _b === void 0 ? void 0 : _b.length) > 0) {
-                        (_d = (_c = it === null || it === void 0 ? void 0 : it.routerChains) === null || _c === void 0 ? void 0 : _c.reduce) === null || _d === void 0 ? void 0 : _d.call(_c, function (a, b) {
-                            var _a;
-                            var value = a.value;
-                            (_a = value === null || value === void 0 ? void 0 : value.canActivate) === null || _a === void 0 ? void 0 : _a.call(value, intent, b.value);
-                            return b;
-                        });
-                    }
-                    if (!(it === null || it === void 0 ? void 0 : it.module)) {
-                        routerChain = it === null || it === void 0 ? void 0 : it.routerChains[it.routerChains.length - 1];
-                        (_f = (_e = routerChain === null || routerChain === void 0 ? void 0 : routerChain.value) === null || _e === void 0 ? void 0 : _e.canActivate) === null || _f === void 0 ? void 0 : _f.call(_e, intent, it === null || it === void 0 ? void 0 : it.getModuleInstance());
-                    }
-                    else {
-                        (_j = (_h = (_g = it.router) === null || _g === void 0 ? void 0 : _g.value) === null || _h === void 0 ? void 0 : _h.canActivate) === null || _j === void 0 ? void 0 : _j.call(_h, intent, it.getModuleInstance());
-                    }
-                    this.afterSetting();
-                    return [2];
-                });
-            }); });
-        });
-        this.option.window.dispatchEvent(new Event('popstate'));
-    };
-    SimpleBootFront.prototype.afterSetting = function () {
-        var _this = this;
-        this.option.window.document.querySelectorAll('[router-active-class]').forEach(function (it) {
-            var _a, _b;
-            var _c, _d;
-            var link = (_c = it.getAttribute('router-link')) !== null && _c !== void 0 ? _c : '';
-            var activeClasss = (_d = it.getAttribute('router-active-class')) !== null && _d !== void 0 ? _d : '';
-            var classs = activeClasss.split(',');
-            if (_this.navigation.path === link) {
-                (_a = it.classList).add.apply(_a, classs);
-            }
-            else {
-                (_b = it.classList).remove.apply(_b, classs);
-            }
-        });
-    };
-    return SimpleBootFront;
-}(SimpleApplication_1.SimpleApplication));
-exports.SimpleBootFront = SimpleBootFront;
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SimpleBootFront = void 0;
+var SimFrontOption_1 = require("./option/SimFrontOption");
+var Component_1 = require("./decorators/Component");
+var DomRender_1 = require("dom-render/DomRender");
+var SimAtomic_1 = require("simple-boot-core/simstance/SimAtomic");
+var SimpleApplication_1 = require("simple-boot-core/SimpleApplication");
+var Intent_1 = require("simple-boot-core/intent/Intent");
+var Navigation_1 = require("./service/Navigation");
+var ViewService_1 = require("./service/view/ViewService");
+var HttpService_1 = require("./service/HttpService");
+var SimstanceManager_1 = require("simple-boot-core/simstance/SimstanceManager");
+var IntentManager_1 = require("simple-boot-core/intent/IntentManager");
+var RouterManager_1 = require("simple-boot-core/route/RouterManager");
+var ScriptUtils_1 = require("dom-render/utils/script/ScriptUtils");
+var SimGlobal_1 = require("simple-boot-core/global/SimGlobal");
+var RawSet_1 = require("dom-render/RawSet");
+var SimpleBootFront = (function (_super) {
+    __extends(SimpleBootFront, _super);
+    function SimpleBootFront(rootRouter, option) {
+        var _this = _super.call(this, rootRouter, option) || this;
+        _this.rootRouter = rootRouter;
+        _this.option = option;
+        _this.domRendoerExcludeProxy = [SimpleApplication_1.SimpleApplication, IntentManager_1.IntentManager, RouterManager_1.RouterManager, SimstanceManager_1.SimstanceManager, SimFrontOption_1.SimFrontOption, Navigation_1.Navigation, ViewService_1.ViewService, HttpService_1.HttpService];
+        window.__dirname = 'simple-boot-front__dirname';
+        _this.targetElements = [];
+        var selectors = Component_1.componentSelectors;
+        selectors.forEach(function (val, name) {
+            _this.targetElements.push({
+                name: name,
+                callBack: function (element, obj, rawSet) {
+                    var componentObj = _this.simstanceManager.newSim(val);
+                    var set = element.getAttribute('dr-set');
+                    var any;
+                    if (set) {
+                        var comEvalTargetObj_1 = { '$attribute': any = {} };
+                        element.getAttributeNames().forEach(function (it) {
+                            comEvalTargetObj_1['$attribute'][it] = element.getAttribute(it);
+                        });
+                        comEvalTargetObj_1['$innerHTML'] = element.innerHTML;
+                        comEvalTargetObj_1['$element'] = element;
+                        comEvalTargetObj_1[name] = componentObj;
+                        var script = "var " + name + " = this['" + name + "']; var $element = this['$element']; var $innerHTML = this['$innerHTML']; var $attribute = this['$attribute'];  " + set + " ";
+                        ScriptUtils_1.ScriptUtils.eval(script, Object.assign(comEvalTargetObj_1, obj));
+                    }
+                    var componentOption = (0, Component_1.getComponent)(componentObj);
+                    var fag = _this.option.window.document.createDocumentFragment();
+                    if (componentOption) {
+                        obj.__componentInstances[rawSet.uuid] = componentObj;
+                        var template = _this.option.window.document.createElement('div');
+                        template.innerHTML = _this.getComponentInnerHtml(componentObj);
+                        fag.append(RawSet_1.RawSet.drThisCreate(template, "this.__componentInstances['" + rawSet.uuid + "']", '', true, obj));
+                    }
+                    return fag;
+                }
+            });
+        });
+        _this.targetAttrs = [{
+                name: 'component', callBack: function (element, attrValue, obj, rawSet) {
+                    var fag = _this.option.window.document.createDocumentFragment();
+                    if (attrValue) {
+                        var targetObj = ScriptUtils_1.ScriptUtils.eval("return " + attrValue, obj);
+                        var n = element.cloneNode(true);
+                        var innerHTML = _this.getComponentInnerHtml(targetObj);
+                        n.innerHTML = innerHTML;
+                        fag.append(RawSet_1.RawSet.drThisCreate(n, attrValue, '', true, obj));
+                    }
+                    return fag;
+                }
+            }];
+        option.proxy = {
+            onProxy: function (it) { return _this.createDomRender(it); }
+        };
+        return _this;
+    }
+    SimpleBootFront.prototype.getComponentInnerHtml = function (targetObj) {
+        var _a, _b, _c;
+        var component = (0, Component_1.getComponent)(targetObj);
+        var styles = ((_b = (_a = component === null || component === void 0 ? void 0 : component.styles) === null || _a === void 0 ? void 0 : _a.map(function (it) { return "<style>" + it + "</style>"; })) !== null && _b !== void 0 ? _b : []).join(' ');
+        var template = ((_c = component === null || component === void 0 ? void 0 : component.template) !== null && _c !== void 0 ? _c : '');
+        return styles + template;
+    };
+    SimpleBootFront.prototype.createDomRender = function (obj) {
+        var component = (0, Component_1.getComponent)(obj);
+        if (component && typeof obj === 'object') {
+            return DomRender_1.DomRender.run(obj, undefined, {
+                targetElements: this.targetElements,
+                targetAttrs: this.targetAttrs,
+                onAttrInit: function (attrName, attrValue, obj) {
+                    var _a, _b;
+                    if (attrName === 'component') {
+                        var bindObj = ScriptUtils_1.ScriptUtils.evalReturn(attrValue, obj);
+                        (_b = (_a = bindObj) === null || _a === void 0 ? void 0 : _a.onInit) === null || _b === void 0 ? void 0 : _b.call(_a);
+                    }
+                },
+                applyEvents: [{
+                        attrName: 'router-link', callBack: function (elements, attrValue, obj) {
+                            elements.addEventListener('click', function (event) {
+                                var _a;
+                                (_a = (0, SimGlobal_1.SimGlobal)().application.simstanceManager.getOrNewSim(Navigation_1.Navigation)) === null || _a === void 0 ? void 0 : _a.go(attrValue);
+                            });
+                        }
+                    }],
+                proxyExcludeTyps: this.domRendoerExcludeProxy
+            });
+        }
+        return obj;
+    };
+    SimpleBootFront.prototype.run = function () {
+        var _this = this;
+        var _a, _b, _c, _d, _e;
+        _super.prototype.run.call(this);
+        this.navigation = this.simstanceManager.getOrNewSim(Navigation_1.Navigation);
+        var routerAtomic = new SimAtomic_1.SimAtomic(this.rootRouter);
+        var target = this.option.window.document.querySelector(this.option.selector);
+        if (target && routerAtomic.value) {
+            var component = routerAtomic.getConfig(Component_1.ComponentMetadataKey);
+            var template = this.option.window.document.createElement('template');
+            var styles = ((_b = (_a = component === null || component === void 0 ? void 0 : component.styles) === null || _a === void 0 ? void 0 : _a.map(function (it) { return "<style>" + it + "</style>"; })) !== null && _b !== void 0 ? _b : []).join(' ');
+            target.innerHTML = styles + " " + ((_c = component === null || component === void 0 ? void 0 : component.template) !== null && _c !== void 0 ? _c : '');
+            var val = routerAtomic.value;
+            var domRenderProxy = val._DomRender_proxy;
+            domRenderProxy.initRender(target);
+            (_e = (_d = val) === null || _d === void 0 ? void 0 : _d.onInit) === null || _e === void 0 ? void 0 : _e.call(_d);
+        }
+        this.option.window.addEventListener('intent', function (event) {
+            var cevent = event;
+            _this.publishIntent(new Intent_1.Intent(cevent.detail.uri, cevent.detail.data, event));
+        });
+        this.option.window.addEventListener('popstate', function (event) {
+            var _a;
+            var intent = new Intent_1.Intent((_a = _this.navigation.path) !== null && _a !== void 0 ? _a : '');
+            _this.routing(intent).then(function (it) { return __awaiter(_this, void 0, void 0, function () {
+                var routerChain;
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+                return __generator(this, function (_k) {
+                    if (((_a = it === null || it === void 0 ? void 0 : it.routerChains) === null || _a === void 0 ? void 0 : _a.length) && ((_b = it === null || it === void 0 ? void 0 : it.routerChains) === null || _b === void 0 ? void 0 : _b.length) > 0) {
+                        (_d = (_c = it === null || it === void 0 ? void 0 : it.routerChains) === null || _c === void 0 ? void 0 : _c.reduce) === null || _d === void 0 ? void 0 : _d.call(_c, function (a, b) {
+                            var _a;
+                            var value = a.value;
+                            (_a = value === null || value === void 0 ? void 0 : value.canActivate) === null || _a === void 0 ? void 0 : _a.call(value, intent, b.value);
+                            return b;
+                        });
+                    }
+                    if (!(it === null || it === void 0 ? void 0 : it.module)) {
+                        routerChain = it === null || it === void 0 ? void 0 : it.routerChains[it.routerChains.length - 1];
+                        (_f = (_e = routerChain === null || routerChain === void 0 ? void 0 : routerChain.value) === null || _e === void 0 ? void 0 : _e.canActivate) === null || _f === void 0 ? void 0 : _f.call(_e, intent, it === null || it === void 0 ? void 0 : it.getModuleInstance());
+                    }
+                    else {
+                        (_j = (_h = (_g = it.router) === null || _g === void 0 ? void 0 : _g.value) === null || _h === void 0 ? void 0 : _h.canActivate) === null || _j === void 0 ? void 0 : _j.call(_h, intent, it.getModuleInstance());
+                    }
+                    this.afterSetting();
+                    return [2];
+                });
+            }); });
+        });
+        this.option.window.dispatchEvent(new Event('popstate'));
+    };
+    SimpleBootFront.prototype.afterSetting = function () {
+        var _this = this;
+        this.option.window.document.querySelectorAll('[router-active-class]').forEach(function (it) {
+            var _a, _b;
+            var _c, _d;
+            var link = (_c = it.getAttribute('router-link')) !== null && _c !== void 0 ? _c : '';
+            var activeClasss = (_d = it.getAttribute('router-active-class')) !== null && _d !== void 0 ? _d : '';
+            var classs = activeClasss.split(',');
+            if (_this.navigation.path === link) {
+                (_a = it.classList).add.apply(_a, classs);
+            }
+            else {
+                (_b = it.classList).remove.apply(_b, classs);
+            }
+        });
+    };
+    return SimpleBootFront;
+}(SimpleApplication_1.SimpleApplication));
+exports.SimpleBootFront = SimpleBootFront;

package/decorators/Component.d.ts

@@ -1,11 +1,11 @@
-import { ConstructorType, GenericClassDecorator } from 'simple-boot-core/types/Types';
-export declare const componentSelectors: Map<string, ConstructorType<any>>;
-export interface ComponentConfig {
-    selector?: string;
-    template?: string;
-    styles?: (string)[];
-    using?: (ConstructorType<any>)[];
-}
-export declare const ComponentMetadataKey: unique symbol;
-export declare const Component: (config?: ComponentConfig | undefined) => GenericClassDecorator<ConstructorType<any>>;
-export declare const getComponent: (target: ConstructorType<any> | Function | any) => ComponentConfig | undefined;
+import { ConstructorType, GenericClassDecorator } from 'simple-boot-core/types/Types';
+export declare const componentSelectors: Map<string, ConstructorType<any>>;
+export interface ComponentConfig {
+    selector?: string;
+    template?: string;
+    styles?: (string)[];
+    using?: (ConstructorType<any>)[];
+}
+export declare const ComponentMetadataKey: unique symbol;
+export declare const Component: (config?: ComponentConfig | undefined) => GenericClassDecorator<ConstructorType<any>>;
+export declare const getComponent: (target: ConstructorType<any> | Function | any) => ComponentConfig | undefined;

package/decorators/Component.js

@@ -1,50 +1,50 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getComponent = exports.Component = exports.ComponentMetadataKey = exports.componentSelectors = void 0;
-var ReflectUtils_1 = require("simple-boot-core/utils/reflect/ReflectUtils");
-exports.componentSelectors = new Map();
-exports.ComponentMetadataKey = Symbol('Component');
-var Component = function (config) {
-    return function (target) {
-        if (config === null || config === void 0 ? void 0 : config.selector) {
-            exports.componentSelectors.set(config === null || config === void 0 ? void 0 : config.selector, target);
-        }
-        ReflectUtils_1.ReflectUtils.defineMetadata(exports.ComponentMetadataKey, config, target);
-        return (function (_super) {
-            __extends(class_1, _super);
-            function class_1() {
-                var _this = _super !== null && _super.apply(this, arguments) || this;
-                _this.__componentInstances = {};
-                return _this;
-            }
-            return class_1;
-        }(target));
-    };
-};
-exports.Component = Component;
-var getComponent = function (target) {
-    if (target && typeof target === 'object') {
-        target = target.constructor;
-    }
-    try {
-        return ReflectUtils_1.ReflectUtils.getMetadata(exports.ComponentMetadataKey, target);
-    }
-    catch (e) {
-    }
-};
-exports.getComponent = getComponent;
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getComponent = exports.Component = exports.ComponentMetadataKey = exports.componentSelectors = void 0;
+var ReflectUtils_1 = require("simple-boot-core/utils/reflect/ReflectUtils");
+exports.componentSelectors = new Map();
+exports.ComponentMetadataKey = Symbol('Component');
+var Component = function (config) {
+    return function (target) {
+        if (config === null || config === void 0 ? void 0 : config.selector) {
+            exports.componentSelectors.set(config === null || config === void 0 ? void 0 : config.selector, target);
+        }
+        ReflectUtils_1.ReflectUtils.defineMetadata(exports.ComponentMetadataKey, config, target);
+        return (function (_super) {
+            __extends(class_1, _super);
+            function class_1() {
+                var _this = _super !== null && _super.apply(this, arguments) || this;
+                _this.__componentInstances = {};
+                return _this;
+            }
+            return class_1;
+        }(target));
+    };
+};
+exports.Component = Component;
+var getComponent = function (target) {
+    if (target && typeof target === 'object') {
+        target = target.constructor;
+    }
+    try {
+        return ReflectUtils_1.ReflectUtils.getMetadata(exports.ComponentMetadataKey, target);
+    }
+    catch (e) {
+    }
+};
+exports.getComponent = getComponent;

package/fetch/Fetcher.d.ts

@@ -1,4 +1,4 @@
-export declare abstract class Fetcher {
-    abstract text(path: string, param?: any, dname?: string): Promise<string | void>;
-    abstract json<T = any>(url: string, param?: any): Promise<T | void>;
-}
+export declare abstract class Fetcher {
+    abstract text(path: string, param?: any, dname?: string): Promise<string | void>;
+    abstract json<T = any>(url: string, param?: any): Promise<T | void>;
+}

package/fetch/Fetcher.js

@@ -1,9 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Fetcher = void 0;
-var Fetcher = (function () {
-    function Fetcher() {
-    }
-    return Fetcher;
-}());
-exports.Fetcher = Fetcher;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Fetcher = void 0;
+var Fetcher = (function () {
+    function Fetcher() {
+    }
+    return Fetcher;
+}());
+exports.Fetcher = Fetcher;

package/module/FrontLifeCycle.d.ts

@@ -1,7 +1,7 @@
-import { LifeCycle } from 'simple-boot-core/cycles/LifeCycle';
-export interface FrontLifeCycle extends LifeCycle {
-    onInit(): void;
-    onChangedRender(): void;
-    onInitedChild(): void;
-    onFinish(): void;
-}
+import { LifeCycle } from 'simple-boot-core/cycles/LifeCycle';
+export interface FrontLifeCycle extends LifeCycle {
+    onInit(): void;
+    onChangedRender(): void;
+    onInitedChild(): void;
+    onFinish(): void;
+}