@meshmakers/shared-ui 2.0.2304-14001 → 2.0.2304-23001

package/fesm2020/meshmakers-shared-ui.mjs

@@ -16,7 +16,7 @@ import * as i7 from '@angular/forms';
 import { FormControl, NgControl, NG_VALUE_ACCESSOR, NG_VALIDATORS, ReactiveFormsModule, Validators } from '@angular/forms';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import { debounceTime, filter, tap, map, switchMap } from 'rxjs/operators';
-import { Subject, BehaviorSubject } from 'rxjs';
+import { Subject, of, BehaviorSubject } from 'rxjs';
 import * as i1$2 from '@angular/cdk/a11y';
 import * as i3$1 from '@angular/material/autocomplete';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
@@ -35,1239 +35,1288 @@ import * as i5$1 from '@angular/material/progress-bar';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
 import { FlexLayoutModule } from '@angular/flex-layout';
 
-class MessageDetailsComponent {
-    constructor(dialogRef, data) {
-        this.dialogRef = dialogRef;
-        this.data = data;
-        this.errorMessage = data.errorMessage;
-    }
-    ngOnInit() {
-    }
-}
-MessageDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: MessageDetailsComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-MessageDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: MessageDetailsComponent, selector: "app-message-details", ngImport: i0, template: "<mat-dialog-content>\r\n\r\n  <h2>{{errorMessage.title}}</h2>\r\n  <p>{{errorMessage.message}}</p>\r\n\r\n\r\n</mat-dialog-content>\r\n<mat-dialog-actions align=\"end\">\r\n  <button color=\"primary\" mat-dialog-close mat-raised-button>OK</button>\r\n</mat-dialog-actions>\r\n", styles: [""], dependencies: [{ kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], 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.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: MessageDetailsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-message-details', template: "<mat-dialog-content>\r\n\r\n  <h2>{{errorMessage.title}}</h2>\r\n  <p>{{errorMessage.message}}</p>\r\n\r\n\r\n</mat-dialog-content>\r\n<mat-dialog-actions align=\"end\">\r\n  <button color=\"primary\" mat-dialog-close mat-raised-button>OK</button>\r\n</mat-dialog-actions>\r\n" }]
-        }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
+class MessageDetailsComponent {
+    constructor(dialogRef, data) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.errorMessage = data.errorMessage;
+    }
+    ngOnInit() {
+    }
+}
+MessageDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MessageDetailsComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+MessageDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: MessageDetailsComponent, selector: "app-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: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], 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.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MessageDetailsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-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: function () { return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
                 }] }]; } });
 
