@bcgov/nr-ngx-component-lib 0.0.15 → 0.0.17
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/expansion-panel/expansion-panel.component.d.ts +0 -14
- package/components/expansion-panel/footer/expansion-panel-footer.component.d.ts +13 -0
- package/components/expansion-panel/header/expansion-panel-header.component.d.ts +6 -0
- package/components/expansion-panel/section/expansion-panel-section.component.d.ts +6 -0
- package/components/gap/gap.component.d.ts +3 -1
- package/components/tag-list/tag-list.component.d.ts +17 -0
- package/esm2022/components/expansion-panel/expansion-panel.component.mjs +3 -114
- package/esm2022/components/expansion-panel/footer/expansion-panel-footer.component.mjs +33 -0
- package/esm2022/components/expansion-panel/header/expansion-panel-header.component.mjs +12 -0
- package/esm2022/components/expansion-panel/section/expansion-panel-section.component.mjs +13 -0
- package/esm2022/components/gap/gap.component.mjs +11 -3
- package/esm2022/components/indicator/indicator.component.mjs +2 -2
- package/esm2022/components/list-attachments/list-attachments.component.mjs +1 -1
- package/esm2022/components/list-event-history/list-event-history.component.mjs +1 -1
- package/esm2022/components/tag-list/tag-list.component.mjs +30 -0
- package/esm2022/nr-ngx-component-lib.module.mjs +16 -4
- package/esm2022/public-api.mjs +5 -1
- package/fesm2022/bcgov-nr-ngx-component-lib.mjs +84 -105
- package/fesm2022/bcgov-nr-ngx-component-lib.mjs.map +1 -1
- package/nr-ngx-component-lib.module.d.ts +46 -42
- package/package.json +1 -1
- package/public-api.d.ts +4 -0
- package/styles/global.scss +2 -0
|
@@ -11,17 +11,3 @@ export declare class ExpansionPanelComponent extends NrclBase {
|
|
|
11
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<ExpansionPanelComponent, never>;
|
|
12
12
|
static ɵcmp: i0.ɵɵComponentDeclaration<ExpansionPanelComponent, "nrcl-expansion-panel", never, { "isLoading": { "alias": "isLoading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, { "expandedChange": "expandedChange"; }, never, ["nrcl-expansion-panel-header", "*", "nrcl-expansion-panel-footer"], false, never>;
|
|
13
13
|
}
|
|
14
|
-
export declare class ExpansionPanelHeaderComponent extends NrclBase {
|
|
15
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ExpansionPanelHeaderComponent, never>;
|
|
16
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ExpansionPanelHeaderComponent, "nrcl-expansion-panel-header", never, {}, {}, never, ["[left-side],h2,h3", "*"], false, never>;
|
|
17
|
-
}
|
|
18
|
-
export declare class ExpansionPanelFooterComponent extends NrclBase {
|
|
19
|
-
saveEnabled: any;
|
|
20
|
-
cancelEnabled: any;
|
|
21
|
-
warningMessage: string;
|
|
22
|
-
showWarning: boolean;
|
|
23
|
-
saveClick: EventEmitter<PointerEvent>;
|
|
24
|
-
cancelClick: EventEmitter<PointerEvent>;
|
|
25
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ExpansionPanelFooterComponent, never>;
|
|
26
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ExpansionPanelFooterComponent, "nrcl-expansion-panel-footer", never, { "saveEnabled": { "alias": "saveEnabled"; "required": false; }; "cancelEnabled": { "alias": "cancelEnabled"; "required": false; }; "warningMessage": { "alias": "warningMessage"; "required": false; }; "showWarning": { "alias": "showWarning"; "required": false; }; }, { "saveClick": "saveClick"; "cancelClick": "cancelClick"; }, never, ["*"], false, never>;
|
|
27
|
-
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { EventEmitter } from "@angular/core";
|
|
2
|
+
import { NrclBase } from "../../../directives/nrcl.base";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class ExpansionPanelFooterComponent extends NrclBase {
|
|
5
|
+
saveEnabled: any;
|
|
6
|
+
cancelEnabled: any;
|
|
7
|
+
warningMessage: string;
|
|
8
|
+
showWarning: boolean;
|
|
9
|
+
saveClick: EventEmitter<PointerEvent>;
|
|
10
|
+
cancelClick: EventEmitter<PointerEvent>;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ExpansionPanelFooterComponent, never>;
|
|
12
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ExpansionPanelFooterComponent, "nrcl-expansion-panel-footer", never, { "saveEnabled": { "alias": "saveEnabled"; "required": false; }; "cancelEnabled": { "alias": "cancelEnabled"; "required": false; }; "warningMessage": { "alias": "warningMessage"; "required": false; }; "showWarning": { "alias": "showWarning"; "required": false; }; }, { "saveClick": "saveClick"; "cancelClick": "cancelClick"; }, never, ["*"], false, never>;
|
|
13
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { NrclBase } from "../../../directives/nrcl.base";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class ExpansionPanelHeaderComponent extends NrclBase {
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ExpansionPanelHeaderComponent, never>;
|
|
5
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ExpansionPanelHeaderComponent, "nrcl-expansion-panel-header", never, {}, {}, never, ["[left-side],h2,h3", "*"], false, never>;
|
|
6
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { NrclBase } from "../../../directives/nrcl.base";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class ExpansionPanelSectionComponent extends NrclBase {
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ExpansionPanelSectionComponent, never>;
|
|
5
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ExpansionPanelSectionComponent, "nrcl-expansion-panel-section", never, {}, {}, never, ["*"], false, never>;
|
|
6
|
+
}
|
|
@@ -3,8 +3,10 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export declare class GapComponent extends NrclBase {
|
|
4
4
|
horizontal: boolean;
|
|
5
5
|
vertical: boolean;
|
|
6
|
+
divider: boolean;
|
|
6
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<GapComponent, never>;
|
|
7
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<GapComponent, "nrcl-gap", never, { "horizontal": { "alias": "horizontal"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, never, false, never>;
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GapComponent, "nrcl-gap", never, { "horizontal": { "alias": "horizontal"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "divider": { "alias": "divider"; "required": false; }; }, {}, never, never, false, never>;
|
|
8
9
|
static ngAcceptInputType_horizontal: unknown;
|
|
9
10
|
static ngAcceptInputType_vertical: unknown;
|
|
11
|
+
static ngAcceptInputType_divider: unknown;
|
|
10
12
|
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { EventEmitter } from "@angular/core";
|
|
2
|
+
import { NrclBase } from "../../directives/nrcl.base";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export type TagItem = {
|
|
5
|
+
id: string;
|
|
6
|
+
description: string;
|
|
7
|
+
tooltip: string;
|
|
8
|
+
};
|
|
9
|
+
export declare class TagListComponent extends NrclBase {
|
|
10
|
+
items: TagItem[];
|
|
11
|
+
removable: boolean;
|
|
12
|
+
noItemsMessage: string;
|
|
13
|
+
itemRemoved: EventEmitter<TagItem>;
|
|
14
|
+
onRemoveItem(id: any): void;
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TagListComponent, never>;
|
|
16
|
+
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, never, false, never>;
|
|
17
|
+
}
|
|
@@ -3,8 +3,6 @@ import { NrclBase } from "../../directives/nrcl.base";
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/material/expansion";
|
|
5
5
|
import * as i2 from "@angular/material/progress-spinner";
|
|
6
|
-
import * as i3 from "../button/button.component";
|
|
7
|
-
import * as i4 from "../icon/icon.component";
|
|
8
6
|
export class ExpansionPanelComponent extends NrclBase {
|
|
9
7
|
constructor() {
|
|
10
8
|
super(...arguments);
|
|
@@ -14,7 +12,7 @@ export class ExpansionPanelComponent extends NrclBase {
|
|
|
14
12
|
this.expandedChange = new EventEmitter();
|
|
15
13
|
}
|
|
16
14
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpansionPanelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ExpansionPanelComponent, selector: "nrcl-expansion-panel", inputs: { isLoading: "isLoading", disabled: "disabled", expanded: "expanded" }, outputs: { expandedChange: "expandedChange" }, host: { properties: { "class.is-loading": "isLoading", "class.expanded": "matExpansionPanel?.expanded", "class.disabled": "disabled" } }, viewQueries: [{ propertyName: "matExpansionPanel", first: true, predicate: ["panel"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-expansion-panel #panel \n togglePosition=\"before\"\n [expanded]=\"expanded\" \n [disabled]=\"disabled\" \n (opened)=\"expandedChange.emit( true )\" \n (closed)=\"expandedChange.emit( false )\" \n>\n <mat-expansion-panel-header>\n <mat-panel-description>\n <ng-content select=\"nrcl-expansion-panel-header\"></ng-content>\n\n @if ( isLoading ) {\n <mat-spinner class=\"loading\" [diameter]=\"30\"></mat-spinner>\n }\n </mat-panel-description>\n </mat-expansion-panel-header>\n\n <div class=\"body\">\n <ng-content></ng-content>\n </div>\n\n <ng-content select=\"nrcl-expansion-panel-footer\"></ng-content>\n</mat-expansion-panel>", styles: [":host mat-expansion-panel>.mat-expansion-panel-header{padding-left:var(--nrcl-gutter-space);padding-right:var(--nrcl-gutter-space);height:unset;min-height:50px;border-bottom:1px solid
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ExpansionPanelComponent, selector: "nrcl-expansion-panel", inputs: { isLoading: "isLoading", disabled: "disabled", expanded: "expanded" }, outputs: { expandedChange: "expandedChange" }, host: { properties: { "class.is-loading": "isLoading", "class.expanded": "matExpansionPanel?.expanded", "class.disabled": "disabled" } }, viewQueries: [{ propertyName: "matExpansionPanel", first: true, predicate: ["panel"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-expansion-panel #panel \n togglePosition=\"before\"\n [expanded]=\"expanded\" \n [disabled]=\"disabled\" \n (opened)=\"expandedChange.emit( true )\" \n (closed)=\"expandedChange.emit( false )\" \n>\n <mat-expansion-panel-header>\n <mat-panel-description>\n <ng-content select=\"nrcl-expansion-panel-header\"></ng-content>\n\n @if ( isLoading ) {\n <mat-spinner class=\"loading\" [diameter]=\"30\"></mat-spinner>\n }\n </mat-panel-description>\n </mat-expansion-panel-header>\n\n <div class=\"body\">\n <ng-content></ng-content>\n </div>\n\n <ng-content select=\"nrcl-expansion-panel-footer\"></ng-content>\n</mat-expansion-panel>", styles: [":host mat-expansion-panel>.mat-expansion-panel-header{padding-left:var(--nrcl-gutter-space);padding-right:var(--nrcl-gutter-space);height:unset;min-height:50px;border-bottom:1px solid var(--nrcl-divider-color);border-bottom-left-radius:0;border-bottom-right-radius:0;font-family:var(--nrcl-font-family);align-items:flex-start}:host mat-expansion-panel>.mat-expansion-panel-header>::ng-deep .mat-expansion-indicator{align-self:center;padding-bottom:4px}:host mat-expansion-panel>.mat-expansion-panel-header.mat-expanded>::ng-deep .mat-expansion-indicator{padding-bottom:0}:host mat-expansion-panel>.mat-expansion-panel-header .mat-expansion-panel-header-description{position:relative;margin-right:0}:host mat-expansion-panel>.mat-expansion-panel-header .mat-expansion-panel-header-description .loading{position:absolute;top:10px;right:0}:host mat-expansion-panel>::ng-deep .mat-expansion-panel-content{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size)}:host mat-expansion-panel>::ng-deep .mat-expansion-panel-content .mat-expansion-panel-body{padding:0}:host mat-expansion-panel>::ng-deep .mat-expansion-panel-content .mat-expansion-panel-body .body{padding-left:var(--nrcl-gutter-space);padding-right:var(--nrcl-gutter-space)}:host.is-loading .mat-expansion-panel>.mat-expansion-panel-header ::ng-deep nrcl-expansion-panel-header .right-side{visibility:hidden}:host.disabled .mat-expansion-panel>.mat-expansion-panel-header>::ng-deep .mat-content{margin-left:0}\n"], dependencies: [{ kind: "component", type: i1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i1.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
18
16
|
}
|
|
19
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpansionPanelComponent, decorators: [{
|
|
20
18
|
type: Component,
|
|
@@ -22,7 +20,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
22
20
|
'[class.is-loading]': 'isLoading',
|
|
23
21
|
'[class.expanded]': 'matExpansionPanel?.expanded',
|
|
24
22
|
'[class.disabled]': 'disabled',
|
|
25
|
-
}, template: "<mat-expansion-panel #panel \n togglePosition=\"before\"\n [expanded]=\"expanded\" \n [disabled]=\"disabled\" \n (opened)=\"expandedChange.emit( true )\" \n (closed)=\"expandedChange.emit( false )\" \n>\n <mat-expansion-panel-header>\n <mat-panel-description>\n <ng-content select=\"nrcl-expansion-panel-header\"></ng-content>\n\n @if ( isLoading ) {\n <mat-spinner class=\"loading\" [diameter]=\"30\"></mat-spinner>\n }\n </mat-panel-description>\n </mat-expansion-panel-header>\n\n <div class=\"body\">\n <ng-content></ng-content>\n </div>\n\n <ng-content select=\"nrcl-expansion-panel-footer\"></ng-content>\n</mat-expansion-panel>", styles: [":host mat-expansion-panel>.mat-expansion-panel-header{padding-left:var(--nrcl-gutter-space);padding-right:var(--nrcl-gutter-space);height:unset;min-height:50px;border-bottom:1px solid
|
|
23
|
+
}, template: "<mat-expansion-panel #panel \n togglePosition=\"before\"\n [expanded]=\"expanded\" \n [disabled]=\"disabled\" \n (opened)=\"expandedChange.emit( true )\" \n (closed)=\"expandedChange.emit( false )\" \n>\n <mat-expansion-panel-header>\n <mat-panel-description>\n <ng-content select=\"nrcl-expansion-panel-header\"></ng-content>\n\n @if ( isLoading ) {\n <mat-spinner class=\"loading\" [diameter]=\"30\"></mat-spinner>\n }\n </mat-panel-description>\n </mat-expansion-panel-header>\n\n <div class=\"body\">\n <ng-content></ng-content>\n </div>\n\n <ng-content select=\"nrcl-expansion-panel-footer\"></ng-content>\n</mat-expansion-panel>", styles: [":host mat-expansion-panel>.mat-expansion-panel-header{padding-left:var(--nrcl-gutter-space);padding-right:var(--nrcl-gutter-space);height:unset;min-height:50px;border-bottom:1px solid var(--nrcl-divider-color);border-bottom-left-radius:0;border-bottom-right-radius:0;font-family:var(--nrcl-font-family);align-items:flex-start}:host mat-expansion-panel>.mat-expansion-panel-header>::ng-deep .mat-expansion-indicator{align-self:center;padding-bottom:4px}:host mat-expansion-panel>.mat-expansion-panel-header.mat-expanded>::ng-deep .mat-expansion-indicator{padding-bottom:0}:host mat-expansion-panel>.mat-expansion-panel-header .mat-expansion-panel-header-description{position:relative;margin-right:0}:host mat-expansion-panel>.mat-expansion-panel-header .mat-expansion-panel-header-description .loading{position:absolute;top:10px;right:0}:host mat-expansion-panel>::ng-deep .mat-expansion-panel-content{font-family:var(--nrcl-font-family);font-size:var(--nrcl-font-size)}:host mat-expansion-panel>::ng-deep .mat-expansion-panel-content .mat-expansion-panel-body{padding:0}:host mat-expansion-panel>::ng-deep .mat-expansion-panel-content .mat-expansion-panel-body .body{padding-left:var(--nrcl-gutter-space);padding-right:var(--nrcl-gutter-space)}:host.is-loading .mat-expansion-panel>.mat-expansion-panel-header ::ng-deep nrcl-expansion-panel-header .right-side{visibility:hidden}:host.disabled .mat-expansion-panel>.mat-expansion-panel-header>::ng-deep .mat-content{margin-left:0}\n"] }]
|
|
26
24
|
}], propDecorators: { isLoading: [{
|
|
27
25
|
type: Input
|
|
28
26
|
}], disabled: [{
|
|
@@ -35,113 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
35
33
|
type: ViewChild,
|
|
36
34
|
args: ['panel']
|
|
37
35
|
}] } });
|
|
38
|
-
|
|
39
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpansionPanelHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
40
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ExpansionPanelHeaderComponent, selector: "nrcl-expansion-panel-header", usesInheritance: true, ngImport: i0, template: `
|
|
41
|
-
<div class="left-side">
|
|
42
|
-
<ng-content select="[left-side],h2,h3"></ng-content>
|
|
43
|
-
</div>
|
|
44
|
-
|
|
45
|
-
<div class="right-side">
|
|
46
|
-
<ng-content></ng-content>
|
|
47
|
-
</div>
|
|
48
|
-
`, isInline: true, styles: [":host{display:flex;color:#212121;width:100%}.left-side{display:flex;flex-direction:column;padding:10px 0;align-self:flex-start}.left-side ::ng-deep h2{font-size:var( --nrcl-font-size-h2);font-weight:200;padding:0;margin:0}.left-side ::ng-deep h3{font-size:var( --nrcl-font-size-h3 );font-weight:200;padding:0;margin:0}.right-side{flex-grow:1;display:flex;justify-content:flex-end;align-self:center}\n"] }); }
|
|
49
|
-
}
|
|
50
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpansionPanelHeaderComponent, decorators: [{
|
|
51
|
-
type: Component,
|
|
52
|
-
args: [{ selector: "nrcl-expansion-panel-header", template: `
|
|
53
|
-
<div class="left-side">
|
|
54
|
-
<ng-content select="[left-side],h2,h3"></ng-content>
|
|
55
|
-
</div>
|
|
56
|
-
|
|
57
|
-
<div class="right-side">
|
|
58
|
-
<ng-content></ng-content>
|
|
59
|
-
</div>
|
|
60
|
-
`, styles: [":host{display:flex;color:#212121;width:100%}.left-side{display:flex;flex-direction:column;padding:10px 0;align-self:flex-start}.left-side ::ng-deep h2{font-size:var( --nrcl-font-size-h2);font-weight:200;padding:0;margin:0}.left-side ::ng-deep h3{font-size:var( --nrcl-font-size-h3 );font-weight:200;padding:0;margin:0}.right-side{flex-grow:1;display:flex;justify-content:flex-end;align-self:center}\n"] }]
|
|
61
|
-
}] });
|
|
62
|
-
export class ExpansionPanelFooterComponent extends NrclBase {
|
|
63
|
-
constructor() {
|
|
64
|
-
super(...arguments);
|
|
65
|
-
this.warningMessage = 'Unsaved Changes';
|
|
66
|
-
this.showWarning = false;
|
|
67
|
-
this.saveClick = new EventEmitter();
|
|
68
|
-
this.cancelClick = new EventEmitter();
|
|
69
|
-
}
|
|
70
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpansionPanelFooterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
71
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ExpansionPanelFooterComponent, selector: "nrcl-expansion-panel-footer", inputs: { saveEnabled: "saveEnabled", cancelEnabled: "cancelEnabled", warningMessage: "warningMessage", showWarning: "showWarning" }, outputs: { saveClick: "saveClick", cancelClick: "cancelClick" }, usesInheritance: true, ngImport: i0, template: `
|
|
72
|
-
@if ( showWarning ) {
|
|
73
|
-
<div class="warning">
|
|
74
|
-
<nrcl-icon>warning</nrcl-icon>
|
|
75
|
-
<span>{{ warningMessage }}</span>
|
|
76
|
-
</div>
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
@if ( cancelEnabled != null ) {
|
|
80
|
-
<nrcl-button
|
|
81
|
-
label="Cancel"
|
|
82
|
-
iconCompact="cancel"
|
|
83
|
-
compact="mobile"
|
|
84
|
-
[disabled]="!cancelEnabled"
|
|
85
|
-
(click)="cancelClick.emit( $event )"
|
|
86
|
-
></nrcl-button>
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
@if ( saveEnabled != null ) {
|
|
90
|
-
<nrcl-button primary
|
|
91
|
-
label="Save"
|
|
92
|
-
iconCompact="save"
|
|
93
|
-
compact="mobile"
|
|
94
|
-
[disabled]="!saveEnabled"
|
|
95
|
-
(click)="saveClick.emit( $event )"
|
|
96
|
-
></nrcl-button>
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
<ng-content></ng-content>
|
|
100
|
-
`, isInline: true, styles: [":host{border-top:1px solid #c6c8cb;padding:var(--nrcl-gutter-space);background-color:#f2f2f2;display:flex;gap:8px;justify-content:flex-end}:host:empty{display:none}.warning{display:flex;gap:4px;align-items:center}.warning nrcl-icon{color:#fcba19}\n"], dependencies: [{ kind: "component", type: i3.ButtonComponent, selector: "nrcl-button", inputs: ["label", "icon", "iconRight", "iconCompact", "tooltip", "compact", "primary", "outline", "disabled"], outputs: ["click"] }, { kind: "component", type: i4.IconComponent, selector: "nrcl-icon" }] }); }
|
|
101
|
-
}
|
|
102
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpansionPanelFooterComponent, decorators: [{
|
|
103
|
-
type: Component,
|
|
104
|
-
args: [{ selector: "nrcl-expansion-panel-footer", template: `
|
|
105
|
-
@if ( showWarning ) {
|
|
106
|
-
<div class="warning">
|
|
107
|
-
<nrcl-icon>warning</nrcl-icon>
|
|
108
|
-
<span>{{ warningMessage }}</span>
|
|
109
|
-
</div>
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
@if ( cancelEnabled != null ) {
|
|
113
|
-
<nrcl-button
|
|
114
|
-
label="Cancel"
|
|
115
|
-
iconCompact="cancel"
|
|
116
|
-
compact="mobile"
|
|
117
|
-
[disabled]="!cancelEnabled"
|
|
118
|
-
(click)="cancelClick.emit( $event )"
|
|
119
|
-
></nrcl-button>
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
@if ( saveEnabled != null ) {
|
|
123
|
-
<nrcl-button primary
|
|
124
|
-
label="Save"
|
|
125
|
-
iconCompact="save"
|
|
126
|
-
compact="mobile"
|
|
127
|
-
[disabled]="!saveEnabled"
|
|
128
|
-
(click)="saveClick.emit( $event )"
|
|
129
|
-
></nrcl-button>
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
<ng-content></ng-content>
|
|
133
|
-
`, styles: [":host{border-top:1px solid #c6c8cb;padding:var(--nrcl-gutter-space);background-color:#f2f2f2;display:flex;gap:8px;justify-content:flex-end}:host:empty{display:none}.warning{display:flex;gap:4px;align-items:center}.warning nrcl-icon{color:#fcba19}\n"] }]
|
|
134
|
-
}], propDecorators: { saveEnabled: [{
|
|
135
|
-
type: Input
|
|
136
|
-
}], cancelEnabled: [{
|
|
137
|
-
type: Input
|
|
138
|
-
}], warningMessage: [{
|
|
139
|
-
type: Input
|
|
140
|
-
}], showWarning: [{
|
|
141
|
-
type: Input
|
|
142
|
-
}], saveClick: [{
|
|
143
|
-
type: Output
|
|
144
|
-
}], cancelClick: [{
|
|
145
|
-
type: Output
|
|
146
|
-
}] } });
|
|
147
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25yLW5neC1jb21wb25lbnQtbGliL3NyYy9jb21wb25lbnRzL2V4cGFuc2lvbi1wYW5lbC9leHBhbnNpb24tcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvZXhwYW5zaW9uLXBhbmVsL2V4cGFuc2lvbi1wYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUzRyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7OztBQWF0RCxNQUFNLE9BQU8sdUJBQXdCLFNBQVEsUUFBUTtJQVhyRDs7UUFZYSxjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsYUFBUSxHQUFHLEtBQUssQ0FBQTtRQUVmLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQTtLQUd6RDsrR0FSWSx1QkFBdUI7bUdBQXZCLHVCQUF1Qix3Y0NmcEMsbXVCQXNCc0I7OzRGRFBULHVCQUF1QjtrQkFYbkMsU0FBUzsrQkFDSSxzQkFBc0IsbUJBR2YsdUJBQXVCLENBQUMsTUFBTSxRQUN6Qzt3QkFDRixvQkFBb0IsRUFBSSxXQUFXO3dCQUNuQyxrQkFBa0IsRUFBTSw2QkFBNkI7d0JBQ3JELGtCQUFrQixFQUFNLFVBQVU7cUJBQ3JDOzhCQUdRLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVJLGNBQWM7c0JBQXZCLE1BQU07Z0JBRWUsaUJBQWlCO3NCQUF0QyxTQUFTO3VCQUFFLE9BQU87O0FBa0R2QixNQUFNLE9BQU8sNkJBQThCLFNBQVEsUUFBUTsrR0FBOUMsNkJBQTZCO21HQUE3Qiw2QkFBNkIsMEZBN0M1Qjs7Ozs7Ozs7S0FRVDs7NEZBcUNRLDZCQUE2QjtrQkEvQ3pDLFNBQVM7K0JBQ0ksNkJBQTZCLFlBQzdCOzs7Ozs7OztLQVFUOztBQWdHTCxNQUFNLE9BQU8sNkJBQThCLFNBQVEsUUFBUTtJQXpEM0Q7O1FBNERhLG1CQUFjLEdBQUcsaUJBQWlCLENBQUE7UUFDbEMsZ0JBQVcsR0FBRyxLQUFLLENBQUE7UUFFbEIsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFnQixDQUFBO1FBQzVDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQWdCLENBQUE7S0FDM0Q7K0dBUlksNkJBQTZCO21HQUE3Qiw2QkFBNkIsaVNBdkQ1Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0E2QlQ7OzRGQTBCUSw2QkFBNkI7a0JBekR6QyxTQUFTOytCQUNJLDZCQUE2QixZQUM3Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0E2QlQ7OEJBMkJRLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUksU0FBUztzQkFBbEIsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3Q2hpbGQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgTWF0RXhwYW5zaW9uUGFuZWwgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZXhwYW5zaW9uXCI7XG5pbXBvcnQgeyBOcmNsQmFzZSB9IGZyb20gXCIuLi8uLi9kaXJlY3RpdmVzL25yY2wuYmFzZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJucmNsLWV4cGFuc2lvbi1wYW5lbFwiLFxuICAgIHRlbXBsYXRlVXJsOiBcIi4vZXhwYW5zaW9uLXBhbmVsLmNvbXBvbmVudC5odG1sXCIsXG4gICAgc3R5bGVVcmw6IFwiLi9leHBhbnNpb24tcGFuZWwuY29tcG9uZW50LnNjc3NcIixcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBob3N0OiB7XG4gICAgICAgICdbY2xhc3MuaXMtbG9hZGluZ10nOiAgICdpc0xvYWRpbmcnLFxuICAgICAgICAnW2NsYXNzLmV4cGFuZGVkXSc6ICAgICAnbWF0RXhwYW5zaW9uUGFuZWw/LmV4cGFuZGVkJyxcbiAgICAgICAgJ1tjbGFzcy5kaXNhYmxlZF0nOiAgICAgJ2Rpc2FibGVkJyxcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIEV4cGFuc2lvblBhbmVsQ29tcG9uZW50IGV4dGVuZHMgTnJjbEJhc2Uge1xuICAgIEBJbnB1dCgpIGlzTG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gICAgQElucHV0KCkgZXhwYW5kZWQgPSBmYWxzZVxuXG4gICAgQE91dHB1dCgpIGV4cGFuZGVkQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpXG5cbiAgICBAVmlld0NoaWxkKCAncGFuZWwnICkgbWF0RXhwYW5zaW9uUGFuZWw6IE1hdEV4cGFuc2lvblBhbmVsXG59XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcIm5yY2wtZXhwYW5zaW9uLXBhbmVsLWhlYWRlclwiLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIDxkaXYgY2xhc3M9XCJsZWZ0LXNpZGVcIj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltsZWZ0LXNpZGVdLGgyLGgzXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwicmlnaHQtc2lkZVwiPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICBgLFxuICAgIHN0eWxlczogW2BcbiAgICAgICAgOmhvc3Qge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGNvbG9yOiAjMjEyMTIxO1xuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIH1cblxuICAgICAgICAubGVmdC1zaWRlIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICAgICAgcGFkZGluZzogMTBweCAwOyAgICAgICAgXG4gICAgICAgICAgICBhbGlnbi1zZWxmOiBmbGV4LXN0YXJ0O1xuICAgICAgICB9XG5cbiAgICAgICAgLmxlZnQtc2lkZSA6Om5nLWRlZXAgaDIge1xuICAgICAgICAgICAgZm9udC1zaXplOiB2YXIoIC0tbnJjbC1mb250LXNpemUtaDIpO1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IDIwMDtcbiAgICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgIH0gICAgXG5cbiAgICAgICAgLmxlZnQtc2lkZSA6Om5nLWRlZXAgaDMge1xuICAgICAgICAgICAgZm9udC1zaXplOiB2YXIoIC0tbnJjbC1mb250LXNpemUtaDMgKTtcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiAyMDA7XG4gICAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICB9ICAgIFxuXG4gICAgICAgIC5yaWdodC1zaWRlIHtcbiAgICAgICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICAgICAgYWxpZ24tc2VsZjogY2VudGVyO1xuICAgICAgICB9XG4gICAgYF0sXG59KVxuZXhwb3J0IGNsYXNzIEV4cGFuc2lvblBhbmVsSGVhZGVyQ29tcG9uZW50IGV4dGVuZHMgTnJjbEJhc2Uge31cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6IFwibnJjbC1leHBhbnNpb24tcGFuZWwtZm9vdGVyXCIsXG4gICAgdGVtcGxhdGU6IGBcbiAgICAgICAgQGlmICggc2hvd1dhcm5pbmcgKSB7XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwid2FybmluZ1wiPlxuICAgICAgICAgICAgICAgIDxucmNsLWljb24+d2FybmluZzwvbnJjbC1pY29uPlxuICAgICAgICAgICAgICAgIDxzcGFuPnt7IHdhcm5pbmdNZXNzYWdlIH19PC9zcGFuPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cblxuICAgICAgICBAaWYgKCBjYW5jZWxFbmFibGVkICE9IG51bGwgKSB7XG4gICAgICAgICAgICA8bnJjbC1idXR0b25cbiAgICAgICAgICAgICAgICBsYWJlbD1cIkNhbmNlbFwiXG4gICAgICAgICAgICAgICAgaWNvbkNvbXBhY3Q9XCJjYW5jZWxcIlxuICAgICAgICAgICAgICAgIGNvbXBhY3Q9XCJtb2JpbGVcIlxuICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCIhY2FuY2VsRW5hYmxlZFwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImNhbmNlbENsaWNrLmVtaXQoICRldmVudCApXCJcbiAgICAgICAgICAgID48L25yY2wtYnV0dG9uPlxuICAgICAgICB9XG5cbiAgICAgICAgQGlmICggc2F2ZUVuYWJsZWQgIT0gbnVsbCApIHtcbiAgICAgICAgICAgIDxucmNsLWJ1dHRvbiBwcmltYXJ5XG4gICAgICAgICAgICAgICAgbGFiZWw9XCJTYXZlXCJcbiAgICAgICAgICAgICAgICBpY29uQ29tcGFjdD1cInNhdmVcIlxuICAgICAgICAgICAgICAgIGNvbXBhY3Q9XCJtb2JpbGVcIlxuICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCIhc2F2ZUVuYWJsZWRcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJzYXZlQ2xpY2suZW1pdCggJGV2ZW50IClcIlxuICAgICAgICAgICAgPjwvbnJjbC1idXR0b24+XG4gICAgICAgIH1cblxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgYCxcbiAgICBzdHlsZXM6IFtgXG4gICAgICAgIDpob3N0IHtcbiAgICAgICAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAjYzZjOGNiO1xuICAgICAgICAgICAgcGFkZGluZzogdmFyKC0tbnJjbC1ndXR0ZXItc3BhY2UpO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2YyZjJmMjtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgIH1cblxuICAgICAgICA6aG9zdDplbXB0eSB7XG4gICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgLndhcm5pbmcge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGdhcDogNHB4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgfVxuXG4gICAgICAgIC53YXJuaW5nIG5yY2wtaWNvbiB7XG4gICAgICAgICAgICBjb2xvcjogI0ZDQkExOTsgICAgICAgIFxuICAgICAgICB9XG4gICAgYF0sXG59KVxuZXhwb3J0IGNsYXNzIEV4cGFuc2lvblBhbmVsRm9vdGVyQ29tcG9uZW50IGV4dGVuZHMgTnJjbEJhc2Uge1xuICAgIEBJbnB1dCgpIHNhdmVFbmFibGVkIFxuICAgIEBJbnB1dCgpIGNhbmNlbEVuYWJsZWQgXG4gICAgQElucHV0KCkgd2FybmluZ01lc3NhZ2UgPSAnVW5zYXZlZCBDaGFuZ2VzJ1xuICAgIEBJbnB1dCgpIHNob3dXYXJuaW5nID0gZmFsc2VcblxuICAgIEBPdXRwdXQoKSBzYXZlQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPFBvaW50ZXJFdmVudD4oKVxuICAgIEBPdXRwdXQoKSBjYW5jZWxDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8UG9pbnRlckV2ZW50PigpXG59XG4iLCI8bWF0LWV4cGFuc2lvbi1wYW5lbCAjcGFuZWwgXG4gICAgdG9nZ2xlUG9zaXRpb249XCJiZWZvcmVcIlxuICAgIFtleHBhbmRlZF09XCJleHBhbmRlZFwiIFxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFxuICAgIChvcGVuZWQpPVwiZXhwYW5kZWRDaGFuZ2UuZW1pdCggdHJ1ZSApXCIgICBcbiAgICAoY2xvc2VkKT1cImV4cGFuZGVkQ2hhbmdlLmVtaXQoIGZhbHNlIClcIiAgIFxuPlxuICAgIDxtYXQtZXhwYW5zaW9uLXBhbmVsLWhlYWRlcj5cbiAgICAgICAgPG1hdC1wYW5lbC1kZXNjcmlwdGlvbj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIm5yY2wtZXhwYW5zaW9uLXBhbmVsLWhlYWRlclwiPjwvbmctY29udGVudD5cblxuICAgICAgICAgICAgQGlmICggaXNMb2FkaW5nICkge1xuICAgICAgICAgICAgICAgIDxtYXQtc3Bpbm5lciBjbGFzcz1cImxvYWRpbmdcIiBbZGlhbWV0ZXJdPVwiMzBcIj48L21hdC1zcGlubmVyPlxuICAgICAgICAgICAgfVxuICAgICAgICA8L21hdC1wYW5lbC1kZXNjcmlwdGlvbj5cbiAgICA8L21hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyPlxuXG4gICAgPGRpdiBjbGFzcz1cImJvZHlcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuXG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibnJjbC1leHBhbnNpb24tcGFuZWwtZm9vdGVyXCI+PC9uZy1jb250ZW50PlxuPC9tYXQtZXhwYW5zaW9uLXBhbmVsPiJdfQ==
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25yLW5neC1jb21wb25lbnQtbGliL3NyYy9jb21wb25lbnRzL2V4cGFuc2lvbi1wYW5lbC9leHBhbnNpb24tcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvZXhwYW5zaW9uLXBhbmVsL2V4cGFuc2lvbi1wYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUzRyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7QUFhdEQsTUFBTSxPQUFPLHVCQUF3QixTQUFRLFFBQVE7SUFYckQ7O1FBWWEsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUMzQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGFBQVEsR0FBRyxLQUFLLENBQUE7UUFFZixtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUE7S0FHekQ7K0dBUlksdUJBQXVCO21HQUF2Qix1QkFBdUIsd2NDZnBDLG11QkFzQnNCOzs0RkRQVCx1QkFBdUI7a0JBWG5DLFNBQVM7K0JBQ0ksc0JBQXNCLG1CQUdmLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0Ysb0JBQW9CLEVBQUksV0FBVzt3QkFDbkMsa0JBQWtCLEVBQU0sNkJBQTZCO3dCQUNyRCxrQkFBa0IsRUFBTSxVQUFVO3FCQUNyQzs4QkFHUSxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFFSSxjQUFjO3NCQUF2QixNQUFNO2dCQUVlLGlCQUFpQjtzQkFBdEMsU0FBUzt1QkFBRSxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3Q2hpbGQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgTWF0RXhwYW5zaW9uUGFuZWwgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZXhwYW5zaW9uXCI7XG5pbXBvcnQgeyBOcmNsQmFzZSB9IGZyb20gXCIuLi8uLi9kaXJlY3RpdmVzL25yY2wuYmFzZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJucmNsLWV4cGFuc2lvbi1wYW5lbFwiLFxuICAgIHRlbXBsYXRlVXJsOiBcIi4vZXhwYW5zaW9uLXBhbmVsLmNvbXBvbmVudC5odG1sXCIsXG4gICAgc3R5bGVVcmw6IFwiLi9leHBhbnNpb24tcGFuZWwuY29tcG9uZW50LnNjc3NcIixcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBob3N0OiB7XG4gICAgICAgICdbY2xhc3MuaXMtbG9hZGluZ10nOiAgICdpc0xvYWRpbmcnLFxuICAgICAgICAnW2NsYXNzLmV4cGFuZGVkXSc6ICAgICAnbWF0RXhwYW5zaW9uUGFuZWw/LmV4cGFuZGVkJyxcbiAgICAgICAgJ1tjbGFzcy5kaXNhYmxlZF0nOiAgICAgJ2Rpc2FibGVkJyxcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIEV4cGFuc2lvblBhbmVsQ29tcG9uZW50IGV4dGVuZHMgTnJjbEJhc2Uge1xuICAgIEBJbnB1dCgpIGlzTG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gICAgQElucHV0KCkgZXhwYW5kZWQgPSBmYWxzZVxuXG4gICAgQE91dHB1dCgpIGV4cGFuZGVkQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpXG5cbiAgICBAVmlld0NoaWxkKCAncGFuZWwnICkgbWF0RXhwYW5zaW9uUGFuZWw6IE1hdEV4cGFuc2lvblBhbmVsXG59XG4iLCI8bWF0LWV4cGFuc2lvbi1wYW5lbCAjcGFuZWwgXG4gICAgdG9nZ2xlUG9zaXRpb249XCJiZWZvcmVcIlxuICAgIFtleHBhbmRlZF09XCJleHBhbmRlZFwiIFxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFxuICAgIChvcGVuZWQpPVwiZXhwYW5kZWRDaGFuZ2UuZW1pdCggdHJ1ZSApXCIgICBcbiAgICAoY2xvc2VkKT1cImV4cGFuZGVkQ2hhbmdlLmVtaXQoIGZhbHNlIClcIiAgIFxuPlxuICAgIDxtYXQtZXhwYW5zaW9uLXBhbmVsLWhlYWRlcj5cbiAgICAgICAgPG1hdC1wYW5lbC1kZXNjcmlwdGlvbj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIm5yY2wtZXhwYW5zaW9uLXBhbmVsLWhlYWRlclwiPjwvbmctY29udGVudD5cblxuICAgICAgICAgICAgQGlmICggaXNMb2FkaW5nICkge1xuICAgICAgICAgICAgICAgIDxtYXQtc3Bpbm5lciBjbGFzcz1cImxvYWRpbmdcIiBbZGlhbWV0ZXJdPVwiMzBcIj48L21hdC1zcGlubmVyPlxuICAgICAgICAgICAgfVxuICAgICAgICA8L21hdC1wYW5lbC1kZXNjcmlwdGlvbj5cbiAgICA8L21hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyPlxuXG4gICAgPGRpdiBjbGFzcz1cImJvZHlcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuXG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibnJjbC1leHBhbnNpb24tcGFuZWwtZm9vdGVyXCI+PC9uZy1jb250ZW50PlxuPC9tYXQtZXhwYW5zaW9uLXBhbmVsPiJdfQ==
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from "@angular/core";
|
|
2
|
+
import { NrclBase } from "../../../directives/nrcl.base";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../../button/button.component";
|
|
5
|
+
import * as i2 from "../../icon/icon.component";
|
|
6
|
+
export class ExpansionPanelFooterComponent extends NrclBase {
|
|
7
|
+
constructor() {
|
|
8
|
+
super(...arguments);
|
|
9
|
+
this.warningMessage = 'Unsaved Changes';
|
|
10
|
+
this.showWarning = false;
|
|
11
|
+
this.saveClick = new EventEmitter();
|
|
12
|
+
this.cancelClick = new EventEmitter();
|
|
13
|
+
}
|
|
14
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpansionPanelFooterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ExpansionPanelFooterComponent, selector: "nrcl-expansion-panel-footer", inputs: { saveEnabled: "saveEnabled", cancelEnabled: "cancelEnabled", warningMessage: "warningMessage", showWarning: "showWarning" }, outputs: { saveClick: "saveClick", cancelClick: "cancelClick" }, usesInheritance: true, ngImport: i0, template: "@if ( showWarning ) {\n <div class=\"warning\">\n <nrcl-icon>warning</nrcl-icon>\n <span>{{ warningMessage }}</span>\n </div>\n}\n\n@if ( cancelEnabled != null ) {\n <nrcl-button\n label=\"Cancel\"\n iconCompact=\"cancel\"\n compact=\"mobile\"\n [disabled]=\"!cancelEnabled\"\n (click)=\"cancelClick.emit( $event )\"\n ></nrcl-button>\n}\n\n@if ( saveEnabled != null ) {\n <nrcl-button primary\n label=\"Save\"\n iconCompact=\"save\"\n compact=\"mobile\"\n [disabled]=\"!saveEnabled\"\n (click)=\"saveClick.emit( $event )\"\n ></nrcl-button>\n}\n\n<ng-content></ng-content>\n", styles: [":host{border-top:1px solid #c6c8cb;padding:var(--nrcl-gutter-space);background-color:#f2f2f2;display:flex;gap:8px;justify-content:flex-end}:host:empty{display:none}.warning{display:flex;gap:4px;align-items:center}.warning nrcl-icon{color:#fcba19}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "nrcl-button", inputs: ["label", "icon", "iconRight", "iconCompact", "tooltip", "compact", "primary", "outline", "disabled"], outputs: ["click"] }, { kind: "component", type: i2.IconComponent, selector: "nrcl-icon" }] }); }
|
|
16
|
+
}
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpansionPanelFooterComponent, decorators: [{
|
|
18
|
+
type: Component,
|
|
19
|
+
args: [{ selector: "nrcl-expansion-panel-footer", template: "@if ( showWarning ) {\n <div class=\"warning\">\n <nrcl-icon>warning</nrcl-icon>\n <span>{{ warningMessage }}</span>\n </div>\n}\n\n@if ( cancelEnabled != null ) {\n <nrcl-button\n label=\"Cancel\"\n iconCompact=\"cancel\"\n compact=\"mobile\"\n [disabled]=\"!cancelEnabled\"\n (click)=\"cancelClick.emit( $event )\"\n ></nrcl-button>\n}\n\n@if ( saveEnabled != null ) {\n <nrcl-button primary\n label=\"Save\"\n iconCompact=\"save\"\n compact=\"mobile\"\n [disabled]=\"!saveEnabled\"\n (click)=\"saveClick.emit( $event )\"\n ></nrcl-button>\n}\n\n<ng-content></ng-content>\n", styles: [":host{border-top:1px solid #c6c8cb;padding:var(--nrcl-gutter-space);background-color:#f2f2f2;display:flex;gap:8px;justify-content:flex-end}:host:empty{display:none}.warning{display:flex;gap:4px;align-items:center}.warning nrcl-icon{color:#fcba19}\n"] }]
|
|
20
|
+
}], propDecorators: { saveEnabled: [{
|
|
21
|
+
type: Input
|
|
22
|
+
}], cancelEnabled: [{
|
|
23
|
+
type: Input
|
|
24
|
+
}], warningMessage: [{
|
|
25
|
+
type: Input
|
|
26
|
+
}], showWarning: [{
|
|
27
|
+
type: Input
|
|
28
|
+
}], saveClick: [{
|
|
29
|
+
type: Output
|
|
30
|
+
}], cancelClick: [{
|
|
31
|
+
type: Output
|
|
32
|
+
}] } });
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLWZvb3Rlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uci1uZ3gtY29tcG9uZW50LWxpYi9zcmMvY29tcG9uZW50cy9leHBhbnNpb24tcGFuZWwvZm9vdGVyL2V4cGFuc2lvbi1wYW5lbC1mb290ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvZXhwYW5zaW9uLXBhbmVsL2Zvb3Rlci9leHBhbnNpb24tcGFuZWwtZm9vdGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLCtCQUErQixDQUFDOzs7O0FBT3pELE1BQU0sT0FBTyw2QkFBOEIsU0FBUSxRQUFRO0lBTDNEOztRQVFhLG1CQUFjLEdBQUcsaUJBQWlCLENBQUE7UUFDbEMsZ0JBQVcsR0FBRyxLQUFLLENBQUE7UUFFbEIsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFnQixDQUFBO1FBQzVDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQWdCLENBQUE7S0FDM0Q7K0dBUlksNkJBQTZCO21HQUE3Qiw2QkFBNkIsaVNDUjFDLHVxQkE0QkE7OzRGRHBCYSw2QkFBNkI7a0JBTHpDLFNBQVM7K0JBQ0ksNkJBQTZCOzhCQUs5QixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVJLFNBQVM7c0JBQWxCLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IE5yY2xCYXNlIH0gZnJvbSBcIi4uLy4uLy4uL2RpcmVjdGl2ZXMvbnJjbC5iYXNlXCI7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcIm5yY2wtZXhwYW5zaW9uLXBhbmVsLWZvb3RlclwiLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9leHBhbnNpb24tcGFuZWwtZm9vdGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybDogJy4vZXhwYW5zaW9uLXBhbmVsLWZvb3Rlci5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIEV4cGFuc2lvblBhbmVsRm9vdGVyQ29tcG9uZW50IGV4dGVuZHMgTnJjbEJhc2Uge1xuICAgIEBJbnB1dCgpIHNhdmVFbmFibGVkIFxuICAgIEBJbnB1dCgpIGNhbmNlbEVuYWJsZWQgXG4gICAgQElucHV0KCkgd2FybmluZ01lc3NhZ2UgPSAnVW5zYXZlZCBDaGFuZ2VzJ1xuICAgIEBJbnB1dCgpIHNob3dXYXJuaW5nID0gZmFsc2VcblxuICAgIEBPdXRwdXQoKSBzYXZlQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPFBvaW50ZXJFdmVudD4oKVxuICAgIEBPdXRwdXQoKSBjYW5jZWxDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8UG9pbnRlckV2ZW50PigpXG59XG4iLCJAaWYgKCBzaG93V2FybmluZyApIHtcbiAgICA8ZGl2IGNsYXNzPVwid2FybmluZ1wiPlxuICAgICAgICA8bnJjbC1pY29uPndhcm5pbmc8L25yY2wtaWNvbj5cbiAgICAgICAgPHNwYW4+e3sgd2FybmluZ01lc3NhZ2UgfX08L3NwYW4+XG4gICAgPC9kaXY+XG59XG5cbkBpZiAoIGNhbmNlbEVuYWJsZWQgIT0gbnVsbCApIHtcbiAgICA8bnJjbC1idXR0b25cbiAgICAgICAgbGFiZWw9XCJDYW5jZWxcIlxuICAgICAgICBpY29uQ29tcGFjdD1cImNhbmNlbFwiXG4gICAgICAgIGNvbXBhY3Q9XCJtb2JpbGVcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiIWNhbmNlbEVuYWJsZWRcIlxuICAgICAgICAoY2xpY2spPVwiY2FuY2VsQ2xpY2suZW1pdCggJGV2ZW50IClcIlxuICAgID48L25yY2wtYnV0dG9uPlxufVxuXG5AaWYgKCBzYXZlRW5hYmxlZCAhPSBudWxsICkge1xuICAgIDxucmNsLWJ1dHRvbiBwcmltYXJ5XG4gICAgICAgIGxhYmVsPVwiU2F2ZVwiXG4gICAgICAgIGljb25Db21wYWN0PVwic2F2ZVwiXG4gICAgICAgIGNvbXBhY3Q9XCJtb2JpbGVcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiIXNhdmVFbmFibGVkXCJcbiAgICAgICAgKGNsaWNrKT1cInNhdmVDbGljay5lbWl0KCAkZXZlbnQgKVwiXG4gICAgPjwvbnJjbC1idXR0b24+XG59XG5cbjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiJdfQ==
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Component } from "@angular/core";
|
|
2
|
+
import { NrclBase } from "../../../directives/nrcl.base";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class ExpansionPanelHeaderComponent extends NrclBase {
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpansionPanelHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
6
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ExpansionPanelHeaderComponent, selector: "nrcl-expansion-panel-header", usesInheritance: true, ngImport: i0, template: "<div class=\"left-side\">\n <ng-content select=\"[left-side],h2,h3\"></ng-content>\n</div>\n\n<div class=\"right-side\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{display:flex;color:#212121;width:100%}.left-side{display:flex;flex-direction:column;padding:10px 0;align-self:flex-start}.left-side ::ng-deep h2{font-size:var(--nrcl-font-size-h2);font-weight:200;padding:0;margin:0}.left-side ::ng-deep h3{font-size:var(--nrcl-font-size-h3);font-weight:200;padding:0;margin:0}.right-side{flex-grow:1;display:flex;justify-content:flex-end;align-self:center}\n"] }); }
|
|
7
|
+
}
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpansionPanelHeaderComponent, decorators: [{
|
|
9
|
+
type: Component,
|
|
10
|
+
args: [{ selector: "nrcl-expansion-panel-header", template: "<div class=\"left-side\">\n <ng-content select=\"[left-side],h2,h3\"></ng-content>\n</div>\n\n<div class=\"right-side\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{display:flex;color:#212121;width:100%}.left-side{display:flex;flex-direction:column;padding:10px 0;align-self:flex-start}.left-side ::ng-deep h2{font-size:var(--nrcl-font-size-h2);font-weight:200;padding:0;margin:0}.left-side ::ng-deep h3{font-size:var(--nrcl-font-size-h3);font-weight:200;padding:0;margin:0}.right-side{flex-grow:1;display:flex;justify-content:flex-end;align-self:center}\n"] }]
|
|
11
|
+
}] });
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uci1uZ3gtY29tcG9uZW50LWxpYi9zcmMvY29tcG9uZW50cy9leHBhbnNpb24tcGFuZWwvaGVhZGVyL2V4cGFuc2lvbi1wYW5lbC1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvZXhwYW5zaW9uLXBhbmVsL2hlYWRlci9leHBhbnNpb24tcGFuZWwtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLCtCQUErQixDQUFDOztBQU96RCxNQUFNLE9BQU8sNkJBQThCLFNBQVEsUUFBUTsrR0FBOUMsNkJBQTZCO21HQUE3Qiw2QkFBNkIsMEZDUjFDLHNLQU9BOzs0RkRDYSw2QkFBNkI7a0JBTHpDLFNBQVM7K0JBQ0ksNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IE5yY2xCYXNlIH0gZnJvbSBcIi4uLy4uLy4uL2RpcmVjdGl2ZXMvbnJjbC5iYXNlXCI7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcIm5yY2wtZXhwYW5zaW9uLXBhbmVsLWhlYWRlclwiLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9leHBhbnNpb24tcGFuZWwtaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybDogJy4vZXhwYW5zaW9uLXBhbmVsLWhlYWRlci5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIEV4cGFuc2lvblBhbmVsSGVhZGVyQ29tcG9uZW50IGV4dGVuZHMgTnJjbEJhc2Uge31cblxuIiwiPGRpdiBjbGFzcz1cImxlZnQtc2lkZVwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltsZWZ0LXNpZGVdLGgyLGgzXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG5cbjxkaXYgY2xhc3M9XCJyaWdodC1zaWRlXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Component } from "@angular/core";
|
|
2
|
+
import { NrclBase } from "../../../directives/nrcl.base";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../../gap/gap.component";
|
|
5
|
+
export class ExpansionPanelSectionComponent extends NrclBase {
|
|
6
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpansionPanelSectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ExpansionPanelSectionComponent, selector: "nrcl-expansion-panel-section", usesInheritance: true, ngImport: i0, template: "<nrcl-gap vertical divider/>\n\n<ng-content></ng-content>\n", styles: [":host ::ng-deep h3{font-size:var(--nrcl-font-size-h3);font-weight:400;padding:0;margin:0;padding-bottom:var(--nrcl-gutter-space)}:host>nrcl-gap.divider{margin-left:calc(-1 * var(--nrcl-gutter-space));margin-right:calc(-1 * var(--nrcl-gutter-space))}\n"], dependencies: [{ kind: "component", type: i1.GapComponent, selector: "nrcl-gap", inputs: ["horizontal", "vertical", "divider"] }] }); }
|
|
8
|
+
}
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpansionPanelSectionComponent, decorators: [{
|
|
10
|
+
type: Component,
|
|
11
|
+
args: [{ selector: "nrcl-expansion-panel-section", template: "<nrcl-gap vertical divider/>\n\n<ng-content></ng-content>\n", styles: [":host ::ng-deep h3{font-size:var(--nrcl-font-size-h3);font-weight:400;padding:0;margin:0;padding-bottom:var(--nrcl-gutter-space)}:host>nrcl-gap.divider{margin-left:calc(-1 * var(--nrcl-gutter-space));margin-right:calc(-1 * var(--nrcl-gutter-space))}\n"] }]
|
|
12
|
+
}] });
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLXNlY3Rpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvZXhwYW5zaW9uLXBhbmVsL3NlY3Rpb24vZXhwYW5zaW9uLXBhbmVsLXNlY3Rpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvZXhwYW5zaW9uLXBhbmVsL3NlY3Rpb24vZXhwYW5zaW9uLXBhbmVsLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBK0IsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLCtCQUErQixDQUFDOzs7QUFPekQsTUFBTSxPQUFPLDhCQUErQixTQUFRLFFBQVE7K0dBQS9DLDhCQUE4QjttR0FBOUIsOEJBQThCLDJGQ1IzQyw2REFHQTs7NEZES2EsOEJBQThCO2tCQUwxQyxTQUFTOytCQUNJLDhCQUE4QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IE5yY2xCYXNlIH0gZnJvbSBcIi4uLy4uLy4uL2RpcmVjdGl2ZXMvbnJjbC5iYXNlXCI7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcIm5yY2wtZXhwYW5zaW9uLXBhbmVsLXNlY3Rpb25cIixcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXhwYW5zaW9uLXBhbmVsLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsOiAnLi9leHBhbnNpb24tcGFuZWwtc2VjdGlvbi5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIEV4cGFuc2lvblBhbmVsU2VjdGlvbkNvbXBvbmVudCBleHRlbmRzIE5yY2xCYXNlIHtcbn1cbiIsIjxucmNsLWdhcCB2ZXJ0aWNhbCBkaXZpZGVyLz5cblxuPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuIl19
|
|
@@ -6,18 +6,26 @@ export class GapComponent extends NrclBase {
|
|
|
6
6
|
super(...arguments);
|
|
7
7
|
this.horizontal = false;
|
|
8
8
|
this.vertical = false;
|
|
9
|
+
this.divider = false;
|
|
9
10
|
}
|
|
10
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GapComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: GapComponent, selector: "nrcl-gap", inputs: { horizontal: ["horizontal", "horizontal", booleanAttribute], vertical: ["vertical", "vertical", booleanAttribute] }, usesInheritance: true, ngImport: i0, template:
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: GapComponent, selector: "nrcl-gap", inputs: { horizontal: ["horizontal", "horizontal", booleanAttribute], vertical: ["vertical", "vertical", booleanAttribute], divider: ["divider", "divider", booleanAttribute] }, host: { properties: { "class.horizontal": "horizontal", "class.vertical": "vertical", "class.divider": "divider" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"divider\"></div>", styles: [":host{justify-content:center;align-items:center}:host.horizontal{display:inline-flex;width:var(--nrcl-gutter-space);align-items:stretch}:host.horizontal.divider .divider{width:1px;height:100%;border-right:1px solid var(--nrcl-divider-color)}:host.vertical{display:flex;height:var(--nrcl-gutter-space)}:host.vertical.divider .divider{height:1px;width:100%;border-bottom:1px solid var(--nrcl-divider-color)}\n"] }); }
|
|
12
13
|
}
|
|
13
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GapComponent, decorators: [{
|
|
14
15
|
type: Component,
|
|
15
|
-
args: [{ selector: 'nrcl-gap',
|
|
16
|
+
args: [{ selector: 'nrcl-gap', host: {
|
|
17
|
+
'[class.horizontal]': 'horizontal',
|
|
18
|
+
'[class.vertical]': 'vertical',
|
|
19
|
+
'[class.divider]': 'divider',
|
|
20
|
+
}, template: "<div class=\"divider\"></div>", styles: [":host{justify-content:center;align-items:center}:host.horizontal{display:inline-flex;width:var(--nrcl-gutter-space);align-items:stretch}:host.horizontal.divider .divider{width:1px;height:100%;border-right:1px solid var(--nrcl-divider-color)}:host.vertical{display:flex;height:var(--nrcl-gutter-space)}:host.vertical.divider .divider{height:1px;width:100%;border-bottom:1px solid var(--nrcl-divider-color)}\n"] }]
|
|
16
21
|
}], propDecorators: { horizontal: [{
|
|
17
22
|
type: Input,
|
|
18
23
|
args: [{ transform: booleanAttribute }]
|
|
19
24
|
}], vertical: [{
|
|
20
25
|
type: Input,
|
|
21
26
|
args: [{ transform: booleanAttribute }]
|
|
27
|
+
}], divider: [{
|
|
28
|
+
type: Input,
|
|
29
|
+
args: [{ transform: booleanAttribute }]
|
|
22
30
|
}] } });
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25yLW5neC1jb21wb25lbnQtbGliL3NyYy9jb21wb25lbnRzL2dhcC9nYXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvZ2FwL2dhcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBWXRELE1BQU0sT0FBTyxZQUFhLFNBQVEsUUFBUTtJQVYxQzs7UUFXOEMsZUFBVSxHQUFHLEtBQUssQ0FBQTtRQUNsQixhQUFRLEdBQUcsS0FBSyxDQUFBO1FBQ2hCLFlBQU8sR0FBRyxLQUFLLENBQUE7S0FDNUQ7K0dBSlksWUFBWTttR0FBWixZQUFZLDJFQUNBLGdCQUFnQixzQ0FDaEIsZ0JBQWdCLG1DQUNoQixnQkFBZ0IsMEtDaEJ6QywrQkFBMkI7OzRGRGFkLFlBQVk7a0JBVnhCLFNBQVM7K0JBQ0ksVUFBVSxRQUdkO3dCQUNGLG9CQUFvQixFQUFFLFlBQVk7d0JBQ2xDLGtCQUFrQixFQUFFLFVBQVU7d0JBQzlCLGlCQUFpQixFQUFFLFNBQVM7cUJBQy9COzhCQUd5QyxVQUFVO3NCQUFuRCxLQUFLO3VCQUFFLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUNHLFFBQVE7c0JBQWpELEtBQUs7dUJBQUUsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0csT0FBTztzQkFBaEQsS0FBSzt1QkFBRSxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGJvb2xlYW5BdHRyaWJ1dGUsIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5yY2xCYXNlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9ucmNsLmJhc2UnO1xuXG5AQ29tcG9uZW50KCB7XG4gICAgc2VsZWN0b3I6ICducmNsLWdhcCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2dhcC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL2dhcC5jb21wb25lbnQuc2NzcycsXG4gICAgaG9zdDoge1xuICAgICAgICAnW2NsYXNzLmhvcml6b250YWxdJzogJ2hvcml6b250YWwnLCBcbiAgICAgICAgJ1tjbGFzcy52ZXJ0aWNhbF0nOiAndmVydGljYWwnLCBcbiAgICAgICAgJ1tjbGFzcy5kaXZpZGVyXSc6ICdkaXZpZGVyJywgXG4gICAgfVxufSApXG5leHBvcnQgY2xhc3MgR2FwQ29tcG9uZW50IGV4dGVuZHMgTnJjbEJhc2Uge1xuICAgIEBJbnB1dCggeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSApIGhvcml6b250YWwgPSBmYWxzZVxuICAgIEBJbnB1dCggeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSApIHZlcnRpY2FsID0gZmFsc2VcbiAgICBASW5wdXQoIHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0gKSBkaXZpZGVyID0gZmFsc2Vcbn1cbiIsIjxkaXYgY2xhc3M9XCJkaXZpZGVyXCI+PC9kaXY+Il19
|
|
@@ -20,13 +20,13 @@ export class IndicatorComponent extends NrclBase {
|
|
|
20
20
|
this._content = t?.toLowerCase().trim().replace(/[^-a-z0-9]+/g, '-') || 'none';
|
|
21
21
|
}
|
|
22
22
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IndicatorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IndicatorComponent, selector: "nrcl-indicator", inputs: { status: "status" }, host: { properties: { "class": "'status-' + status" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content><div class="none"></div>', isInline: true, styles: ["::ng-deep :root{--nrcl-indicator-text-color: black;--nrcl-indicator-border-color: black;--nrcl-indicator-background-color: #f2f2f2}:host{display:inline-
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IndicatorComponent, selector: "nrcl-indicator", inputs: { status: "status" }, host: { properties: { "class": "'status-' + status" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content><div class="none"></div>', isInline: true, styles: ["::ng-deep :root{--nrcl-indicator-min-width: 80px;--nrcl-indicator-font-size: var( --nrcl-font-size-small );--nrcl-indicator-text-color: black;--nrcl-indicator-border-color: black;--nrcl-indicator-background-color: #f2f2f2}:host{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;min-width:var(--nrcl-indicator-min-width);font-family:var(--nrcl-font-family);font-size:var(--nrcl-indicator-font-size);line-height:var(--nrcl-indicator-font-size);font-weight:700;padding:4px;color:var(--nrcl-indicator-text-color);border:2px solid var(--nrcl-indicator-border-color);background-color:var(--nrcl-indicator-background-color);border-radius:6px}:host .none{display:none}:host .none:after{content:\"(None)\"}:host.status-none{--nrcl-indicator-text-color: #aaa;--nrcl-indicator-border-color: gray}:host.status-none .none{display:block}\n"] }); }
|
|
24
24
|
}
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IndicatorComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
27
|
args: [{ selector: 'nrcl-indicator', template: '<ng-content></ng-content><div class="none"></div>', host: {
|
|
28
28
|
'[class]': "'status-' + status"
|
|
29
|
-
}, styles: ["::ng-deep :root{--nrcl-indicator-text-color: black;--nrcl-indicator-border-color: black;--nrcl-indicator-background-color: #f2f2f2}:host{display:inline-
|
|
29
|
+
}, styles: ["::ng-deep :root{--nrcl-indicator-min-width: 80px;--nrcl-indicator-font-size: var( --nrcl-font-size-small );--nrcl-indicator-text-color: black;--nrcl-indicator-border-color: black;--nrcl-indicator-background-color: #f2f2f2}:host{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;min-width:var(--nrcl-indicator-min-width);font-family:var(--nrcl-font-family);font-size:var(--nrcl-indicator-font-size);line-height:var(--nrcl-indicator-font-size);font-weight:700;padding:4px;color:var(--nrcl-indicator-text-color);border:2px solid var(--nrcl-indicator-border-color);background-color:var(--nrcl-indicator-background-color);border-radius:6px}:host .none{display:none}:host .none:after{content:\"(None)\"}:host.status-none{--nrcl-indicator-text-color: #aaa;--nrcl-indicator-border-color: gray}:host.status-none .none{display:block}\n"] }]
|
|
30
30
|
}], propDecorators: { status: [{
|
|
31
31
|
type: Input
|
|
32
32
|
}] } });
|
|
@@ -66,7 +66,7 @@ export class ListAttachmentsComponent extends RowListBase {
|
|
|
66
66
|
return this.rowListProvider.deleteItem(item);
|
|
67
67
|
}
|
|
68
68
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListAttachmentsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
69
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ListAttachmentsComponent, selector: "nrcl-list-attachments", inputs: { rowListProvider: "rowListProvider", canDelete: "canDelete", canDownload: "canDownload" }, usesInheritance: true, ngImport: i0, template: "<nrcl-device-view>\n <ng-template desktop-view>\n <nrcl-row-list-desktop>\n @if ( rows?.length > 0 ) {\n <table mat-table\n [dataSource]=\"rows | paginate: { \n id: 'desktop-attachments', \n itemsPerPage: pageSize, \n currentPage: pageNumber, \n totalItems: totalRowCount \n }\"\n >\n <ng-container matColumnDef=\"attachmentTypeCode\">\n <th mat-header-cell *matHeaderCellDef>Attachment Type</th>\n <td mat-cell *matCellDef=\"let item\">\n <nrcl-cell-content tooltip>{{ item.attachmentTypeDescription }}</nrcl-cell-content>\n </td>\n </ng-container>\n\n <ng-container matColumnDef=\"fileName\">\n <th mat-header-cell *matHeaderCellDef>File Name</th>\n <td mat-cell *matCellDef=\"let item\">\n <nrcl-cell-content tooltip>{{ item.fileName }}</nrcl-cell-content>\n </td>\n </ng-container>\n\n <ng-container matColumnDef=\"sourceObjectNameCode\">\n <th mat-header-cell *matHeaderCellDef>File Type</th>\n <td mat-cell *matCellDef=\"let item\">\n <nrcl-cell-content tooltip>{{ item.fileExtension }}</nrcl-cell-content>\n </td>\n </ng-container>\n\n <ng-container matColumnDef=\"uploadedBy\">\n <th mat-header-cell *matHeaderCellDef>Uploaded By</th>\n <td mat-cell *matCellDef=\"let item\">\n <nrcl-cell-content tooltip>{{ item.uploadedBy }}</nrcl-cell-content>\n </td>\n </ng-container>\n\n <ng-container matColumnDef=\"uploadedTimestamp\">\n <th mat-header-cell *matHeaderCellDef>Uploaded At</th>\n <td mat-cell *matCellDef=\"let item\">\n <nrcl-cell-content tooltip>{{ item.uploadedTimestamp }}</nrcl-cell-content>\n </td>\n </ng-container>\n\n <ng-container matColumnDef=\"description\">\n <th mat-header-cell *matHeaderCellDef>Description</th>\n <td mat-cell *matCellDef=\"let item\">\n <nrcl-cell-content tooltip>{{ item.attachmentDescription }}</nrcl-cell-content>\n </td>\n </ng-container>\n\n <ng-container matColumnDef=\"download\">\n <th mat-header-cell *matHeaderCellDef></th>\n <td mat-cell *matCellDef=\"let item\">\n <div class=\"button-container\">\n <nrcl-button compact\n label=\"Download\"\n icon=\"download\"\n (click)=\"onDownloadClick( item )\" \n ></nrcl-button>\n </div>\n </td>\n </ng-container>\n\n <ng-container matColumnDef=\"delete\">\n <th mat-header-cell *matHeaderCellDef></th>\n <td mat-cell *matCellDef=\"let item\">\n <div class=\"button-container\">\n <nrcl-button compact\n label=\"Delete\"\n icon=\"delete\"\n (click)=\"onDeleteClick( item )\"\n ></nrcl-button>\n </div>\n </td>\n </ng-container>\n\n <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\n <tr mat-row *matRowDef=\"let item; columns: columns;\"></tr>\n </table>\n }\n </nrcl-row-list-desktop>\n\n <nrcl-gap vertical/>\n\n <nrcl-row-list-pagination\n paginationId=\"desktop-attachments\"\n [pageSize]=\"pageSize\"\n [pageNumber]=\"pageNumber\"\n [rowCount]=\"totalRowCount\"\n (pageNumberChange)=\"onPageNumberChange( $event )\"\n (pageSizeChange)=\"onPageSizeChange( $event )\"\n ></nrcl-row-list-pagination>\n </ng-template>\n\n <ng-template mobile-view>\n <nrcl-row-list-mobile>\n @for ( item of rows | paginate: { \n id: 'mobile-attachments', \n itemsPerPage: pageSize, \n currentPage: pageNumber, \n totalItems: totalRowCount \n }; track item.attachmentId ) {\n <mat-card>\n <mat-card-title>\n <section title>\n <h2>{{ item.fileName }}</h2>\n </section>\n\n <section actions>\n <nrcl-button compact\n label=\"Download\"\n icon=\"download\"\n (click)=\"onDownloadClick( item )\" \n ></nrcl-button>\n\n @if ( canDelete ) {\n <nrcl-button compact\n label=\"Delete\"\n icon=\"delete\"\n (click)=\"onDeleteClick( item )\"\n ></nrcl-button>\n }\n </section>\n </mat-card-title>\n\n <mat-card-content>\n <section>\n <mat-label>Attachment Type</mat-label>\n <div class=\"value\">{{ item.attachmentTypeDescription }}</div>\n </section>\n\n <section>\n <mat-label>File Type</mat-label>\n <div class=\"value\">{{ item.fileExtension }}</div>\n </section>\n\n <section>\n <mat-label>Uploaded By</mat-label>\n <div class=\"value\">{{ item.uploadedBy }}</div>\n </section> \n\n <section>\n <mat-label>Uploaded At</mat-label>\n <div class=\"value\">{{ item.uploadedTimestamp }}</div>\n </section> \n\n <section full-width>\n <mat-label>Description</mat-label>\n <div class=\"value\">{{ item.attachmentDescription }}</div>\n </section> \n </mat-card-content>\n </mat-card>\n }\n </nrcl-row-list-mobile>\n\n <nrcl-gap vertical/>\n\n <nrcl-row-list-pagination\n paginationId=\"mobile-attachments\"\n [pageSize]=\"pageSize\"\n [pageNumber]=\"pageNumber\"\n [rowCount]=\"totalRowCount\"\n (pageNumberChange)=\"onPageNumberChange( $event )\"\n (pageSizeChange)=\"onPageSizeChange( $event )\"\n ></nrcl-row-list-pagination>\n </ng-template>\n</nrcl-device-view>\n", styles: [":host .mat-mdc-table .mat-column-attachmentTypeCode{min-width:100px}:host .mat-mdc-table .mat-column-orgUnit{min-width:100px;max-width:200px}:host .mat-mdc-table .mat-column-fileName{min-width:100px;max-width:200px}:host .mat-mdc-table .mat-column-sourceObjectNameCode{min-width:60px;max-width:60px}:host .mat-mdc-table .mat-column-uploadedBy{min-width:140px;max-width:140px}:host .mat-mdc-table .mat-column-uploadedTimestamp{min-width:140px;max-width:140px}:host .mat-mdc-table .mat-column-description{width:100%;min-width:200px;max-width:100px;white-space:normal}:host .mat-mdc-table .mat-column-download .button-container,:host .mat-mdc-table .mat-column-delete .button-container{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "component", type: i3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i4.ButtonComponent, selector: "nrcl-button", inputs: ["label", "icon", "iconRight", "iconCompact", "tooltip", "compact", "primary", "outline", "disabled"], outputs: ["click"] }, { kind: "component", type: i5.CellContentComponent, selector: "nrcl-cell-content", inputs: ["tooltip", "content"] }, { kind: "component", type: i6.GapComponent, selector: "nrcl-gap", inputs: ["horizontal", "vertical"] }, { kind: "component", type: i7.RowListDesktopComponent, selector: "nrcl-row-list-desktop" }, { kind: "component", type: i8.RowListMobileComponent, selector: "nrcl-row-list-mobile" }, { kind: "component", type: i9.RowListPaginationComponent, selector: "nrcl-row-list-pagination", inputs: ["paginationId", "pageSizeOptions", "pageSize", "pageNumber", "rowCount", "showPageSize", "noRowsMessage"], outputs: ["pageSizeChange", "pageNumberChange"] }, { kind: "directive", type: i10.DesktopViewDirective, selector: "[desktop-view]" }, { kind: "directive", type: i10.MobileViewDirective, selector: "[mobile-view]" }, { kind: "component", type: i10.DeviceViewComponent, selector: "nrcl-device-view" }, { kind: "pipe", type: i11.PaginatePipe, name: "paginate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
69
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ListAttachmentsComponent, selector: "nrcl-list-attachments", inputs: { rowListProvider: "rowListProvider", canDelete: "canDelete", canDownload: "canDownload" }, usesInheritance: true, ngImport: i0, template: "<nrcl-device-view>\n <ng-template desktop-view>\n <nrcl-row-list-desktop>\n @if ( rows?.length > 0 ) {\n <table mat-table\n [dataSource]=\"rows | paginate: { \n id: 'desktop-attachments', \n itemsPerPage: pageSize, \n currentPage: pageNumber, \n totalItems: totalRowCount \n }\"\n >\n <ng-container matColumnDef=\"attachmentTypeCode\">\n <th mat-header-cell *matHeaderCellDef>Attachment Type</th>\n <td mat-cell *matCellDef=\"let item\">\n <nrcl-cell-content tooltip>{{ item.attachmentTypeDescription }}</nrcl-cell-content>\n </td>\n </ng-container>\n\n <ng-container matColumnDef=\"fileName\">\n <th mat-header-cell *matHeaderCellDef>File Name</th>\n <td mat-cell *matCellDef=\"let item\">\n <nrcl-cell-content tooltip>{{ item.fileName }}</nrcl-cell-content>\n </td>\n </ng-container>\n\n <ng-container matColumnDef=\"sourceObjectNameCode\">\n <th mat-header-cell *matHeaderCellDef>File Type</th>\n <td mat-cell *matCellDef=\"let item\">\n <nrcl-cell-content tooltip>{{ item.fileExtension }}</nrcl-cell-content>\n </td>\n </ng-container>\n\n <ng-container matColumnDef=\"uploadedBy\">\n <th mat-header-cell *matHeaderCellDef>Uploaded By</th>\n <td mat-cell *matCellDef=\"let item\">\n <nrcl-cell-content tooltip>{{ item.uploadedBy }}</nrcl-cell-content>\n </td>\n </ng-container>\n\n <ng-container matColumnDef=\"uploadedTimestamp\">\n <th mat-header-cell *matHeaderCellDef>Uploaded At</th>\n <td mat-cell *matCellDef=\"let item\">\n <nrcl-cell-content tooltip>{{ item.uploadedTimestamp }}</nrcl-cell-content>\n </td>\n </ng-container>\n\n <ng-container matColumnDef=\"description\">\n <th mat-header-cell *matHeaderCellDef>Description</th>\n <td mat-cell *matCellDef=\"let item\">\n <nrcl-cell-content tooltip>{{ item.attachmentDescription }}</nrcl-cell-content>\n </td>\n </ng-container>\n\n <ng-container matColumnDef=\"download\">\n <th mat-header-cell *matHeaderCellDef></th>\n <td mat-cell *matCellDef=\"let item\">\n <div class=\"button-container\">\n <nrcl-button compact\n label=\"Download\"\n icon=\"download\"\n (click)=\"onDownloadClick( item )\" \n ></nrcl-button>\n </div>\n </td>\n </ng-container>\n\n <ng-container matColumnDef=\"delete\">\n <th mat-header-cell *matHeaderCellDef></th>\n <td mat-cell *matCellDef=\"let item\">\n <div class=\"button-container\">\n <nrcl-button compact\n label=\"Delete\"\n icon=\"delete\"\n (click)=\"onDeleteClick( item )\"\n ></nrcl-button>\n </div>\n </td>\n </ng-container>\n\n <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\n <tr mat-row *matRowDef=\"let item; columns: columns;\"></tr>\n </table>\n }\n </nrcl-row-list-desktop>\n\n <nrcl-gap vertical/>\n\n <nrcl-row-list-pagination\n paginationId=\"desktop-attachments\"\n [pageSize]=\"pageSize\"\n [pageNumber]=\"pageNumber\"\n [rowCount]=\"totalRowCount\"\n (pageNumberChange)=\"onPageNumberChange( $event )\"\n (pageSizeChange)=\"onPageSizeChange( $event )\"\n ></nrcl-row-list-pagination>\n </ng-template>\n\n <ng-template mobile-view>\n <nrcl-row-list-mobile>\n @for ( item of rows | paginate: { \n id: 'mobile-attachments', \n itemsPerPage: pageSize, \n currentPage: pageNumber, \n totalItems: totalRowCount \n }; track item.attachmentId ) {\n <mat-card>\n <mat-card-title>\n <section title>\n <h2>{{ item.fileName }}</h2>\n </section>\n\n <section actions>\n <nrcl-button compact\n label=\"Download\"\n icon=\"download\"\n (click)=\"onDownloadClick( item )\" \n ></nrcl-button>\n\n @if ( canDelete ) {\n <nrcl-button compact\n label=\"Delete\"\n icon=\"delete\"\n (click)=\"onDeleteClick( item )\"\n ></nrcl-button>\n }\n </section>\n </mat-card-title>\n\n <mat-card-content>\n <section>\n <mat-label>Attachment Type</mat-label>\n <div class=\"value\">{{ item.attachmentTypeDescription }}</div>\n </section>\n\n <section>\n <mat-label>File Type</mat-label>\n <div class=\"value\">{{ item.fileExtension }}</div>\n </section>\n\n <section>\n <mat-label>Uploaded By</mat-label>\n <div class=\"value\">{{ item.uploadedBy }}</div>\n </section> \n\n <section>\n <mat-label>Uploaded At</mat-label>\n <div class=\"value\">{{ item.uploadedTimestamp }}</div>\n </section> \n\n <section full-width>\n <mat-label>Description</mat-label>\n <div class=\"value\">{{ item.attachmentDescription }}</div>\n </section> \n </mat-card-content>\n </mat-card>\n }\n </nrcl-row-list-mobile>\n\n <nrcl-gap vertical/>\n\n <nrcl-row-list-pagination\n paginationId=\"mobile-attachments\"\n [pageSize]=\"pageSize\"\n [pageNumber]=\"pageNumber\"\n [rowCount]=\"totalRowCount\"\n (pageNumberChange)=\"onPageNumberChange( $event )\"\n (pageSizeChange)=\"onPageSizeChange( $event )\"\n ></nrcl-row-list-pagination>\n </ng-template>\n</nrcl-device-view>\n", styles: [":host .mat-mdc-table .mat-column-attachmentTypeCode{min-width:100px}:host .mat-mdc-table .mat-column-orgUnit{min-width:100px;max-width:200px}:host .mat-mdc-table .mat-column-fileName{min-width:100px;max-width:200px}:host .mat-mdc-table .mat-column-sourceObjectNameCode{min-width:60px;max-width:60px}:host .mat-mdc-table .mat-column-uploadedBy{min-width:140px;max-width:140px}:host .mat-mdc-table .mat-column-uploadedTimestamp{min-width:140px;max-width:140px}:host .mat-mdc-table .mat-column-description{width:100%;min-width:200px;max-width:100px;white-space:normal}:host .mat-mdc-table .mat-column-download .button-container,:host .mat-mdc-table .mat-column-delete .button-container{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "component", type: i3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i4.ButtonComponent, selector: "nrcl-button", inputs: ["label", "icon", "iconRight", "iconCompact", "tooltip", "compact", "primary", "outline", "disabled"], outputs: ["click"] }, { kind: "component", type: i5.CellContentComponent, selector: "nrcl-cell-content", inputs: ["tooltip", "content"] }, { kind: "component", type: i6.GapComponent, selector: "nrcl-gap", inputs: ["horizontal", "vertical", "divider"] }, { kind: "component", type: i7.RowListDesktopComponent, selector: "nrcl-row-list-desktop" }, { kind: "component", type: i8.RowListMobileComponent, selector: "nrcl-row-list-mobile" }, { kind: "component", type: i9.RowListPaginationComponent, selector: "nrcl-row-list-pagination", inputs: ["paginationId", "pageSizeOptions", "pageSize", "pageNumber", "rowCount", "showPageSize", "noRowsMessage"], outputs: ["pageSizeChange", "pageNumberChange"] }, { kind: "directive", type: i10.DesktopViewDirective, selector: "[desktop-view]" }, { kind: "directive", type: i10.MobileViewDirective, selector: "[mobile-view]" }, { kind: "component", type: i10.DeviceViewComponent, selector: "nrcl-device-view" }, { kind: "pipe", type: i11.PaginatePipe, name: "paginate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
70
70
|
}
|
|
71
71
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListAttachmentsComponent, decorators: [{
|
|
72
72
|
type: Component,
|
|
@@ -48,7 +48,7 @@ export class ListEventHistoryComponent extends RowListBase {
|
|
|
48
48
|
};
|
|
49
49
|
}
|
|
50
50
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListEventHistoryComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
51
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ListEventHistoryComponent, selector: "nrcl-list-event-history", inputs: { rowListProvider: "rowListProvider", canDelete: "canDelete", showPagination: "showPagination", isSupplier: "isSupplier" }, usesInheritance: true, ngImport: i0, template: "<nrcl-device-view>\n <ng-template desktop-view>\n <nrcl-row-list-desktop>\n @if ( rows?.length > 0 ) {\n <table mat-table\n [dataSource]=\"rows | paginate: { \n id: 'desktop-event-history', \n itemsPerPage: pageSize, \n currentPage: pageNumber, \n totalItems: totalRowCount \n }\"\n matSort \n [matSortActive]=\"sortActive\"\n [matSortDirection]=\"sortDirection\"\n (matSortChange)=\"onSortChange( $event )\">\n >\n <ng-container matColumnDef=\"dateTime\">\n <th mat-header-cell *matHeaderCellDef mat-sort-header>Date and Time</th>\n <td mat-cell *matCellDef=\"let item\">\n <nrcl-cell-content tooltip>{{ item.eventTimestamp }}</nrcl-cell-content>\n </td>\n </ng-container>\n\n <ng-container matColumnDef=\"changedBy\">\n <th mat-header-cell *matHeaderCellDef mat-sort-header>User ID</th>\n <td mat-cell *matCellDef=\"let item\">\n <nrcl-cell-content tooltip>{{ item.createdByUserId }}</nrcl-cell-content>\n </td>\n </ng-container>\n\n <ng-container matColumnDef=\"type\">\n <th mat-header-cell *matHeaderCellDef mat-sort-header>Type</th>\n <td mat-cell *matCellDef=\"let item\">\n <nrcl-cell-content tooltip>{{ item.eventHistoryTypeDescription }}</nrcl-cell-content>\n </td>\n </ng-container>\n\n <ng-container matColumnDef=\"section\">\n <th mat-header-cell *matHeaderCellDef mat-sort-header>Section</th>\n <td mat-cell *matCellDef=\"let item\">\n <nrcl-cell-content tooltip>{{ item.sourceObjectNameDescription }}</nrcl-cell-content>\n </td>\n </ng-container>\n\n <ng-container matColumnDef=\"comment\">\n <th mat-header-cell *matHeaderCellDef mat-sort-header>Comment</th>\n <td mat-cell *matCellDef=\"let item\">\n <nrcl-cell-content tooltip>{{ item.comment }}</nrcl-cell-content>\n </td>\n </ng-container>\n\n <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\n <tr mat-row *matRowDef=\"let item; columns: columns;\"></tr>\n </table>\n }\n </nrcl-row-list-desktop>\n\n <nrcl-gap vertical/>\n\n <nrcl-row-list-pagination\n paginationId=\"desktop-event-history\"\n [pageSize]=\"pageSize\"\n [pageNumber]=\"pageNumber\"\n [rowCount]=\"totalRowCount\"\n (pageNumberChange)=\"onPageNumberChange( $event )\"\n (pageSizeChange)=\"onPageSizeChange( $event )\"\n ></nrcl-row-list-pagination>\n </ng-template>\n\n <ng-template mobile-view>\n <nrcl-row-list-mobile>\n @for ( item of rows | paginate: { \n id: 'mobile-event-history', \n itemsPerPage: pageSize, \n currentPage: pageNumber, \n totalItems: totalRowCount \n }; track item.attachmentId ) {\n <mat-card>\n <mat-card-title>\n <section title>\n <h2>{{ item.comment }}</h2>\n </section>\n </mat-card-title>\n\n <mat-card-content>\n <section>\n <mat-label>User ID</mat-label>\n <div class=\"value\">{{ item.createdByUserId }}</div>\n </section>\n\n <section>\n <mat-label>Time</mat-label>\n <div class=\"value\">{{ item.eventTimestamp }}</div>\n </section>\n\n <section>\n <mat-label>Type</mat-label>\n <div class=\"value\">{{ item.eventHistoryTypeDescription }}</div>\n </section>\n\n <section>\n <mat-label>Section</mat-label>\n <div class=\"value\">{{ item.sourceObjectNameDescription }}</div>\n </section> \n\n <!-- <section full-width>\n <mat-label>Comment</mat-label>\n <div class=\"value\">{{ item.comment }}</div>\n </section> -->\n </mat-card-content>\n </mat-card>\n }\n </nrcl-row-list-mobile>\n\n <nrcl-gap vertical/>\n\n <nrcl-row-list-pagination\n paginationId=\"mobile-event-history\"\n [pageSize]=\"pageSize\"\n [pageNumber]=\"pageNumber\"\n [rowCount]=\"totalRowCount\"\n (pageNumberChange)=\"onPageNumberChange( $event )\"\n (pageSizeChange)=\"onPageSizeChange( $event )\"\n ></nrcl-row-list-pagination>\n </ng-template>\n</nrcl-device-view>\n", styles: [":host .mat-mdc-table .mat-column-dateTime{min-width:150px;max-width:150px}:host .mat-mdc-table .mat-column-changedBy{min-width:120px;max-width:unset}:host .mat-mdc-table .mat-column-type{min-width:80px;max-width:80px}:host .mat-mdc-table .mat-column-section{min-width:150px;max-width:unset}:host .mat-mdc-table .mat-column-comment{width:100%;min-width:200px;max-width:100px;white-space:normal}\n"], dependencies: [{ kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i3.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i4.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i5.CellContentComponent, selector: "nrcl-cell-content", inputs: ["tooltip", "content"] }, { kind: "component", type: i6.GapComponent, selector: "nrcl-gap", inputs: ["horizontal", "vertical"] }, { kind: "component", type: i7.RowListDesktopComponent, selector: "nrcl-row-list-desktop" }, { kind: "component", type: i8.RowListMobileComponent, selector: "nrcl-row-list-mobile" }, { kind: "component", type: i9.RowListPaginationComponent, selector: "nrcl-row-list-pagination", inputs: ["paginationId", "pageSizeOptions", "pageSize", "pageNumber", "rowCount", "showPageSize", "noRowsMessage"], outputs: ["pageSizeChange", "pageNumberChange"] }, { kind: "directive", type: i10.DesktopViewDirective, selector: "[desktop-view]" }, { kind: "directive", type: i10.MobileViewDirective, selector: "[mobile-view]" }, { kind: "component", type: i10.DeviceViewComponent, selector: "nrcl-device-view" }, { kind: "pipe", type: i11.PaginatePipe, name: "paginate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
51
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ListEventHistoryComponent, selector: "nrcl-list-event-history", inputs: { rowListProvider: "rowListProvider", canDelete: "canDelete", showPagination: "showPagination", isSupplier: "isSupplier" }, usesInheritance: true, ngImport: i0, template: "<nrcl-device-view>\n <ng-template desktop-view>\n <nrcl-row-list-desktop>\n @if ( rows?.length > 0 ) {\n <table mat-table\n [dataSource]=\"rows | paginate: { \n id: 'desktop-event-history', \n itemsPerPage: pageSize, \n currentPage: pageNumber, \n totalItems: totalRowCount \n }\"\n matSort \n [matSortActive]=\"sortActive\"\n [matSortDirection]=\"sortDirection\"\n (matSortChange)=\"onSortChange( $event )\">\n >\n <ng-container matColumnDef=\"dateTime\">\n <th mat-header-cell *matHeaderCellDef mat-sort-header>Date and Time</th>\n <td mat-cell *matCellDef=\"let item\">\n <nrcl-cell-content tooltip>{{ item.eventTimestamp }}</nrcl-cell-content>\n </td>\n </ng-container>\n\n <ng-container matColumnDef=\"changedBy\">\n <th mat-header-cell *matHeaderCellDef mat-sort-header>User ID</th>\n <td mat-cell *matCellDef=\"let item\">\n <nrcl-cell-content tooltip>{{ item.createdByUserId }}</nrcl-cell-content>\n </td>\n </ng-container>\n\n <ng-container matColumnDef=\"type\">\n <th mat-header-cell *matHeaderCellDef mat-sort-header>Type</th>\n <td mat-cell *matCellDef=\"let item\">\n <nrcl-cell-content tooltip>{{ item.eventHistoryTypeDescription }}</nrcl-cell-content>\n </td>\n </ng-container>\n\n <ng-container matColumnDef=\"section\">\n <th mat-header-cell *matHeaderCellDef mat-sort-header>Section</th>\n <td mat-cell *matCellDef=\"let item\">\n <nrcl-cell-content tooltip>{{ item.sourceObjectNameDescription }}</nrcl-cell-content>\n </td>\n </ng-container>\n\n <ng-container matColumnDef=\"comment\">\n <th mat-header-cell *matHeaderCellDef mat-sort-header>Comment</th>\n <td mat-cell *matCellDef=\"let item\">\n <nrcl-cell-content tooltip>{{ item.comment }}</nrcl-cell-content>\n </td>\n </ng-container>\n\n <tr mat-header-row *matHeaderRowDef=\"columns; sticky: true\"></tr>\n <tr mat-row *matRowDef=\"let item; columns: columns;\"></tr>\n </table>\n }\n </nrcl-row-list-desktop>\n\n <nrcl-gap vertical/>\n\n <nrcl-row-list-pagination\n paginationId=\"desktop-event-history\"\n [pageSize]=\"pageSize\"\n [pageNumber]=\"pageNumber\"\n [rowCount]=\"totalRowCount\"\n (pageNumberChange)=\"onPageNumberChange( $event )\"\n (pageSizeChange)=\"onPageSizeChange( $event )\"\n ></nrcl-row-list-pagination>\n </ng-template>\n\n <ng-template mobile-view>\n <nrcl-row-list-mobile>\n @for ( item of rows | paginate: { \n id: 'mobile-event-history', \n itemsPerPage: pageSize, \n currentPage: pageNumber, \n totalItems: totalRowCount \n }; track item.attachmentId ) {\n <mat-card>\n <mat-card-title>\n <section title>\n <h2>{{ item.comment }}</h2>\n </section>\n </mat-card-title>\n\n <mat-card-content>\n <section>\n <mat-label>User ID</mat-label>\n <div class=\"value\">{{ item.createdByUserId }}</div>\n </section>\n\n <section>\n <mat-label>Time</mat-label>\n <div class=\"value\">{{ item.eventTimestamp }}</div>\n </section>\n\n <section>\n <mat-label>Type</mat-label>\n <div class=\"value\">{{ item.eventHistoryTypeDescription }}</div>\n </section>\n\n <section>\n <mat-label>Section</mat-label>\n <div class=\"value\">{{ item.sourceObjectNameDescription }}</div>\n </section> \n\n <!-- <section full-width>\n <mat-label>Comment</mat-label>\n <div class=\"value\">{{ item.comment }}</div>\n </section> -->\n </mat-card-content>\n </mat-card>\n }\n </nrcl-row-list-mobile>\n\n <nrcl-gap vertical/>\n\n <nrcl-row-list-pagination\n paginationId=\"mobile-event-history\"\n [pageSize]=\"pageSize\"\n [pageNumber]=\"pageNumber\"\n [rowCount]=\"totalRowCount\"\n (pageNumberChange)=\"onPageNumberChange( $event )\"\n (pageSizeChange)=\"onPageSizeChange( $event )\"\n ></nrcl-row-list-pagination>\n </ng-template>\n</nrcl-device-view>\n", styles: [":host .mat-mdc-table .mat-column-dateTime{min-width:150px;max-width:150px}:host .mat-mdc-table .mat-column-changedBy{min-width:120px;max-width:unset}:host .mat-mdc-table .mat-column-type{min-width:80px;max-width:80px}:host .mat-mdc-table .mat-column-section{min-width:150px;max-width:unset}:host .mat-mdc-table .mat-column-comment{width:100%;min-width:200px;max-width:100px;white-space:normal}\n"], dependencies: [{ kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i3.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i4.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i5.CellContentComponent, selector: "nrcl-cell-content", inputs: ["tooltip", "content"] }, { kind: "component", type: i6.GapComponent, selector: "nrcl-gap", inputs: ["horizontal", "vertical", "divider"] }, { kind: "component", type: i7.RowListDesktopComponent, selector: "nrcl-row-list-desktop" }, { kind: "component", type: i8.RowListMobileComponent, selector: "nrcl-row-list-mobile" }, { kind: "component", type: i9.RowListPaginationComponent, selector: "nrcl-row-list-pagination", inputs: ["paginationId", "pageSizeOptions", "pageSize", "pageNumber", "rowCount", "showPageSize", "noRowsMessage"], outputs: ["pageSizeChange", "pageNumberChange"] }, { kind: "directive", type: i10.DesktopViewDirective, selector: "[desktop-view]" }, { kind: "directive", type: i10.MobileViewDirective, selector: "[mobile-view]" }, { kind: "component", type: i10.DeviceViewComponent, selector: "nrcl-device-view" }, { kind: "pipe", type: i11.PaginatePipe, name: "paginate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
52
52
|
}
|
|
53
53
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListEventHistoryComponent, decorators: [{
|
|
54
54
|
type: Component,
|