@meshmakers/shared-ui 3.1.114-0 → 3.1.116-0
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/esm2022/lib/breadcrumb/breadcrumb.module.mjs +8 -8
- package/esm2022/lib/breadcrumb/mat-breadcrumb/mm-breadcrumb.component.mjs +109 -0
- package/esm2022/lib/breadcrumb/services/breadcrumb.service.mjs +3 -3
- package/esm2022/lib/confirmation-dialog/confirmation-dialog.module.mjs +7 -7
- package/esm2022/lib/confirmation-dialog/confirmation-window/mm-confirmation-window.component.mjs +75 -0
- package/esm2022/lib/confirmation-dialog/services/confirmation.service.mjs +9 -9
- package/esm2022/lib/mm-shared-ui/mm-autocomplete-input/mm-autocomplete-input.component.mjs +302 -0
- package/esm2022/lib/mm-shared-ui/mm-entity-select-input/mm-entity-select-input.component.mjs +293 -0
- package/esm2022/lib/mm-shared-ui/mm-message-details/mm-message-details.component.mjs +26 -0
- package/esm2022/lib/mm-shared-ui/mm-multiple-entity-select-input/mm-multiple-entity-select-input.component.mjs +316 -0
- package/esm2022/lib/mm-shared-ui/mm-notification-bar/mm-notification-bar.component.mjs +40 -0
- package/esm2022/lib/mm-shared-ui/mm-shared-ui.module.mjs +74 -0
- package/esm2022/lib/progress-notifier/progress-notifier.module.mjs +7 -7
- package/esm2022/lib/progress-notifier/progress-window/mm-progress-window.component.mjs +35 -0
- package/esm2022/lib/progress-notifier/services/progress-notifier.service.mjs +6 -6
- package/esm2022/lib/shared/commonValidators.mjs +1 -1
- package/esm2022/public-api.mjs +7 -7
- package/fesm2022/meshmakers-shared-ui.mjs +150 -133
- package/fesm2022/meshmakers-shared-ui.mjs.map +1 -1
- package/lib/breadcrumb/breadcrumb.module.d.ts +2 -2
- package/lib/breadcrumb/mat-breadcrumb/{mat-breadcrumb.component.d.ts → mm-breadcrumb.component.d.ts} +3 -3
- package/lib/confirmation-dialog/confirmation-dialog.module.d.ts +2 -2
- package/lib/confirmation-dialog/confirmation-window/{confirmation-window.component.d.ts → mm-confirmation-window.component.d.ts} +4 -4
- package/lib/{ia-shared-ui/ia-autocomplete-input/ia-autocomplete-input.d.ts → mm-shared-ui/mm-autocomplete-input/mm-autocomplete-input.component.d.ts} +10 -10
- package/lib/{ia-shared-ui/ia-entity-select-input/ia-entity-select-input.component.d.ts → mm-shared-ui/mm-entity-select-input/mm-entity-select-input.component.d.ts} +3 -3
- package/lib/mm-shared-ui/mm-message-details/mm-message-details.component.d.ts +13 -0
- package/lib/{ia-shared-ui/ia-multiple-entity-select-input/ia-multiple-entity-select-input.component.d.ts → mm-shared-ui/mm-multiple-entity-select-input/mm-multiple-entity-select-input.component.d.ts} +3 -3
- package/lib/{ia-shared-ui/ia-notification-bar/ia-notification-bar.component.d.ts → mm-shared-ui/mm-notification-bar/mm-notification-bar.component.d.ts} +3 -3
- package/lib/mm-shared-ui/mm-shared-ui.module.d.ts +22 -0
- package/lib/progress-notifier/progress-notifier.module.d.ts +2 -2
- package/lib/progress-notifier/progress-window/{progress-window.component.d.ts → mm-progress-window.component.d.ts} +4 -5
- package/package.json +1 -1
- package/public-api.d.ts +6 -6
- package/esm2022/lib/breadcrumb/mat-breadcrumb/mat-breadcrumb.component.mjs +0 -109
- package/esm2022/lib/confirmation-dialog/confirmation-window/confirmation-window.component.mjs +0 -75
- package/esm2022/lib/ia-shared-ui/ia-autocomplete-input/ia-autocomplete-input.mjs +0 -295
- package/esm2022/lib/ia-shared-ui/ia-entity-select-input/ia-entity-select-input.component.mjs +0 -288
- package/esm2022/lib/ia-shared-ui/ia-multiple-entity-select-input/ia-multiple-entity-select-input.component.mjs +0 -311
- package/esm2022/lib/ia-shared-ui/ia-notification-bar/ia-notification-bar.component.mjs +0 -39
- package/esm2022/lib/ia-shared-ui/ia-shared-ui.module.mjs +0 -74
- package/esm2022/lib/ia-shared-ui/message-details/message-details.component.mjs +0 -26
- package/esm2022/lib/progress-notifier/progress-window/progress-window.component.mjs +0 -35
- package/lib/ia-shared-ui/ia-shared-ui.module.d.ts +0 -22
- package/lib/ia-shared-ui/message-details/message-details.component.d.ts +0 -13
|
@@ -10,6 +10,8 @@ import * as i1$1 from '@meshmakers/shared-services';
|
|
|
10
10
|
import { IsoDateTime } from '@meshmakers/shared-services';
|
|
11
11
|
import * as i3$1 from '@angular/material/toolbar';
|
|
12
12
|
import { MatToolbarModule } from '@angular/material/toolbar';
|
|
13
|
+
import * as i5 from '@angular/material/icon';
|
|
14
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
13
15
|
import { MatSnackBarModule } from '@angular/material/snack-bar';
|
|
14
16
|
import { MatFormFieldControl } from '@angular/material/form-field';
|
|
15
17
|
import * as i7 from '@angular/forms';
|
|
@@ -21,15 +23,13 @@ import * as i1$2 from '@angular/cdk/a11y';
|
|
|
21
23
|
import * as i3$2 from '@angular/material/autocomplete';
|
|
22
24
|
import { MatAutocompleteModule } from '@angular/material/autocomplete';
|
|
23
25
|
import * as i4 from '@angular/material/core';
|
|
24
|
-
import * as i5 from '@angular/material/input';
|
|
26
|
+
import * as i5$1 from '@angular/material/input';
|
|
25
27
|
import { MatInputModule } from '@angular/material/input';
|
|
26
28
|
import * as i6 from '@angular/material/progress-spinner';
|
|
27
29
|
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
|
|
28
30
|
import { ENTER, COMMA } from '@angular/cdk/keycodes';
|
|
29
31
|
import * as i7$1 from '@angular/material/chips';
|
|
30
32
|
import { MatChipsModule } from '@angular/material/chips';
|
|
31
|
-
import * as i8 from '@angular/material/icon';
|
|
32
|
-
import { MatIconModule } from '@angular/material/icon';
|
|
33
33
|
import * as i4$1 from '@angular/material/progress-bar';
|
|
34
34
|
import { MatProgressBarModule } from '@angular/material/progress-bar';
|
|
35
35
|
import * as i1$3 from '@angular/router';
|
|
@@ -38,7 +38,7 @@ import * as i4$2 from '@angular/material/list';
|
|
|
38
38
|
import { MatListModule } from '@angular/material/list';
|
|
39
39
|
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
40
40
|
|
|
41
|
-
class
|
|
41
|
+
class MmMessageDetailsComponent {
|
|
42
42
|
dialogRef;
|
|
43
43
|
data;
|
|
44
44
|
errorMessage;
|
|
@@ -48,18 +48,18 @@ class MessageDetailsComponent {
|
|
|
48
48
|
this.errorMessage = data.errorMessage;
|
|
49
49
|
}
|
|
50
50
|
ngOnInit() { }
|
|
51
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
52
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.
|
|
51
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: MmMessageDetailsComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
52
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: MmMessageDetailsComponent, selector: "mm-message-details", ngImport: i0, template: "<mat-dialog-content>\n\n <h2>{{errorMessage.title}}</h2>\n <p>{{errorMessage.message}}</p>\n\n\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n <button color=\"primary\" mat-dialog-close mat-raised-button>OK</button>\n</mat-dialog-actions>\n", styles: [""], dependencies: [{ kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }] });
|
|
53
53
|
}
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: MmMessageDetailsComponent, decorators: [{
|
|
55
55
|
type: Component,
|
|
56
|
-
args: [{ selector: '
|
|
56
|
+
args: [{ selector: 'mm-message-details', template: "<mat-dialog-content>\n\n <h2>{{errorMessage.title}}</h2>\n <p>{{errorMessage.message}}</p>\n\n\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n <button color=\"primary\" mat-dialog-close mat-raised-button>OK</button>\n</mat-dialog-actions>\n" }]
|
|
57
57
|
}], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
|
|
58
58
|
type: Inject,
|
|
59
59
|
args: [MAT_DIALOG_DATA]
|
|
60
60
|
}] }] });
|
|
61
61
|
|
|
62
|
-
class
|
|
62
|
+
class MmNotificationBarComponent {
|
|
63
63
|
messageService;
|
|
64
64
|
dialog;
|
|
65
65
|
errorMessage;
|
|
@@ -77,21 +77,21 @@ class IaNotificationBarComponent {
|
|
|
77
77
|
this.errorMessage = null;
|
|
78
78
|
}
|
|
79
79
|
onShowDetails() {
|
|
80
|
-
this.dialog.open(
|
|
80
|
+
this.dialog.open(MmMessageDetailsComponent, {
|
|
81
81
|
data: {
|
|
82
82
|
errorMessage: this.errorMessage
|
|
83
83
|
}
|
|
84
84
|
});
|
|
85
85
|
}
|
|
86
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
87
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.
|
|
86
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: MmNotificationBarComponent, deps: [{ token: i1$1.MessageService }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
|
|
87
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: MmNotificationBarComponent, selector: "mm-notification-bar", ngImport: i0, template: "<mat-toolbar [hidden]=\"!errorMessage\" class=\"mm-notification-bar-background\">\n <a (click)=\"onShowDetails()\"><span class=\"mat-small\"><u>{{ errorMessage?.title }}</u></span></a>\n\n <!-- This fills the remaining space of the current row -->\n <span class=\"notification-fill-remaining-space\"></span>\n\n <button (click)=\"onHide()\" class=\"mm-notification-bar-button\" mat-fab><mat-icon>close</mat-icon></button>\n</mat-toolbar>\n", styles: [".notification-fill-remaining-space{flex:1 1 auto}\n"], dependencies: [{ kind: "component", type: i3$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i3.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
88
88
|
}
|
|
89
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
89
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: MmNotificationBarComponent, decorators: [{
|
|
90
90
|
type: Component,
|
|
91
|
-
args: [{ selector: '
|
|
91
|
+
args: [{ selector: 'mm-notification-bar', template: "<mat-toolbar [hidden]=\"!errorMessage\" class=\"mm-notification-bar-background\">\n <a (click)=\"onShowDetails()\"><span class=\"mat-small\"><u>{{ errorMessage?.title }}</u></span></a>\n\n <!-- This fills the remaining space of the current row -->\n <span class=\"notification-fill-remaining-space\"></span>\n\n <button (click)=\"onHide()\" class=\"mm-notification-bar-button\" mat-fab><mat-icon>close</mat-icon></button>\n</mat-toolbar>\n", styles: [".notification-fill-remaining-space{flex:1 1 auto}\n"] }]
|
|
92
92
|
}], ctorParameters: () => [{ type: i1$1.MessageService }, { type: i1.MatDialog }] });
|
|
93
93
|
|
|
94
|
-
class
|
|
94
|
+
class MmAutocompleteInputComponent {
|
|
95
95
|
elRef;
|
|
96
96
|
injector;
|
|
97
97
|
fm;
|
|
@@ -103,11 +103,11 @@ class IaAutocompleteInput {
|
|
|
103
103
|
errorState;
|
|
104
104
|
focused;
|
|
105
105
|
stateChanges = new Subject();
|
|
106
|
-
id = `ia-autocomplete-${
|
|
106
|
+
id = `ia-autocomplete-${MmAutocompleteInputComponent.nextId++}`;
|
|
107
107
|
valueChange = new EventEmitter();
|
|
108
108
|
_selectedString;
|
|
109
109
|
inputField;
|
|
110
|
-
describedBy =
|
|
110
|
+
describedBy = "";
|
|
111
111
|
activatedValue;
|
|
112
112
|
constructor(elRef, injector, fm) {
|
|
113
113
|
this.elRef = elRef;
|
|
@@ -118,8 +118,8 @@ class IaAutocompleteInput {
|
|
|
118
118
|
this._selectedString = null;
|
|
119
119
|
this.inputField = null;
|
|
120
120
|
this._dataSource = null;
|
|
121
|
-
this._placeholder =
|
|
122
|
-
this._prefix =
|
|
121
|
+
this._placeholder = "";
|
|
122
|
+
this._prefix = "";
|
|
123
123
|
this.searchFormControl = new FormControl();
|
|
124
124
|
this.isLoading = false;
|
|
125
125
|
this._disabled = false;
|
|
@@ -142,7 +142,12 @@ class IaAutocompleteInput {
|
|
|
142
142
|
}
|
|
143
143
|
set disabled(dis) {
|
|
144
144
|
this._disabled = coerceBooleanProperty(dis);
|
|
145
|
-
this._disabled
|
|
145
|
+
if (this._disabled) {
|
|
146
|
+
this.searchFormControl.disable();
|
|
147
|
+
}
|
|
148
|
+
else {
|
|
149
|
+
this.searchFormControl.enable();
|
|
150
|
+
}
|
|
146
151
|
this.stateChanges.next();
|
|
147
152
|
}
|
|
148
153
|
_placeholder;
|
|
@@ -201,7 +206,7 @@ class IaAutocompleteInput {
|
|
|
201
206
|
// The goal is to select the entity in direct way.
|
|
202
207
|
if (this._prefix) {
|
|
203
208
|
this.searchFormControl.valueChanges
|
|
204
|
-
.pipe(debounceTime(300), filter((value) => typeof value ===
|
|
209
|
+
.pipe(debounceTime(300), filter((value) => typeof value === "string"), filter((value) => value.startsWith(this._prefix)), tap(() => (this.value = null)), tap(() => (this.isLoading = true)), map((value) => this._dataSource?.onPreprocessSearchString(value) ?? ""), switchMap((value) => this._dataSource?.onFilter(value) ?? of(null)))
|
|
205
210
|
.subscribe((resultSet) => {
|
|
206
211
|
if (resultSet?.list != null) {
|
|
207
212
|
if (resultSet.list.length === 1) {
|
|
@@ -252,7 +257,7 @@ class IaAutocompleteInput {
|
|
|
252
257
|
this.searchFormControl.reset(null);
|
|
253
258
|
}
|
|
254
259
|
focus() {
|
|
255
|
-
this.elRef.nativeElement.querySelector(
|
|
260
|
+
this.elRef.nativeElement.querySelector("input")?.focus();
|
|
256
261
|
}
|
|
257
262
|
onOptionSelected(event) {
|
|
258
263
|
this.value = event.option.value;
|
|
@@ -294,58 +299,60 @@ class IaAutocompleteInput {
|
|
|
294
299
|
this.disabled = isDisabled;
|
|
295
300
|
}
|
|
296
301
|
onContainerClick(event) {
|
|
297
|
-
if (event.target.tagName.toLowerCase() !==
|
|
302
|
+
if (event.target.tagName.toLowerCase() !== "input") {
|
|
298
303
|
this.focus();
|
|
299
304
|
}
|
|
300
305
|
}
|
|
301
306
|
setDescribedByIds(ids) {
|
|
302
|
-
this.describedBy = ids.join(
|
|
307
|
+
this.describedBy = ids.join(" ");
|
|
303
308
|
}
|
|
304
309
|
validate(control) {
|
|
305
310
|
const selection = control.value;
|
|
306
|
-
if (typeof selection ===
|
|
311
|
+
if (typeof selection === "string" && selection.length < 1) {
|
|
307
312
|
return { incorrect: true };
|
|
308
313
|
}
|
|
309
314
|
return null;
|
|
310
315
|
}
|
|
311
|
-
_propagateChange = (_) => {
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
316
|
+
_propagateChange = (_) => {
|
|
317
|
+
};
|
|
318
|
+
_onTouched = () => {
|
|
319
|
+
};
|
|
320
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: MmAutocompleteInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.Injector }, { token: i1$2.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
|
|
321
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: MmAutocompleteInputComponent, selector: "mm-autocomplete", inputs: { dataSource: "dataSource", disabled: "disabled", placeholder: "placeholder", required: "required", prefix: "prefix" }, host: { properties: { "id": "this.id", "attr.aria-describedby": "this.describedBy", "class.floating": "this.shouldLabelFloat" } }, providers: [
|
|
315
322
|
{
|
|
316
323
|
provide: NG_VALUE_ACCESSOR,
|
|
317
|
-
useExisting: forwardRef(() =>
|
|
324
|
+
useExisting: forwardRef(() => MmAutocompleteInputComponent),
|
|
318
325
|
multi: true
|
|
319
326
|
},
|
|
320
327
|
{
|
|
321
328
|
provide: MatFormFieldControl,
|
|
322
|
-
useExisting:
|
|
329
|
+
useExisting: MmAutocompleteInputComponent
|
|
323
330
|
},
|
|
324
331
|
{
|
|
325
332
|
provide: NG_VALIDATORS,
|
|
326
|
-
useExisting: forwardRef(() =>
|
|
333
|
+
useExisting: forwardRef(() => MmAutocompleteInputComponent),
|
|
327
334
|
multi: true
|
|
328
335
|
}
|
|
329
|
-
], viewQueries: [{ propertyName: "inputField", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<input #input (blur)=\"onTouched()\" (focusout)=\"onFocusOut()\" [formControl]=\"searchFormControl\" [matAutocomplete]=\"auto\"\n [placeholder]=\"placeholder\" matInput>\n<mat-autocomplete #auto=\"matAutocomplete\"\n (closed)=\"onAutoCompleteClosed()\" (optionActivated)=\"onOptionActivated($event)\"\n (optionSelected)=\"onOptionSelected($event)\">\n <mat-option *ngIf=\"isLoading\" class=\"is-loading\">\n <mat-spinner diameter=\"50\"></mat-spinner>\n </mat-option>\n <ng-container *ngIf=\"!isLoading\">\n <mat-option *ngFor=\"let str of filteredStrings\" [value]=\"str\">\n {{str}}\n </mat-option>\n </ng-container>\n</mat-autocomplete>\n", styles: ["span{opacity:0;transition:opacity .2s}:host.floating span{opacity:1}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i3$2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i5.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"] }] });
|
|
336
|
+
], viewQueries: [{ propertyName: "inputField", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<input #input (blur)=\"onTouched()\" (focusout)=\"onFocusOut()\" [formControl]=\"searchFormControl\" [matAutocomplete]=\"auto\"\n [placeholder]=\"placeholder\" matInput>\n<mat-autocomplete #auto=\"matAutocomplete\"\n (closed)=\"onAutoCompleteClosed()\" (optionActivated)=\"onOptionActivated($event)\"\n (optionSelected)=\"onOptionSelected($event)\">\n <mat-option *ngIf=\"isLoading\" class=\"is-loading\">\n <mat-spinner diameter=\"50\"></mat-spinner>\n </mat-option>\n <ng-container *ngIf=\"!isLoading\">\n <mat-option *ngFor=\"let str of filteredStrings\" [value]=\"str\">\n {{str}}\n </mat-option>\n </ng-container>\n</mat-autocomplete>\n", styles: ["span{opacity:0;transition:opacity .2s}:host.floating span{opacity:1}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i3$2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i5$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
330
337
|
}
|
|
331
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
338
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: MmAutocompleteInputComponent, decorators: [{
|
|
332
339
|
type: Component,
|
|
333
|
-
args: [{ selector:
|
|
334
|
-
|
|
335
|
-
|
|
340
|
+
args: [{ selector: "mm-autocomplete", host: {
|
|
341
|
+
"[id]": "id",
|
|
342
|
+
"[attr.aria-describedby]": "describedBy"
|
|
336
343
|
}, providers: [
|
|
337
344
|
{
|
|
338
345
|
provide: NG_VALUE_ACCESSOR,
|
|
339
|
-
useExisting: forwardRef(() =>
|
|
346
|
+
useExisting: forwardRef(() => MmAutocompleteInputComponent),
|
|
340
347
|
multi: true
|
|
341
348
|
},
|
|
342
349
|
{
|
|
343
350
|
provide: MatFormFieldControl,
|
|
344
|
-
useExisting:
|
|
351
|
+
useExisting: MmAutocompleteInputComponent
|
|
345
352
|
},
|
|
346
353
|
{
|
|
347
354
|
provide: NG_VALIDATORS,
|
|
348
|
-
useExisting: forwardRef(() =>
|
|
355
|
+
useExisting: forwardRef(() => MmAutocompleteInputComponent),
|
|
349
356
|
multi: true
|
|
350
357
|
}
|
|
351
358
|
], template: "<input #input (blur)=\"onTouched()\" (focusout)=\"onFocusOut()\" [formControl]=\"searchFormControl\" [matAutocomplete]=\"auto\"\n [placeholder]=\"placeholder\" matInput>\n<mat-autocomplete #auto=\"matAutocomplete\"\n (closed)=\"onAutoCompleteClosed()\" (optionActivated)=\"onOptionActivated($event)\"\n (optionSelected)=\"onOptionSelected($event)\">\n <mat-option *ngIf=\"isLoading\" class=\"is-loading\">\n <mat-spinner diameter=\"50\"></mat-spinner>\n </mat-option>\n <ng-container *ngIf=\"!isLoading\">\n <mat-option *ngFor=\"let str of filteredStrings\" [value]=\"str\">\n {{str}}\n </mat-option>\n </ng-container>\n</mat-autocomplete>\n", styles: ["span{opacity:0;transition:opacity .2s}:host.floating span{opacity:1}\n"] }]
|
|
@@ -353,10 +360,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
|
|
|
353
360
|
type: HostBinding
|
|
354
361
|
}], inputField: [{
|
|
355
362
|
type: ViewChild,
|
|
356
|
-
args: [
|
|
363
|
+
args: ["input"]
|
|
357
364
|
}], describedBy: [{
|
|
358
365
|
type: HostBinding,
|
|
359
|
-
args: [
|
|
366
|
+
args: ["attr.aria-describedby"]
|
|
360
367
|
}], dataSource: [{
|
|
361
368
|
type: Input
|
|
362
369
|
}], disabled: [{
|
|
@@ -369,10 +376,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
|
|
|
369
376
|
type: Input
|
|
370
377
|
}], shouldLabelFloat: [{
|
|
371
378
|
type: HostBinding,
|
|
372
|
-
args: [
|
|
379
|
+
args: ["class.floating"]
|
|
373
380
|
}] } });
|
|
374
381
|
|
|
375
|
-
class
|
|
382
|
+
class MmEntitySelectInputComponent {
|
|
376
383
|
elRef;
|
|
377
384
|
injector;
|
|
378
385
|
fm;
|
|
@@ -384,7 +391,7 @@ class IaEntitySelectInput {
|
|
|
384
391
|
errorState;
|
|
385
392
|
focused;
|
|
386
393
|
stateChanges = new Subject();
|
|
387
|
-
id = `ia-entity-select-${
|
|
394
|
+
id = `ia-entity-select-${MmEntitySelectInputComponent.nextId++}`;
|
|
388
395
|
valueChange = new EventEmitter();
|
|
389
396
|
_selectedEntity;
|
|
390
397
|
inputField;
|
|
@@ -422,7 +429,12 @@ class IaEntitySelectInput {
|
|
|
422
429
|
}
|
|
423
430
|
set disabled(dis) {
|
|
424
431
|
this._disabled = coerceBooleanProperty(dis);
|
|
425
|
-
this._disabled
|
|
432
|
+
if (this._disabled) {
|
|
433
|
+
this.searchFormControl.disable();
|
|
434
|
+
}
|
|
435
|
+
else {
|
|
436
|
+
this.searchFormControl.enable();
|
|
437
|
+
}
|
|
426
438
|
this.stateChanges.next();
|
|
427
439
|
}
|
|
428
440
|
_placeholder;
|
|
@@ -584,42 +596,42 @@ class IaEntitySelectInput {
|
|
|
584
596
|
this.stateChanges.next();
|
|
585
597
|
}
|
|
586
598
|
}
|
|
587
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
588
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.
|
|
599
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: MmEntitySelectInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.Injector }, { token: i1$2.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
|
|
600
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: MmEntitySelectInputComponent, selector: "mm-entity-select", inputs: { dataSource: "dataSource", disabled: "disabled", placeholder: "placeholder", required: "required", prefix: "prefix" }, host: { properties: { "id": "this.id", "attr.aria-describedby": "this.describedBy", "class.floating": "this.shouldLabelFloat" } }, providers: [
|
|
589
601
|
{
|
|
590
602
|
provide: NG_VALUE_ACCESSOR,
|
|
591
|
-
useExisting: forwardRef(() =>
|
|
603
|
+
useExisting: forwardRef(() => MmEntitySelectInputComponent),
|
|
592
604
|
multi: true
|
|
593
605
|
},
|
|
594
606
|
{
|
|
595
607
|
provide: MatFormFieldControl,
|
|
596
|
-
useExisting:
|
|
608
|
+
useExisting: MmEntitySelectInputComponent
|
|
597
609
|
},
|
|
598
610
|
{
|
|
599
611
|
provide: NG_VALIDATORS,
|
|
600
|
-
useExisting: forwardRef(() =>
|
|
612
|
+
useExisting: forwardRef(() => MmEntitySelectInputComponent),
|
|
601
613
|
multi: true
|
|
602
614
|
}
|
|
603
|
-
], viewQueries: [{ propertyName: "inputField", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<input #input (blur)=\"onTouched()\" (focusout)=\"onFocusOut()\" [formControl]=\"searchFormControl\" [matAutocomplete]=\"auto\"\n [placeholder]=\"placeholder\" matInput>\n<mat-autocomplete #auto=\"matAutocomplete\" (closed)=\"onEntityClosed()\"\n (optionActivated)=\"onEntityActivated($event)\" (optionSelected)=\"onEntitySelected($event)\"\n [displayWith]=\"dataSource?.onDisplayEntity ?? null\">\n <mat-option *ngIf=\"isLoading\" class=\"is-loading\">\n <mat-spinner diameter=\"50\"></mat-spinner>\n </mat-option>\n <ng-container *ngIf=\"!isLoading\">\n <mat-option *ngFor=\"let entity of filteredEntities\" [value]=\"entity\">\n {{dataSource?.onDisplayEntity(entity) ?? null}}\n </mat-option>\n </ng-container>\n</mat-autocomplete>\n", styles: ["span{opacity:0;transition:opacity .2s}:host.floating span{opacity:1}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i3$2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i5.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"] }] });
|
|
615
|
+
], viewQueries: [{ propertyName: "inputField", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<input #input (blur)=\"onTouched()\" (focusout)=\"onFocusOut()\" [formControl]=\"searchFormControl\" [matAutocomplete]=\"auto\"\n [placeholder]=\"placeholder\" matInput>\n<mat-autocomplete #auto=\"matAutocomplete\" (closed)=\"onEntityClosed()\"\n (optionActivated)=\"onEntityActivated($event)\" (optionSelected)=\"onEntitySelected($event)\"\n [displayWith]=\"dataSource?.onDisplayEntity ?? null\">\n <mat-option *ngIf=\"isLoading\" class=\"is-loading\">\n <mat-spinner diameter=\"50\"></mat-spinner>\n </mat-option>\n <ng-container *ngIf=\"!isLoading\">\n <mat-option *ngFor=\"let entity of filteredEntities\" [value]=\"entity\">\n {{dataSource?.onDisplayEntity(entity) ?? null}}\n </mat-option>\n </ng-container>\n</mat-autocomplete>\n", styles: ["span{opacity:0;transition:opacity .2s}:host.floating span{opacity:1}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i3$2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i5$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
604
616
|
}
|
|
605
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
617
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: MmEntitySelectInputComponent, decorators: [{
|
|
606
618
|
type: Component,
|
|
607
|
-
args: [{ selector: '
|
|
619
|
+
args: [{ selector: 'mm-entity-select', host: {
|
|
608
620
|
'[id]': 'id',
|
|
609
621
|
'[attr.aria-describedby]': 'describedBy'
|
|
610
622
|
}, providers: [
|
|
611
623
|
{
|
|
612
624
|
provide: NG_VALUE_ACCESSOR,
|
|
613
|
-
useExisting: forwardRef(() =>
|
|
625
|
+
useExisting: forwardRef(() => MmEntitySelectInputComponent),
|
|
614
626
|
multi: true
|
|
615
627
|
},
|
|
616
628
|
{
|
|
617
629
|
provide: MatFormFieldControl,
|
|
618
|
-
useExisting:
|
|
630
|
+
useExisting: MmEntitySelectInputComponent
|
|
619
631
|
},
|
|
620
632
|
{
|
|
621
633
|
provide: NG_VALIDATORS,
|
|
622
|
-
useExisting: forwardRef(() =>
|
|
634
|
+
useExisting: forwardRef(() => MmEntitySelectInputComponent),
|
|
623
635
|
multi: true
|
|
624
636
|
}
|
|
625
637
|
], template: "<input #input (blur)=\"onTouched()\" (focusout)=\"onFocusOut()\" [formControl]=\"searchFormControl\" [matAutocomplete]=\"auto\"\n [placeholder]=\"placeholder\" matInput>\n<mat-autocomplete #auto=\"matAutocomplete\" (closed)=\"onEntityClosed()\"\n (optionActivated)=\"onEntityActivated($event)\" (optionSelected)=\"onEntitySelected($event)\"\n [displayWith]=\"dataSource?.onDisplayEntity ?? null\">\n <mat-option *ngIf=\"isLoading\" class=\"is-loading\">\n <mat-spinner diameter=\"50\"></mat-spinner>\n </mat-option>\n <ng-container *ngIf=\"!isLoading\">\n <mat-option *ngFor=\"let entity of filteredEntities\" [value]=\"entity\">\n {{dataSource?.onDisplayEntity(entity) ?? null}}\n </mat-option>\n </ng-container>\n</mat-autocomplete>\n", styles: ["span{opacity:0;transition:opacity .2s}:host.floating span{opacity:1}\n"] }]
|
|
@@ -646,7 +658,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
|
|
|
646
658
|
args: ['class.floating']
|
|
647
659
|
}] } });
|
|
648
660
|
|
|
649
|
-
class
|
|
661
|
+
class MmMultipleEntitySelectInputComponent {
|
|
650
662
|
elRef;
|
|
651
663
|
injector;
|
|
652
664
|
fm;
|
|
@@ -659,7 +671,7 @@ class IaMultipleEntitySelectInput {
|
|
|
659
671
|
errorState;
|
|
660
672
|
focused;
|
|
661
673
|
stateChanges = new Subject();
|
|
662
|
-
id = `ia-multiple-entity-select-${
|
|
674
|
+
id = `ia-multiple-entity-select-${MmMultipleEntitySelectInputComponent.nextId++}`;
|
|
663
675
|
valuesChange = new EventEmitter();
|
|
664
676
|
_selectedEntities;
|
|
665
677
|
inputField;
|
|
@@ -700,7 +712,12 @@ class IaMultipleEntitySelectInput {
|
|
|
700
712
|
}
|
|
701
713
|
set disabled(dis) {
|
|
702
714
|
this._disabled = coerceBooleanProperty(dis);
|
|
703
|
-
this._disabled
|
|
715
|
+
if (this._disabled) {
|
|
716
|
+
this.searchFormControl.disable();
|
|
717
|
+
}
|
|
718
|
+
else {
|
|
719
|
+
this.searchFormControl.enable();
|
|
720
|
+
}
|
|
704
721
|
this.stateChanges.next();
|
|
705
722
|
}
|
|
706
723
|
_placeholder;
|
|
@@ -878,42 +895,42 @@ class IaMultipleEntitySelectInput {
|
|
|
878
895
|
this.stateChanges.next();
|
|
879
896
|
}
|
|
880
897
|
}
|
|
881
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
882
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.
|
|
898
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: MmMultipleEntitySelectInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.Injector }, { token: i1$2.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
|
|
899
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: MmMultipleEntitySelectInputComponent, selector: "mm-multiple-entity-select", inputs: { dataSource: "dataSource", disabled: "disabled", placeholder: "placeholder", required: "required", prefix: "prefix" }, host: { properties: { "id": "this.id", "attr.aria-describedby": "this.describedBy", "class.floating": "this.shouldLabelFloat" } }, providers: [
|
|
883
900
|
{
|
|
884
901
|
provide: NG_VALUE_ACCESSOR,
|
|
885
|
-
useExisting: forwardRef(() =>
|
|
902
|
+
useExisting: forwardRef(() => MmMultipleEntitySelectInputComponent),
|
|
886
903
|
multi: true
|
|
887
904
|
},
|
|
888
905
|
{
|
|
889
906
|
provide: MatFormFieldControl,
|
|
890
|
-
useExisting:
|
|
907
|
+
useExisting: MmMultipleEntitySelectInputComponent
|
|
891
908
|
},
|
|
892
909
|
{
|
|
893
910
|
provide: NG_VALIDATORS,
|
|
894
|
-
useExisting: forwardRef(() =>
|
|
911
|
+
useExisting: forwardRef(() => MmMultipleEntitySelectInputComponent),
|
|
895
912
|
multi: true
|
|
896
913
|
}
|
|
897
|
-
], viewQueries: [{ propertyName: "inputField", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<mat-chip-grid #list>\n <mat-chip-row *ngFor=\"let entity of valuesFormControl.value\"\n (removed)=\"remove(entity)\"\n [editable]=\"false\"\n [aria-description]=\"'press enter to edit ' + dataSource?.onDisplayEntity(entity) ?? null\">\n {{dataSource?.onDisplayEntity(entity) ?? null}}\n <button matChipRemove [attr.aria-label]=\"'remove ' + dataSource?.onDisplayEntity(entity) ?? null\">\n <mat-icon>cancel</mat-icon>\n </button>\n </mat-chip-row>\n <input #input (blur)=\"onTouched()\" (focusout)=\"onFocusOut()\" [formControl]=\"searchFormControl\"\n [matAutocomplete]=\"auto\"\n [matChipInputFor]=\"list\"\n matChipInputAddOnBlur=\"true\"\n [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n [placeholder]=\"placeholder\" matInput>\n <mat-autocomplete #auto=\"matAutocomplete\" (closed)=\"onEntityClosed()\"\n (optionActivated)=\"onEntityActivated($event)\" (optionSelected)=\"onEntitySelected($event)\"\n [displayWith]=\"dataSource?.onDisplayEntity ?? null\">\n <mat-option *ngIf=\"isLoading\" class=\"is-loading\">\n <mat-spinner diameter=\"50\"></mat-spinner>\n </mat-option>\n <ng-container *ngIf=\"!isLoading\">\n <mat-option *ngFor=\"let entity of filteredEntities\" [value]=\"entity\">\n {{dataSource?.onDisplayEntity(entity) ?? null}}\n </mat-option>\n </ng-container>\n </mat-autocomplete>\n</mat-chip-grid>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i3$2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i7$1.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i7$1.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i7$1.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i7$1.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "component", type:
|
|
914
|
+
], viewQueries: [{ propertyName: "inputField", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<mat-chip-grid #list>\n <mat-chip-row *ngFor=\"let entity of valuesFormControl.value\"\n (removed)=\"remove(entity)\"\n [editable]=\"false\"\n [aria-description]=\"'press enter to edit ' + dataSource?.onDisplayEntity(entity) ?? null\">\n {{dataSource?.onDisplayEntity(entity) ?? null}}\n <button matChipRemove [attr.aria-label]=\"'remove ' + dataSource?.onDisplayEntity(entity) ?? null\">\n <mat-icon>cancel</mat-icon>\n </button>\n </mat-chip-row>\n <input #input (blur)=\"onTouched()\" (focusout)=\"onFocusOut()\" [formControl]=\"searchFormControl\"\n [matAutocomplete]=\"auto\"\n [matChipInputFor]=\"list\"\n matChipInputAddOnBlur=\"true\"\n [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n [placeholder]=\"placeholder\" matInput>\n <mat-autocomplete #auto=\"matAutocomplete\" (closed)=\"onEntityClosed()\"\n (optionActivated)=\"onEntityActivated($event)\" (optionSelected)=\"onEntitySelected($event)\"\n [displayWith]=\"dataSource?.onDisplayEntity ?? null\">\n <mat-option *ngIf=\"isLoading\" class=\"is-loading\">\n <mat-spinner diameter=\"50\"></mat-spinner>\n </mat-option>\n <ng-container *ngIf=\"!isLoading\">\n <mat-option *ngFor=\"let entity of filteredEntities\" [value]=\"entity\">\n {{dataSource?.onDisplayEntity(entity) ?? null}}\n </mat-option>\n </ng-container>\n </mat-autocomplete>\n</mat-chip-grid>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i3$2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i5$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i7$1.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i7$1.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i7$1.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i7$1.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
898
915
|
}
|
|
899
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
916
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: MmMultipleEntitySelectInputComponent, decorators: [{
|
|
900
917
|
type: Component,
|
|
901
|
-
args: [{ selector: '
|
|
918
|
+
args: [{ selector: 'mm-multiple-entity-select', host: {
|
|
902
919
|
'[id]': 'id',
|
|
903
920
|
'[attr.aria-describedby]': 'describedBy'
|
|
904
921
|
}, providers: [
|
|
905
922
|
{
|
|
906
923
|
provide: NG_VALUE_ACCESSOR,
|
|
907
|
-
useExisting: forwardRef(() =>
|
|
924
|
+
useExisting: forwardRef(() => MmMultipleEntitySelectInputComponent),
|
|
908
925
|
multi: true
|
|
909
926
|
},
|
|
910
927
|
{
|
|
911
928
|
provide: MatFormFieldControl,
|
|
912
|
-
useExisting:
|
|
929
|
+
useExisting: MmMultipleEntitySelectInputComponent
|
|
913
930
|
},
|
|
914
931
|
{
|
|
915
932
|
provide: NG_VALIDATORS,
|
|
916
|
-
useExisting: forwardRef(() =>
|
|
933
|
+
useExisting: forwardRef(() => MmMultipleEntitySelectInputComponent),
|
|
917
934
|
multi: true
|
|
918
935
|
}
|
|
919
936
|
], template: "<mat-chip-grid #list>\n <mat-chip-row *ngFor=\"let entity of valuesFormControl.value\"\n (removed)=\"remove(entity)\"\n [editable]=\"false\"\n [aria-description]=\"'press enter to edit ' + dataSource?.onDisplayEntity(entity) ?? null\">\n {{dataSource?.onDisplayEntity(entity) ?? null}}\n <button matChipRemove [attr.aria-label]=\"'remove ' + dataSource?.onDisplayEntity(entity) ?? null\">\n <mat-icon>cancel</mat-icon>\n </button>\n </mat-chip-row>\n <input #input (blur)=\"onTouched()\" (focusout)=\"onFocusOut()\" [formControl]=\"searchFormControl\"\n [matAutocomplete]=\"auto\"\n [matChipInputFor]=\"list\"\n matChipInputAddOnBlur=\"true\"\n [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n [placeholder]=\"placeholder\" matInput>\n <mat-autocomplete #auto=\"matAutocomplete\" (closed)=\"onEntityClosed()\"\n (optionActivated)=\"onEntityActivated($event)\" (optionSelected)=\"onEntitySelected($event)\"\n [displayWith]=\"dataSource?.onDisplayEntity ?? null\">\n <mat-option *ngIf=\"isLoading\" class=\"is-loading\">\n <mat-spinner diameter=\"50\"></mat-spinner>\n </mat-option>\n <ng-container *ngIf=\"!isLoading\">\n <mat-option *ngFor=\"let entity of filteredEntities\" [value]=\"entity\">\n {{dataSource?.onDisplayEntity(entity) ?? null}}\n </mat-option>\n </ng-container>\n </mat-autocomplete>\n</mat-chip-grid>\n" }]
|
|
@@ -940,13 +957,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
|
|
|
940
957
|
args: ['class.floating']
|
|
941
958
|
}] } });
|
|
942
959
|
|
|
943
|
-
class
|
|
944
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
945
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
960
|
+
class MmSharedUiModule {
|
|
961
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: MmSharedUiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
962
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: MmSharedUiModule, declarations: [MmNotificationBarComponent,
|
|
963
|
+
MmMessageDetailsComponent,
|
|
964
|
+
MmAutocompleteInputComponent,
|
|
965
|
+
MmEntitySelectInputComponent,
|
|
966
|
+
MmMultipleEntitySelectInputComponent], imports: [CommonModule,
|
|
950
967
|
MatToolbarModule,
|
|
951
968
|
MatButtonModule,
|
|
952
969
|
MatSnackBarModule,
|
|
@@ -956,8 +973,8 @@ class IaSharedUIModule {
|
|
|
956
973
|
MatProgressSpinnerModule,
|
|
957
974
|
MatChipsModule,
|
|
958
975
|
MatIconModule,
|
|
959
|
-
ReactiveFormsModule], exports: [
|
|
960
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.
|
|
976
|
+
ReactiveFormsModule], exports: [MmNotificationBarComponent, MmAutocompleteInputComponent, MmEntitySelectInputComponent, MmMultipleEntitySelectInputComponent] });
|
|
977
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: MmSharedUiModule, imports: [CommonModule,
|
|
961
978
|
MatToolbarModule,
|
|
962
979
|
MatButtonModule,
|
|
963
980
|
MatSnackBarModule,
|
|
@@ -969,17 +986,17 @@ class IaSharedUIModule {
|
|
|
969
986
|
MatIconModule,
|
|
970
987
|
ReactiveFormsModule] });
|
|
971
988
|
}
|
|
972
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
989
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: MmSharedUiModule, decorators: [{
|
|
973
990
|
type: NgModule,
|
|
974
991
|
args: [{
|
|
975
992
|
declarations: [
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
993
|
+
MmNotificationBarComponent,
|
|
994
|
+
MmMessageDetailsComponent,
|
|
995
|
+
MmAutocompleteInputComponent,
|
|
996
|
+
MmEntitySelectInputComponent,
|
|
997
|
+
MmMultipleEntitySelectInputComponent
|
|
981
998
|
],
|
|
982
|
-
exports: [
|
|
999
|
+
exports: [MmNotificationBarComponent, MmAutocompleteInputComponent, MmEntitySelectInputComponent, MmMultipleEntitySelectInputComponent],
|
|
983
1000
|
imports: [
|
|
984
1001
|
CommonModule,
|
|
985
1002
|
MatToolbarModule,
|
|
@@ -996,7 +1013,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
|
|
|
996
1013
|
}]
|
|
997
1014
|
}] });
|
|
998
1015
|
|
|
999
|
-
class
|
|
1016
|
+
class MmProgressWindowComponent {
|
|
1000
1017
|
data;
|
|
1001
1018
|
statusText;
|
|
1002
1019
|
progressValue;
|
|
@@ -1013,12 +1030,12 @@ class ProgressWindowComponent {
|
|
|
1013
1030
|
onCancelClick() {
|
|
1014
1031
|
this.data.cancelOperation();
|
|
1015
1032
|
}
|
|
1016
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1017
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.
|
|
1033
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: MmProgressWindowComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
1034
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: MmProgressWindowComponent, selector: "mm-progress-window", ngImport: i0, template: "<h1 mat-dialog-title>{{data.title}}</h1>\n<div mat-dialog-content>\n <div fxLayout=\"column\">\n <mat-progress-bar *ngIf=\"data.isDeterminate\" [value]=\"progressValue\" mode=\"determinate\"></mat-progress-bar>\n <mat-progress-bar *ngIf=\"!data.isDeterminate\" mode=\"indeterminate\"></mat-progress-bar>\n <p>{{statusText}}</p>\n </div>\n</div>\n<div style=\"justify-content: flex-end;\" mat-dialog-actions>\n <button (click)=\"onCancelClick()\" *ngIf=\"data.isCancelOperationAvailable\" mat-button>Cancel</button>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i4$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }] });
|
|
1018
1035
|
}
|
|
1019
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
1036
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: MmProgressWindowComponent, decorators: [{
|
|
1020
1037
|
type: Component,
|
|
1021
|
-
args: [{ selector: '
|
|
1038
|
+
args: [{ selector: 'mm-progress-window', template: "<h1 mat-dialog-title>{{data.title}}</h1>\n<div mat-dialog-content>\n <div fxLayout=\"column\">\n <mat-progress-bar *ngIf=\"data.isDeterminate\" [value]=\"progressValue\" mode=\"determinate\"></mat-progress-bar>\n <mat-progress-bar *ngIf=\"!data.isDeterminate\" mode=\"indeterminate\"></mat-progress-bar>\n <p>{{statusText}}</p>\n </div>\n</div>\n<div style=\"justify-content: flex-end;\" mat-dialog-actions>\n <button (click)=\"onCancelClick()\" *ngIf=\"data.isCancelOperationAvailable\" mat-button>Cancel</button>\n</div>\n" }]
|
|
1022
1039
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
1023
1040
|
type: Inject,
|
|
1024
1041
|
args: [MAT_DIALOG_DATA]
|
|
@@ -1044,7 +1061,7 @@ class ProgressNotifierService {
|
|
|
1044
1061
|
start(title, isDeterminate, isCancelOperationAvailable) {
|
|
1045
1062
|
this.isCanceled = false;
|
|
1046
1063
|
this.reportProgressDeterminate(0, 100, 'Working...');
|
|
1047
|
-
this.currentDialogRef = this.dialog.open(
|
|
1064
|
+
this.currentDialogRef = this.dialog.open(MmProgressWindowComponent, {
|
|
1048
1065
|
width: '50vw',
|
|
1049
1066
|
maxWidth: '50vw',
|
|
1050
1067
|
data: {
|
|
@@ -1075,10 +1092,10 @@ class ProgressNotifierService {
|
|
|
1075
1092
|
complete() {
|
|
1076
1093
|
this.currentDialogRef?.close();
|
|
1077
1094
|
}
|
|
1078
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1079
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.
|
|
1095
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ProgressNotifierService, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1096
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ProgressNotifierService });
|
|
1080
1097
|
}
|
|
1081
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
1098
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ProgressNotifierService, decorators: [{
|
|
1082
1099
|
type: Injectable
|
|
1083
1100
|
}], ctorParameters: () => [{ type: i1.MatDialog }] });
|
|
1084
1101
|
|
|
@@ -1089,14 +1106,14 @@ class ProgressNotifierModule {
|
|
|
1089
1106
|
providers: [ProgressNotifierService]
|
|
1090
1107
|
};
|
|
1091
1108
|
}
|
|
1092
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1093
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.
|
|
1094
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.
|
|
1109
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ProgressNotifierModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1110
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: ProgressNotifierModule, declarations: [MmProgressWindowComponent], imports: [CommonModule, MatDialogModule, MatButtonModule, MatProgressBarModule] });
|
|
1111
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ProgressNotifierModule, imports: [CommonModule, MatDialogModule, MatButtonModule, MatProgressBarModule] });
|
|
1095
1112
|
}
|
|
1096
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
1113
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ProgressNotifierModule, decorators: [{
|
|
1097
1114
|
type: NgModule,
|
|
1098
1115
|
args: [{
|
|
1099
|
-
declarations: [
|
|
1116
|
+
declarations: [MmProgressWindowComponent],
|
|
1100
1117
|
imports: [CommonModule, MatDialogModule, MatButtonModule, MatProgressBarModule]
|
|
1101
1118
|
}]
|
|
1102
1119
|
}] });
|
|
@@ -1116,7 +1133,7 @@ var DialogType;
|
|
|
1116
1133
|
DialogType[DialogType["Ok"] = 3] = "Ok";
|
|
1117
1134
|
})(DialogType || (DialogType = {}));
|
|
1118
1135
|
|
|
1119
|
-
class
|
|
1136
|
+
class MmConfirmationWindowComponent {
|
|
1120
1137
|
dialogRef;
|
|
1121
1138
|
data;
|
|
1122
1139
|
button1Text;
|
|
@@ -1173,12 +1190,12 @@ class ConfirmationWindowComponent {
|
|
|
1173
1190
|
result: this.button3Result
|
|
1174
1191
|
});
|
|
1175
1192
|
}
|
|
1176
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1177
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.
|
|
1193
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: MmConfirmationWindowComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
1194
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: MmConfirmationWindowComponent, selector: "mm-confirmation-window", ngImport: i0, template: "<h1 mat-dialog-title>{{data.title}}</h1>\n<div mat-dialog-content>{{data.message}}</div>\n<div style=\"justify-content: flex-end;\" mat-dialog-actions>\n <button (click)=\"onButton1()\" color=\"primary\" mat-button>{{button1Text}}</button>\n <button (click)=\"onButton2()\" *ngIf=\"button2Text\" mat-button>{{button2Text}}</button>\n <button (click)=\"onButton3()\" *ngIf=\"button3Text\" mat-button>{{button3Text}}</button>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }] });
|
|
1178
1195
|
}
|
|
1179
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
1196
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: MmConfirmationWindowComponent, decorators: [{
|
|
1180
1197
|
type: Component,
|
|
1181
|
-
args: [{ selector: '
|
|
1198
|
+
args: [{ selector: 'mm-confirmation-window', template: "<h1 mat-dialog-title>{{data.title}}</h1>\n<div mat-dialog-content>{{data.message}}</div>\n<div style=\"justify-content: flex-end;\" mat-dialog-actions>\n <button (click)=\"onButton1()\" color=\"primary\" mat-button>{{button1Text}}</button>\n <button (click)=\"onButton2()\" *ngIf=\"button2Text\" mat-button>{{button2Text}}</button>\n <button (click)=\"onButton3()\" *ngIf=\"button3Text\" mat-button>{{button3Text}}</button>\n</div>\n" }]
|
|
1182
1199
|
}], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
|
|
1183
1200
|
type: Inject,
|
|
1184
1201
|
args: [MAT_DIALOG_DATA]
|
|
@@ -1190,7 +1207,7 @@ class ConfirmationService {
|
|
|
1190
1207
|
this.dialog = dialog;
|
|
1191
1208
|
}
|
|
1192
1209
|
showYesNoConfirmationDialog(title, message) {
|
|
1193
|
-
const dialogRef = this.dialog.open(
|
|
1210
|
+
const dialogRef = this.dialog.open(MmConfirmationWindowComponent, {
|
|
1194
1211
|
width: '50vw',
|
|
1195
1212
|
maxWidth: '50vw',
|
|
1196
1213
|
data: {
|
|
@@ -1202,7 +1219,7 @@ class ConfirmationService {
|
|
|
1202
1219
|
return dialogRef.afterClosed().pipe(map((value) => value?.result === ButtonTypes.Yes));
|
|
1203
1220
|
}
|
|
1204
1221
|
showYesNoCancelConfirmationDialog(title, message) {
|
|
1205
|
-
const dialogRef = this.dialog.open(
|
|
1222
|
+
const dialogRef = this.dialog.open(MmConfirmationWindowComponent, {
|
|
1206
1223
|
width: '50vw',
|
|
1207
1224
|
maxWidth: '50vw',
|
|
1208
1225
|
data: {
|
|
@@ -1214,7 +1231,7 @@ class ConfirmationService {
|
|
|
1214
1231
|
return dialogRef.afterClosed();
|
|
1215
1232
|
}
|
|
1216
1233
|
showOkCancelConfirmationDialog(title, message) {
|
|
1217
|
-
const dialogRef = this.dialog.open(
|
|
1234
|
+
const dialogRef = this.dialog.open(MmConfirmationWindowComponent, {
|
|
1218
1235
|
width: '50vw',
|
|
1219
1236
|
maxWidth: '50vw',
|
|
1220
1237
|
data: {
|
|
@@ -1226,7 +1243,7 @@ class ConfirmationService {
|
|
|
1226
1243
|
return dialogRef.afterClosed().pipe(map((value) => value?.result === ButtonTypes.Ok));
|
|
1227
1244
|
}
|
|
1228
1245
|
showOkDialog(title, message) {
|
|
1229
|
-
const dialogRef = this.dialog.open(
|
|
1246
|
+
const dialogRef = this.dialog.open(MmConfirmationWindowComponent, {
|
|
1230
1247
|
width: '50vw',
|
|
1231
1248
|
maxWidth: '50vw',
|
|
1232
1249
|
data: {
|
|
@@ -1237,10 +1254,10 @@ class ConfirmationService {
|
|
|
1237
1254
|
});
|
|
1238
1255
|
return dialogRef.afterClosed().pipe(map((value) => value?.result === ButtonTypes.Ok));
|
|
1239
1256
|
}
|
|
1240
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1241
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.
|
|
1257
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ConfirmationService, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1258
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ConfirmationService, providedIn: 'root' });
|
|
1242
1259
|
}
|
|
1243
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
1260
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ConfirmationService, decorators: [{
|
|
1244
1261
|
type: Injectable,
|
|
1245
1262
|
args: [{
|
|
1246
1263
|
providedIn: 'root'
|
|
@@ -1254,14 +1271,14 @@ class ConfirmationDialogModule {
|
|
|
1254
1271
|
providers: [ConfirmationService]
|
|
1255
1272
|
};
|
|
1256
1273
|
}
|
|
1257
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1258
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.
|
|
1259
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.
|
|
1274
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ConfirmationDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1275
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: ConfirmationDialogModule, declarations: [MmConfirmationWindowComponent], imports: [CommonModule, MatDialogModule, MatButtonModule] });
|
|
1276
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ConfirmationDialogModule, imports: [CommonModule, MatDialogModule, MatButtonModule] });
|
|
1260
1277
|
}
|
|
1261
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
1278
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ConfirmationDialogModule, decorators: [{
|
|
1262
1279
|
type: NgModule,
|
|
1263
1280
|
args: [{
|
|
1264
|
-
declarations: [
|
|
1281
|
+
declarations: [MmConfirmationWindowComponent],
|
|
1265
1282
|
imports: [CommonModule, MatDialogModule, MatButtonModule]
|
|
1266
1283
|
}]
|
|
1267
1284
|
}] });
|
|
@@ -1362,17 +1379,17 @@ class BreadcrumbService {
|
|
|
1362
1379
|
updateBreadcrumb(newBreadcrumb) {
|
|
1363
1380
|
this.newBreadcrumb.next(newBreadcrumb);
|
|
1364
1381
|
}
|
|
1365
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1366
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.
|
|
1382
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: BreadcrumbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1383
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: BreadcrumbService, providedIn: 'root' });
|
|
1367
1384
|
}
|
|
1368
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
1385
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: BreadcrumbService, decorators: [{
|
|
1369
1386
|
type: Injectable,
|
|
1370
1387
|
args: [{
|
|
1371
1388
|
providedIn: 'root'
|
|
1372
1389
|
}]
|
|
1373
1390
|
}] });
|
|
1374
1391
|
|
|
1375
|
-
class
|
|
1392
|
+
class MmBreadcrumbComponent {
|
|
1376
1393
|
activatedRoute;
|
|
1377
1394
|
router;
|
|
1378
1395
|
breadcrumbService;
|
|
@@ -1457,12 +1474,12 @@ class MatBreadcrumbComponent {
|
|
|
1457
1474
|
this.breadcrumb = [];
|
|
1458
1475
|
}
|
|
1459
1476
|
}
|
|
1460
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1461
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.
|
|
1477
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: MmBreadcrumbComponent, deps: [{ token: i1$3.ActivatedRoute }, { token: i1$3.Router }, { token: BreadcrumbService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1478
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: MmBreadcrumbComponent, selector: "mm-breadcrumb", inputs: { fontSize: "fontSize", fontColor: "fontColor", lastLinkColor: "lastLinkColor", symbol: "symbol" }, ngImport: i0, template: "<mat-list class=\"mat-bread-crumb-list\" *ngIf=\"breadcrumb.length\">\n <mat-list-item>\n <span class=\"mat-bread-crumb-spacer\">\n <span *ngFor=\"let item of breadcrumb; let i = index\">\n <a *ngIf=\"item?.url\" [routerLink]=\"item?.url\"\n class=\"mat-bread-crumb-list-item\">{{ item.label }}</a>\n <span *ngIf=\"!item?.url\" class=\"mat-bread-crumb-list-item\">{{ item.label }}</span>\n <span *ngIf=\"breadcrumb.length !== i+1\" class=\"mat-bread-crumb-list-item\">{{symbol}}</span>\n </span>\n </span>\n </mat-list-item>\n</mat-list>\n", styles: [".mat-bread-crumb{height:30px}.mat-bread-crumb-list{padding-bottom:10px}\n"], dependencies: [{ kind: "directive", type: i1$3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$2.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i4$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }] });
|
|
1462
1479
|
}
|
|
1463
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
1480
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: MmBreadcrumbComponent, decorators: [{
|
|
1464
1481
|
type: Component,
|
|
1465
|
-
args: [{ selector: '
|
|
1482
|
+
args: [{ selector: 'mm-breadcrumb', template: "<mat-list class=\"mat-bread-crumb-list\" *ngIf=\"breadcrumb.length\">\n <mat-list-item>\n <span class=\"mat-bread-crumb-spacer\">\n <span *ngFor=\"let item of breadcrumb; let i = index\">\n <a *ngIf=\"item?.url\" [routerLink]=\"item?.url\"\n class=\"mat-bread-crumb-list-item\">{{ item.label }}</a>\n <span *ngIf=\"!item?.url\" class=\"mat-bread-crumb-list-item\">{{ item.label }}</span>\n <span *ngIf=\"breadcrumb.length !== i+1\" class=\"mat-bread-crumb-list-item\">{{symbol}}</span>\n </span>\n </span>\n </mat-list-item>\n</mat-list>\n", styles: [".mat-bread-crumb{height:30px}.mat-bread-crumb-list{padding-bottom:10px}\n"] }]
|
|
1466
1483
|
}], ctorParameters: () => [{ type: i1$3.ActivatedRoute }, { type: i1$3.Router }, { type: BreadcrumbService }], propDecorators: { fontSize: [{
|
|
1467
1484
|
type: Input
|
|
1468
1485
|
}], fontColor: [{
|
|
@@ -1474,16 +1491,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
|
|
|
1474
1491
|
}] } });
|
|
1475
1492
|
|
|
1476
1493
|
class BreadcrumbModule {
|
|
1477
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1478
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.
|
|
1479
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.
|
|
1494
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: BreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1495
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: BreadcrumbModule, declarations: [MmBreadcrumbComponent], imports: [RouterModule, CommonModule, BrowserAnimationsModule, MatToolbarModule, MatListModule], exports: [MmBreadcrumbComponent] });
|
|
1496
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: BreadcrumbModule, imports: [RouterModule, CommonModule, BrowserAnimationsModule, MatToolbarModule, MatListModule] });
|
|
1480
1497
|
}
|
|
1481
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
1498
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: BreadcrumbModule, decorators: [{
|
|
1482
1499
|
type: NgModule,
|
|
1483
1500
|
args: [{
|
|
1484
|
-
declarations: [
|
|
1501
|
+
declarations: [MmBreadcrumbComponent],
|
|
1485
1502
|
imports: [RouterModule, CommonModule, BrowserAnimationsModule, MatToolbarModule, MatListModule],
|
|
1486
|
-
exports: [
|
|
1503
|
+
exports: [MmBreadcrumbComponent]
|
|
1487
1504
|
}]
|
|
1488
1505
|
}] });
|
|
1489
1506
|
|
|
@@ -1495,5 +1512,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
|
|
|
1495
1512
|
* Generated bundle index. Do not edit.
|
|
1496
1513
|
*/
|
|
1497
1514
|
|
|
1498
|
-
export { AbstractDetailsComponent, BreadcrumbModule, BreadcrumbService, ButtonTypes, CommonValidators, ConfirmationDialogModule, ConfirmationService, DialogType,
|
|
1515
|
+
export { AbstractDetailsComponent, BreadcrumbModule, BreadcrumbService, ButtonTypes, CommonValidators, ConfirmationDialogModule, ConfirmationService, DialogType, MmAutocompleteInputComponent, MmBreadcrumbComponent, MmEntitySelectInputComponent, MmMultipleEntitySelectInputComponent, MmNotificationBarComponent, MmSharedUiModule, ProgressNotifierModule, ProgressNotifierService };
|
|
1499
1516
|
//# sourceMappingURL=meshmakers-shared-ui.mjs.map
|