-class IaNotificationBarComponent {
-    constructor(messageService, dialog) {
-        this.messageService = messageService;
-        this.dialog = dialog;
-    }
-    ngOnInit() {
-        this.messageService.getLatestErrorMessage().subscribe(value => {
-            this.errorMessage = value;
-        });
-    }
-    onHide() {
-        this.errorMessage = null;
-    }
-    onShowDetails() {
-        this.dialog.open(MessageDetailsComponent, {
-            data: {
-                errorMessage: this.errorMessage
-            }
-        });
-    }
-}
-IaNotificationBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IaNotificationBarComponent, deps: [{ token: i1$1.MessageService }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-IaNotificationBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: IaNotificationBarComponent, selector: "ia-notification-bar", ngImport: i0, template: "<mat-toolbar [hidden]=\"!errorMessage\" color=\"warn\">\r\n  <a (click)=\"onShowDetails()\"><span class=\"mat-small\"><u>{{ errorMessage?.title }}</u></span></a>\r\n\r\n  <!-- This fills the remaining space of the current row -->\r\n  <span class=\"notification-fill-remaining-space\"></span>\r\n\r\n  <button (click)=\"onHide()\" color=\"warn\" mat-raised-button><i class=\"pi pi-angle-double-up\"></i></button>\r\n</mat-toolbar>\r\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: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IaNotificationBarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ia-notification-bar', template: "<mat-toolbar [hidden]=\"!errorMessage\" color=\"warn\">\r\n  <a (click)=\"onShowDetails()\"><span class=\"mat-small\"><u>{{ errorMessage?.title }}</u></span></a>\r\n\r\n  <!-- This fills the remaining space of the current row -->\r\n  <span class=\"notification-fill-remaining-space\"></span>\r\n\r\n  <button (click)=\"onHide()\" color=\"warn\" mat-raised-button><i class=\"pi pi-angle-double-up\"></i></button>\r\n</mat-toolbar>\r\n", styles: [".notification-fill-remaining-space{flex:1 1 auto}\n"] }]
+class IaNotificationBarComponent {
+    constructor(messageService, dialog) {
+        this.messageService = messageService;
+        this.dialog = dialog;
+        this.errorMessage = null;
+    }
+    ngOnInit() {
+        this.messageService.getLatestErrorMessage().subscribe(value => {
+            this.errorMessage = value;
+        });
+    }
+    onHide() {
+        this.errorMessage = null;
+    }
+    onShowDetails() {
+        this.dialog.open(MessageDetailsComponent, {
+            data: {
+                errorMessage: this.errorMessage
+            }
+        });
+    }
+}
+IaNotificationBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IaNotificationBarComponent, deps: [{ token: i1$1.MessageService }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+IaNotificationBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: IaNotificationBarComponent, selector: "ia-notification-bar", ngImport: i0, template: "<mat-toolbar [hidden]=\"!errorMessage\" color=\"warn\">\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()\" color=\"warn\" mat-raised-button><i class=\"pi pi-angle-double-up\"></i></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: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IaNotificationBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ia-notification-bar', template: "<mat-toolbar [hidden]=\"!errorMessage\" color=\"warn\">\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()\" color=\"warn\" mat-raised-button><i class=\"pi pi-angle-double-up\"></i></button>\n</mat-toolbar>\n", styles: [".notification-fill-remaining-space{flex:1 1 auto}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.MessageService }, { type: i1.MatDialog }]; } });
 
-class IaAutocompleteInput {
-    constructor(elRef, injector, fm) {
-        this.elRef = elRef;
-        this.injector = injector;
-        this.fm = fm;
-        this.filteredStrings = [];
-        this.stateChanges = new Subject();
-        this.id = `ia-autocomplete-${IaAutocompleteInput.nextId++}`;
-        this.valueChange = new EventEmitter();
-        this.describedBy = '';
-        this._disabled = false;
-        this._required = false;
-        this._propagateChange = (_) => {
-        };
-        this._onTouched = () => {
-        };
-        this.searchFormControl = new FormControl();
-        this.isLoading = false;
-        this._disabled = false;
-        this.focused = false;
-        fm.monitor(elRef.nativeElement, true).subscribe(origin => {
-            this.focused = !!origin;
-            this.stateChanges.next();
-        });
-    }
-    get dataSource() {
-        return this._dataSource;
-    }
-    set dataSource(value) {
-        this._dataSource = value;
-    }
-    get disabled() {
-        return this._disabled;
-    }
-    set disabled(dis) {
-        this._disabled = coerceBooleanProperty(dis);
-        this._disabled ? this.searchFormControl.disable() : this.searchFormControl.enable();
-        this.stateChanges.next();
-    }
-    get placeholder() {
-        return this._placeholder;
-    }
-    set placeholder(plh) {
-        this._placeholder = plh;
-        this.stateChanges.next();
-    }
-    get required() {
-        return this._required;
-    }
-    set required(req) {
-        this._required = coerceBooleanProperty(req);
-        this.inputField.required = this._required;
-        this.stateChanges.next();
-    }
-    get prefix() {
-        return this._prefix;
-    }
-    set prefix(value) {
-        if (value !== this._prefix) {
-            this._prefix = value;
-        }
-    }
-    get value() {
-        return this._selectedString;
-    }
-    set value(value) {
-        if (value !== this._selectedString) {
-            this._selectedString = value;
-            this.searchFormControl.setValue(value);
-            this.valueChange.emit(value);
-            this._propagateChange(this._selectedString);
-            this.stateChanges.next();
-        }
-    }
-    get empty() {
-        let n = this.searchFormControl.value;
-        return !!!n;
-    }
-    get shouldLabelFloat() {
-        return this.focused || !this.empty;
-    }
-    ngOnInit() {
-        this.ngControl = this.injector.get(NgControl, null);
-        if (this.ngControl != null) {
-            this.ngControl.valueAccessor = this;
-        }
-        // If prefix defined, usually this is used for a code scanner.
-        // The goal is to select the entity in direct way.
-        if (this._prefix) {
-            this.searchFormControl
-                .valueChanges
-                .pipe(debounceTime(300), filter(value => typeof value === 'string'), filter(value => value.startsWith(this._prefix)), tap(() => this.value = null), tap(() => this.isLoading = true), map(value => this._dataSource.onPreprocessSearchString(value)), switchMap(value => this._dataSource.onFilter(value)))
-                .subscribe(resultSet => {
-                if (resultSet.list.length === 1) {
-                    this.value = resultSet[0];
-                }
-                else {
-                    this.filteredStrings = resultSet.list;
-                    this.searchFormControl.patchValue(resultSet.searchTerm, { emitEvent: false });
-                }
-                this.isLoading = false;
-            });
-        }
-        // This is the search functionality when search by human.
-        this.searchFormControl
-            .valueChanges
-            .pipe(debounceTime(300), tap(value => {
-            this.filteredStrings = [];
-        }), filter(value => value != null && value.toString().length >= 1), tap(() => this.isLoading = true), map(value => this._dataSource.onPreprocessSearchString(value)), tap(value => this.value = value), switchMap(value => this._dataSource.onFilter(value)))
-            .subscribe(resultSet => {
-            this.filteredStrings = resultSet.list;
-            this.searchFormControl.patchValue(resultSet.searchTerm, { emitEvent: false });
-            this.isLoading = false;
-        });
-    }
-    ngOnDestroy() {
-        this.stateChanges.complete();
-        this.fm.stopMonitoring(this.elRef.nativeElement);
-    }
-    ngDoCheck() {
-        if (this.ngControl) {
-            this.errorState = this.ngControl.invalid && this.ngControl.touched;
-            this.stateChanges.next();
-        }
-    }
-    clear() {
-        this.filteredStrings = [];
-        this.searchFormControl.reset(null);
-    }
-    focus() {
-        this.elRef.nativeElement.querySelector('input').focus();
-    }
-    onOptionSelected(event) {
-        this.value = event.option.value;
-        this.filteredStrings = [];
-    }
-    onOptionActivated(event) {
-        this.activatedValue = event.option?.value;
-    }
-    onAutoCompleteClosed() {
-        if (this.activatedValue) {
-            this.value = this.activatedValue;
-            this.activatedValue = null;
-        }
-    }
-    reset() {
-        this.value = null;
-    }
-    onFocusOut() {
-        if (this.filteredStrings.length === 1) {
-            this.activatedValue = this.filteredStrings[0];
-            this.value = this.filteredStrings[0];
-        }
-    }
-    onTouched() {
-        this._onTouched();
-        this.stateChanges.next();
-    }
-    registerOnChange(fn) {
-        this._propagateChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    writeValue(obj) {
-        this.clear();
-        this.value = obj;
-    }
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-    }
-    onContainerClick(event) {
-        if (event.target.tagName.toLowerCase() != 'input') {
-            this.focus();
-        }
-    }
-    setDescribedByIds(ids) {
-        this.describedBy = ids.join(' ');
-    }
-    validate(control) {
-        const selection = control.value;
-        if (typeof selection === 'string' && selection.length < 1) {
-            return { incorrect: true };
-        }
-        return null;
-    }
-}
-IaAutocompleteInput.nextId = 0;
-IaAutocompleteInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IaAutocompleteInput, deps: [{ token: i0.ElementRef }, { token: i0.Injector }, { token: i1$2.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
-IaAutocompleteInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: IaAutocompleteInput, selector: "ia-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(() => IaAutocompleteInput),
-            multi: true
-        },
-        {
-            provide: MatFormFieldControl,
-            useExisting: IaAutocompleteInput
-        },
-        {
-            provide: NG_VALIDATORS,
-            useExisting: forwardRef(() => IaAutocompleteInput),
-            multi: true
-        }
-    ], viewQueries: [{ propertyName: "inputField", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<input #input (blur)=\"onTouched()\" (focusout)=\"onFocusOut()\" [formControl]=\"searchFormControl\" [matAutocomplete]=\"auto\"\r\n       [placeholder]=\"placeholder\" matInput>\r\n<mat-autocomplete #auto=\"matAutocomplete\"\r\n                  (closed)=\"onAutoCompleteClosed()\" (optionActivated)=\"onOptionActivated($event)\"\r\n                  (optionSelected)=\"onOptionSelected($event)\">\r\n  <mat-option *ngIf=\"isLoading\" class=\"is-loading\">\r\n    <mat-spinner diameter=\"50\"></mat-spinner>\r\n  </mat-option>\r\n  <ng-container *ngIf=\"!isLoading\">\r\n    <mat-option *ngFor=\"let str of filteredStrings\" [value]=\"str\">\r\n      {{str}}\r\n    </mat-option>\r\n  </ng-container>\r\n</mat-autocomplete>\r\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$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple", "hideSingleSelectionIndicator"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i3$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i5.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: "15.2.3", ngImport: i0, type: IaAutocompleteInput, decorators: [{
-            type: Component,
-            args: [{ selector: 'ia-autocomplete', host: {
-                        '[id]': 'id',
-                        '[attr.aria-describedby]': 'describedBy'
-                    }, providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => IaAutocompleteInput),
-                            multi: true
-                        },
-                        {
-                            provide: MatFormFieldControl,
-                            useExisting: IaAutocompleteInput
-                        },
-                        {
-                            provide: NG_VALIDATORS,
-                            useExisting: forwardRef(() => IaAutocompleteInput),
-                            multi: true
-                        }
-                    ], template: "<input #input (blur)=\"onTouched()\" (focusout)=\"onFocusOut()\" [formControl]=\"searchFormControl\" [matAutocomplete]=\"auto\"\r\n       [placeholder]=\"placeholder\" matInput>\r\n<mat-autocomplete #auto=\"matAutocomplete\"\r\n                  (closed)=\"onAutoCompleteClosed()\" (optionActivated)=\"onOptionActivated($event)\"\r\n                  (optionSelected)=\"onOptionSelected($event)\">\r\n  <mat-option *ngIf=\"isLoading\" class=\"is-loading\">\r\n    <mat-spinner diameter=\"50\"></mat-spinner>\r\n  </mat-option>\r\n  <ng-container *ngIf=\"!isLoading\">\r\n    <mat-option *ngFor=\"let str of filteredStrings\" [value]=\"str\">\r\n      {{str}}\r\n    </mat-option>\r\n  </ng-container>\r\n</mat-autocomplete>\r\n", styles: ["span{opacity:0;transition:opacity .2s}:host.floating span{opacity:1}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Injector }, { type: i1$2.FocusMonitor }]; }, propDecorators: { id: [{
-                type: HostBinding
-            }], inputField: [{
-                type: ViewChild,
-                args: ['input']
-            }], describedBy: [{
-                type: HostBinding,
-                args: ['attr.aria-describedby']
-            }], dataSource: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], prefix: [{
-                type: Input
-            }], shouldLabelFloat: [{
-                type: HostBinding,
-                args: ['class.floating']
+class IaAutocompleteInput {
+    constructor(elRef, injector, fm) {
+        this.elRef = elRef;
+        this.injector = injector;
+        this.fm = fm;
+        this.filteredStrings = [];
+        this.stateChanges = new Subject();
+        this.id = `ia-autocomplete-${IaAutocompleteInput.nextId++}`;
+        this.valueChange = new EventEmitter();
+        this.describedBy = '';
+        this._disabled = false;
+        this._required = false;
+        this._propagateChange = (_) => {
+        };
+        this._onTouched = () => {
+        };
+        this.ngControl = null;
+        this.errorState = false;
+        this._selectedString = null;
+        this.inputField = null;
+        this._dataSource = null;
+        this._placeholder = "";
+        this._prefix = "";
+        this.searchFormControl = new FormControl();
+        this.isLoading = false;
+        this._disabled = false;
+        this.focused = false;
+        fm.monitor(elRef.nativeElement, true).subscribe(origin => {
+            this.focused = !!origin;
+            this.stateChanges.next();
+        });
+    }
+    get dataSource() {
+        return this._dataSource;
+    }
+    set dataSource(value) {
+        this._dataSource = value;
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(dis) {
+        this._disabled = coerceBooleanProperty(dis);
+        this._disabled ? this.searchFormControl.disable() : this.searchFormControl.enable();
+        this.stateChanges.next();
+    }
+    get placeholder() {
+        return this._placeholder;
+    }
+    set placeholder(plh) {
+        this._placeholder = plh;
+        this.stateChanges.next();
+    }
+    get required() {
+        return this._required;
+    }
+    set required(req) {
+        this._required = coerceBooleanProperty(req);
+        if (this.inputField) {
+            this.inputField.required = this._required;
+        }
+        this.stateChanges.next();
+    }
+    get prefix() {
+        return this._prefix;
+    }
+    set prefix(value) {
+        if (value !== this._prefix) {
+            this._prefix = value;
+        }
+    }
+    get value() {
+        return this._selectedString;
+    }
+    set value(value) {
+        if (value !== this._selectedString) {
+            this._selectedString = value;
+            this.searchFormControl.setValue(value);
+            this.valueChange.emit(value);
+            this._propagateChange(this._selectedString);
+            this.stateChanges.next();
+        }
+    }
+    get empty() {
+        let n = this.searchFormControl.value;
+        return !n;
+    }
+    get shouldLabelFloat() {
+        return this.focused || !this.empty;
+    }
+    ngOnInit() {
+        this.ngControl = this.injector.get(NgControl, null);
+        if (this.ngControl != null) {
+            this.ngControl.valueAccessor = this;
+        }
+        // If prefix defined, usually this is used for a code scanner.
+        // The goal is to select the entity in direct way.
+        if (this._prefix) {
+            this.searchFormControl
+                .valueChanges
+                .pipe(debounceTime(300), filter(value => typeof value === 'string'), filter(value => value.startsWith(this._prefix)), tap(() => this.value = null), tap(() => this.isLoading = true), map(value => this._dataSource?.onPreprocessSearchString(value) ?? ""), switchMap(value => this._dataSource?.onFilter(value) ?? of(null)))
+                .subscribe(resultSet => {
+                if (resultSet && resultSet.list) {
+                    if (resultSet.list.length === 1) {
+                        this.value = resultSet.list[0];
+                    }
+                    else {
+                        this.filteredStrings = resultSet.list;
+                        this.searchFormControl.patchValue(resultSet.searchTerm, { emitEvent: false });
+                    }
+                }
+                this.isLoading = false;
+            });
+        }
+        // This is the search functionality when search by human.
+        this.searchFormControl
+            .valueChanges
+            .pipe(debounceTime(300), tap(_ => {
+            this.filteredStrings = [];
+        }), filter(value => value != null && value.toString().length >= 1), tap(() => this.isLoading = true), map(value => this._dataSource?.onPreprocessSearchString(value)), tap(value => this.value = value), switchMap(value => this._dataSource?.onFilter(value) ?? of(null)))
+            .subscribe(resultSet => {
+            if (resultSet && resultSet.list) {
+                this.filteredStrings = resultSet.list;
+                this.searchFormControl.patchValue(resultSet.searchTerm, { emitEvent: false });
+            }
+            this.isLoading = false;
+        });
+    }
+    ngOnDestroy() {
+        this.stateChanges.complete();
+        this.fm.stopMonitoring(this.elRef.nativeElement);
+    }
+    ngDoCheck() {
+        if (this.ngControl) {
+            this.errorState = (this.ngControl.invalid && this.ngControl.touched) ?? false;
+            this.stateChanges.next();
+        }
+    }
+    clear() {
+        this.filteredStrings = [];
+        this.searchFormControl.reset(null);
+    }
+    focus() {
+        this.elRef.nativeElement.querySelector('input').focus();
+    }
+    onOptionSelected(event) {
+        this.value = event.option.value;
+        this.filteredStrings = [];
+    }
+    onOptionActivated(event) {
+        this.activatedValue = event.option?.value;
+    }
+    onAutoCompleteClosed() {
+        if (this.activatedValue) {
+            this.value = this.activatedValue;
+            this.activatedValue = null;
+        }
+    }
+    reset() {
+        this.value = null;
+    }
+    onFocusOut() {
+        if (this.filteredStrings.length === 1) {
+            this.activatedValue = this.filteredStrings[0];
+            this.value = this.filteredStrings[0];
+        }
+    }
+    onTouched() {
+        this._onTouched();
+        this.stateChanges.next();
+    }
+    registerOnChange(fn) {
+        this._propagateChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    writeValue(obj) {
+        this.clear();
+        this.value = obj;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    onContainerClick(event) {
+        if (event.target.tagName.toLowerCase() != 'input') {
+            this.focus();
+        }
+    }
+    setDescribedByIds(ids) {
+        this.describedBy = ids.join(' ');
+    }
+    validate(control) {
+        const selection = control.value;
+        if (typeof selection === 'string' && selection.length < 1) {
+            return { incorrect: true };
+        }
+        return null;
+    }
+}
+IaAutocompleteInput.nextId = 0;
+IaAutocompleteInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IaAutocompleteInput, deps: [{ token: i0.ElementRef }, { token: i0.Injector }, { token: i1$2.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
+IaAutocompleteInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: IaAutocompleteInput, selector: "ia-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(() => IaAutocompleteInput),
+            multi: true
+        },
+        {
+            provide: MatFormFieldControl,
+            useExisting: IaAutocompleteInput
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => IaAutocompleteInput),
+            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$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple", "hideSingleSelectionIndicator"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i3$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i5.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: "15.2.8", ngImport: i0, type: IaAutocompleteInput, decorators: [{
+            type: Component,
+            args: [{ selector: 'ia-autocomplete', host: {
+                        '[id]': 'id',
+                        '[attr.aria-describedby]': 'describedBy'
+                    }, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => IaAutocompleteInput),
+                            multi: true
+                        },
+                        {
+                            provide: MatFormFieldControl,
+                            useExisting: IaAutocompleteInput
+                        },
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: forwardRef(() => IaAutocompleteInput),
+                            multi: true
+                        }
+                    ], 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"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Injector }, { type: i1$2.FocusMonitor }]; }, propDecorators: { id: [{
+                type: HostBinding
+            }], inputField: [{
+                type: ViewChild,
+                args: ['input']
+            }], describedBy: [{
+                type: HostBinding,
+                args: ['attr.aria-describedby']
+            }], dataSource: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], prefix: [{
+                type: Input
+            }], shouldLabelFloat: [{
+                type: HostBinding,
+                args: ['class.floating']
             }] } });
 
