@dotglitch/ngx-common 1.0.18 → 1.0.20

package/fesm2015/dotglitch-ngx-common.mjs

@@ -1,22 +1,22 @@
 import { __awaiter } from 'tslib';
 import * as i0 from '@angular/core';
-import { TemplateRef, Component, Optional, Inject, Input, HostListener, Directive, EventEmitter, Output, Pipe, Injectable, isDevMode, InjectionToken, ViewContainerRef, ViewChild, NgModule } from '@angular/core';
+import { TemplateRef, Component, Optional, Inject, Input, HostListener, Directive, EventEmitter, Output, Pipe, Injectable, InjectionToken, isDevMode, ViewContainerRef, ViewChild, NgModule } from '@angular/core';
 import * as i1 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialog } from '@angular/material/dialog';
 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, BehaviorSubject, debounceTime } from 'rxjs';
+import { firstValueFrom, debounceTime, of, Subject, BehaviorSubject } from 'rxjs';
 import * as i4 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import * as i5 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import * as i2$1 from '@angular/cdk/portal';
 import { ComponentPortal, PortalModule } from '@angular/cdk/portal';
+import * as i2$2 from '@angular/cdk/dialog';
 import { retry } from 'rxjs/operators';
 import * as i1$2 from '@angular/common/http';
