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

package/fesm2022/kolektor-nucleus-material.mjs

@@ -0,0 +1,598 @@
+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/material/tabs';
+import * as Hammer from 'hammerjs';
+import * as i1$3 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;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NucDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NucDialogComponent, selector: "nuc-dialog", ngImport: i0, template: "<ng-container *ngIf=\"dialogData\">\n  <h2 mat-dialog-title *ngIf=\"dialogData.title\">\n    {{ dialogData.title }}\n  </h2>\n  <mat-dialog-content>{{ dialogData.message }}</mat-dialog-content>\n  <mat-dialog-actions>\n    <ng-container *ngFor=\"let action of dialogData.actions\">\n      <button\n        color=\"{{ action.color || 'primary' }}\"\n        *ngIf=\"action.value === undefined\"\n        mat-button\n        mat-dialog-close\n      >\n        {{ action.text }}\n      </button>\n      <button\n        color=\"{{ action.color || 'primary' }}\"\n        *ngIf=\"action.value !== undefined\"\n        mat-button\n        [mat-dialog-close]=\"action.value\"\n      >\n        {{ action.text }}\n      </button>\n    </ng-container>\n  </mat-dialog-actions>\n</ng-container>\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: "16.2.12", ngImport: i0, type: NucDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nuc-dialog', template: "<ng-container *ngIf=\"dialogData\">\n  <h2 mat-dialog-title *ngIf=\"dialogData.title\">\n    {{ dialogData.title }}\n  </h2>\n  <mat-dialog-content>{{ dialogData.message }}</mat-dialog-content>\n  <mat-dialog-actions>\n    <ng-container *ngFor=\"let action of dialogData.actions\">\n      <button\n        color=\"{{ action.color || 'primary' }}\"\n        *ngIf=\"action.value === undefined\"\n        mat-button\n        mat-dialog-close\n      >\n        {{ action.text }}\n      </button>\n      <button\n        color=\"{{ action.color || 'primary' }}\"\n        *ngIf=\"action.value !== undefined\"\n        mat-button\n        [mat-dialog-close]=\"action.value\"\n      >\n        {{ action.text }}\n      </button>\n    </ng-container>\n  </mat-dialog-actions>\n</ng-container>\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
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    ) {
+        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.');
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NucDialogService, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NucDialogService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NucDialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialog }]; } });
+
+class NucDialogModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NucDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NucDialogModule, declarations: [NucDialogComponent], imports: [CommonModule, MatDialogModule, MatButtonModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NucDialogModule, imports: [CommonModule, MatDialogModule, MatButtonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", 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;
+    }
+    get status() {
+        return this._status;
+    }
+    get message() {
+        return this._message;
+    }
+    get errorDetails() {
+        return this._errorDetails;
+    }
+    load(observable, resultFunction, errorFunction, completeFunction) {
+        return this._load(true, undefined, 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, undefined, 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) {
+        this._status = LoadingStatus.inProgress;
+        this._message = message;
+    }
+    setCompleted() {
+        this._status = LoadingStatus.completed;
+    }
+    setFailed(message, error) {
+        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 = undefined;
+                }
+                this.setCompleted();
+            },
+            error: (err) => {
+                this.setFailed(undefined, 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;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    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;
+        }
+    }
+}
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+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;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NucLoadedContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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\">\n  <ng-container *ngTemplateOutlet=\"completedTemplate\"></ng-container>\n</ng-container>\n\n<div class=\"indicators-container\" *ngIf=\"inProgress || failed\">\n  <ng-container *ngIf=\"inProgress\">\n    <ng-container\n      *ngTemplateOutlet=\"inProgressTemplate ? inProgressTemplate: defaultInProgressTemplate\"\n    ></ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"failed\">\n    <ng-container\n      *ngTemplateOutlet=\"errorTemplate ? errorTemplate: defaultErrorTemplate\"\n    ></ng-container>\n  </ng-container>\n</div>\n\n<ng-template #defaultInProgressTemplate>\n  <div class=\"spinner\">\n    <mat-spinner [diameter]=\"45\"></mat-spinner>\n  </div>\n  <p>{{message}}</p>\n</ng-template>\n\n<ng-template #defaultErrorTemplate>\n  <div>\n    <p class=\"message\">\n      <span>{{message}}</span>\n      <mat-icon\n        *ngIf=\"state.errorDetails && !errorDetailsVisible\"\n        class=\"info-button\"\n        color=\"warn\"\n        (click)=\"showErrorDetails()\"\n        >info</mat-icon\n      >\n    </p>\n\n    <p *ngIf=\"errorDetailsVisible\" class=\"error-details mat-small\">\n      {{state.errorDetails}}\n    </p>\n\n    <p *ngIf=\"showRetryButton\">\n      <button mat-mini-fab color=\"primary\" (click)=\"state.retry()\">\n        <mat-icon>refresh</mat-icon>\n      </button>\n    </p>\n  </div>\n</ng-template>\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: "16.2.12", ngImport: i0, type: NucLoadedContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nuc-loaded-content-component', template: "<ng-container *ngIf=\"completed\">\n  <ng-container *ngTemplateOutlet=\"completedTemplate\"></ng-container>\n</ng-container>\n\n<div class=\"indicators-container\" *ngIf=\"inProgress || failed\">\n  <ng-container *ngIf=\"inProgress\">\n    <ng-container\n      *ngTemplateOutlet=\"inProgressTemplate ? inProgressTemplate: defaultInProgressTemplate\"\n    ></ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"failed\">\n    <ng-container\n      *ngTemplateOutlet=\"errorTemplate ? errorTemplate: defaultErrorTemplate\"\n    ></ng-container>\n  </ng-container>\n</div>\n\n<ng-template #defaultInProgressTemplate>\n  <div class=\"spinner\">\n    <mat-spinner [diameter]=\"45\"></mat-spinner>\n  </div>\n  <p>{{message}}</p>\n</ng-template>\n\n<ng-template #defaultErrorTemplate>\n  <div>\n    <p class=\"message\">\n      <span>{{message}}</span>\n      <mat-icon\n        *ngIf=\"state.errorDetails && !errorDetailsVisible\"\n        class=\"info-button\"\n        color=\"warn\"\n        (click)=\"showErrorDetails()\"\n        >info</mat-icon\n      >\n    </p>\n\n    <p *ngIf=\"errorDetailsVisible\" class=\"error-details mat-small\">\n      {{state.errorDetails}}\n    </p>\n\n    <p *ngIf=\"showRetryButton\">\n      <button mat-mini-fab color=\"primary\" (click)=\"state.retry()\">\n        <mat-icon>refresh</mat-icon>\n      </button>\n    </p>\n  </div>\n</ng-template>\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 @typescript-eslint/no-explicit-any */
+// eslint-disable-next-line @angular-eslint/directive-selector
+class NucLoadedContentDirective {
+    constructor(_viewContainer, templateRef, _componentResolver) {
+        this._viewContainer = _viewContainer;
+        this.templateRef = templateRef;
+        this._componentResolver = _componentResolver;
+        this._errorTemplateRef = null;
+        this._inProgressTemplateRef = 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;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NucLoadedContentDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", 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: "16.2.12", 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 {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NucLoadedContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NucLoadedContentModule, declarations: [NucLoadedContentDirective, NucLoadedContentComponent], imports: [CommonModule,
+            MatProgressSpinnerModule,
+            MatButtonModule,
+            MatIconModule], exports: [NucLoadedContentDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NucLoadedContentModule, imports: [CommonModule,
+            MatProgressSpinnerModule,
+            MatButtonModule,
+            MatIconModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NucLoadedContentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NucLoadedContentDirective, NucLoadedContentComponent],
+                    imports: [
+                        CommonModule,
+                        MatProgressSpinnerModule,
+                        MatButtonModule,
+                        MatIconModule,
+                    ],
+                    exports: [NucLoadedContentDirective],
+                }]
+        }] });
+
+// 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) => {
+            if (event.isFinal) {
+                const tabs = this.tabGroup._tabs.map((x) => x.disabled);
+                const currentIndex = this.tabGroup.selectedIndex ?? 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;
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NucSwipeTabsDirective, deps: [{ token: i0.ElementRef }, { token: i1$2.MatTabGroup }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: NucSwipeTabsDirective, selector: "[nucSwipe]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NucSwipeTabsDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[nucSwipe]' }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$2.MatTabGroup }]; } });
+
+class NucSwipeTabsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NucSwipeTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NucSwipeTabsModule, declarations: [NucSwipeTabsDirective], imports: [CommonModule], exports: [NucSwipeTabsDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NucSwipeTabsModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", 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(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    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;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressSnackbarComponent, deps: [{ token: MAT_SNACK_BAR_DATA }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ProgressSnackbarComponent, selector: "lib-progress-snackbar", host: { classAttribute: "mat-simple-snackbar" }, ngImport: i0, template: "<div class=\"mat-simple-snack-bar-content message\">\n  <mat-spinner\n    style=\"vertical-align: middle; display: inline-flex; margin-right: 8px\"\n    diameter=\"16\"\n    strokeWidth=\"1.5\"\n    mode=\"indeterminate\"\n    class=\"spinner\"\n    color=\"red\"\n  ></mat-spinner>\n  {{ data.message }}\n</div>\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: "16.2.12", 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\">\n  <mat-spinner\n    style=\"vertical-align: middle; display: inline-flex; margin-right: 8px\"\n    diameter=\"16\"\n    strokeWidth=\"1.5\"\n    mode=\"indeterminate\"\n    class=\"spinner\"\n    color=\"red\"\n  ></mat-spinner>\n  {{ data.message }}\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_SNACK_BAR_DATA]
+                }] }, { type: i0.ElementRef }]; } });
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+class NucSnackbarService {
+    constructor(matSnackBar, zone) {
+        this.matSnackBar = matSnackBar;
+        this.zone = zone;
+    }
+    openSnackbar(type, message, action, duration) {
+        let ref;
+        this.zone.run(() => {
+            const panelClass = `${type}-snackbar`;
+            if (type === NucSnackbarType.Progress) {
+                this.matSnackBar.openFromComponent(ProgressSnackbarComponent, {
+                    duration,
+                    panelClass,
+                    data: {
+                        message,
+                    },
+                });
+            }
+            else {
+                this.matSnackBar.open(message, action, {
+                    duration,
+                    panelClass,
+                });
+            }
+        });
+        return ref; //TODO: this is not OK, ref might not be available to consumer of the method
+    }
+    openSnackbarWithConfig(message, action, config) {
+        let ref;
+        this.zone.run(() => {
+            ref = this.matSnackBar.open(message, action, config);
+        });
+        return ref; //TODO: this is not OK, ref might not be available to consumer of the method
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NucSnackbarService, deps: [{ token: i1$3.MatSnackBar }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NucSnackbarService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NucSnackbarService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$3.MatSnackBar }, { type: i0.NgZone }]; } });
+
+class NucSnackbarModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NucSnackbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NucSnackbarModule, declarations: [ProgressSnackbarComponent], imports: [CommonModule, MatSnackBarModule, MatProgressSpinnerModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NucSnackbarModule, imports: [CommonModule, MatSnackBarModule, MatProgressSpinnerModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NucSnackbarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ProgressSnackbarComponent],
+                    imports: [CommonModule, MatSnackBarModule, MatProgressSpinnerModule],
+                    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}%)`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NucUserAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NucUserAvatarComponent, selector: "nuc-user-avatar", inputs: { name: "name", image: "image", size: "size", background: "background" }, ngImport: i0, template: "<ng-container *ngIf=\"image\">\n  <div class=\"user-avatar size-{{size}}\">\n    <img src=\"{{image}}\" />\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"!image\">\n  <div\n    class=\"user-avatar size-{{size}} unselectable\"\n    [style.background-color]=\"getHslString()\"\n    [ngClass]=\"{'white-text': background, 'black-text border': !background}\"\n  >\n    {{getUserInitials()}}\n  </div>\n</ng-container>\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: "16.2.12", ngImport: i0, type: NucUserAvatarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nuc-user-avatar', template: "<ng-container *ngIf=\"image\">\n  <div class=\"user-avatar size-{{size}}\">\n    <img src=\"{{image}}\" />\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"!image\">\n  <div\n    class=\"user-avatar size-{{size}} unselectable\"\n    [style.background-color]=\"getHslString()\"\n    [ngClass]=\"{'white-text': background, 'black-text border': !background}\"\n  >\n    {{getUserInitials()}}\n  </div>\n</ng-container>\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"] }]
+        }], propDecorators: { name: [{
+                type: Input
+            }], image: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], background: [{
+                type: Input
+            }] } });
+
+class NucUserAvatarModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NucUserAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NucUserAvatarModule, declarations: [NucUserAvatarComponent], imports: [CommonModule], exports: [NucUserAvatarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NucUserAvatarModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NucUserAvatarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NucUserAvatarComponent],
+                    imports: [CommonModule],
+                    exports: [NucUserAvatarComponent],
+                }]
+        }] });
+
+// dialog
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LoadingState, LoadingStatus, NucColor, NucDialogModule, NucDialogService, NucLoadedContentComponent, NucLoadedContentDirective, NucLoadedContentModule, NucSnackbarModule, NucSnackbarService, NucSnackbarType, NucSwipeTabsDirective, NucSwipeTabsModule, NucUserAvatarComponent, NucUserAvatarModule };
+//# sourceMappingURL=kolektor-nucleus-material.mjs.map