-class IaEntitySelectInput {
-    constructor(elRef, injector, fm) {
-        this.elRef = elRef;
-        this.injector = injector;
-        this.fm = fm;
-        this.filteredEntities = [];
-        this.stateChanges = new Subject();
-        this.id = `ia-entity-select-${IaEntitySelectInput.nextId++}`;
-        this.valueChange = new EventEmitter();
-        this.describedBy = '';
-        this._disabled = false;
-        this._required = false;
-        this._propagateChange = (_) => {
-        };
-        this._onTouched = () => {
-        };
-        this.searchFormControl = new FormControl();
-        this.isLoading = false;
-        this._disabled = false;
-        this.focused = false;
-        fm.monitor(elRef.nativeElement, true).subscribe(origin => {
-            this.focused = !!origin;
-            this.stateChanges.next();
-        });
-    }
-    get dataSource() {
-        return this._dataSource;
-    }
-    set dataSource(value) {
-        this._dataSource = value;
-    }
-    get disabled() {
-        return this._disabled;
-    }
-    set disabled(dis) {
-        this._disabled = coerceBooleanProperty(dis);
-        this._disabled ? this.searchFormControl.disable() : this.searchFormControl.enable();
-        this.stateChanges.next();
-    }
-    get placeholder() {
-        return this._placeholder;
-    }
-    set placeholder(plh) {
-        this._placeholder = plh;
-        this.stateChanges.next();
-    }
-    get required() {
-        return this._required;
-    }
-    set required(req) {
-        this._required = coerceBooleanProperty(req);
-        this.inputField.required = this._required;
-        this.stateChanges.next();
-    }
-    get prefix() {
-        return this._prefix;
-    }
-    set prefix(value) {
-        if (value !== this._prefix) {
-            this._prefix = value;
-        }
-    }
-    get value() {
-        return this._selectedEntity;
-    }
-    set value(value) {
-        if (value !== this._selectedEntity) {
-            this.searchFormControl.setValue(value);
-            this.setValue(value);
-        }
-    }
-    get empty() {
-        let n = this.searchFormControl.value;
-        return !!!n;
-    }
-    get shouldLabelFloat() {
-        return this.focused || !this.empty;
-    }
-    ngOnInit() {
-        this.ngControl = this.injector.get(NgControl, null);
-        if (this.ngControl != null) {
-            this.ngControl.valueAccessor = this;
-        }
-        // If prefix defined, usually this is used for a code scanner.
-        // The goal is to select the entity in direct way.
-        if (this._prefix) {
-            this.searchFormControl
-                .valueChanges
-                .pipe(debounceTime(300), filter(value => typeof value === 'string'), filter(value => value.startsWith(this._prefix)), tap(() => this.value = null), tap(() => this.isLoading = true), switchMap(value => this._dataSource.onFilter(value.replace(this._prefix, "").trim())))
-                .subscribe(resultSet => {
-                if (resultSet.list.length === 1) {
-                    this.value = resultSet.list[0];
-                }
-                else {
-                    this.filteredEntities = resultSet.list;
-                }
-                this.isLoading = false;
-            });
-        }
-        // This is the search functionality when search by human.
-        this.searchFormControl
-            .valueChanges
-            .pipe(debounceTime(300), tap(() => this.filteredEntities = []), filter(value => typeof value === 'string'), tap(() => this.setValue(null)), filter(value => value.toString().length >= 3), tap(() => this.isLoading = true), switchMap(value => this._dataSource.onFilter(value)))
-            .subscribe(resultSet => {
-            this.filteredEntities = resultSet.list;
-            this.isLoading = false;
-        });
-    }
-    ngOnDestroy() {
-        this.stateChanges.complete();
-        this.fm.stopMonitoring(this.elRef.nativeElement);
-    }
-    ngDoCheck() {
-        if (this.ngControl) {
-            this.errorState = this.ngControl.invalid && this.ngControl.touched;
-            this.stateChanges.next();
-        }
-    }
-    clear() {
-        this.filteredEntities = [];
-        this.searchFormControl.reset(null);
-    }
-    focus() {
-        this.elRef.nativeElement.querySelector('input').focus();
-    }
-    onEntitySelected(event) {
-        this.value = event.option.value;
-        this.filteredEntities = [];
-    }
-    onEntityActivated(event) {
-        this.activatedValue = event.option?.value;
-    }
-    onEntityClosed() {
-        if (this.activatedValue) {
-            this.value = this.activatedValue;
-            this.activatedValue = null;
-        }
-    }
-    reset() {
-        this.value = null;
-    }
-    onFocusOut() {
-        if (this.filteredEntities.length === 1) {
-            this.activatedValue = this.filteredEntities[0];
-            this.value = this.filteredEntities[0];
-        }
-    }
-    onTouched() {
-        this._onTouched();
-        this.stateChanges.next();
-    }
-    registerOnChange(fn) {
-        this._propagateChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    writeValue(obj) {
-        this.clear();
-        this.value = obj;
-    }
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-    }
-    onContainerClick(event) {
-        if (event.target.tagName.toLowerCase() != 'input') {
-            this.focus();
-        }
-    }
-    setDescribedByIds(ids) {
-        this.describedBy = ids.join(' ');
-    }
-    validate(control) {
-        const selection = control.value;
-        if (typeof selection === 'string') {
-            return { incorrect: true };
-        }
-        return null;
-    }
-    setValue(value) {
-        if (value !== this._selectedEntity) {
-            this._selectedEntity = value;
-            this.valueChange.emit(value);
-            this._propagateChange(this._selectedEntity);
-            this.stateChanges.next();
-        }
-    }
-}
-IaEntitySelectInput.nextId = 0;
-IaEntitySelectInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IaEntitySelectInput, deps: [{ token: i0.ElementRef }, { token: i0.Injector }, { token: i1$2.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
-IaEntitySelectInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: IaEntitySelectInput, selector: "ia-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(() => IaEntitySelectInput),
-            multi: true
-        },
-        {
-            provide: MatFormFieldControl,
-            useExisting: IaEntitySelectInput
-        },
-        {
-            provide: NG_VALIDATORS,
-            useExisting: forwardRef(() => IaEntitySelectInput),
-            multi: true
-        }
-    ], viewQueries: [{ propertyName: "inputField", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<input #input (blur)=\"onTouched()\" (focusout)=\"onFocusOut()\" [formControl]=\"searchFormControl\" [matAutocomplete]=\"auto\"\r\n       [placeholder]=\"placeholder\" matInput>\r\n<mat-autocomplete #auto=\"matAutocomplete\" (closed)=\"onEntityClosed()\"\r\n                  (optionActivated)=\"onEntityActivated($event)\" (optionSelected)=\"onEntitySelected($event)\"\r\n                  [displayWith]=\"dataSource.onDisplayEntity\">\r\n  <mat-option *ngIf=\"isLoading\" class=\"is-loading\">\r\n    <mat-spinner diameter=\"50\"></mat-spinner>\r\n  </mat-option>\r\n  <ng-container *ngIf=\"!isLoading\">\r\n    <mat-option *ngFor=\"let entity of filteredEntities\" [value]=\"entity\">\r\n      {{dataSource.onDisplayEntity(entity)}}\r\n    </mat-option>\r\n  </ng-container>\r\n</mat-autocomplete>\r\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$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple", "hideSingleSelectionIndicator"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i3$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i5.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: "15.2.3", ngImport: i0, type: IaEntitySelectInput, decorators: [{
-            type: Component,
-            args: [{ selector: 'ia-entity-select', host: {
-                        '[id]': 'id',
-                        '[attr.aria-describedby]': 'describedBy'
-                    }, providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => IaEntitySelectInput),
-                            multi: true
-                        },
-                        {
-                            provide: MatFormFieldControl,
-                            useExisting: IaEntitySelectInput
-                        },
-                        {
-                            provide: NG_VALIDATORS,
-                            useExisting: forwardRef(() => IaEntitySelectInput),
-                            multi: true
-                        }
-                    ], template: "<input #input (blur)=\"onTouched()\" (focusout)=\"onFocusOut()\" [formControl]=\"searchFormControl\" [matAutocomplete]=\"auto\"\r\n       [placeholder]=\"placeholder\" matInput>\r\n<mat-autocomplete #auto=\"matAutocomplete\" (closed)=\"onEntityClosed()\"\r\n                  (optionActivated)=\"onEntityActivated($event)\" (optionSelected)=\"onEntitySelected($event)\"\r\n                  [displayWith]=\"dataSource.onDisplayEntity\">\r\n  <mat-option *ngIf=\"isLoading\" class=\"is-loading\">\r\n    <mat-spinner diameter=\"50\"></mat-spinner>\r\n  </mat-option>\r\n  <ng-container *ngIf=\"!isLoading\">\r\n    <mat-option *ngFor=\"let entity of filteredEntities\" [value]=\"entity\">\r\n      {{dataSource.onDisplayEntity(entity)}}\r\n    </mat-option>\r\n  </ng-container>\r\n</mat-autocomplete>\r\n", styles: ["span{opacity:0;transition:opacity .2s}:host.floating span{opacity:1}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Injector }, { type: i1$2.FocusMonitor }]; }, propDecorators: { id: [{
-                type: HostBinding
-            }], inputField: [{
-                type: ViewChild,
-                args: ['input']
-            }], describedBy: [{
-                type: HostBinding,
-                args: ['attr.aria-describedby']
-            }], dataSource: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], prefix: [{
-                type: Input
-            }], shouldLabelFloat: [{
-                type: HostBinding,
-                args: ['class.floating']
+class IaEntitySelectInput {
+    constructor(elRef, injector, fm) {
+        this.elRef = elRef;
+        this.injector = injector;
+        this.fm = fm;
+        this.filteredEntities = [];
+        this.stateChanges = new Subject();
+        this.id = `ia-entity-select-${IaEntitySelectInput.nextId++}`;
+        this.valueChange = new EventEmitter();
+        this.describedBy = '';
+        this._disabled = false;
+        this._required = false;
+        this._propagateChange = (_) => {
+        };
+        this._onTouched = () => {
+        };
+        this.ngControl = null;
+        this.errorState = false;
+        this.inputField = null;
+        this._dataSource = null;
+        this._placeholder = "";
+        this._prefix = "";
+        this.searchFormControl = new FormControl();
+        this.isLoading = false;
+        this._disabled = false;
+        this.focused = false;
+        fm.monitor(elRef.nativeElement, true).subscribe(origin => {
+            this.focused = !!origin;
+            this.stateChanges.next();
+        });
+    }
+    get dataSource() {
+        return this._dataSource;
+    }
+    set dataSource(value) {
+        this._dataSource = value;
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(dis) {
+        this._disabled = coerceBooleanProperty(dis);
+        this._disabled ? this.searchFormControl.disable() : this.searchFormControl.enable();
+        this.stateChanges.next();
+    }
+    get placeholder() {
+        return this._placeholder;
+    }
+    set placeholder(plh) {
+        this._placeholder = plh;
+        this.stateChanges.next();
+    }
+    get required() {
+        return this._required;
+    }
+    set required(req) {
+        this._required = coerceBooleanProperty(req);
+        if (this.inputField) {
+            this.inputField.required = this._required;
+        }
+        this.stateChanges.next();
+    }
+    get prefix() {
+        return this._prefix;
+    }
+    set prefix(value) {
+        if (value !== this._prefix) {
+            this._prefix = value;
+        }
+    }
+    get value() {
+        return this._selectedEntity;
+    }
+    set value(value) {
+        if (value !== this._selectedEntity) {
+            this.searchFormControl.setValue(value);
+            this.setValue(value);
+        }
+    }
+    get empty() {
+        let n = this.searchFormControl.value;
+        return !n;
+    }
+    get shouldLabelFloat() {
+        return this.focused || !this.empty;
+    }
+    ngOnInit() {
+        this.ngControl = this.injector.get(NgControl, null);
+        if (this.ngControl != null) {
+            this.ngControl.valueAccessor = this;
+        }
+        // If prefix defined, usually this is used for a code scanner.
+        // The goal is to select the entity in direct way.
+        if (this._prefix) {
+            this.searchFormControl
+                .valueChanges
+                .pipe(debounceTime(300), filter(value => typeof value === 'string'), filter(value => value.startsWith(this._prefix)), tap(() => this.value = null), tap(() => this.isLoading = true), switchMap(value => this._dataSource?.onFilter(value.replace(this._prefix, "").trim()) ?? of(null)))
+                .subscribe(resultSet => {
+                if (resultSet && resultSet.list) {
+                    if (resultSet.list.length === 1) {
+                        this.value = resultSet.list[0];
+                    }
+                    else {
+                        this.filteredEntities = resultSet.list;
+                    }
+                }
+                this.isLoading = false;
+            });
+        }
+        // This is the search functionality when search by human.
+        this.searchFormControl
+            .valueChanges
+            .pipe(debounceTime(300), tap(() => this.filteredEntities = []), filter(value => typeof value === 'string'), tap(() => this.setValue(null)), filter(value => value.toString().length >= 3), tap(() => this.isLoading = true), switchMap(value => this._dataSource?.onFilter(value) ?? of(null)))
+            .subscribe(resultSet => {
+            if (resultSet && resultSet.list) {
+                this.filteredEntities = resultSet.list;
+            }
+            this.isLoading = false;
+        });
+    }
+    ngOnDestroy() {
+        this.stateChanges.complete();
+        this.fm.stopMonitoring(this.elRef.nativeElement);
+    }
+    ngDoCheck() {
+        if (this.ngControl) {
+            this.errorState = (this.ngControl.invalid && this.ngControl.touched) ?? false;
+            this.stateChanges.next();
+        }
+    }
+    clear() {
+        this.filteredEntities = [];
+        this.searchFormControl.reset(null);
+    }
+    focus() {
+        this.elRef.nativeElement.querySelector('input').focus();
+    }
+    onEntitySelected(event) {
+        this.value = event.option.value;
+        this.filteredEntities = [];
+    }
+    onEntityActivated(event) {
+        this.activatedValue = event.option?.value;
+    }
+    onEntityClosed() {
+        if (this.activatedValue) {
+            this.value = this.activatedValue;
+            this.activatedValue = null;
+        }
+    }
+    reset() {
+        this.value = null;
+    }
+    onFocusOut() {
+        if (this.filteredEntities.length === 1) {
+            this.activatedValue = this.filteredEntities[0];
+            this.value = this.filteredEntities[0];
+        }
+    }
+    onTouched() {
+        this._onTouched();
+        this.stateChanges.next();
+    }
+    registerOnChange(fn) {
+        this._propagateChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    writeValue(obj) {
+        this.clear();
+        this.value = obj;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    onContainerClick(event) {
+        if (event.target.tagName.toLowerCase() != 'input') {
+            this.focus();
+        }
+    }
+    setDescribedByIds(ids) {
+        this.describedBy = ids.join(' ');
+    }
+    validate(control) {
+        const selection = control.value;
+        if (typeof selection === 'string') {
+            return { incorrect: true };
+        }
+        return null;
+    }
+    setValue(value) {
+        if (value !== this._selectedEntity) {
+            this._selectedEntity = value;
+            this.valueChange.emit(value);
+            this._propagateChange(this._selectedEntity);
+            this.stateChanges.next();
+        }
+    }
+}
+IaEntitySelectInput.nextId = 0;
+IaEntitySelectInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IaEntitySelectInput, deps: [{ token: i0.ElementRef }, { token: i0.Injector }, { token: i1$2.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
+IaEntitySelectInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: IaEntitySelectInput, selector: "ia-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(() => IaEntitySelectInput),
+            multi: true
+        },
+        {
+            provide: MatFormFieldControl,
+            useExisting: IaEntitySelectInput
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => IaEntitySelectInput),
+            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$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple", "hideSingleSelectionIndicator"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i3$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i5.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: "15.2.8", ngImport: i0, type: IaEntitySelectInput, decorators: [{
+            type: Component,
+            args: [{ selector: 'ia-entity-select', host: {
+                        '[id]': 'id',
+                        '[attr.aria-describedby]': 'describedBy'
+                    }, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => IaEntitySelectInput),
+                            multi: true
+                        },
+                        {
+                            provide: MatFormFieldControl,
+                            useExisting: IaEntitySelectInput
+                        },
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: forwardRef(() => IaEntitySelectInput),
+                            multi: true
+                        }
+                    ], 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"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Injector }, { type: i1$2.FocusMonitor }]; }, propDecorators: { id: [{
+                type: HostBinding
+            }], inputField: [{
+                type: ViewChild,
+                args: ['input']
+            }], describedBy: [{
+                type: HostBinding,
+                args: ['attr.aria-describedby']
+            }], dataSource: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], prefix: [{
+                type: Input
+            }], shouldLabelFloat: [{
+                type: HostBinding,
+                args: ['class.floating']
             }] } });
 