-import * as i2$2 from '@angular/cdk/dialog';
 
 /**
  * This utils file exists outside of the strict angular DI zone
@@ -615,7 +615,7 @@ class MenuComponent {
                 position: cords,
                 panelClass: ["ngx-menu", "ngx-app-menu"].concat(((_a = this.config) === null || _a === void 0 ? void 0 : _a.customClass) || []),
                 backdropClass: "ngx-menu-backdrop",
-                hasBackdrop: !hideBackdrop,
+                hasBackdrop: false,
                 data: {
                     data: this.data,
                     parentCords: (_d = (_c = (_b = this.viewContainer) === null || _b === void 0 ? void 0 : _b.element) === null || _c === void 0 ? void 0 : _c.nativeElement) === null || _d === void 0 ? void 0 : _d.getBoundingClientRect(),
@@ -1057,409 +1057,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     }] }];
     } });
 
-const { log: log$1, warn: warn$1, err: err$1 } = Logger("DialogService", "#607d8b");
-class DialogService {
-    constructor(dialog, lazyLoader) {
-        this.dialog = dialog;
-        this.lazyLoader = lazyLoader;
-        this.dialogs = [];
-    }
-    open(name, groupOrOptions, opts = {}) {
-        const group = typeof groupOrOptions == "string" ? groupOrOptions : 'default';
-        if (typeof groupOrOptions == 'object')
-            opts = groupOrOptions;
-        return new Promise((resolve, reject) => {
-            const registration = this.lazyLoader.resolveRegistrationEntry(name, group);
-            if (!registration)
-                return reject(new Error("Cannot open dialog for " + name + ". Could not find in registry."));
-            const args = Object.assign(Object.assign({ closeOnNavigation: true, restoreFocus: true, width: registration['width'], height: registration['height'] }, opts), { data: {
-                    id: name,
-                    inputs: opts.inputs || {},
-                    outputs: opts.outputs || {},
-                    group: group
-                }, panelClass: [
-                    "dialog-" + name,
-                    ...(Array.isArray(opts.panelClass) ? opts.panelClass : [opts.panelClass] || [])
-                ] });
-            // TODO:
-            let dialog = this.dialog.open(undefined, args);
-            dialog['idx'] = name;
-            this.dialogs.push(dialog);
-            dialog.afterClosed().subscribe(result => {
-                log$1("Dialog closed " + name, result);
-                resolve(result);
-            });
-        });
-    }
-    // Close all dialogs matching the given name
-    close(name) {
-        const dialogs = this.dialogs.filter(d => d['idx'] == name);
-        dialogs.forEach(dialog => dialog.close());
-    }
-    /**
-     * Method to close _all_ dialogs.
-     * Should be used sparingly.
-     */
-    clearDialog() {
-        this.dialogs.forEach(dialog => dialog.close());
-    }
-}
-DialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogService, deps: [{ token: i1.MatDialog }, { token: LazyLoaderService }], target: i0.ɵɵFactoryTarget.Injectable });
-DialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1.MatDialog }, { type: LazyLoaderService }]; } });
-
-// Total number of _retries_ if there is a 429 response code.
-const retryCount = 2;
-class Fetch {
-    constructor(http) {
-        this.http = http;
-    }
-    // Public interface for making AJAX transactions
-    get(url, options = {}, returnError = false) {
-        return this.request("get", url, options, returnError);
-    }
-    put(url, body, options = {}, returnError = false) {
-        options.body = (options.body && Object.keys(options.body).length > 0 ? options.body : body) || {};
-        return this.request("put", url, options, returnError);
-    }
-    post(url, body, options = {}, returnError = false) {
-        options.body = (options.body && Object.keys(options.body).length > 0 ? options.body : body) || {};
-        return this.request("post", url, options, returnError);
-    }
-    patch(url, body, options = {}, returnError = false) {
-        options.body = (options.body && Object.keys(options.body).length > 0 ? options.body : body) || {};
-        return this.request("patch", url, options, returnError);
-    }
-    delete(url, options = {}, returnError = false) {
-        return this.request("delete", url, options, returnError);
-    }
-    // Internally, handle the observable as a promise.
-    request(method, url, options = {}, returnError = false) {
-        options.reportProgress = true;
-        // Allow support for different response types.
-        // Generally we shouldn't need this to be anything other than JSON.
-        options.responseType = options.responseType || "json";
-        options.withCredentials = true;
-        const p = new Promise((resolve, reject) => {
-            const o = this.http.request(method, url, options)
-                .pipe(retry({
-                delay(error, retryCount) {
-                    // 429 and 502 are most common for overloaded
-                    // backends -- so we'll retry if we get these errors
-                    if (error.status == 429 || error.status == 502)
-                        return of({});
-                    if (error.status == 504 && isDevMode())
-                        alert("It looks like you can't reach your development backend anymore");
-                    throw error;
-                },
-                count: retryCount
-            }))
-                .subscribe(data => {
-                resolve(data);
-                // provide 3ms slacktime before releasing observable.
-                setTimeout(() => {
-                    o.unsubscribe();
-                }, 3);
-            });
-        });
-        return p;
-    }
-}
-Fetch.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: Fetch, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-Fetch.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: Fetch, providedIn: "root" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: Fetch, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: "root"
-                }]
-        }], ctorParameters: function () { return [{ type: i1$2.HttpClient }]; } });
-
-/**
- * Service that listens for global keyboard events
- */
-class KeyboardService {
-    constructor() {
-        this.heldKeys = {};
-        this.keyCommands = [];
-        window.addEventListener("keydown", (evt) => this.onKeyDown(evt));
-        window.addEventListener("keyup", (evt) => this.onKeyUp(evt));
-    }
-    onKeyDown(evt) {
-        // console.log("keydown", evt.key)
-        this.heldKeys[evt.key.toLowerCase()] = true;
-        // Do a general filter where all of the modifiers must be matched if specified
-        // Then check that the actual keys match what was specified
-        let commands = this.keyCommands
-            .filter(kc => {
-            var _a;
-            return (kc.ctrl == undefined || kc.ctrl === evt.ctrlKey) &&
-                (kc.alt == undefined || kc.alt === evt.altKey) &&
-                (kc.shift == undefined || kc.shift === evt.shiftKey) &&
-                (kc.super == undefined || kc.super === evt.metaKey) &&
-                kc.keys.length == ((_a = kc.keys.filter(k => this.heldKeys[k])) === null || _a === void 0 ? void 0 : _a.length);
-        });
-        if (evt.ctrlKey && commands.length > 0 || commands.find(c => c.interrupt)) {
-            evt.stopPropagation();
-            evt.preventDefault();
-        }
-        if (evt.key == "Pause")
-            debugger;
-        commands.forEach(kc => kc.sub.next(evt));
-        /**
-         * Prevent CTRL+P and other standard key events from being handled by the browser.
-         * Allow specific combonations:
-         * CTRL+W
-         * CTRL+T
-         * CTRL+F5
-         */
-        // if (evt.ctrlKey && !['w', 't', 'F5'].includes(evt.key)) {
-        //     evt.preventDefault();
-        // }
-    }
-    onKeyUp(evt) {
-        this.heldKeys[evt.key.toLowerCase()] = false;
-    }
-    onKeyPress(evt) {
-        // this.heldKeys[evt.key] = false;
-    }
+var ComponentResolveStrategy;
+(function (ComponentResolveStrategy) {
     /**
-     * Use this to subscribe to keyboard events throughout
-     * the application. This is a passive listener and will
-     * **NOT** interrupt the event chain.
+     * Match the fist component we find
+     * (best used for standalone components)
+     * @default
      */
-    onKeyCommand(key) {
-        const sub = new Subject();
-        let item = Object.assign(Object.assign({}, key), { keys: (Array.isArray(key.key) ? key.key : [key.key]), sub: sub });
-        this.keyCommands.push(item);
-        return Object.assign(Object.assign({}, sub), { subscribe: ((...args) => {
-                const s = sub.subscribe(...args);
-                return Object.assign(Object.assign({}, s), { unsubscribe: () => {
-                        s.unsubscribe();
-                        // Remove the keycommand from the list of listeners.
-                        const i = this.keyCommands.findIndex(c => c == item);
-                        this.keyCommands.splice(i, 1);
-                    } });
-            }) });
-    }
+    ComponentResolveStrategy[ComponentResolveStrategy["PickFirst"] = 0] = "PickFirst";
     /**
-     * Return `true` if shift is currently pressed.
+     * Perform an Exact ID to Classname of the Component
+     * case sensitive, zero tolerance.
      */
-    get isShiftPressed() {
-        return !!this.heldKeys["shift"];
-    }
+    ComponentResolveStrategy[ComponentResolveStrategy["MatchIdToClassName"] = 1] = "MatchIdToClassName";
     /**
-     * Return `true` if ctrl is currently pressed.
+     * Perform a fuzzy ID to classname match
+     * case insensitive, mutes symbols
+     * ignores "Component" and "Module" postfixes on class
+     * names
      */
-    get isCtrlPressed() {
-        return !!this.heldKeys["control"];
-    }
+    ComponentResolveStrategy[ComponentResolveStrategy["FuzzyIdClassName"] = 2] = "FuzzyIdClassName";
     /**
-     * Return `true` if alt is currently pressed.
+     * Use a user-provided component match function
      */
-    get isAltPressed() {
-        return !!this.heldKeys["alt"];
+    ComponentResolveStrategy[ComponentResolveStrategy["Custom"] = 3] = "Custom";
+})(ComponentResolveStrategy || (ComponentResolveStrategy = {}));
+
+// Monkey-patch the type of these symbols.
+const $id = Symbol("id");
+const $group = Symbol("group");
+const NGX_LAZY_LOADER_CONFIG = new InjectionToken('config');
+class LazyLoaderService {
+    get err() { return LazyLoaderService.config.logger.err; }
+    get log() { return LazyLoaderService.config.logger.log; }
+    get warn() { return LazyLoaderService.config.logger.warn; }
+    constructor(config = {}) {
+        // Ensure this is singleton and works regardless of special instancing requirements.
+        LazyLoaderService.configure(config);
     }
-    /**
-     * Return `true` if super (mac/linux) or the windows key is currently pressed.
-     */
-    get isSuperPressed() {
-        return !!this.heldKeys["super"];
-    }
-    /**
-     * Return `true` if tab is currently pressed.
-     */
-    get isTabPressed() {
-        return !!this.heldKeys["tab"];
-    }
-    clearKeys() {
-        Object.keys(this.heldKeys).forEach(k => {
-            this.heldKeys[k] = false;
-        });
-    }
-}
-KeyboardService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: KeyboardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-KeyboardService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: KeyboardService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: KeyboardService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { clearKeys: [{
-                type: HostListener,
-                args: ["window:blur"]
-            }, {
-                type: HostListener,
-                args: ["window:resize"]
-            }] } });
-
-/**
- * Service that listens for global keyboard events
- */
-class FileService {
-    constructor(fetch) {
-        this.fetch = fetch;
-        this.chooseFile = (accept, multiple = false, formMetadata = {}) => {
-            return new Promise(r => {
-                const inEl = document.createElement('input');
-                inEl.setAttribute('type', 'file');
-                if (multiple)
-                    inEl.setAttribute('multiple', '');
-                if (accept)
-                    inEl.setAttribute('accept', accept);
-                inEl.click();
-                let formData = new FormData();
-                inEl.addEventListener('change', () => {
-                    Object.keys(inEl.files).forEach(k => {
-                        const file = inEl.files[k];
-                        const name = file.name;
-                        formData.append(name, file);
-                    });
-                    formData.append("data", JSON.stringify(formMetadata));
-                    inEl.remove();
-                    r(formData);
-                });
-            });
-        };
-    }
-}
-FileService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FileService, deps: [{ token: Fetch }], target: i0.ɵɵFactoryTarget.Injectable });
-FileService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FileService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FileService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], 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 === null || query === void 0 ? void 0 : 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) {
-    /**
-     * Match the fist component we find
-     * (best used for standalone components)
-     * @default
-     */
-    ComponentResolveStrategy[ComponentResolveStrategy["PickFirst"] = 0] = "PickFirst";
-    /**
-     * Perform an Exact ID to Classname of the Component
-     * case sensitive, zero tolerance.
-     */
-    ComponentResolveStrategy[ComponentResolveStrategy["MatchIdToClassName"] = 1] = "MatchIdToClassName";
-    /**
-     * Perform a fuzzy ID to classname match
-     * case insensitive, mutes symbols
-     * ignores "Component" and "Module" postfixes on class
-     * names
-     */
-    ComponentResolveStrategy[ComponentResolveStrategy["FuzzyIdClassName"] = 2] = "FuzzyIdClassName";
-    /**
-     * Use a user-provided component match function
-     */
-    ComponentResolveStrategy[ComponentResolveStrategy["Custom"] = 3] = "Custom";
-})(ComponentResolveStrategy || (ComponentResolveStrategy = {}));
-
-// Monkey-patch the type of these symbols.
-const $id = Symbol("id");
-const $group = Symbol("group");
-const NGX_LAZY_LOADER_CONFIG = new InjectionToken('config');
-class LazyLoaderService {
-    get err() { return LazyLoaderService.config.logger.err; }
-    get log() { return LazyLoaderService.config.logger.log; }
-    get warn() { return LazyLoaderService.config.logger.warn; }
-    constructor(config = {}) {
-        // Ensure this is singleton and works regardless of special instancing requirements.
-        LazyLoaderService.configure(config);
-    }
-    static configure(config) {
-        var _a;
-        const { log, warn, err } = Logger("ngx-lazy-loader", "#009688");
-        this.config = Object.assign({ componentResolveStrategy: ComponentResolveStrategy.PickFirst, logger: {
-                log,
-                warn,
-                err
-            } }, config);
-        (_a = config.entries) === null || _a === void 0 ? void 0 : _a.forEach(e => this.addComponentToRegistry(e));
-        // If a custom resolution strategy is provided but no resolution function is passed,
-        // we throw an error
-        if (this.config.componentResolveStrategy == ComponentResolveStrategy.Custom &&
-            !this.config.customResolver) {
-            throw new Error("Cannot initialize. Configuration specifies a custom resolve matcher but none was provided");
-        }
-        if (this.config.loaderDistractorComponent && this.config.loaderDistractorTemplate)
-            throw new Error("Cannot have both a Component and Template for Distractor view.");
-        if (this.config.errorComponent && this.config.errorTemplate)
-            throw new Error("Cannot have both a Component and Template for Error view.");
-        if (this.config.notFoundComponent && this.config.notFoundTemplate)
-            throw new Error("Cannot have both a Component and Template for NotFound view.");
+    static configure(config) {
+        var _a;
+        const { log, warn, err } = Logger("ngx-lazy-loader", "#009688");
+        this.config = Object.assign({ componentResolveStrategy: ComponentResolveStrategy.PickFirst, logger: {
+                log,
+                warn,
+                err
+            } }, config);
+        (_a = config.entries) === null || _a === void 0 ? void 0 : _a.forEach(e => this.addComponentToRegistry(e));
+        // If a custom resolution strategy is provided but no resolution function is passed,
+        // we throw an error
+        if (this.config.componentResolveStrategy == ComponentResolveStrategy.Custom &&
+            !this.config.customResolver) {
+            throw new Error("Cannot initialize. Configuration specifies a custom resolve matcher but none was provided");
+        }
+        if (this.config.loaderDistractorComponent && this.config.loaderDistractorTemplate)
+            throw new Error("Cannot have both a Component and Template for Distractor view.");
+        if (this.config.errorComponent && this.config.errorTemplate)
+            throw new Error("Cannot have both a Component and Template for Error view.");
+        if (this.config.notFoundComponent && this.config.notFoundTemplate)
+            throw new Error("Cannot have both a Component and Template for NotFound view.");
     }
     static addComponentToRegistry(registration) {
         var _a;
@@ -1995,6 +1651,349 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 type: Output
             }] } });
 
