@stemy/ngx-utils 17.0.0 → 17.1.0

package/fesm2022/stemy-ngx-utils.mjs

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, PLATFORM_ID, Injectable, Inject, Optional, Injector, EventEmitter, isDevMode, ErrorHandler, NgZone, Pipe, Directive, Input, Output, HostBinding, HostListener, Component, ContentChildren, ViewChild, ContentChild, APP_INITIALIZER, NgModule } from '@angular/core';
+import { InjectionToken, PLATFORM_ID, Injectable, Inject, Optional, Injector, EventEmitter, isDevMode, ErrorHandler, NgZone, Pipe, Directive, Input, Output, HostBinding, HostListener, Component, ContentChildren, ViewChild, ContentChild, APP_INITIALIZER, makeEnvironmentProviders, NgModule } from '@angular/core';
 import 'reflect-metadata';
 import * as i2 from '@angular/router';
-import { ActivatedRouteSnapshot, NavigationEnd, DefaultUrlSerializer, UrlTree, UrlSegmentGroup, UrlSegment, UrlSerializer } from '@angular/router';
-import { BehaviorSubject, Observable, Subject, Subscription, from, TimeoutError, combineLatest } from 'rxjs';
-import { distinctUntilChanged, delay, skipWhile, first, mergeMap, timeout, map } from 'rxjs/operators';
+import { ActivatedRouteSnapshot, Scroll, NavigationEnd, DefaultUrlSerializer, UrlTree, UrlSegmentGroup, UrlSegment, UrlSerializer } from '@angular/router';
+import { BehaviorSubject, Observable, firstValueFrom, Subject, Subscription, from, TimeoutError, combineLatest } from 'rxjs';
+import { distinctUntilChanged, map, filter, skipWhile, debounceTime, first, mergeMap, timeout } from 'rxjs/operators';
 import * as i1$3 from '@angular/common';
 import { isPlatformBrowser, isPlatformServer, DOCUMENT, APP_BASE_HREF, CommonModule } from '@angular/common';
 import * as i1 from 'ngx-device-detector';
@@ -486,7 +486,6 @@ const ROOT_ELEMENT = new InjectionToken("app-root-element");
 const RESIZE_DELAY = new InjectionToken("resize-event-delay");
 const RESIZE_STRATEGY = new InjectionToken("resize-event-strategy");
 const ERROR_HANDLER = new InjectionToken("error-handler-callback");
-const GLOBAL_TEMPLATES = new InjectionToken("global-templates");
 // --- Valued promise ---
 class ValuedPromise extends Promise {
 }
@@ -718,7 +717,7 @@ const emptyData = { id: "" };
 const emptyParams = {};
 const emptySegments = [];
 const emptyComponents = [];