-class IaMultipleEntitySelectInput {
-    constructor(elRef, injector, fm) {
-        this.elRef = elRef;
-        this.injector = injector;
-        this.fm = fm;
-        this.filteredEntities = [];
-        this.stateChanges = new Subject();
-        this.id = `ia-multiple-entity-select-${IaMultipleEntitySelectInput.nextId++}`;
-        this.valuesChange = new EventEmitter();
-        this.describedBy = '';
-        this.separatorKeysCodes = [ENTER, COMMA];
-        this._disabled = false;
-        this._required = false;
-        this._propagateChange = (_) => {
-        };
-        this._onTouched = () => {
-        };
-        this.valuesFormControl = new FormControl();
-        this.searchFormControl = new FormControl();
-        this.isLoading = false;
-        this._disabled = false;
-        this.focused = false;
-        fm.monitor(elRef.nativeElement, true).subscribe(origin => {
-            this.focused = !!origin;
-            this.stateChanges.next();
-        });
-    }
-    get dataSource() {
-        return this._dataSource;
-    }
-    set dataSource(value) {
-        this._dataSource = value;
-    }
-    get disabled() {
-        return this._disabled;
-    }
-    set disabled(dis) {
-        this._disabled = coerceBooleanProperty(dis);
-        this._disabled ? this.searchFormControl.disable() : this.searchFormControl.enable();
-        this.stateChanges.next();
-    }
-    get placeholder() {
-        return this._placeholder;
-    }
-    set placeholder(plh) {
-        this._placeholder = plh;
-        this.stateChanges.next();
-    }
-    get required() {
-        return this._required;
-    }
-    set required(req) {
-        this._required = coerceBooleanProperty(req);
-        this.inputField.required = this._required;
-        this.stateChanges.next();
-    }
-    get prefix() {
-        return this._prefix;
-    }
-    set prefix(value) {
-        if (value !== this._prefix) {
-            this._prefix = value;
-        }
-    }
-    get value() {
-        return this._selectedEntities;
-    }
-    set value(value) {
-        if (value !== this._selectedEntities) {
-            this.valuesFormControl.setValue(value);
-            this.setValue(value);
-        }
-    }
-    get empty() {
-        let n = this.valuesFormControl.value;
-        return !!!n;
-    }
-    get shouldLabelFloat() {
-        return this.focused || !this.empty;
-    }
-    ngOnInit() {
-        this.ngControl = this.injector.get(NgControl, null);
-        if (this.ngControl != null) {
-            this.ngControl.valueAccessor = this;
-        }
-        // If prefix defined, usually this is used for a code scanner.
-        // The goal is to select the entity in direct way.
-        if (this._prefix) {
-            this.searchFormControl
-                .valueChanges
-                .pipe(debounceTime(300), filter(value => typeof value === 'string'), filter(value => value.startsWith(this._prefix)), tap(() => this.isLoading = true), switchMap(value => this._dataSource.onFilter(value.replace(this._prefix, "").trim())))
-                .subscribe(resultSet => {
-                this.filteredEntities = resultSet.list;
-                this.isLoading = false;
-            });
-        }
-        // This is the search functionality when search by human.
-        this.searchFormControl
-            .valueChanges
-            .pipe(debounceTime(300), tap(() => this.filteredEntities = []), filter(value => typeof value === 'string'), filter(value => value.toString().length >= 3), tap(() => this.isLoading = true), switchMap(value => this._dataSource.onFilter(value)))
-            .subscribe(resultSet => {
-            const resultList = new Array();
-            resultSet.list.forEach(value1 => {
-                if (!this.value.find(value2 => this._dataSource.getIdEntity(value2) === this._dataSource.getIdEntity(value1))) {
-                    resultList.push(value1);
-                }
-            });
-            this.filteredEntities = resultList;
-            this.isLoading = false;
-        });
-    }
-    ngOnDestroy() {
-        this.stateChanges.complete();
-        this.fm.stopMonitoring(this.elRef.nativeElement);
-    }
-    ngDoCheck() {
-        if (this.ngControl) {
-            this.errorState = this.ngControl.invalid && this.ngControl.touched;
-            this.stateChanges.next();
-        }
-    }
-    clear() {
-        this.filteredEntities = [];
-        this.searchFormControl.reset(null);
-    }
-    focus() {
-        this.elRef.nativeElement.querySelector('input').focus();
-    }
-    onEntitySelected(event) {
-        let list = this.value;
-        if (!list) {
-            list = new Array();
-        }
-        list.push(event.option.value);
-        this.value = list;
-        this.filteredEntities = [];
-        this.searchFormControl.setValue(null);
-        this.valuesFormControl.updateValueAndValidity();
-    }
-    onEntityActivated(event) {
-        this.activatedValue = event.option?.value;
-    }
-    onEntityClosed() {
-        if (this.activatedValue) {
-            this.value = this.activatedValue;
-            this.activatedValue = null;
-        }
-    }
-    reset() {
-        this.value = new Array();
-    }
-    onFocusOut() {
-        // if (this.filteredEntities.length === 1) {
-        //   this.activatedValue = this.filteredEntities[0];
-        //   this.value = this.filteredEntities[0];
-        // }
-    }
-    onTouched() {
-        this._onTouched();
-        this.stateChanges.next();
-    }
-    registerOnChange(fn) {
-        this._propagateChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    writeValue(obj) {
-        this.clear();
-        this.value = obj;
-    }
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-    }
-    onContainerClick(event) {
-        if (event.target.tagName.toLowerCase() != 'input') {
-            this.focus();
-        }
-    }
-    setDescribedByIds(ids) {
-        this.describedBy = ids.join(' ');
-    }
-    validate(control) {
-        const selection = control.value;
-        if (typeof selection === 'string') {
-            return { incorrect: true };
-        }
-        return null;
-    }
-    remove(value) {
-        const list = this.value;
-        const index = list.indexOf(value);
-        if (index !== -1) {
-            list.splice(index, 1);
-        }
-        this.valuesFormControl.updateValueAndValidity();
-    }
-    setValue(values) {
-        if (values !== this._selectedEntities) {
-            this._selectedEntities = values;
-            this.valuesChange.emit(values);
-            this._propagateChange(this._selectedEntities);
-            this.stateChanges.next();
-        }
-    }
-}
-IaMultipleEntitySelectInput.nextId = 0;
-IaMultipleEntitySelectInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IaMultipleEntitySelectInput, deps: [{ token: i0.ElementRef }, { token: i0.Injector }, { token: i1$2.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
-IaMultipleEntitySelectInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: IaMultipleEntitySelectInput, selector: "ia-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(() => IaMultipleEntitySelectInput),
-            multi: true
-        },
-        {
-            provide: MatFormFieldControl,
-            useExisting: IaMultipleEntitySelectInput
-        },
-        {
-            provide: NG_VALIDATORS,
-            useExisting: forwardRef(() => IaMultipleEntitySelectInput),
-            multi: true
-        }
-    ], viewQueries: [{ propertyName: "inputField", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<mat-chip-grid #list>\r\n  <mat-chip-row *ngFor=\"let entity of valuesFormControl.value\"\r\n                (removed)=\"remove(entity)\"\r\n                [editable]=\"false\"\r\n                [aria-description]=\"'press enter to edit ' + dataSource.onDisplayEntity(entity)\">\r\n    {{dataSource.onDisplayEntity(entity)}}\r\n    <button matChipRemove [attr.aria-label]=\"'remove ' + dataSource.onDisplayEntity(entity)\">\r\n      <mat-icon>cancel</mat-icon>\r\n    </button>\r\n  </mat-chip-row>\r\n  <input #input (blur)=\"onTouched()\" (focusout)=\"onFocusOut()\" [formControl]=\"searchFormControl\"\r\n         [matAutocomplete]=\"auto\"\r\n         [matChipInputFor]=\"list\"\r\n         matChipInputAddOnBlur=\"true\"\r\n         [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\r\n         [placeholder]=\"placeholder\" matInput>\r\n  <mat-autocomplete #auto=\"matAutocomplete\" (closed)=\"onEntityClosed()\"\r\n                    (optionActivated)=\"onEntityActivated($event)\" (optionSelected)=\"onEntitySelected($event)\"\r\n                    [displayWith]=\"dataSource.onDisplayEntity\">\r\n    <mat-option *ngIf=\"isLoading\" class=\"is-loading\">\r\n      <mat-spinner diameter=\"50\"></mat-spinner>\r\n    </mat-option>\r\n    <ng-container *ngIf=\"!isLoading\">\r\n      <mat-option *ngFor=\"let entity of filteredEntities\" [value]=\"entity\">\r\n        {{dataSource.onDisplayEntity(entity)}}\r\n      </mat-option>\r\n    </ng-container>\r\n  </mat-autocomplete>\r\n</mat-chip-grid>\r\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$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple", "hideSingleSelectionIndicator"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i3$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i5.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: ["tabIndex", "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: ["color", "disabled", "disableRipple", "tabIndex", "editable"], outputs: ["edited"] }, { kind: "component", type: i8.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: "15.2.3", ngImport: i0, type: IaMultipleEntitySelectInput, decorators: [{
-            type: Component,
-            args: [{ selector: 'ia-multiple-entity-select', host: {
-                        '[id]': 'id',
-                        '[attr.aria-describedby]': 'describedBy'
-                    }, providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => IaMultipleEntitySelectInput),
-                            multi: true
-                        },
-                        {
-                            provide: MatFormFieldControl,
-                            useExisting: IaMultipleEntitySelectInput
-                        },
-                        {
-                            provide: NG_VALIDATORS,
-                            useExisting: forwardRef(() => IaMultipleEntitySelectInput),
-                            multi: true
-                        }
-                    ], template: "<mat-chip-grid #list>\r\n  <mat-chip-row *ngFor=\"let entity of valuesFormControl.value\"\r\n                (removed)=\"remove(entity)\"\r\n                [editable]=\"false\"\r\n                [aria-description]=\"'press enter to edit ' + dataSource.onDisplayEntity(entity)\">\r\n    {{dataSource.onDisplayEntity(entity)}}\r\n    <button matChipRemove [attr.aria-label]=\"'remove ' + dataSource.onDisplayEntity(entity)\">\r\n      <mat-icon>cancel</mat-icon>\r\n    </button>\r\n  </mat-chip-row>\r\n  <input #input (blur)=\"onTouched()\" (focusout)=\"onFocusOut()\" [formControl]=\"searchFormControl\"\r\n         [matAutocomplete]=\"auto\"\r\n         [matChipInputFor]=\"list\"\r\n         matChipInputAddOnBlur=\"true\"\r\n         [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\r\n         [placeholder]=\"placeholder\" matInput>\r\n  <mat-autocomplete #auto=\"matAutocomplete\" (closed)=\"onEntityClosed()\"\r\n                    (optionActivated)=\"onEntityActivated($event)\" (optionSelected)=\"onEntitySelected($event)\"\r\n                    [displayWith]=\"dataSource.onDisplayEntity\">\r\n    <mat-option *ngIf=\"isLoading\" class=\"is-loading\">\r\n      <mat-spinner diameter=\"50\"></mat-spinner>\r\n    </mat-option>\r\n    <ng-container *ngIf=\"!isLoading\">\r\n      <mat-option *ngFor=\"let entity of filteredEntities\" [value]=\"entity\">\r\n        {{dataSource.onDisplayEntity(entity)}}\r\n      </mat-option>\r\n    </ng-container>\r\n  </mat-autocomplete>\r\n</mat-chip-grid>\r\n" }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Injector }, { type: i1$2.FocusMonitor }]; }, propDecorators: { id: [{
-                type: HostBinding
-            }], inputField: [{
-                type: ViewChild,
-                args: ['input']
-            }], describedBy: [{
-                type: HostBinding,
-                args: ['attr.aria-describedby']
-            }], dataSource: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], prefix: [{
-                type: Input
-            }], shouldLabelFloat: [{
-                type: HostBinding,
-                args: ['class.floating']
+class IaMultipleEntitySelectInput {
+    constructor(elRef, injector, fm) {
+        this.elRef = elRef;
+        this.injector = injector;
+        this.fm = fm;
+        this.filteredEntities = [];
+        this.stateChanges = new Subject();
+        this.id = `ia-multiple-entity-select-${IaMultipleEntitySelectInput.nextId++}`;
+        this.valuesChange = new EventEmitter();
+        this.describedBy = '';
+        this.separatorKeysCodes = [ENTER, COMMA];
+        this._disabled = false;
+        this._required = false;
+        this._propagateChange = (_) => {
+        };
+        this._onTouched = () => {
+        };
+        this.ngControl = null;
+        this.errorState = false;
+        this.inputField = null;
+        this._dataSource = null;
+        this._placeholder = "";
+        this._prefix = "";
+        this._selectedEntities = null;
+        this.valuesFormControl = new FormControl();
+        this.searchFormControl = new FormControl();
+        this.isLoading = false;
+        this._disabled = false;
+        this.focused = false;
+        fm.monitor(elRef.nativeElement, true).subscribe(origin => {
+            this.focused = !!origin;
+            this.stateChanges.next();
+        });
+    }
+    get dataSource() {
+        return this._dataSource;
+    }
+    set dataSource(value) {
+        this._dataSource = value;
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(dis) {
+        this._disabled = coerceBooleanProperty(dis);
+        this._disabled ? this.searchFormControl.disable() : this.searchFormControl.enable();
+        this.stateChanges.next();
+    }
+    get placeholder() {
+        return this._placeholder;
+    }
+    set placeholder(plh) {
+        this._placeholder = plh;
+        this.stateChanges.next();
+    }
+    get required() {
+        return this._required;
+    }
+    set required(req) {
+        this._required = coerceBooleanProperty(req);
+        if (this.inputField) {
+            this.inputField.required = this._required;
+        }
+        this.stateChanges.next();
+    }
+    get prefix() {
+        return this._prefix;
+    }
+    set prefix(value) {
+        if (value !== this._prefix) {
+            this._prefix = value;
+        }
+    }
+    get value() {
+        return this._selectedEntities;
+    }
+    set value(value) {
+        if (value !== this._selectedEntities) {
+            this.valuesFormControl.setValue(value);
+            this.setValue(value);
+        }
+    }
+    get empty() {
+        let n = this.valuesFormControl.value;
+        return !n;
+    }
+    get shouldLabelFloat() {
+        return this.focused || !this.empty;
+    }
+    ngOnInit() {
+        this.ngControl = this.injector.get(NgControl, null);
+        if (this.ngControl != null) {
+            this.ngControl.valueAccessor = this;
+        }
+        // If prefix defined, usually this is used for a code scanner.
+        // The goal is to select the entity in direct way.
+        if (this._prefix) {
+            this.searchFormControl
+                .valueChanges
+                .pipe(debounceTime(300), filter(value => typeof value === 'string'), filter(value => value.startsWith(this._prefix)), tap(() => this.isLoading = true), switchMap(value => this._dataSource?.onFilter(value.replace(this._prefix, "").trim()) ?? of(null)))
+                .subscribe(resultSet => {
+                if (resultSet && resultSet.list) {
+                    this.filteredEntities = resultSet.list;
+                }
+                this.isLoading = false;
+            });
+        }
+        // This is the search functionality when search by human.
+        this.searchFormControl
+            .valueChanges
+            .pipe(debounceTime(300), tap(() => this.filteredEntities = []), filter(value => typeof value === 'string'), filter(value => value.toString().length >= 3), tap(() => this.isLoading = true), switchMap(value => this._dataSource?.onFilter(value) ?? of(null)))
+            .subscribe(resultSet => {
+            const resultList = new Array();
+            if (resultSet && resultSet.list) {
+                resultSet.list.forEach(value1 => {
+                    if (!this.value?.find(value2 => this._dataSource?.getIdEntity(value2) === this._dataSource?.getIdEntity(value1))) {
+                        resultList.push(value1);
+                    }
+                });
+            }
+            this.filteredEntities = resultList;
+            this.isLoading = false;
+        });
+    }
+    ngOnDestroy() {
+        this.stateChanges.complete();
+        this.fm.stopMonitoring(this.elRef.nativeElement);
+    }
+    ngDoCheck() {
+        if (this.ngControl) {
+            this.errorState = (this.ngControl.invalid && this.ngControl.touched) ?? false;
+            this.stateChanges.next();
+        }
+    }
+    clear() {
+        this.filteredEntities = [];
+        this.searchFormControl.reset(null);
+    }
+    focus() {
+        this.elRef.nativeElement.querySelector('input').focus();
+    }
+    onEntitySelected(event) {
+        let list = this.value;
+        if (!list) {
+            list = new Array();
+        }
+        list.push(event.option.value);
+        this.value = list;
+        this.filteredEntities = [];
+        this.searchFormControl.setValue(null);
+        this.valuesFormControl.updateValueAndValidity();
+    }
+    onEntityActivated(event) {
+        this.activatedValue = event.option?.value;
+    }
+    onEntityClosed() {
+        if (this.activatedValue) {
+            this.value = this.activatedValue;
+            this.activatedValue = null;
+        }
+    }
+    reset() {
+        this.value = new Array();
+    }
+    onFocusOut() {
+        // if (this.filteredEntities.length === 1) {
+        //   this.activatedValue = this.filteredEntities[0];
+        //   this.value = this.filteredEntities[0];
+        // }
+    }
+    onTouched() {
+        this._onTouched();
+        this.stateChanges.next();
+    }
+    registerOnChange(fn) {
+        this._propagateChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    writeValue(obj) {
+        this.clear();
+        this.value = obj;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    onContainerClick(event) {
+        if (event.target.tagName.toLowerCase() != 'input') {
+            this.focus();
+        }
+    }
+    setDescribedByIds(ids) {
+        this.describedBy = ids.join(' ');
+    }
+    validate(control) {
+        const selection = control.value;
+        if (typeof selection === 'string') {
+            return { incorrect: true };
+        }
+        return null;
+    }
+    remove(value) {
+        const list = this.value;
+        if (list) {
+            const index = list.indexOf(value);
+            if (index !== -1) {
+                list.splice(index, 1);
+            }
+            this.valuesFormControl.updateValueAndValidity();
+        }
+    }
+    setValue(values) {
+        if (values !== this._selectedEntities) {
+            this._selectedEntities = values;
+            this.valuesChange.emit(values ?? []);
+            this._propagateChange(this._selectedEntities ?? []);
+            this.stateChanges.next();
+        }
+    }
+}
+IaMultipleEntitySelectInput.nextId = 0;
+IaMultipleEntitySelectInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IaMultipleEntitySelectInput, deps: [{ token: i0.ElementRef }, { token: i0.Injector }, { token: i1$2.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
+IaMultipleEntitySelectInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: IaMultipleEntitySelectInput, selector: "ia-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(() => IaMultipleEntitySelectInput),
+            multi: true
+        },
+        {
+            provide: MatFormFieldControl,
+            useExisting: IaMultipleEntitySelectInput
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => IaMultipleEntitySelectInput),
+            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$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple", "hideSingleSelectionIndicator"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i3$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i5.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: ["tabIndex", "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: ["color", "disabled", "disableRipple", "tabIndex", "editable"], outputs: ["edited"] }, { kind: "component", type: i8.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: "15.2.8", ngImport: i0, type: IaMultipleEntitySelectInput, decorators: [{
+            type: Component,
+            args: [{ selector: 'ia-multiple-entity-select', host: {
+                        '[id]': 'id',
+                        '[attr.aria-describedby]': 'describedBy'
+                    }, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => IaMultipleEntitySelectInput),
+                            multi: true
+                        },
+                        {
+                            provide: MatFormFieldControl,
+                            useExisting: IaMultipleEntitySelectInput
+                        },
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: forwardRef(() => IaMultipleEntitySelectInput),
+                            multi: true
+                        }
+                    ], 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" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Injector }, { type: i1$2.FocusMonitor }]; }, propDecorators: { id: [{
+                type: HostBinding
+            }], inputField: [{
+                type: ViewChild,
+                args: ['input']
+            }], describedBy: [{
+                type: HostBinding,
+                args: ['attr.aria-describedby']
+            }], dataSource: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], prefix: [{
+                type: Input
+            }], shouldLabelFloat: [{
+                type: HostBinding,
+                args: ['class.floating']
             }] } });
 
