@meshmakers/shared-ui 3.2.112-0 → 3.2.115-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/fesm2022/meshmakers-shared-ui.mjs +220 -162
- package/fesm2022/meshmakers-shared-ui.mjs.map +1 -1
- package/index.d.ts +455 -5
- package/package.json +3 -3
- package/lib/mm-autocomplete-input/mm-autocomplete-input.component.d.ts +0 -69
- package/lib/mm-breadcrumb/mm-breadcrumb.component.d.ts +0 -21
- package/lib/mm-confirmation-window/mm-confirmation-window.component.d.ts +0 -21
- package/lib/mm-entity-select-input/mm-entity-select-input.component.d.ts +0 -70
- package/lib/mm-file-upload/mm-file-upload.component.d.ts +0 -27
- package/lib/mm-message-details/mm-message-details.component.d.ts +0 -13
- package/lib/mm-multiple-entity-select-input/mm-multiple-entity-select-input.component.d.ts +0 -73
- package/lib/mm-notification-bar/mm-notification-bar.component.d.ts +0 -15
- package/lib/mm-progress-window/mm-progress-window.component.d.ts +0 -22
- package/lib/mm-shared-ui.module.d.ts +0 -32
- package/lib/mm-table-simple/mm-table-simple.component.d.ts +0 -12
- package/lib/models/abstractDetailsComponent.d.ts +0 -19
- package/lib/models/commonValidators.d.ts +0 -9
- package/lib/models/confirmation.d.ts +0 -30
- package/lib/models/progressValue.d.ts +0 -5
- package/lib/services/breadcrumbData.d.ts +0 -6
- package/lib/services/confirmation.service.d.ts +0 -14
- package/lib/services/file-upload.service.d.ts +0 -9
- package/lib/services/progress-notifier.service.d.ts +0 -17
- package/public-api.d.ts +0 -15
|
@@ -1,72 +1,64 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import {
|
|
3
|
-
import * as
|
|
2
|
+
import { inject, Component, ElementRef, Injector, EventEmitter, forwardRef, HostBinding, Input, ViewChild, Injectable, signal, Output, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/common';
|
|
4
4
|
import { NgForOf, CommonModule } from '@angular/common';
|
|
5
|
-
import
|
|
6
|
-
import
|
|
5
|
+
import { MessageService, BreadcrumbService, QrCodeScannerService, IsoDateTime } from '@meshmakers/shared-services';
|
|
6
|
+
import * as i3 from '@angular/material/dialog';
|
|
7
|
+
import { MatDialogRef, MAT_DIALOG_DATA, MatDialog, MatDialogModule } from '@angular/material/dialog';
|
|
7
8
|
import * as i2 from '@angular/material/button';
|
|
8
9
|
import { MatButtonModule } from '@angular/material/button';
|
|
9
|
-
import * as
|
|
10
|
-
import { IsoDateTime } from '@meshmakers/shared-services';
|
|
11
|
-
import * as i4 from '@angular/material/toolbar';
|
|
10
|
+
import * as i2$1 from '@angular/material/toolbar';
|
|
12
11
|
import { MatToolbarModule } from '@angular/material/toolbar';
|
|
13
|
-
import * as
|
|
12
|
+
import * as i4 from '@angular/material/icon';
|
|
14
13
|
import { MatIconModule, MatIcon } from '@angular/material/icon';
|
|
15
|
-
import
|
|
16
|
-
import { MatSnackBarModule } from '@angular/material/snack-bar';
|
|
14
|
+
import { MatSnackBar, MatSnackBarModule } from '@angular/material/snack-bar';
|
|
17
15
|
import { MatFormFieldControl, MatFormFieldModule } from '@angular/material/form-field';
|
|
18
|
-
import * as
|
|
16
|
+
import * as i5 from '@angular/forms';
|
|
19
17
|
import { FormControl, NgControl, NG_VALUE_ACCESSOR, NG_VALIDATORS, ReactiveFormsModule, Validators } from '@angular/forms';
|
|
20
18
|
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
21
19
|
import { debounceTime, filter, tap, map, switchMap } from 'rxjs/operators';
|
|
22
20
|
import { Subject, of, BehaviorSubject, firstValueFrom } from 'rxjs';
|
|
23
|
-
import
|
|
24
|
-
import * as
|
|
21
|
+
import { FocusMonitor } from '@angular/cdk/a11y';
|
|
22
|
+
import * as i2$2 from '@angular/material/autocomplete';
|
|
25
23
|
import { MatAutocompleteModule } from '@angular/material/autocomplete';
|
|
26
|
-
import * as
|
|
24
|
+
import * as i3$1 from '@angular/material/input';
|
|
27
25
|
import { MatInputModule } from '@angular/material/input';
|
|
28
|
-
import * as
|
|
26
|
+
import * as i4$1 from '@angular/material/progress-spinner';
|
|
29
27
|
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
|
|
30
28
|
import { ENTER, COMMA } from '@angular/cdk/keycodes';
|
|
31
|
-
import * as
|
|
29
|
+
import * as i5$1 from '@angular/material/chips';
|
|
32
30
|
import { MatChipsModule } from '@angular/material/chips';
|
|
33
|
-
import * as
|
|
34
|
-
import { NavigationEnd, PRIMARY_OUTLET, RouterLink } from '@angular/router';
|
|
35
|
-
import * as
|
|
31
|
+
import * as i3$2 from '@angular/router';
|
|
32
|
+
import { ActivatedRoute, Router, NavigationEnd, PRIMARY_OUTLET, RouterLink } from '@angular/router';
|
|
33
|
+
import * as i2$3 from '@angular/material/list';
|
|
36
34
|
import { MatListModule } from '@angular/material/list';
|
|
37
|
-
import * as i4$
|
|
35
|
+
import * as i4$2 from '@angular/material/progress-bar';
|
|
38
36
|
import { MatProgressBar } from '@angular/material/progress-bar';
|
|
39
37
|
import { MatTable, MatColumnDef, MatHeaderCell, MatCell, MatHeaderRow, MatRow, MatHeaderRowDef, MatRowDef, MatHeaderCellDef, MatCellDef } from '@angular/material/table';
|
|
40
38
|
import { MatSort, MatSortHeader } from '@angular/material/sort';
|
|
41
39
|
|
|
42
40
|
class MmMessageDetailsComponent {
|
|
43
|
-
dialogRef;
|
|
44
|
-
data;
|
|
41
|
+
dialogRef = inject(MatDialogRef);
|
|
42
|
+
data = inject(MAT_DIALOG_DATA);
|
|
45
43
|
errorMessage;
|
|
46
|
-
constructor(
|
|
47
|
-
|
|
48
|
-
this.data = data;
|
|
44
|
+
constructor() {
|
|
45
|
+
const data = this.data;
|
|
49
46
|
this.errorMessage = data.errorMessage;
|
|
50
47
|
}
|
|
51
48
|
ngOnInit() { }
|
|
52
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
53
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
49
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: MmMessageDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
50
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: MmMessageDetailsComponent, isStandalone: false, 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 class=\"primary-button\" mat-dialog-close mat-flat-button>OK</button>\n</mat-dialog-actions>\n", styles: [""], dependencies: [{ kind: "component", type: i2.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }] });
|
|
54
51
|
}
|
|
55
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: MmMessageDetailsComponent, decorators: [{
|
|
56
53
|
type: Component,
|
|
57
54
|
args: [{ selector: 'mm-message-details', standalone: false, 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 class=\"primary-button\" mat-dialog-close mat-flat-button>OK</button>\n</mat-dialog-actions>\n" }]
|
|
58
|
-
}], ctorParameters: () => [
|
|
59
|
-
type: Inject,
|
|
60
|
-
args: [MAT_DIALOG_DATA]
|
|
61
|
-
}] }] });
|
|
55
|
+
}], ctorParameters: () => [] });
|
|
62
56
|
|
|
63
57
|
class MmNotificationBarComponent {
|
|
64
|
-
messageService;
|
|
65
|
-
dialog;
|
|
58
|
+
messageService = inject(MessageService);
|
|
59
|
+
dialog = inject(MatDialog);
|
|
66
60
|
errorMessage;
|
|
67
|
-
constructor(
|
|
68
|
-
this.messageService = messageService;
|
|
69
|
-
this.dialog = dialog;
|
|
61
|
+
constructor() {
|
|
70
62
|
this.errorMessage = null;
|
|
71
63
|
}
|
|
72
64
|
ngOnInit() {
|
|
@@ -84,18 +76,18 @@ class MmNotificationBarComponent {
|
|
|
84
76
|
}
|
|
85
77
|
});
|
|
86
78
|
}
|
|
87
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
88
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
79
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: MmNotificationBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
80
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: MmNotificationBarComponent, isStandalone: false, selector: "mm-notification-bar", ngImport: i0, template: "<mat-toolbar [ngClass]=\"{ 'notification-bar-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 class=\"material-symbols-outlined\">close</mat-icon></button>\n</mat-toolbar>\n", styles: [".notification-fill-remaining-space{flex:1 1 auto}.notification-bar-hidden{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i2.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
89
81
|
}
|
|
90
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
82
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: MmNotificationBarComponent, decorators: [{
|
|
91
83
|
type: Component,
|
|
92
84
|
args: [{ selector: 'mm-notification-bar', standalone: false, template: "<mat-toolbar [ngClass]=\"{ 'notification-bar-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 class=\"material-symbols-outlined\">close</mat-icon></button>\n</mat-toolbar>\n", styles: [".notification-fill-remaining-space{flex:1 1 auto}.notification-bar-hidden{display:none}\n"] }]
|
|
93
|
-
}], ctorParameters: () => [
|
|
85
|
+
}], ctorParameters: () => [] });
|
|
94
86
|
|
|
95
87
|
class MmAutocompleteInputComponent {
|
|
96
|
-
elRef;
|
|
97
|
-
injector;
|
|
98
|
-
fm;
|
|
88
|
+
elRef = inject(ElementRef);
|
|
89
|
+
injector = inject(Injector);
|
|
90
|
+
fm = inject(FocusMonitor);
|
|
99
91
|
static nextId = 0;
|
|
100
92
|
searchFormControl;
|
|
101
93
|
isLoading;
|
|
@@ -110,10 +102,9 @@ class MmAutocompleteInputComponent {
|
|
|
110
102
|
inputField;
|
|
111
103
|
describedBy = "";
|
|
112
104
|
activatedValue;
|
|
113
|
-
constructor(
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
this.fm = fm;
|
|
105
|
+
constructor() {
|
|
106
|
+
const elRef = this.elRef;
|
|
107
|
+
const fm = this.fm;
|
|
117
108
|
this.ngControl = null;
|
|
118
109
|
this.errorState = false;
|
|
119
110
|
this._selectedString = null;
|
|
@@ -318,8 +309,8 @@ class MmAutocompleteInputComponent {
|
|
|
318
309
|
};
|
|
319
310
|
_onTouched = () => {
|
|
320
311
|
};
|
|
321
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
322
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
312
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: MmAutocompleteInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
313
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: MmAutocompleteInputComponent, isStandalone: false, 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: [
|
|
323
314
|
{
|
|
324
315
|
provide: NG_VALUE_ACCESSOR,
|
|
325
316
|
useExisting: forwardRef(() => MmAutocompleteInputComponent),
|
|
@@ -334,9 +325,9 @@ class MmAutocompleteInputComponent {
|
|
|
334
325
|
useExisting: forwardRef(() => MmAutocompleteInputComponent),
|
|
335
326
|
multi: true
|
|
336
327
|
}
|
|
337
|
-
], 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:
|
|
328
|
+
], 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: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$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: i2$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i2$2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i3$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", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i4$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
338
329
|
}
|
|
339
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
330
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: MmAutocompleteInputComponent, decorators: [{
|
|
340
331
|
type: Component,
|
|
341
332
|
args: [{ selector: "mm-autocomplete", standalone: false, host: {
|
|
342
333
|
"[id]": "id",
|
|
@@ -357,7 +348,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
357
348
|
multi: true
|
|
358
349
|
}
|
|
359
350
|
], 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"] }]
|
|
360
|
-
}], ctorParameters: () => [
|
|
351
|
+
}], ctorParameters: () => [], propDecorators: { id: [{
|
|
361
352
|
type: HostBinding
|
|
362
353
|
}], inputField: [{
|
|
363
354
|
type: ViewChild,
|
|
@@ -381,9 +372,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
381
372
|
}] } });
|
|
382
373
|
|
|
383
374
|
class MmEntitySelectInputComponent {
|
|
384
|
-
elRef;
|
|
385
|
-
injector;
|
|
386
|
-
fm;
|
|
375
|
+
elRef = inject(ElementRef);
|
|
376
|
+
injector = inject(Injector);
|
|
377
|
+
fm = inject(FocusMonitor);
|
|
387
378
|
static nextId = 0;
|
|
388
379
|
searchFormControl;
|
|
389
380
|
isLoading;
|
|
@@ -398,10 +389,9 @@ class MmEntitySelectInputComponent {
|
|
|
398
389
|
inputField;
|
|
399
390
|
describedBy = "";
|
|
400
391
|
activatedValue;
|
|
401
|
-
constructor(
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
this.fm = fm;
|
|
392
|
+
constructor() {
|
|
393
|
+
const elRef = this.elRef;
|
|
394
|
+
const fm = this.fm;
|
|
405
395
|
this.ngControl = null;
|
|
406
396
|
this.errorState = false;
|
|
407
397
|
this.inputField = null;
|
|
@@ -609,8 +599,8 @@ class MmEntitySelectInputComponent {
|
|
|
609
599
|
this.stateChanges.next();
|
|
610
600
|
}
|
|
611
601
|
}
|
|
612
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
613
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
602
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: MmEntitySelectInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
603
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: MmEntitySelectInputComponent, isStandalone: false, 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: [
|
|
614
604
|
{
|
|
615
605
|
provide: NG_VALUE_ACCESSOR,
|
|
616
606
|
useExisting: forwardRef(() => MmEntitySelectInputComponent),
|
|
@@ -625,9 +615,9 @@ class MmEntitySelectInputComponent {
|
|
|
625
615
|
useExisting: forwardRef(() => MmEntitySelectInputComponent),
|
|
626
616
|
multi: true
|
|
627
617
|
}
|
|
628
|
-
], 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:
|
|
618
|
+
], 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: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$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: i2$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i2$2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i3$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", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i4$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
629
619
|
}
|
|
630
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
620
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: MmEntitySelectInputComponent, decorators: [{
|
|
631
621
|
type: Component,
|
|
632
622
|
args: [{ selector: "mm-entity-select", standalone: false, host: {
|
|
633
623
|
"[id]": "id",
|
|
@@ -648,7 +638,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
648
638
|
multi: true
|
|
649
639
|
}
|
|
650
640
|
], 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"] }]
|
|
651
|
-
}], ctorParameters: () => [
|
|
641
|
+
}], ctorParameters: () => [], propDecorators: { id: [{
|
|
652
642
|
type: HostBinding
|
|
653
643
|
}], inputField: [{
|
|
654
644
|
type: ViewChild,
|
|
@@ -672,9 +662,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
672
662
|
}] } });
|
|
673
663
|
|
|
674
664
|
class MmMultipleEntitySelectInputComponent {
|
|
675
|
-
elRef;
|
|
676
|
-
injector;
|
|
677
|
-
fm;
|
|
665
|
+
elRef = inject(ElementRef);
|
|
666
|
+
injector = inject(Injector);
|
|
667
|
+
fm = inject(FocusMonitor);
|
|
678
668
|
static nextId = 0;
|
|
679
669
|
valuesFormControl;
|
|
680
670
|
searchFormControl;
|
|
@@ -691,10 +681,9 @@ class MmMultipleEntitySelectInputComponent {
|
|
|
691
681
|
describedBy = '';
|
|
692
682
|
activatedValue;
|
|
693
683
|
separatorKeysCodes = [ENTER, COMMA];
|
|
694
|
-
constructor(
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
this.fm = fm;
|
|
684
|
+
constructor() {
|
|
685
|
+
const elRef = this.elRef;
|
|
686
|
+
const fm = this.fm;
|
|
698
687
|
this.ngControl = null;
|
|
699
688
|
this.errorState = false;
|
|
700
689
|
this.inputField = null;
|
|
@@ -908,8 +897,8 @@ class MmMultipleEntitySelectInputComponent {
|
|
|
908
897
|
this.stateChanges.next();
|
|
909
898
|
}
|
|
910
899
|
}
|
|
911
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
912
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
900
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: MmMultipleEntitySelectInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
901
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: MmMultipleEntitySelectInputComponent, isStandalone: false, 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: [
|
|
913
902
|
{
|
|
914
903
|
provide: NG_VALUE_ACCESSOR,
|
|
915
904
|
useExisting: forwardRef(() => MmMultipleEntitySelectInputComponent),
|
|
@@ -924,9 +913,9 @@ class MmMultipleEntitySelectInputComponent {
|
|
|
924
913
|
useExisting: forwardRef(() => MmMultipleEntitySelectInputComponent),
|
|
925
914
|
multi: true
|
|
926
915
|
}
|
|
927
|
-
], 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 class=\"material-symbols-outlined\">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:
|
|
916
|
+
], 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 class=\"material-symbols-outlined\">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: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$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: i2$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i2$2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i3$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", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i4$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i5$1.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i5$1.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled", "readonly", "matChipInputDisabledInteractive"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i5$1.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i5$1.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
928
917
|
}
|
|
929
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
918
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: MmMultipleEntitySelectInputComponent, decorators: [{
|
|
930
919
|
type: Component,
|
|
931
920
|
args: [{ selector: 'mm-multiple-entity-select', standalone: false, host: {
|
|
932
921
|
'[id]': 'id',
|
|
@@ -947,7 +936,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
947
936
|
multi: true
|
|
948
937
|
}
|
|
949
938
|
], 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 class=\"material-symbols-outlined\">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" }]
|
|
950
|
-
}], ctorParameters: () => [
|
|
939
|
+
}], ctorParameters: () => [], propDecorators: { id: [{
|
|
951
940
|
type: HostBinding
|
|
952
941
|
}], inputField: [{
|
|
953
942
|
type: ViewChild,
|
|
@@ -982,18 +971,15 @@ class BreadcrumbData {
|
|
|
982
971
|
}
|
|
983
972
|
|
|
984
973
|
class MmBreadcrumbComponent {
|
|
985
|
-
activatedRoute;
|
|
986
|
-
router;
|
|
987
|
-
breadcrumbService;
|
|
974
|
+
activatedRoute = inject(ActivatedRoute);
|
|
975
|
+
router = inject(Router);
|
|
976
|
+
breadcrumbService = inject(BreadcrumbService);
|
|
988
977
|
breadcrumbData = [];
|
|
989
978
|
fontSize = '18px';
|
|
990
979
|
fontColor = '#0275d8';
|
|
991
980
|
lastLinkColor = '#000';
|
|
992
981
|
symbol = ' / ';
|
|
993
|
-
constructor(
|
|
994
|
-
this.activatedRoute = activatedRoute;
|
|
995
|
-
this.router = router;
|
|
996
|
-
this.breadcrumbService = breadcrumbService;
|
|
982
|
+
constructor() {
|
|
997
983
|
this.breadCrumbData();
|
|
998
984
|
}
|
|
999
985
|
ngOnInit() {
|
|
@@ -1069,13 +1055,13 @@ class MmBreadcrumbComponent {
|
|
|
1069
1055
|
this.breadcrumbData = [];
|
|
1070
1056
|
}
|
|
1071
1057
|
}
|
|
1072
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1073
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1058
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: MmBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1059
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: MmBreadcrumbComponent, isStandalone: false, selector: "mm-breadcrumb", inputs: { fontSize: "fontSize", fontColor: "fontColor", lastLinkColor: "lastLinkColor", symbol: "symbol" }, ngImport: i0, template: "<mat-list class=\"mat-bread-crumb-list\" *ngIf=\"breadcrumbData.length\">\n <mat-list-item>\n <span class=\"mat-bread-crumb-spacer\">\n <span *ngFor=\"let item of breadcrumbData; 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=\"breadcrumbData.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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$3.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i2$3.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i3$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
|
|
1074
1060
|
}
|
|
1075
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1061
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: MmBreadcrumbComponent, decorators: [{
|
|
1076
1062
|
type: Component,
|
|
1077
1063
|
args: [{ selector: 'mm-breadcrumb', standalone: false, template: "<mat-list class=\"mat-bread-crumb-list\" *ngIf=\"breadcrumbData.length\">\n <mat-list-item>\n <span class=\"mat-bread-crumb-spacer\">\n <span *ngFor=\"let item of breadcrumbData; 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=\"breadcrumbData.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"] }]
|
|
1078
|
-
}], ctorParameters: () => [
|
|
1064
|
+
}], ctorParameters: () => [], propDecorators: { fontSize: [{
|
|
1079
1065
|
type: Input
|
|
1080
1066
|
}], fontColor: [{
|
|
1081
1067
|
type: Input
|
|
@@ -1101,17 +1087,16 @@ var DialogType;
|
|
|
1101
1087
|
})(DialogType || (DialogType = {}));
|
|
1102
1088
|
|
|
1103
1089
|
class MmConfirmationWindowComponent {
|
|
1104
|
-
dialogRef;
|
|
1105
|
-
data;
|
|
1090
|
+
dialogRef = inject(MatDialogRef);
|
|
1091
|
+
data = inject(MAT_DIALOG_DATA);
|
|
1106
1092
|
button1Text;
|
|
1107
1093
|
button1Result;
|
|
1108
1094
|
button2Text;
|
|
1109
1095
|
button2Result;
|
|
1110
1096
|
button3Text;
|
|
1111
1097
|
button3Result;
|
|
1112
|
-
constructor(
|
|
1113
|
-
|
|
1114
|
-
this.data = data;
|
|
1098
|
+
constructor() {
|
|
1099
|
+
const data = this.data;
|
|
1115
1100
|
this.button2Text = null;
|
|
1116
1101
|
this.button2Result = null;
|
|
1117
1102
|
this.button3Text = null;
|
|
@@ -1157,23 +1142,20 @@ class MmConfirmationWindowComponent {
|
|
|
1157
1142
|
result: this.button3Result
|
|
1158
1143
|
});
|
|
1159
1144
|
}
|
|
1160
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1161
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1145
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: MmConfirmationWindowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1146
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: MmConfirmationWindowComponent, isStandalone: false, 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()\" class=\"primary-button\" mat-flat-button>{{button1Text}}</button>\n <button (click)=\"onButton2()\" *ngIf=\"button2Text\" mat-flat-button>{{button2Text}}</button>\n <button (click)=\"onButton3()\" *ngIf=\"button3Text\" mat-flat-button>{{button3Text}}</button>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }] });
|
|
1162
1147
|
}
|
|
1163
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1148
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: MmConfirmationWindowComponent, decorators: [{
|
|
1164
1149
|
type: Component,
|
|
1165
1150
|
args: [{ selector: 'mm-confirmation-window', standalone: false, 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()\" class=\"primary-button\" mat-flat-button>{{button1Text}}</button>\n <button (click)=\"onButton2()\" *ngIf=\"button2Text\" mat-flat-button>{{button2Text}}</button>\n <button (click)=\"onButton3()\" *ngIf=\"button3Text\" mat-flat-button>{{button3Text}}</button>\n</div>\n" }]
|
|
1166
|
-
}], ctorParameters: () => [
|
|
1167
|
-
type: Inject,
|
|
1168
|
-
args: [MAT_DIALOG_DATA]
|
|
1169
|
-
}] }] });
|
|
1151
|
+
}], ctorParameters: () => [] });
|
|
1170
1152
|
|
|
1171
1153
|
class MmProgressWindowComponent {
|
|
1172
|
-
data;
|
|
1154
|
+
data = inject(MAT_DIALOG_DATA);
|
|
1173
1155
|
statusText;
|
|
1174
1156
|
progressValue;
|
|
1175
|
-
constructor(
|
|
1176
|
-
|
|
1157
|
+
constructor() {
|
|
1158
|
+
const data = this.data;
|
|
1177
1159
|
this.statusText = null;
|
|
1178
1160
|
this.progressValue = 0;
|
|
1179
1161
|
data.progress.subscribe((value) => {
|
|
@@ -1185,22 +1167,16 @@ class MmProgressWindowComponent {
|
|
|
1185
1167
|
onCancelClick() {
|
|
1186
1168
|
this.data.cancelOperation();
|
|
1187
1169
|
}
|
|
1188
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1189
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1170
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: MmProgressWindowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1171
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: MmProgressWindowComponent, isStandalone: false, selector: "mm-progress-window", ngImport: i0, template: "<h1 mat-dialog-title>{{data.title}}</h1>\n<div mat-dialog-content>\n <div>\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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i4$2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }] });
|
|
1190
1172
|
}
|
|
1191
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1173
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: MmProgressWindowComponent, decorators: [{
|
|
1192
1174
|
type: Component,
|
|
1193
1175
|
args: [{ selector: 'mm-progress-window', standalone: false, template: "<h1 mat-dialog-title>{{data.title}}</h1>\n<div mat-dialog-content>\n <div>\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" }]
|
|
1194
|
-
}], ctorParameters: () => [
|
|
1195
|
-
type: Inject,
|
|
1196
|
-
args: [MAT_DIALOG_DATA]
|
|
1197
|
-
}] }] });
|
|
1176
|
+
}], ctorParameters: () => [] });
|
|
1198
1177
|
|
|
1199
1178
|
class ConfirmationService {
|
|
1200
|
-
dialog;
|
|
1201
|
-
constructor(dialog) {
|
|
1202
|
-
this.dialog = dialog;
|
|
1203
|
-
}
|
|
1179
|
+
dialog = inject(MatDialog);
|
|
1204
1180
|
showYesNoConfirmationDialog(title, message) {
|
|
1205
1181
|
const dialogRef = this.dialog.open(MmConfirmationWindowComponent, {
|
|
1206
1182
|
width: '50vw',
|
|
@@ -1249,22 +1225,21 @@ class ConfirmationService {
|
|
|
1249
1225
|
});
|
|
1250
1226
|
return dialogRef.afterClosed().pipe(map((value) => value?.result === ButtonTypes.Ok));
|
|
1251
1227
|
}
|
|
1252
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1253
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1228
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ConfirmationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1229
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ConfirmationService, providedIn: 'root' });
|
|
1254
1230
|
}
|
|
1255
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1231
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ConfirmationService, decorators: [{
|
|
1256
1232
|
type: Injectable,
|
|
1257
1233
|
args: [{
|
|
1258
1234
|
providedIn: 'root'
|
|
1259
1235
|
}]
|
|
1260
|
-
}]
|
|
1236
|
+
}] });
|
|
1261
1237
|
|
|
1262
1238
|
class ProgressNotifierService {
|
|
1263
|
-
dialog;
|
|
1239
|
+
dialog = inject(MatDialog);
|
|
1264
1240
|
_currentProgressValue;
|
|
1265
1241
|
currentDialogRef;
|
|
1266
|
-
constructor(
|
|
1267
|
-
this.dialog = dialog;
|
|
1242
|
+
constructor() {
|
|
1268
1243
|
this._currentProgressValue = new BehaviorSubject(null);
|
|
1269
1244
|
this.currentDialogRef = null;
|
|
1270
1245
|
this._isCanceled = false;
|
|
@@ -1310,28 +1285,25 @@ class ProgressNotifierService {
|
|
|
1310
1285
|
complete() {
|
|
1311
1286
|
this.currentDialogRef?.close();
|
|
1312
1287
|
}
|
|
1313
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1314
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1288
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ProgressNotifierService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1289
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ProgressNotifierService });
|
|
1315
1290
|
}
|
|
1316
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1291
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ProgressNotifierService, decorators: [{
|
|
1317
1292
|
type: Injectable
|
|
1318
|
-
}], ctorParameters: () => [
|
|
1293
|
+
}], ctorParameters: () => [] });
|
|
1319
1294
|
|
|
1320
1295
|
class MmFileUploadComponent {
|
|
1321
|
-
dialogRef;
|
|
1322
|
-
data;
|
|
1323
|
-
snackBar;
|
|
1324
|
-
fileName = signal('');
|
|
1325
|
-
fileSize = signal(0);
|
|
1326
|
-
uploadProgress = signal(0);
|
|
1296
|
+
dialogRef = inject(MatDialogRef);
|
|
1297
|
+
data = inject(MAT_DIALOG_DATA);
|
|
1298
|
+
snackBar = inject(MatSnackBar);
|
|
1299
|
+
fileName = signal('', ...(ngDevMode ? [{ debugName: "fileName" }] : []));
|
|
1300
|
+
fileSize = signal(0, ...(ngDevMode ? [{ debugName: "fileSize" }] : []));
|
|
1301
|
+
uploadProgress = signal(0, ...(ngDevMode ? [{ debugName: "uploadProgress" }] : []));
|
|
1327
1302
|
fileInput;
|
|
1328
1303
|
selectedFile = null;
|
|
1329
1304
|
uploadSuccess;
|
|
1330
1305
|
uploadError;
|
|
1331
|
-
constructor(
|
|
1332
|
-
this.dialogRef = dialogRef;
|
|
1333
|
-
this.data = data;
|
|
1334
|
-
this.snackBar = snackBar;
|
|
1306
|
+
constructor() {
|
|
1335
1307
|
this.uploadError = false;
|
|
1336
1308
|
this.uploadSuccess = false;
|
|
1337
1309
|
}
|
|
@@ -1398,25 +1370,19 @@ class MmFileUploadComponent {
|
|
|
1398
1370
|
selectedFile: null
|
|
1399
1371
|
});
|
|
1400
1372
|
}
|
|
1401
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1402
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1373
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: MmFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1374
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: MmFileUploadComponent, isStandalone: false, selector: "mm-mm-file-upload", viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<h1 mat-dialog-title>{{data.title}}</h1>\n<div\n class=\"file-upload-wrapper\"\n [class.success]=\"uploadSuccess\"\n [class.error]=\"uploadError\"\n (drop)=\"onFileDrop($event)\"\n (dragover)=\"onDragOver($event)\"\n>\n <input\n type=\"file\"\n accept=\"{{data.fileExtensions}}\"\n (change)=\"onFileChange($event)\"\n hidden\n #fileInput\n />\n <div class=\"file-dropper\" (click)=\"fileInput.click()\">\n <mat-icon class=\"material-symbols-outlined\">upload</mat-icon>\n <p>{{data.message}}</p>\n <div *ngIf=\"fileName()\">\n <div *ngIf=\"selectedFile\">\n <p>\n <span class=\"image-name\">{{ fileName() }}</span> ({{\n fileSize()\n }} KB)\n </p>\n <mat-icon class=\"material-symbols-outlined delete-icon\" (click)=\"removeFile()\">delete</mat-icon>\n </div>\n </div>\n </div>\n</div>\n<div style=\"justify-content: flex-end;\" mat-dialog-actions>\n <button (click)=\"onOk()\" [disabled]=\"!selectedFile\" mat-flat-button>Upload</button>\n <button (click)=\"onCancel()\" mat-button>Cancel</button>\n</div>\n\n", styles: [".file-upload-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;border:2px dashed #ccc;padding:1rem;margin-bottom:1rem;margin-left:1rem;margin-right:1rem;border-radius:10px;cursor:pointer}.file-upload-wrapper.success{border-color:green}.file-upload-wrapper.error{border-color:red}.file-dropper{display:flex;flex-direction:column;align-items:center}.image-name{font-weight:700}.image-preview{max-width:100%;height:auto;margin-bottom:.5rem;border-radius:10px}.delete-icon{cursor:pointer;color:red}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
1403
1375
|
}
|
|
1404
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1376
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: MmFileUploadComponent, decorators: [{
|
|
1405
1377
|
type: Component,
|
|
1406
1378
|
args: [{ selector: 'mm-mm-file-upload', standalone: false, template: "<h1 mat-dialog-title>{{data.title}}</h1>\n<div\n class=\"file-upload-wrapper\"\n [class.success]=\"uploadSuccess\"\n [class.error]=\"uploadError\"\n (drop)=\"onFileDrop($event)\"\n (dragover)=\"onDragOver($event)\"\n>\n <input\n type=\"file\"\n accept=\"{{data.fileExtensions}}\"\n (change)=\"onFileChange($event)\"\n hidden\n #fileInput\n />\n <div class=\"file-dropper\" (click)=\"fileInput.click()\">\n <mat-icon class=\"material-symbols-outlined\">upload</mat-icon>\n <p>{{data.message}}</p>\n <div *ngIf=\"fileName()\">\n <div *ngIf=\"selectedFile\">\n <p>\n <span class=\"image-name\">{{ fileName() }}</span> ({{\n fileSize()\n }} KB)\n </p>\n <mat-icon class=\"material-symbols-outlined delete-icon\" (click)=\"removeFile()\">delete</mat-icon>\n </div>\n </div>\n </div>\n</div>\n<div style=\"justify-content: flex-end;\" mat-dialog-actions>\n <button (click)=\"onOk()\" [disabled]=\"!selectedFile\" mat-flat-button>Upload</button>\n <button (click)=\"onCancel()\" mat-button>Cancel</button>\n</div>\n\n", styles: [".file-upload-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;border:2px dashed #ccc;padding:1rem;margin-bottom:1rem;margin-left:1rem;margin-right:1rem;border-radius:10px;cursor:pointer}.file-upload-wrapper.success{border-color:green}.file-upload-wrapper.error{border-color:red}.file-dropper{display:flex;flex-direction:column;align-items:center}.image-name{font-weight:700}.image-preview{max-width:100%;height:auto;margin-bottom:.5rem;border-radius:10px}.delete-icon{cursor:pointer;color:red}\n"] }]
|
|
1407
|
-
}], ctorParameters: () => [
|
|
1408
|
-
type: Inject,
|
|
1409
|
-
args: [MAT_DIALOG_DATA]
|
|
1410
|
-
}] }, { type: i2$2.MatSnackBar }], propDecorators: { fileInput: [{
|
|
1379
|
+
}], ctorParameters: () => [], propDecorators: { fileInput: [{
|
|
1411
1380
|
type: ViewChild,
|
|
1412
1381
|
args: ['fileInput']
|
|
1413
1382
|
}] } });
|
|
1414
1383
|
|
|
1415
1384
|
class FileUploadService {
|
|
1416
|
-
dialog;
|
|
1417
|
-
constructor(dialog) {
|
|
1418
|
-
this.dialog = dialog;
|
|
1419
|
-
}
|
|
1385
|
+
dialog = inject(MatDialog);
|
|
1420
1386
|
async showUploadDialog(title, message, mimeTypes, fileExtensions = null) {
|
|
1421
1387
|
const dialogRef = this.dialog.open(MmFileUploadComponent, {
|
|
1422
1388
|
width: '50vw',
|
|
@@ -1435,15 +1401,15 @@ class FileUploadService {
|
|
|
1435
1401
|
}
|
|
1436
1402
|
return null;
|
|
1437
1403
|
}
|
|
1438
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1439
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1404
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: FileUploadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1405
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: FileUploadService, providedIn: 'root' });
|
|
1440
1406
|
}
|
|
1441
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1407
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: FileUploadService, decorators: [{
|
|
1442
1408
|
type: Injectable,
|
|
1443
1409
|
args: [{
|
|
1444
1410
|
providedIn: 'root'
|
|
1445
1411
|
}]
|
|
1446
|
-
}]
|
|
1412
|
+
}] });
|
|
1447
1413
|
|
|
1448
1414
|
class MmTableSimpleComponent {
|
|
1449
1415
|
sortColumn = '';
|
|
@@ -1452,10 +1418,10 @@ class MmTableSimpleComponent {
|
|
|
1452
1418
|
get displayedColumns() {
|
|
1453
1419
|
return this.columns.map(col => col.key);
|
|
1454
1420
|
}
|
|
1455
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1456
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1421
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: MmTableSimpleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1422
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: MmTableSimpleComponent, isStandalone: true, selector: "mm-table-simple", inputs: { sortColumn: "sortColumn", items: "items", columns: "columns" }, ngImport: i0, template: "<div>\n <table mat-table [dataSource]=\"items\" matSort matSortActive=\"{{sortColumn}}\" matSortDirection=\"asc\" matSortDisableClear>\n\n <!-- Dynamic Column Definitions -->\n <ng-container *ngFor=\"let column of columns\" [matColumnDef]=\"column.key\">\n <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ column.header }}</th>\n <td mat-cell *matCellDef=\"let element\">{{ element[column.key] }}</td>\n </ng-container>\n\n <!-- Header Row -->\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n <!-- Data Rows -->\n <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n </table>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: MatFormFieldModule }] });
|
|
1457
1423
|
}
|
|
1458
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1424
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: MmTableSimpleComponent, decorators: [{
|
|
1459
1425
|
type: Component,
|
|
1460
1426
|
args: [{ selector: 'mm-table-simple', standalone: true, imports: [
|
|
1461
1427
|
MatTable,
|
|
@@ -1481,6 +1447,94 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
1481
1447
|
type: Input
|
|
1482
1448
|
}] } });
|
|
1483
1449
|
|
|
1450
|
+
class MmQrCodeScannerComponent {
|
|
1451
|
+
videoRef;
|
|
1452
|
+
scanComplete = new EventEmitter();
|
|
1453
|
+
//Allows skipping MatDialog for inline usage in eg Telerik
|
|
1454
|
+
dialogRef = inject((MatDialogRef), { optional: true, skipSelf: true });
|
|
1455
|
+
snackBar = inject(MatSnackBar);
|
|
1456
|
+
scannerService = inject(QrCodeScannerService);
|
|
1457
|
+
scanning = false;
|
|
1458
|
+
async checkCameraPermission() {
|
|
1459
|
+
if (!navigator.permissions || !navigator.mediaDevices)
|
|
1460
|
+
return true;
|
|
1461
|
+
try {
|
|
1462
|
+
const status = await navigator.permissions.query({ name: 'camera' });
|
|
1463
|
+
return status.state !== 'denied';
|
|
1464
|
+
}
|
|
1465
|
+
catch {
|
|
1466
|
+
return true; // fallback for Safari or unsupported browsers
|
|
1467
|
+
}
|
|
1468
|
+
}
|
|
1469
|
+
close(result) {
|
|
1470
|
+
this.scanComplete.emit(result);
|
|
1471
|
+
if (this.dialogRef) {
|
|
1472
|
+
this.dialogRef.close(result);
|
|
1473
|
+
}
|
|
1474
|
+
}
|
|
1475
|
+
static open(dialog) {
|
|
1476
|
+
const ref = dialog.open(MmQrCodeScannerComponent, {
|
|
1477
|
+
width: '100%',
|
|
1478
|
+
height: '100%',
|
|
1479
|
+
panelClass: 'full-screen-dialog',
|
|
1480
|
+
disableClose: true
|
|
1481
|
+
});
|
|
1482
|
+
return firstValueFrom(ref.afterClosed());
|
|
1483
|
+
}
|
|
1484
|
+
async ngOnInit() {
|
|
1485
|
+
const hasPermission = await this.checkCameraPermission();
|
|
1486
|
+
if (!hasPermission) {
|
|
1487
|
+
this.snackBar.open('Camera access is blocked. Please enable it in your browser settings.', 'OK', {
|
|
1488
|
+
duration: 5000,
|
|
1489
|
+
horizontalPosition: 'center',
|
|
1490
|
+
verticalPosition: 'top',
|
|
1491
|
+
});
|
|
1492
|
+
this.close(null);
|
|
1493
|
+
return;
|
|
1494
|
+
}
|
|
1495
|
+
const supported = await this.scannerService.isSupported();
|
|
1496
|
+
if (!supported) {
|
|
1497
|
+
this.snackBar.open('QR scanning is not supported in this browser.', 'OK', {
|
|
1498
|
+
duration: 5000,
|
|
1499
|
+
horizontalPosition: 'center',
|
|
1500
|
+
verticalPosition: 'top',
|
|
1501
|
+
});
|
|
1502
|
+
this.close(null);
|
|
1503
|
+
return;
|
|
1504
|
+
}
|
|
1505
|
+
try {
|
|
1506
|
+
const result = await this.scannerService.scan(this.videoRef.nativeElement);
|
|
1507
|
+
this.close(result); // Return result to parent
|
|
1508
|
+
this.scanning = false;
|
|
1509
|
+
}
|
|
1510
|
+
catch (err) {
|
|
1511
|
+
console.error("QR scan error:", err);
|
|
1512
|
+
this.close(null);
|
|
1513
|
+
}
|
|
1514
|
+
finally {
|
|
1515
|
+
this.scanning = false;
|
|
1516
|
+
}
|
|
1517
|
+
}
|
|
1518
|
+
onCancel() {
|
|
1519
|
+
this.scannerService.stop();
|
|
1520
|
+
this.close(null);
|
|
1521
|
+
}
|
|
1522
|
+
ngOnDestroy() {
|
|
1523
|
+
this.scannerService.stop();
|
|
1524
|
+
}
|
|
1525
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: MmQrCodeScannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1526
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: MmQrCodeScannerComponent, isStandalone: true, selector: "mm-qr-code-scanner", outputs: { scanComplete: "scanComplete" }, viewQueries: [{ propertyName: "videoRef", first: true, predicate: ["video"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"scanner-container\">\n <video #video autoplay muted playsinline></video>\n <button class=\"close-btn\" (click)=\"onCancel()\">\u00D7</button>\n</div>\n", styles: [".scanner-container{position:fixed;inset:0;background:#000;display:flex;justify-content:center;align-items:center}video{width:100%;height:100%;object-fit:cover}.close-btn{position:absolute;top:1rem;right:1rem;font-size:2rem;background:#00000080;color:#fff;border:none;border-radius:50%;width:3rem;height:3rem}\n"] });
|
|
1527
|
+
}
|
|
1528
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: MmQrCodeScannerComponent, decorators: [{
|
|
1529
|
+
type: Component,
|
|
1530
|
+
args: [{ selector: 'mm-qr-code-scanner', template: "<div class=\"scanner-container\">\n <video #video autoplay muted playsinline></video>\n <button class=\"close-btn\" (click)=\"onCancel()\">\u00D7</button>\n</div>\n", styles: [".scanner-container{position:fixed;inset:0;background:#000;display:flex;justify-content:center;align-items:center}video{width:100%;height:100%;object-fit:cover}.close-btn{position:absolute;top:1rem;right:1rem;font-size:2rem;background:#00000080;color:#fff;border:none;border-radius:50%;width:3rem;height:3rem}\n"] }]
|
|
1531
|
+
}], propDecorators: { videoRef: [{
|
|
1532
|
+
type: ViewChild,
|
|
1533
|
+
args: ['video', { static: true }]
|
|
1534
|
+
}], scanComplete: [{
|
|
1535
|
+
type: Output
|
|
1536
|
+
}] } });
|
|
1537
|
+
|
|
1484
1538
|
class MmSharedUiModule {
|
|
1485
1539
|
static forRoot() {
|
|
1486
1540
|
return {
|
|
@@ -1492,8 +1546,8 @@ class MmSharedUiModule {
|
|
|
1492
1546
|
]
|
|
1493
1547
|
};
|
|
1494
1548
|
}
|
|
1495
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1496
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1549
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: MmSharedUiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1550
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: MmSharedUiModule, declarations: [MmBreadcrumbComponent,
|
|
1497
1551
|
MmConfirmationWindowComponent,
|
|
1498
1552
|
MmProgressWindowComponent,
|
|
1499
1553
|
MmNotificationBarComponent,
|
|
@@ -1516,15 +1570,17 @@ class MmSharedUiModule {
|
|
|
1516
1570
|
MatListModule,
|
|
1517
1571
|
RouterLink,
|
|
1518
1572
|
MmTableSimpleComponent,
|
|
1519
|
-
MatProgressBar
|
|
1573
|
+
MatProgressBar,
|
|
1574
|
+
MmQrCodeScannerComponent], exports: [MmBreadcrumbComponent,
|
|
1520
1575
|
MmConfirmationWindowComponent,
|
|
1521
1576
|
MmNotificationBarComponent,
|
|
1522
1577
|
MmAutocompleteInputComponent,
|
|
1523
1578
|
MmEntitySelectInputComponent,
|
|
1524
1579
|
MmMultipleEntitySelectInputComponent,
|
|
1525
1580
|
MmFileUploadComponent,
|
|
1526
|
-
MmTableSimpleComponent
|
|
1527
|
-
|
|
1581
|
+
MmTableSimpleComponent,
|
|
1582
|
+
MmQrCodeScannerComponent] });
|
|
1583
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: MmSharedUiModule, imports: [CommonModule,
|
|
1528
1584
|
MatToolbarModule,
|
|
1529
1585
|
MatButtonModule,
|
|
1530
1586
|
MatSnackBarModule,
|
|
@@ -1540,7 +1596,7 @@ class MmSharedUiModule {
|
|
|
1540
1596
|
MmTableSimpleComponent,
|
|
1541
1597
|
MatProgressBar] });
|
|
1542
1598
|
}
|
|
1543
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1599
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: MmSharedUiModule, decorators: [{
|
|
1544
1600
|
type: NgModule,
|
|
1545
1601
|
args: [{
|
|
1546
1602
|
declarations: [
|
|
@@ -1562,7 +1618,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
1562
1618
|
MmEntitySelectInputComponent,
|
|
1563
1619
|
MmMultipleEntitySelectInputComponent,
|
|
1564
1620
|
MmFileUploadComponent,
|
|
1565
|
-
MmTableSimpleComponent
|
|
1621
|
+
MmTableSimpleComponent,
|
|
1622
|
+
MmQrCodeScannerComponent
|
|
1566
1623
|
],
|
|
1567
1624
|
imports: [
|
|
1568
1625
|
CommonModule,
|
|
@@ -1580,7 +1637,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
1580
1637
|
MatListModule,
|
|
1581
1638
|
RouterLink,
|
|
1582
1639
|
MmTableSimpleComponent,
|
|
1583
|
-
MatProgressBar
|
|
1640
|
+
MatProgressBar,
|
|
1641
|
+
MmQrCodeScannerComponent
|
|
1584
1642
|
]
|
|
1585
1643
|
}]
|
|
1586
1644
|
}] });
|
|
@@ -1680,5 +1738,5 @@ class AbstractDetailsComponent {
|
|
|
1680
1738
|
* Generated bundle index. Do not edit.
|
|
1681
1739
|
*/
|
|
1682
1740
|
|
|
1683
|
-
export { AbstractDetailsComponent, ButtonTypes, CommonValidators, ConfirmationService, DialogType, FileUploadService, MmAutocompleteInputComponent, MmBreadcrumbComponent, MmConfirmationWindowComponent, MmEntitySelectInputComponent, MmFileUploadComponent, MmMultipleEntitySelectInputComponent, MmNotificationBarComponent, MmSharedUiModule, MmTableSimpleComponent, ProgressNotifierService };
|
|
1741
|
+
export { AbstractDetailsComponent, ButtonTypes, CommonValidators, ConfirmationService, DialogType, FileUploadService, MmAutocompleteInputComponent, MmBreadcrumbComponent, MmConfirmationWindowComponent, MmEntitySelectInputComponent, MmFileUploadComponent, MmMultipleEntitySelectInputComponent, MmNotificationBarComponent, MmQrCodeScannerComponent, MmSharedUiModule, MmTableSimpleComponent, ProgressNotifierService };
|
|
1684
1742
|
//# sourceMappingURL=meshmakers-shared-ui.mjs.map
|