@stemy/ngx-utils 12.0.0 → 12.0.3

package/bundles/stemy-ngx-utils.umd.js

@@ -792,6 +792,7 @@
     var SCRIPT_PARAMS = new core.InjectionToken("script-params");
     var ROOT_ELEMENT = new core.InjectionToken("app-root-element");
     var ERROR_HANDLER = new core.InjectionToken("error-handler-callback");
+    var GLOBAL_TEMPLATES = new core.InjectionToken("global-templates");
     // --- Valued promise ---
     var ValuedPromise = /** @class */ (function (_super) {
         __extends(ValuedPromise, _super);
@@ -1683,6 +1684,135 @@
         return MathUtils;
     }());
 
+    /**
+     * Use this service to determine which is the current environment
+     */
+    var UniversalService = /** @class */ (function () {
+        function UniversalService(platformId, dds) {
+            this.platformId = platformId;
+            this.dds = dds;
+            var info = this.dds.getDeviceInfo();
+            this.crawler = /(bot|google|baidu|bing|msn|duckduckbot|teoma|slurp|yandex|lighthouse|angular-universal|PTST)/gi.test(info.userAgent);
+        }
+        Object.defineProperty(UniversalService.prototype, "isBrowser", {
+            get: function () {
+                return common.isPlatformBrowser(this.platformId);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(UniversalService.prototype, "isServer", {
+            get: function () {
+                return common.isPlatformServer(this.platformId);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(UniversalService.prototype, "deviceInfo", {
+            get: function () {
+                return this.isServer
+                    ? {
+                        userAgent: "angular-universal",
+                        os: "unknown",
+                        browser: "node",
+                        device: "node",
+                        os_version: "unknown",
+                        browser_version: "unknown",
+                        deviceType: "unknown",
+                        orientation: "landscape"
+                    }
+                    : this.dds.getDeviceInfo();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(UniversalService.prototype, "browserName", {
+            get: function () {
+                return this.dds.browser;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(UniversalService.prototype, "browserVersion", {
+            get: function () {
+                return this.dds.browser_version;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(UniversalService.prototype, "isExplorer", {
+            get: function () {
+                return this.dds.browser == "ie";
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(UniversalService.prototype, "isEdge", {
+            get: function () {
+                return this.dds.browser == "ms-edge";
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(UniversalService.prototype, "isChrome", {
+            get: function () {
+                return this.dds.browser == "chrome";
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(UniversalService.prototype, "isFirefox", {
+            get: function () {
+                return this.dds.browser == "firefox";
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(UniversalService.prototype, "isSafari", {
+            get: function () {
+                return this.dds.browser == "safari";
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(UniversalService.prototype, "isTablet", {
+            get: function () {
+                return this.dds.isTablet();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(UniversalService.prototype, "isMobile", {
+            get: function () {
+                return this.dds.isMobile();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(UniversalService.prototype, "isDesktop", {
+            get: function () {
+                return this.dds.isDesktop();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(UniversalService.prototype, "isCrawler", {
+            get: function () {
+                return this.crawler;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return UniversalService;
+    }());
+    UniversalService.decorators = [
+        { type: core.Injectable }
+    ];
+    UniversalService.ctorParameters = function () { return [
+        { type: String, decorators: [{ type: core.Inject, args: [core.PLATFORM_ID,] }] },
+        { type: ngxDeviceDetector.DeviceDetectorService }
+    ]; };
+
     var emptySnapshot = new router.ActivatedRouteSnapshot();
     var emptyData = { id: "" };
     var emptyParams = {};
@@ -1690,11 +1820,12 @@
     var emptyComponents = [];
     var StateService = /** @class */ (function (_super) {
         __extends(StateService, _super);
-        function StateService(injector, zone, router$1) {
+        function StateService(injector, zone, universal, router$1) {
             if (router$1 === void 0) { router$1 = null; }
             var _this = _super.call(this, null) || this;
             _this.injector = injector;
             _this.zone = zone;
+            _this.universal = universal;
             _this.router = router$1;
             _this.handleRouterEvent = function (event) {
                 if (!(event instanceof router.NavigationEnd))
@@ -1865,27 +1996,75 @@
                 });
             });
         };
-        StateService.prototype.navigate = function (commands, extras) {
-            if (!this.router)
-                return Promise.resolve(false);
-            extras = Object.assign({}, this.globalExtras, extras || {});
-            var tree = this.router.createUrlTree(commands, extras);
-            return this.navigateByUrl(tree, extras);
+        StateService.prototype.navigateByUrl = function (url, navigationExtras) {
+            if (navigationExtras === void 0) { navigationExtras = {}; }
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, this.navigate(url, navigationExtras)];
+                });
+            });
         };
-        StateService.prototype.navigateByUrl = function (url, extras) {
-            var _this = this;
-            if (!this.router)
-                return Promise.resolve(false);
-            extras = Object.assign({}, this.globalExtras, extras || {});
-            return new Promise(function (resolve) {
-                _this.zone.run(function () {
-                    _this.router.navigateByUrl(url, extras).then(resolve, function () { return resolve(false); });
+        StateService.prototype.navigate = function (url, navigationExtras) {
+            if (navigationExtras === void 0) { navigationExtras = {}; }
+            return __awaiter(this, void 0, void 0, function () {
+                var _a, tree, extras;
+                var _this = this;
+                return __generator(this, function (_b) {
+                    if (!this.router)
+                        return [2 /*return*/, false];
+                    _a = __read(this.createUrlTree(url, navigationExtras), 2), tree = _a[0], extras = _a[1];
+                    return [2 /*return*/, this.zone.run(function () {
+                            return _this.router.navigateByUrl(tree, extras);
+                        })];
+                });
+            });
+        };
+        StateService.prototype.open = function (url, target, navigationExtras) {
+            if (target === void 0) { target = "_blank"; }
+            if (navigationExtras === void 0) { navigationExtras = {}; }
+            return __awaiter(this, void 0, void 0, function () {
+                var _a, tree, extras;
+                var _this = this;
+                return __generator(this, function (_b) {
+                    if (!this.router)
+                        return [2 /*return*/, false];
+                    _a = __read(this.createUrlTree(url, navigationExtras), 2), tree = _a[0], extras = _a[1];
+                    return [2 /*return*/, this.zone.run(function () {
+                            return _this.openInNewWindow(tree, target) || _this.router.navigateByUrl(tree, extras);
+                        })];
                 });
             });
         };
         StateService.prototype.subscribeImmediately = function (next, error, complete) {
             return this.pipe(operators.skipWhile(function (v) { return v == null; })).subscribe(next, error, complete);
         };
+        StateService.prototype.openInNewWindow = function (tree, target) {
+            if (!this.universal.isBrowser)
+                return false;
+            var baseUrl = window.location.href.replace(this.router.url, "");
+            try {
+                var serialized = this.router.serializeUrl(tree);
+                var separator = serialized.startsWith("/") ? "" : "/";
+                window.open(baseUrl + separator + serialized, target);
+                return true;
+            }
+            catch (e) {
+                console.log("Can't open new window: " + e);
+                return false;
+            }
+        };
+        StateService.prototype.createUrlTree = function (url, extras) {
+            if (!this.router)
+                return null;
+            extras = Object.assign(extras, this.globalExtras, extras || {});
+            if (ObjectUtils.isArray(url)) {
+                return [this.router.createUrlTree(url, extras), extras];
+            }
+            if (ObjectUtils.isString(url)) {
+                return [this.router.parseUrl(url), extras];
+            }
+            return [url, extras];
+        };
         return StateService;
     }(rxjs.BehaviorSubject));
     StateService.decorators = [
@@ -1894,6 +2073,7 @@
     StateService.ctorParameters = function () { return [
         { type: core.Injector },
         { type: core.NgZone },
+        { type: UniversalService },
         { type: router.Router, decorators: [{ type: core.Optional }] }
     ]; };
 
@@ -2492,135 +2672,6 @@
         return Vector;
     }());
 
-    /**
-     * Use this service to determine which is the current environment
-     */
-    var UniversalService = /** @class */ (function () {
-        function UniversalService(platformId, dds) {
-            this.platformId = platformId;
-            this.dds = dds;
-            var info = this.dds.getDeviceInfo();
-            this.crawler = /(bot|google|baidu|bing|msn|duckduckbot|teoma|slurp|yandex|lighthouse|angular-universal|PTST)/gi.test(info.userAgent);
-        }
-        Object.defineProperty(UniversalService.prototype, "isBrowser", {
-            get: function () {
-                return common.isPlatformBrowser(this.platformId);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(UniversalService.prototype, "isServer", {
-            get: function () {
-                return common.isPlatformServer(this.platformId);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(UniversalService.prototype, "deviceInfo", {
-            get: function () {
-                return this.isServer
-                    ? {
-                        userAgent: "angular-universal",
-                        os: "unknown",
-                        browser: "node",
-                        device: "node",
-                        os_version: "unknown",
-                        browser_version: "unknown",
-                        deviceType: "unknown",
-                        orientation: "landscape"
-                    }
-                    : this.dds.getDeviceInfo();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(UniversalService.prototype, "browserName", {
-            get: function () {
-                return this.dds.browser;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(UniversalService.prototype, "browserVersion", {
-            get: function () {
-                return this.dds.browser_version;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(UniversalService.prototype, "isExplorer", {
-            get: function () {
-                return this.dds.browser == "ie";
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(UniversalService.prototype, "isEdge", {
-            get: function () {
-                return this.dds.browser == "ms-edge";
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(UniversalService.prototype, "isChrome", {
-            get: function () {
-                return this.dds.browser == "chrome";
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(UniversalService.prototype, "isFirefox", {
-            get: function () {
-                return this.dds.browser == "firefox";
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(UniversalService.prototype, "isSafari", {
-            get: function () {
-                return this.dds.browser == "safari";
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(UniversalService.prototype, "isTablet", {
-            get: function () {
-                return this.dds.isTablet();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(UniversalService.prototype, "isMobile", {
-            get: function () {
-                return this.dds.isMobile();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(UniversalService.prototype, "isDesktop", {
-            get: function () {
-                return this.dds.isDesktop();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(UniversalService.prototype, "isCrawler", {
-            get: function () {
-                return this.crawler;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return UniversalService;
-    }());
-    UniversalService.decorators = [
-        { type: core.Injectable }
-    ];
-    UniversalService.ctorParameters = function () { return [
-        { type: String, decorators: [{ type: core.Inject, args: [core.PLATFORM_ID,] }] },
-        { type: ngxDeviceDetector.DeviceDetectorService }
-    ]; };
-
     var emptyGuards = [];
     var AclService = /** @class */ (function () {
         function AclService(injector, state, auth) {
@@ -3403,40 +3454,6 @@
         { type: undefined, decorators: [{ type: core.Inject, args: [LANGUAGE_SERVICE,] }] }
     ]; };
 
-    var GlobalTemplateService = /** @class */ (function () {
-        function GlobalTemplateService() {
-            this.templatesUpdated = new core.EventEmitter();
-            this.globalTemplates = {};
-            this.componentModifiers = {};
-        }
-        GlobalTemplateService.prototype.get = function (id, component) {
-            var template = this.globalTemplates[id];
-            if (!template)
-                return null;
-            var modifier = this.componentModifiers[id];
-            if (ObjectUtils.isFunction(modifier) && component) {
-                modifier(component);
-            }
-            return template;
-        };
-        GlobalTemplateService.prototype.add = function (id, template) {
-            this.globalTemplates[id] = template;
-            this.templatesUpdated.emit();
-        };
-        GlobalTemplateService.prototype.remove = function (id) {
-            delete this.globalTemplates[id];
-            this.templatesUpdated.emit();
-        };
-        GlobalTemplateService.prototype.addComponentModifier = function (id, modifier) {
-            this.componentModifiers[id] = modifier;
-        };
-        return GlobalTemplateService;
-    }());
-    GlobalTemplateService.decorators = [
-        { type: core.Injectable }
-    ];
-    GlobalTemplateService.ctorParameters = function () { return []; };
-
     var IconService = /** @class */ (function () {
         function IconService() {
             this.iconsLoaded = new core.EventEmitter();
@@ -4032,6 +4049,9 @@
 
     function emptyRemove$1() {
     }
+    function isWindow(el) {
+        return typeof window !== "undefined" && el === window;
+    }
     var ResizeEventPlugin = /** @class */ (function (_super) {
         __extends(ResizeEventPlugin, _super);
         function ResizeEventPlugin(doc, universal) {
@@ -4051,32 +4071,26 @@
                 var cb = function (el) {
                     zone.run(function () { return handler(el); });
                 };
-                resizeDetector.addListener(element, cb);
+                if (isWindow(element)) {
+                    element.addEventListener(eventName, cb);
+                }
+                else {
+                    resizeDetector.addListener(element, cb);
+                }
                 return function () {
                     try {
-                        resizeDetector.removeListener(element, cb);
+                        if (isWindow(element)) {
+                            element.removeEventListener(eventName, cb);
+                        }
+                        else {
+                            resizeDetector.removeListener(element, cb);
+                        }
                     }
                     catch (e) {
                     }
                 };
             });
         };
-        ResizeEventPlugin.prototype.addGlobalEventListener = function (element, eventName, handler) {
-            var _this = this;
-            var zone = this.manager.getZone();
-            return zone.runOutsideAngular(function () {
-                if (_this.universal.isServer)
-                    return emptyRemove$1;
-                if (!StringUtils.has(element, "document", "window")) {
-                    console.error("Global resize event other than window or document?", element);
-                    return emptyRemove$1;
-                }
-                var target = "window" == element ? window : document;
-                var listener = handler;
-                target.addEventListener(eventName, listener);
-                return function () { return target.removeEventListener(eventName, listener); };
-            });
-        };
         return ResizeEventPlugin;
     }(platformBrowser["ɵangular_packages_platform_browser_platform_browser_g"]));
     ResizeEventPlugin.EVENT_NAME = "resize";
@@ -4113,22 +4127,6 @@
                 return function () { return element.removeEventListener(eventName, callback); };
             });
         };
-        ScrollEventPlugin.prototype.addGlobalEventListener = function (element, eventName, handler) {
-            var _this = this;
-            var zone = this.manager.getZone();
-            return zone.runOutsideAngular(function () {
-                if (_this.universal.isServer)
-                    return emptyRemove;
-                if (!StringUtils.has(element, "document", "window")) {
-                    console.error("Global resize event other than window or document?", element);
-                    return emptyRemove;
-                }
-                var target = "window" == element ? window : document;
-                var listener = handler;
-                target.addEventListener(eventName, listener);
-                return function () { return target.removeEventListener(eventName, listener); };
-            });
-        };
         return ScrollEventPlugin;
     }(platformBrowser["ɵangular_packages_platform_browser_platform_browser_g"]));
     ScrollEventPlugin.EVENT_NAME = "scroll";
@@ -4349,7 +4347,9 @@
                 this.templatesUpdated.unsubscribe();
         };
         GlobalTemplatePipe.prototype.transform = function (templateId, component) {
-            if (this.cachedTemplate == null || this.cachedTemplateId !== templateId) {
+            if (!templateId)
+                return null;
+            if (this.cachedTemplate === null || this.cachedTemplateId !== templateId) {
                 this.cachedTemplateId = templateId;
                 this.cachedTemplate = this.globalTemplates.get(templateId, component);
             }
@@ -4364,7 +4364,7 @@
                 },] }
     ];
     GlobalTemplatePipe.ctorParameters = function () { return [
-        { type: GlobalTemplateService }
+        { type: undefined, decorators: [{ type: core.Inject, args: [GLOBAL_TEMPLATES,] }] }
     ]; };
 
     var GroupByPipe = /** @class */ (function () {
@@ -4906,15 +4906,15 @@
     };
 
     var GlobalTemplateDirective = /** @class */ (function () {
-        function GlobalTemplateDirective(globalTemplateService, template) {
-            this.globalTemplateService = globalTemplateService;
+        function GlobalTemplateDirective(globalTemplates, template) {
+            this.globalTemplates = globalTemplates;
             this.template = template;
         }
         GlobalTemplateDirective.prototype.ngOnInit = function () {
-            this.globalTemplateService.add(this.id, this.template);
+            this.globalTemplates.add(this.id, this.template);
         };
         GlobalTemplateDirective.prototype.ngOnDestroy = function () {
-            this.globalTemplateService.remove(this.id);
+            this.globalTemplates.remove(this.id);
         };
         return GlobalTemplateDirective;
     }());
@@ -4924,7 +4924,7 @@
                 },] }
     ];
     GlobalTemplateDirective.ctorParameters = function () { return [
-        { type: GlobalTemplateService },
+        { type: undefined, decorators: [{ type: core.Inject, args: [GLOBAL_TEMPLATES,] }] },
         { type: core.TemplateRef }
     ]; };
     GlobalTemplateDirective.propDecorators = {
@@ -5730,6 +5730,40 @@
         boundaryLinks: [{ type: core.Input }]
     };
 
+    var GlobalTemplateService = /** @class */ (function () {
+        function GlobalTemplateService() {
+            this.templatesUpdated = new core.EventEmitter();
+            this.globalTemplates = {};
+            this.componentModifiers = {};
+        }
+        GlobalTemplateService.prototype.get = function (id, component) {
+            var template = this.globalTemplates[id];
+            if (!template)
+                return undefined;
+            var modifier = this.componentModifiers[id];
+            if (ObjectUtils.isFunction(modifier) && component) {
+                modifier(component);
+            }
+            return template;
+        };
+        GlobalTemplateService.prototype.add = function (id, template) {
+            this.globalTemplates[id] = template;
+            this.templatesUpdated.emit();
+        };
+        GlobalTemplateService.prototype.remove = function (id) {
+            delete this.globalTemplates[id];
+            this.templatesUpdated.emit();
+        };
+        GlobalTemplateService.prototype.addComponentModifier = function (id, modifier) {
+            this.componentModifiers[id] = modifier;
+        };
+        return GlobalTemplateService;
+    }());
+    GlobalTemplateService.decorators = [
+        { type: core.Injectable }
+    ];
+    GlobalTemplateService.ctorParameters = function () { return []; };
+
     var StickyClassDirective = /** @class */ (function () {
         function StickyClassDirective(events, element, renderer) {
             this.events = events;
@@ -5894,6 +5928,10 @@
                         provide: CONFIG_SERVICE,
                         useExisting: (!config ? null : config.configService) || ConfigService
                     },
+                    {
+                        provide: GLOBAL_TEMPLATES,
+                        useExisting: (!config ? null : config.globalTemplates) || GlobalTemplateService
+                    },
                     {
                         provide: ROOT_ELEMENT,
                         useValue: null
@@ -5961,12 +5999,12 @@
     exports.FindPipe = FindPipe;
     exports.FormatNumberPipe = FormatNumberPipe;
     exports.FormatterService = FormatterService;
+    exports.GLOBAL_TEMPLATES = GLOBAL_TEMPLATES;
     exports.GenericValue = GenericValue;
     exports.GetOffsetPipe = GetOffsetPipe;
     exports.GetTypePipe = GetTypePipe;
     exports.GlobalTemplateDirective = GlobalTemplateDirective;
     exports.GlobalTemplatePipe = GlobalTemplatePipe;
-    exports.GlobalTemplateService = GlobalTemplateService;
     exports.GroupByPipe = GroupByPipe;
     exports.HttpPromise = HttpPromise;
     exports.ICON_SERVICE = ICON_SERVICE;
@@ -6036,6 +6074,7 @@
     exports["ɵd"] = providers;
     exports["ɵe"] = loadConfig;
     exports["ɵf"] = StickyClassDirective;
+    exports["ɵg"] = GlobalTemplateService;
 
     Object.defineProperty(exports, '__esModule', { value: true });