-class IaSharedUIModule {
-}
-IaSharedUIModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IaSharedUIModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-IaSharedUIModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: IaSharedUIModule, declarations: [IaNotificationBarComponent,
-        MessageDetailsComponent,
-        IaAutocompleteInput,
-        IaEntitySelectInput,
-        IaMultipleEntitySelectInput], imports: [CommonModule,
-        MatToolbarModule,
-        MatButtonModule,
-        MatSnackBarModule,
-        MatDialogModule,
-        MatAutocompleteModule,
-        MatInputModule,
-        MatProgressSpinnerModule,
-        MatChipsModule,
-        MatIconModule,
-        ReactiveFormsModule], exports: [IaNotificationBarComponent,
-        IaAutocompleteInput,
-        IaEntitySelectInput,
-        IaMultipleEntitySelectInput] });
-IaSharedUIModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IaSharedUIModule, imports: [CommonModule,
-        MatToolbarModule,
-        MatButtonModule,
-        MatSnackBarModule,
-        MatDialogModule,
-        MatAutocompleteModule,
-        MatInputModule,
-        MatProgressSpinnerModule,
-        MatChipsModule,
-        MatIconModule,
-        ReactiveFormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IaSharedUIModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        IaNotificationBarComponent,
-                        MessageDetailsComponent,
-                        IaAutocompleteInput,
-                        IaEntitySelectInput,
-                        IaMultipleEntitySelectInput
-                    ],
-                    exports: [
-                        IaNotificationBarComponent,
-                        IaAutocompleteInput,
-                        IaEntitySelectInput,
-                        IaMultipleEntitySelectInput
-                    ],
-                    entryComponents: [
-                        MessageDetailsComponent,
-                        IaAutocompleteInput,
-                        IaEntitySelectInput,
-                        IaMultipleEntitySelectInput
-                    ],
-                    imports: [
-                        CommonModule,
-                        MatToolbarModule,
-                        MatButtonModule,
-                        MatSnackBarModule,
-                        MatDialogModule,
-                        MatAutocompleteModule,
-                        MatInputModule,
-                        MatProgressSpinnerModule,
-                        MatChipsModule,
-                        MatIconModule,
-                        ReactiveFormsModule
-                    ]
-                }]
+class IaSharedUIModule {
+}
+IaSharedUIModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IaSharedUIModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+IaSharedUIModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: IaSharedUIModule, declarations: [IaNotificationBarComponent,
+        MessageDetailsComponent,
+        IaAutocompleteInput,
+        IaEntitySelectInput,
+        IaMultipleEntitySelectInput], imports: [CommonModule,
+        MatToolbarModule,
+        MatButtonModule,
+        MatSnackBarModule,
+        MatDialogModule,
+        MatAutocompleteModule,
+        MatInputModule,
+        MatProgressSpinnerModule,
+        MatChipsModule,
+        MatIconModule,
+        ReactiveFormsModule], exports: [IaNotificationBarComponent,
+        IaAutocompleteInput,
+        IaEntitySelectInput,
+        IaMultipleEntitySelectInput] });
+IaSharedUIModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IaSharedUIModule, imports: [CommonModule,
+        MatToolbarModule,
+        MatButtonModule,
+        MatSnackBarModule,
+        MatDialogModule,
+        MatAutocompleteModule,
+        MatInputModule,
+        MatProgressSpinnerModule,
+        MatChipsModule,
+        MatIconModule,
+        ReactiveFormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IaSharedUIModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        IaNotificationBarComponent,
+                        MessageDetailsComponent,
+                        IaAutocompleteInput,
+                        IaEntitySelectInput,
+                        IaMultipleEntitySelectInput
+                    ],
+                    exports: [
+                        IaNotificationBarComponent,
+                        IaAutocompleteInput,
+                        IaEntitySelectInput,
+                        IaMultipleEntitySelectInput
+                    ],
+                    entryComponents: [
+                        MessageDetailsComponent,
+                        IaAutocompleteInput,
+                        IaEntitySelectInput,
+                        IaMultipleEntitySelectInput
+                    ],
+                    imports: [
+                        CommonModule,
+                        MatToolbarModule,
+                        MatButtonModule,
+                        MatSnackBarModule,
+                        MatDialogModule,
+                        MatAutocompleteModule,
+                        MatInputModule,
+                        MatProgressSpinnerModule,
+                        MatChipsModule,
+                        MatIconModule,
+                        ReactiveFormsModule
+                    ]
+                }]
         }] });
 
