@kolektor/nucleus-material 0.0.12-pre.7919 → 0.1.0-pre.124

package/fesm2015/kolektor-nucleus-material.mjs

@@ -1,712 +0,0 @@
-import { __awaiter } from 'tslib';
-import * as i0 from '@angular/core';
-import { Component, Inject, Injectable, NgModule, Input, Directive, ViewEncapsulation } from '@angular/core';
-import * as i1 from '@angular/material/dialog';
-import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
-import * as i1$1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i3 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import { tap } from 'rxjs/operators';
-import * as i2 from '@angular/material/progress-spinner';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import * as i4 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i1$2 from '@angular/router';
-import { NavigationEnd } from '@angular/router';
-import * as Hammer from 'hammerjs';
-import * as i1$3 from '@angular/material/tabs';
-import * as i1$4 from '@angular/material/snack-bar';
-import { MAT_SNACK_BAR_DATA, MatSnackBarModule } from '@angular/material/snack-bar';
-
-class NucDialogComponent {
-    constructor(dialogRef, dialogData) {
-        this.dialogRef = dialogRef;
-        this.dialogData = dialogData;
-    }
-}
-NucDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-NucDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NucDialogComponent, selector: "nuc-dialog", ngImport: i0, template: "<ng-container *ngIf=\"dialogData\">\r\n  <h2 mat-dialog-title *ngIf=\"dialogData.title\">\r\n    {{dialogData.title}}\r\n  </h2>\r\n  <mat-dialog-content>{{dialogData.message}}</mat-dialog-content>\r\n  <mat-dialog-actions>\r\n    <ng-container *ngFor=\"let action of dialogData.actions\">\r\n      <button color=\"{{action.color || 'primary'}}\" *ngIf=\"action.value === undefined\" mat-button mat-dialog-close>{{action.text}}</button>\r\n      <button color=\"{{action.color || 'primary'}}\" *ngIf=\"action.value !== undefined\" mat-button [mat-dialog-close]=\"action.value\">{{action.text}}</button>\r\n    </ng-container>\r\n  </mat-dialog-actions>\r\n</ng-container>\r\n", styles: ["mat-dialog-actions{justify-content:flex-end}mat-dialog-content{white-space:pre-wrap}button{text-transform:uppercase;font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'nuc-dialog', template: "<ng-container *ngIf=\"dialogData\">\r\n  <h2 mat-dialog-title *ngIf=\"dialogData.title\">\r\n    {{dialogData.title}}\r\n  </h2>\r\n  <mat-dialog-content>{{dialogData.message}}</mat-dialog-content>\r\n  <mat-dialog-actions>\r\n    <ng-container *ngFor=\"let action of dialogData.actions\">\r\n      <button color=\"{{action.color || 'primary'}}\" *ngIf=\"action.value === undefined\" mat-button mat-dialog-close>{{action.text}}</button>\r\n      <button color=\"{{action.color || 'primary'}}\" *ngIf=\"action.value !== undefined\" mat-button [mat-dialog-close]=\"action.value\">{{action.text}}</button>\r\n    </ng-container>\r\n  </mat-dialog-actions>\r\n</ng-container>\r\n", styles: ["mat-dialog-actions{justify-content:flex-end}mat-dialog-content{white-space:pre-wrap}button{text-transform:uppercase;font-weight:700}\n"] }]
-        }], ctorParameters: function () {
-        return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
-                        type: Inject,
-                        args: [MAT_DIALOG_DATA]
-                    }] }];
-    } });
-
-class NucDialogService {
-    constructor(_matDialog) {
-        this._matDialog = _matDialog;
-    }
-    /**
-     * Opens a NucDialog with content from dialogData.
-     *
-     * @param dialogData NucDialogData containing title, message and possible actions.
-     * @param dialogConfig Extra configuration options. Data property is ignored, since it will be set to dialogData.
-     * @returns a promise with value that was specified inside pressed Nucleus action.
-     */
-    open(dialogData, dialogConfig) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (dialogData.actions && dialogData.actions.length > 0) {
-                if (dialogConfig) {
-                    dialogConfig.data = dialogData;
-                }
-                else {
-                    dialogConfig = { data: dialogData };
-                }
-                return yield this._matDialog.open(NucDialogComponent, dialogConfig).beforeClosed().toPromise();
-            }
-            else {
-                console.error('Nucleus.AppCore: NucDialogData requires at least one action.');
-            }
-        });
-    }
-}
-NucDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucDialogService, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
-NucDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucDialogService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucDialogService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1.MatDialog }]; } });
-
-class NucDialogModule {
-}
-NucDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NucDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NucDialogModule, declarations: [NucDialogComponent], imports: [CommonModule,
-        MatDialogModule,
-        MatButtonModule] });
-NucDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucDialogModule, imports: [CommonModule,
-        MatDialogModule,
-        MatButtonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucDialogModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        NucDialogComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        MatDialogModule,
-                        MatButtonModule
-                    ]
-                }]
-        }] });
-
-var NucColor;
-(function (NucColor) {
-    /** Primary color of the theme. */
-    NucColor["primary"] = "primary";
-    /** Accent color of the theme. */
-    NucColor["accent"] = "accent";
-    /** Warning color of the theme. */
-    NucColor["warn"] = "warn";
-})(NucColor || (NucColor = {}));
-
-var LoadingStatus;
-(function (LoadingStatus) {
-    LoadingStatus[LoadingStatus["completed"] = 0] = "completed";
-    LoadingStatus[LoadingStatus["inProgress"] = 1] = "inProgress";
-    LoadingStatus[LoadingStatus["failed"] = 2] = "failed";
-    LoadingStatus[LoadingStatus["undefined"] = 3] = "undefined";
-})(LoadingStatus || (LoadingStatus = {}));
-class LoadingState {
-    constructor() {
-        this._status = LoadingStatus.undefined;
-        this._initialMessage = null;
-        this._message = null;
-        this._errorDetails = null;
-        this._lastSubscription = null;
-    }
-    get status() {
-        return this._status;
-    }
-    get message() {
-        return this._message;
-    }
-    get errorDetails() {
-        return this._errorDetails;
-    }
-    load(observable, resultFunction, errorFunction, completeFunction) {
-        return this._load(true, null, observable, resultFunction, errorFunction, completeFunction);
-    }
-    loadWithMessage(observable, message, resultFunction, errorFunction, completeFunction) {
-        this._initialMessage = message;
-        return this._load(true, message, observable, resultFunction, errorFunction, completeFunction);
-    }
-    invoke(observable, resultFunction, errorFunction, completeFunction) {
-        return this._load(false, null, observable, resultFunction, errorFunction, completeFunction);
-    }
-    invokeWithMessage(observable, message, resultFunction, errorFunction, completeFunction) {
-        this._initialMessage = message;
-        return this._load(false, message, observable, resultFunction, errorFunction, completeFunction);
-    }
-    retry() {
-        if (this._lastSubscription) {
-            this._lastSubscription.unsubscribe();
-        }
-        this.setInProgress(this._initialMessage);
-        this._lastSubscription = this._loadObservable.subscribe({
-            next: this._resultFunction,
-            error: this._errorFunction,
-            complete: this._completeFunction
-        });
-        return this._lastSubscription;
-    }
-    setInProgress(message = null) {
-        this._status = LoadingStatus.inProgress;
-        this._message = message;
-    }
-    setCompleted() {
-        this._status = LoadingStatus.completed;
-    }
-    setFailed(message = null, error = null) {
-        this._status = LoadingStatus.failed;
-        this._message = message;
-        this._errorDetails = error;
-    }
-    _load(saveAsLoadObservable, progressMessage, observable, resultFunction, errorFunction, completeFunction) {
-        if (this._lastSubscription) {
-            this._lastSubscription.unsubscribe();
-        }
-        this.setInProgress(progressMessage);
-        const obs = observable.pipe(tap({
-            next: () => {
-                if (!saveAsLoadObservable && this.message) { // if message was used one time we clear it
-                    this._message = null;
-                }
-                this.setCompleted();
-            },
-            error: (err) => {
-                this.setFailed(null, LoadingState.getErrorDetails(err));
-            }
-        }));
-        if (saveAsLoadObservable) {
-            this._loadObservable = obs;
-            this._resultFunction = resultFunction;
-            this._errorFunction = errorFunction;
-            this._completeFunction = completeFunction;
-        }
-        this._lastSubscription = obs.subscribe({
-            next: resultFunction,
-            error: errorFunction,
-            complete: completeFunction
-        });
-        return this._lastSubscription;
-    }
-    static getErrorDetails(error) {
-        // this routine tries to get the best error details from:
-        // - standard rfc7807 http error: https://datatracker.ietf.org/doc/html/rfc7807
-        // - angular HttpError
-        // - JS Error object
-        const problem = error === null || error === void 0 ? void 0 : error.error;
-        if ((problem === null || problem === void 0 ? void 0 : problem.title) && (problem === null || problem === void 0 ? void 0 : problem.detail)) {
-            return `${problem.title}: ${problem.detail}`;
-        }
-        else {
-            return (problem === null || problem === void 0 ? void 0 : problem.title) || (problem === null || problem === void 0 ? void 0 : problem.detail) || error.message || error;
-        }
-    }
-}
-
-class NucLoadedContentComponent {
-    constructor() {
-        this._errorDetailsVisible = false;
-        this.errorMessage = 'We are having trouble loading the data.';
-        this.showRetry = true;
-    }
-    get message() {
-        if (this.state.message != null) {
-            return this.state.message;
-        }
-        else {
-            if (this.state.status === LoadingStatus.failed) {
-                return this.errorMessage;
-            }
-            else if (this.state.status === LoadingStatus.inProgress) {
-                return this.inProgressMessage;
-            }
-        }
-        return null;
-    }
-    get showRetryButton() {
-        return this.showRetry;
-    }
-    get inProgress() {
-        const inProgress = this.state.status === LoadingStatus.inProgress;
-        if (inProgress) {
-            this._errorDetailsVisible = false;
-        }
-        return inProgress;
-    }
-    get failed() {
-        return this.state.status === LoadingStatus.failed;
-    }
-    get completed() {
-        return this.state.status === LoadingStatus.completed;
-    }
-    get errorDetailsVisible() {
-        return this._errorDetailsVisible;
-    }
-    showErrorDetails() {
-        this._errorDetailsVisible = true;
-    }
-}
-NucLoadedContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucLoadedContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NucLoadedContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NucLoadedContentComponent, selector: "nuc-loaded-content-component", inputs: { completedTemplate: "completedTemplate", errorTemplate: "errorTemplate", inProgressTemplate: "inProgressTemplate", state: "state", inProgressMessage: "inProgressMessage", errorMessage: "errorMessage", showRetry: "showRetry" }, ngImport: i0, template: "<ng-container *ngIf=\"completed\">\r\n  <ng-container *ngTemplateOutlet=\"completedTemplate\"></ng-container>\r\n</ng-container>\r\n\r\n<div class=\"indicators-container\" *ngIf=\"inProgress || failed\">\r\n  <ng-container *ngIf=\"inProgress\">\r\n    <ng-container *ngTemplateOutlet=\"inProgressTemplate ? inProgressTemplate: defaultInProgressTemplate\"></ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"failed\">\r\n    <ng-container *ngTemplateOutlet=\"errorTemplate ? errorTemplate: defaultErrorTemplate\"></ng-container>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #defaultInProgressTemplate>\r\n  <div class=\"spinner\">\r\n    <mat-spinner [diameter]=\"45\"></mat-spinner>\r\n  </div>\r\n  <p>\r\n    {{message}}\r\n  </p>\r\n</ng-template>\r\n\r\n<ng-template #defaultErrorTemplate>\r\n  <div>\r\n    <p class=\"message\">\r\n      <span>{{message}}</span>\r\n      <mat-icon *ngIf=\"state.errorDetails && !errorDetailsVisible\" class=\"info-button\" color=\"warn\" (click)=\"showErrorDetails()\">info</mat-icon>\r\n    </p>\r\n\r\n    <p *ngIf=\"errorDetailsVisible\" class=\"error-details mat-small\">\r\n      {{state.errorDetails}}\r\n    </p>\r\n\r\n    <p *ngIf=\"showRetryButton\">\r\n      <button mat-mini-fab color=\"primary\" (click)=\"state.retry()\">\r\n        <mat-icon>refresh</mat-icon>\r\n      </button>\r\n    </p>\r\n  </div>\r\n</ng-template>\r\n", styles: [".indicators-container{text-align:center;margin:0 auto;padding-top:4rem}.error-details{margin-top:1rem}.spinner{display:flex;justify-content:center;align-items:center;margin-bottom:.5rem}.message{display:flex;justify-content:center;align-items:center}.info-button{cursor:pointer;margin-left:.5rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i3.MatMiniFabButton, selector: "button[mat-mini-fab]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucLoadedContentComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'nuc-loaded-content-component', template: "<ng-container *ngIf=\"completed\">\r\n  <ng-container *ngTemplateOutlet=\"completedTemplate\"></ng-container>\r\n</ng-container>\r\n\r\n<div class=\"indicators-container\" *ngIf=\"inProgress || failed\">\r\n  <ng-container *ngIf=\"inProgress\">\r\n    <ng-container *ngTemplateOutlet=\"inProgressTemplate ? inProgressTemplate: defaultInProgressTemplate\"></ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"failed\">\r\n    <ng-container *ngTemplateOutlet=\"errorTemplate ? errorTemplate: defaultErrorTemplate\"></ng-container>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #defaultInProgressTemplate>\r\n  <div class=\"spinner\">\r\n    <mat-spinner [diameter]=\"45\"></mat-spinner>\r\n  </div>\r\n  <p>\r\n    {{message}}\r\n  </p>\r\n</ng-template>\r\n\r\n<ng-template #defaultErrorTemplate>\r\n  <div>\r\n    <p class=\"message\">\r\n      <span>{{message}}</span>\r\n      <mat-icon *ngIf=\"state.errorDetails && !errorDetailsVisible\" class=\"info-button\" color=\"warn\" (click)=\"showErrorDetails()\">info</mat-icon>\r\n    </p>\r\n\r\n    <p *ngIf=\"errorDetailsVisible\" class=\"error-details mat-small\">\r\n      {{state.errorDetails}}\r\n    </p>\r\n\r\n    <p *ngIf=\"showRetryButton\">\r\n      <button mat-mini-fab color=\"primary\" (click)=\"state.retry()\">\r\n        <mat-icon>refresh</mat-icon>\r\n      </button>\r\n    </p>\r\n  </div>\r\n</ng-template>\r\n", styles: [".indicators-container{text-align:center;margin:0 auto;padding-top:4rem}.error-details{margin-top:1rem}.spinner{display:flex;justify-content:center;align-items:center;margin-bottom:.5rem}.message{display:flex;justify-content:center;align-items:center}.info-button{cursor:pointer;margin-left:.5rem}\n"] }]
-        }], propDecorators: { completedTemplate: [{
-                type: Input
-            }], errorTemplate: [{
-                type: Input
-            }], inProgressTemplate: [{
-                type: Input
-            }], state: [{
-                type: Input
-            }], inProgressMessage: [{
-                type: Input
-            }], errorMessage: [{
-                type: Input
-            }], showRetry: [{
-                type: Input
-            }] } });
-
-// eslint-disable-next-line @angular-eslint/directive-selector
-class NucLoadedContentDirective {
-    constructor(_viewContainer, templateRef, _componentResolver) {
-        this._viewContainer = _viewContainer;
-        this.templateRef = templateRef;
-        this._componentResolver = _componentResolver;
-        this._completedTemplateRef = null;
-        this._errorTemplateRef = null;
-        this._inProgressTemplateRef = null;
-        this._component = null;
-        this._completedTemplateRef = templateRef;
-    }
-    set nucLoadedContent(state) {
-        // add some error handling if state is null, etc.
-        this._state = state;
-        this._updateView();
-    }
-    // eslint-disable-next-line @angular-eslint/no-input-rename
-    set errorTemplate(templateRef) {
-        this._errorTemplateRef = templateRef;
-        this._updateView();
-    }
-    // eslint-disable-next-line @angular-eslint/no-input-rename
-    set inProgressTemplate(templateRef) {
-        this._inProgressTemplateRef = templateRef;
-        this._updateView();
-    }
-    set inProgressMessage(inProgressMessage) {
-        this._component.instance.inProgressMessage = inProgressMessage;
-    }
-    set errorMessage(errorMessage) {
-        this._component.instance.errorMessage = errorMessage;
-    }
-    set showRetry(showRetry) {
-        this._component.instance.showRetry = showRetry;
-    }
-    _updateView() {
-        if (this._component == null) {
-            const fac = this._componentResolver.resolveComponentFactory(NucLoadedContentComponent);
-            this._component = this._viewContainer.createComponent(fac);
-        }
-        this._component.instance.state = this._state;
-        this._component.instance.completedTemplate = this._completedTemplateRef;
-        if (this._inProgressTemplateRef) {
-            this._component.instance.inProgressTemplate = this._inProgressTemplateRef;
-        }
-        if (this._errorTemplateRef) {
-            this._component.instance.errorTemplate = this._errorTemplateRef;
-        }
-    }
-}
-NucLoadedContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucLoadedContentDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive });
-NucLoadedContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: NucLoadedContentDirective, selector: "[nucLoadedContent]", inputs: { nucLoadedContent: "nucLoadedContent", errorTemplate: ["nucLoadedContentError", "errorTemplate"], inProgressTemplate: ["nucLoadedContentInProgress", "inProgressTemplate"], inProgressMessage: ["nucLoadedContentInProgressMessage", "inProgressMessage"], errorMessage: ["nucLoadedContentErrorMessage", "errorMessage"], showRetry: ["nucLoadedContentShowRetry", "showRetry"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucLoadedContentDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: '[nucLoadedContent]' }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }, { type: i0.ComponentFactoryResolver }]; }, propDecorators: { nucLoadedContent: [{
-                type: Input
-            }], errorTemplate: [{
-                type: Input,
-                args: ['nucLoadedContentError']
-            }], inProgressTemplate: [{
-                type: Input,
-                args: ['nucLoadedContentInProgress']
-            }], inProgressMessage: [{
-                type: Input,
-                args: ['nucLoadedContentInProgressMessage']
-            }], errorMessage: [{
-                type: Input,
-                args: ['nucLoadedContentErrorMessage']
-            }], showRetry: [{
-                type: Input,
-                args: ['nucLoadedContentShowRetry']
-            }] } });
-
-class NucLoadedContentModule {
-}
-NucLoadedContentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucLoadedContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NucLoadedContentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NucLoadedContentModule, declarations: [NucLoadedContentDirective,
-        NucLoadedContentComponent], imports: [CommonModule,
-        MatProgressSpinnerModule,
-        MatButtonModule,
-        MatIconModule], exports: [NucLoadedContentDirective] });
-NucLoadedContentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucLoadedContentModule, imports: [CommonModule,
-        MatProgressSpinnerModule,
-        MatButtonModule,
-        MatIconModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucLoadedContentModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        NucLoadedContentDirective,
-                        NucLoadedContentComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        MatProgressSpinnerModule,
-                        MatButtonModule,
-                        MatIconModule
-                    ],
-                    exports: [
-                        NucLoadedContentDirective
-                    ]
-                }]
-        }] });
-
-/// <reference path="../../../../../node_modules/@types/winrt-uwp/index.d.ts" />
-/* eslint-disable no-undef */
-/// <reference path="../../../../../node_modules/@types/winrt-uwp/index.d.ts" />
-class NativeStylingService {
-    constructor(router) {
-        this.router = router;
-    }
-    styleWindowsTitleBar(style) {
-        if (window.Windows) {
-            const accentColor = this.convertColor(style.backgroundColor);
-            const hoverColor = style.hoverBackgroundColor ? this.convertColor(style.hoverBackgroundColor) : this.makeDarker(accentColor);
-            const foregroundColor = style.foreground === 'light' ? Windows.UI.Colors.white : Windows.UI.Colors.black;
-            const titleColor = style.hideTitle ? accentColor : foregroundColor;
-            const appView = Windows.UI.ViewManagement.ApplicationView.getForCurrentView();
-            const titleBar = appView.titleBar;
-            titleBar.foregroundColor = titleColor;
-            titleBar.inactiveForegroundColor = titleColor;
-            titleBar.buttonHoverBackgroundColor = hoverColor;
-            titleBar.buttonBackgroundColor = accentColor;
-            titleBar.buttonInactiveBackgroundColor = accentColor;
-            titleBar.buttonHoverForegroundColor = foregroundColor;
-            titleBar.buttonForegroundColor = foregroundColor;
-            titleBar.buttonInactiveForegroundColor = foregroundColor;
-            titleBar.backgroundColor = accentColor;
-            titleBar.inactiveBackgroundColor = accentColor;
-            if (style.hideBackButton) {
-                this.hideBackButton();
-                const subscription = this.router.events.subscribe((event) => {
-                    if (event instanceof NavigationEnd && event.id > 1) {
-                        this.hideBackButton();
-                        subscription.unsubscribe();
-                    }
-                });
-            }
-        }
-    }
-    hideBackButton() {
-        const systemNavigation = Windows.UI.Core.SystemNavigationManager.getForCurrentView();
-        systemNavigation.appViewBackButtonVisibility = Windows.UI.Core.AppViewBackButtonVisibility.collapsed;
-    }
-    convertColor(colorStr) {
-        const regEx = new RegExp('^#([A-Fa-f0-9]{6})$');
-        if (!regEx.test(colorStr)) {
-            throw new Error('Color is not in the right format. Should be #RRGGBB.');
-        }
-        const r = parseInt(colorStr.substr(1, 2), 16);
-        const g = parseInt(colorStr.substr(3, 2), 16);
-        const b = parseInt(colorStr.substr(5, 2), 16);
-        return Windows.UI.ColorHelper.fromArgb(255, r, g, b);
-    }
-    makeDarker(color, factor = 0.80) {
-        return Windows.UI.ColorHelper.fromArgb(color.a, color.r * factor, color.g * factor, color.b * factor);
-    }
-}
-NativeStylingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NativeStylingService, deps: [{ token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-NativeStylingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NativeStylingService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NativeStylingService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1$2.Router }]; } });
-
-class WindowsTitleBarSyle {
-    constructor() {
-        this.hoverBackgroundColor = null;
-        this.foreground = 'dark';
-        this.hideTitle = false;
-        this.hideBackButton = false;
-    }
-}
-
-// eslint-disable-next-line @angular-eslint/directive-selector
-class NucSwipeTabsDirective {
-    constructor(element, tabGroup) {
-        this.element = element;
-        this.tabGroup = tabGroup;
-    }
-    ngOnInit() {
-        const hammerJs = new Hammer.Manager(this.element.nativeElement, {
-            inputClass: Hammer.TouchInput
-        });
-        hammerJs.add(new Hammer.Pan({
-            direction: Hammer.DIRECTION_HORIZONTAL,
-            threshold: 30
-        }));
-        hammerJs.on('panleft panright', (event) => {
-            var _a;
-            if (event.isFinal) {
-                const tabs = this.tabGroup._tabs.map(x => x.disabled);
-                const currentIndex = (_a = this.tabGroup.selectedIndex) !== null && _a !== void 0 ? _a : 0;
-                let nextIndex = currentIndex;
-                if (event.type === 'panright' && event.direction === 4 && currentIndex > 0) {
-                    // if user pans right, go to the left
-                    for (let i = currentIndex - 1; i >= 0; i--) {
-                        if (!tabs[i]) {
-                            nextIndex = i;
-                            break;
-                        }
-                    }
-                }
-                else if (event.type === 'panleft' && event.direction === 2 && currentIndex < (this.tabGroup._tabs.length - 1)) {
-                    // if user pans left, go to the right
-                    for (let i = currentIndex + 1; i < tabs.length; i++) {
-                        if (!tabs[i]) {
-                            nextIndex = i;
-                            break;
-                        }
-                    }
-                }
-                this.tabGroup.selectedIndex = nextIndex;
-            }
-        });
-    }
-}
-NucSwipeTabsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucSwipeTabsDirective, deps: [{ token: i0.ElementRef }, { token: i1$3.MatTabGroup }], target: i0.ɵɵFactoryTarget.Directive });
-NucSwipeTabsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: NucSwipeTabsDirective, selector: "[nucSwipe]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucSwipeTabsDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: '[nucSwipe]' }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$3.MatTabGroup }]; } });
-
-class NucSwipeTabsModule {
-}
-NucSwipeTabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucSwipeTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NucSwipeTabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NucSwipeTabsModule, declarations: [NucSwipeTabsDirective], imports: [CommonModule], exports: [NucSwipeTabsDirective] });
-NucSwipeTabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucSwipeTabsModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucSwipeTabsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        NucSwipeTabsDirective
-                    ],
-                    imports: [
-                        CommonModule
-                    ],
-                    exports: [
-                        NucSwipeTabsDirective
-                    ]
-                }]
-        }] });
-
-var NucSnackbarType;
-(function (NucSnackbarType) {
-    NucSnackbarType["Info"] = "info";
-    NucSnackbarType["Warning"] = "warning";
-    NucSnackbarType["Danger"] = "danger";
-    NucSnackbarType["Success"] = "success";
-    NucSnackbarType["Progress"] = "progress";
-})(NucSnackbarType || (NucSnackbarType = {}));
-
-class ProgressSnackbarComponent {
-    constructor(data, elem) {
-        this.data = data;
-        this.elem = elem;
-    }
-    ngAfterViewInit() {
-        const element = this.elem.nativeElement;
-        const circle = element.querySelector('circle');
-        const message = element.querySelector('.message');
-        const color = window.getComputedStyle(message).color;
-        circle.style.stroke = color;
-    }
-}
-ProgressSnackbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProgressSnackbarComponent, deps: [{ token: MAT_SNACK_BAR_DATA }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-ProgressSnackbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ProgressSnackbarComponent, selector: "lib-progress-snackbar", host: { classAttribute: "mat-simple-snackbar" }, ngImport: i0, template: "<div class=\"mat-simple-snack-bar-content message\">\r\n  <mat-spinner style=\"vertical-align: middle; display: inline-flex; margin-right: 8px;\" diameter=\"16\" strokeWidth=\"1.5\" mode=\"indeterminate\" class=\"spinner\" color=\"red\"></mat-spinner>\r\n  {{data.message}}\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProgressSnackbarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-progress-snackbar', encapsulation: ViewEncapsulation.None, host: {
-                        class: 'mat-simple-snackbar',
-                    }, template: "<div class=\"mat-simple-snack-bar-content message\">\r\n  <mat-spinner style=\"vertical-align: middle; display: inline-flex; margin-right: 8px;\" diameter=\"16\" strokeWidth=\"1.5\" mode=\"indeterminate\" class=\"spinner\" color=\"red\"></mat-spinner>\r\n  {{data.message}}\r\n</div>\r\n" }]
-        }], ctorParameters: function () {
-        return [{ type: undefined, decorators: [{
-                        type: Inject,
-                        args: [MAT_SNACK_BAR_DATA]
-                    }] }, { type: i0.ElementRef }];
-    } });
-
-class NucSnackbarService {
-    constructor(matSnackBar, zone) {
-        this.matSnackBar = matSnackBar;
-        this.zone = zone;
-    }
-    openSnackbar(type, message, action, duration) {
-        let snackbarRef;
-        this.zone.run(() => {
-            const panelClass = `${type}-snackbar`;
-            if (type === NucSnackbarType.Progress) {
-                snackbarRef = this.matSnackBar.openFromComponent(ProgressSnackbarComponent, {
-                    duration,
-                    panelClass,
-                    data: {
-                        message
-                    }
-                });
-            }
-            else {
-                snackbarRef = this.matSnackBar.open(message, action, {
-                    duration,
-                    panelClass
-                });
-            }
-        });
-        return snackbarRef;
-    }
-    openSnackbarWithConfig(message, action, config) {
-        let snackbarRef;
-        this.zone.run(() => {
-            snackbarRef = this.matSnackBar.open(message, action, config);
-        });
-        return snackbarRef;
-    }
-}
-NucSnackbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucSnackbarService, deps: [{ token: i1$4.MatSnackBar }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-NucSnackbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucSnackbarService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucSnackbarService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1$4.MatSnackBar }, { type: i0.NgZone }]; } });
-
-class NucSnackbarModule {
-}
-NucSnackbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucSnackbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NucSnackbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NucSnackbarModule, declarations: [ProgressSnackbarComponent], imports: [CommonModule,
-        MatSnackBarModule,
-        MatProgressSpinnerModule] });
-NucSnackbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucSnackbarModule, imports: [CommonModule,
-        MatSnackBarModule,
-        MatProgressSpinnerModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucSnackbarModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        ProgressSnackbarComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        MatSnackBarModule,
-                        MatProgressSpinnerModule
-                    ],
-                    entryComponents: [
-                        ProgressSnackbarComponent
-                    ],
-                    exports: []
-                }]
-        }] });
-
-class NucUserAvatarComponent {
-    constructor() {
-        this.size = 'medium';
-        this.background = false;
-    }
-    getUserInitials() {
-        const nameParts = this.name.split(' ');
-        return nameParts[0].charAt(0).toUpperCase() + '' + nameParts[nameParts.length - 1].charAt(0).toUpperCase();
-    }
-    getHslString() {
-        if (!this.background) {
-            return `hsl(${0},${0}%,${100}%)`;
-        }
-        let hash = 0;
-        for (let i = 0; i < this.name.length; i++) {
-            /*
-             * Javascript uses double precision floating-point format for all numerical datatypes.
-             * Except when using bitwise operations, where operators are converted to 32-bit signed integers.
-             * Result of bitwise operations are then converted back to double precision floating-point format.
-             *
-             * We make a bitwise OR operation between the new hash and 0.
-             * This keeps only the lower 32 bits in the new hash value.
-             */
-            // eslint-disable-next-line no-bitwise
-            hash = (this.name.charCodeAt(i) + ((hash << 15) - hash)) | 0;
-        }
-        const hue = Math.abs(hash % 360);
-        const lightness = 49.2;
-        const saturation = 42.6;
-        return `hsl(${hue},${saturation}%,${lightness}%)`;
-    }
-}
-NucUserAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucUserAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NucUserAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NucUserAvatarComponent, selector: "nuc-user-avatar", inputs: { name: "name", image: "image", size: "size", background: "background" }, ngImport: i0, template: "<ng-container *ngIf=\"image\">\r\n  <div class=\"user-avatar size-{{size}}\">\r\n    <img src=\"{{image}}\"  />\r\n  </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"!image\">\r\n  <div class=\"user-avatar size-{{size}} unselectable\" [style.background-color]=\"getHslString()\" [ngClass]=\"{'white-text': background, 'black-text border': !background}\">\r\n    {{getUserInitials()}}\r\n  </div>\r\n</ng-container>\r\n", styles: [".user-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative;text-align:center;font-weight:400}.user-avatar img{object-fit:contain;width:inherit;height:inherit;border-radius:50%}.white-text{color:#fff}.black-text{color:#333}.unselectable{-webkit-user-select:none;user-select:none}.border{border:2px solid #333333}.user-avatar.size-small{height:24px;width:24px;font-size:.8em;line-height:24px}.user-avatar.size-medium{height:40px;width:40px;font-size:1.2em;line-height:40px}.user-avatar.size-large{height:64px;width:64px;font-size:2em;line-height:64px}.user-avatar.size-xlarge{height:90px;width:90px;font-size:3em;line-height:90px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucUserAvatarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'nuc-user-avatar', template: "<ng-container *ngIf=\"image\">\r\n  <div class=\"user-avatar size-{{size}}\">\r\n    <img src=\"{{image}}\"  />\r\n  </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"!image\">\r\n  <div class=\"user-avatar size-{{size}} unselectable\" [style.background-color]=\"getHslString()\" [ngClass]=\"{'white-text': background, 'black-text border': !background}\">\r\n    {{getUserInitials()}}\r\n  </div>\r\n</ng-container>\r\n", styles: [".user-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative;text-align:center;font-weight:400}.user-avatar img{object-fit:contain;width:inherit;height:inherit;border-radius:50%}.white-text{color:#fff}.black-text{color:#333}.unselectable{-webkit-user-select:none;user-select:none}.border{border:2px solid #333333}.user-avatar.size-small{height:24px;width:24px;font-size:.8em;line-height:24px}.user-avatar.size-medium{height:40px;width:40px;font-size:1.2em;line-height:40px}.user-avatar.size-large{height:64px;width:64px;font-size:2em;line-height:64px}.user-avatar.size-xlarge{height:90px;width:90px;font-size:3em;line-height:90px}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { name: [{
-                type: Input
-            }], image: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], background: [{
-                type: Input
-            }] } });
-
-class NucUserAvatarModule {
-}
-NucUserAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucUserAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NucUserAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NucUserAvatarModule, declarations: [NucUserAvatarComponent], imports: [CommonModule], exports: [NucUserAvatarComponent] });
-NucUserAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucUserAvatarModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NucUserAvatarModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        NucUserAvatarComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                    ],
-                    exports: [
-                        NucUserAvatarComponent
-                    ]
-                }]
-        }] });
-
-/*
- * Public API Surface of nucleus-material
- */
-// dialog
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { LoadingState, LoadingStatus, NativeStylingService, NucColor, NucDialogModule, NucDialogService, NucLoadedContentComponent, NucLoadedContentDirective, NucLoadedContentModule, NucSnackbarModule, NucSnackbarService, NucSnackbarType, NucSwipeTabsDirective, NucSwipeTabsModule, NucUserAvatarComponent, NucUserAvatarModule, WindowsTitleBarSyle };
-//# sourceMappingURL=kolektor-nucleus-material.mjs.map