@bcgov/nr-ngx-component-lib 0.0.38 → 0.0.40
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/components/tag-list/tag-list.component.d.ts +3 -2
- package/esm2022/components/form-field/form-field.component.mjs +2 -2
- package/esm2022/components/row-list-desktop/row-list-desktop.component.mjs +2 -2
- package/esm2022/components/snackbar/snackbar.component.mjs +2 -2
- package/esm2022/components/tag-list/tag-list.component.mjs +5 -3
- package/esm2022/services/snackbar-util.service.mjs +4 -4
- package/fesm2022/bcgov-nr-ngx-component-lib.mjs +13 -11
- package/fesm2022/bcgov-nr-ngx-component-lib.mjs.map +1 -1
- package/package.json +1 -1
- package/services/snackbar-util.service.d.ts +3 -3
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { EventEmitter } from "@angular/core";
|
|
1
|
+
import { EventEmitter, TemplateRef } from "@angular/core";
|
|
2
2
|
import { NrclBase } from "../../directives/nrcl.base";
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export type TagItem = {
|
|
@@ -11,8 +11,9 @@ export declare class TagListComponent extends NrclBase {
|
|
|
11
11
|
items: TagItem[];
|
|
12
12
|
removable: boolean;
|
|
13
13
|
noItemsMessage: string;
|
|
14
|
+
tagTemplate: TemplateRef<any>;
|
|
14
15
|
itemRemoved: EventEmitter<TagItem>;
|
|
15
16
|
onRemoveItem(id: any): void;
|
|
16
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<TagListComponent, never>;
|
|
17
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TagListComponent, "nrcl-tag-list", never, { "items": { "alias": "items"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "noItemsMessage": { "alias": "noItemsMessage"; "required": false; }; }, { "itemRemoved": "itemRemoved"; }, never, ["nrcl-button"], false, never>;
|
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TagListComponent, "nrcl-tag-list", never, { "items": { "alias": "items"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "noItemsMessage": { "alias": "noItemsMessage"; "required": false; }; "tagTemplate": { "alias": "tagTemplate"; "required": false; }; }, { "itemRemoved": "itemRemoved"; }, never, ["nrcl-button"], false, never>;
|
|
18
19
|
}
|
|
@@ -18,14 +18,14 @@ export class FormFieldComponent extends NrclBase {
|
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: FormFieldComponent, selector: "nrcl-form-field", inputs: { required: ["required", "required", booleanAttribute], readonly: ["readonly", "readonly", booleanAttribute] }, host: { properties: { "class.required": "required", "class.readonly": "readonly" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: [":host ::ng-deep .mat-mdc-form-field{width:100%;font-family:var(--nrcl-font-family)}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper{padding-left:0;padding-right:0;background-color:unset}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix{font-size:var(--nrcl-font-size);padding-bottom:2px;line-height:20px;min-height:50px;width:unset}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-form-field-required-marker{display:none}:host ::ng-deep .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host ::ng-deep .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{padding:0}:host ::ng-deep .mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-subscript-dynamic-size{min-height:
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: FormFieldComponent, selector: "nrcl-form-field", inputs: { required: ["required", "required", booleanAttribute], readonly: ["readonly", "readonly", booleanAttribute] }, host: { properties: { "class.required": "required", "class.readonly": "readonly" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: ["::ng-deep :root{--nrcl-form-field-subscript-min-height: 22px}:host ::ng-deep .mat-mdc-form-field{width:100%;font-family:var(--nrcl-font-family)}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper{padding-left:0;padding-right:0;background-color:unset}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix{font-size:var(--nrcl-font-size);padding-bottom:2px;line-height:20px;min-height:50px;width:unset}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-form-field-required-marker{display:none}:host ::ng-deep .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host ::ng-deep .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{padding:0}:host ::ng-deep .mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-subscript-dynamic-size{min-height:var(--nrcl-form-field-subscript-min-height)}:host.required ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-floating-label :after{color:red;content:\" *\"}:host.readonly ::ng-deep .mat-mdc-form-field{cursor:not-allowed}:host.readonly ::ng-deep .mat-mdc-form-field [readonly=true]{color:#0000008c;cursor:not-allowed}:host.readonly ::ng-deep .mat-mdc-form-field .mdc-line-ripple:before{border-style:dashed;border-width:1px;border-color:#00000021}:host.readonly ::ng-deep .mat-mdc-form-field input,:host.readonly ::ng-deep .mat-mdc-form-field textarea{cursor:not-allowed}:host.readonly ::ng-deep .mat-mdc-form-field .select-read-only-cursor{cursor:not-allowed;pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
22
22
|
}
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormFieldComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
25
|
args: [{ selector: "nrcl-form-field", template: "<ng-content></ng-content>", changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
26
26
|
'[class.required]': "required",
|
|
27
27
|
'[class.readonly]': "readonly",
|
|
28
|
-
}, styles: [":host ::ng-deep .mat-mdc-form-field{width:100%;font-family:var(--nrcl-font-family)}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper{padding-left:0;padding-right:0;background-color:unset}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix{font-size:var(--nrcl-font-size);padding-bottom:2px;line-height:20px;min-height:50px;width:unset}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-form-field-required-marker{display:none}:host ::ng-deep .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host ::ng-deep .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{padding:0}:host ::ng-deep .mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-subscript-dynamic-size{min-height:
|
|
28
|
+
}, styles: ["::ng-deep :root{--nrcl-form-field-subscript-min-height: 22px}:host ::ng-deep .mat-mdc-form-field{width:100%;font-family:var(--nrcl-font-family)}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper{padding-left:0;padding-right:0;background-color:unset}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix{font-size:var(--nrcl-font-size);padding-bottom:2px;line-height:20px;min-height:50px;width:unset}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-form-field-required-marker{display:none}:host ::ng-deep .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host ::ng-deep .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{padding:0}:host ::ng-deep .mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-subscript-dynamic-size{min-height:var(--nrcl-form-field-subscript-min-height)}:host.required ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-floating-label :after{color:red;content:\" *\"}:host.readonly ::ng-deep .mat-mdc-form-field{cursor:not-allowed}:host.readonly ::ng-deep .mat-mdc-form-field [readonly=true]{color:#0000008c;cursor:not-allowed}:host.readonly ::ng-deep .mat-mdc-form-field .mdc-line-ripple:before{border-style:dashed;border-width:1px;border-color:#00000021}:host.readonly ::ng-deep .mat-mdc-form-field input,:host.readonly ::ng-deep .mat-mdc-form-field textarea{cursor:not-allowed}:host.readonly ::ng-deep .mat-mdc-form-field .select-read-only-cursor{cursor:not-allowed;pointer-events:none}\n"] }]
|
|
29
29
|
}], propDecorators: { required: [{
|
|
30
30
|
type: Input,
|
|
31
31
|
args: [{ transform: booleanAttribute }]
|
|
@@ -7,13 +7,13 @@ export class RowListDesktopComponent extends NrclBase {
|
|
|
7
7
|
this.showRowHover = true;
|
|
8
8
|
}
|
|
9
9
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RowListDesktopComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: RowListDesktopComponent, selector: "nrcl-row-list-desktop", inputs: { showRowHover: "showRowHover" }, host: { properties: { "class.show-row-hover": "showRowHover" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["::ng-deep :root{--nrcl-row-list-background-color: white;--nrcl-row-list-alternate-background-color: #f2f2f2;--nrcl-row-list-hover-background-color: #d7d7d7;--nrcl-row-list-selected-background-color: #b6d7a8}:host{display:block;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid #c6c8cb}:host:empty{border-bottom:none}:host ::ng-deep .mat-mdc-table{width:100%}:host ::ng-deep .mat-mdc-table .mat-mdc-row{background-color:var(--nrcl-row-list-background-color);cursor:default}:host ::ng-deep .mat-mdc-table .mat-mdc-row .mat-mdc-cell{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);padding:5px;color:#000;overflow-wrap:break-word}:host ::ng-deep .mat-mdc-table .mat-mdc-row:nth-child(odd):not(.selected){background-color:var(--nrcl-row-list-background-color)}:host ::ng-deep .mat-mdc-table .mat-mdc-row:nth-child(2n):not(.selected){background-color:var(--nrcl-row-list-alternate-background-color)}:host ::ng-deep .mat-mdc-table .mat-mdc-row.selected{background-color:var(--nrcl-row-list-selected-background-color)}:host ::ng-deep .mat-mdc-table .mat-mdc-header-cell{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);padding:5px;color:#000}:host ::ng-deep .mat-mdc-table .mat-mdc-header-cell .mat-sort-header-content{text-align:left;align-items:flex-end;font-size:var(--nrcl-font-size)}:host ::ng-deep table.mat-mdc-table .mat-mdc-row:nth-child(odd):not(.selected){background-color:var(--nrcl-row-list-alternate-background-color)}:host ::ng-deep table.mat-mdc-table .mat-mdc-row:nth-child(2n):not(.selected){background-color:var(--nrcl-row-list-background-color)}:host.show-row-hover ::ng-deep .mat-mdc-table .mat-mdc-row,:host.show-row-hover ::ng-deep table.mat-mdc-table .mat-mdc-row{cursor:pointer}:host.show-row-hover ::ng-deep .mat-mdc-table .mat-mdc-row:hover,:host.show-row-hover ::ng-deep table.mat-mdc-table .mat-mdc-row:hover{background-color:var(--nrcl-row-list-hover-background-color)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: RowListDesktopComponent, selector: "nrcl-row-list-desktop", inputs: { showRowHover: "showRowHover" }, host: { properties: { "class.show-row-hover": "showRowHover" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["::ng-deep :root{--nrcl-row-list-background-color: white;--nrcl-row-list-alternate-background-color: #f2f2f2;--nrcl-row-list-hover-background-color: #d7d7d7;--nrcl-row-list-selected-background-color: #b6d7a8;--nrcl-row-list-hover-selected-background-color: #a1c193}:host{display:block;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid #c6c8cb}:host:empty{border-bottom:none}:host ::ng-deep .mat-mdc-table{width:100%}:host ::ng-deep .mat-mdc-table .mat-mdc-row{background-color:var(--nrcl-row-list-background-color);cursor:default}:host ::ng-deep .mat-mdc-table .mat-mdc-row .mat-mdc-cell{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);padding:5px;color:#000;overflow-wrap:break-word}:host ::ng-deep .mat-mdc-table .mat-mdc-row:nth-child(odd):not(.selected){background-color:var(--nrcl-row-list-background-color)}:host ::ng-deep .mat-mdc-table .mat-mdc-row:nth-child(2n):not(.selected){background-color:var(--nrcl-row-list-alternate-background-color)}:host ::ng-deep .mat-mdc-table .mat-mdc-row.selected{background-color:var(--nrcl-row-list-selected-background-color)}:host ::ng-deep .mat-mdc-table .mat-mdc-header-cell{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);padding:5px;color:#000}:host ::ng-deep .mat-mdc-table .mat-mdc-header-cell .mat-sort-header-content{text-align:left;align-items:flex-end;font-size:var(--nrcl-font-size)}:host ::ng-deep table.mat-mdc-table .mat-mdc-row:nth-child(odd):not(.selected){background-color:var(--nrcl-row-list-alternate-background-color)}:host ::ng-deep table.mat-mdc-table .mat-mdc-row:nth-child(2n):not(.selected){background-color:var(--nrcl-row-list-background-color)}:host.show-row-hover ::ng-deep .mat-mdc-table .mat-mdc-row,:host.show-row-hover ::ng-deep table.mat-mdc-table .mat-mdc-row{cursor:pointer}:host.show-row-hover ::ng-deep .mat-mdc-table .mat-mdc-row:hover,:host.show-row-hover ::ng-deep table.mat-mdc-table .mat-mdc-row:hover{background-color:var(--nrcl-row-list-hover-background-color)}:host.show-row-hover ::ng-deep .mat-mdc-table .mat-mdc-row:hover.selected,:host.show-row-hover ::ng-deep table.mat-mdc-table .mat-mdc-row:hover.selected{background-color:var(--nrcl-row-list-hover-selected-background-color)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11
11
|
}
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RowListDesktopComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
14
|
args: [{ selector: "nrcl-row-list-desktop", changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
15
15
|
'[class.show-row-hover]': 'showRowHover'
|
|
16
|
-
}, template: "<ng-content></ng-content>\n", styles: ["::ng-deep :root{--nrcl-row-list-background-color: white;--nrcl-row-list-alternate-background-color: #f2f2f2;--nrcl-row-list-hover-background-color: #d7d7d7;--nrcl-row-list-selected-background-color: #b6d7a8}:host{display:block;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid #c6c8cb}:host:empty{border-bottom:none}:host ::ng-deep .mat-mdc-table{width:100%}:host ::ng-deep .mat-mdc-table .mat-mdc-row{background-color:var(--nrcl-row-list-background-color);cursor:default}:host ::ng-deep .mat-mdc-table .mat-mdc-row .mat-mdc-cell{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);padding:5px;color:#000;overflow-wrap:break-word}:host ::ng-deep .mat-mdc-table .mat-mdc-row:nth-child(odd):not(.selected){background-color:var(--nrcl-row-list-background-color)}:host ::ng-deep .mat-mdc-table .mat-mdc-row:nth-child(2n):not(.selected){background-color:var(--nrcl-row-list-alternate-background-color)}:host ::ng-deep .mat-mdc-table .mat-mdc-row.selected{background-color:var(--nrcl-row-list-selected-background-color)}:host ::ng-deep .mat-mdc-table .mat-mdc-header-cell{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);padding:5px;color:#000}:host ::ng-deep .mat-mdc-table .mat-mdc-header-cell .mat-sort-header-content{text-align:left;align-items:flex-end;font-size:var(--nrcl-font-size)}:host ::ng-deep table.mat-mdc-table .mat-mdc-row:nth-child(odd):not(.selected){background-color:var(--nrcl-row-list-alternate-background-color)}:host ::ng-deep table.mat-mdc-table .mat-mdc-row:nth-child(2n):not(.selected){background-color:var(--nrcl-row-list-background-color)}:host.show-row-hover ::ng-deep .mat-mdc-table .mat-mdc-row,:host.show-row-hover ::ng-deep table.mat-mdc-table .mat-mdc-row{cursor:pointer}:host.show-row-hover ::ng-deep .mat-mdc-table .mat-mdc-row:hover,:host.show-row-hover ::ng-deep table.mat-mdc-table .mat-mdc-row:hover{background-color:var(--nrcl-row-list-hover-background-color)}\n"] }]
|
|
16
|
+
}, template: "<ng-content></ng-content>\n", styles: ["::ng-deep :root{--nrcl-row-list-background-color: white;--nrcl-row-list-alternate-background-color: #f2f2f2;--nrcl-row-list-hover-background-color: #d7d7d7;--nrcl-row-list-selected-background-color: #b6d7a8;--nrcl-row-list-hover-selected-background-color: #a1c193}:host{display:block;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid #c6c8cb}:host:empty{border-bottom:none}:host ::ng-deep .mat-mdc-table{width:100%}:host ::ng-deep .mat-mdc-table .mat-mdc-row{background-color:var(--nrcl-row-list-background-color);cursor:default}:host ::ng-deep .mat-mdc-table .mat-mdc-row .mat-mdc-cell{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);padding:5px;color:#000;overflow-wrap:break-word}:host ::ng-deep .mat-mdc-table .mat-mdc-row:nth-child(odd):not(.selected){background-color:var(--nrcl-row-list-background-color)}:host ::ng-deep .mat-mdc-table .mat-mdc-row:nth-child(2n):not(.selected){background-color:var(--nrcl-row-list-alternate-background-color)}:host ::ng-deep .mat-mdc-table .mat-mdc-row.selected{background-color:var(--nrcl-row-list-selected-background-color)}:host ::ng-deep .mat-mdc-table .mat-mdc-header-cell{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);padding:5px;color:#000}:host ::ng-deep .mat-mdc-table .mat-mdc-header-cell .mat-sort-header-content{text-align:left;align-items:flex-end;font-size:var(--nrcl-font-size)}:host ::ng-deep table.mat-mdc-table .mat-mdc-row:nth-child(odd):not(.selected){background-color:var(--nrcl-row-list-alternate-background-color)}:host ::ng-deep table.mat-mdc-table .mat-mdc-row:nth-child(2n):not(.selected){background-color:var(--nrcl-row-list-background-color)}:host.show-row-hover ::ng-deep .mat-mdc-table .mat-mdc-row,:host.show-row-hover ::ng-deep table.mat-mdc-table .mat-mdc-row{cursor:pointer}:host.show-row-hover ::ng-deep .mat-mdc-table .mat-mdc-row:hover,:host.show-row-hover ::ng-deep table.mat-mdc-table .mat-mdc-row:hover{background-color:var(--nrcl-row-list-hover-background-color)}:host.show-row-hover ::ng-deep .mat-mdc-table .mat-mdc-row:hover.selected,:host.show-row-hover ::ng-deep table.mat-mdc-table .mat-mdc-row:hover.selected{background-color:var(--nrcl-row-list-hover-selected-background-color)}\n"] }]
|
|
17
17
|
}], propDecorators: { showRowHover: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}] } });
|
|
@@ -14,13 +14,13 @@ export class SnackbarComponent extends NrclBase {
|
|
|
14
14
|
return 'snackbar-type-' + this.config.type;
|
|
15
15
|
}
|
|
16
16
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SnackbarComponent, deps: [{ token: i1.MatSnackBarRef }, { token: MAT_SNACK_BAR_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SnackbarComponent, selector: "nrcl-snackbar", host: { properties: { "class": "className" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"icon\">\n @switch ( config.type ) {\n @case ( 'success' ) {\n <nrcl-icon>check_circle</nrcl-icon>\n }\n @case ( 'error' ) {\n <nrcl-icon>cancel</nrcl-icon>\n }\n @case ( 'info' ) {\n <nrcl-icon>info</nrcl-icon>\n }\n @case ( 'update' ) {\n <nrcl-icon>error</nrcl-icon>\n }\n }\n</div>\n\n<div class=\"message\">\n <span>{{ config.message }}</span>\n</div>\n\n<div class=\"button\">\n <button (click)=\"snackBarRef.dismissWithAction()\">Close</button>\n</div>\n", styles: ["::ng-deep :root{--nrcl-snackbar-success-background-color: #2E7940;--nrcl-snackbar-error-background-color: #D8292F;--nrcl-snackbar-info-background-color: #37474f;--nrcl-snackbar-update-background-color: #37474f;--nrcl-snackbar-update-button-color: #f9ca81}:host{display:flex;align-items:stretch;height:100%;color:#fff;font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);word-break:break-word;background-color:var(--snackbar-background-color)}:host.snackbar-type-success{--snackbar-background-color: var(--nrcl-snackbar-success-background-color )}:host.snackbar-type-error{--snackbar-background-color: var(--nrcl-snackbar-error-background-color )}:host.snackbar-type-info{--snackbar-background-color: var( --nrcl-snackbar-info-background-color )}:host.snackbar-type-update{--snackbar-background-color: var( --nrcl-snackbar-update-background-color );--snackbar-button-color: var( --nrcl-snackbar-update-button-color )}:host .icon{display:flex;background-color:#f2f2f2;align-items:center;justify-content:center;pointer-events:none}:host .icon nrcl-icon{padding:var(--nrcl-gutter-space);color:var(--snackbar-background-color)}:host .message{padding:var(--nrcl-gutter-space);flex:1;cursor:default;pointer-events:none}:host .button{padding-right:8px;display:flex;align-items:center;justify-content:center}:host .button button{padding:calc(var(--nrcl-gutter-space) / 2);border:1px white solid;border-radius:5px;color:#fff;cursor:pointer;font-family:var(--nrcl-font-family);background-color:var(--snackbar-button-color, --snackbar-background-color)}::ng-deep .mat-mdc-snack-bar-container{color:#fff;font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);word-break:break-word}::ng-deep .mat-mdc-snack-bar-container .mat-mdc-snackbar-surface{padding-right:0}::ng-deep .mat-mdc-snack-bar-container .mat-mdc-snackbar-surface .mat-mdc-snack-bar-label{padding:0}\n"], dependencies: [{ kind: "component", type: i2.IconComponent, selector: "nrcl-icon", inputs: ["small", "large"] }] }); }
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SnackbarComponent, selector: "nrcl-snackbar", host: { properties: { "class": "className" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"icon\">\n @switch ( config.type ) {\n @case ( 'success' ) {\n <nrcl-icon>check_circle</nrcl-icon>\n }\n @case ( 'error' ) {\n <nrcl-icon>cancel</nrcl-icon>\n }\n @case ( 'info' ) {\n <nrcl-icon>info</nrcl-icon>\n }\n @case ( 'update' ) {\n <nrcl-icon>error</nrcl-icon>\n }\n }\n</div>\n\n<div class=\"message\">\n <span>{{ config.message }}</span>\n</div>\n\n<div class=\"button\">\n <button (click)=\"snackBarRef.dismissWithAction()\">Close</button>\n</div>\n", styles: ["::ng-deep :root{--nrcl-snackbar-success-background-color: #2E7940;--nrcl-snackbar-error-background-color: #D8292F;--nrcl-snackbar-info-background-color: #37474f;--nrcl-snackbar-update-background-color: #37474f;--nrcl-snackbar-update-button-color: #f9ca81}:host{display:flex;align-items:stretch;height:100%;color:#fff;font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);word-break:break-word;background-color:var(--snackbar-background-color)}:host.snackbar-type-success{--snackbar-background-color: var(--nrcl-snackbar-success-background-color )}:host.snackbar-type-error{--snackbar-background-color: var(--nrcl-snackbar-error-background-color )}:host.snackbar-type-info{--snackbar-background-color: var( --nrcl-snackbar-info-background-color )}:host.snackbar-type-update{--snackbar-background-color: var( --nrcl-snackbar-update-background-color );--snackbar-button-color: var( --nrcl-snackbar-update-button-color )}:host .icon{display:flex;background-color:#f2f2f2;align-items:center;justify-content:center;pointer-events:none}:host .icon nrcl-icon{padding:var(--nrcl-gutter-space);color:var(--snackbar-background-color)}:host .message{padding:var(--nrcl-gutter-space);flex:1;cursor:default;pointer-events:none;white-space:pre-wrap}:host .button{padding-right:8px;display:flex;align-items:center;justify-content:center}:host .button button{padding:calc(var(--nrcl-gutter-space) / 2);border:1px white solid;border-radius:5px;color:#fff;cursor:pointer;font-family:var(--nrcl-font-family);background-color:var(--snackbar-button-color, --snackbar-background-color)}::ng-deep .mat-mdc-snack-bar-container{color:#fff;font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);word-break:break-word}::ng-deep .mat-mdc-snack-bar-container .mat-mdc-snackbar-surface{padding-right:0}::ng-deep .mat-mdc-snack-bar-container .mat-mdc-snackbar-surface .mat-mdc-snack-bar-label{padding:0}\n"], dependencies: [{ kind: "component", type: i2.IconComponent, selector: "nrcl-icon", inputs: ["small", "large"] }] }); }
|
|
18
18
|
}
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SnackbarComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
21
|
args: [{ selector: 'nrcl-snackbar', host: {
|
|
22
22
|
'[class]': 'className'
|
|
23
|
-
}, template: "<div class=\"icon\">\n @switch ( config.type ) {\n @case ( 'success' ) {\n <nrcl-icon>check_circle</nrcl-icon>\n }\n @case ( 'error' ) {\n <nrcl-icon>cancel</nrcl-icon>\n }\n @case ( 'info' ) {\n <nrcl-icon>info</nrcl-icon>\n }\n @case ( 'update' ) {\n <nrcl-icon>error</nrcl-icon>\n }\n }\n</div>\n\n<div class=\"message\">\n <span>{{ config.message }}</span>\n</div>\n\n<div class=\"button\">\n <button (click)=\"snackBarRef.dismissWithAction()\">Close</button>\n</div>\n", styles: ["::ng-deep :root{--nrcl-snackbar-success-background-color: #2E7940;--nrcl-snackbar-error-background-color: #D8292F;--nrcl-snackbar-info-background-color: #37474f;--nrcl-snackbar-update-background-color: #37474f;--nrcl-snackbar-update-button-color: #f9ca81}:host{display:flex;align-items:stretch;height:100%;color:#fff;font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);word-break:break-word;background-color:var(--snackbar-background-color)}:host.snackbar-type-success{--snackbar-background-color: var(--nrcl-snackbar-success-background-color )}:host.snackbar-type-error{--snackbar-background-color: var(--nrcl-snackbar-error-background-color )}:host.snackbar-type-info{--snackbar-background-color: var( --nrcl-snackbar-info-background-color )}:host.snackbar-type-update{--snackbar-background-color: var( --nrcl-snackbar-update-background-color );--snackbar-button-color: var( --nrcl-snackbar-update-button-color )}:host .icon{display:flex;background-color:#f2f2f2;align-items:center;justify-content:center;pointer-events:none}:host .icon nrcl-icon{padding:var(--nrcl-gutter-space);color:var(--snackbar-background-color)}:host .message{padding:var(--nrcl-gutter-space);flex:1;cursor:default;pointer-events:none}:host .button{padding-right:8px;display:flex;align-items:center;justify-content:center}:host .button button{padding:calc(var(--nrcl-gutter-space) / 2);border:1px white solid;border-radius:5px;color:#fff;cursor:pointer;font-family:var(--nrcl-font-family);background-color:var(--snackbar-button-color, --snackbar-background-color)}::ng-deep .mat-mdc-snack-bar-container{color:#fff;font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);word-break:break-word}::ng-deep .mat-mdc-snack-bar-container .mat-mdc-snackbar-surface{padding-right:0}::ng-deep .mat-mdc-snack-bar-container .mat-mdc-snackbar-surface .mat-mdc-snack-bar-label{padding:0}\n"] }]
|
|
23
|
+
}, template: "<div class=\"icon\">\n @switch ( config.type ) {\n @case ( 'success' ) {\n <nrcl-icon>check_circle</nrcl-icon>\n }\n @case ( 'error' ) {\n <nrcl-icon>cancel</nrcl-icon>\n }\n @case ( 'info' ) {\n <nrcl-icon>info</nrcl-icon>\n }\n @case ( 'update' ) {\n <nrcl-icon>error</nrcl-icon>\n }\n }\n</div>\n\n<div class=\"message\">\n <span>{{ config.message }}</span>\n</div>\n\n<div class=\"button\">\n <button (click)=\"snackBarRef.dismissWithAction()\">Close</button>\n</div>\n", styles: ["::ng-deep :root{--nrcl-snackbar-success-background-color: #2E7940;--nrcl-snackbar-error-background-color: #D8292F;--nrcl-snackbar-info-background-color: #37474f;--nrcl-snackbar-update-background-color: #37474f;--nrcl-snackbar-update-button-color: #f9ca81}:host{display:flex;align-items:stretch;height:100%;color:#fff;font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);word-break:break-word;background-color:var(--snackbar-background-color)}:host.snackbar-type-success{--snackbar-background-color: var(--nrcl-snackbar-success-background-color )}:host.snackbar-type-error{--snackbar-background-color: var(--nrcl-snackbar-error-background-color )}:host.snackbar-type-info{--snackbar-background-color: var( --nrcl-snackbar-info-background-color )}:host.snackbar-type-update{--snackbar-background-color: var( --nrcl-snackbar-update-background-color );--snackbar-button-color: var( --nrcl-snackbar-update-button-color )}:host .icon{display:flex;background-color:#f2f2f2;align-items:center;justify-content:center;pointer-events:none}:host .icon nrcl-icon{padding:var(--nrcl-gutter-space);color:var(--snackbar-background-color)}:host .message{padding:var(--nrcl-gutter-space);flex:1;cursor:default;pointer-events:none;white-space:pre-wrap}:host .button{padding-right:8px;display:flex;align-items:center;justify-content:center}:host .button button{padding:calc(var(--nrcl-gutter-space) / 2);border:1px white solid;border-radius:5px;color:#fff;cursor:pointer;font-family:var(--nrcl-font-family);background-color:var(--snackbar-button-color, --snackbar-background-color)}::ng-deep .mat-mdc-snack-bar-container{color:#fff;font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);word-break:break-word}::ng-deep .mat-mdc-snack-bar-container .mat-mdc-snackbar-surface{padding-right:0}::ng-deep .mat-mdc-snack-bar-container .mat-mdc-snackbar-surface .mat-mdc-snack-bar-label{padding:0}\n"] }]
|
|
24
24
|
}], ctorParameters: () => [{ type: i1.MatSnackBarRef }, { type: undefined, decorators: [{
|
|
25
25
|
type: Inject,
|
|
26
26
|
args: [MAT_SNACK_BAR_DATA]
|
|
@@ -16,18 +16,20 @@ export class TagListComponent extends NrclBase {
|
|
|
16
16
|
this.itemRemoved.emit(this.items.find(i => i.id == id));
|
|
17
17
|
}
|
|
18
18
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TagListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TagListComponent, selector: "nrcl-tag-list", inputs: { items: "items", removable: "removable", noItemsMessage: "noItemsMessage" }, outputs: { itemRemoved: "itemRemoved" }, usesInheritance: true, ngImport: i0, template: "<ng-template #action>\n <ng-content select=\"nrcl-button\"></ng-content>\n</ng-template>\n\n@if ( items?.length > 0 ) {\n <mat-chip-set>\n <ng-container [ngTemplateOutlet]=\"action\"></ng-container>\n\n @for ( item of items; track item.id ) {\n <mat-chip\n (removed)=\"onRemoveItem( item.id )\"\n [matTooltip]=\"item.tooltip\"\n >\n @if ( item.icon ) {\n <nrcl-icon small matChipAvatar>{{ item.icon }}</nrcl-icon>\n }\n\n {{ item.description }}\n\n @if ( removable ) {\n <nrcl-icon small matChipRemove>cancel</nrcl-icon>\n }\n </mat-chip>\n }\n </mat-chip-set>\n} \n@else {\n <div class=\"no-tags\">\n <span>{{ noItemsMessage }}</span>\n <ng-container [ngTemplateOutlet]=\"action\"></ng-container>\n </div>\n}\n", styles: [":host{display:block;font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);padding-top:var(--nrcl-device-mobile-gutter-space)}:host ::ng-deep .mat-mdc-chip-set .mdc-evolution-chip-set__chips{display:block;margin:0}:host ::ng-deep .mat-mdc-chip-set .mdc-evolution-chip-set__chips .nrcl-button{float:right}:host ::ng-deep .mat-mdc-chip-set .mdc-evolution-chip-set__chips .mat-mdc-chip.mat-mdc-standard-chip{border-radius:5px;border:1px solid #c6c8cb;margin:0 6px 6px 0;--mdc-chip-focus-state-layer-opacity: 0;--mdc-chip-label-text-weight: 800;--mdc-chip-elevated-container-color: #f2f2f2}:host .no-tags{display:flex;align-items:center;height:38px}:host .no-tags span{flex-grow:1}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: i2.MatChipAvatar, selector: "mat-chip-avatar, [matChipAvatar]" }, { kind: "directive", type: i2.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i2.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i4.IconComponent, selector: "nrcl-icon", inputs: ["small", "large"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
19
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TagListComponent, selector: "nrcl-tag-list", inputs: { items: "items", removable: "removable", noItemsMessage: "noItemsMessage", tagTemplate: "tagTemplate" }, outputs: { itemRemoved: "itemRemoved" }, usesInheritance: true, ngImport: i0, template: "<ng-template #action>\n <ng-content select=\"nrcl-button\"></ng-content>\n</ng-template>\n\n@if ( items?.length > 0 ) {\n <mat-chip-set>\n <ng-container [ngTemplateOutlet]=\"action\"></ng-container>\n\n @for ( item of items; track item.id ) {\n <mat-chip\n (removed)=\"onRemoveItem( item.id )\"\n [matTooltip]=\"item.tooltip\"\n >\n @if ( item.icon ) {\n <nrcl-icon small matChipAvatar>{{ item.icon }}</nrcl-icon>\n }\n\n @if ( tagTemplate ) {\n <ng-container \n [ngTemplateOutlet]=\"tagTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\">\n </ng-container>\n }\n @else {\n {{ item.description }}\n }\n\n @if ( removable ) {\n <nrcl-icon small matChipRemove>cancel</nrcl-icon>\n }\n </mat-chip>\n }\n </mat-chip-set>\n} \n@else {\n <div class=\"no-tags\">\n <span>{{ noItemsMessage }}</span>\n <ng-container [ngTemplateOutlet]=\"action\"></ng-container>\n </div>\n}\n", styles: [":host{display:block;font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);padding-top:var(--nrcl-device-mobile-gutter-space)}:host ::ng-deep .mat-mdc-chip-set .mdc-evolution-chip-set__chips{display:block;margin:0}:host ::ng-deep .mat-mdc-chip-set .mdc-evolution-chip-set__chips .nrcl-button{float:right}:host ::ng-deep .mat-mdc-chip-set .mdc-evolution-chip-set__chips .mat-mdc-chip.mat-mdc-standard-chip{border-radius:5px;border:1px solid #c6c8cb;margin:0 6px 6px 0;--mdc-chip-focus-state-layer-opacity: 0;--mdc-chip-label-text-weight: 800;--mdc-chip-elevated-container-color: #f2f2f2}:host .no-tags{display:flex;align-items:center;height:38px}:host .no-tags span{flex-grow:1}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: i2.MatChipAvatar, selector: "mat-chip-avatar, [matChipAvatar]" }, { kind: "directive", type: i2.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i2.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i4.IconComponent, selector: "nrcl-icon", inputs: ["small", "large"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
20
20
|
}
|
|
21
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TagListComponent, decorators: [{
|
|
22
22
|
type: Component,
|
|
23
|
-
args: [{ selector: "nrcl-tag-list", changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #action>\n <ng-content select=\"nrcl-button\"></ng-content>\n</ng-template>\n\n@if ( items?.length > 0 ) {\n <mat-chip-set>\n <ng-container [ngTemplateOutlet]=\"action\"></ng-container>\n\n @for ( item of items; track item.id ) {\n <mat-chip\n (removed)=\"onRemoveItem( item.id )\"\n [matTooltip]=\"item.tooltip\"\n >\n @if ( item.icon ) {\n <nrcl-icon small matChipAvatar>{{ item.icon }}</nrcl-icon>\n }\n\n {{ item.description }}\n\n @if ( removable ) {\n <nrcl-icon small matChipRemove>cancel</nrcl-icon>\n }\n </mat-chip>\n }\n </mat-chip-set>\n} \n@else {\n <div class=\"no-tags\">\n <span>{{ noItemsMessage }}</span>\n <ng-container [ngTemplateOutlet]=\"action\"></ng-container>\n </div>\n}\n", styles: [":host{display:block;font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);padding-top:var(--nrcl-device-mobile-gutter-space)}:host ::ng-deep .mat-mdc-chip-set .mdc-evolution-chip-set__chips{display:block;margin:0}:host ::ng-deep .mat-mdc-chip-set .mdc-evolution-chip-set__chips .nrcl-button{float:right}:host ::ng-deep .mat-mdc-chip-set .mdc-evolution-chip-set__chips .mat-mdc-chip.mat-mdc-standard-chip{border-radius:5px;border:1px solid #c6c8cb;margin:0 6px 6px 0;--mdc-chip-focus-state-layer-opacity: 0;--mdc-chip-label-text-weight: 800;--mdc-chip-elevated-container-color: #f2f2f2}:host .no-tags{display:flex;align-items:center;height:38px}:host .no-tags span{flex-grow:1}\n"] }]
|
|
23
|
+
args: [{ selector: "nrcl-tag-list", changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #action>\n <ng-content select=\"nrcl-button\"></ng-content>\n</ng-template>\n\n@if ( items?.length > 0 ) {\n <mat-chip-set>\n <ng-container [ngTemplateOutlet]=\"action\"></ng-container>\n\n @for ( item of items; track item.id ) {\n <mat-chip\n (removed)=\"onRemoveItem( item.id )\"\n [matTooltip]=\"item.tooltip\"\n >\n @if ( item.icon ) {\n <nrcl-icon small matChipAvatar>{{ item.icon }}</nrcl-icon>\n }\n\n @if ( tagTemplate ) {\n <ng-container \n [ngTemplateOutlet]=\"tagTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\">\n </ng-container>\n }\n @else {\n {{ item.description }}\n }\n\n @if ( removable ) {\n <nrcl-icon small matChipRemove>cancel</nrcl-icon>\n }\n </mat-chip>\n }\n </mat-chip-set>\n} \n@else {\n <div class=\"no-tags\">\n <span>{{ noItemsMessage }}</span>\n <ng-container [ngTemplateOutlet]=\"action\"></ng-container>\n </div>\n}\n", styles: [":host{display:block;font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);padding-top:var(--nrcl-device-mobile-gutter-space)}:host ::ng-deep .mat-mdc-chip-set .mdc-evolution-chip-set__chips{display:block;margin:0}:host ::ng-deep .mat-mdc-chip-set .mdc-evolution-chip-set__chips .nrcl-button{float:right}:host ::ng-deep .mat-mdc-chip-set .mdc-evolution-chip-set__chips .mat-mdc-chip.mat-mdc-standard-chip{border-radius:5px;border:1px solid #c6c8cb;margin:0 6px 6px 0;--mdc-chip-focus-state-layer-opacity: 0;--mdc-chip-label-text-weight: 800;--mdc-chip-elevated-container-color: #f2f2f2}:host .no-tags{display:flex;align-items:center;height:38px}:host .no-tags span{flex-grow:1}\n"] }]
|
|
24
24
|
}], propDecorators: { items: [{
|
|
25
25
|
type: Input
|
|
26
26
|
}], removable: [{
|
|
27
27
|
type: Input
|
|
28
28
|
}], noItemsMessage: [{
|
|
29
29
|
type: Input
|
|
30
|
+
}], tagTemplate: [{
|
|
31
|
+
type: Input
|
|
30
32
|
}], itemRemoved: [{
|
|
31
33
|
type: Output
|
|
32
34
|
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvdGFnLWxpc3QvdGFnLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvdGFnLWxpc3QvdGFnLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBRVQsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7Ozs7QUFldEQsTUFBTSxPQUFPLGdCQUFpQixTQUFRLFFBQVE7SUFOOUM7O1FBUWEsY0FBUyxHQUFHLElBQUksQ0FBQTtRQUNoQixtQkFBYyxHQUFHLDJCQUEyQixDQUFBO1FBRzNDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQTtLQUt0RDtJQUhHLFlBQVksQ0FBRSxFQUFFO1FBQ1osSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxJQUFJLEVBQUUsQ0FBRSxDQUFFLENBQUE7SUFDL0QsQ0FBQzsrR0FWUSxnQkFBZ0I7bUdBQWhCLGdCQUFnQix1T0N2QjdCLHN1Q0F3Q0E7OzRGRGpCYSxnQkFBZ0I7a0JBTjVCLFNBQVM7K0JBQ0ksZUFBZSxtQkFHUix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dCxcbiAgICBPdXRwdXQsXG4gICAgVGVtcGxhdGVSZWZcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IE5yY2xCYXNlIH0gZnJvbSBcIi4uLy4uL2RpcmVjdGl2ZXMvbnJjbC5iYXNlXCI7XG5cbmV4cG9ydCB0eXBlIFRhZ0l0ZW0gPSB7XG4gICAgaWQ6IHN0cmluZ1xuICAgIGRlc2NyaXB0aW9uOiBzdHJpbmdcbiAgICB0b29sdGlwOiBzdHJpbmdcbiAgICBpY29uOiBzdHJpbmdcbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6IFwibnJjbC10YWctbGlzdFwiLFxuICAgIHRlbXBsYXRlVXJsOiBcIi4vdGFnLWxpc3QuY29tcG9uZW50Lmh0bWxcIixcbiAgICBzdHlsZVVybDogXCIuL3RhZy1saXN0LmNvbXBvbmVudC5zY3NzXCIsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgVGFnTGlzdENvbXBvbmVudCBleHRlbmRzIE5yY2xCYXNlIHtcbiAgICBASW5wdXQoKSBpdGVtczogVGFnSXRlbVtdXG4gICAgQElucHV0KCkgcmVtb3ZhYmxlID0gdHJ1ZVxuICAgIEBJbnB1dCgpIG5vSXRlbXNNZXNzYWdlID0gJ05vIGl0ZW1zIGhhdmUgYmVlbiBhZGRlZC4nXG4gICAgQElucHV0KCkgdGFnVGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT5cblxuICAgIEBPdXRwdXQoKSBpdGVtUmVtb3ZlZCA9IG5ldyBFdmVudEVtaXR0ZXI8VGFnSXRlbT4oKVxuICAgIFxuICAgIG9uUmVtb3ZlSXRlbSggaWQgKSB7XG4gICAgICAgIHRoaXMuaXRlbVJlbW92ZWQuZW1pdCggdGhpcy5pdGVtcy5maW5kKCBpID0+IGkuaWQgPT0gaWQgKSApXG4gICAgfVxufVxuIiwiPG5nLXRlbXBsYXRlICNhY3Rpb24+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibnJjbC1idXR0b25cIj48L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPlxuXG5AaWYgKCBpdGVtcz8ubGVuZ3RoID4gMCApIHtcbiAgICA8bWF0LWNoaXAtc2V0PlxuICAgICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImFjdGlvblwiPjwvbmctY29udGFpbmVyPlxuXG4gICAgICAgIEBmb3IgKCBpdGVtIG9mIGl0ZW1zOyB0cmFjayBpdGVtLmlkICkge1xuICAgICAgICAgICAgPG1hdC1jaGlwXG4gICAgICAgICAgICAgICAgKHJlbW92ZWQpPVwib25SZW1vdmVJdGVtKCBpdGVtLmlkIClcIlxuICAgICAgICAgICAgICAgIFttYXRUb29sdGlwXT1cIml0ZW0udG9vbHRpcFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgQGlmICggaXRlbS5pY29uICkge1xuICAgICAgICAgICAgICAgICAgICA8bnJjbC1pY29uIHNtYWxsIG1hdENoaXBBdmF0YXI+e3sgaXRlbS5pY29uIH19PC9ucmNsLWljb24+XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgQGlmICggdGFnVGVtcGxhdGUgKSB7XG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgXG4gICAgICAgICAgICAgICAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJ0YWdUZW1wbGF0ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyAkaW1wbGljaXQ6IGl0ZW0gfVwiPlxuICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgQGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICB7eyBpdGVtLmRlc2NyaXB0aW9uIH19XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgQGlmICggcmVtb3ZhYmxlICkge1xuICAgICAgICAgICAgICAgICAgICA8bnJjbC1pY29uIHNtYWxsIG1hdENoaXBSZW1vdmU+Y2FuY2VsPC9ucmNsLWljb24+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9tYXQtY2hpcD5cbiAgICAgICAgfVxuICAgIDwvbWF0LWNoaXAtc2V0PlxufSBcbkBlbHNlIHtcbiAgICA8ZGl2IGNsYXNzPVwibm8tdGFnc1wiPlxuICAgICAgICA8c3Bhbj57eyBub0l0ZW1zTWVzc2FnZSB9fTwvc3Bhbj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJhY3Rpb25cIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbn1cbiJdfQ==
|
|
@@ -30,7 +30,7 @@ export class SnackbarUtilService {
|
|
|
30
30
|
successfullyAdded(item, duration = 5000) {
|
|
31
31
|
this.successful(`${item} added successfully.`, duration);
|
|
32
32
|
}
|
|
33
|
-
information(message, duration
|
|
33
|
+
information(message, duration) {
|
|
34
34
|
this.snackbar.openFromComponent(SnackbarComponent, {
|
|
35
35
|
duration: duration,
|
|
36
36
|
data: {
|
|
@@ -39,7 +39,7 @@ export class SnackbarUtilService {
|
|
|
39
39
|
}
|
|
40
40
|
});
|
|
41
41
|
}
|
|
42
|
-
error(message, duration
|
|
42
|
+
error(message, duration) {
|
|
43
43
|
this.snackbar.openFromComponent(SnackbarComponent, {
|
|
44
44
|
duration: duration,
|
|
45
45
|
data: {
|
|
@@ -48,7 +48,7 @@ export class SnackbarUtilService {
|
|
|
48
48
|
}
|
|
49
49
|
});
|
|
50
50
|
}
|
|
51
|
-
updated(message, duration
|
|
51
|
+
updated(message, duration) {
|
|
52
52
|
this.snackbar.openFromComponent(SnackbarComponent, {
|
|
53
53
|
duration: duration,
|
|
54
54
|
data: {
|
|
@@ -66,4 +66,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
66
66
|
providedIn: 'root'
|
|
67
67
|
}]
|
|
68
68
|
}] });
|
|
69
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic25hY2tiYXItdXRpbC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL3NlcnZpY2VzL3NuYWNrYmFyLXV0aWwuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGlCQUFpQixFQUFrQixNQUFNLDJDQUEyQyxDQUFDOztBQUs5RixNQUFNLE9BQU8sbUJBQW1CO0lBSGhDO1FBSUksYUFBUSxHQUFHLE1BQU0sQ0FBRSxXQUFXLENBQUUsQ0FBQTtLQXlFbkM7SUF2RUcsVUFBVSxDQUFFLE9BQWUsRUFBRSxXQUFtQixJQUFJO1FBQ2hELElBQUksQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQzNCLGlCQUFpQixFQUNqQjtZQUNJLFFBQVEsRUFBRSxRQUFRO1lBQ2xCLElBQUksRUFBRTtnQkFDRixJQUFJLEVBQUUsU0FBUztnQkFDZixPQUFPLEVBQUUsT0FBTzthQUNuQjtTQUNKLENBQ0osQ0FBQTtJQUNMLENBQUM7SUFFRCxpQkFBaUIsQ0FBRSxJQUFZLEVBQUUsUUFBUSxHQUFHLElBQUk7UUFDNUMsSUFBSSxDQUFDLFVBQVUsQ0FBRSxHQUFJLElBQUssc0JBQXNCLEVBQUUsUUFBUSxDQUFFLENBQUE7SUFDaEUsQ0FBQztJQUVELG1CQUFtQixDQUFFLElBQVksRUFBRSxRQUFRLEdBQUcsSUFBSTtRQUM5QyxJQUFJLENBQUMsVUFBVSxDQUFFLEdBQUksSUFBSyx3QkFBd0IsRUFBRSxRQUFRLENBQUUsQ0FBQTtJQUNsRSxDQUFDO0lBRUQsbUJBQW1CLENBQUUsSUFBWSxFQUFFLFFBQVEsR0FBRyxJQUFJO1FBQzlDLElBQUksQ0FBQyxVQUFVLENBQUUsR0FBSSxJQUFLLHdCQUF3QixFQUFFLFFBQVEsQ0FBRSxDQUFBO0lBQ2xFLENBQUM7SUFFRCxtQkFBbUIsQ0FBRSxJQUFZLEVBQUUsUUFBUSxHQUFHLElBQUk7UUFDOUMsSUFBSSxDQUFDLFVBQVUsQ0FBRSxHQUFJLElBQUssd0JBQXdCLEVBQUUsUUFBUSxDQUFFLENBQUE7SUFDbEUsQ0FBQztJQUVELGlCQUFpQixDQUFFLElBQVksRUFBRSxRQUFRLEdBQUcsSUFBSTtRQUM1QyxJQUFJLENBQUMsVUFBVSxDQUFFLEdBQUksSUFBSyxzQkFBc0IsRUFBRSxRQUFRLENBQUUsQ0FBQTtJQUNoRSxDQUFDO0lBRUQsV0FBVyxDQUFFLE9BQWUsRUFBRSxRQUFpQjtRQUMzQyxJQUFJLENBQUMsUUFBUSxDQUFDLGlCQUFpQixDQUMzQixpQkFBaUIsRUFDakI7WUFDSSxRQUFRLEVBQUUsUUFBUTtZQUNsQixJQUFJLEVBQUU7Z0JBQ0YsSUFBSSxFQUFFLE1BQU07Z0JBQ1osT0FBTyxFQUFFLE9BQU87YUFDbkI7U0FDSixDQUNKLENBQUE7SUFDTCxDQUFDO0lBRUQsS0FBSyxDQUFFLE9BQWUsRUFBRSxRQUFpQjtRQUNyQyxJQUFJLENBQUMsUUFBUSxDQUFDLGlCQUFpQixDQUMzQixpQkFBaUIsRUFDakI7WUFDSSxRQUFRLEVBQUUsUUFBUTtZQUNsQixJQUFJLEVBQUU7Z0JBQ0YsSUFBSSxFQUFFLE9BQU87Z0JBQ2IsT0FBTyxFQUFFLE9BQU87YUFDbkI7U0FDSixDQUNKLENBQUE7SUFDTCxDQUFDO0lBRUQsT0FBTyxDQUFFLE9BQWUsRUFBRSxRQUFpQjtRQUN2QyxJQUFJLENBQUMsUUFBUSxDQUFDLGlCQUFpQixDQUMzQixpQkFBaUIsRUFDakI7WUFDSSxRQUFRLEVBQUUsUUFBUTtZQUNsQixJQUFJLEVBQUU7Z0JBQ0YsSUFBSSxFQUFFLFFBQVE7Z0JBQ2QsT0FBTyxFQUFFLE9BQU87YUFDbkI7U0FDSixDQUNKLENBQUE7SUFDTCxDQUFDOytHQXpFUSxtQkFBbUI7bUhBQW5CLG1CQUFtQixjQUZoQixNQUFNOzs0RkFFVCxtQkFBbUI7a0JBSC9CLFVBQVU7bUJBQUM7b0JBQ1IsVUFBVSxFQUFFLE1BQU07aUJBQ3JCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaW5qZWN0LCBJbmplY3RhYmxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IE1hdFNuYWNrQmFyIH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL3NuYWNrLWJhclwiO1xuaW1wb3J0IHsgU25hY2tiYXJDb21wb25lbnQsIFNuYWNrYmFyQ29uZmlnIH0gZnJvbSBcIi4uL2NvbXBvbmVudHMvc25hY2tiYXIvc25hY2tiYXIuY29tcG9uZW50XCI7XG5cbkBJbmplY3RhYmxlKHtcbiAgICBwcm92aWRlZEluOiAncm9vdCdcbn0pXG5leHBvcnQgY2xhc3MgU25hY2tiYXJVdGlsU2VydmljZSB7XG4gICAgc25hY2tiYXIgPSBpbmplY3QoIE1hdFNuYWNrQmFyIClcblxuICAgIHN1Y2Nlc3NmdWwoIG1lc3NhZ2U6IHN0cmluZywgZHVyYXRpb246IG51bWJlciA9IDUwMDAgKSB7XG4gICAgICAgIHRoaXMuc25hY2tiYXIub3BlbkZyb21Db21wb25lbnQ8U25hY2tiYXJDb21wb25lbnQsU25hY2tiYXJDb25maWc+KFxuICAgICAgICAgICAgU25hY2tiYXJDb21wb25lbnQsIFxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIGR1cmF0aW9uOiBkdXJhdGlvbixcbiAgICAgICAgICAgICAgICBkYXRhOiB7XG4gICAgICAgICAgICAgICAgICAgIHR5cGU6ICdzdWNjZXNzJyxcbiAgICAgICAgICAgICAgICAgICAgbWVzc2FnZTogbWVzc2FnZVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgKVxuICAgIH1cblxuICAgIHN1Y2Nlc3NmdWxseVNhdmVkKCBpdGVtOiBzdHJpbmcsIGR1cmF0aW9uID0gNTAwMCApIHtcbiAgICAgICAgdGhpcy5zdWNjZXNzZnVsKCBgJHsgaXRlbSB9IHNhdmVkIHN1Y2Nlc3NmdWxseS5gLCBkdXJhdGlvbiApXG4gICAgfVxuXG4gICAgc3VjY2Vzc2Z1bGx5RGVsZXRlZCggaXRlbTogc3RyaW5nLCBkdXJhdGlvbiA9IDUwMDAgKSB7XG4gICAgICAgIHRoaXMuc3VjY2Vzc2Z1bCggYCR7IGl0ZW0gfSBkZWxldGVkIHN1Y2Nlc3NmdWxseS5gLCBkdXJhdGlvbiApXG4gICAgfVxuXG4gICAgc3VjY2Vzc2Z1bGx5UmVtb3ZlZCggaXRlbTogc3RyaW5nLCBkdXJhdGlvbiA9IDUwMDAgKSB7XG4gICAgICAgIHRoaXMuc3VjY2Vzc2Z1bCggYCR7IGl0ZW0gfSByZW1vdmVkIHN1Y2Nlc3NmdWxseS5gLCBkdXJhdGlvbiApXG4gICAgfVxuXG4gICAgc3VjY2Vzc2Z1bGx5Q3JlYXRlZCggaXRlbTogc3RyaW5nLCBkdXJhdGlvbiA9IDUwMDAgKSB7XG4gICAgICAgIHRoaXMuc3VjY2Vzc2Z1bCggYCR7IGl0ZW0gfSBjcmVhdGVkIHN1Y2Nlc3NmdWxseS5gLCBkdXJhdGlvbiApXG4gICAgfVxuXG4gICAgc3VjY2Vzc2Z1bGx5QWRkZWQoIGl0ZW06IHN0cmluZywgZHVyYXRpb24gPSA1MDAwICkge1xuICAgICAgICB0aGlzLnN1Y2Nlc3NmdWwoIGAkeyBpdGVtIH0gYWRkZWQgc3VjY2Vzc2Z1bGx5LmAsIGR1cmF0aW9uIClcbiAgICB9XG5cbiAgICBpbmZvcm1hdGlvbiggbWVzc2FnZTogc3RyaW5nLCBkdXJhdGlvbj86IG51bWJlciApIHtcbiAgICAgICAgdGhpcy5zbmFja2Jhci5vcGVuRnJvbUNvbXBvbmVudDxTbmFja2JhckNvbXBvbmVudCxTbmFja2JhckNvbmZpZz4oXG4gICAgICAgICAgICBTbmFja2JhckNvbXBvbmVudCwgXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgZHVyYXRpb246IGR1cmF0aW9uLFxuICAgICAgICAgICAgICAgIGRhdGE6IHtcbiAgICAgICAgICAgICAgICAgICAgdHlwZTogJ2luZm8nLFxuICAgICAgICAgICAgICAgICAgICBtZXNzYWdlOiBtZXNzYWdlXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICApXG4gICAgfVxuXG4gICAgZXJyb3IoIG1lc3NhZ2U6IHN0cmluZywgZHVyYXRpb24/OiBudW1iZXIgKSB7XG4gICAgICAgIHRoaXMuc25hY2tiYXIub3BlbkZyb21Db21wb25lbnQ8U25hY2tiYXJDb21wb25lbnQsU25hY2tiYXJDb25maWc+KFxuICAgICAgICAgICAgU25hY2tiYXJDb21wb25lbnQsIFxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIGR1cmF0aW9uOiBkdXJhdGlvbixcbiAgICAgICAgICAgICAgICBkYXRhOiB7XG4gICAgICAgICAgICAgICAgICAgIHR5cGU6ICdlcnJvcicsXG4gICAgICAgICAgICAgICAgICAgIG1lc3NhZ2U6IG1lc3NhZ2VcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIClcbiAgICB9XG5cbiAgICB1cGRhdGVkKCBtZXNzYWdlOiBzdHJpbmcsIGR1cmF0aW9uPzogbnVtYmVyICkge1xuICAgICAgICB0aGlzLnNuYWNrYmFyLm9wZW5Gcm9tQ29tcG9uZW50PFNuYWNrYmFyQ29tcG9uZW50LFNuYWNrYmFyQ29uZmlnPihcbiAgICAgICAgICAgIFNuYWNrYmFyQ29tcG9uZW50LCBcbiAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBkdXJhdGlvbjogZHVyYXRpb24sXG4gICAgICAgICAgICAgICAgZGF0YToge1xuICAgICAgICAgICAgICAgICAgICB0eXBlOiAndXBkYXRlJyxcbiAgICAgICAgICAgICAgICAgICAgbWVzc2FnZTogbWVzc2FnZVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgKVxuICAgIH1cbn1cbiJdfQ==
|
|
@@ -1068,14 +1068,14 @@ class FormFieldComponent extends NrclBase {
|
|
|
1068
1068
|
}
|
|
1069
1069
|
}
|
|
1070
1070
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1071
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: FormFieldComponent, selector: "nrcl-form-field", inputs: { required: ["required", "required", booleanAttribute], readonly: ["readonly", "readonly", booleanAttribute] }, host: { properties: { "class.required": "required", "class.readonly": "readonly" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: [":host ::ng-deep .mat-mdc-form-field{width:100%;font-family:var(--nrcl-font-family)}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper{padding-left:0;padding-right:0;background-color:unset}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix{font-size:var(--nrcl-font-size);padding-bottom:2px;line-height:20px;min-height:50px;width:unset}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-form-field-required-marker{display:none}:host ::ng-deep .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host ::ng-deep .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{padding:0}:host ::ng-deep .mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-subscript-dynamic-size{min-height:
|
|
1071
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: FormFieldComponent, selector: "nrcl-form-field", inputs: { required: ["required", "required", booleanAttribute], readonly: ["readonly", "readonly", booleanAttribute] }, host: { properties: { "class.required": "required", "class.readonly": "readonly" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: ["::ng-deep :root{--nrcl-form-field-subscript-min-height: 22px}:host ::ng-deep .mat-mdc-form-field{width:100%;font-family:var(--nrcl-font-family)}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper{padding-left:0;padding-right:0;background-color:unset}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix{font-size:var(--nrcl-font-size);padding-bottom:2px;line-height:20px;min-height:50px;width:unset}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-form-field-required-marker{display:none}:host ::ng-deep .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host ::ng-deep .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{padding:0}:host ::ng-deep .mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-subscript-dynamic-size{min-height:var(--nrcl-form-field-subscript-min-height)}:host.required ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-floating-label :after{color:red;content:\" *\"}:host.readonly ::ng-deep .mat-mdc-form-field{cursor:not-allowed}:host.readonly ::ng-deep .mat-mdc-form-field [readonly=true]{color:#0000008c;cursor:not-allowed}:host.readonly ::ng-deep .mat-mdc-form-field .mdc-line-ripple:before{border-style:dashed;border-width:1px;border-color:#00000021}:host.readonly ::ng-deep .mat-mdc-form-field input,:host.readonly ::ng-deep .mat-mdc-form-field textarea{cursor:not-allowed}:host.readonly ::ng-deep .mat-mdc-form-field .select-read-only-cursor{cursor:not-allowed;pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1072
1072
|
}
|
|
1073
1073
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormFieldComponent, decorators: [{
|
|
1074
1074
|
type: Component,
|
|
1075
1075
|
args: [{ selector: "nrcl-form-field", template: "<ng-content></ng-content>", changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1076
1076
|
'[class.required]': "required",
|
|
1077
1077
|
'[class.readonly]': "readonly",
|
|
1078
|
-
}, styles: [":host ::ng-deep .mat-mdc-form-field{width:100%;font-family:var(--nrcl-font-family)}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper{padding-left:0;padding-right:0;background-color:unset}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix{font-size:var(--nrcl-font-size);padding-bottom:2px;line-height:20px;min-height:50px;width:unset}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-form-field-required-marker{display:none}:host ::ng-deep .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host ::ng-deep .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{padding:0}:host ::ng-deep .mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-subscript-dynamic-size{min-height:
|
|
1078
|
+
}, styles: ["::ng-deep :root{--nrcl-form-field-subscript-min-height: 22px}:host ::ng-deep .mat-mdc-form-field{width:100%;font-family:var(--nrcl-font-family)}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper{padding-left:0;padding-right:0;background-color:unset}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix{font-size:var(--nrcl-font-size);padding-bottom:2px;line-height:20px;min-height:50px;width:unset}:host ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-form-field-required-marker{display:none}:host ::ng-deep .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host ::ng-deep .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{padding:0}:host ::ng-deep .mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-subscript-dynamic-size{min-height:var(--nrcl-form-field-subscript-min-height)}:host.required ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-floating-label :after{color:red;content:\" *\"}:host.readonly ::ng-deep .mat-mdc-form-field{cursor:not-allowed}:host.readonly ::ng-deep .mat-mdc-form-field [readonly=true]{color:#0000008c;cursor:not-allowed}:host.readonly ::ng-deep .mat-mdc-form-field .mdc-line-ripple:before{border-style:dashed;border-width:1px;border-color:#00000021}:host.readonly ::ng-deep .mat-mdc-form-field input,:host.readonly ::ng-deep .mat-mdc-form-field textarea{cursor:not-allowed}:host.readonly ::ng-deep .mat-mdc-form-field .select-read-only-cursor{cursor:not-allowed;pointer-events:none}\n"] }]
|
|
1079
1079
|
}], propDecorators: { required: [{
|
|
1080
1080
|
type: Input,
|
|
1081
1081
|
args: [{ transform: booleanAttribute }]
|
|
@@ -1452,13 +1452,13 @@ class RowListDesktopComponent extends NrclBase {
|
|
|
1452
1452
|
this.showRowHover = true;
|
|
1453
1453
|
}
|
|
1454
1454
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RowListDesktopComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1455
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: RowListDesktopComponent, selector: "nrcl-row-list-desktop", inputs: { showRowHover: "showRowHover" }, host: { properties: { "class.show-row-hover": "showRowHover" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["::ng-deep :root{--nrcl-row-list-background-color: white;--nrcl-row-list-alternate-background-color: #f2f2f2;--nrcl-row-list-hover-background-color: #d7d7d7;--nrcl-row-list-selected-background-color: #b6d7a8}:host{display:block;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid #c6c8cb}:host:empty{border-bottom:none}:host ::ng-deep .mat-mdc-table{width:100%}:host ::ng-deep .mat-mdc-table .mat-mdc-row{background-color:var(--nrcl-row-list-background-color);cursor:default}:host ::ng-deep .mat-mdc-table .mat-mdc-row .mat-mdc-cell{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);padding:5px;color:#000;overflow-wrap:break-word}:host ::ng-deep .mat-mdc-table .mat-mdc-row:nth-child(odd):not(.selected){background-color:var(--nrcl-row-list-background-color)}:host ::ng-deep .mat-mdc-table .mat-mdc-row:nth-child(2n):not(.selected){background-color:var(--nrcl-row-list-alternate-background-color)}:host ::ng-deep .mat-mdc-table .mat-mdc-row.selected{background-color:var(--nrcl-row-list-selected-background-color)}:host ::ng-deep .mat-mdc-table .mat-mdc-header-cell{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);padding:5px;color:#000}:host ::ng-deep .mat-mdc-table .mat-mdc-header-cell .mat-sort-header-content{text-align:left;align-items:flex-end;font-size:var(--nrcl-font-size)}:host ::ng-deep table.mat-mdc-table .mat-mdc-row:nth-child(odd):not(.selected){background-color:var(--nrcl-row-list-alternate-background-color)}:host ::ng-deep table.mat-mdc-table .mat-mdc-row:nth-child(2n):not(.selected){background-color:var(--nrcl-row-list-background-color)}:host.show-row-hover ::ng-deep .mat-mdc-table .mat-mdc-row,:host.show-row-hover ::ng-deep table.mat-mdc-table .mat-mdc-row{cursor:pointer}:host.show-row-hover ::ng-deep .mat-mdc-table .mat-mdc-row:hover,:host.show-row-hover ::ng-deep table.mat-mdc-table .mat-mdc-row:hover{background-color:var(--nrcl-row-list-hover-background-color)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1455
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: RowListDesktopComponent, selector: "nrcl-row-list-desktop", inputs: { showRowHover: "showRowHover" }, host: { properties: { "class.show-row-hover": "showRowHover" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["::ng-deep :root{--nrcl-row-list-background-color: white;--nrcl-row-list-alternate-background-color: #f2f2f2;--nrcl-row-list-hover-background-color: #d7d7d7;--nrcl-row-list-selected-background-color: #b6d7a8;--nrcl-row-list-hover-selected-background-color: #a1c193}:host{display:block;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid #c6c8cb}:host:empty{border-bottom:none}:host ::ng-deep .mat-mdc-table{width:100%}:host ::ng-deep .mat-mdc-table .mat-mdc-row{background-color:var(--nrcl-row-list-background-color);cursor:default}:host ::ng-deep .mat-mdc-table .mat-mdc-row .mat-mdc-cell{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);padding:5px;color:#000;overflow-wrap:break-word}:host ::ng-deep .mat-mdc-table .mat-mdc-row:nth-child(odd):not(.selected){background-color:var(--nrcl-row-list-background-color)}:host ::ng-deep .mat-mdc-table .mat-mdc-row:nth-child(2n):not(.selected){background-color:var(--nrcl-row-list-alternate-background-color)}:host ::ng-deep .mat-mdc-table .mat-mdc-row.selected{background-color:var(--nrcl-row-list-selected-background-color)}:host ::ng-deep .mat-mdc-table .mat-mdc-header-cell{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);padding:5px;color:#000}:host ::ng-deep .mat-mdc-table .mat-mdc-header-cell .mat-sort-header-content{text-align:left;align-items:flex-end;font-size:var(--nrcl-font-size)}:host ::ng-deep table.mat-mdc-table .mat-mdc-row:nth-child(odd):not(.selected){background-color:var(--nrcl-row-list-alternate-background-color)}:host ::ng-deep table.mat-mdc-table .mat-mdc-row:nth-child(2n):not(.selected){background-color:var(--nrcl-row-list-background-color)}:host.show-row-hover ::ng-deep .mat-mdc-table .mat-mdc-row,:host.show-row-hover ::ng-deep table.mat-mdc-table .mat-mdc-row{cursor:pointer}:host.show-row-hover ::ng-deep .mat-mdc-table .mat-mdc-row:hover,:host.show-row-hover ::ng-deep table.mat-mdc-table .mat-mdc-row:hover{background-color:var(--nrcl-row-list-hover-background-color)}:host.show-row-hover ::ng-deep .mat-mdc-table .mat-mdc-row:hover.selected,:host.show-row-hover ::ng-deep table.mat-mdc-table .mat-mdc-row:hover.selected{background-color:var(--nrcl-row-list-hover-selected-background-color)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1456
1456
|
}
|
|
1457
1457
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RowListDesktopComponent, decorators: [{
|
|
1458
1458
|
type: Component,
|
|
1459
1459
|
args: [{ selector: "nrcl-row-list-desktop", changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1460
1460
|
'[class.show-row-hover]': 'showRowHover'
|
|
1461
|
-
}, template: "<ng-content></ng-content>\n", styles: ["::ng-deep :root{--nrcl-row-list-background-color: white;--nrcl-row-list-alternate-background-color: #f2f2f2;--nrcl-row-list-hover-background-color: #d7d7d7;--nrcl-row-list-selected-background-color: #b6d7a8}:host{display:block;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid #c6c8cb}:host:empty{border-bottom:none}:host ::ng-deep .mat-mdc-table{width:100%}:host ::ng-deep .mat-mdc-table .mat-mdc-row{background-color:var(--nrcl-row-list-background-color);cursor:default}:host ::ng-deep .mat-mdc-table .mat-mdc-row .mat-mdc-cell{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);padding:5px;color:#000;overflow-wrap:break-word}:host ::ng-deep .mat-mdc-table .mat-mdc-row:nth-child(odd):not(.selected){background-color:var(--nrcl-row-list-background-color)}:host ::ng-deep .mat-mdc-table .mat-mdc-row:nth-child(2n):not(.selected){background-color:var(--nrcl-row-list-alternate-background-color)}:host ::ng-deep .mat-mdc-table .mat-mdc-row.selected{background-color:var(--nrcl-row-list-selected-background-color)}:host ::ng-deep .mat-mdc-table .mat-mdc-header-cell{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);padding:5px;color:#000}:host ::ng-deep .mat-mdc-table .mat-mdc-header-cell .mat-sort-header-content{text-align:left;align-items:flex-end;font-size:var(--nrcl-font-size)}:host ::ng-deep table.mat-mdc-table .mat-mdc-row:nth-child(odd):not(.selected){background-color:var(--nrcl-row-list-alternate-background-color)}:host ::ng-deep table.mat-mdc-table .mat-mdc-row:nth-child(2n):not(.selected){background-color:var(--nrcl-row-list-background-color)}:host.show-row-hover ::ng-deep .mat-mdc-table .mat-mdc-row,:host.show-row-hover ::ng-deep table.mat-mdc-table .mat-mdc-row{cursor:pointer}:host.show-row-hover ::ng-deep .mat-mdc-table .mat-mdc-row:hover,:host.show-row-hover ::ng-deep table.mat-mdc-table .mat-mdc-row:hover{background-color:var(--nrcl-row-list-hover-background-color)}\n"] }]
|
|
1461
|
+
}, template: "<ng-content></ng-content>\n", styles: ["::ng-deep :root{--nrcl-row-list-background-color: white;--nrcl-row-list-alternate-background-color: #f2f2f2;--nrcl-row-list-hover-background-color: #d7d7d7;--nrcl-row-list-selected-background-color: #b6d7a8;--nrcl-row-list-hover-selected-background-color: #a1c193}:host{display:block;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid #c6c8cb}:host:empty{border-bottom:none}:host ::ng-deep .mat-mdc-table{width:100%}:host ::ng-deep .mat-mdc-table .mat-mdc-row{background-color:var(--nrcl-row-list-background-color);cursor:default}:host ::ng-deep .mat-mdc-table .mat-mdc-row .mat-mdc-cell{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);padding:5px;color:#000;overflow-wrap:break-word}:host ::ng-deep .mat-mdc-table .mat-mdc-row:nth-child(odd):not(.selected){background-color:var(--nrcl-row-list-background-color)}:host ::ng-deep .mat-mdc-table .mat-mdc-row:nth-child(2n):not(.selected){background-color:var(--nrcl-row-list-alternate-background-color)}:host ::ng-deep .mat-mdc-table .mat-mdc-row.selected{background-color:var(--nrcl-row-list-selected-background-color)}:host ::ng-deep .mat-mdc-table .mat-mdc-header-cell{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);padding:5px;color:#000}:host ::ng-deep .mat-mdc-table .mat-mdc-header-cell .mat-sort-header-content{text-align:left;align-items:flex-end;font-size:var(--nrcl-font-size)}:host ::ng-deep table.mat-mdc-table .mat-mdc-row:nth-child(odd):not(.selected){background-color:var(--nrcl-row-list-alternate-background-color)}:host ::ng-deep table.mat-mdc-table .mat-mdc-row:nth-child(2n):not(.selected){background-color:var(--nrcl-row-list-background-color)}:host.show-row-hover ::ng-deep .mat-mdc-table .mat-mdc-row,:host.show-row-hover ::ng-deep table.mat-mdc-table .mat-mdc-row{cursor:pointer}:host.show-row-hover ::ng-deep .mat-mdc-table .mat-mdc-row:hover,:host.show-row-hover ::ng-deep table.mat-mdc-table .mat-mdc-row:hover{background-color:var(--nrcl-row-list-hover-background-color)}:host.show-row-hover ::ng-deep .mat-mdc-table .mat-mdc-row:hover.selected,:host.show-row-hover ::ng-deep table.mat-mdc-table .mat-mdc-row:hover.selected{background-color:var(--nrcl-row-list-hover-selected-background-color)}\n"] }]
|
|
1462
1462
|
}], propDecorators: { showRowHover: [{
|
|
1463
1463
|
type: Input
|
|
1464
1464
|
}] } });
|
|
@@ -1940,13 +1940,13 @@ class SnackbarComponent extends NrclBase {
|
|
|
1940
1940
|
return 'snackbar-type-' + this.config.type;
|
|
1941
1941
|
}
|
|
1942
1942
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SnackbarComponent, deps: [{ token: i1$8.MatSnackBarRef }, { token: MAT_SNACK_BAR_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1943
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SnackbarComponent, selector: "nrcl-snackbar", host: { properties: { "class": "className" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"icon\">\n @switch ( config.type ) {\n @case ( 'success' ) {\n <nrcl-icon>check_circle</nrcl-icon>\n }\n @case ( 'error' ) {\n <nrcl-icon>cancel</nrcl-icon>\n }\n @case ( 'info' ) {\n <nrcl-icon>info</nrcl-icon>\n }\n @case ( 'update' ) {\n <nrcl-icon>error</nrcl-icon>\n }\n }\n</div>\n\n<div class=\"message\">\n <span>{{ config.message }}</span>\n</div>\n\n<div class=\"button\">\n <button (click)=\"snackBarRef.dismissWithAction()\">Close</button>\n</div>\n", styles: ["::ng-deep :root{--nrcl-snackbar-success-background-color: #2E7940;--nrcl-snackbar-error-background-color: #D8292F;--nrcl-snackbar-info-background-color: #37474f;--nrcl-snackbar-update-background-color: #37474f;--nrcl-snackbar-update-button-color: #f9ca81}:host{display:flex;align-items:stretch;height:100%;color:#fff;font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);word-break:break-word;background-color:var(--snackbar-background-color)}:host.snackbar-type-success{--snackbar-background-color: var(--nrcl-snackbar-success-background-color )}:host.snackbar-type-error{--snackbar-background-color: var(--nrcl-snackbar-error-background-color )}:host.snackbar-type-info{--snackbar-background-color: var( --nrcl-snackbar-info-background-color )}:host.snackbar-type-update{--snackbar-background-color: var( --nrcl-snackbar-update-background-color );--snackbar-button-color: var( --nrcl-snackbar-update-button-color )}:host .icon{display:flex;background-color:#f2f2f2;align-items:center;justify-content:center;pointer-events:none}:host .icon nrcl-icon{padding:var(--nrcl-gutter-space);color:var(--snackbar-background-color)}:host .message{padding:var(--nrcl-gutter-space);flex:1;cursor:default;pointer-events:none}:host .button{padding-right:8px;display:flex;align-items:center;justify-content:center}:host .button button{padding:calc(var(--nrcl-gutter-space) / 2);border:1px white solid;border-radius:5px;color:#fff;cursor:pointer;font-family:var(--nrcl-font-family);background-color:var(--snackbar-button-color, --snackbar-background-color)}::ng-deep .mat-mdc-snack-bar-container{color:#fff;font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);word-break:break-word}::ng-deep .mat-mdc-snack-bar-container .mat-mdc-snackbar-surface{padding-right:0}::ng-deep .mat-mdc-snack-bar-container .mat-mdc-snackbar-surface .mat-mdc-snack-bar-label{padding:0}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "nrcl-icon", inputs: ["small", "large"] }] }); }
|
|
1943
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SnackbarComponent, selector: "nrcl-snackbar", host: { properties: { "class": "className" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"icon\">\n @switch ( config.type ) {\n @case ( 'success' ) {\n <nrcl-icon>check_circle</nrcl-icon>\n }\n @case ( 'error' ) {\n <nrcl-icon>cancel</nrcl-icon>\n }\n @case ( 'info' ) {\n <nrcl-icon>info</nrcl-icon>\n }\n @case ( 'update' ) {\n <nrcl-icon>error</nrcl-icon>\n }\n }\n</div>\n\n<div class=\"message\">\n <span>{{ config.message }}</span>\n</div>\n\n<div class=\"button\">\n <button (click)=\"snackBarRef.dismissWithAction()\">Close</button>\n</div>\n", styles: ["::ng-deep :root{--nrcl-snackbar-success-background-color: #2E7940;--nrcl-snackbar-error-background-color: #D8292F;--nrcl-snackbar-info-background-color: #37474f;--nrcl-snackbar-update-background-color: #37474f;--nrcl-snackbar-update-button-color: #f9ca81}:host{display:flex;align-items:stretch;height:100%;color:#fff;font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);word-break:break-word;background-color:var(--snackbar-background-color)}:host.snackbar-type-success{--snackbar-background-color: var(--nrcl-snackbar-success-background-color )}:host.snackbar-type-error{--snackbar-background-color: var(--nrcl-snackbar-error-background-color )}:host.snackbar-type-info{--snackbar-background-color: var( --nrcl-snackbar-info-background-color )}:host.snackbar-type-update{--snackbar-background-color: var( --nrcl-snackbar-update-background-color );--snackbar-button-color: var( --nrcl-snackbar-update-button-color )}:host .icon{display:flex;background-color:#f2f2f2;align-items:center;justify-content:center;pointer-events:none}:host .icon nrcl-icon{padding:var(--nrcl-gutter-space);color:var(--snackbar-background-color)}:host .message{padding:var(--nrcl-gutter-space);flex:1;cursor:default;pointer-events:none;white-space:pre-wrap}:host .button{padding-right:8px;display:flex;align-items:center;justify-content:center}:host .button button{padding:calc(var(--nrcl-gutter-space) / 2);border:1px white solid;border-radius:5px;color:#fff;cursor:pointer;font-family:var(--nrcl-font-family);background-color:var(--snackbar-button-color, --snackbar-background-color)}::ng-deep .mat-mdc-snack-bar-container{color:#fff;font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);word-break:break-word}::ng-deep .mat-mdc-snack-bar-container .mat-mdc-snackbar-surface{padding-right:0}::ng-deep .mat-mdc-snack-bar-container .mat-mdc-snackbar-surface .mat-mdc-snack-bar-label{padding:0}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "nrcl-icon", inputs: ["small", "large"] }] }); }
|
|
1944
1944
|
}
|
|
1945
1945
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SnackbarComponent, decorators: [{
|
|
1946
1946
|
type: Component,
|
|
1947
1947
|
args: [{ selector: 'nrcl-snackbar', host: {
|
|
1948
1948
|
'[class]': 'className'
|
|
1949
|
-
}, template: "<div class=\"icon\">\n @switch ( config.type ) {\n @case ( 'success' ) {\n <nrcl-icon>check_circle</nrcl-icon>\n }\n @case ( 'error' ) {\n <nrcl-icon>cancel</nrcl-icon>\n }\n @case ( 'info' ) {\n <nrcl-icon>info</nrcl-icon>\n }\n @case ( 'update' ) {\n <nrcl-icon>error</nrcl-icon>\n }\n }\n</div>\n\n<div class=\"message\">\n <span>{{ config.message }}</span>\n</div>\n\n<div class=\"button\">\n <button (click)=\"snackBarRef.dismissWithAction()\">Close</button>\n</div>\n", styles: ["::ng-deep :root{--nrcl-snackbar-success-background-color: #2E7940;--nrcl-snackbar-error-background-color: #D8292F;--nrcl-snackbar-info-background-color: #37474f;--nrcl-snackbar-update-background-color: #37474f;--nrcl-snackbar-update-button-color: #f9ca81}:host{display:flex;align-items:stretch;height:100%;color:#fff;font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);word-break:break-word;background-color:var(--snackbar-background-color)}:host.snackbar-type-success{--snackbar-background-color: var(--nrcl-snackbar-success-background-color )}:host.snackbar-type-error{--snackbar-background-color: var(--nrcl-snackbar-error-background-color )}:host.snackbar-type-info{--snackbar-background-color: var( --nrcl-snackbar-info-background-color )}:host.snackbar-type-update{--snackbar-background-color: var( --nrcl-snackbar-update-background-color );--snackbar-button-color: var( --nrcl-snackbar-update-button-color )}:host .icon{display:flex;background-color:#f2f2f2;align-items:center;justify-content:center;pointer-events:none}:host .icon nrcl-icon{padding:var(--nrcl-gutter-space);color:var(--snackbar-background-color)}:host .message{padding:var(--nrcl-gutter-space);flex:1;cursor:default;pointer-events:none}:host .button{padding-right:8px;display:flex;align-items:center;justify-content:center}:host .button button{padding:calc(var(--nrcl-gutter-space) / 2);border:1px white solid;border-radius:5px;color:#fff;cursor:pointer;font-family:var(--nrcl-font-family);background-color:var(--snackbar-button-color, --snackbar-background-color)}::ng-deep .mat-mdc-snack-bar-container{color:#fff;font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);word-break:break-word}::ng-deep .mat-mdc-snack-bar-container .mat-mdc-snackbar-surface{padding-right:0}::ng-deep .mat-mdc-snack-bar-container .mat-mdc-snackbar-surface .mat-mdc-snack-bar-label{padding:0}\n"] }]
|
|
1949
|
+
}, template: "<div class=\"icon\">\n @switch ( config.type ) {\n @case ( 'success' ) {\n <nrcl-icon>check_circle</nrcl-icon>\n }\n @case ( 'error' ) {\n <nrcl-icon>cancel</nrcl-icon>\n }\n @case ( 'info' ) {\n <nrcl-icon>info</nrcl-icon>\n }\n @case ( 'update' ) {\n <nrcl-icon>error</nrcl-icon>\n }\n }\n</div>\n\n<div class=\"message\">\n <span>{{ config.message }}</span>\n</div>\n\n<div class=\"button\">\n <button (click)=\"snackBarRef.dismissWithAction()\">Close</button>\n</div>\n", styles: ["::ng-deep :root{--nrcl-snackbar-success-background-color: #2E7940;--nrcl-snackbar-error-background-color: #D8292F;--nrcl-snackbar-info-background-color: #37474f;--nrcl-snackbar-update-background-color: #37474f;--nrcl-snackbar-update-button-color: #f9ca81}:host{display:flex;align-items:stretch;height:100%;color:#fff;font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);word-break:break-word;background-color:var(--snackbar-background-color)}:host.snackbar-type-success{--snackbar-background-color: var(--nrcl-snackbar-success-background-color )}:host.snackbar-type-error{--snackbar-background-color: var(--nrcl-snackbar-error-background-color )}:host.snackbar-type-info{--snackbar-background-color: var( --nrcl-snackbar-info-background-color )}:host.snackbar-type-update{--snackbar-background-color: var( --nrcl-snackbar-update-background-color );--snackbar-button-color: var( --nrcl-snackbar-update-button-color )}:host .icon{display:flex;background-color:#f2f2f2;align-items:center;justify-content:center;pointer-events:none}:host .icon nrcl-icon{padding:var(--nrcl-gutter-space);color:var(--snackbar-background-color)}:host .message{padding:var(--nrcl-gutter-space);flex:1;cursor:default;pointer-events:none;white-space:pre-wrap}:host .button{padding-right:8px;display:flex;align-items:center;justify-content:center}:host .button button{padding:calc(var(--nrcl-gutter-space) / 2);border:1px white solid;border-radius:5px;color:#fff;cursor:pointer;font-family:var(--nrcl-font-family);background-color:var(--snackbar-button-color, --snackbar-background-color)}::ng-deep .mat-mdc-snack-bar-container{color:#fff;font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);word-break:break-word}::ng-deep .mat-mdc-snack-bar-container .mat-mdc-snackbar-surface{padding-right:0}::ng-deep .mat-mdc-snack-bar-container .mat-mdc-snackbar-surface .mat-mdc-snack-bar-label{padding:0}\n"] }]
|
|
1950
1950
|
}], ctorParameters: () => [{ type: i1$8.MatSnackBarRef }, { type: undefined, decorators: [{
|
|
1951
1951
|
type: Inject,
|
|
1952
1952
|
args: [MAT_SNACK_BAR_DATA]
|
|
@@ -1963,17 +1963,19 @@ class TagListComponent extends NrclBase {
|
|
|
1963
1963
|
this.itemRemoved.emit(this.items.find(i => i.id == id));
|
|
1964
1964
|
}
|
|
1965
1965
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TagListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1966
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TagListComponent, selector: "nrcl-tag-list", inputs: { items: "items", removable: "removable", noItemsMessage: "noItemsMessage" }, outputs: { itemRemoved: "itemRemoved" }, usesInheritance: true, ngImport: i0, template: "<ng-template #action>\n <ng-content select=\"nrcl-button\"></ng-content>\n</ng-template>\n\n@if ( items?.length > 0 ) {\n <mat-chip-set>\n <ng-container [ngTemplateOutlet]=\"action\"></ng-container>\n\n @for ( item of items; track item.id ) {\n <mat-chip\n (removed)=\"onRemoveItem( item.id )\"\n [matTooltip]=\"item.tooltip\"\n >\n @if ( item.icon ) {\n <nrcl-icon small matChipAvatar>{{ item.icon }}</nrcl-icon>\n }\n\n {{ item.description }}\n\n @if ( removable ) {\n <nrcl-icon small matChipRemove>cancel</nrcl-icon>\n }\n </mat-chip>\n }\n </mat-chip-set>\n} \n@else {\n <div class=\"no-tags\">\n <span>{{ noItemsMessage }}</span>\n <ng-container [ngTemplateOutlet]=\"action\"></ng-container>\n </div>\n}\n", styles: [":host{display:block;font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);padding-top:var(--nrcl-device-mobile-gutter-space)}:host ::ng-deep .mat-mdc-chip-set .mdc-evolution-chip-set__chips{display:block;margin:0}:host ::ng-deep .mat-mdc-chip-set .mdc-evolution-chip-set__chips .nrcl-button{float:right}:host ::ng-deep .mat-mdc-chip-set .mdc-evolution-chip-set__chips .mat-mdc-chip.mat-mdc-standard-chip{border-radius:5px;border:1px solid #c6c8cb;margin:0 6px 6px 0;--mdc-chip-focus-state-layer-opacity: 0;--mdc-chip-label-text-weight: 800;--mdc-chip-elevated-container-color: #f2f2f2}:host .no-tags{display:flex;align-items:center;height:38px}:host .no-tags span{flex-grow:1}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$4.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: i2$4.MatChipAvatar, selector: "mat-chip-avatar, [matChipAvatar]" }, { kind: "directive", type: i2$4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i2$4.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: IconComponent, selector: "nrcl-icon", inputs: ["small", "large"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1966
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TagListComponent, selector: "nrcl-tag-list", inputs: { items: "items", removable: "removable", noItemsMessage: "noItemsMessage", tagTemplate: "tagTemplate" }, outputs: { itemRemoved: "itemRemoved" }, usesInheritance: true, ngImport: i0, template: "<ng-template #action>\n <ng-content select=\"nrcl-button\"></ng-content>\n</ng-template>\n\n@if ( items?.length > 0 ) {\n <mat-chip-set>\n <ng-container [ngTemplateOutlet]=\"action\"></ng-container>\n\n @for ( item of items; track item.id ) {\n <mat-chip\n (removed)=\"onRemoveItem( item.id )\"\n [matTooltip]=\"item.tooltip\"\n >\n @if ( item.icon ) {\n <nrcl-icon small matChipAvatar>{{ item.icon }}</nrcl-icon>\n }\n\n @if ( tagTemplate ) {\n <ng-container \n [ngTemplateOutlet]=\"tagTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\">\n </ng-container>\n }\n @else {\n {{ item.description }}\n }\n\n @if ( removable ) {\n <nrcl-icon small matChipRemove>cancel</nrcl-icon>\n }\n </mat-chip>\n }\n </mat-chip-set>\n} \n@else {\n <div class=\"no-tags\">\n <span>{{ noItemsMessage }}</span>\n <ng-container [ngTemplateOutlet]=\"action\"></ng-container>\n </div>\n}\n", styles: [":host{display:block;font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);padding-top:var(--nrcl-device-mobile-gutter-space)}:host ::ng-deep .mat-mdc-chip-set .mdc-evolution-chip-set__chips{display:block;margin:0}:host ::ng-deep .mat-mdc-chip-set .mdc-evolution-chip-set__chips .nrcl-button{float:right}:host ::ng-deep .mat-mdc-chip-set .mdc-evolution-chip-set__chips .mat-mdc-chip.mat-mdc-standard-chip{border-radius:5px;border:1px solid #c6c8cb;margin:0 6px 6px 0;--mdc-chip-focus-state-layer-opacity: 0;--mdc-chip-label-text-weight: 800;--mdc-chip-elevated-container-color: #f2f2f2}:host .no-tags{display:flex;align-items:center;height:38px}:host .no-tags span{flex-grow:1}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$4.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: i2$4.MatChipAvatar, selector: "mat-chip-avatar, [matChipAvatar]" }, { kind: "directive", type: i2$4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i2$4.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: IconComponent, selector: "nrcl-icon", inputs: ["small", "large"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1967
1967
|
}
|
|
1968
1968
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TagListComponent, decorators: [{
|
|
1969
1969
|
type: Component,
|
|
1970
|
-
args: [{ selector: "nrcl-tag-list", changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #action>\n <ng-content select=\"nrcl-button\"></ng-content>\n</ng-template>\n\n@if ( items?.length > 0 ) {\n <mat-chip-set>\n <ng-container [ngTemplateOutlet]=\"action\"></ng-container>\n\n @for ( item of items; track item.id ) {\n <mat-chip\n (removed)=\"onRemoveItem( item.id )\"\n [matTooltip]=\"item.tooltip\"\n >\n @if ( item.icon ) {\n <nrcl-icon small matChipAvatar>{{ item.icon }}</nrcl-icon>\n }\n\n {{ item.description }}\n\n @if ( removable ) {\n <nrcl-icon small matChipRemove>cancel</nrcl-icon>\n }\n </mat-chip>\n }\n </mat-chip-set>\n} \n@else {\n <div class=\"no-tags\">\n <span>{{ noItemsMessage }}</span>\n <ng-container [ngTemplateOutlet]=\"action\"></ng-container>\n </div>\n}\n", styles: [":host{display:block;font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);padding-top:var(--nrcl-device-mobile-gutter-space)}:host ::ng-deep .mat-mdc-chip-set .mdc-evolution-chip-set__chips{display:block;margin:0}:host ::ng-deep .mat-mdc-chip-set .mdc-evolution-chip-set__chips .nrcl-button{float:right}:host ::ng-deep .mat-mdc-chip-set .mdc-evolution-chip-set__chips .mat-mdc-chip.mat-mdc-standard-chip{border-radius:5px;border:1px solid #c6c8cb;margin:0 6px 6px 0;--mdc-chip-focus-state-layer-opacity: 0;--mdc-chip-label-text-weight: 800;--mdc-chip-elevated-container-color: #f2f2f2}:host .no-tags{display:flex;align-items:center;height:38px}:host .no-tags span{flex-grow:1}\n"] }]
|
|
1970
|
+
args: [{ selector: "nrcl-tag-list", changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #action>\n <ng-content select=\"nrcl-button\"></ng-content>\n</ng-template>\n\n@if ( items?.length > 0 ) {\n <mat-chip-set>\n <ng-container [ngTemplateOutlet]=\"action\"></ng-container>\n\n @for ( item of items; track item.id ) {\n <mat-chip\n (removed)=\"onRemoveItem( item.id )\"\n [matTooltip]=\"item.tooltip\"\n >\n @if ( item.icon ) {\n <nrcl-icon small matChipAvatar>{{ item.icon }}</nrcl-icon>\n }\n\n @if ( tagTemplate ) {\n <ng-container \n [ngTemplateOutlet]=\"tagTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\">\n </ng-container>\n }\n @else {\n {{ item.description }}\n }\n\n @if ( removable ) {\n <nrcl-icon small matChipRemove>cancel</nrcl-icon>\n }\n </mat-chip>\n }\n </mat-chip-set>\n} \n@else {\n <div class=\"no-tags\">\n <span>{{ noItemsMessage }}</span>\n <ng-container [ngTemplateOutlet]=\"action\"></ng-container>\n </div>\n}\n", styles: [":host{display:block;font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size);padding-top:var(--nrcl-device-mobile-gutter-space)}:host ::ng-deep .mat-mdc-chip-set .mdc-evolution-chip-set__chips{display:block;margin:0}:host ::ng-deep .mat-mdc-chip-set .mdc-evolution-chip-set__chips .nrcl-button{float:right}:host ::ng-deep .mat-mdc-chip-set .mdc-evolution-chip-set__chips .mat-mdc-chip.mat-mdc-standard-chip{border-radius:5px;border:1px solid #c6c8cb;margin:0 6px 6px 0;--mdc-chip-focus-state-layer-opacity: 0;--mdc-chip-label-text-weight: 800;--mdc-chip-elevated-container-color: #f2f2f2}:host .no-tags{display:flex;align-items:center;height:38px}:host .no-tags span{flex-grow:1}\n"] }]
|
|
1971
1971
|
}], propDecorators: { items: [{
|
|
1972
1972
|
type: Input
|
|
1973
1973
|
}], removable: [{
|
|
1974
1974
|
type: Input
|
|
1975
1975
|
}], noItemsMessage: [{
|
|
1976
1976
|
type: Input
|
|
1977
|
+
}], tagTemplate: [{
|
|
1978
|
+
type: Input
|
|
1977
1979
|
}], itemRemoved: [{
|
|
1978
1980
|
type: Output
|
|
1979
1981
|
}] } });
|
|
@@ -2107,7 +2109,7 @@ class SnackbarUtilService {
|
|
|
2107
2109
|
successfullyAdded(item, duration = 5000) {
|
|
2108
2110
|
this.successful(`${item} added successfully.`, duration);
|
|
2109
2111
|
}
|
|
2110
|
-
information(message, duration
|
|
2112
|
+
information(message, duration) {
|
|
2111
2113
|
this.snackbar.openFromComponent(SnackbarComponent, {
|
|
2112
2114
|
duration: duration,
|
|
2113
2115
|
data: {
|
|
@@ -2116,7 +2118,7 @@ class SnackbarUtilService {
|
|
|
2116
2118
|
}
|
|
2117
2119
|
});
|
|
2118
2120
|
}
|
|
2119
|
-
error(message, duration
|
|
2121
|
+
error(message, duration) {
|
|
2120
2122
|
this.snackbar.openFromComponent(SnackbarComponent, {
|
|
2121
2123
|
duration: duration,
|
|
2122
2124
|
data: {
|
|
@@ -2125,7 +2127,7 @@ class SnackbarUtilService {
|
|
|
2125
2127
|
}
|
|
2126
2128
|
});
|
|
2127
2129
|
}
|
|
2128
|
-
updated(message, duration
|
|
2130
|
+
updated(message, duration) {
|
|
2129
2131
|
this.snackbar.openFromComponent(SnackbarComponent, {
|
|
2130
2132
|
duration: duration,
|
|
2131
2133
|
data: {
|