-class ProgressWindowComponent {
-    constructor(data) {
-        this.data = data;
-        this.statusText = null;
-        data.progress.subscribe(value => {
-            this.statusText = value.statusText;
-            this.progressValue = value.progressValue;
-        });
-    }
-    ngOnInit() {
-    }
-    onCancelClick() {
-        this.data.cancelOperation();
-    }
-}
-ProgressWindowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ProgressWindowComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-ProgressWindowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: ProgressWindowComponent, selector: "lib-progress-window", ngImport: i0, template: "<h1 mat-dialog-title>{{data.title}}</h1>\r\n<div mat-dialog-content>\r\n  <div fxLayout=\"column\">\r\n    <mat-progress-bar *ngIf=\"data.isDeterminate\" [value]=\"progressValue\" mode=\"determinate\"></mat-progress-bar>\r\n    <mat-progress-bar *ngIf=\"!data.isDeterminate\" mode=\"indeterminate\"></mat-progress-bar>\r\n    <p>{{statusText}}</p>\r\n  </div>\r\n</div>\r\n<div fxLayoutAlign=\"end\" mat-dialog-actions>\r\n  <button (click)=\"onCancelClick()\" *ngIf=\"data.isCancelOperationAvailable\" mat-button>Cancel</button>\r\n</div>\r\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.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: "directive", type: i3$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3$2.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ProgressWindowComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-progress-window', template: "<h1 mat-dialog-title>{{data.title}}</h1>\r\n<div mat-dialog-content>\r\n  <div fxLayout=\"column\">\r\n    <mat-progress-bar *ngIf=\"data.isDeterminate\" [value]=\"progressValue\" mode=\"determinate\"></mat-progress-bar>\r\n    <mat-progress-bar *ngIf=\"!data.isDeterminate\" mode=\"indeterminate\"></mat-progress-bar>\r\n    <p>{{statusText}}</p>\r\n  </div>\r\n</div>\r\n<div fxLayoutAlign=\"end\" mat-dialog-actions>\r\n  <button (click)=\"onCancelClick()\" *ngIf=\"data.isCancelOperationAvailable\" mat-button>Cancel</button>\r\n</div>\r\n" }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
+class ProgressWindowComponent {
+    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();
+    }
+}
+ProgressWindowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ProgressWindowComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+ProgressWindowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ProgressWindowComponent, selector: "lib-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 fxLayoutAlign=\"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.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: "directive", type: i3$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3$2.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ProgressWindowComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-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 fxLayoutAlign=\"end\" mat-dialog-actions>\n  <button (click)=\"onCancelClick()\" *ngIf=\"data.isCancelOperationAvailable\" mat-button>Cancel</button>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
                 }] }]; } });
 
