@meshmakers/shared-ui 3.1.139-0 → 3.1.143-0

package/fesm2022/meshmakers-shared-ui.mjs

@@ -1,14 +1,14 @@
 import * as i0 from '@angular/core';
 import { Component, Inject, EventEmitter, forwardRef, HostBinding, ViewChild, Input, NgModule, Injectable } from '@angular/core';
-import * as i2 from '@angular/common';
+import * as i2$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
-import * as i3 from '@angular/material/button';
+import * as i2 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i1$1 from '@meshmakers/shared-services';
 import { IsoDateTime } from '@meshmakers/shared-services';
-import * as i3$1 from '@angular/material/toolbar';
+import * as i3 from '@angular/material/toolbar';
 import { MatToolbarModule } from '@angular/material/toolbar';
 import * as i5 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
@@ -20,7 +20,7 @@ import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import { debounceTime, filter, tap, map, switchMap } from 'rxjs/operators';
 import { Subject, of, BehaviorSubject } from 'rxjs';
 import * as i1$2 from '@angular/cdk/a11y';
-import * as i3$2 from '@angular/material/autocomplete';
+import * as i3$1 from '@angular/material/autocomplete';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import * as i4 from '@angular/material/core';
 import * as i5$1 from '@angular/material/input';
@@ -30,13 +30,8 @@ import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { ENTER, COMMA } from '@angular/cdk/keycodes';
 import * as i7$1 from '@angular/material/chips';
 import { MatChipsModule } from '@angular/material/chips';
-import * as i4$1 from '@angular/material/progress-bar';
-import { MatProgressBarModule } from '@angular/material/progress-bar';
 import * as i1$3 from '@angular/router';
