@dotglitch/ngx-common 1.0.17 → 1.0.18

package/fesm2020/dotglitch-ngx-common.mjs

@@ -6,7 +6,7 @@ import * as i2 from '@angular/common';
 import { CommonModule, NgTemplateOutlet, NgIf, NgForOf, DOCUMENT, NgComponentOutlet } from '@angular/common';
 import * as i1$1 from '@angular/platform-browser';
 import { createApplication } from '@angular/platform-browser';
-import { firstValueFrom, of, Subject, debounceTime } from 'rxjs';
+import { firstValueFrom, of, Subject, BehaviorSubject, debounceTime } from 'rxjs';
 import * as i4 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import * as i5 from '@angular/material/progress-spinner';
@@ -1028,7 +1028,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     args: [DOCUMENT]
                 }] }]; } });
 
-const { log, warn, err } = Logger("DialogService", "#607d8b");
+const { log: log$1, warn: warn$1, err: err$1 } = Logger("DialogService", "#607d8b");
 class DialogService {
     constructor(dialog, lazyLoader) {
         this.dialog = dialog;
@@ -1065,7 +1065,7 @@ class DialogService {
             dialog['idx'] = name;
             this.dialogs.push(dialog);
             dialog.afterClosed().subscribe(result => {
-                log("Dialog closed " + name, result);
+                log$1("Dialog closed " + name, result);
                 resolve(result);
             });
         });
@@ -1322,6 +1322,72 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: Fetch }]; } });
 
+class ThemeService extends BehaviorSubject {
+    constructor() {
+        super("dark");
+        this.subscribe(t => {
+            document.body.classList.remove("dark");
+            document.body.classList.remove("light");
+            document.body.classList.add(t);
+        });
+    }
+    setTheme(t) {
+        this.next(t);
+    }
+}
+ThemeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ThemeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ThemeService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ThemeService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+const { log, warn, err } = Logger("NavigationService", "#ff9800");
+class NavigationService {
+    constructor(lazyLoader) {
+        this.lazyLoader = lazyLoader;
+        this.virtualPath$ = new BehaviorSubject(null);
+        window.onhashchange = () => this.loadRootPageFromUrl();
+        this.loadRootPageFromUrl();
+    }
+    loadRootPageFromUrl() {
+        const hash = location.hash.split("?")[0];
+        // If the URL is imprecisely set, we restore it to the landing page
+        if (!this.lazyLoader.isComponentRegistered(hash))
+            return this.loadRootPage("#/Landing");
+        this.loadRootPage(location.hash);
+    }
+    loadRootPage(url, data = {}) {
+        const [path, query] = url.split('?');
+        const hash = path.replace(/^\/?#\/?/, '');
+        const chunks = hash.split('/');
+        // Get query params and pass them as @Input arguments.
+        const params = query?.split('&')
+            .reduce((pars, par) => {
+            const [key, value] = par.split("=");
+            const decoded = decodeURIComponent(value);
+            pars[key] = decoded;
+            return pars;
+        }, {}) || {};
+        log(`Root page navigate to '${hash}'`, { params, chunks });
+        this.virtualPath$.next({
+            root: chunks[0],
+            chunks: chunks,
+            args: params
+        });
+    }
+}
+NavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NavigationService, deps: [{ token: LazyLoaderService }], target: i0.ɵɵFactoryTarget.Injectable });
+NavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NavigationService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NavigationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: LazyLoaderService }]; } });
+
 var ComponentResolveStrategy;
 (function (ComponentResolveStrategy) {
     /**
@@ -2076,5 +2142,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ComponentResolveStrategy, DependencyService, DialogService, DynamicHTMLComponent, DynamicHTMLOptions, DynamicHTMLRenderer, Fetch, FileService, HtmlBypass, KeyboardService, LazyLoaderComponent, LazyLoaderModule, LazyLoaderService, MenuDirective, NGX_DYNAMIC_CONFIG, NGX_LAZY_LOADER_CONFIG, NgxDynamicHTMLModule, OnMount, ResourceBypass, ScriptBypass, StyleBypass, TooltipDirective, UrlBypass, openMenu, openTooltip };
+export { ComponentResolveStrategy, DependencyService, DialogService, DynamicHTMLComponent, DynamicHTMLOptions, DynamicHTMLRenderer, Fetch, FileService, HtmlBypass, KeyboardService, LazyLoaderComponent, LazyLoaderModule, LazyLoaderService, MenuDirective, NGX_DYNAMIC_CONFIG, NGX_LAZY_LOADER_CONFIG, NavigationService, NgxDynamicHTMLModule, OnMount, ResourceBypass, ScriptBypass, StyleBypass, ThemeService, TooltipDirective, UrlBypass, openMenu, openTooltip };
 //# sourceMappingURL=dotglitch-ngx-common.mjs.map