@meshmakers/shared-ui 2.0.2302-8001 → 2.0.2303-25001
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/confirmation-dialog/confirmation-dialog.module.mjs +4 -4
- package/esm2020/lib/confirmation-dialog/confirmation-window/confirmation-window.component.mjs +3 -3
- package/esm2020/lib/confirmation-dialog/services/confirmation.service.mjs +3 -3
- package/esm2020/lib/ia-shared-ui/ia-autocomplete-input/ia-autocomplete-input.mjs +5 -5
- package/esm2020/lib/ia-shared-ui/ia-entity-select-input/ia-entity-select-input.component.mjs +5 -5
- package/esm2020/lib/ia-shared-ui/ia-multiple-entity-select-input/ia-multiple-entity-select-input.component.mjs +285 -0
- package/esm2020/lib/ia-shared-ui/ia-notification-bar/ia-notification-bar.component.mjs +3 -3
- package/esm2020/lib/ia-shared-ui/ia-shared-ui.module.mjs +31 -9
- package/esm2020/lib/ia-shared-ui/message-details/message-details.component.mjs +3 -3
- package/esm2020/lib/progress-notifier/progress-notifier.module.mjs +4 -4
- package/esm2020/lib/progress-notifier/progress-window/progress-window.component.mjs +3 -3
- package/esm2020/lib/progress-notifier/services/progress-notifier.service.mjs +3 -3
- package/esm2020/public-api.mjs +2 -1
- package/fesm2015/meshmakers-shared-ui.mjs +336 -43
- package/fesm2015/meshmakers-shared-ui.mjs.map +1 -1
- package/fesm2020/meshmakers-shared-ui.mjs +335 -43
- package/fesm2020/meshmakers-shared-ui.mjs.map +1 -1
- package/lib/confirmation-dialog/confirmation-window/confirmation-window.component.d.ts +1 -1
- package/lib/ia-shared-ui/ia-autocomplete-input/ia-autocomplete-input.d.ts +1 -1
- package/lib/ia-shared-ui/ia-entity-select-input/ia-entity-select-input.component.d.ts +1 -1
- package/lib/ia-shared-ui/ia-multiple-entity-select-input/ia-multiple-entity-select-input.component.d.ts +73 -0
- package/lib/ia-shared-ui/ia-notification-bar/ia-notification-bar.component.d.ts +1 -1
- package/lib/ia-shared-ui/ia-shared-ui.module.d.ts +13 -10
- package/lib/ia-shared-ui/message-details/message-details.component.d.ts +1 -1
- package/lib/progress-notifier/progress-window/progress-window.component.d.ts +1 -1
- package/package.json +2 -2
- package/public-api.d.ts +1 -0
|
@@ -25,6 +25,11 @@ import * as i5 from '@angular/material/input';
|
|
|
25
25
|
import { MatInputModule } from '@angular/material/input';
|
|
26
26
|
import * as i6 from '@angular/material/progress-spinner';
|
|
27
27
|
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
|
|
28
|
+
import { ENTER, COMMA } from '@angular/cdk/keycodes';
|
|
29
|
+
import * as i7$1 from '@angular/material/chips';
|
|
30
|
+
import { MatChipsModule } from '@angular/material/chips';
|
|
31
|
+
import * as i8 from '@angular/material/icon';
|
|
32
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
28
33
|
import * as i3$2 from '@angular/flex-layout/flex';
|
|
29
34
|
import * as i5$1 from '@angular/material/progress-bar';
|
|
30
35
|
import { MatProgressBarModule } from '@angular/material/progress-bar';
|
|
@@ -39,9 +44,9 @@ class MessageDetailsComponent {
|
|
|
39
44
|
ngOnInit() {
|
|
40
45
|
}
|
|
41
46
|
}
|
|
42
|
-
MessageDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
43
|
-
MessageDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
44
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
47
|
+
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 });
|
|
48
|
+
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"] }] });
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: MessageDetailsComponent, decorators: [{
|
|
45
50
|
type: Component,
|
|
46
51
|
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" }]
|
|
47
52
|
}], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
|
|
@@ -70,9 +75,9 @@ class IaNotificationBarComponent {
|
|
|
70
75
|
});
|
|
71
76
|
}
|
|
72
77
|
}
|
|
73
|
-
IaNotificationBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
74
|
-
IaNotificationBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
75
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
78
|
+
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 });
|
|
79
|
+
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"] }] });
|
|
80
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IaNotificationBarComponent, decorators: [{
|
|
76
81
|
type: Component,
|
|
77
82
|
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"] }]
|
|
78
83
|
}], ctorParameters: function () { return [{ type: i1$1.MessageService }, { type: i1.MatDialog }]; } });
|
|
@@ -265,8 +270,8 @@ class IaAutocompleteInput {
|
|
|
265
270
|
}
|
|
266
271
|
}
|
|
267
272
|
IaAutocompleteInput.nextId = 0;
|
|
268
|
-
IaAutocompleteInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
269
|
-
IaAutocompleteInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
273
|
+
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 });
|
|
274
|
+
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: [
|
|
270
275
|
{
|
|
271
276
|
provide: NG_VALUE_ACCESSOR,
|
|
272
277
|
useExisting: forwardRef(() => IaAutocompleteInput),
|
|
@@ -281,8 +286,8 @@ IaAutocompleteInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
|
|
|
281
286
|
useExisting: forwardRef(() => IaAutocompleteInput),
|
|
282
287
|
multi: true
|
|
283
288
|
}
|
|
284
|
-
], 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"], exportAs: ["matAutocomplete"] }, { kind: "
|
|
285
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
289
|
+
], 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"] }] });
|
|
290
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IaAutocompleteInput, decorators: [{
|
|
286
291
|
type: Component,
|
|
287
292
|
args: [{ selector: 'ia-autocomplete', host: {
|
|
288
293
|
'[id]': 'id',
|
|
@@ -515,8 +520,8 @@ class IaEntitySelectInput {
|
|
|
515
520
|
}
|
|
516
521
|
}
|
|
517
522
|
IaEntitySelectInput.nextId = 0;
|
|
518
|
-
IaEntitySelectInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
519
|
-
IaEntitySelectInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
523
|
+
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 });
|
|
524
|
+
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: [
|
|
520
525
|
{
|
|
521
526
|
provide: NG_VALUE_ACCESSOR,
|
|
522
527
|
useExisting: forwardRef(() => IaEntitySelectInput),
|
|
@@ -531,8 +536,8 @@ IaEntitySelectInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
|
|
|
531
536
|
useExisting: forwardRef(() => IaEntitySelectInput),
|
|
532
537
|
multi: true
|
|
533
538
|
}
|
|
534
|
-
], 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"], exportAs: ["matAutocomplete"] }, { kind: "
|
|
535
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
539
|
+
], 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"] }] });
|
|
540
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IaEntitySelectInput, decorators: [{
|
|
536
541
|
type: Component,
|
|
537
542
|
args: [{ selector: 'ia-entity-select', host: {
|
|
538
543
|
'[id]': 'id',
|
|
@@ -576,10 +581,282 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
|
|
|
576
581
|
args: ['class.floating']
|
|
577
582
|
}] } });
|
|
578
583
|
|
|
584
|
+
class IaMultipleEntitySelectInput {
|
|
585
|
+
constructor(elRef, injector, fm) {
|
|
586
|
+
this.elRef = elRef;
|
|
587
|
+
this.injector = injector;
|
|
588
|
+
this.fm = fm;
|
|
589
|
+
this.filteredEntities = [];
|
|
590
|
+
this.stateChanges = new Subject();
|
|
591
|
+
this.id = `ia-multiple-entity-select-${IaMultipleEntitySelectInput.nextId++}`;
|
|
592
|
+
this.valuesChange = new EventEmitter();
|
|
593
|
+
this.describedBy = '';
|
|
594
|
+
this.separatorKeysCodes = [ENTER, COMMA];
|
|
595
|
+
this._disabled = false;
|
|
596
|
+
this._required = false;
|
|
597
|
+
this._propagateChange = (_) => {
|
|
598
|
+
};
|
|
599
|
+
this._onTouched = () => {
|
|
600
|
+
};
|
|
601
|
+
this.valuesFormControl = new FormControl();
|
|
602
|
+
this.searchFormControl = new FormControl();
|
|
603
|
+
this.isLoading = false;
|
|
604
|
+
this._disabled = false;
|
|
605
|
+
this.focused = false;
|
|
606
|
+
fm.monitor(elRef.nativeElement, true).subscribe(origin => {
|
|
607
|
+
this.focused = !!origin;
|
|
608
|
+
this.stateChanges.next();
|
|
609
|
+
});
|
|
610
|
+
}
|
|
611
|
+
get dataSource() {
|
|
612
|
+
return this._dataSource;
|
|
613
|
+
}
|
|
614
|
+
set dataSource(value) {
|
|
615
|
+
this._dataSource = value;
|
|
616
|
+
}
|
|
617
|
+
get disabled() {
|
|
618
|
+
return this._disabled;
|
|
619
|
+
}
|
|
620
|
+
set disabled(dis) {
|
|
621
|
+
this._disabled = coerceBooleanProperty(dis);
|
|
622
|
+
this._disabled ? this.searchFormControl.disable() : this.searchFormControl.enable();
|
|
623
|
+
this.stateChanges.next();
|
|
624
|
+
}
|
|
625
|
+
get placeholder() {
|
|
626
|
+
return this._placeholder;
|
|
627
|
+
}
|
|
628
|
+
set placeholder(plh) {
|
|
629
|
+
this._placeholder = plh;
|
|
630
|
+
this.stateChanges.next();
|
|
631
|
+
}
|
|
632
|
+
get required() {
|
|
633
|
+
return this._required;
|
|
634
|
+
}
|
|
635
|
+
set required(req) {
|
|
636
|
+
this._required = coerceBooleanProperty(req);
|
|
637
|
+
this.inputField.required = this._required;
|
|
638
|
+
this.stateChanges.next();
|
|
639
|
+
}
|
|
640
|
+
get prefix() {
|
|
641
|
+
return this._prefix;
|
|
642
|
+
}
|
|
643
|
+
set prefix(value) {
|
|
644
|
+
if (value !== this._prefix) {
|
|
645
|
+
this._prefix = value;
|
|
646
|
+
}
|
|
647
|
+
}
|
|
648
|
+
get value() {
|
|
649
|
+
return this._selectedEntities;
|
|
650
|
+
}
|
|
651
|
+
set value(value) {
|
|
652
|
+
if (value !== this._selectedEntities) {
|
|
653
|
+
this.valuesFormControl.setValue(value);
|
|
654
|
+
this.setValue(value);
|
|
655
|
+
}
|
|
656
|
+
}
|
|
657
|
+
get empty() {
|
|
658
|
+
let n = this.valuesFormControl.value;
|
|
659
|
+
return !!!n;
|
|
660
|
+
}
|
|
661
|
+
get shouldLabelFloat() {
|
|
662
|
+
return this.focused || !this.empty;
|
|
663
|
+
}
|
|
664
|
+
ngOnInit() {
|
|
665
|
+
this.ngControl = this.injector.get(NgControl, null);
|
|
666
|
+
if (this.ngControl != null) {
|
|
667
|
+
this.ngControl.valueAccessor = this;
|
|
668
|
+
}
|
|
669
|
+
// If prefix defined, usually this is used for a code scanner.
|
|
670
|
+
// The goal is to select the entity in direct way.
|
|
671
|
+
if (this._prefix) {
|
|
672
|
+
this.searchFormControl
|
|
673
|
+
.valueChanges
|
|
674
|
+
.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())))
|
|
675
|
+
.subscribe(resultSet => {
|
|
676
|
+
this.filteredEntities = resultSet.list;
|
|
677
|
+
this.isLoading = false;
|
|
678
|
+
});
|
|
679
|
+
}
|
|
680
|
+
// This is the search functionality when search by human.
|
|
681
|
+
this.searchFormControl
|
|
682
|
+
.valueChanges
|
|
683
|
+
.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)))
|
|
684
|
+
.subscribe(resultSet => {
|
|
685
|
+
const resultList = new Array();
|
|
686
|
+
resultSet.list.forEach(value1 => {
|
|
687
|
+
if (!this.value.find(value2 => this._dataSource.getIdEntity(value2) === this._dataSource.getIdEntity(value1))) {
|
|
688
|
+
resultList.push(value1);
|
|
689
|
+
}
|
|
690
|
+
});
|
|
691
|
+
this.filteredEntities = resultList;
|
|
692
|
+
this.isLoading = false;
|
|
693
|
+
});
|
|
694
|
+
}
|
|
695
|
+
ngOnDestroy() {
|
|
696
|
+
this.stateChanges.complete();
|
|
697
|
+
this.fm.stopMonitoring(this.elRef.nativeElement);
|
|
698
|
+
}
|
|
699
|
+
ngDoCheck() {
|
|
700
|
+
if (this.ngControl) {
|
|
701
|
+
this.errorState = this.ngControl.invalid && this.ngControl.touched;
|
|
702
|
+
this.stateChanges.next();
|
|
703
|
+
}
|
|
704
|
+
}
|
|
705
|
+
clear() {
|
|
706
|
+
this.filteredEntities = [];
|
|
707
|
+
this.searchFormControl.reset(null);
|
|
708
|
+
}
|
|
709
|
+
focus() {
|
|
710
|
+
this.elRef.nativeElement.querySelector('input').focus();
|
|
711
|
+
}
|
|
712
|
+
onEntitySelected(event) {
|
|
713
|
+
let list = this.value;
|
|
714
|
+
if (!list) {
|
|
715
|
+
list = new Array();
|
|
716
|
+
}
|
|
717
|
+
list.push(event.option.value);
|
|
718
|
+
this.value = list;
|
|
719
|
+
this.filteredEntities = [];
|
|
720
|
+
this.searchFormControl.setValue(null);
|
|
721
|
+
this.valuesFormControl.updateValueAndValidity();
|
|
722
|
+
}
|
|
723
|
+
onEntityActivated(event) {
|
|
724
|
+
this.activatedValue = event.option?.value;
|
|
725
|
+
}
|
|
726
|
+
onEntityClosed() {
|
|
727
|
+
if (this.activatedValue) {
|
|
728
|
+
this.value = this.activatedValue;
|
|
729
|
+
this.activatedValue = null;
|
|
730
|
+
}
|
|
731
|
+
}
|
|
732
|
+
reset() {
|
|
733
|
+
this.value = new Array();
|
|
734
|
+
}
|
|
735
|
+
onFocusOut() {
|
|
736
|
+
// if (this.filteredEntities.length === 1) {
|
|
737
|
+
// this.activatedValue = this.filteredEntities[0];
|
|
738
|
+
// this.value = this.filteredEntities[0];
|
|
739
|
+
// }
|
|
740
|
+
}
|
|
741
|
+
onTouched() {
|
|
742
|
+
this._onTouched();
|
|
743
|
+
this.stateChanges.next();
|
|
744
|
+
}
|
|
745
|
+
registerOnChange(fn) {
|
|
746
|
+
this._propagateChange = fn;
|
|
747
|
+
}
|
|
748
|
+
registerOnTouched(fn) {
|
|
749
|
+
this.onTouched = fn;
|
|
750
|
+
}
|
|
751
|
+
writeValue(obj) {
|
|
752
|
+
this.clear();
|
|
753
|
+
this.value = obj;
|
|
754
|
+
}
|
|
755
|
+
setDisabledState(isDisabled) {
|
|
756
|
+
this.disabled = isDisabled;
|
|
757
|
+
}
|
|
758
|
+
onContainerClick(event) {
|
|
759
|
+
if (event.target.tagName.toLowerCase() != 'input') {
|
|
760
|
+
this.focus();
|
|
761
|
+
}
|
|
762
|
+
}
|
|
763
|
+
setDescribedByIds(ids) {
|
|
764
|
+
this.describedBy = ids.join(' ');
|
|
765
|
+
}
|
|
766
|
+
validate(control) {
|
|
767
|
+
const selection = control.value;
|
|
768
|
+
if (typeof selection === 'string') {
|
|
769
|
+
return { incorrect: true };
|
|
770
|
+
}
|
|
771
|
+
return null;
|
|
772
|
+
}
|
|
773
|
+
remove(value) {
|
|
774
|
+
const list = this.value;
|
|
775
|
+
const index = list.indexOf(value);
|
|
776
|
+
if (index !== -1) {
|
|
777
|
+
list.splice(index, 1);
|
|
778
|
+
}
|
|
779
|
+
this.valuesFormControl.updateValueAndValidity();
|
|
780
|
+
}
|
|
781
|
+
setValue(values) {
|
|
782
|
+
if (values !== this._selectedEntities) {
|
|
783
|
+
this._selectedEntities = values;
|
|
784
|
+
this.valuesChange.emit(values);
|
|
785
|
+
this._propagateChange(this._selectedEntities);
|
|
786
|
+
this.stateChanges.next();
|
|
787
|
+
}
|
|
788
|
+
}
|
|
789
|
+
}
|
|
790
|
+
IaMultipleEntitySelectInput.nextId = 0;
|
|
791
|
+
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 });
|
|
792
|
+
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: [
|
|
793
|
+
{
|
|
794
|
+
provide: NG_VALUE_ACCESSOR,
|
|
795
|
+
useExisting: forwardRef(() => IaMultipleEntitySelectInput),
|
|
796
|
+
multi: true
|
|
797
|
+
},
|
|
798
|
+
{
|
|
799
|
+
provide: MatFormFieldControl,
|
|
800
|
+
useExisting: IaMultipleEntitySelectInput
|
|
801
|
+
},
|
|
802
|
+
{
|
|
803
|
+
provide: NG_VALIDATORS,
|
|
804
|
+
useExisting: forwardRef(() => IaMultipleEntitySelectInput),
|
|
805
|
+
multi: true
|
|
806
|
+
}
|
|
807
|
+
], 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"] }] });
|
|
808
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IaMultipleEntitySelectInput, decorators: [{
|
|
809
|
+
type: Component,
|
|
810
|
+
args: [{ selector: 'ia-multiple-entity-select', host: {
|
|
811
|
+
'[id]': 'id',
|
|
812
|
+
'[attr.aria-describedby]': 'describedBy'
|
|
813
|
+
}, providers: [
|
|
814
|
+
{
|
|
815
|
+
provide: NG_VALUE_ACCESSOR,
|
|
816
|
+
useExisting: forwardRef(() => IaMultipleEntitySelectInput),
|
|
817
|
+
multi: true
|
|
818
|
+
},
|
|
819
|
+
{
|
|
820
|
+
provide: MatFormFieldControl,
|
|
821
|
+
useExisting: IaMultipleEntitySelectInput
|
|
822
|
+
},
|
|
823
|
+
{
|
|
824
|
+
provide: NG_VALIDATORS,
|
|
825
|
+
useExisting: forwardRef(() => IaMultipleEntitySelectInput),
|
|
826
|
+
multi: true
|
|
827
|
+
}
|
|
828
|
+
], 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" }]
|
|
829
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Injector }, { type: i1$2.FocusMonitor }]; }, propDecorators: { id: [{
|
|
830
|
+
type: HostBinding
|
|
831
|
+
}], inputField: [{
|
|
832
|
+
type: ViewChild,
|
|
833
|
+
args: ['input']
|
|
834
|
+
}], describedBy: [{
|
|
835
|
+
type: HostBinding,
|
|
836
|
+
args: ['attr.aria-describedby']
|
|
837
|
+
}], dataSource: [{
|
|
838
|
+
type: Input
|
|
839
|
+
}], disabled: [{
|
|
840
|
+
type: Input
|
|
841
|
+
}], placeholder: [{
|
|
842
|
+
type: Input
|
|
843
|
+
}], required: [{
|
|
844
|
+
type: Input
|
|
845
|
+
}], prefix: [{
|
|
846
|
+
type: Input
|
|
847
|
+
}], shouldLabelFloat: [{
|
|
848
|
+
type: HostBinding,
|
|
849
|
+
args: ['class.floating']
|
|
850
|
+
}] } });
|
|
851
|
+
|
|
579
852
|
class IaSharedUIModule {
|
|
580
853
|
}
|
|
581
|
-
IaSharedUIModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
582
|
-
IaSharedUIModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
854
|
+
IaSharedUIModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IaSharedUIModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
855
|
+
IaSharedUIModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: IaSharedUIModule, declarations: [IaNotificationBarComponent,
|
|
856
|
+
MessageDetailsComponent,
|
|
857
|
+
IaAutocompleteInput,
|
|
858
|
+
IaEntitySelectInput,
|
|
859
|
+
IaMultipleEntitySelectInput], imports: [CommonModule,
|
|
583
860
|
MatToolbarModule,
|
|
584
861
|
MatButtonModule,
|
|
585
862
|
MatSnackBarModule,
|
|
@@ -587,10 +864,13 @@ IaSharedUIModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
|
|
|
587
864
|
MatAutocompleteModule,
|
|
588
865
|
MatInputModule,
|
|
589
866
|
MatProgressSpinnerModule,
|
|
867
|
+
MatChipsModule,
|
|
868
|
+
MatIconModule,
|
|
590
869
|
ReactiveFormsModule], exports: [IaNotificationBarComponent,
|
|
591
870
|
IaAutocompleteInput,
|
|
592
|
-
IaEntitySelectInput
|
|
593
|
-
|
|
871
|
+
IaEntitySelectInput,
|
|
872
|
+
IaMultipleEntitySelectInput] });
|
|
873
|
+
IaSharedUIModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IaSharedUIModule, imports: [CommonModule,
|
|
594
874
|
MatToolbarModule,
|
|
595
875
|
MatButtonModule,
|
|
596
876
|
MatSnackBarModule,
|
|
@@ -598,20 +878,30 @@ IaSharedUIModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versio
|
|
|
598
878
|
MatAutocompleteModule,
|
|
599
879
|
MatInputModule,
|
|
600
880
|
MatProgressSpinnerModule,
|
|
881
|
+
MatChipsModule,
|
|
882
|
+
MatIconModule,
|
|
601
883
|
ReactiveFormsModule] });
|
|
602
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
884
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IaSharedUIModule, decorators: [{
|
|
603
885
|
type: NgModule,
|
|
604
886
|
args: [{
|
|
605
|
-
declarations: [
|
|
887
|
+
declarations: [
|
|
888
|
+
IaNotificationBarComponent,
|
|
889
|
+
MessageDetailsComponent,
|
|
890
|
+
IaAutocompleteInput,
|
|
891
|
+
IaEntitySelectInput,
|
|
892
|
+
IaMultipleEntitySelectInput
|
|
893
|
+
],
|
|
606
894
|
exports: [
|
|
607
895
|
IaNotificationBarComponent,
|
|
608
896
|
IaAutocompleteInput,
|
|
609
|
-
IaEntitySelectInput
|
|
897
|
+
IaEntitySelectInput,
|
|
898
|
+
IaMultipleEntitySelectInput
|
|
610
899
|
],
|
|
611
900
|
entryComponents: [
|
|
612
901
|
MessageDetailsComponent,
|
|
613
902
|
IaAutocompleteInput,
|
|
614
|
-
IaEntitySelectInput
|
|
903
|
+
IaEntitySelectInput,
|
|
904
|
+
IaMultipleEntitySelectInput
|
|
615
905
|
],
|
|
616
906
|
imports: [
|
|
617
907
|
CommonModule,
|
|
@@ -622,6 +912,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
|
|
|
622
912
|
MatAutocompleteModule,
|
|
623
913
|
MatInputModule,
|
|
624
914
|
MatProgressSpinnerModule,
|
|
915
|
+
MatChipsModule,
|
|
916
|
+
MatIconModule,
|
|
625
917
|
ReactiveFormsModule
|
|
626
918
|
]
|
|
627
919
|
}]
|
|
@@ -642,9 +934,9 @@ class ProgressWindowComponent {
|
|
|
642
934
|
this.data.cancelOperation();
|
|
643
935
|
}
|
|
644
936
|
}
|
|
645
|
-
ProgressWindowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
646
|
-
ProgressWindowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
647
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
937
|
+
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 });
|
|
938
|
+
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"] }] });
|
|
939
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ProgressWindowComponent, decorators: [{
|
|
648
940
|
type: Component,
|
|
649
941
|
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" }]
|
|
650
942
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
@@ -699,9 +991,9 @@ class ProgressNotifierService {
|
|
|
699
991
|
this.currentDialogRef.close();
|
|
700
992
|
}
|
|
701
993
|
}
|
|
702
|
-
ProgressNotifierService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
703
|
-
ProgressNotifierService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
704
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
994
|
+
ProgressNotifierService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ProgressNotifierService, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
995
|
+
ProgressNotifierService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ProgressNotifierService });
|
|
996
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ProgressNotifierService, decorators: [{
|
|
705
997
|
type: Injectable
|
|
706
998
|
}], ctorParameters: function () { return [{ type: i1.MatDialog }]; } });
|
|
707
999
|
|
|
@@ -715,18 +1007,18 @@ class ProgressNotifierModule {
|
|
|
715
1007
|
};
|
|
716
1008
|
}
|
|
717
1009
|
}
|
|
718
|
-
ProgressNotifierModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
719
|
-
ProgressNotifierModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1010
|
+
ProgressNotifierModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ProgressNotifierModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1011
|
+
ProgressNotifierModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: ProgressNotifierModule, declarations: [ProgressWindowComponent], imports: [CommonModule,
|
|
720
1012
|
MatDialogModule,
|
|
721
1013
|
FlexLayoutModule,
|
|
722
1014
|
MatButtonModule,
|
|
723
1015
|
MatProgressBarModule] });
|
|
724
|
-
ProgressNotifierModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1016
|
+
ProgressNotifierModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ProgressNotifierModule, imports: [CommonModule,
|
|
725
1017
|
MatDialogModule,
|
|
726
1018
|
FlexLayoutModule,
|
|
727
1019
|
MatButtonModule,
|
|
728
1020
|
MatProgressBarModule] });
|
|
729
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1021
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ProgressNotifierModule, decorators: [{
|
|
730
1022
|
type: NgModule,
|
|
731
1023
|
args: [{
|
|
732
1024
|
declarations: [ProgressWindowComponent],
|
|
@@ -802,9 +1094,9 @@ class ConfirmationWindowComponent {
|
|
|
802
1094
|
});
|
|
803
1095
|
}
|
|
804
1096
|
}
|
|
805
|
-
ConfirmationWindowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
806
|
-
ConfirmationWindowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
807
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1097
|
+
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 });
|
|
1098
|
+
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"] }] });
|
|
1099
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ConfirmationWindowComponent, decorators: [{
|
|
808
1100
|
type: Component,
|
|
809
1101
|
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" }]
|
|
810
1102
|
}], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
|
|
@@ -865,9 +1157,9 @@ class ConfirmationService {
|
|
|
865
1157
|
return dialogRef.afterClosed().pipe(map(value => value.result == ButtonTypes.Ok));
|
|
866
1158
|
}
|
|
867
1159
|
}
|
|
868
|
-
ConfirmationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
869
|
-
ConfirmationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
870
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1160
|
+
ConfirmationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ConfirmationService, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1161
|
+
ConfirmationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ConfirmationService, providedIn: 'root' });
|
|
1162
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ConfirmationService, decorators: [{
|
|
871
1163
|
type: Injectable,
|
|
872
1164
|
args: [{
|
|
873
1165
|
providedIn: 'root'
|
|
@@ -884,16 +1176,16 @@ class ConfirmationDialogModule {
|
|
|
884
1176
|
};
|
|
885
1177
|
}
|
|
886
1178
|
}
|
|
887
|
-
ConfirmationDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
888
|
-
ConfirmationDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1179
|
+
ConfirmationDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ConfirmationDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1180
|
+
ConfirmationDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: ConfirmationDialogModule, declarations: [ConfirmationWindowComponent], imports: [CommonModule,
|
|
889
1181
|
MatDialogModule,
|
|
890
1182
|
FlexLayoutModule,
|
|
891
1183
|
MatButtonModule] });
|
|
892
|
-
ConfirmationDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1184
|
+
ConfirmationDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ConfirmationDialogModule, imports: [CommonModule,
|
|
893
1185
|
MatDialogModule,
|
|
894
1186
|
FlexLayoutModule,
|
|
895
1187
|
MatButtonModule] });
|
|
896
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1188
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ConfirmationDialogModule, decorators: [{
|
|
897
1189
|
type: NgModule,
|
|
898
1190
|
args: [{
|
|
899
1191
|
declarations: [ConfirmationWindowComponent],
|
|
@@ -978,5 +1270,5 @@ class AbstractDetailsComponent {
|
|
|
978
1270
|
* Generated bundle index. Do not edit.
|
|
979
1271
|
*/
|
|
980
1272
|
|
|
981
|
-
export { AbstractDetailsComponent, ButtonTypes, CommonValidators, ConfirmationDialogModule, ConfirmationService, DialogType, IaAutocompleteInput, IaEntitySelectInput, IaNotificationBarComponent, IaSharedUIModule, ProgressNotifierModule, ProgressNotifierService };
|
|
1273
|
+
export { AbstractDetailsComponent, ButtonTypes, CommonValidators, ConfirmationDialogModule, ConfirmationService, DialogType, IaAutocompleteInput, IaEntitySelectInput, IaMultipleEntitySelectInput, IaNotificationBarComponent, IaSharedUIModule, ProgressNotifierModule, ProgressNotifierService };
|
|
982
1274
|
//# sourceMappingURL=meshmakers-shared-ui.mjs.map
|