@pega/angular-sdk-components 0.242.3 → 0.242.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/_bridge/component-mapper/component-mapper.component.mjs +3 -10
- package/esm2022/lib/_components/designSystemExtension/material-case-summary/material-case-summary.component.mjs +3 -3
- package/esm2022/lib/_components/field/currency/currency.component.mjs +14 -12
- package/esm2022/lib/_components/field/date-time/date-time.component.mjs +3 -3
- package/esm2022/lib/_components/field/decimal/decimal.component.mjs +16 -14
- package/esm2022/lib/_components/field/dropdown/dropdown.component.mjs +116 -14
- package/esm2022/lib/_components/field/percentage/percentage.component.mjs +16 -11
- package/esm2022/lib/_components/field/time/time.component.mjs +2 -2
- package/esm2022/lib/_components/infra/view/view.component.mjs +6 -4
- package/esm2022/lib/_components/template/base/details-template-base.mjs +56 -0
- package/esm2022/lib/_components/template/base/form-template-base.mjs +13 -0
- package/esm2022/lib/_components/template/case-view/case-view.component.mjs +9 -14
- package/esm2022/lib/_components/template/default-form/default-form.component.mjs +5 -19
- package/esm2022/lib/_components/template/details/details.component.mjs +9 -36
- package/esm2022/lib/_components/template/details-narrow-wide/details-narrow-wide.component.mjs +9 -36
- package/esm2022/lib/_components/template/details-one-column/details-one-column.component.mjs +9 -38
- package/esm2022/lib/_components/template/details-sub-tabs/details-sub-tabs.component.mjs +12 -39
- package/esm2022/lib/_components/template/details-three-column/details-three-column.component.mjs +9 -38
- package/esm2022/lib/_components/template/details-two-column/details-two-column.component.mjs +9 -38
- package/esm2022/lib/_components/template/details-wide-narrow/details-wide-narrow.component.mjs +9 -38
- package/esm2022/lib/_components/template/dynamic-tabs/dynamic-tabs.component.mjs +5 -4
- package/esm2022/lib/_components/template/field-value-list/field-value-list.component.mjs +3 -3
- package/esm2022/lib/_components/template/list-view/list-view.component.mjs +19 -4
- package/esm2022/lib/_components/template/one-column/one-column.component.mjs +3 -3
- package/esm2022/lib/_components/template/simple-table-manual/simple-table-manual.component.mjs +3 -3
- package/esm2022/lib/_components/template/three-column/three-column.component.mjs +3 -3
- package/esm2022/lib/_components/template/two-column/two-column.component.mjs +3 -3
- package/esm2022/lib/_components/template/wide-narrow-form/wide-narrow-form.component.mjs +3 -3
- package/esm2022/public-api.mjs +3 -2
- package/fesm2022/pega-angular-sdk-components.mjs +376 -419
- package/fesm2022/pega-angular-sdk-components.mjs.map +1 -1
- package/lib/_components/field/currency/currency.component.d.ts +3 -3
- package/lib/_components/field/decimal/decimal.component.d.ts +3 -3
- package/lib/_components/field/dropdown/dropdown.component.d.ts +11 -1
- package/lib/_components/field/percentage/percentage.component.d.ts +2 -2
- package/lib/_components/infra/view/view.component.d.ts +1 -0
- package/lib/_components/template/base/details-template-base.d.ts +22 -0
- package/lib/_components/template/base/form-template-base.d.ts +8 -0
- package/lib/_components/template/case-view/case-view.component.d.ts +1 -2
- package/lib/_components/template/default-form/default-form.component.d.ts +2 -6
- package/lib/_components/template/details/details.component.d.ts +3 -11
- package/lib/_components/template/details-narrow-wide/details-narrow-wide.component.d.ts +3 -11
- package/lib/_components/template/details-one-column/details-one-column.component.d.ts +3 -13
- package/lib/_components/template/details-sub-tabs/details-sub-tabs.component.d.ts +3 -13
- package/lib/_components/template/details-three-column/details-three-column.component.d.ts +3 -13
- package/lib/_components/template/details-two-column/details-two-column.component.d.ts +3 -13
- package/lib/_components/template/details-wide-narrow/details-wide-narrow.component.d.ts +3 -13
- package/lib/_components/template/dynamic-tabs/dynamic-tabs.component.d.ts +1 -0
- package/lib/_components/template/list-view/list-view.component.d.ts +5 -0
- package/lib/_components/template/one-column/one-column.component.d.ts +2 -2
- package/lib/_components/template/three-column/three-column.component.d.ts +2 -2
- package/lib/_components/template/two-column/two-column.component.d.ts +2 -2
- package/lib/_components/template/wide-narrow-form/wide-narrow-form.component.d.ts +2 -2
- package/package.json +1 -1
- package/public-api.d.ts +2 -1
- package/esm2022/lib/_components/template/form-template-base/form-template-base.component.mjs +0 -13
- package/lib/_components/template/form-template-base/form-template-base.component.d.ts +0 -8
|
@@ -7,11 +7,11 @@ export class FieldValueListComponent {
|
|
|
7
7
|
this.isHtml$ = false;
|
|
8
8
|
}
|
|
9
9
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FieldValueListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: FieldValueListComponent, isStandalone: true, selector: "app-field-value-list", inputs: { label$: "label$", value$: "value$", displayMode$: "displayMode$", isHtml$: "isHtml$" }, ngImport: i0, template: "<div *ngIf=\"displayMode$ === 'DISPLAY_ONLY'; else STACKED_LARGE_VAL\" class=\"psdk-container-labels-left\">\n <div class=\"psdk-grid-label\">{{ label$ }}</div>\n <div class=\"psdk-val-labels-left\">\n <ng-container *ngTemplateOutlet=\"valueTemplate\"></ng-container>\n </div>\n</div>\n\n<ng-template #STACKED_LARGE_VAL>\n <div *ngIf=\"displayMode$ === 'STACKED_LARGE_VAL'\" class=\"psdk-container-stacked-large-val\">\n <div class=\"psdk-grid-label\">{{ label$ }}</div>\n <div class=\"psdk-val-stacked\">\n <ng-container *ngTemplateOutlet=\"valueTemplate\"></ng-container>\n </div>\n </div>\n</ng-template>\n\n<ng-template #valueTemplate>\n <div *ngIf=\"isHtml$; else valueOnly\" id=\"instruction-text\" [innerHTML]=\"value$ || '---'\"></div>\n <ng-template #valueOnly>{{ value$ || '---' }}</ng-template>\n</ng-template>\n", styles: [".psdk-container-labels-left{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;row-gap:1rem;align-items:start;padding-block:8px}.psdk-value{margin:8px 0}.psdk-value-hf{margin:8px 0;font-weight:500;font-size:1.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: FieldValueListComponent, isStandalone: true, selector: "app-field-value-list", inputs: { label$: "label$", value$: "value$", displayMode$: "displayMode$", isHtml$: "isHtml$" }, ngImport: i0, template: "<div *ngIf=\"displayMode$ === 'DISPLAY_ONLY'; else STACKED_LARGE_VAL\" class=\"psdk-container-labels-left\">\n <div class=\"psdk-grid-label\">{{ label$ }}</div>\n <div class=\"psdk-val-labels-left\">\n <ng-container *ngTemplateOutlet=\"valueTemplate\"></ng-container>\n </div>\n</div>\n\n<ng-template #STACKED_LARGE_VAL>\n <div *ngIf=\"displayMode$ === 'STACKED_LARGE_VAL'\" class=\"psdk-container-stacked-large-val\">\n <div class=\"psdk-grid-label\">{{ label$ }}</div>\n <div class=\"psdk-val-stacked\">\n <ng-container *ngTemplateOutlet=\"valueTemplate\"></ng-container>\n </div>\n </div>\n</ng-template>\n\n<ng-template #valueTemplate>\n <div *ngIf=\"isHtml$; else valueOnly\" id=\"instruction-text\" [innerHTML]=\"value$ || '---'\"></div>\n <ng-template #valueOnly>{{ value$ || '---' }}</ng-template>\n</ng-template>\n", styles: [".psdk-container-labels-left{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;row-gap:1rem;align-items:start;padding-block:8px}.psdk-value{margin:8px 0}.psdk-value-hf{margin:8px 0;font-weight:500;font-size:1.25rem}.psdk-val-labels-left{white-space:break-spaces}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
11
11
|
}
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FieldValueListComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
|
-
args: [{ selector: 'app-field-value-list', standalone: true, imports: [CommonModule], template: "<div *ngIf=\"displayMode$ === 'DISPLAY_ONLY'; else STACKED_LARGE_VAL\" class=\"psdk-container-labels-left\">\n <div class=\"psdk-grid-label\">{{ label$ }}</div>\n <div class=\"psdk-val-labels-left\">\n <ng-container *ngTemplateOutlet=\"valueTemplate\"></ng-container>\n </div>\n</div>\n\n<ng-template #STACKED_LARGE_VAL>\n <div *ngIf=\"displayMode$ === 'STACKED_LARGE_VAL'\" class=\"psdk-container-stacked-large-val\">\n <div class=\"psdk-grid-label\">{{ label$ }}</div>\n <div class=\"psdk-val-stacked\">\n <ng-container *ngTemplateOutlet=\"valueTemplate\"></ng-container>\n </div>\n </div>\n</ng-template>\n\n<ng-template #valueTemplate>\n <div *ngIf=\"isHtml$; else valueOnly\" id=\"instruction-text\" [innerHTML]=\"value$ || '---'\"></div>\n <ng-template #valueOnly>{{ value$ || '---' }}</ng-template>\n</ng-template>\n", styles: [".psdk-container-labels-left{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;row-gap:1rem;align-items:start;padding-block:8px}.psdk-value{margin:8px 0}.psdk-value-hf{margin:8px 0;font-weight:500;font-size:1.25rem}\n"] }]
|
|
14
|
+
args: [{ selector: 'app-field-value-list', standalone: true, imports: [CommonModule], template: "<div *ngIf=\"displayMode$ === 'DISPLAY_ONLY'; else STACKED_LARGE_VAL\" class=\"psdk-container-labels-left\">\n <div class=\"psdk-grid-label\">{{ label$ }}</div>\n <div class=\"psdk-val-labels-left\">\n <ng-container *ngTemplateOutlet=\"valueTemplate\"></ng-container>\n </div>\n</div>\n\n<ng-template #STACKED_LARGE_VAL>\n <div *ngIf=\"displayMode$ === 'STACKED_LARGE_VAL'\" class=\"psdk-container-stacked-large-val\">\n <div class=\"psdk-grid-label\">{{ label$ }}</div>\n <div class=\"psdk-val-stacked\">\n <ng-container *ngTemplateOutlet=\"valueTemplate\"></ng-container>\n </div>\n </div>\n</ng-template>\n\n<ng-template #valueTemplate>\n <div *ngIf=\"isHtml$; else valueOnly\" id=\"instruction-text\" [innerHTML]=\"value$ || '---'\"></div>\n <ng-template #valueOnly>{{ value$ || '---' }}</ng-template>\n</ng-template>\n", styles: [".psdk-container-labels-left{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;row-gap:1rem;align-items:start;padding-block:8px}.psdk-value{margin:8px 0}.psdk-value-hf{margin:8px 0;font-weight:500;font-size:1.25rem}.psdk-val-labels-left{white-space:break-spaces}\n"] }]
|
|
15
15
|
}], propDecorators: { label$: [{
|
|
16
16
|
type: Input
|
|
17
17
|
}], value$: [{
|
|
@@ -21,4 +21,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
|
|
|
21
21
|
}], isHtml$: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGQtdmFsdWUtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyLXNkay1jb21wb25lbnRzL3NyYy9saWIvX2NvbXBvbmVudHMvdGVtcGxhdGUvZmllbGQtdmFsdWUtbGlzdC9maWVsZC12YWx1ZS1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FuZ3VsYXItc2RrLWNvbXBvbmVudHMvc3JjL2xpYi9fY29tcG9uZW50cy90ZW1wbGF0ZS9maWVsZC12YWx1ZS1saXN0L2ZpZWxkLXZhbHVlLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTakQsTUFBTSxPQUFPLHVCQUF1QjtJQVBwQztRQVdXLFlBQU8sR0FBRyxLQUFLLENBQUM7S0FDMUI7K0dBTFksdUJBQXVCO21HQUF2Qix1QkFBdUIsa0xDVnBDLGkxQkFvQkEseVZEWlksWUFBWTs7NEZBRVgsdUJBQXVCO2tCQVBuQyxTQUFTOytCQUNFLHNCQUFzQixjQUdwQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7OEJBR2QsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1maWVsZC12YWx1ZS1saXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpZWxkLXZhbHVlLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9maWVsZC12YWx1ZS1saXN0LmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdXG59KVxuZXhwb3J0IGNsYXNzIEZpZWxkVmFsdWVMaXN0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgbGFiZWwkOiBhbnk7XG4gIEBJbnB1dCgpIHZhbHVlJDogYW55O1xuICBASW5wdXQoKSBkaXNwbGF5TW9kZSQ6IGFueTtcbiAgQElucHV0KCkgaXNIdG1sJCA9IGZhbHNlO1xufVxuIiwiPGRpdiAqbmdJZj1cImRpc3BsYXlNb2RlJCA9PT0gJ0RJU1BMQVlfT05MWSc7IGVsc2UgU1RBQ0tFRF9MQVJHRV9WQUxcIiBjbGFzcz1cInBzZGstY29udGFpbmVyLWxhYmVscy1sZWZ0XCI+XG4gIDxkaXYgY2xhc3M9XCJwc2RrLWdyaWQtbGFiZWxcIj57eyBsYWJlbCQgfX08L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInBzZGstdmFsLWxhYmVscy1sZWZ0XCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInZhbHVlVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9kaXY+XG48L2Rpdj5cblxuPG5nLXRlbXBsYXRlICNTVEFDS0VEX0xBUkdFX1ZBTD5cbiAgPGRpdiAqbmdJZj1cImRpc3BsYXlNb2RlJCA9PT0gJ1NUQUNLRURfTEFSR0VfVkFMJ1wiIGNsYXNzPVwicHNkay1jb250YWluZXItc3RhY2tlZC1sYXJnZS12YWxcIj5cbiAgICA8ZGl2IGNsYXNzPVwicHNkay1ncmlkLWxhYmVsXCI+e3sgbGFiZWwkIH19PC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInBzZGstdmFsLXN0YWNrZWRcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ2YWx1ZVRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICN2YWx1ZVRlbXBsYXRlPlxuICA8ZGl2ICpuZ0lmPVwiaXNIdG1sJDsgZWxzZSB2YWx1ZU9ubHlcIiBpZD1cImluc3RydWN0aW9uLXRleHRcIiBbaW5uZXJIVE1MXT1cInZhbHVlJCB8fCAnLS0tJ1wiPjwvZGl2PlxuICA8bmctdGVtcGxhdGUgI3ZhbHVlT25seT57eyB2YWx1ZSQgfHwgJy0tLScgfX08L25nLXRlbXBsYXRlPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|