@stemy/ngx-utils 12.0.0 → 12.0.3

package/fesm2015/stemy-ngx-utils.js

@@ -1,4 +1,4 @@
-import { InjectionToken, TemplateRef, Injectable, Injector, NgZone, Optional, Inject, PLATFORM_ID, EventEmitter, ErrorHandler, Pipe, ChangeDetectorRef, Directive, Input, Output, HostBinding, HostListener, ElementRef, Renderer2, ViewContainerRef, Component, ContentChildren, ViewChild, ContentChild, APP_INITIALIZER, NgModule } from '@angular/core';
+import { InjectionToken, TemplateRef, Injectable, Inject, PLATFORM_ID, Injector, NgZone, Optional, EventEmitter, ErrorHandler, Pipe, ChangeDetectorRef, Directive, Input, Output, HostBinding, HostListener, ElementRef, Renderer2, ViewContainerRef, Component, ContentChildren, ViewChild, ContentChild, APP_INITIALIZER, NgModule } from '@angular/core';
 import 'reflect-metadata';
 import { utc } from 'moment';
 import { first, skipWhile, mergeMap, timeout, map } from 'rxjs/operators';
@@ -414,6 +414,7 @@ const BASE_CONFIG = new InjectionToken("base-config");
 const SCRIPT_PARAMS = new InjectionToken("script-params");
 const ROOT_ELEMENT = new InjectionToken("app-root-element");
 const ERROR_HANDLER = new InjectionToken("error-handler-callback");
+const GLOBAL_TEMPLATES = new InjectionToken("global-templates");
 // --- Valued promise ---
 class ValuedPromise extends Promise {
 }
@@ -1198,16 +1199,89 @@ class MathUtils {
     }
 }
 
+/**
+ * Use this service to determine which is the current environment
+ */
+class UniversalService {
+    constructor(platformId, dds) {
+        this.platformId = platformId;
+        this.dds = dds;
+        const info = this.dds.getDeviceInfo();
+        this.crawler = /(bot|google|baidu|bing|msn|duckduckbot|teoma|slurp|yandex|lighthouse|angular-universal|PTST)/gi.test(info.userAgent);
+    }
+    get isBrowser() {
+        return isPlatformBrowser(this.platformId);
+    }
+    get isServer() {
+        return isPlatformServer(this.platformId);
+    }
+    get deviceInfo() {
+        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();
+    }
+    get browserName() {
+        return this.dds.browser;
+    }
+    get browserVersion() {
+        return this.dds.browser_version;
+    }
+    get isExplorer() {
+        return this.dds.browser == "ie";
+    }
+    get isEdge() {
+        return this.dds.browser == "ms-edge";
+    }
+    get isChrome() {
+        return this.dds.browser == "chrome";
+    }
+    get isFirefox() {
+        return this.dds.browser == "firefox";
+    }
+    get isSafari() {
+        return this.dds.browser == "safari";
+    }
+    get isTablet() {
+        return this.dds.isTablet();
+    }
+    get isMobile() {
+        return this.dds.isMobile();
+    }
+    get isDesktop() {
+        return this.dds.isDesktop();
+    }
+    get isCrawler() {
+        return this.crawler;
+    }
+}
+UniversalService.decorators = [
+    { type: Injectable }
+];
+UniversalService.ctorParameters = () => [
+    { type: String, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
+    { type: DeviceDetectorService }
+];
+
 const emptySnapshot = new ActivatedRouteSnapshot();
 const emptyData = { id: "" };
 const emptyParams = {};
 const emptySegments = [];
 const emptyComponents = [];
 class StateService extends BehaviorSubject {
-    constructor(injector, zone, router = null) {
+    constructor(injector, zone, universal, router = null) {
         super(null);
         this.injector = injector;
         this.zone = zone;
+        this.universal = universal;
         this.router = router;
         this.handleRouterEvent = (event) => {
             if (!(event instanceof NavigationEnd))
@@ -1305,26 +1379,61 @@ class StateService extends BehaviorSubject {
             }
         });
     }
-    navigate(commands, extras) {
-        if (!this.router)
-            return Promise.resolve(false);
-        extras = Object.assign({}, this.globalExtras, extras || {});
-        const tree = this.router.createUrlTree(commands, extras);
-        return this.navigateByUrl(tree, extras);
+    navigateByUrl(url, navigationExtras = {}) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.navigate(url, navigationExtras);
+        });
     }