-class ProgressNotifierService {
-    constructor(dialog) {
-        this.dialog = dialog;
-        this._currentProgressValue = new BehaviorSubject(null);
-        this.isCanceled = false;
-    }
-    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(ProgressWindowComponent, {
-            width: '50vw',
-            maxWidth: '50vw',
-            data: {
-                title: title,
-                isDeterminate: isDeterminate,
-                progress: this._currentProgressValue.asObservable(),
-                isCancelOperationAvailable: isCancelOperationAvailable,
-                cancelOperation: () => {
-                    this.reportProgressIndeterminate("Canceling operation...");
-                    this.isCanceled = true;
-                }
-            }
-        });
-    }
-    reportProgressDeterminate(progressCurrent, progressMax, statusText) {
-        const progressPercentage = (progressMax / 100) * progressCurrent;
-        this._currentProgressValue.next({
-            statusText: statusText,
-            progressValue: progressPercentage
-        });
-    }
-    reportProgressIndeterminate(statusText) {
-        this._currentProgressValue.next({
-            statusText: statusText,
-            progressValue: 0
-        });
-    }
-    complete() {
-        this.currentDialogRef.close();
-    }
-}
-ProgressNotifierService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ProgressNotifierService, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
-ProgressNotifierService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ProgressNotifierService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ProgressNotifierService, decorators: [{
-            type: Injectable
+class ProgressNotifierService {
+    constructor(dialog) {
+        this.dialog = dialog;
+        this._currentProgressValue = new BehaviorSubject(null);
+        this.currentDialogRef = null;
+        this._isCanceled = false;
+    }
+    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(ProgressWindowComponent, {
+            width: '50vw',
+            maxWidth: '50vw',
+            data: {
+                title: title,
+                isDeterminate: isDeterminate,
+                progress: this._currentProgressValue.asObservable(),
+                isCancelOperationAvailable: isCancelOperationAvailable,
+                cancelOperation: () => {
+                    this.reportProgressIndeterminate("Canceling operation...");
+                    this.isCanceled = true;
+                }
+            }
+        });
+    }
+    reportProgressDeterminate(progressCurrent, progressMax, statusText) {
+        const progressPercentage = (progressMax / 100) * progressCurrent;
+        this._currentProgressValue.next({
+            statusText: statusText,
+            progressValue: progressPercentage
+        });
+    }
+    reportProgressIndeterminate(statusText) {
+        this._currentProgressValue.next({
+            statusText: statusText,
+            progressValue: 0
+        });
+    }
+    complete() {
+        this.currentDialogRef?.close();
+    }
+}
+ProgressNotifierService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ProgressNotifierService, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
+ProgressNotifierService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ProgressNotifierService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ProgressNotifierService, decorators: [{
+            type: Injectable
         }], ctorParameters: function () { return [{ type: i1.MatDialog }]; } });
 
-class ProgressNotifierModule {
-    static forRoot() {
-        return {
-            ngModule: ProgressNotifierModule,
-            providers: [
-                ProgressNotifierService
-            ]
-        };
-    }
-}
-ProgressNotifierModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ProgressNotifierModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ProgressNotifierModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: ProgressNotifierModule, declarations: [ProgressWindowComponent], imports: [CommonModule,
-        MatDialogModule,
-        FlexLayoutModule,
-        MatButtonModule,
-        MatProgressBarModule] });
-ProgressNotifierModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ProgressNotifierModule, imports: [CommonModule,
-        MatDialogModule,
-        FlexLayoutModule,
-        MatButtonModule,
-        MatProgressBarModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ProgressNotifierModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [ProgressWindowComponent],
-                    imports: [
-                        CommonModule,
-                        MatDialogModule,
-                        FlexLayoutModule,
-                        MatButtonModule,
-                        MatProgressBarModule
-                    ]
-                }]
+class ProgressNotifierModule {
+    static forRoot() {
+        return {
+            ngModule: ProgressNotifierModule,
+            providers: [
+                ProgressNotifierService
+            ]
+        };
+    }
+}
+ProgressNotifierModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ProgressNotifierModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ProgressNotifierModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: ProgressNotifierModule, declarations: [ProgressWindowComponent], imports: [CommonModule,
+        MatDialogModule,
+        FlexLayoutModule,
+        MatButtonModule,
+        MatProgressBarModule] });
+ProgressNotifierModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ProgressNotifierModule, imports: [CommonModule,
+        MatDialogModule,
+        FlexLayoutModule,
+        MatButtonModule,
+        MatProgressBarModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ProgressNotifierModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ProgressWindowComponent],
+                    imports: [
+                        CommonModule,
+                        MatDialogModule,
+                        FlexLayoutModule,
+                        MatButtonModule,
+                        MatProgressBarModule
+                    ]
+                }]
         }] });
 
-var ButtonTypes;
-(function (ButtonTypes) {
-    ButtonTypes[ButtonTypes["Ok"] = 0] = "Ok";
-    ButtonTypes[ButtonTypes["Cancel"] = 1] = "Cancel";
-    ButtonTypes[ButtonTypes["Yes"] = 2] = "Yes";
-    ButtonTypes[ButtonTypes["No"] = 3] = "No";
-})(ButtonTypes || (ButtonTypes = {}));
-var DialogType;
-(function (DialogType) {
-    DialogType[DialogType["YesNo"] = 0] = "YesNo";
-    DialogType[DialogType["YesNoCancel"] = 1] = "YesNoCancel";
-    DialogType[DialogType["OkCancel"] = 2] = "OkCancel";
-    DialogType[DialogType["Ok"] = 3] = "Ok";
+var ButtonTypes;
+(function (ButtonTypes) {
+    ButtonTypes[ButtonTypes["Ok"] = 0] = "Ok";
+    ButtonTypes[ButtonTypes["Cancel"] = 1] = "Cancel";
+    ButtonTypes[ButtonTypes["Yes"] = 2] = "Yes";
+    ButtonTypes[ButtonTypes["No"] = 3] = "No";
+})(ButtonTypes || (ButtonTypes = {}));
+var DialogType;
+(function (DialogType) {
+    DialogType[DialogType["YesNo"] = 0] = "YesNo";
+    DialogType[DialogType["YesNoCancel"] = 1] = "YesNoCancel";
+    DialogType[DialogType["OkCancel"] = 2] = "OkCancel";
+    DialogType[DialogType["Ok"] = 3] = "Ok";
 })(DialogType || (DialogType = {}));
 
-class ConfirmationWindowComponent {
-    constructor(dialogRef, data) {
-        this.dialogRef = dialogRef;
-        this.data = data;
-        if (data.dialogType === DialogType.OkCancel) {
-            this.button1Text = "OK";
-            this.button1Result = ButtonTypes.Ok;
-            this.button2Text = "Cancel";
-            this.button2Result = ButtonTypes.Cancel;
-        }
-        else if (data.dialogType === DialogType.YesNoCancel) {
-            this.button1Text = "Yes";
-            this.button1Result = ButtonTypes.Yes;
-            this.button2Text = "No";
-            this.button2Result = ButtonTypes.No;
-            this.button3Text = "Cancel";
-            this.button3Result = ButtonTypes.Cancel;
-        }
-        else if (data.dialogType === DialogType.Ok) {
-            this.button1Text = "OK";
-            this.button1Result = ButtonTypes.Ok;
-        }
-        else {
-            this.button1Text = "Yes";
-            this.button1Result = ButtonTypes.Yes;
-            this.button2Text = "No";
-            this.button2Result = ButtonTypes.No;
-        }
-    }
-    ngOnInit() {
-    }
-    onButton1() {
-        this.dialogRef.close({
-            result: this.button1Result
-        });
-    }
-    onButton2() {
-        this.dialogRef.close({
-            result: this.button2Result
-        });
-    }
-    onButton3() {
-        this.dialogRef.close({
-            result: this.button3Result
-        });
-    }
-}
-ConfirmationWindowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ConfirmationWindowComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-ConfirmationWindowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: ConfirmationWindowComponent, selector: "lib-shared-ui-confirmation-window", ngImport: i0, template: "<h1 mat-dialog-title>{{data.title}}</h1>\r\n<div mat-dialog-content>{{data.message}}</div>\r\n<div fxLayoutAlign=\"end\" mat-dialog-actions>\r\n  <button (click)=\"onButton1()\" color=\"primary\" mat-button>{{button1Text}}</button>\r\n  <button (click)=\"onButton2()\" *ngIf=\"button2Text\" mat-button>{{button2Text}}</button>\r\n  <button (click)=\"onButton3()\" *ngIf=\"button3Text\" mat-button>{{button3Text}}</button>\r\n</div>\r\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.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: "directive", type: i3$2.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ConfirmationWindowComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-shared-ui-confirmation-window', template: "<h1 mat-dialog-title>{{data.title}}</h1>\r\n<div mat-dialog-content>{{data.message}}</div>\r\n<div fxLayoutAlign=\"end\" mat-dialog-actions>\r\n  <button (click)=\"onButton1()\" color=\"primary\" mat-button>{{button1Text}}</button>\r\n  <button (click)=\"onButton2()\" *ngIf=\"button2Text\" mat-button>{{button2Text}}</button>\r\n  <button (click)=\"onButton3()\" *ngIf=\"button3Text\" mat-button>{{button3Text}}</button>\r\n</div>\r\n" }]
-        }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
+class ConfirmationWindowComponent {
+    constructor(dialogRef, data) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.button2Text = null;
+        this.button2Result = null;
+        this.button3Text = null;
+        this.button3Result = null;
+        if (data.dialogType === DialogType.OkCancel) {
+            this.button1Text = "OK";
+            this.button1Result = ButtonTypes.Ok;
+            this.button2Text = "Cancel";
+            this.button2Result = ButtonTypes.Cancel;
+        }
+        else if (data.dialogType === DialogType.YesNoCancel) {
+            this.button1Text = "Yes";
+            this.button1Result = ButtonTypes.Yes;
+            this.button2Text = "No";
+            this.button2Result = ButtonTypes.No;
+            this.button3Text = "Cancel";
+            this.button3Result = ButtonTypes.Cancel;
+        }
+        else if (data.dialogType === DialogType.Ok) {
+            this.button1Text = "OK";
+            this.button1Result = ButtonTypes.Ok;
+        }
+        else {
+            this.button1Text = "Yes";
+            this.button1Result = ButtonTypes.Yes;
+            this.button2Text = "No";
+            this.button2Result = ButtonTypes.No;
+        }
+    }
+    ngOnInit() {
+    }
+    onButton1() {
+        this.dialogRef.close({
+            result: this.button1Result
+        });
+    }
+    onButton2() {
+        this.dialogRef.close({
+            result: this.button2Result
+        });
+    }
+    onButton3() {
+        this.dialogRef.close({
+            result: this.button3Result
+        });
+    }
+}
+ConfirmationWindowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ConfirmationWindowComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+ConfirmationWindowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ConfirmationWindowComponent, selector: "lib-shared-ui-confirmation-window", ngImport: i0, template: "<h1 mat-dialog-title>{{data.title}}</h1>\n<div mat-dialog-content>{{data.message}}</div>\n<div fxLayoutAlign=\"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.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: "directive", type: i3$2.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ConfirmationWindowComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-shared-ui-confirmation-window', template: "<h1 mat-dialog-title>{{data.title}}</h1>\n<div mat-dialog-content>{{data.message}}</div>\n<div fxLayoutAlign=\"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: function () { return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
                 }] }]; } });
 
