@meshmakers/shared-ui 2.0.2303-3003 → 2.0.2304-13002
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 () {
|
|
@@ -72,9 +77,9 @@ class IaNotificationBarComponent {
|
|
|
72
77
|
});
|
|
73
78
|
}
|
|
74
79
|
}
|
|
75
|
-
IaNotificationBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
76
|
-
IaNotificationBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
77
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
80
|
+
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 });
|
|
81
|
+
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"] }] });
|
|
82
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IaNotificationBarComponent, decorators: [{
|
|
78
83
|
type: Component,
|
|
79
84
|
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"] }]
|
|
80
85
|
}], ctorParameters: function () { return [{ type: i1$1.MessageService }, { type: i1.MatDialog }]; } });
|
|
@@ -268,8 +273,8 @@ class IaAutocompleteInput {
|
|
|
268
273
|
}
|
|
269
274
|
}
|
|
270
275
|
IaAutocompleteInput.nextId = 0;
|
|
271
|
-
IaAutocompleteInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
272
|
-
IaAutocompleteInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
276
|
+
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 });
|
|
277
|
+
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: [
|
|
273
278
|
{
|
|
274
279
|
provide: NG_VALUE_ACCESSOR,
|
|
275
280
|
useExisting: forwardRef(() => IaAutocompleteInput),
|
|
@@ -284,8 +289,8 @@ IaAutocompleteInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
|
|
|
284
289
|
useExisting: forwardRef(() => IaAutocompleteInput),
|
|
285
290
|
multi: true
|
|
286
291
|
}
|
|
287
|
-
], 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: "
|
|
288
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
292
|
+
], 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"] }] });
|
|
293
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IaAutocompleteInput, decorators: [{
|
|
289
294
|
type: Component,
|
|
290
295
|
args: [{ selector: 'ia-autocomplete', host: {
|
|
291
296
|
'[id]': 'id',
|
|
@@ -519,8 +524,8 @@ class IaEntitySelectInput {
|
|
|
519
524
|
}
|
|
520
525
|
}
|
|
521
526
|
IaEntitySelectInput.nextId = 0;
|
|
522
|
-
IaEntitySelectInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
523
|
-
IaEntitySelectInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
527
|
+
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 });
|
|
528
|
+
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: [
|
|
524
529
|
{
|
|
525
530
|
provide: NG_VALUE_ACCESSOR,
|
|
526
531
|
useExisting: forwardRef(() => IaEntitySelectInput),
|
|
@@ -535,8 +540,8 @@ IaEntitySelectInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
|
|
|
535
540
|
useExisting: forwardRef(() => IaEntitySelectInput),
|
|
536
541
|
multi: true
|
|
537
542
|
}
|
|
538
|
-
], 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: "
|
|
539
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
543
|
+
], 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"] }] });
|
|
544
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IaEntitySelectInput, decorators: [{
|
|
540
545
|
type: Component,
|
|
541
546
|
args: [{ selector: 'ia-entity-select', host: {
|
|
542
547
|
'[id]': 'id',
|
|
@@ -580,10 +585,283 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
|
|
|
580
585
|
args: ['class.floating']
|
|
581
586
|
}] } });
|
|
582
587
|
|
|
588
|
+
class IaMultipleEntitySelectInput {
|
|
589
|
+
constructor(elRef, injector, fm) {
|
|
590
|
+
this.elRef = elRef;
|
|
591
|
+
this.injector = injector;
|
|
592
|
+
this.fm = fm;
|
|
593
|
+
this.filteredEntities = [];
|
|
594
|
+
this.stateChanges = new Subject();
|
|
595
|
+
this.id = `ia-multiple-entity-select-${IaMultipleEntitySelectInput.nextId++}`;
|
|
596
|
+
this.valuesChange = new EventEmitter();
|
|
597
|
+
this.describedBy = '';
|
|
598
|
+
this.separatorKeysCodes = [ENTER, COMMA];
|
|
599
|
+
this._disabled = false;
|
|
600
|
+
this._required = false;
|
|
601
|
+
this._propagateChange = (_) => {
|
|
602
|
+
};
|
|
603
|
+
this._onTouched = () => {
|
|
604
|
+
};
|
|
605
|
+
this.valuesFormControl = new FormControl();
|
|
606
|
+
this.searchFormControl = new FormControl();
|
|
607
|
+
this.isLoading = false;
|
|
608
|
+
this._disabled = false;
|
|
609
|
+
this.focused = false;
|
|
610
|
+
fm.monitor(elRef.nativeElement, true).subscribe(origin => {
|
|
611
|
+
this.focused = !!origin;
|
|
612
|
+
this.stateChanges.next();
|
|
613
|
+
});
|
|
614
|
+
}
|
|
615
|
+
get dataSource() {
|
|
616
|
+
return this._dataSource;
|
|
617
|
+
}
|
|
618
|
+
set dataSource(value) {
|
|
619
|
+
this._dataSource = value;
|
|
620
|
+
}
|
|
621
|
+
get disabled() {
|
|
622
|
+
return this._disabled;
|
|
623
|
+
}
|
|
624
|
+
set disabled(dis) {
|
|
625
|
+
this._disabled = coerceBooleanProperty(dis);
|
|
626
|
+
this._disabled ? this.searchFormControl.disable() : this.searchFormControl.enable();
|
|
627
|
+
this.stateChanges.next();
|
|
628
|
+
}
|
|
629
|
+
get placeholder() {
|
|
630
|
+
return this._placeholder;
|
|
631
|
+
}
|
|
632
|
+
set placeholder(plh) {
|
|
633
|
+
this._placeholder = plh;
|
|
634
|
+
this.stateChanges.next();
|
|
635
|
+
}
|
|
636
|
+
get required() {
|
|
637
|
+
return this._required;
|
|
638
|
+
}
|
|
639
|
+
set required(req) {
|
|
640
|
+
this._required = coerceBooleanProperty(req);
|
|
641
|
+
this.inputField.required = this._required;
|
|
642
|
+
this.stateChanges.next();
|
|
643
|
+
}
|
|
644
|
+
get prefix() {
|
|
645
|
+
return this._prefix;
|
|
646
|
+
}
|
|
647
|
+
set prefix(value) {
|
|
648
|
+
if (value !== this._prefix) {
|
|
649
|
+
this._prefix = value;
|
|
650
|
+
}
|
|
651
|
+
}
|
|
652
|
+
get value() {
|
|
653
|
+
return this._selectedEntities;
|
|
654
|
+
}
|
|
655
|
+
set value(value) {
|
|
656
|
+
if (value !== this._selectedEntities) {
|
|
657
|
+
this.valuesFormControl.setValue(value);
|
|
658
|
+
this.setValue(value);
|
|
659
|
+
}
|
|
660
|
+
}
|
|
661
|
+
get empty() {
|
|
662
|
+
let n = this.valuesFormControl.value;
|
|
663
|
+
return !!!n;
|
|
664
|
+
}
|
|
665
|
+
get shouldLabelFloat() {
|
|
666
|
+
return this.focused || !this.empty;
|
|
667
|
+
}
|
|
668
|
+
ngOnInit() {
|
|
669
|
+
this.ngControl = this.injector.get(NgControl, null);
|
|
670
|
+
if (this.ngControl != null) {
|
|
671
|
+
this.ngControl.valueAccessor = this;
|
|
672
|
+
}
|
|
673
|
+
// If prefix defined, usually this is used for a code scanner.
|
|
674
|
+
// The goal is to select the entity in direct way.
|
|
675
|
+
if (this._prefix) {
|
|
676
|
+
this.searchFormControl
|
|
677
|
+
.valueChanges
|
|
678
|
+
.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())))
|
|
679
|
+
.subscribe(resultSet => {
|
|
680
|
+
this.filteredEntities = resultSet.list;
|
|
681
|
+
this.isLoading = false;
|
|
682
|
+
});
|
|
683
|
+
}
|
|
684
|
+
// This is the search functionality when search by human.
|
|
685
|
+
this.searchFormControl
|
|
686
|
+
.valueChanges
|
|
687
|
+
.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)))
|
|
688
|
+
.subscribe(resultSet => {
|
|
689
|
+
const resultList = new Array();
|
|
690
|
+
resultSet.list.forEach(value1 => {
|
|
691
|
+
if (!this.value.find(value2 => this._dataSource.getIdEntity(value2) === this._dataSource.getIdEntity(value1))) {
|
|
692
|
+
resultList.push(value1);
|
|
693
|
+
}
|
|
694
|
+
});
|
|
695
|
+
this.filteredEntities = resultList;
|
|
696
|
+
this.isLoading = false;
|
|
697
|
+
});
|
|
698
|
+
}
|
|
699
|
+
ngOnDestroy() {
|
|
700
|
+
this.stateChanges.complete();
|
|
701
|
+
this.fm.stopMonitoring(this.elRef.nativeElement);
|
|
702
|
+
}
|
|
703
|
+
ngDoCheck() {
|
|
704
|
+
if (this.ngControl) {
|
|
705
|
+
this.errorState = this.ngControl.invalid && this.ngControl.touched;
|
|
706
|
+
this.stateChanges.next();
|
|
707
|
+
}
|
|
708
|
+
}
|
|
709
|
+
clear() {
|
|
710
|
+
this.filteredEntities = [];
|
|
711
|
+
this.searchFormControl.reset(null);
|
|
712
|
+
}
|
|
713
|
+
focus() {
|
|
714
|
+
this.elRef.nativeElement.querySelector('input').focus();
|
|
715
|
+
}
|
|
716
|
+
onEntitySelected(event) {
|
|
717
|
+
let list = this.value;
|
|
718
|
+
if (!list) {
|
|
719
|
+
list = new Array();
|
|
720
|
+
}
|
|
721
|
+
list.push(event.option.value);
|
|
722
|
+
this.value = list;
|
|
723
|
+
this.filteredEntities = [];
|
|
724
|
+
this.searchFormControl.setValue(null);
|
|
725
|
+
this.valuesFormControl.updateValueAndValidity();
|
|
726
|
+
}
|
|
727
|
+
onEntityActivated(event) {
|
|
728
|
+
var _a;
|
|
729
|
+
this.activatedValue = (_a = event.option) === null || _a === void 0 ? void 0 : _a.value;
|
|
730
|
+
}
|
|
731
|
+
onEntityClosed() {
|
|
732
|
+
if (this.activatedValue) {
|
|
733
|
+
this.value = this.activatedValue;
|
|
734
|
+
this.activatedValue = null;
|
|
735
|
+
}
|
|
736
|
+
}
|
|
737
|
+
reset() {
|
|
738
|
+
this.value = new Array();
|
|
739
|
+
}
|
|
740
|
+
onFocusOut() {
|
|
741
|
+
// if (this.filteredEntities.length === 1) {
|
|
742
|
+
// this.activatedValue = this.filteredEntities[0];
|
|
743
|
+
// this.value = this.filteredEntities[0];
|
|
744
|
+
// }
|
|
745
|
+
}
|
|
746
|
+
onTouched() {
|
|
747
|
+
this._onTouched();
|
|
748
|
+
this.stateChanges.next();
|
|
749
|
+
}
|
|
750
|
+
registerOnChange(fn) {
|
|
751
|
+
this._propagateChange = fn;
|
|
752
|
+
}
|
|
753
|
+
registerOnTouched(fn) {
|
|
754
|
+
this.onTouched = fn;
|
|
755
|
+
}
|
|
756
|
+
writeValue(obj) {
|
|
757
|
+
this.clear();
|
|
758
|
+
this.value = obj;
|
|
759
|
+
}
|
|
760
|
+
setDisabledState(isDisabled) {
|
|
761
|
+
this.disabled = isDisabled;
|
|
762
|
+
}
|
|
763
|
+
onContainerClick(event) {
|
|
764
|
+
if (event.target.tagName.toLowerCase() != 'input') {
|
|
765
|
+
this.focus();
|
|
766
|
+
}
|
|
767
|
+
}
|
|
768
|
+
setDescribedByIds(ids) {
|
|
769
|
+
this.describedBy = ids.join(' ');
|
|
770
|
+
}
|
|
771
|
+
validate(control) {
|
|
772
|
+
const selection = control.value;
|
|
773
|
+
if (typeof selection === 'string') {
|
|
774
|
+
return { incorrect: true };
|
|
775
|
+
}
|
|
776
|
+
return null;
|
|
777
|
+
}
|
|
778
|
+
remove(value) {
|
|
779
|
+
const list = this.value;
|
|
780
|
+
const index = list.indexOf(value);
|
|
781
|
+
if (index !== -1) {
|
|
782
|
+
list.splice(index, 1);
|
|
783
|
+
}
|
|
784
|
+
this.valuesFormControl.updateValueAndValidity();
|
|
785
|
+
}
|
|
786
|
+
setValue(values) {
|
|
787
|
+
if (values !== this._selectedEntities) {
|
|
788
|
+
this._selectedEntities = values;
|
|
789
|
+
this.valuesChange.emit(values);
|
|
790
|
+
this._propagateChange(this._selectedEntities);
|
|
791
|
+
this.stateChanges.next();
|
|
792
|
+
}
|
|
793
|
+
}
|
|
794
|
+
}
|
|
795
|
+
IaMultipleEntitySelectInput.nextId = 0;
|
|
796
|
+
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 });
|
|
797
|
+
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: [
|
|
798
|
+
{
|
|
799
|
+
provide: NG_VALUE_ACCESSOR,
|
|
800
|
+
useExisting: forwardRef(() => IaMultipleEntitySelectInput),
|
|
801
|
+
multi: true
|
|
802
|
+
},
|
|
803
|
+
{
|
|
804
|
+
provide: MatFormFieldControl,
|
|
805
|
+
useExisting: IaMultipleEntitySelectInput
|
|
806
|
+
},
|
|
807
|
+
{
|
|
808
|
+
provide: NG_VALIDATORS,
|
|
809
|
+
useExisting: forwardRef(() => IaMultipleEntitySelectInput),
|
|
810
|
+
multi: true
|
|
811
|
+
}
|
|
812
|
+
], 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"] }] });
|
|
813
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IaMultipleEntitySelectInput, decorators: [{
|
|
814
|
+
type: Component,
|
|
815
|
+
args: [{ selector: 'ia-multiple-entity-select', host: {
|
|
816
|
+
'[id]': 'id',
|
|
817
|
+
'[attr.aria-describedby]': 'describedBy'
|
|
818
|
+
}, providers: [
|
|
819
|
+
{
|
|
820
|
+
provide: NG_VALUE_ACCESSOR,
|
|
821
|
+
useExisting: forwardRef(() => IaMultipleEntitySelectInput),
|
|
822
|
+
multi: true
|
|
823
|
+
},
|
|
824
|
+
{
|
|
825
|
+
provide: MatFormFieldControl,
|
|
826
|
+
useExisting: IaMultipleEntitySelectInput
|
|
827
|
+
},
|
|
828
|
+
{
|
|
829
|
+
provide: NG_VALIDATORS,
|
|
830
|
+
useExisting: forwardRef(() => IaMultipleEntitySelectInput),
|
|
831
|
+
multi: true
|
|
832
|
+
}
|
|
833
|
+
], 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" }]
|
|
834
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Injector }, { type: i1$2.FocusMonitor }]; }, propDecorators: { id: [{
|
|
835
|
+
type: HostBinding
|
|
836
|
+
}], inputField: [{
|
|
837
|
+
type: ViewChild,
|
|
838
|
+
args: ['input']
|
|
839
|
+
}], describedBy: [{
|
|
840
|
+
type: HostBinding,
|
|
841
|
+
args: ['attr.aria-describedby']
|
|
842
|
+
}], dataSource: [{
|
|
843
|
+
type: Input
|
|
844
|
+
}], disabled: [{
|
|
845
|
+
type: Input
|
|
846
|
+
}], placeholder: [{
|
|
847
|
+
type: Input
|
|
848
|
+
}], required: [{
|
|
849
|
+
type: Input
|
|
850
|
+
}], prefix: [{
|
|
851
|
+
type: Input
|
|
852
|
+
}], shouldLabelFloat: [{
|
|
853
|
+
type: HostBinding,
|
|
854
|
+
args: ['class.floating']
|
|
855
|
+
}] } });
|
|
856
|
+
|
|
583
857
|
class IaSharedUIModule {
|
|
584
858
|
}
|
|
585
|
-
IaSharedUIModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
586
|
-
IaSharedUIModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
859
|
+
IaSharedUIModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IaSharedUIModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
860
|
+
IaSharedUIModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: IaSharedUIModule, declarations: [IaNotificationBarComponent,
|
|
861
|
+
MessageDetailsComponent,
|
|
862
|
+
IaAutocompleteInput,
|
|
863
|
+
IaEntitySelectInput,
|
|
864
|
+
IaMultipleEntitySelectInput], imports: [CommonModule,
|
|
587
865
|
MatToolbarModule,
|
|
588
866
|
MatButtonModule,
|
|
589
867
|
MatSnackBarModule,
|
|
@@ -591,10 +869,13 @@ IaSharedUIModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
|
|
|
591
869
|
MatAutocompleteModule,
|
|
592
870
|
MatInputModule,
|
|
593
871
|
MatProgressSpinnerModule,
|
|
872
|
+
MatChipsModule,
|
|
873
|
+
MatIconModule,
|
|
594
874
|
ReactiveFormsModule], exports: [IaNotificationBarComponent,
|
|
595
875
|
IaAutocompleteInput,
|
|
596
|
-
IaEntitySelectInput
|
|
597
|
-
|
|
876
|
+
IaEntitySelectInput,
|
|
877
|
+
IaMultipleEntitySelectInput] });
|
|
878
|
+
IaSharedUIModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IaSharedUIModule, imports: [CommonModule,
|
|
598
879
|
MatToolbarModule,
|
|
599
880
|
MatButtonModule,
|
|
600
881
|
MatSnackBarModule,
|
|
@@ -602,20 +883,30 @@ IaSharedUIModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versio
|
|
|
602
883
|
MatAutocompleteModule,
|
|
603
884
|
MatInputModule,
|
|
604
885
|
MatProgressSpinnerModule,
|
|
886
|
+
MatChipsModule,
|
|
887
|
+
MatIconModule,
|
|
605
888
|
ReactiveFormsModule] });
|
|
606
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
889
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IaSharedUIModule, decorators: [{
|
|
607
890
|
type: NgModule,
|
|
608
891
|
args: [{
|
|
609
|
-
declarations: [
|
|
892
|
+
declarations: [
|
|
893
|
+
IaNotificationBarComponent,
|
|
894
|
+
MessageDetailsComponent,
|
|
895
|
+
IaAutocompleteInput,
|
|
896
|
+
IaEntitySelectInput,
|
|
897
|
+
IaMultipleEntitySelectInput
|
|
898
|
+
],
|
|
610
899
|
exports: [
|
|
611
900
|
IaNotificationBarComponent,
|
|
612
901
|
IaAutocompleteInput,
|
|
613
|
-
IaEntitySelectInput
|
|
902
|
+
IaEntitySelectInput,
|
|
903
|
+
IaMultipleEntitySelectInput
|
|
614
904
|
],
|
|
615
905
|
entryComponents: [
|
|
616
906
|
MessageDetailsComponent,
|
|
617
907
|
IaAutocompleteInput,
|
|
618
|
-
IaEntitySelectInput
|
|
908
|
+
IaEntitySelectInput,
|
|
909
|
+
IaMultipleEntitySelectInput
|
|
619
910
|
],
|
|
620
911
|
imports: [
|
|
621
912
|
CommonModule,
|
|
@@ -626,6 +917,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
|
|
|
626
917
|
MatAutocompleteModule,
|
|
627
918
|
MatInputModule,
|
|
628
919
|
MatProgressSpinnerModule,
|
|
920
|
+
MatChipsModule,
|
|
921
|
+
MatIconModule,
|
|
629
922
|
ReactiveFormsModule
|
|
630
923
|
]
|
|
631
924
|
}]
|
|
@@ -646,9 +939,9 @@ class ProgressWindowComponent {
|
|
|
646
939
|
this.data.cancelOperation();
|
|
647
940
|
}
|
|
648
941
|
}
|
|
649
|
-
ProgressWindowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
650
|
-
ProgressWindowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
651
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
942
|
+
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 });
|
|
943
|
+
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"] }] });
|
|
944
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ProgressWindowComponent, decorators: [{
|
|
652
945
|
type: Component,
|
|
653
946
|
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" }]
|
|
654
947
|
}], ctorParameters: function () {
|
|
@@ -705,9 +998,9 @@ class ProgressNotifierService {
|
|
|
705
998
|
this.currentDialogRef.close();
|
|
706
999
|
}
|
|
707
1000
|
}
|
|
708
|
-
ProgressNotifierService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
709
|
-
ProgressNotifierService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
710
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1001
|
+
ProgressNotifierService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ProgressNotifierService, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1002
|
+
ProgressNotifierService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ProgressNotifierService });
|
|
1003
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ProgressNotifierService, decorators: [{
|
|
711
1004
|
type: Injectable
|
|
712
1005
|
}], ctorParameters: function () { return [{ type: i1.MatDialog }]; } });
|
|
713
1006
|
|
|
@@ -721,18 +1014,18 @@ class ProgressNotifierModule {
|
|
|
721
1014
|
};
|
|
722
1015
|
}
|
|
723
1016
|
}
|
|
724
|
-
ProgressNotifierModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
725
|
-
ProgressNotifierModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1017
|
+
ProgressNotifierModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ProgressNotifierModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1018
|
+
ProgressNotifierModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: ProgressNotifierModule, declarations: [ProgressWindowComponent], imports: [CommonModule,
|
|
726
1019
|
MatDialogModule,
|
|
727
1020
|
FlexLayoutModule,
|
|
728
1021
|
MatButtonModule,
|
|
729
1022
|
MatProgressBarModule] });
|
|
730
|
-
ProgressNotifierModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1023
|
+
ProgressNotifierModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ProgressNotifierModule, imports: [CommonModule,
|
|
731
1024
|
MatDialogModule,
|
|
732
1025
|
FlexLayoutModule,
|
|
733
1026
|
MatButtonModule,
|
|
734
1027
|
MatProgressBarModule] });
|
|
735
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1028
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ProgressNotifierModule, decorators: [{
|
|
736
1029
|
type: NgModule,
|
|
737
1030
|
args: [{
|
|
738
1031
|
declarations: [ProgressWindowComponent],
|
|
@@ -808,9 +1101,9 @@ class ConfirmationWindowComponent {
|
|
|
808
1101
|
});
|
|
809
1102
|
}
|
|
810
1103
|
}
|
|
811
|
-
ConfirmationWindowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
812
|
-
ConfirmationWindowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
813
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1104
|
+
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 });
|
|
1105
|
+
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"] }] });
|
|
1106
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ConfirmationWindowComponent, decorators: [{
|
|
814
1107
|
type: Component,
|
|
815
1108
|
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" }]
|
|
816
1109
|
}], ctorParameters: function () {
|
|
@@ -873,9 +1166,9 @@ class ConfirmationService {
|
|
|
873
1166
|
return dialogRef.afterClosed().pipe(map(value => value.result == ButtonTypes.Ok));
|
|
874
1167
|
}
|
|
875
1168
|
}
|
|
876
|
-
ConfirmationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
877
|
-
ConfirmationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
878
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1169
|
+
ConfirmationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ConfirmationService, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1170
|
+
ConfirmationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ConfirmationService, providedIn: 'root' });
|
|
1171
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ConfirmationService, decorators: [{
|
|
879
1172
|
type: Injectable,
|
|
880
1173
|
args: [{
|
|
881
1174
|
providedIn: 'root'
|
|
@@ -892,16 +1185,16 @@ class ConfirmationDialogModule {
|
|
|
892
1185
|
};
|
|
893
1186
|
}
|
|
894
1187
|
}
|
|
895
|
-
ConfirmationDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
896
|
-
ConfirmationDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1188
|
+
ConfirmationDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ConfirmationDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1189
|
+
ConfirmationDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: ConfirmationDialogModule, declarations: [ConfirmationWindowComponent], imports: [CommonModule,
|
|
897
1190
|
MatDialogModule,
|
|
898
1191
|
FlexLayoutModule,
|
|
899
1192
|
MatButtonModule] });
|
|
900
|
-
ConfirmationDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1193
|
+
ConfirmationDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ConfirmationDialogModule, imports: [CommonModule,
|
|
901
1194
|
MatDialogModule,
|
|
902
1195
|
FlexLayoutModule,
|
|
903
1196
|
MatButtonModule] });
|
|
904
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1197
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ConfirmationDialogModule, decorators: [{
|
|
905
1198
|
type: NgModule,
|
|
906
1199
|
args: [{
|
|
907
1200
|
declarations: [ConfirmationWindowComponent],
|
|
@@ -987,5 +1280,5 @@ class AbstractDetailsComponent {
|
|
|
987
1280
|
* Generated bundle index. Do not edit.
|
|
988
1281
|
*/
|
|
989
1282
|
|
|
990
|
-
export { AbstractDetailsComponent, ButtonTypes, CommonValidators, ConfirmationDialogModule, ConfirmationService, DialogType, IaAutocompleteInput, IaEntitySelectInput, IaNotificationBarComponent, IaSharedUIModule, ProgressNotifierModule, ProgressNotifierService };
|
|
1283
|
+
export { AbstractDetailsComponent, ButtonTypes, CommonValidators, ConfirmationDialogModule, ConfirmationService, DialogType, IaAutocompleteInput, IaEntitySelectInput, IaMultipleEntitySelectInput, IaNotificationBarComponent, IaSharedUIModule, ProgressNotifierModule, ProgressNotifierService };
|
|
991
1284
|
//# sourceMappingURL=meshmakers-shared-ui.mjs.map
|