-    navigateByUrl(url, extras) {
-        if (!this.router)
-            return Promise.resolve(false);
-        extras = Object.assign({}, this.globalExtras, extras || {});
-        return new Promise(resolve => {
-            this.zone.run(() => {
-                this.router.navigateByUrl(url, extras).then(resolve, () => resolve(false));
+    navigate(url, navigationExtras = {}) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.router)
+                return false;
+            const [tree, extras] = this.createUrlTree(url, navigationExtras);
+            return this.zone.run(() => {
+                return this.router.navigateByUrl(tree, extras);
+            });
+        });
+    }
+    open(url, target = "_blank", navigationExtras = {}) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.router)
+                return false;
+            const [tree, extras] = this.createUrlTree(url, navigationExtras);
+            return this.zone.run(() => {
+                return this.openInNewWindow(tree, target) || this.router.navigateByUrl(tree, extras);
             });
         });
     }
     subscribeImmediately(next, error, complete) {
         return this.pipe(skipWhile(v => v == null)).subscribe(next, error, complete);
     }
+    openInNewWindow(tree, target) {
+        if (!this.universal.isBrowser)
+            return false;
+        const baseUrl = window.location.href.replace(this.router.url, "");
+        try {
+            const serialized = this.router.serializeUrl(tree);
+            const separator = serialized.startsWith("/") ? "" : "/";
+            window.open(baseUrl + separator + serialized, target);
+            return true;
+        }
+        catch (e) {
+            console.log(`Can't open new window: ${e}`);
+            return false;
+        }
+    }
+    createUrlTree(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];
+    }
 }
 StateService.decorators = [
     { type: Injectable }
@@ -1332,6 +1441,7 @@ StateService.decorators = [
 StateService.ctorParameters = () => [
     { type: Injector },
     { type: NgZone },
+    { type: UniversalService },
     { type: Router, decorators: [{ type: Optional }] }
 ];
 
@@ -1843,78 +1953,6 @@ class Vector {
     }
 }
 
-/**
- * Use this service to determine which is the current environment
- */
-class UniversalService {
-    constructor(platformId, dds) {
-        this.platformId = platformId;
-        this.dds = dds;
-        const info = this.dds.getDeviceInfo();
-        this.crawler = /(bot|google|baidu|bing|msn|duckduckbot|teoma|slurp|yandex|lighthouse|angular-universal|PTST)/gi.test(info.userAgent);
-    }
-    get isBrowser() {
-        return isPlatformBrowser(this.platformId);
-    }
-    get isServer() {
-        return isPlatformServer(this.platformId);
-    }
-    get deviceInfo() {
-        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();
-    }
-    get browserName() {
-        return this.dds.browser;
-    }
-    get browserVersion() {
-        return this.dds.browser_version;
-    }
-    get isExplorer() {
-        return this.dds.browser == "ie";
-    }
-    get isEdge() {
-        return this.dds.browser == "ms-edge";
-    }
-    get isChrome() {
-        return this.dds.browser == "chrome";
-    }
-    get isFirefox() {
-        return this.dds.browser == "firefox";
-    }
-    get isSafari() {
-        return this.dds.browser == "safari";
-    }
-    get isTablet() {
-        return this.dds.isTablet();
-    }
-    get isMobile() {
-        return this.dds.isMobile();
-    }
-    get isDesktop() {
-        return this.dds.isDesktop();
-    }
-    get isCrawler() {
-        return this.crawler;
-    }
-}
-UniversalService.decorators = [
-    { type: Injectable }
-];
-UniversalService.ctorParameters = () => [
-    { type: String, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
-    { type: DeviceDetectorService }
-];
-
 const emptyGuards = [];
 class AclService {
     constructor(injector, state, auth) {
@@ -2615,39 +2653,6 @@ FormatterService.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Inject, args: [LANGUAGE_SERVICE,] }] }
 ];
 