-import { NavigationEnd, PRIMARY_OUTLET, RouterModule } from '@angular/router';
-import * as i4$2 from '@angular/material/list';
-import { MatListModule } from '@angular/material/list';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { NavigationEnd, PRIMARY_OUTLET } from '@angular/router';
 
 class MmMessageDetailsComponent {
     dialogRef;
@@ -48,10 +43,10 @@ class MmMessageDetailsComponent {
         this.errorMessage = data.errorMessage;
     }
     ngOnInit() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MmMessageDetailsComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MmMessageDetailsComponent, selector: "mm-message-details", ngImport: i0, template: "<mat-dialog-content>\n\n  <h2>{{errorMessage.title}}</h2>\n  <p>{{errorMessage.message}}</p>\n\n\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n  <button color=\"primary\" mat-dialog-close mat-raised-button>OK</button>\n</mat-dialog-actions>\n", styles: [""], dependencies: [{ kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MmMessageDetailsComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: MmMessageDetailsComponent, selector: "mm-message-details", ngImport: i0, template: "<mat-dialog-content>\n\n  <h2>{{errorMessage.title}}</h2>\n  <p>{{errorMessage.message}}</p>\n\n\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n  <button color=\"primary\" mat-dialog-close mat-raised-button>OK</button>\n</mat-dialog-actions>\n", styles: [""], dependencies: [{ kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MmMessageDetailsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MmMessageDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mm-message-details', template: "<mat-dialog-content>\n\n  <h2>{{errorMessage.title}}</h2>\n  <p>{{errorMessage.message}}</p>\n\n\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n  <button color=\"primary\" mat-dialog-close mat-raised-button>OK</button>\n</mat-dialog-actions>\n" }]
         }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
@@ -83,10 +78,10 @@ class MmNotificationBarComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MmNotificationBarComponent, deps: [{ token: i1$1.MessageService }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MmNotificationBarComponent, selector: "mm-notification-bar", ngImport: i0, template: "<mat-toolbar [hidden]=\"!errorMessage\" class=\"mm-notification-bar-background\">\n  <a (click)=\"onShowDetails()\"><span class=\"mat-small\"><u>{{ errorMessage?.title }}</u></span></a>\n\n  <!-- This fills the remaining space of the current row -->\n  <span class=\"notification-fill-remaining-space\"></span>\n\n  <button (click)=\"onHide()\" class=\"mm-notification-bar-button\" mat-fab><mat-icon>close</mat-icon></button>\n</mat-toolbar>\n", styles: [".notification-fill-remaining-space{flex:1 1 auto}\n"], dependencies: [{ kind: "component", type: i3$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i3.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MmNotificationBarComponent, deps: [{ token: i1$1.MessageService }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: MmNotificationBarComponent, selector: "mm-notification-bar", ngImport: i0, template: "<mat-toolbar [hidden]=\"!errorMessage\" class=\"mm-notification-bar-background\">\n  <a (click)=\"onShowDetails()\"><span class=\"mat-small\"><u>{{ errorMessage?.title }}</u></span></a>\n\n  <!-- This fills the remaining space of the current row -->\n  <span class=\"notification-fill-remaining-space\"></span>\n\n  <button (click)=\"onHide()\" class=\"mm-notification-bar-button\" mat-fab><mat-icon>close</mat-icon></button>\n</mat-toolbar>\n", styles: [".notification-fill-remaining-space{flex:1 1 auto}\n"], dependencies: [{ kind: "component", type: i3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i2.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MmNotificationBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MmNotificationBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mm-notification-bar', template: "<mat-toolbar [hidden]=\"!errorMessage\" class=\"mm-notification-bar-background\">\n  <a (click)=\"onShowDetails()\"><span class=\"mat-small\"><u>{{ errorMessage?.title }}</u></span></a>\n\n  <!-- This fills the remaining space of the current row -->\n  <span class=\"notification-fill-remaining-space\"></span>\n\n  <button (click)=\"onHide()\" class=\"mm-notification-bar-button\" mat-fab><mat-icon>close</mat-icon></button>\n</mat-toolbar>\n", styles: [".notification-fill-remaining-space{flex:1 1 auto}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.MessageService }, { type: i1.MatDialog }] });
@@ -317,8 +312,8 @@ class MmAutocompleteInputComponent {
     };
     _onTouched = () => {
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MmAutocompleteInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.Injector }, { token: i1$2.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MmAutocompleteInputComponent, selector: "mm-autocomplete", inputs: { dataSource: "dataSource", disabled: "disabled", placeholder: "placeholder", required: "required", prefix: "prefix" }, host: { properties: { "id": "this.id", "attr.aria-describedby": "this.describedBy", "class.floating": "this.shouldLabelFloat" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MmAutocompleteInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.Injector }, { token: i1$2.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: MmAutocompleteInputComponent, selector: "mm-autocomplete", inputs: { dataSource: "dataSource", disabled: "disabled", placeholder: "placeholder", required: "required", prefix: "prefix" }, host: { properties: { "id": "this.id", "attr.aria-describedby": "this.describedBy", "class.floating": "this.shouldLabelFloat" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => MmAutocompleteInputComponent),
@@ -333,9 +328,9 @@ class MmAutocompleteInputComponent {
                 useExisting: forwardRef(() => MmAutocompleteInputComponent),
                 multi: true
             }
-        ], viewQueries: [{ propertyName: "inputField", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<input #input (blur)=\"onTouched()\" (focusout)=\"onFocusOut()\" [formControl]=\"searchFormControl\" [matAutocomplete]=\"auto\"\n       [placeholder]=\"placeholder\" matInput>\n<mat-autocomplete #auto=\"matAutocomplete\"\n                  (closed)=\"onAutoCompleteClosed()\" (optionActivated)=\"onOptionActivated($event)\"\n                  (optionSelected)=\"onOptionSelected($event)\">\n  <mat-option *ngIf=\"isLoading\" class=\"is-loading\">\n    <mat-spinner diameter=\"50\"></mat-spinner>\n  </mat-option>\n  <ng-container *ngIf=\"!isLoading\">\n    <mat-option *ngFor=\"let str of filteredStrings\" [value]=\"str\">\n      {{str}}\n    </mat-option>\n  </ng-container>\n</mat-autocomplete>\n", styles: ["span{opacity:0;transition:opacity .2s}:host.floating span{opacity:1}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i3$2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i5$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+        ], viewQueries: [{ propertyName: "inputField", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<input #input (blur)=\"onTouched()\" (focusout)=\"onFocusOut()\" [formControl]=\"searchFormControl\" [matAutocomplete]=\"auto\"\n       [placeholder]=\"placeholder\" matInput>\n<mat-autocomplete #auto=\"matAutocomplete\"\n                  (closed)=\"onAutoCompleteClosed()\" (optionActivated)=\"onOptionActivated($event)\"\n                  (optionSelected)=\"onOptionSelected($event)\">\n  <mat-option *ngIf=\"isLoading\" class=\"is-loading\">\n    <mat-spinner diameter=\"50\"></mat-spinner>\n  </mat-option>\n  <ng-container *ngIf=\"!isLoading\">\n    <mat-option *ngFor=\"let str of filteredStrings\" [value]=\"str\">\n      {{str}}\n    </mat-option>\n  </ng-container>\n</mat-autocomplete>\n", styles: ["span{opacity:0;transition:opacity .2s}:host.floating span{opacity:1}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i3$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i5$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MmAutocompleteInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MmAutocompleteInputComponent, decorators: [{
             type: Component,
             args: [{ selector: "mm-autocomplete", host: {
                         "[id]": "id",
@@ -596,8 +591,8 @@ class MmEntitySelectInputComponent {
             this.stateChanges.next();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MmEntitySelectInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.Injector }, { token: i1$2.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MmEntitySelectInputComponent, selector: "mm-entity-select", inputs: { dataSource: "dataSource", disabled: "disabled", placeholder: "placeholder", required: "required", prefix: "prefix" }, host: { properties: { "id": "this.id", "attr.aria-describedby": "this.describedBy", "class.floating": "this.shouldLabelFloat" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MmEntitySelectInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.Injector }, { token: i1$2.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: MmEntitySelectInputComponent, selector: "mm-entity-select", inputs: { dataSource: "dataSource", disabled: "disabled", placeholder: "placeholder", required: "required", prefix: "prefix" }, host: { properties: { "id": "this.id", "attr.aria-describedby": "this.describedBy", "class.floating": "this.shouldLabelFloat" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => MmEntitySelectInputComponent),
@@ -612,9 +607,9 @@ class MmEntitySelectInputComponent {
                 useExisting: forwardRef(() => MmEntitySelectInputComponent),
                 multi: true
             }
-        ], viewQueries: [{ propertyName: "inputField", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<input #input (blur)=\"onTouched()\" (focusout)=\"onFocusOut()\" [formControl]=\"searchFormControl\" [matAutocomplete]=\"auto\"\n       [placeholder]=\"placeholder\" matInput>\n<mat-autocomplete #auto=\"matAutocomplete\" (closed)=\"onEntityClosed()\"\n                  (optionActivated)=\"onEntityActivated($event)\" (optionSelected)=\"onEntitySelected($event)\"\n                  [displayWith]=\"dataSource?.onDisplayEntity ?? null\">\n  <mat-option *ngIf=\"isLoading\" class=\"is-loading\">\n    <mat-spinner diameter=\"50\"></mat-spinner>\n  </mat-option>\n  <ng-container *ngIf=\"!isLoading\">\n    <mat-option *ngFor=\"let entity of filteredEntities\" [value]=\"entity\">\n      {{dataSource?.onDisplayEntity(entity) ?? null}}\n    </mat-option>\n  </ng-container>\n</mat-autocomplete>\n", styles: ["span{opacity:0;transition:opacity .2s}:host.floating span{opacity:1}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i3$2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i5$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+        ], viewQueries: [{ propertyName: "inputField", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<input #input (blur)=\"onTouched()\" (focusout)=\"onFocusOut()\" [formControl]=\"searchFormControl\" [matAutocomplete]=\"auto\"\n       [placeholder]=\"placeholder\" matInput>\n<mat-autocomplete #auto=\"matAutocomplete\" (closed)=\"onEntityClosed()\"\n                  (optionActivated)=\"onEntityActivated($event)\" (optionSelected)=\"onEntitySelected($event)\"\n                  [displayWith]=\"dataSource?.onDisplayEntity ?? null\">\n  <mat-option *ngIf=\"isLoading\" class=\"is-loading\">\n    <mat-spinner diameter=\"50\"></mat-spinner>\n  </mat-option>\n  <ng-container *ngIf=\"!isLoading\">\n    <mat-option *ngFor=\"let entity of filteredEntities\" [value]=\"entity\">\n      {{dataSource?.onDisplayEntity(entity) ?? null}}\n    </mat-option>\n  </ng-container>\n</mat-autocomplete>\n", styles: ["span{opacity:0;transition:opacity .2s}:host.floating span{opacity:1}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i3$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i5$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MmEntitySelectInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MmEntitySelectInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mm-entity-select', host: {
                         '[id]': 'id',
@@ -895,8 +890,8 @@ class MmMultipleEntitySelectInputComponent {
             this.stateChanges.next();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MmMultipleEntitySelectInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.Injector }, { token: i1$2.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MmMultipleEntitySelectInputComponent, selector: "mm-multiple-entity-select", inputs: { dataSource: "dataSource", disabled: "disabled", placeholder: "placeholder", required: "required", prefix: "prefix" }, host: { properties: { "id": "this.id", "attr.aria-describedby": "this.describedBy", "class.floating": "this.shouldLabelFloat" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MmMultipleEntitySelectInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.Injector }, { token: i1$2.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: MmMultipleEntitySelectInputComponent, selector: "mm-multiple-entity-select", inputs: { dataSource: "dataSource", disabled: "disabled", placeholder: "placeholder", required: "required", prefix: "prefix" }, host: { properties: { "id": "this.id", "attr.aria-describedby": "this.describedBy", "class.floating": "this.shouldLabelFloat" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => MmMultipleEntitySelectInputComponent),
@@ -911,9 +906,9 @@ class MmMultipleEntitySelectInputComponent {
                 useExisting: forwardRef(() => MmMultipleEntitySelectInputComponent),
                 multi: true
             }
-        ], viewQueries: [{ propertyName: "inputField", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<mat-chip-grid #list>\n  <mat-chip-row *ngFor=\"let entity of valuesFormControl.value\"\n                (removed)=\"remove(entity)\"\n                [editable]=\"false\"\n                [aria-description]=\"'press enter to edit ' + dataSource?.onDisplayEntity(entity) ?? null\">\n    {{dataSource?.onDisplayEntity(entity) ?? null}}\n    <button matChipRemove [attr.aria-label]=\"'remove ' + dataSource?.onDisplayEntity(entity) ?? null\">\n      <mat-icon>cancel</mat-icon>\n    </button>\n  </mat-chip-row>\n  <input #input (blur)=\"onTouched()\" (focusout)=\"onFocusOut()\" [formControl]=\"searchFormControl\"\n         [matAutocomplete]=\"auto\"\n         [matChipInputFor]=\"list\"\n         matChipInputAddOnBlur=\"true\"\n         [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n         [placeholder]=\"placeholder\" matInput>\n  <mat-autocomplete #auto=\"matAutocomplete\" (closed)=\"onEntityClosed()\"\n                    (optionActivated)=\"onEntityActivated($event)\" (optionSelected)=\"onEntitySelected($event)\"\n                    [displayWith]=\"dataSource?.onDisplayEntity ?? null\">\n    <mat-option *ngIf=\"isLoading\" class=\"is-loading\">\n      <mat-spinner diameter=\"50\"></mat-spinner>\n    </mat-option>\n    <ng-container *ngIf=\"!isLoading\">\n      <mat-option *ngFor=\"let entity of filteredEntities\" [value]=\"entity\">\n        {{dataSource?.onDisplayEntity(entity) ?? null}}\n      </mat-option>\n    </ng-container>\n  </mat-autocomplete>\n</mat-chip-grid>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i3$2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i5$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i7$1.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i7$1.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i7$1.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i7$1.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+        ], viewQueries: [{ propertyName: "inputField", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<mat-chip-grid #list>\n  <mat-chip-row *ngFor=\"let entity of valuesFormControl.value\"\n                (removed)=\"remove(entity)\"\n                [editable]=\"false\"\n                [aria-description]=\"'press enter to edit ' + dataSource?.onDisplayEntity(entity) ?? null\">\n    {{dataSource?.onDisplayEntity(entity) ?? null}}\n    <button matChipRemove [attr.aria-label]=\"'remove ' + dataSource?.onDisplayEntity(entity) ?? null\">\n      <mat-icon>cancel</mat-icon>\n    </button>\n  </mat-chip-row>\n  <input #input (blur)=\"onTouched()\" (focusout)=\"onFocusOut()\" [formControl]=\"searchFormControl\"\n         [matAutocomplete]=\"auto\"\n         [matChipInputFor]=\"list\"\n         matChipInputAddOnBlur=\"true\"\n         [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n         [placeholder]=\"placeholder\" matInput>\n  <mat-autocomplete #auto=\"matAutocomplete\" (closed)=\"onEntityClosed()\"\n                    (optionActivated)=\"onEntityActivated($event)\" (optionSelected)=\"onEntitySelected($event)\"\n                    [displayWith]=\"dataSource?.onDisplayEntity ?? null\">\n    <mat-option *ngIf=\"isLoading\" class=\"is-loading\">\n      <mat-spinner diameter=\"50\"></mat-spinner>\n    </mat-option>\n    <ng-container *ngIf=\"!isLoading\">\n      <mat-option *ngFor=\"let entity of filteredEntities\" [value]=\"entity\">\n        {{dataSource?.onDisplayEntity(entity) ?? null}}\n      </mat-option>\n    </ng-container>\n  </mat-autocomplete>\n</mat-chip-grid>\n", styles: [""], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i3$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i5$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i7$1.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i7$1.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i7$1.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i7$1.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MmMultipleEntitySelectInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MmMultipleEntitySelectInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mm-multiple-entity-select', host: {
                         '[id]': 'id',
@@ -957,166 +952,106 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
                 args: ['class.floating']
             }] } });
 
-class MmSharedUiModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MmSharedUiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: MmSharedUiModule, declarations: [MmNotificationBarComponent,
-            MmMessageDetailsComponent,
-            MmAutocompleteInputComponent,
-            MmEntitySelectInputComponent,
-            MmMultipleEntitySelectInputComponent], imports: [CommonModule,
-            MatToolbarModule,
-            MatButtonModule,
-            MatSnackBarModule,
-            MatDialogModule,
-            MatAutocompleteModule,
-            MatInputModule,
-            MatProgressSpinnerModule,
-            MatChipsModule,
-            MatIconModule,
-            ReactiveFormsModule], exports: [MmNotificationBarComponent, MmAutocompleteInputComponent, MmEntitySelectInputComponent, MmMultipleEntitySelectInputComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MmSharedUiModule, imports: [CommonModule,
-            MatToolbarModule,
-            MatButtonModule,
-            MatSnackBarModule,
-            MatDialogModule,
-            MatAutocompleteModule,
-            MatInputModule,
-            MatProgressSpinnerModule,
-            MatChipsModule,
-            MatIconModule,
-            ReactiveFormsModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MmSharedUiModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        MmNotificationBarComponent,
-                        MmMessageDetailsComponent,
-                        MmAutocompleteInputComponent,
-                        MmEntitySelectInputComponent,
-                        MmMultipleEntitySelectInputComponent
-                    ],
-                    exports: [MmNotificationBarComponent, MmAutocompleteInputComponent, MmEntitySelectInputComponent, MmMultipleEntitySelectInputComponent],
-                    imports: [
-                        CommonModule,
-                        MatToolbarModule,
-                        MatButtonModule,
-                        MatSnackBarModule,
-                        MatDialogModule,
-                        MatAutocompleteModule,
-                        MatInputModule,
-                        MatProgressSpinnerModule,
-                        MatChipsModule,
-                        MatIconModule,
-                        ReactiveFormsModule
-                    ]
-                }]
-        }] });
-
-class MmProgressWindowComponent {
-    data;
-    statusText;
-    progressValue;
-    constructor(data) {
-        this.data = data;
-        this.statusText = null;
-        this.progressValue = 0;
-        data.progress.subscribe((value) => {
-            this.statusText = value.statusText;
-            this.progressValue = value.progressValue;
-        });
-    }
-    ngOnInit() { }
-    onCancelClick() {
-        this.data.cancelOperation();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MmProgressWindowComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MmProgressWindowComponent, selector: "mm-progress-window", ngImport: i0, template: "<h1 mat-dialog-title>{{data.title}}</h1>\n<div mat-dialog-content>\n  <div fxLayout=\"column\">\n    <mat-progress-bar *ngIf=\"data.isDeterminate\" [value]=\"progressValue\" mode=\"determinate\"></mat-progress-bar>\n    <mat-progress-bar *ngIf=\"!data.isDeterminate\" mode=\"indeterminate\"></mat-progress-bar>\n    <p>{{statusText}}</p>\n  </div>\n</div>\n<div style=\"justify-content: flex-end;\" mat-dialog-actions>\n  <button (click)=\"onCancelClick()\" *ngIf=\"data.isCancelOperationAvailable\" mat-button>Cancel</button>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MmProgressWindowComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'mm-progress-window', template: "<h1 mat-dialog-title>{{data.title}}</h1>\n<div mat-dialog-content>\n  <div fxLayout=\"column\">\n    <mat-progress-bar *ngIf=\"data.isDeterminate\" [value]=\"progressValue\" mode=\"determinate\"></mat-progress-bar>\n    <mat-progress-bar *ngIf=\"!data.isDeterminate\" mode=\"indeterminate\"></mat-progress-bar>\n    <p>{{statusText}}</p>\n  </div>\n</div>\n<div style=\"justify-content: flex-end;\" mat-dialog-actions>\n  <button (click)=\"onCancelClick()\" *ngIf=\"data.isCancelOperationAvailable\" mat-button>Cancel</button>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }] });
-
-class ProgressNotifierService {
-    dialog;
-    _currentProgressValue;
-    currentDialogRef;
-    constructor(dialog) {
-        this.dialog = dialog;
-        this._currentProgressValue = new BehaviorSubject(null);
-        this.currentDialogRef = null;
-        this._isCanceled = false;
-    }
-    _isCanceled;
-    get isCanceled() {
-        return this._isCanceled;
-    }
-    set isCanceled(value) {
-        this._isCanceled = value;
+class MmBreadcrumbComponent {
+    activatedRoute;
+    router;
+    breadcrumbService;
+    breadcrumb = [];
+    fontSize = '18px';
+    fontColor = '#0275d8';
+    lastLinkColor = '#000';
+    symbol = ' / ';
+    constructor(activatedRoute, router, breadcrumbService) {
+        this.activatedRoute = activatedRoute;
+        this.router = router;
+        this.breadcrumbService = breadcrumbService;
+        this.breadCrumbData();
     }
-    start(title, isDeterminate, isCancelOperationAvailable) {
-        this.isCanceled = false;
-        this.reportProgressDeterminate(0, 100, 'Working...');
-        this.currentDialogRef = this.dialog.open(MmProgressWindowComponent, {
-            width: '50vw',
-            maxWidth: '50vw',
-            data: {
-                title,
-                isDeterminate,
-                progress: this._currentProgressValue.asObservable(),
-                isCancelOperationAvailable,
-                cancelOperation: () => {
-                    this.reportProgressIndeterminate('Canceling operation...');
-                    this.isCanceled = true;
-                }
-            }
+    ngOnInit() {
+        this.breadcrumbService.breadcrumbLabels.subscribe((labelData) => {
+            Object.entries(labelData).forEach(([key, value]) => {
+                this.breadcrumb.forEach((crumb) => {
+                    const labelParams = crumb.label.match(/[^{{]+(?=}})/g);
+                    if (labelParams) {
+                        for (const labelParam of labelParams) {
+                            if (labelParam === key) {
+                                crumb.label = crumb.label.replace('{{' + labelParam + '}}', value);
+                            }
+                        }
+                    }
+                });
+            });
         });
-    }
-    reportProgressDeterminate(progressCurrent, progressMax, statusText) {
-        const progressPercentage = (progressMax / 100) * progressCurrent;
-        this._currentProgressValue.next({
-            statusText,
-            progressValue: progressPercentage
+        this.breadcrumbService.newBreadcrumb.subscribe((breadcrumb) => {
+            if (breadcrumb.length > 0) {
+                this.updateData(this.activatedRoute, breadcrumb);
+            }
         });
     }
-    reportProgressIndeterminate(statusText) {
-        this._currentProgressValue.next({
-            statusText,
-            progressValue: 0
+    breadCrumbData() {
+        this.router.events
+            .pipe(filter((event) => event instanceof NavigationEnd))
+            .pipe(map(() => this.activatedRoute))
+            .pipe(map((route) => {
+            while (route.firstChild) {
+                route = route.firstChild;
+            }
+            return route;
+        }))
+            .pipe(filter((route) => route.outlet === PRIMARY_OUTLET))
+            .subscribe((route) => {
+            this.updateData(route, null);
         });
     }
-    complete() {
-        this.currentDialogRef?.close();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ProgressNotifierService, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ProgressNotifierService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ProgressNotifierService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i1.MatDialog }] });
-
-class ProgressNotifierModule {
-    static forRoot() {
-        return {
-            ngModule: ProgressNotifierModule,
-            providers: [ProgressNotifierService]
-        };
+    updateData(route, newBreadcrumb) {
+        if (route.snapshot.data['breadcrumb'] || newBreadcrumb) {
+            const data = route.snapshot.data['breadcrumb'] ? route.snapshot.data['breadcrumb'] : newBreadcrumb;
+            const breadcrumb = JSON.parse(JSON.stringify(data));
+            breadcrumb.forEach((crumb) => {
+                if (crumb.url) {
+                    const urlChunks = crumb.url.split('/');
+                    for (const chunk of urlChunks) {
+                        if (chunk.includes(':')) {
+                            const paramID = chunk.replace(':', '');
+                            const routerParamID = route.snapshot.params[paramID];
+                            crumb.url = crumb.url.replace(`:${paramID}`, routerParamID);
+                        }
+                    }
+                }
+                const labelParams = crumb.label.match(/[^{{]+(?=}})/g);
+                if (labelParams) {
+                    for (const labelParam of labelParams) {
+                        const routerParamID = decodeURIComponent(route.snapshot.params[labelParam.trim()]);
+                        if (routerParamID) {
+                            crumb.label = crumb.label.replace('{{' + labelParam + '}}', routerParamID);
+                        }
+                        else {
+                            // crumb.label = crumb.label.replace('{{' + labelParam + '}}', '');
+                        }
+                    }
+                }
+            });
+            this.breadcrumb = breadcrumb;
+        }
+        else {
+            this.breadcrumb = [];
+        }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ProgressNotifierModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: ProgressNotifierModule, declarations: [MmProgressWindowComponent], imports: [CommonModule, MatDialogModule, MatButtonModule, MatProgressBarModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ProgressNotifierModule, imports: [CommonModule, MatDialogModule, MatButtonModule, MatProgressBarModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MmBreadcrumbComponent, deps: [{ token: i1$3.ActivatedRoute }, { token: i1$3.Router }, { token: i1$1.BreadcrumbService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: MmBreadcrumbComponent, selector: "mm-breadcrumb", inputs: { fontSize: "fontSize", fontColor: "fontColor", lastLinkColor: "lastLinkColor", symbol: "symbol" }, ngImport: i0, template: "<mat-list class=\"mat-bread-crumb-list\" *ngIf=\"breadcrumb.length\">\n<!--  <mat-list-item>-->\n<!--      <span class=\"mat-bread-crumb-spacer\">-->\n<!--          <span *ngFor=\"let item of breadcrumb\">-->\n<!--              <a *ngIf=\"item?.url\" [routerLink]=\"item?.url\"-->\n<!--                 class=\"mat-bread-crumb-list-item\">{{ item.label }}</a>-->\n<!--              <span *ngIf=\"!item?.url\" class=\"mat-bread-crumb-list-item\">{{ item.label }}</span>-->\n<!--              <span *ngIf=\"breadcrumb.length !== i+1\" class=\"mat-bread-crumb-list-item\">{{symbol}}</span>-->\n<!--          </span>-->\n<!--      </span>-->\n<!--  </mat-list-item>-->\n</mat-list>\n", styles: [".mat-bread-crumb{height:30px}.mat-bread-crumb-list{padding-bottom:10px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ProgressNotifierModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [MmProgressWindowComponent],
-                    imports: [CommonModule, MatDialogModule, MatButtonModule, MatProgressBarModule]
-                }]
-        }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MmBreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mm-breadcrumb', template: "<mat-list class=\"mat-bread-crumb-list\" *ngIf=\"breadcrumb.length\">\n<!--  <mat-list-item>-->\n<!--      <span class=\"mat-bread-crumb-spacer\">-->\n<!--          <span *ngFor=\"let item of breadcrumb\">-->\n<!--              <a *ngIf=\"item?.url\" [routerLink]=\"item?.url\"-->\n<!--                 class=\"mat-bread-crumb-list-item\">{{ item.label }}</a>-->\n<!--              <span *ngIf=\"!item?.url\" class=\"mat-bread-crumb-list-item\">{{ item.label }}</span>-->\n<!--              <span *ngIf=\"breadcrumb.length !== i+1\" class=\"mat-bread-crumb-list-item\">{{symbol}}</span>-->\n<!--          </span>-->\n<!--      </span>-->\n<!--  </mat-list-item>-->\n</mat-list>\n", styles: [".mat-bread-crumb{height:30px}.mat-bread-crumb-list{padding-bottom:10px}\n"] }]
+        }], ctorParameters: () => [{ type: i1$3.ActivatedRoute }, { type: i1$3.Router }, { type: i1$1.BreadcrumbService }], propDecorators: { fontSize: [{
+                type: Input
+            }], fontColor: [{
+                type: Input
+            }], lastLinkColor: [{
+                type: Input
+            }], symbol: [{
+                type: Input
+            }] } });
 
 var ButtonTypes;
 (function (ButtonTypes) {
@@ -1190,10 +1125,10 @@ class MmConfirmationWindowComponent {
             result: this.button3Result
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MmConfirmationWindowComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MmConfirmationWindowComponent, selector: "mm-confirmation-window", ngImport: i0, template: "<h1 mat-dialog-title>{{data.title}}</h1>\n<div mat-dialog-content>{{data.message}}</div>\n<div style=\"justify-content: flex-end;\" mat-dialog-actions>\n  <button (click)=\"onButton1()\" color=\"primary\" mat-button>{{button1Text}}</button>\n  <button (click)=\"onButton2()\" *ngIf=\"button2Text\" mat-button>{{button2Text}}</button>\n  <button (click)=\"onButton3()\" *ngIf=\"button3Text\" mat-button>{{button3Text}}</button>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MmConfirmationWindowComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: MmConfirmationWindowComponent, selector: "mm-confirmation-window", ngImport: i0, template: "<h1 mat-dialog-title>{{data.title}}</h1>\n<div mat-dialog-content>{{data.message}}</div>\n<div style=\"justify-content: flex-end;\" mat-dialog-actions>\n  <button (click)=\"onButton1()\" color=\"primary\" mat-button>{{button1Text}}</button>\n  <button (click)=\"onButton2()\" *ngIf=\"button2Text\" mat-button>{{button2Text}}</button>\n  <button (click)=\"onButton3()\" *ngIf=\"button3Text\" mat-button>{{button3Text}}</button>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MmConfirmationWindowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MmConfirmationWindowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mm-confirmation-window', template: "<h1 mat-dialog-title>{{data.title}}</h1>\n<div mat-dialog-content>{{data.message}}</div>\n<div style=\"justify-content: flex-end;\" mat-dialog-actions>\n  <button (click)=\"onButton1()\" color=\"primary\" mat-button>{{button1Text}}</button>\n  <button (click)=\"onButton2()\" *ngIf=\"button2Text\" mat-button>{{button2Text}}</button>\n  <button (click)=\"onButton3()\" *ngIf=\"button3Text\" mat-button>{{button3Text}}</button>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
@@ -1201,6 +1136,96 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
                     args: [MAT_DIALOG_DATA]
                 }] }] });
 
+class MmProgressWindowComponent {
+    data;
+    statusText;
+    progressValue;
+    constructor(data) {
+        this.data = data;
+        this.statusText = null;
+        this.progressValue = 0;
+        data.progress.subscribe((value) => {
+            this.statusText = value.statusText;
+            this.progressValue = value.progressValue;
+        });
+    }
+    ngOnInit() { }
+    onCancelClick() {
+        this.data.cancelOperation();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MmProgressWindowComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: MmProgressWindowComponent, selector: "mm-progress-window", ngImport: i0, template: "<h1 mat-dialog-title>{{data.title}}</h1>\n<div mat-dialog-content>\n  <div fxLayout=\"column\">\n    <mat-progress-bar *ngIf=\"data.isDeterminate\" [value]=\"progressValue\" mode=\"determinate\"></mat-progress-bar>\n    <mat-progress-bar *ngIf=\"!data.isDeterminate\" mode=\"indeterminate\"></mat-progress-bar>\n    <p>{{statusText}}</p>\n  </div>\n</div>\n<div style=\"justify-content: flex-end;\" mat-dialog-actions>\n  <button (click)=\"onCancelClick()\" *ngIf=\"data.isCancelOperationAvailable\" mat-button>Cancel</button>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MmProgressWindowComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mm-progress-window', template: "<h1 mat-dialog-title>{{data.title}}</h1>\n<div mat-dialog-content>\n  <div fxLayout=\"column\">\n    <mat-progress-bar *ngIf=\"data.isDeterminate\" [value]=\"progressValue\" mode=\"determinate\"></mat-progress-bar>\n    <mat-progress-bar *ngIf=\"!data.isDeterminate\" mode=\"indeterminate\"></mat-progress-bar>\n    <p>{{statusText}}</p>\n  </div>\n</div>\n<div style=\"justify-content: flex-end;\" mat-dialog-actions>\n  <button (click)=\"onCancelClick()\" *ngIf=\"data.isCancelOperationAvailable\" mat-button>Cancel</button>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }] });
+
+class MmSharedUiModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MmSharedUiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: MmSharedUiModule, declarations: [MmBreadcrumbComponent,
+            MmConfirmationWindowComponent,
+            MmProgressWindowComponent,
+            MmNotificationBarComponent,
+            MmMessageDetailsComponent,
+            MmAutocompleteInputComponent,
+            MmEntitySelectInputComponent,
+            MmMultipleEntitySelectInputComponent], imports: [CommonModule,
+            MatToolbarModule,
+            MatButtonModule,
+            MatSnackBarModule,
+            MatDialogModule,
+            MatAutocompleteModule,
+            MatInputModule,
+            MatProgressSpinnerModule,
+            MatChipsModule,
+            MatIconModule,
+            ReactiveFormsModule], exports: [MmBreadcrumbComponent, MmConfirmationWindowComponent, MmNotificationBarComponent, MmAutocompleteInputComponent, MmEntitySelectInputComponent, MmMultipleEntitySelectInputComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MmSharedUiModule, imports: [CommonModule,
+            MatToolbarModule,
+            MatButtonModule,
+            MatSnackBarModule,
+            MatDialogModule,
+            MatAutocompleteModule,
+            MatInputModule,
+            MatProgressSpinnerModule,
+            MatChipsModule,
+            MatIconModule,
+            ReactiveFormsModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MmSharedUiModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        MmBreadcrumbComponent,
+                        MmConfirmationWindowComponent,
+                        MmProgressWindowComponent,
+                        MmNotificationBarComponent,
+                        MmMessageDetailsComponent,
+                        MmAutocompleteInputComponent,
+                        MmEntitySelectInputComponent,
+                        MmMultipleEntitySelectInputComponent,
+                    ],
+                    exports: [MmBreadcrumbComponent, MmConfirmationWindowComponent, MmNotificationBarComponent, MmAutocompleteInputComponent, MmEntitySelectInputComponent, MmMultipleEntitySelectInputComponent],
+                    imports: [
+                        CommonModule,
+                        MatToolbarModule,
+                        MatButtonModule,
+                        MatSnackBarModule,
+                        MatDialogModule,
+                        MatAutocompleteModule,
+                        MatInputModule,
+                        MatProgressSpinnerModule,
+                        MatChipsModule,
+                        MatIconModule,
+                        ReactiveFormsModule
+                    ]
+                }]
+        }] });
+
 class ConfirmationService {
     dialog;
     constructor(dialog) {
@@ -1254,34 +1279,73 @@ class ConfirmationService {
         });
         return dialogRef.afterClosed().pipe(map((value) => value?.result === ButtonTypes.Ok));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ConfirmationService, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ConfirmationService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ConfirmationService, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ConfirmationService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ConfirmationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ConfirmationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
         }], ctorParameters: () => [{ type: i1.MatDialog }] });
 
-class ConfirmationDialogModule {
-    static forRoot() {
-        return {
-            ngModule: ConfirmationDialogModule,
-            providers: [ConfirmationService]
-        };
+class ProgressNotifierService {
+    dialog;
+    _currentProgressValue;
+    currentDialogRef;
+    constructor(dialog) {
+        this.dialog = dialog;
+        this._currentProgressValue = new BehaviorSubject(null);
+        this.currentDialogRef = null;
+        this._isCanceled = false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ConfirmationDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: ConfirmationDialogModule, declarations: [MmConfirmationWindowComponent], imports: [CommonModule, MatDialogModule, MatButtonModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ConfirmationDialogModule, imports: [CommonModule, MatDialogModule, MatButtonModule] });
+    _isCanceled;
+    get isCanceled() {
+        return this._isCanceled;
+    }
+    set isCanceled(value) {
+        this._isCanceled = value;
+    }
+    start(title, isDeterminate, isCancelOperationAvailable) {
+        this.isCanceled = false;
+        this.reportProgressDeterminate(0, 100, 'Working...');
+        this.currentDialogRef = this.dialog.open(MmProgressWindowComponent, {
+            width: '50vw',
+            maxWidth: '50vw',
+            data: {
+                title,
+                isDeterminate,
+                progress: this._currentProgressValue.asObservable(),
+                isCancelOperationAvailable,
+                cancelOperation: () => {
+                    this.reportProgressIndeterminate('Canceling operation...');
+                    this.isCanceled = true;
+                }
+            }
+        });
+    }
+    reportProgressDeterminate(progressCurrent, progressMax, statusText) {
+        const progressPercentage = (progressMax / 100) * progressCurrent;
+        this._currentProgressValue.next({
+            statusText,
+            progressValue: progressPercentage
+        });
+    }
+    reportProgressIndeterminate(statusText) {
+        this._currentProgressValue.next({
+            statusText,
+            progressValue: 0
+        });
+    }
+    complete() {
+        this.currentDialogRef?.close();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ProgressNotifierService, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ProgressNotifierService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ConfirmationDialogModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [MmConfirmationWindowComponent],
-                    imports: [CommonModule, MatDialogModule, MatButtonModule]
-                }]
-        }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ProgressNotifierService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i1.MatDialog }] });
 
 function isEmptyInputValue(value) {
     // we don't check for string here so it also works with arrays
@@ -1370,140 +1434,6 @@ class AbstractDetailsComponent {
     }
 }
 
-class BreadcrumbService {
-    breadcrumbLabels = new BehaviorSubject([]);
-    newBreadcrumb = new BehaviorSubject([]);
-    updateBreadcrumbLabels(labels) {
-        this.breadcrumbLabels.next(labels);
-    }
-    updateBreadcrumb(newBreadcrumb) {
-        this.newBreadcrumb.next(newBreadcrumb);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BreadcrumbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BreadcrumbService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BreadcrumbService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-class MmBreadcrumbComponent {
-    activatedRoute;
-    router;
-    breadcrumbService;
-    breadcrumb = [];
-    fontSize = '18px';
-    fontColor = '#0275d8';
-    lastLinkColor = '#000';
-    symbol = ' / ';
-    constructor(activatedRoute, router, breadcrumbService) {
-        this.activatedRoute = activatedRoute;
-        this.router = router;
-        this.breadcrumbService = breadcrumbService;
-        this.breadCrumbData();
-    }
-    ngOnInit() {
-        this.breadcrumbService.breadcrumbLabels.subscribe((labelData) => {
-            Object.entries(labelData).forEach(([key, value]) => {
-                this.breadcrumb.forEach((crumb) => {
-                    const labelParams = crumb.label.match(/[^{{]+(?=}})/g);
-                    if (labelParams) {
-                        for (const labelParam of labelParams) {
-                            if (labelParam === key) {
-                                crumb.label = crumb.label.replace('{{' + labelParam + '}}', value);
-                            }
-                        }
-                    }
-                });
-            });
-        });
-        this.breadcrumbService.newBreadcrumb.subscribe((breadcrumb) => {
-            if (breadcrumb.length > 0) {
-                this.updateData(this.activatedRoute, breadcrumb);
-            }
-        });
-    }
-    breadCrumbData() {
-        this.router.events
-            .pipe(filter((event) => event instanceof NavigationEnd))
-            .pipe(map(() => this.activatedRoute))
-            .pipe(map((route) => {
-            while (route.firstChild) {
-                route = route.firstChild;
-            }
-            return route;
-        }))
-            .pipe(filter((route) => route.outlet === PRIMARY_OUTLET))
-            .subscribe((route) => {
-            this.updateData(route, null);
-        });
-    }
-    updateData(route, newBreadcrumb) {
-        if (route.snapshot.data['breadcrumb'] || newBreadcrumb) {
-            const data = route.snapshot.data['breadcrumb'] ? route.snapshot.data['breadcrumb'] : newBreadcrumb;
-            const breadcrumb = JSON.parse(JSON.stringify(data));
-            breadcrumb.forEach((crumb) => {
-                if (crumb.url) {
-                    const urlChunks = crumb.url.split('/');
-                    for (const chunk of urlChunks) {
-                        if (chunk.includes(':')) {
-                            const paramID = chunk.replace(':', '');
-                            const routerParamID = route.snapshot.params[paramID];
-                            crumb.url = crumb.url.replace(`:${paramID}`, routerParamID);
-                        }
-                    }
-                }
-                const labelParams = crumb.label.match(/[^{{]+(?=}})/g);
-                if (labelParams) {
-                    for (const labelParam of labelParams) {
-                        const routerParamID = decodeURIComponent(route.snapshot.params[labelParam.trim()]);
-                        if (routerParamID) {
-                            crumb.label = crumb.label.replace('{{' + labelParam + '}}', routerParamID);
-                        }
-                        else {
-                            // crumb.label = crumb.label.replace('{{' + labelParam + '}}', '');
-                        }
-                    }
-                }
-            });
-            this.breadcrumb = breadcrumb;
-        }
-        else {
-            this.breadcrumb = [];
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MmBreadcrumbComponent, deps: [{ token: i1$3.ActivatedRoute }, { token: i1$3.Router }, { token: BreadcrumbService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MmBreadcrumbComponent, selector: "mm-breadcrumb", inputs: { fontSize: "fontSize", fontColor: "fontColor", lastLinkColor: "lastLinkColor", symbol: "symbol" }, ngImport: i0, template: "<mat-list class=\"mat-bread-crumb-list\" *ngIf=\"breadcrumb.length\">\n  <mat-list-item>\n      <span class=\"mat-bread-crumb-spacer\">\n          <span *ngFor=\"let item of breadcrumb; let i = index\">\n              <a *ngIf=\"item?.url\" [routerLink]=\"item?.url\"\n                 class=\"mat-bread-crumb-list-item\">{{ item.label }}</a>\n              <span *ngIf=\"!item?.url\" class=\"mat-bread-crumb-list-item\">{{ item.label }}</span>\n              <span *ngIf=\"breadcrumb.length !== i+1\" class=\"mat-bread-crumb-list-item\">{{symbol}}</span>\n          </span>\n      </span>\n  </mat-list-item>\n</mat-list>\n", styles: [".mat-bread-crumb{height:30px}.mat-bread-crumb-list{padding-bottom:10px}\n"], dependencies: [{ kind: "directive", type: i1$3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$2.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i4$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MmBreadcrumbComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'mm-breadcrumb', template: "<mat-list class=\"mat-bread-crumb-list\" *ngIf=\"breadcrumb.length\">\n  <mat-list-item>\n      <span class=\"mat-bread-crumb-spacer\">\n          <span *ngFor=\"let item of breadcrumb; let i = index\">\n              <a *ngIf=\"item?.url\" [routerLink]=\"item?.url\"\n                 class=\"mat-bread-crumb-list-item\">{{ item.label }}</a>\n              <span *ngIf=\"!item?.url\" class=\"mat-bread-crumb-list-item\">{{ item.label }}</span>\n              <span *ngIf=\"breadcrumb.length !== i+1\" class=\"mat-bread-crumb-list-item\">{{symbol}}</span>\n          </span>\n      </span>\n  </mat-list-item>\n</mat-list>\n", styles: [".mat-bread-crumb{height:30px}.mat-bread-crumb-list{padding-bottom:10px}\n"] }]
-        }], ctorParameters: () => [{ type: i1$3.ActivatedRoute }, { type: i1$3.Router }, { type: BreadcrumbService }], propDecorators: { fontSize: [{
-                type: Input
-            }], fontColor: [{
-                type: Input
-            }], lastLinkColor: [{
-                type: Input
-            }], symbol: [{
-                type: Input
-            }] } });
-
-class BreadcrumbModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: BreadcrumbModule, declarations: [MmBreadcrumbComponent], imports: [RouterModule, CommonModule, BrowserAnimationsModule, MatToolbarModule, MatListModule], exports: [MmBreadcrumbComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BreadcrumbModule, imports: [RouterModule, CommonModule, BrowserAnimationsModule, MatToolbarModule, MatListModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: BreadcrumbModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [MmBreadcrumbComponent],
-                    imports: [RouterModule, CommonModule, BrowserAnimationsModule, MatToolbarModule, MatListModule],
-                    exports: [MmBreadcrumbComponent]
-                }]
-        }] });
-
 /*
  * Public API Surface of shared-ui
  */
@@ -1512,5 +1442,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractDetailsComponent, BreadcrumbModule, BreadcrumbService, ButtonTypes, CommonValidators, ConfirmationDialogModule, ConfirmationService, DialogType, MmAutocompleteInputComponent, MmBreadcrumbComponent, MmEntitySelectInputComponent, MmMultipleEntitySelectInputComponent, MmNotificationBarComponent, MmSharedUiModule, ProgressNotifierModule, ProgressNotifierService };
+export { AbstractDetailsComponent, ButtonTypes, CommonValidators, ConfirmationService, DialogType, MmAutocompleteInputComponent, MmBreadcrumbComponent, MmConfirmationWindowComponent, MmEntitySelectInputComponent, MmMultipleEntitySelectInputComponent, MmNotificationBarComponent, MmSharedUiModule, ProgressNotifierService };
 //# sourceMappingURL=meshmakers-shared-ui.mjs.map