@stemy/ngx-utils 19.2.12 → 19.2.13

package/fesm2022/stemy-ngx-utils.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, PLATFORM_ID, Injectable, Inject, Optional, Injector, EventEmitter, isDevMode, ErrorHandler, NgZone, Pipe, Directive, Input, Output, HostBinding, HostListener, forwardRef, Component, ViewEncapsulation, ContentChild, ViewChild, ContentChildren, APP_INITIALIZER, makeEnvironmentProviders, NgModule } from '@angular/core';
+import { InjectionToken, PLATFORM_ID, Injectable, Inject, Optional, Injector, EventEmitter, isDevMode, ErrorHandler, createComponent, NgZone, Pipe, Directive, Input, Output, HostBinding, HostListener, forwardRef, Component, ViewEncapsulation, ContentChild, ViewChild, ContentChildren, APP_INITIALIZER, makeEnvironmentProviders, NgModule } from '@angular/core';
 import 'reflect-metadata';
 import * as i2 from '@angular/router';
-import { ActivatedRouteSnapshot, Scroll, NavigationEnd, DefaultUrlSerializer, UrlTree, UrlSegmentGroup, UrlSegment, UrlSerializer } from '@angular/router';
+import { ActivatedRouteSnapshot, Scroll, NavigationEnd, Router, DefaultUrlSerializer, UrlTree, UrlSegmentGroup, UrlSegment, UrlSerializer, ROUTES } from '@angular/router';
 import { BehaviorSubject, Observable, firstValueFrom, Subject, Subscription, from, TimeoutError, combineLatest, lastValueFrom } from 'rxjs';
 import { skipWhile, debounceTime, distinctUntilChanged, map, filter, mergeMap, timeout } from 'rxjs/operators';
 import * as i1$3 from '@angular/common';
@@ -478,6 +478,8 @@ const API_SERVICE = new InjectionToken("api-service");
 // --- Resource if ---
 class ResourceIfContext {
 }
+const DYNAMIC_ENTRY_COMPONENTS = new InjectionToken("dynamic-entry-components");
+const DYNAMIC_MODULE_INFO = new InjectionToken("dynamic-module-info");
 // --- ConfigService ---
 const APP_BASE_URL = new InjectionToken("app-base-url");
 class IConfiguration {
@@ -2005,6 +2007,62 @@ function checkTransitions(el, cb) {
         end();
     }, 100);
 }
+function getComponentDef(type) {
+    const def = type["ɵcmp"];
+    if (!def) {
+        throw new Error(`No Angular definition found for ${type.name}`);
+    }
+    return def;
+}
+// Helper function to match a search selector to a stored selector
+function parseSelector(selector) {
+    if (Array.isArray(selector)) {
+        if (selector.length !== 1 && selector.length !== 3) {
+            throw new Error("CSSSelector should contain 1 or 3 parts!");
+        }
+        if (selector.some(t => typeof t !== "string")) {
+            throw new Error("CSSSelector parts can only be strings");
+        }
+        return selector;
+    }
+    if (selector.indexOf("#") > 0) {
+        const parts = selector.split("#");
+        selector = `${parts[0]}[id=${parts[1]}]`;
+    }
+    if (selector.indexOf(".") > 0) {
+        const parts = selector.split(".");
+        selector = `${parts[0]}[class=${parts[1]}]`;
+    }
+    const start = selector.indexOf("[");
+    const end = Math.max(selector.indexOf("]"), Math.min(selector.length, start + 1));
+    if (start >= 0) {
+        const parts = selector.substring(start + 1, end).split("=");
+        return [
+            selector.substring(0, start),
+            parts[0],
+            parts[1] || ""
+        ];
+    }
+    return [selector];
+}
+function selectorMatchesList(list, selector) {
+    for (const item of list) {
+        if (selector.length === item.length && selector.every((s, i) => s === item[i])) {
+            return true;
+        }
+    }
+    return false;
+}
+function provideEntryComponents(components, moduleId) {
+    return {
+        provide: DYNAMIC_ENTRY_COMPONENTS,
+        useValue: {
+            components,
+            moduleId
+        },
+        multi: true
+    };
+}
 
 class TimerUtils {
     static createTimeout(func, time) {
@@ -3852,6 +3910,132 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                     args: [LANGUAGE_SERVICE]
                 }] }] });
 