-class GlobalTemplateService {
-    constructor() {
-        this.templatesUpdated = new EventEmitter();
-        this.globalTemplates = {};
-        this.componentModifiers = {};
-    }
-    get(id, component) {
-        const template = this.globalTemplates[id];
-        if (!template)
-            return null;
-        const modifier = this.componentModifiers[id];
-        if (ObjectUtils.isFunction(modifier) && component) {
-            modifier(component);
-        }
-        return template;
-    }
-    add(id, template) {
-        this.globalTemplates[id] = template;
-        this.templatesUpdated.emit();
-    }
-    remove(id) {
-        delete this.globalTemplates[id];
-        this.templatesUpdated.emit();
-    }
-    addComponentModifier(id, modifier) {
-        this.componentModifiers[id] = modifier;
-    }
-}
-GlobalTemplateService.decorators = [
-    { type: Injectable }
-];
-GlobalTemplateService.ctorParameters = () => [];
-
 class IconService {
     constructor() {
         this.iconsLoaded = new EventEmitter();
@@ -3114,6 +3119,9 @@ PromiseService.ctorParameters = () => [
 
 function emptyRemove$1() {
 }
+function isWindow(el) {
+    return typeof window !== "undefined" && el === window;
+}
 class ResizeEventPlugin extends ɵangular_packages_platform_browser_platform_browser_g {
     constructor(doc, universal) {
         super(doc);
@@ -3130,31 +3138,26 @@ class ResizeEventPlugin extends ɵangular_packages_platform_browser_platform_bro
             const cb = el => {
                 zone.run(() => handler(el));
             };
-            addListener(element, cb);
+            if (isWindow(element)) {
+                element.addEventListener(eventName, cb);
+            }
+            else {
+                addListener(element, cb);
+            }
             return () => {
                 try {
-                    removeListener(element, cb);
+                    if (isWindow(element)) {
+                        element.removeEventListener(eventName, cb);
+                    }
+                    else {
+                        removeListener(element, cb);
+                    }
                 }
                 catch (e) {
                 }
             };
         });
     }
-    addGlobalEventListener(element, eventName, handler) {
-        const zone = this.manager.getZone();
-        return zone.runOutsideAngular(() => {
-            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;
-            }
-            const target = "window" == element ? window : document;
-            const listener = handler;
-            target.addEventListener(eventName, listener);
-            return () => target.removeEventListener(eventName, listener);
-        });
-    }
 }
 ResizeEventPlugin.EVENT_NAME = "resize";
 ResizeEventPlugin.decorators = [
@@ -3187,21 +3190,6 @@ class ScrollEventPlugin extends ɵangular_packages_platform_browser_platform_bro
             return () => element.removeEventListener(eventName, callback);
         });
     }
-    addGlobalEventListener(element, eventName, handler) {
-        const zone = this.manager.getZone();
-        return zone.runOutsideAngular(() => {
-            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;
-            }
-            const target = "window" == element ? window : document;
-            const listener = handler;
-            target.addEventListener(eventName, listener);
-            return () => target.removeEventListener(eventName, listener);
-        });
-    }
 }
 ScrollEventPlugin.EVENT_NAME = "scroll";
 ScrollEventPlugin.decorators = [
@@ -3393,7 +3381,9 @@ class GlobalTemplatePipe {
             this.templatesUpdated.unsubscribe();
     }
     transform(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);
         }