+const { log: log$1, warn: warn$1, err: err$1 } = Logger("DialogService", "#607d8b");
+class DialogService {
+    constructor(dialog, lazyLoader) {
+        this.dialog = dialog;
+        this.lazyLoader = lazyLoader;
+        this.dialogs = [];
+    }
+    open(name, groupOrOptions, opts = {}) {
+        const group = typeof groupOrOptions == "string" ? groupOrOptions : 'default';
+        if (typeof groupOrOptions == 'object')
+            opts = groupOrOptions;
+        return new Promise((resolve, reject) => {
+            const registration = this.lazyLoader.resolveRegistrationEntry(name, group);
+            if (!registration)
+                return reject(new Error("Cannot open dialog for " + name + ". Could not find in registry."));
+            const args = Object.assign(Object.assign({ closeOnNavigation: true, restoreFocus: true, width: registration['width'], height: registration['height'] }, opts), { data: {
+                    id: name,
+                    inputs: opts.inputs || {},
+                    outputs: opts.outputs || {},
+                    group: group
+                }, panelClass: [
+                    "dialog-" + name,
+                    ...(Array.isArray(opts.panelClass) ? opts.panelClass : [opts.panelClass] || [])
+                ] });
+            let dialog = this.dialog.open(LazyLoaderComponent, args);
+            dialog['idx'] = name;
+            this.dialogs.push(dialog);
+            dialog.afterClosed().subscribe(result => {
+                log$1("Dialog closed " + name, result);
+                resolve(result);
+            });
+        });
+    }
+    // Close all dialogs matching the given name
+    close(name) {
+        const dialogs = this.dialogs.filter(d => d['idx'] == name);
+        dialogs.forEach(dialog => dialog.close());
+    }
+    /**
+     * Method to close _all_ dialogs.
+     * Should be used sparingly.
+     */
+    clearDialog() {
+        this.dialogs.forEach(dialog => dialog.close());
+    }
+}
+DialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogService, deps: [{ token: i1.MatDialog }, { token: LazyLoaderService }], target: i0.ɵɵFactoryTarget.Injectable });
+DialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialog }, { type: LazyLoaderService }]; } });
+
+// Total number of _retries_ if there is a 429 response code.
+const retryCount = 2;
+class Fetch {
+    constructor(http) {
+        this.http = http;
+    }
+    // Public interface for making AJAX transactions
+    get(url, options = {}, returnError = false) {
+        return this.request("get", url, options, returnError);
+    }
+    put(url, body, options = {}, returnError = false) {
+        options.body = (options.body && Object.keys(options.body).length > 0 ? options.body : body) || {};
+        return this.request("put", url, options, returnError);
+    }
+    post(url, body, options = {}, returnError = false) {
+        options.body = (options.body && Object.keys(options.body).length > 0 ? options.body : body) || {};
+        return this.request("post", url, options, returnError);
+    }
+    patch(url, body, options = {}, returnError = false) {
+        options.body = (options.body && Object.keys(options.body).length > 0 ? options.body : body) || {};
+        return this.request("patch", url, options, returnError);
+    }
+    delete(url, options = {}, returnError = false) {
+        return this.request("delete", url, options, returnError);
+    }
+    // Internally, handle the observable as a promise.
+    request(method, url, options = {}, returnError = false) {
+        options.reportProgress = true;
+        // Allow support for different response types.
+        // Generally we shouldn't need this to be anything other than JSON.
+        options.responseType = options.responseType || "json";
+        options.withCredentials = true;
+        const p = new Promise((resolve, reject) => {
+            const o = this.http.request(method, url, options)
+                .pipe(retry({
+                delay(error, retryCount) {
+                    // 429 and 502 are most common for overloaded
+                    // backends -- so we'll retry if we get these errors
+                    if (error.status == 429 || error.status == 502)
+                        return of({});
+                    if (error.status == 504 && isDevMode())
+                        alert("It looks like you can't reach your development backend anymore");
+                    throw error;
+                },
+                count: retryCount
+            }))
+                .subscribe(data => {
+                resolve(data);
+                // provide 3ms slacktime before releasing observable.
+                setTimeout(() => {
+                    o.unsubscribe();
+                }, 3);
+            });
+        });
+        return p;
+    }
+}
+Fetch.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: Fetch, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+Fetch.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: Fetch, providedIn: "root" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: Fetch, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root"
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.HttpClient }]; } });
+
+/**
+ * Service that listens for global keyboard events
+ */
+class KeyboardService {
+    constructor() {
+        this.heldKeys = {};
+        this.keyCommands = [];
+        window.addEventListener("keydown", (evt) => this.onKeyDown(evt));
+        window.addEventListener("keyup", (evt) => this.onKeyUp(evt));
+    }
+    onKeyDown(evt) {
+        // console.log("keydown", evt.key)
+        this.heldKeys[evt.key.toLowerCase()] = true;
+        // Do a general filter where all of the modifiers must be matched if specified
+        // Then check that the actual keys match what was specified
+        let commands = this.keyCommands
+            .filter(kc => {
+            var _a;
+            return (kc.ctrl == undefined || kc.ctrl === evt.ctrlKey) &&
+                (kc.alt == undefined || kc.alt === evt.altKey) &&
+                (kc.shift == undefined || kc.shift === evt.shiftKey) &&
+                (kc.super == undefined || kc.super === evt.metaKey) &&
+                kc.keys.length == ((_a = kc.keys.filter(k => this.heldKeys[k])) === null || _a === void 0 ? void 0 : _a.length);
+        });
+        if (evt.ctrlKey && commands.length > 0 || commands.find(c => c.interrupt)) {
+            evt.stopPropagation();
+            evt.preventDefault();
+        }
+        if (evt.key == "Pause")
+            debugger;
+        commands.forEach(kc => kc.sub.next(evt));
+        /**
+         * Prevent CTRL+P and other standard key events from being handled by the browser.
+         * Allow specific combonations:
+         * CTRL+W
+         * CTRL+T
+         * CTRL+F5
+         */
+        // if (evt.ctrlKey && !['w', 't', 'F5'].includes(evt.key)) {
+        //     evt.preventDefault();
+        // }
+    }
+    onKeyUp(evt) {
+        this.heldKeys[evt.key.toLowerCase()] = false;
+    }
+    onKeyPress(evt) {
+        // this.heldKeys[evt.key] = false;
+    }
+    /**
+     * Use this to subscribe to keyboard events throughout
+     * the application. This is a passive listener and will
+     * **NOT** interrupt the event chain.
+     */
+    onKeyCommand(key) {
+        const sub = new Subject();
+        let item = Object.assign(Object.assign({}, key), { keys: (Array.isArray(key.key) ? key.key : [key.key]), sub: sub });
+        this.keyCommands.push(item);
+        return Object.assign(Object.assign({}, sub), { subscribe: ((...args) => {
+                const s = sub.subscribe(...args);
+                return Object.assign(Object.assign({}, s), { unsubscribe: () => {
+                        s.unsubscribe();
+                        // Remove the keycommand from the list of listeners.
+                        const i = this.keyCommands.findIndex(c => c == item);
+                        this.keyCommands.splice(i, 1);
+                    } });
+            }) });
+    }
+    /**
+     * Return `true` if shift is currently pressed.
+     */
+    get isShiftPressed() {
+        return !!this.heldKeys["shift"];
+    }
+    /**
+     * Return `true` if ctrl is currently pressed.
+     */
+    get isCtrlPressed() {
+        return !!this.heldKeys["control"];
+    }
+    /**
+     * Return `true` if alt is currently pressed.
+     */
+    get isAltPressed() {
+        return !!this.heldKeys["alt"];
+    }
+    /**
+     * Return `true` if super (mac/linux) or the windows key is currently pressed.
+     */
+    get isSuperPressed() {
+        return !!this.heldKeys["super"];
+    }
+    /**
+     * Return `true` if tab is currently pressed.
+     */
+    get isTabPressed() {
+        return !!this.heldKeys["tab"];
+    }
+    clearKeys() {
+        Object.keys(this.heldKeys).forEach(k => {
+            this.heldKeys[k] = false;
+        });
+    }
+}
+KeyboardService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: KeyboardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+KeyboardService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: KeyboardService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: KeyboardService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { clearKeys: [{
+                type: HostListener,
+                args: ["window:blur"]
+            }, {
+                type: HostListener,
+                args: ["window:resize"]
+            }] } });
+
+/**
+ * Service that listens for global keyboard events
+ */
+class FileService {
+    constructor(fetch) {
+        this.fetch = fetch;
+        this.chooseFile = (accept, multiple = false, formMetadata = {}) => {
+            return new Promise(r => {
+                const inEl = document.createElement('input');
+                inEl.setAttribute('type', 'file');
+                if (multiple)
+                    inEl.setAttribute('multiple', '');
+                if (accept)
+                    inEl.setAttribute('accept', accept);
+                inEl.click();
+                let formData = new FormData();
+                inEl.addEventListener('change', () => {
+                    Object.keys(inEl.files).forEach(k => {
+                        const file = inEl.files[k];
+                        const name = file.name;
+                        formData.append(name, file);
+                    });
+                    formData.append("data", JSON.stringify(formMetadata));
+                    inEl.remove();
+                    r(formData);
+                });
+            });
+        };
+    }
+}
+FileService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FileService, deps: [{ token: Fetch }], target: i0.ɵɵFactoryTarget.Injectable });
+FileService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FileService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FileService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], 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 === null || query === void 0 ? void 0 : 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 }]; } });
+
 class LazyLoaderModule {
     static forRoot(config) {
         return ({