+class ComponentLoaderService {
+    get injector() {
+        return this.ngModule.injector;
+    }
+    constructor(appRef, ngModule, rootElement, moduleRegistry) {
+        this.appRef = appRef;
+        this.ngModule = ngModule;
+        this.rootElement = rootElement;
+        this.typeMap = [];
+        this.moduleRegistry = moduleRegistry || [];
+        this.moduleMap = new Map();
+        this.populateTypeMap("root", this.ngModule.injector);
+    }
+    findComponentType(selector, moduleId = "root") {
+        const cssSelector = parseSelector(selector);
+        const results = new Map();
+        for (const item of this.typeMap) {
+            if (selectorMatchesList(item[1], cssSelector)) {
+                results.set(item[0], item[2]);
+            }
+        }
+        const keys = Array.from(results.keys());
+        const result = results.get(moduleId) || results.get(keys[0]);
+        if (!result) {
+            throw new Error(`Cannot find component by selector: ${selector} in module '${moduleId}' nor in any other module`);
+        }
+        return result;
+    }
+    async getComponentType(location) {
+        // Find module info
+        const moduleInfoList = this.moduleRegistry
+            .filter(info => info.moduleId === location.moduleId);
+        if (moduleInfoList.length > 1) {
+            throw new Error(`Module with id '${location.moduleId}' has been declared more than once.`);
+        }
+        const moduleInfo = moduleInfoList[0];
+        if (!moduleInfo) {
+            throw new Error(`Module with id '${location.moduleId}' not found.`);
+        }
+        await this.loadModule(moduleInfo);
+        return this.findComponentType(location.selector, location.moduleId);
+    }
+    createComponent(componentType, projectableNodes, injector, split) {
+        if (projectableNodes) {
+            projectableNodes = split ? projectableNodes.filter(node => {
+                return node && node.nodeType !== Node.COMMENT_NODE;
+            }).map(node => [node]) : [projectableNodes];
+        }
+        else {
+            projectableNodes = [];
+        }
+        return createComponent(componentType, {
+            environmentInjector: this.appRef.injector,
+            elementInjector: injector || this.injector,
+            projectableNodes
+        });
+    }
+    bootstrap(componentType, rootSelectorOrNode) {
+        rootSelectorOrNode = rootSelectorOrNode || this.rootElement;
+        return !rootSelectorOrNode ? null : this.appRef.bootstrap(componentType, rootSelectorOrNode);
+    }
+    attachView(viewRef) {
+        if (!viewRef)
+            return;
+        this.appRef.attachView(viewRef);
+    }
+    detachView(viewRef) {
+        if (!viewRef)
+            return;
+        this.appRef.detachView(viewRef);
+        try {
+            viewRef.destroy();
+        }
+        catch (e) {
+            console.log(`Can't destroy view, maybe it is already destroyed?`);
+        }
+    }
+    populateTypeMap(moduleId, injector) {
+        const entries = injector.get(DYNAMIC_ENTRY_COMPONENTS) || [];
+        if (entries.length == 0) {
+            console.warn("Entry components not found in the module", injector);
+        }
+        entries.forEach(entryComponents => {
+            entryComponents.components.forEach(type => {
+                const def = getComponentDef(type);
+                console.log(def.selectors, type.name);
+                this.typeMap.push([entryComponents.moduleId || moduleId, def.selectors, type]);
+            });
+        });
+    }
+    async loadModule(moduleInfo) {
+        if (this.moduleMap.has(moduleInfo.moduleId)) {
+            return this.moduleMap.get(moduleInfo.moduleId);
+        }
+        this.moduleMap.set(moduleInfo.moduleId, new Promise(async (resolve) => {
+            const router = this.injector.get(Router);
+            const loader = router["navigationTransitions"].configLoader;
+            const loaded = await firstValueFrom(loader.loadChildren(this.injector, {
+                loadChildren: moduleInfo.loadChildren
+            }));
+            if (moduleInfo.routes) {
+                router.resetConfig(moduleInfo.routes);
+                if (moduleInfo.initialNavigation !== false) {
+                    router.initialNavigation();
+                }
+            }
+            this.populateTypeMap(moduleInfo.moduleId, loaded.injector);
+            resolve(loaded.injector);
+        }));
+        return this.moduleMap.get(moduleInfo.moduleId);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: ComponentLoaderService, deps: [{ token: i0.ApplicationRef }, { token: i0.NgModuleRef }, { token: ROOT_ELEMENT }, { token: DYNAMIC_MODULE_INFO, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: ComponentLoaderService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: ComponentLoaderService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.NgModuleRef }, { type: HTMLElement, decorators: [{
+                    type: Inject,
+                    args: [ROOT_ELEMENT]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [DYNAMIC_MODULE_INFO]
+                }] }] });
+
 class TranslatedUrlSerializer extends DefaultUrlSerializer {
     constructor(language) {
         super();
@@ -6291,6 +6475,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                 args: [DynamicTableTemplateDirective]
             }] } });
 