@@ -3407,7 +3397,7 @@ GlobalTemplatePipe.decorators = [
             },] }
 ];
 GlobalTemplatePipe.ctorParameters = () => [
-    { type: GlobalTemplateService }
+    { type: undefined, decorators: [{ type: Inject, args: [GLOBAL_TEMPLATES,] }] }
 ];
 
 class GroupByPipe {
@@ -3874,15 +3864,15 @@ DynamicTableTemplateDirective.propDecorators = {
 };
 
 class GlobalTemplateDirective {
-    constructor(globalTemplateService, template) {
-        this.globalTemplateService = globalTemplateService;
+    constructor(globalTemplates, template) {
+        this.globalTemplates = globalTemplates;
         this.template = template;
     }
     ngOnInit() {
-        this.globalTemplateService.add(this.id, this.template);
+        this.globalTemplates.add(this.id, this.template);
     }
     ngOnDestroy() {
-        this.globalTemplateService.remove(this.id);
+        this.globalTemplates.remove(this.id);
     }
 }
 GlobalTemplateDirective.decorators = [
@@ -3891,7 +3881,7 @@ GlobalTemplateDirective.decorators = [
             },] }
 ];
 GlobalTemplateDirective.ctorParameters = () => [
-    { type: GlobalTemplateService },
+    { type: undefined, decorators: [{ type: Inject, args: [GLOBAL_TEMPLATES,] }] },
     { type: TemplateRef }
 ];
 GlobalTemplateDirective.propDecorators = {
@@ -4601,6 +4591,39 @@ PaginationMenuComponent.propDecorators = {
     boundaryLinks: [{ type: Input }]
 };
 
+class GlobalTemplateService {
+    constructor() {
+        this.templatesUpdated = new EventEmitter();
+        this.globalTemplates = {};
+        this.componentModifiers = {};
+    }
+    get(id, component) {
+        const template = this.globalTemplates[id];
+        if (!template)
+            return undefined;
+        const modifier = this.componentModifiers[id];
+        if (ObjectUtils.isFunction(modifier) && component) {
+            modifier(component);
+        }
+        return template;
+    }
+    add(id, template) {
+        this.globalTemplates[id] = template;
+        this.templatesUpdated.emit();
+    }
+    remove(id) {
+        delete this.globalTemplates[id];
+        this.templatesUpdated.emit();
+    }
+    addComponentModifier(id, modifier) {
+        this.componentModifiers[id] = modifier;
+    }
+}
+GlobalTemplateService.decorators = [
+    { type: Injectable }
+];
+GlobalTemplateService.ctorParameters = () => [];
+
 class StickyClassDirective {
     constructor(events, element, renderer) {
         this.events = events;
@@ -4763,6 +4786,10 @@ class NgxUtilsModule {
                     provide: CONFIG_SERVICE,
                     useExisting: (!config ? null : config.configService) || ConfigService
                 },
+                {
+                    provide: GLOBAL_TEMPLATES,
+                    useExisting: (!config ? null : config.globalTemplates) || GlobalTemplateService
+                },
                 {
                     provide: ROOT_ELEMENT,
                     useValue: null
@@ -4802,5 +4829,5 @@ NgxUtilsModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { API_SERVICE, AUTH_SERVICE, AclService, AjaxRequestHandler, ApiService, ArrayUtils, AsyncMethodDirective, AuthGuard, BASE_CONFIG, BackgroundDirective, BaseHttpClient, BaseHttpService, CONFIG_SERVICE, CanvasColor, CanvasUtils, ChunkPipe, Circle, ConfigService, ConsoleToasterService, DateUtils, DynamicTableComponent, DynamicTableTemplateDirective, ERROR_HANDLER, EXPRESS_REQUEST, EntriesPipe, ErrorHandlerService, EventsService, ExtraItemPropertiesPipe, FactoryDependencies, FileUtils, FilterPipe, FindPipe, FormatNumberPipe, FormatterService, GenericValue, GetOffsetPipe, GetTypePipe, GlobalTemplateDirective, GlobalTemplatePipe, GlobalTemplateService, GroupByPipe, HttpPromise, ICON_SERVICE, IConfiguration, IconDirective, IconService, Initializer, IsTypePipe, JoinPipe, KeysPipe, LANGUAGE_SERVICE, LanguageService, LoaderUtils, MapPipe, MathUtils, MaxPipe, MinPipe, NgxTemplateOutletDirective, NgxUtilsModule, ObjectUtils, ObservableUtils, OpenApiService, PROMISE_SERVICE, PaginationDirective, PaginationItemContext, PaginationItemDirective, PaginationMenuComponent, Point, PromiseService, ROOT_ELEMENT, Rect, ReducePipe, ReflectUtils, RemapPipe, ReplacePipe, ResizeEventPlugin, ResourceIfContext, ResourceIfDirective, ReversePipe, RoundPipe, SCRIPT_PARAMS, SafeHtmlPipe, ScrollEventPlugin, SetUtils, StateService, StaticAuthService, StaticLanguageService, StickyDirective, StorageMode, StorageService, StringUtils, TOASTER_SERVICE, TimerUtils, TranslatePipe, TranslatedUrlSerializer, UniqueUtils, UniversalService, UnorderedListComponent, UnorderedListItemDirective, UnorderedListTemplateDirective, UnorederedListTemplate, ValuedPromise, ValuesPipe, Vector, pipes as ɵa, directives as ɵb, components as ɵc, providers as ɵd, loadConfig as ɵe, StickyClassDirective as ɵf };
+export { API_SERVICE, AUTH_SERVICE, AclService, AjaxRequestHandler, ApiService, ArrayUtils, AsyncMethodDirective, AuthGuard, BASE_CONFIG, BackgroundDirective, BaseHttpClient, BaseHttpService, CONFIG_SERVICE, CanvasColor, CanvasUtils, ChunkPipe, Circle, ConfigService, ConsoleToasterService, DateUtils, DynamicTableComponent, DynamicTableTemplateDirective, ERROR_HANDLER, EXPRESS_REQUEST, EntriesPipe, ErrorHandlerService, EventsService, ExtraItemPropertiesPipe, FactoryDependencies, FileUtils, FilterPipe, FindPipe, FormatNumberPipe, FormatterService, GLOBAL_TEMPLATES, GenericValue, GetOffsetPipe, GetTypePipe, GlobalTemplateDirective, GlobalTemplatePipe, GroupByPipe, HttpPromise, ICON_SERVICE, IConfiguration, IconDirective, IconService, Initializer, IsTypePipe, JoinPipe, KeysPipe, LANGUAGE_SERVICE, LanguageService, LoaderUtils, MapPipe, MathUtils, MaxPipe, MinPipe, NgxTemplateOutletDirective, NgxUtilsModule, ObjectUtils, ObservableUtils, OpenApiService, PROMISE_SERVICE, PaginationDirective, PaginationItemContext, PaginationItemDirective, PaginationMenuComponent, Point, PromiseService, ROOT_ELEMENT, Rect, ReducePipe, ReflectUtils, RemapPipe, ReplacePipe, ResizeEventPlugin, ResourceIfContext, ResourceIfDirective, ReversePipe, RoundPipe, SCRIPT_PARAMS, SafeHtmlPipe, ScrollEventPlugin, SetUtils, StateService, StaticAuthService, StaticLanguageService, StickyDirective, StorageMode, StorageService, StringUtils, TOASTER_SERVICE, TimerUtils, TranslatePipe, TranslatedUrlSerializer, UniqueUtils, UniversalService, UnorderedListComponent, UnorderedListItemDirective, UnorderedListTemplateDirective, UnorederedListTemplate, ValuedPromise, ValuesPipe, Vector, pipes as ɵa, directives as ɵb, components as ɵc, providers as ɵd, loadConfig as ɵe, StickyClassDirective as ɵf, GlobalTemplateService as ɵg };
 //# sourceMappingURL=stemy-ngx-utils.js.map