@kolektor/nucleus-material 0.0.8-pre.5676 → 0.0.9-pre.5874

package/fesm2020/kolektor-nucleus-material.mjs

@@ -0,0 +1,663 @@
+import * as i0 from '@angular/core';
+import { Component, Inject, Injectable, NgModule, Input, Directive } from '@angular/core';
+import * as i1 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import * as i2 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { tap } from 'rxjs/operators';
+import * as i1$1 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import * as i2$1 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i1$2 from '@angular/router';
+import { NavigationEnd } from '@angular/router';
+import * as i1$3 from '@angular/material/tabs';
+import * as Hammer from 'hammerjs';
+import * as i1$4 from '@angular/material/snack-bar';
+import { 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: "13.0.2", ngImport: i0, type: NucDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+NucDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", 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"], components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", 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.
+     */
+    async open(dialogData, dialogConfig) {
+        if (dialogData.actions && dialogData.actions.length > 0) {
+            if (dialogConfig) {
+                dialogConfig.data = dialogData;
+            }
+            else {
+                dialogConfig = { data: dialogData };
+            }
+            return await 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: "13.0.2", ngImport: i0, type: NucDialogService, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
+NucDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NucDialogService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", 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: "13.0.2", ngImport: i0, type: NucDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NucDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NucDialogModule, declarations: [NucDialogComponent], imports: [CommonModule,
+        MatDialogModule,
+        MatButtonModule] });
+NucDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NucDialogModule, imports: [[
+            CommonModule,
+            MatDialogModule,
+            MatButtonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NucDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        NucDialogComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        MatDialogModule,
+                        MatButtonModule
+                    ],
+                    entryComponents: [
+                        NucDialogComponent
+                    ]
+                }]
+        }] });
+
+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._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) {
+        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) {
+        return this._load(false, message, observable, resultFunction, errorFunction, completeFunction);
+    }
+    retry() {
+        if (this._lastSubscription) {
+            this._lastSubscription.unsubscribe();
+        }
+        this.setInProgress();
+        this._lastSubscription = this._loadObservable.subscribe(this._resultFunction, this._errorFunction, 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(() => {
+            if (!saveAsLoadObservable && this.message) { // if message was used one time we clear it
+                this._message = null;
+            }
+            this.setCompleted();
+        }, (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(resultFunction, errorFunction, 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?.error;
+        if (problem?.title && problem?.detail) {
+            return `${problem.title}: ${problem.detail}`;
+        }
+        else {
+            return problem?.title || 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: "13.0.2", ngImport: i0, type: NucLoadedContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NucLoadedContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", 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"], components: [{ type: i1$1.MatSpinner, selector: "mat-spinner", inputs: ["color"] }, { type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", 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: "13.0.2", ngImport: i0, type: NucLoadedContentDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive });
+NucLoadedContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", 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: "13.0.2", 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: "13.0.2", ngImport: i0, type: NucLoadedContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NucLoadedContentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NucLoadedContentModule, declarations: [NucLoadedContentDirective,
+        NucLoadedContentComponent], imports: [CommonModule,
+        MatProgressSpinnerModule,
+        MatButtonModule,
+        MatIconModule], exports: [NucLoadedContentDirective] });
+NucLoadedContentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NucLoadedContentModule, imports: [[
+            CommonModule,
+            MatProgressSpinnerModule,
+            MatButtonModule,
+            MatIconModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NucLoadedContentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        NucLoadedContentDirective,
+                        NucLoadedContentComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        MatProgressSpinnerModule,
+                        MatButtonModule,
+                        MatIconModule
+                    ],
+                    exports: [
+                        NucLoadedContentDirective
+                    ],
+                    entryComponents: [
+                        NucLoadedContentComponent
+                    ]
+                }]
+        }] });
+
+/// <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: "13.0.2", ngImport: i0, type: NativeStylingService, deps: [{ token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+NativeStylingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NativeStylingService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", 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, // ElementRef<MatTabGroup> causes errors.
+    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) => {
+            if (event.isFinal) {
+                // Check if any of the tabs are set to disabled
+                const tabs = this.tabGroup._tabs.map(x => x.disabled);
+                const anyTabDisabled = tabs.some(disabled => disabled);
+                if (event.type === 'panleft' && event.direction === 2 && this.tabGroup.selectedIndex < (this.tabGroup._tabs.length - 1)) {
+                    // Go to next tab
+                    if (anyTabDisabled) {
+                        const tabsToRight = tabs.slice(this.tabGroup.selectedIndex + 1);
+                        this.tabGroup.selectedIndex += this.getOffset(tabsToRight);
+                    }
+                    else {
+                        this.tabGroup.selectedIndex++;
+                    }
+                }
+                else if (event.type === 'panright' && event.direction === 4 && this.tabGroup.selectedIndex > 0) {
+                    // Go to previous tab
+                    if (anyTabDisabled) {
+                        const tabsToLeft = tabs.slice().reverse().slice(-this.tabGroup.selectedIndex);
+                        this.tabGroup.selectedIndex -= this.getOffset(tabsToLeft);
+                    }
+                    else {
+                        this.tabGroup.selectedIndex--;
+                    }
+                }
+            }
+        });
+    }
+    getOffset(tabs) {
+        // Find offset to the first enabled tab
+        const offset = tabs.indexOf(tabs.find(disabled => !disabled)) + 1;
+        return offset;
+    }
+}
+NucSwipeTabsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NucSwipeTabsDirective, deps: [{ token: i0.ElementRef }, { token: i1$3.MatTabGroup }], target: i0.ɵɵFactoryTarget.Directive });
+NucSwipeTabsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: NucSwipeTabsDirective, selector: "[nucSwipe]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", 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: "13.0.2", ngImport: i0, type: NucSwipeTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NucSwipeTabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NucSwipeTabsModule, declarations: [NucSwipeTabsDirective], imports: [CommonModule], exports: [NucSwipeTabsDirective] });
+NucSwipeTabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NucSwipeTabsModule, imports: [[
+            CommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NucSwipeTabsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        NucSwipeTabsDirective
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        NucSwipeTabsDirective
+                    ]
+                }]
+        }] });
+
+class NucSnackbarService {
+    constructor(_matSnackBar, _zone) {
+        this._matSnackBar = _matSnackBar;
+        this._zone = _zone;
+    }
+    openSnackbar(type, message, action, duration) {
+        let snackbarRef;
+        this._zone.run(() => {
+            snackbarRef = this._matSnackBar.open(message, action, {
+                duration,
+                panelClass: `${type}-snackbar`
+            });
+        });
+        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: "13.0.2", 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: "13.0.2", ngImport: i0, type: NucSnackbarService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", 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: "13.0.2", ngImport: i0, type: NucSnackbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NucSnackbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NucSnackbarModule, imports: [CommonModule,
+        MatSnackBarModule] });
+NucSnackbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NucSnackbarModule, imports: [[
+            CommonModule,
+            MatSnackBarModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NucSnackbarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [
+                        CommonModule,
+                        MatSnackBarModule
+                    ],
+                    exports: []
+                }]
+        }] });
+
+var NucSnackbarType;
+(function (NucSnackbarType) {
+    NucSnackbarType["Info"] = "info";
+    NucSnackbarType["Warning"] = "warning";
+    NucSnackbarType["Danger"] = "danger";
+    NucSnackbarType["Success"] = "success";
+})(NucSnackbarType || (NucSnackbarType = {}));
+
+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: "13.0.2", ngImport: i0, type: NucUserAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NucUserAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", 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"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", 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: "13.0.2", ngImport: i0, type: NucUserAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NucUserAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NucUserAvatarModule, declarations: [NucUserAvatarComponent], imports: [CommonModule], exports: [NucUserAvatarComponent] });
+NucUserAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NucUserAvatarModule, imports: [[
+            CommonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NucUserAvatarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        NucUserAvatarComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [
+                        NucUserAvatarComponent
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of nucleus-material
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LoadingState, LoadingStatus, NativeStylingService, NucColor, NucDialogModule, NucDialogService, NucLoadedContentComponent, NucLoadedContentDirective, NucLoadedContentModule, NucSnackbarModule, NucSnackbarService, NucSnackbarType, NucSwipeTabsDirective, NucSwipeTabsModule, NucUserAvatarComponent, NucUserAvatarModule, WindowsTitleBarSyle };