+class FakeModuleComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: FakeModuleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: FakeModuleComponent, isStandalone: false, selector: "fake-module-component", ngImport: i0, template: "", isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: FakeModuleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: false,
+                    encapsulation: ViewEncapsulation.None,
+                    selector: "fake-module-component",
+                    template: "",
+                }]
+        }] });
+
 class UnorderedListComponent {
     constructor(cdr) {
         this.cdr = cdr;
@@ -6634,6 +6832,7 @@ const directives = [
 const components = [
     DropListComponent,
     DynamicTableComponent,
+    FakeModuleComponent,
     PaginationMenuComponent,
     UnorderedListComponent,
     UploadComponent
@@ -6662,6 +6861,7 @@ const providers = [
     StaticLanguageService,
     StorageService,
     BaseToasterService,
+    ComponentLoaderService,
     TranslatedUrlSerializer,
     UniversalService,
     WasmService,
@@ -6975,11 +7175,37 @@ class NgxUtilsModule {
     static provideUtils(config) {
         return makeEnvironmentProviders(NgxUtilsModule.getProviders(config));
     }
+    static useDynamic(moduleInfo) {
+        return {
+            ngModule: NgxUtilsModule,
+            providers: [
+                {
+                    provide: ROUTES,
+                    multi: true,
+                    useValue: [
+                        {
+                            loadChildren: moduleInfo.loadChildren,
+                            matcher: AuthGuard.noRouteMatch
+                        },
+                        {
+                            component: FakeModuleComponent,
+                            matcher: AuthGuard.wildRouteMatch
+                        }
+                    ]
+                },
+                {
+                    provide: DYNAMIC_MODULE_INFO,
+                    useValue: moduleInfo,
+                    multi: true
+                }
+            ]
+        };
+    }
     constructor() {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgxUtilsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: NgxUtilsModule, declarations: [ChunkPipe, EntriesPipe, ExtraItemPropertiesPipe, FilterPipe, FindPipe, FormatNumberPipe, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplatePipe, GroupByPipe, IsTypePipe, JoinPipe, KeysPipe, MapPipe, MaxPipe, MinPipe, PopPipe, ReducePipe, RemapPipe, ReplacePipe, ReversePipe, RoundPipe, SafeHtmlPipe, ShiftPipe, SplitPipe, TranslatePipe, ValuesPipe, AsyncMethodBase, AsyncMethodDirective, BackgroundDirective, DynamicTableTemplateDirective, GlobalTemplateDirective, IconDirective, NgxTemplateOutletDirective, PaginationDirective, PaginationItemDirective, ResourceIfDirective, StickyDirective, StickyClassDirective, DropdownDirective, DropdownToggleDirective, UnorderedListItemDirective, UnorderedListTemplateDirective, DropListComponent, DynamicTableComponent, PaginationMenuComponent, UnorderedListComponent, UploadComponent], imports: [CommonModule,
-            FormsModule], exports: [ChunkPipe, EntriesPipe, ExtraItemPropertiesPipe, FilterPipe, FindPipe, FormatNumberPipe, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplatePipe, GroupByPipe, IsTypePipe, JoinPipe, KeysPipe, MapPipe, MaxPipe, MinPipe, PopPipe, ReducePipe, RemapPipe, ReplacePipe, ReversePipe, RoundPipe, SafeHtmlPipe, ShiftPipe, SplitPipe, TranslatePipe, ValuesPipe, AsyncMethodBase, AsyncMethodDirective, BackgroundDirective, DynamicTableTemplateDirective, GlobalTemplateDirective, IconDirective, NgxTemplateOutletDirective, PaginationDirective, PaginationItemDirective, ResourceIfDirective, StickyDirective, StickyClassDirective, DropdownDirective, DropdownToggleDirective, UnorderedListItemDirective, UnorderedListTemplateDirective, DropListComponent, DynamicTableComponent, PaginationMenuComponent, UnorderedListComponent, UploadComponent, FormsModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: NgxUtilsModule, declarations: [ChunkPipe, EntriesPipe, ExtraItemPropertiesPipe, FilterPipe, FindPipe, FormatNumberPipe, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplatePipe, GroupByPipe, IsTypePipe, JoinPipe, KeysPipe, MapPipe, MaxPipe, MinPipe, PopPipe, ReducePipe, RemapPipe, ReplacePipe, ReversePipe, RoundPipe, SafeHtmlPipe, ShiftPipe, SplitPipe, TranslatePipe, ValuesPipe, AsyncMethodBase, AsyncMethodDirective, BackgroundDirective, DynamicTableTemplateDirective, GlobalTemplateDirective, IconDirective, NgxTemplateOutletDirective, PaginationDirective, PaginationItemDirective, ResourceIfDirective, StickyDirective, StickyClassDirective, DropdownDirective, DropdownToggleDirective, UnorderedListItemDirective, UnorderedListTemplateDirective, DropListComponent, DynamicTableComponent, FakeModuleComponent, PaginationMenuComponent, UnorderedListComponent, UploadComponent], imports: [CommonModule,
+            FormsModule], exports: [ChunkPipe, EntriesPipe, ExtraItemPropertiesPipe, FilterPipe, FindPipe, FormatNumberPipe, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplatePipe, GroupByPipe, IsTypePipe, JoinPipe, KeysPipe, MapPipe, MaxPipe, MinPipe, PopPipe, ReducePipe, RemapPipe, ReplacePipe, ReversePipe, RoundPipe, SafeHtmlPipe, ShiftPipe, SplitPipe, TranslatePipe, ValuesPipe, AsyncMethodBase, AsyncMethodDirective, BackgroundDirective, DynamicTableTemplateDirective, GlobalTemplateDirective, IconDirective, NgxTemplateOutletDirective, PaginationDirective, PaginationItemDirective, ResourceIfDirective, StickyDirective, StickyClassDirective, DropdownDirective, DropdownToggleDirective, UnorderedListItemDirective, UnorderedListTemplateDirective, DropListComponent, DynamicTableComponent, FakeModuleComponent, PaginationMenuComponent, UnorderedListComponent, UploadComponent, FormsModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgxUtilsModule, providers: pipes, imports: [CommonModule,
             FormsModule, FormsModule] }); }
 }
@@ -7009,5 +7235,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { API_SERVICE, APP_BASE_URL, AUTH_SERVICE, AclService, AjaxRequestHandler, ApiService, ArrayUtils, AsyncMethodBase, AsyncMethodDirective, AuthGuard, BASE_CONFIG, BackgroundDirective, BaseDialogService, BaseHttpClient, BaseHttpService, BaseToasterService, CONFIG_SERVICE, CanvasColor, CanvasUtils, ChunkPipe, Circle, ConfigService, DIALOG_SERVICE, DateUtils, DragDropEventPlugin, DropListComponent, DropdownDirective, DropdownToggleDirective, DynamicTableComponent, DynamicTableTemplateDirective, ERROR_HANDLER, EXPRESS_REQUEST, EntriesPipe, ErrorHandlerService, EventsService, ExtraItemPropertiesPipe, FactoryDependencies, FileSystemEntry, FileUtils, FilterPipe, FindPipe, FormatNumberPipe, FormatterService, GenericValue, GetOffsetPipe, GetTypePipe, GetValuePipe, 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, SocketClient, SocketService, SplitPipe, StateService, StaticAuthService, StaticLanguageService, StickyClassDirective, StickyDirective, StorageMode, StorageService, StringUtils, TOASTER_SERVICE, TimerUtils, TranslatePipe, TranslatedUrlSerializer, UniqueUtils, UniversalService, UnorderedListComponent, UnorderedListItemDirective, UnorderedListTemplateDirective, UploadComponent, ValuedPromise, ValuesPipe, Vector, WASI_IMPLEMENTATION, WasmService, cachedFactory, cancelablePromise, checkTransitions, impatientPromise, provideWithOptions };
+export { API_SERVICE, APP_BASE_URL, AUTH_SERVICE, AclService, AjaxRequestHandler, ApiService, ArrayUtils, AsyncMethodBase, AsyncMethodDirective, AuthGuard, BASE_CONFIG, BackgroundDirective, BaseDialogService, BaseHttpClient, BaseHttpService, BaseToasterService, CONFIG_SERVICE, CanvasColor, CanvasUtils, ChunkPipe, Circle, ComponentLoaderService, ConfigService, DIALOG_SERVICE, DateUtils, DragDropEventPlugin, DropListComponent, DropdownDirective, DropdownToggleDirective, DynamicTableComponent, DynamicTableTemplateDirective, ERROR_HANDLER, EXPRESS_REQUEST, EntriesPipe, ErrorHandlerService, EventsService, ExtraItemPropertiesPipe, FactoryDependencies, FakeModuleComponent, FileSystemEntry, FileUtils, FilterPipe, FindPipe, FormatNumberPipe, FormatterService, GenericValue, GetOffsetPipe, GetTypePipe, GetValuePipe, 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, SocketClient, SocketService, SplitPipe, StateService, StaticAuthService, StaticLanguageService, StickyClassDirective, StickyDirective, StorageMode, StorageService, StringUtils, TOASTER_SERVICE, TimerUtils, TranslatePipe, TranslatedUrlSerializer, UniqueUtils, UniversalService, UnorderedListComponent, UnorderedListItemDirective, UnorderedListTemplateDirective, UploadComponent, ValuedPromise, ValuesPipe, Vector, WASI_IMPLEMENTATION, WasmService, cachedFactory, cancelablePromise, checkTransitions, getComponentDef, impatientPromise, parseSelector, provideEntryComponents, provideWithOptions, selectorMatchesList };
 //# sourceMappingURL=stemy-ngx-utils.mjs.map