-class StateService extends BehaviorSubject {
+class StateService {
     static toPath(route, params) {
         let path = route.path || "";
         ObjectUtils.iterate(params, (value, key) => {
@@ -726,11 +725,11 @@ class StateService extends BehaviorSubject {
         });
         return path;
     }
-    get component() {
-        return this.comp;
-    }
     get snapshot() {
-        return this.shot || emptySnapshot;
+        return this.$snapshot.value;
+    }
+    get component() {
+        return this.$component.value;
     }
     get route() {
         return this.snapshot.routeConfig;
@@ -757,15 +756,29 @@ class StateService extends BehaviorSubject {
         return this.router.config;
     }
     constructor(injector, zone, universal, router = null, contexts = null) {
-        super(null);
         this.injector = injector;
         this.zone = zone;
         this.universal = universal;
         this.router = router;
         this.contexts = contexts;
-        this.handleRouterEvent = (event) => {
-            if (!(event instanceof NavigationEnd))
-                return;
+        this.globalExtras = {
+            queryParamsHandling: "merge"
+        };
+        this.$snapshot = new BehaviorSubject(emptySnapshot);
+        this.$component = new BehaviorSubject(null);
+        this.stateInfo = {
+            url: "",
+            segments: [],
+            components: []
+        };
+        this.router?.events
+            .pipe(distinctUntilChanged(), map(event => {
+            if (event instanceof Scroll) {
+                return event.routerEvent;
+            }
+            return event;
+        }), filter(e => e instanceof NavigationEnd))
+            .subscribe(() => {
             const routerStateSnapshot = this.router.routerState.snapshot;
             let snapshot = routerStateSnapshot.root;
             let context = this.contexts?.getContext("primary");
@@ -782,28 +795,14 @@ class StateService extends BehaviorSubject {
                 }
                 snapshot = snapshot.firstChild;
             }
-            this.comp = components[components.length - 1];
-            this.shot = snapshots[snapshots.length - 1];
             this.stateInfo = {
                 url: routerStateSnapshot.url,
                 segments: segments,
                 components: components
             };
-            this.next(this.shot);
-        };
-        if (!this.router)
-            return;
-        this.globalExtras = {
-            queryParamsHandling: "merge"
-        };
-        this.router.events
-            .pipe(distinctUntilChanged(), delay(10))
-            .subscribe(this.handleRouterEvent);
-        this.stateInfo = {
-            url: "",
-            segments: [],
-            components: []
-        };
+            this.$snapshot.next(snapshots[snapshots.length - 1]);
+            this.$component.next(components[components.length - 1]);
+        });
     }
     async reload() {
         const routerStateSnapshot = this.router.routerState.snapshot;
@@ -813,7 +812,7 @@ class StateService extends BehaviorSubject {
             const resolver = this.injector.get(resolvers[key]);
             let resolved = resolver.resolve(this.snapshot, routerStateSnapshot);
             if (resolved instanceof Observable) {
-                resolved = resolved.toPromise();
+                resolved = firstValueFrom(resolved);
             }
             if (resolved instanceof Promise) {
                 resolved = await resolved;
@@ -840,8 +839,13 @@ class StateService extends BehaviorSubject {
             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);
+    subscribeImmediately(next, error) {
+        return this.subscribe({
+            next, error
+        });
+    }
+    subscribe(osOrNext) {
+        return this.$snapshot.pipe(skipWhile(snapshot => snapshot === emptySnapshot), debounceTime(25)).subscribe(osOrNext);
     }
     openInNewWindow(tree, target) {
         if (!this.universal.isBrowser)
@@ -3967,7 +3971,7 @@ class GlobalTemplatePipe {
         }
         return this.cachedTemplate;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GlobalTemplatePipe, deps: [{ token: GLOBAL_TEMPLATES }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GlobalTemplatePipe, deps: [{ token: GlobalTemplateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
     static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: GlobalTemplatePipe, name: "globalTemplate", pure: false }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GlobalTemplatePipe, decorators: [{
@@ -3976,10 +3980,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     pure: false,
                     name: "globalTemplate"
                 }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [GLOBAL_TEMPLATES]
-                }] }] });
+        }], ctorParameters: () => [{ type: GlobalTemplateService }] });
 
 class GroupByPipe {
     transform(records, column, map = null) {
@@ -4575,7 +4576,7 @@ class GlobalTemplateDirective {
     ngOnDestroy() {
         this.globalTemplates.remove(this.id);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GlobalTemplateDirective, deps: [{ token: GLOBAL_TEMPLATES }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GlobalTemplateDirective, deps: [{ token: GlobalTemplateService }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: GlobalTemplateDirective, selector: "[globalTemplate]", inputs: { id: ["globalTemplate", "id"] }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GlobalTemplateDirective, decorators: [{
@@ -4583,10 +4584,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             args: [{
                     selector: "[globalTemplate]"
                 }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [GLOBAL_TEMPLATES]
-                }] }, { type: i0.TemplateRef }], propDecorators: { id: [{
+        }], ctorParameters: () => [{ type: GlobalTemplateService }, { type: i0.TemplateRef }], propDecorators: { id: [{
                 type: Input,
                 args: ["globalTemplate"]
             }] } });
@@ -5490,6 +5488,7 @@ const providers = [
     UniversalService,
     WasmService,
     DeviceDetectorService,
+    GlobalTemplateService,
     {
         provide: EVENT_MANAGER_PLUGINS,
         useClass: ResizeEventPlugin,
@@ -5711,78 +5710,80 @@ function loadBaseHref(baseUrl) {
     }
 }
 class NgxUtilsModule {
+    static getProviders(config) {
+        return [
+            ...providers,
+            {
+                provide: API_SERVICE,
+                useExisting: (!config ? null : config.apiService) || ApiService
+            },
+            {
+                provide: AUTH_SERVICE,
+                useExisting: (!config ? null : config.authService) || StaticAuthService
+            },
+            {
+                provide: ICON_SERVICE,
+                useExisting: (!config ? null : config.iconService) || IconService
+            },
+            {
+                provide: LANGUAGE_SERVICE,
+                useExisting: (!config ? null : config.languageService) || StaticLanguageService
+            },
+            {
+                provide: TOASTER_SERVICE,
+                useExisting: (!config ? null : config.toasterService) || ConsoleToasterService
+            },
+            {
+                provide: PROMISE_SERVICE,
+                useExisting: (!config ? null : config.promiseService) || PromiseService
+            },
+            {
+                provide: CONFIG_SERVICE,
+                useExisting: (!config ? null : config.configService) || ConfigService
+            },
+            {
+                provide: WASI_IMPLEMENTATION,
+                useExisting: (!config ? null : config.wasiImplementation) || Wasi
+            },
+            {
+                provide: APP_BASE_URL,
+                useFactory: (!config ? null : config.baseUrl) || loadBaseUrl,
+                deps: [Injector]
+            },
+            {
+                provide: ROOT_ELEMENT,
+                useValue: null
+            },
+            {
+                provide: RESIZE_DELAY,
+                useValue: (!config ? null : config.resizeDelay) ?? 50,
+            },
+            {
+                provide: RESIZE_STRATEGY,
+                useValue: (!config ? null : config.resizeStrategy) ?? "object",
+            },
+            {
+                provide: APP_INITIALIZER,
+                useFactory: (!config ? null : config.initializeApp) || loadConfig,
+                multi: true,
+                deps: [(!config ? null : config.initializeApp) ? Injector : CONFIG_SERVICE]
+            },
+            {
+                provide: APP_BASE_HREF,
+                useFactory: loadBaseHref,
+                deps: [APP_BASE_URL]
+            }
+        ];
+    }
     static forRoot(config) {
         return {
             ngModule: NgxUtilsModule,
-            providers: [
-                ...providers,
-                {
-                    provide: API_SERVICE,
-                    useExisting: (!config ? null : config.apiService) || ApiService
-                },
-                {
-                    provide: AUTH_SERVICE,
-                    useExisting: (!config ? null : config.authService) || StaticAuthService
-                },
-                {
-                    provide: ICON_SERVICE,
-                    useExisting: (!config ? null : config.iconService) || IconService
-                },
-                {
-                    provide: LANGUAGE_SERVICE,
-                    useExisting: (!config ? null : config.languageService) || StaticLanguageService
-                },
-                {
-                    provide: TOASTER_SERVICE,
-                    useExisting: (!config ? null : config.toasterService) || ConsoleToasterService
-                },
-                {
-                    provide: PROMISE_SERVICE,
-                    useExisting: (!config ? null : config.promiseService) || PromiseService
-                },
-                {
-                    provide: CONFIG_SERVICE,
-                    useExisting: (!config ? null : config.configService) || ConfigService
-                },
-                {
-                    provide: GLOBAL_TEMPLATES,
-                    useExisting: (!config ? null : config.globalTemplates) || GlobalTemplateService
-                },
-                {
-                    provide: WASI_IMPLEMENTATION,
-                    useExisting: (!config ? null : config.wasiImplementation) || Wasi
-                },
-                {
-                    provide: APP_BASE_URL,
-                    useFactory: (!config ? null : config.baseUrl) || loadBaseUrl,
-                    deps: [Injector]
-                },
-                {
-                    provide: ROOT_ELEMENT,
-                    useValue: null
-                },
-                {
-                    provide: RESIZE_DELAY,
-                    useValue: (!config ? null : config.resizeDelay) ?? 50,
-                },
-                {
-                    provide: RESIZE_STRATEGY,
-                    useValue: (!config ? null : config.resizeStrategy) ?? "object",
-                },
-                {
-                    provide: APP_INITIALIZER,
-                    useFactory: (!config ? null : config.initializeApp) || loadConfig,
-                    multi: true,
-                    deps: [(!config ? null : config.initializeApp) ? Injector : CONFIG_SERVICE]
-                },
-                {
-                    provide: APP_BASE_HREF,
-                    useFactory: loadBaseHref,
-                    deps: [APP_BASE_URL]
-                }
-            ]
+            providers: NgxUtilsModule.getProviders(config)
         };
     }
+    static provideUtils(config) {
+        return makeEnvironmentProviders(NgxUtilsModule.getProviders(config));
+    }
     constructor() {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgxUtilsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -5817,5 +5818,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { API_SERVICE, APP_BASE_URL, AUTH_SERVICE, AclService, AjaxRequestHandler, ApiService, ArrayUtils, AsyncMethodBase, 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, FileSystemEntry, FileUtils, FilterPipe, FindPipe, FormatNumberPipe, FormatterService, GLOBAL_TEMPLATES, GenericValue, GetOffsetPipe, GetTypePipe, GlobalTemplateDirective, GlobalTemplatePipe, GlobalTemplateService, GroupByPipe, HttpPromise, ICON_SERVICE, IConfiguration, IconDirective, IconService, Initializer, IsTypePipe, JSONfn, JoinPipe, KeysPipe, LANGUAGE_SERVICE, LanguageService, LoaderUtils, LocalHttpService, MapPipe, MathUtils, MaxPipe, MinPipe, NgxTemplateOutletDirective, NgxUtilsModule, OPTIONS_TOKEN, ObjectType, ObjectUtils, ObservableUtils, OpenApiService, PROMISE_SERVICE, PaginationDirective, PaginationItemContext, PaginationItemDirective, PaginationMenuComponent, Point, PopPipe, PromiseService, RESIZE_DELAY, RESIZE_STRATEGY, ROOT_ELEMENT, Rect, ReducePipe, ReflectUtils, RemapPipe, ReplacePipe, ResizeEventPlugin, ResourceIfContext, ResourceIfDirective, ReversePipe, RoundPipe, SCRIPT_PARAMS, SafeHtmlPipe, ScrollEventPlugin, SetUtils, ShiftPipe, SplitPipe, StateService, StaticAuthService, StaticLanguageService, StickyClassDirective, StickyDirective, StorageMode, StorageService, StringUtils, TOASTER_SERVICE, TimerUtils, TranslatePipe, TranslatedUrlSerializer, UniqueUtils, UniversalService, UnorderedListComponent, UnorderedListItemDirective, UnorderedListTemplateDirective, ValuedPromise, ValuesPipe, Vector, WASI_IMPLEMENTATION, WasmService, cachedFactory, provideWithOptions };
+export { API_SERVICE, APP_BASE_URL, AUTH_SERVICE, AclService, AjaxRequestHandler, ApiService, ArrayUtils, AsyncMethodBase, 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, FileSystemEntry, FileUtils, FilterPipe, FindPipe, FormatNumberPipe, FormatterService, GenericValue, GetOffsetPipe, GetTypePipe, GlobalTemplateDirective, GlobalTemplatePipe, GlobalTemplateService, GroupByPipe, HttpPromise, ICON_SERVICE, IConfiguration, IconDirective, IconService, Initializer, IsTypePipe, JSONfn, JoinPipe, KeysPipe, LANGUAGE_SERVICE, LanguageService, LoaderUtils, LocalHttpService, MapPipe, MathUtils, MaxPipe, MinPipe, NgxTemplateOutletDirective, NgxUtilsModule, OPTIONS_TOKEN, ObjectType, ObjectUtils, ObservableUtils, OpenApiService, PROMISE_SERVICE, PaginationDirective, PaginationItemContext, PaginationItemDirective, PaginationMenuComponent, Point, PopPipe, PromiseService, RESIZE_DELAY, RESIZE_STRATEGY, ROOT_ELEMENT, Rect, ReducePipe, ReflectUtils, RemapPipe, ReplacePipe, ResizeEventPlugin, ResourceIfContext, ResourceIfDirective, ReversePipe, RoundPipe, SCRIPT_PARAMS, SafeHtmlPipe, ScrollEventPlugin, SetUtils, ShiftPipe, SplitPipe, StateService, StaticAuthService, StaticLanguageService, StickyClassDirective, StickyDirective, StorageMode, StorageService, StringUtils, TOASTER_SERVICE, TimerUtils, TranslatePipe, TranslatedUrlSerializer, UniqueUtils, UniversalService, UnorderedListComponent, UnorderedListItemDirective, UnorderedListTemplateDirective, ValuedPromise, ValuesPipe, Vector, WASI_IMPLEMENTATION, WasmService, cachedFactory, provideWithOptions };
 //# sourceMappingURL=stemy-ngx-utils.mjs.map