-class ConfirmationService {
-    constructor(dialog) {
-        this.dialog = dialog;
-    }
-    showYesNoConfirmationDialog(title, message) {
-        const dialogRef = this.dialog.open(ConfirmationWindowComponent, {
-            width: '50vw',
-            maxWidth: '50vw',
-            data: {
-                title: title,
-                message: message,
-                dialogType: DialogType.YesNo
-            }
-        });
-        return dialogRef.afterClosed().pipe(map(value => value.result == ButtonTypes.Yes));
-    }
-    showYesNoCancelConfirmationDialog(title, message) {
-        const dialogRef = this.dialog.open(ConfirmationWindowComponent, {
-            width: '50vw',
-            maxWidth: '50vw',
-            data: {
-                title: title,
-                message: message,
-                dialogType: DialogType.YesNoCancel
-            }
-        });
-        return dialogRef.afterClosed();
-    }
-    showOkCancelConfirmationDialog(title, message) {
-        const dialogRef = this.dialog.open(ConfirmationWindowComponent, {
-            width: '50vw',
-            maxWidth: '50vw',
-            data: {
-                title: title,
-                message: message,
-                dialogType: DialogType.OkCancel
-            }
-        });
-        return dialogRef.afterClosed().pipe(map(value => value.result == ButtonTypes.Ok));
-    }
-    showOkDialog(title, message) {
-        const dialogRef = this.dialog.open(ConfirmationWindowComponent, {
-            width: '50vw',
-            maxWidth: '50vw',
-            data: {
-                title: title,
-                message: message,
-                dialogType: DialogType.Ok
-            }
-        });
-        return dialogRef.afterClosed().pipe(map(value => value.result == ButtonTypes.Ok));
-    }
-}
-ConfirmationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ConfirmationService, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
-ConfirmationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ConfirmationService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ConfirmationService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
+class ConfirmationService {
+    constructor(dialog) {
+        this.dialog = dialog;
+    }
+    showYesNoConfirmationDialog(title, message) {
+        const dialogRef = this.dialog.open(ConfirmationWindowComponent, {
+            width: '50vw',
+            maxWidth: '50vw',
+            data: {
+                title: title,
+                message: message,
+                dialogType: DialogType.YesNo
+            }
+        });
+        return dialogRef.afterClosed().pipe(map(value => value?.result == ButtonTypes.Yes));
+    }
+    showYesNoCancelConfirmationDialog(title, message) {
+        const dialogRef = this.dialog.open(ConfirmationWindowComponent, {
+            width: '50vw',
+            maxWidth: '50vw',
+            data: {
+                title: title,
+                message: message,
+                dialogType: DialogType.YesNoCancel
+            }
+        });
+        return dialogRef.afterClosed();
+    }
+    showOkCancelConfirmationDialog(title, message) {
+        const dialogRef = this.dialog.open(ConfirmationWindowComponent, {
+            width: '50vw',
+            maxWidth: '50vw',
+            data: {
+                title: title,
+                message: message,
+                dialogType: DialogType.OkCancel
+            }
+        });
+        return dialogRef.afterClosed().pipe(map(value => value?.result == ButtonTypes.Ok));
+    }
+    showOkDialog(title, message) {
+        const dialogRef = this.dialog.open(ConfirmationWindowComponent, {
+            width: '50vw',
+            maxWidth: '50vw',
+            data: {
+                title: title,
+                message: message,
+                dialogType: DialogType.Ok
+            }
+        });
+        return dialogRef.afterClosed().pipe(map(value => value?.result == ButtonTypes.Ok));
+    }
+}
+ConfirmationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ConfirmationService, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
+ConfirmationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ConfirmationService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ConfirmationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
         }], ctorParameters: function () { return [{ type: i1.MatDialog }]; } });
 
-class ConfirmationDialogModule {
-    static forRoot() {
-        return {
-            ngModule: ConfirmationDialogModule,
-            providers: [
-                ConfirmationService
-            ]
-        };
-    }
-}
-ConfirmationDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ConfirmationDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ConfirmationDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: ConfirmationDialogModule, declarations: [ConfirmationWindowComponent], imports: [CommonModule,
-        MatDialogModule,
-        FlexLayoutModule,
-        MatButtonModule] });
-ConfirmationDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ConfirmationDialogModule, imports: [CommonModule,
-        MatDialogModule,
-        FlexLayoutModule,
-        MatButtonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ConfirmationDialogModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [ConfirmationWindowComponent],
-                    imports: [
-                        CommonModule,
-                        MatDialogModule,
-                        FlexLayoutModule,
-                        MatButtonModule,
-                    ]
-                }]
+class ConfirmationDialogModule {
+    static forRoot() {
+        return {
+            ngModule: ConfirmationDialogModule,
+            providers: [
+                ConfirmationService
+            ]
+        };
+    }
+}
+ConfirmationDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ConfirmationDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ConfirmationDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: ConfirmationDialogModule, declarations: [ConfirmationWindowComponent], imports: [CommonModule,
+        MatDialogModule,
+        FlexLayoutModule,
+        MatButtonModule] });
+ConfirmationDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ConfirmationDialogModule, imports: [CommonModule,
+        MatDialogModule,
+        FlexLayoutModule,
+        MatButtonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ConfirmationDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ConfirmationWindowComponent],
+                    imports: [
+                        CommonModule,
+                        MatDialogModule,
+                        FlexLayoutModule,
+                        MatButtonModule,
+                    ]
+                }]
         }] });
 
-function isEmptyInputValue(value) {
-    // we don't check for string here so it also works with arrays
-    return value == null || value.length === 0;
-}
-class CommonValidators {
-    static phoneNumber() {
-        return Validators.pattern('^[+]*[(]{0,1}[0-9]{1,4}[)]{0,1}[-\\s\\./0-9]*$');
-    }
-    static httpUri() {
-        return Validators.pattern("^(http:\\/\\/|https:\\/\\/)([a-zA-Z0-9-_]+\\.)*[a-zA-Z0-9][a-zA-Z0-9-_]+(\\.[a-zA-Z]{2,11}?)*(:[0-9]{2,5}){0,1}\\/{0,1}$");
-    }
-    static conditionalRequired(sourceControlName, sourceValueCompareExpression) {
-        return (control) => {
-            if (control.parent && sourceValueCompareExpression(control.parent.get(sourceControlName).value)) {
-                return isEmptyInputValue(control.value) ? { 'required': true } : null;
-            }
-        };
-    }
-    static dependentControls(controlNames) {
-        return (control) => {
-            controlNames.forEach(controlName => {
-                control.parent?.get(controlName).updateValueAndValidity();
-            });
-            return null;
-        };
-    }
+function isEmptyInputValue(value) {
+    // we don't check for string here so it also works with arrays
+    return value == null || value.length === 0;
+}
+class CommonValidators {
+    static phoneNumber() {
+        return Validators.pattern('^[+]*[(]{0,1}[0-9]{1,4}[)]{0,1}[-\\s\\./0-9]*$');
+    }
+    static httpUri() {
+        return Validators.pattern("^(http:\\/\\/|https:\\/\\/)([a-zA-Z0-9-_]+\\.)*[a-zA-Z0-9][a-zA-Z0-9-_]+(\\.[a-zA-Z]{2,11}?)*(:[0-9]{2,5}){0,1}\\/{0,1}$");
+    }
+    static conditionalRequired(sourceControlName, sourceValueCompareExpression) {
+        return (control) => {
+            if (control.parent && sourceValueCompareExpression(control.parent.get(sourceControlName)?.value)) {
+                return isEmptyInputValue(control.value) ? { 'required': true } : null;
+            }
+            return null;
+        };
+    }
+    static dependentControls(controlNames) {
+        return (control) => {
+            controlNames.forEach(controlName => {
+                control.parent?.get(controlName)?.updateValueAndValidity();
+            });
+            return null;
+        };
+    }
 }
 
-class AbstractDetailsComponent {
-    constructor() {
-        this.hasError = (controlName, errorName) => {
-            return this.ownerForm.controls[controlName].hasError(errorName);
-        };
-        this.hasFormError = (errorName) => {
-            return this.ownerForm.hasError(errorName);
-        };
-        this.loading = true;
-        this.entity = null;
-    }
-    get ownerForm() {
-        return this._ownerForm;
-    }
-    get isLoaded() {
-        return this.entity !== null;
-    }
-    updateDateTime(controlName) {
-        this.ownerForm.get(controlName).setValue(IsoDateTime.utcToLocalDateTimeIso(IsoDateTime.currentUtcDateTimeIso()));
-    }
-    copyInputMessage(inputElement) {
-        inputElement.select();
-        document.execCommand('copy');
-        inputElement.setSelectionRange(0, 0);
-    }
-    onProgressStarting() {
-        this.loading = true;
-        this.ownerForm.disable();
-        this.ownerForm.updateValueAndValidity();
-    }
-    onProgressCompleted() {
-        this.ownerForm.enable();
-        this.loading = false;
-    }
+class AbstractDetailsComponent {
+    constructor() {
+        this.hasError = (controlName, errorName) => {
+            return this.ownerForm?.controls[controlName].hasError(errorName);
+        };
+        this.hasFormError = (errorName) => {
+            return this.ownerForm?.hasError(errorName);
+        };
+        this.loading = true;
+        this.entity = null;
+        this._ownerForm = null;
+    }
+    get ownerForm() {
+        return this._ownerForm;
+    }
+    get isLoaded() {
+        return this.entity !== null;
+    }
+    updateDateTime(controlName) {
+        this.ownerForm?.get(controlName)?.setValue(IsoDateTime.utcToLocalDateTimeIso(IsoDateTime.currentUtcDateTimeIso()));
+    }
+    copyInputMessage(inputElement) {
+        inputElement.select();
+        document.execCommand('copy');
+        inputElement.setSelectionRange(0, 0);
+    }
+    onProgressStarting() {
+        this.loading = true;
+        this.ownerForm?.disable();
+        this.ownerForm?.updateValueAndValidity();
+    }
+    onProgressCompleted() {
+        this.ownerForm?.enable();
+        this.loading = false;
+    }
 }
 
-/*
- * Public API Surface of shared-ui
+/*
+ * Public API Surface of shared-ui
  */
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { AbstractDetailsComponent, ButtonTypes, CommonValidators, ConfirmationDialogModule, ConfirmationService, DialogType, IaAutocompleteInput, IaEntitySelectInput, IaMultipleEntitySelectInput, IaNotificationBarComponent, IaSharedUIModule, ProgressNotifierModule, ProgressNotifierService };