ngx-histaff-alpha 4.5.2 → 4.5.3
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/app/libraries/core-page-view/core-page-view/core-page-view.component.mjs
CHANGED
|
@@ -25,7 +25,7 @@ export class CorePageViewComponent extends BaseComponent {
|
|
|
25
25
|
});
|
|
26
26
|
}
|
|
27
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: CorePageViewComponent, deps: [{ token: i1.MultiLanguageService }, { token: i2.LayoutService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.3", type: CorePageViewComponent, isStandalone: true, selector: "core-page-view", inputs: { caption: "caption", sections: "sections", highlightedFields: "highlightedFields", hightlightedColor: "hightlightedColor", loading: "loading", showLeftLine: "showLeftLine" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #container class=\"core-page-view-container\">\r\n <core-loading-surface [loading]=\"loading\"></core-loading-surface>\r\n\r\n <div [class.show-left-line]=\"showLeftLine\">\r\n <div class=\"sections-wrapper\">\r\n\r\n @for (section of sections; track section) {\r\n <div class=\"section\">\r\n <div class=\"section-header-label\" *ngIf=\"section.caption\">\r\n <div class=\"icon-info\"></div>\r\n <label>{{ section.caption | translate : lang }}</label>\r\n </div>\r\n\r\n @for (row of section.rows; track row) {\r\n <div class=\"row mb15 no-padding no-margin\">\r\n @for (item of row; track $index) {\r\n <div [class]=\"'col-md-' + (item.labelFlexSize + item.flexSize)\">\r\n <div class=\"form-group vertical\" [ngStyle]=\"{\r\n backgroundColor: formGroupBackgroundColor\r\n }\">\r\n <div [appTooltip]=\"item.label | translate : lang\" class=\"label\">{{ item.label | translate : lang }}\r\n @if (!!item.hint!) {\r\n <i class=\"feather-help-circle\" [appTooltip]=\"item.hint!\"></i>\r\n }\r\n
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.3", type: CorePageViewComponent, isStandalone: true, selector: "core-page-view", inputs: { caption: "caption", sections: "sections", highlightedFields: "highlightedFields", hightlightedColor: "hightlightedColor", loading: "loading", showLeftLine: "showLeftLine" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #container class=\"core-page-view-container\">\r\n <core-loading-surface [loading]=\"loading\"></core-loading-surface>\r\n\r\n <div [class.show-left-line]=\"showLeftLine\">\r\n <div class=\"sections-wrapper\">\r\n\r\n @for (section of sections; track section) {\r\n <div class=\"section\">\r\n <div class=\"section-header-label\" *ngIf=\"section.caption\">\r\n <div class=\"icon-info\"></div>\r\n <label>{{ section.caption | translate : lang }}</label>\r\n </div>\r\n\r\n @for (row of section.rows; track row) {\r\n <div class=\"row mb15 no-padding no-margin\">\r\n @for (item of row; track $index) {\r\n <div [class]=\"'col-md-' + (item.labelFlexSize + item.flexSize)\">\r\n <div class=\"form-group vertical\" [ngStyle]=\"{\r\n backgroundColor: formGroupBackgroundColor\r\n }\">\r\n <div [appTooltip]=\"item.label | translate : lang\" class=\"label\">{{ item.label | translate : lang }}\r\n @if (!!item.hint!) {\r\n <i class=\"feather-help-circle\" [appTooltip]=\"item.hint!\"></i>\r\n }\r\n </div>\r\n @if (item.controlType === 'TEMPLATE' && !!item.templateRef) {\r\n <ng-container *ngTemplateOutlet=\"item.templateRef!; context: { context: item.value }\"></ng-container>\r\n } @else {\r\n <div [appTooltip]=\"item.value | tableCell : item.pipe : lang\" class=\"content\"\r\n [class.hightlighted]=\"highlightedFields.includes(item.field!)\">\r\n {{ item.value | tableCell : item.pipe : lang }}\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n }\r\n\r\n </div>\r\n </div>\r\n</div>", styles: [".core-page-view-container{--color-hightlighted: var(--color-basic-orange);font-size:13px}.core-page-view-container .vertical{margin-top:0;margin-bottom:10px}.core-page-view-container .row .label{width:100%;font-weight:400;line-height:20px;color:#a3a3a3;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 8px 0 5px}.core-page-view-container .row .content{height:28px;width:100%;font-weight:400;line-height:20px;color:#000;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px 5px 5px}.core-page-view-container .row .content.hightlighted{color:var(--color-hightlighted)}.core-page-view-container .sections-wrapper{margin:0 5px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: TableCellPipe, name: "tableCell" }, { kind: "component", type: CoreLoadingSurfaceComponent, selector: "core-loading-surface", inputs: ["loading", "height"] }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["color", "backgroundColor", "appTooltip", "showAnyway", "position"] }] }); }
|
|
29
29
|
}
|
|
30
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: CorePageViewComponent, decorators: [{
|
|
31
31
|
type: Component,
|
|
@@ -37,7 +37,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
|
|
|
37
37
|
TableCellPipe,
|
|
38
38
|
CoreLoadingSurfaceComponent,
|
|
39
39
|
TooltipDirective
|
|
40
|
-
], template: "<div #container class=\"core-page-view-container\">\r\n <core-loading-surface [loading]=\"loading\"></core-loading-surface>\r\n\r\n <div [class.show-left-line]=\"showLeftLine\">\r\n <div class=\"sections-wrapper\">\r\n\r\n @for (section of sections; track section) {\r\n <div class=\"section\">\r\n <div class=\"section-header-label\" *ngIf=\"section.caption\">\r\n <div class=\"icon-info\"></div>\r\n <label>{{ section.caption | translate : lang }}</label>\r\n </div>\r\n\r\n @for (row of section.rows; track row) {\r\n <div class=\"row mb15 no-padding no-margin\">\r\n @for (item of row; track $index) {\r\n <div [class]=\"'col-md-' + (item.labelFlexSize + item.flexSize)\">\r\n <div class=\"form-group vertical\" [ngStyle]=\"{\r\n backgroundColor: formGroupBackgroundColor\r\n }\">\r\n <div [appTooltip]=\"item.label | translate : lang\" class=\"label\">{{ item.label | translate : lang }}\r\n @if (!!item.hint!) {\r\n <i class=\"feather-help-circle\" [appTooltip]=\"item.hint!\"></i>\r\n }\r\n
|
|
40
|
+
], template: "<div #container class=\"core-page-view-container\">\r\n <core-loading-surface [loading]=\"loading\"></core-loading-surface>\r\n\r\n <div [class.show-left-line]=\"showLeftLine\">\r\n <div class=\"sections-wrapper\">\r\n\r\n @for (section of sections; track section) {\r\n <div class=\"section\">\r\n <div class=\"section-header-label\" *ngIf=\"section.caption\">\r\n <div class=\"icon-info\"></div>\r\n <label>{{ section.caption | translate : lang }}</label>\r\n </div>\r\n\r\n @for (row of section.rows; track row) {\r\n <div class=\"row mb15 no-padding no-margin\">\r\n @for (item of row; track $index) {\r\n <div [class]=\"'col-md-' + (item.labelFlexSize + item.flexSize)\">\r\n <div class=\"form-group vertical\" [ngStyle]=\"{\r\n backgroundColor: formGroupBackgroundColor\r\n }\">\r\n <div [appTooltip]=\"item.label | translate : lang\" class=\"label\">{{ item.label | translate : lang }}\r\n @if (!!item.hint!) {\r\n <i class=\"feather-help-circle\" [appTooltip]=\"item.hint!\"></i>\r\n }\r\n </div>\r\n @if (item.controlType === 'TEMPLATE' && !!item.templateRef) {\r\n <ng-container *ngTemplateOutlet=\"item.templateRef!; context: { context: item.value }\"></ng-container>\r\n } @else {\r\n <div [appTooltip]=\"item.value | tableCell : item.pipe : lang\" class=\"content\"\r\n [class.hightlighted]=\"highlightedFields.includes(item.field!)\">\r\n {{ item.value | tableCell : item.pipe : lang }}\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n }\r\n\r\n </div>\r\n </div>\r\n</div>", styles: [".core-page-view-container{--color-hightlighted: var(--color-basic-orange);font-size:13px}.core-page-view-container .vertical{margin-top:0;margin-bottom:10px}.core-page-view-container .row .label{width:100%;font-weight:400;line-height:20px;color:#a3a3a3;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 8px 0 5px}.core-page-view-container .row .content{height:28px;width:100%;font-weight:400;line-height:20px;color:#000;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px 5px 5px}.core-page-view-container .row .content.hightlighted{color:var(--color-hightlighted)}.core-page-view-container .sections-wrapper{margin:0 5px}\n"] }]
|
|
41
41
|
}], ctorParameters: () => [{ type: i1.MultiLanguageService }, { type: i2.LayoutService }], propDecorators: { container: [{
|
|
42
42
|
type: ViewChild,
|
|
43
43
|
args: ['container']
|
|
@@ -54,4 +54,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
|
|
|
54
54
|
}], showLeftLine: [{
|
|
55
55
|
type: Input
|
|
56
56
|
}] } });
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1wYWdlLXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWhpc3RhZmYtYWxwaGEvc3JjL2xpYi9hcHAvbGlicmFyaWVzL2NvcmUtcGFnZS12aWV3L2NvcmUtcGFnZS12aWV3L2NvcmUtcGFnZS12aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1oaXN0YWZmLWFscGhhL3NyYy9saWIvYXBwL2xpYnJhcmllcy9jb3JlLXBhZ2Utdmlldy9jb3JlLXBhZ2Utdmlldy9jb3JlLXBhZ2Utdmlldy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLFNBQVMsRUFBYyxLQUFLLEVBQVUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRS9GLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUd6RSxPQUFPLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNsRSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxnRkFBZ0YsQ0FBQztBQUM3SCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNuRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7Ozs7QUFrQjVELE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxhQUFhO0lBYXRELFlBQ2tCLEdBQXlCLEVBQ2pDLGFBQTRCO1FBRXBDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUhLLFFBQUcsR0FBSCxHQUFHLENBQXNCO1FBQ2pDLGtCQUFhLEdBQWIsYUFBYSxDQUFlO1FBVDdCLHNCQUFpQixHQUFhLEVBQUUsQ0FBQztRQUsxQyw2QkFBd0IsR0FBVyxPQUFPLENBQUM7UUFPekMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQ3JCLElBQUksQ0FBQyxhQUFhLENBQUMscUNBQXFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLHdCQUF3QixHQUFHLENBQUMsQ0FBQyxDQUMzRyxDQUFBO0lBQ0gsQ0FBQztJQUVELGVBQWU7UUFDYixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLGlCQUFpQixJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsTUFBTSxFQUFFO2dCQUMvRCxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLHNCQUFzQixFQUFFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFBO2FBQy9GO1FBQ0gsQ0FBQyxDQUFDLENBQUE7SUFDSixDQUFDOzhHQTdCVSxxQkFBcUI7a0dBQXJCLHFCQUFxQixpWUMzQmxDLHExREEyQ00sa3ZCRDNCRixJQUFJLDZGQUNKLE9BQU8sMkVBQ1AsZ0JBQWdCLCtJQUNoQixhQUFhLDZDQUNiLGFBQWEsa0RBQ2IsMkJBQTJCLGdHQUMzQixnQkFBZ0I7OzJGQUtQLHFCQUFxQjtrQkFmakMsU0FBUzsrQkFDRSxnQkFBZ0IsY0FDZCxJQUFJLFdBQ1A7d0JBQ1AsSUFBSTt3QkFDSixPQUFPO3dCQUNQLGdCQUFnQjt3QkFDaEIsYUFBYTt3QkFDYixhQUFhO3dCQUNiLDJCQUEyQjt3QkFDM0IsZ0JBQWdCO3FCQUNqQjtxSEFNdUIsU0FBUztzQkFBaEMsU0FBUzt1QkFBQyxXQUFXO2dCQUViLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBPbkluaXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJQ29yZVZpZXdTZWN0aW9uIH0gZnJvbSAnLi4vZW51bS1pbnRlcmZhY2VzJztcclxuaW1wb3J0IHsgQmFzZUNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2Jhc2UtY29tcG9uZW50L2Jhc2UvYmFzZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBNdWx0aUxhbmd1YWdlU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL211bHRpLWxhbmd1YWdlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBFbnVtVHJhbnNsYXRlS2V5IH0gZnJvbSBcImFscGhhLWdsb2JhbC1jb25zdGFudHNcIjtcclxuaW1wb3J0IHsgTmdJZiwgTmdTdHlsZSwgTmdUZW1wbGF0ZU91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZVBpcGUgfSBmcm9tICcuLi8uLi8uLi9hcHAtcGlwZXMvdHJhbnNsYXRlLnBpcGUnO1xyXG5pbXBvcnQgeyBDb3JlTG9hZGluZ1N1cmZhY2VDb21wb25lbnQgfSBmcm9tICcuLi8uLi9jb3JlLWxvYWRpbmctc3VyZmFjZS9jb3JlLWxvYWRpbmctc3VyZmFjZS9jb3JlLWxvYWRpbmctc3VyZmFjZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBUb29sdGlwRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vdG9vbHRpcC90b29sdGlwLmRpcmVjdGl2ZSc7XHJcbmltcG9ydCB7IFRhYmxlQ2VsbFBpcGUgfSBmcm9tICcuLi8uLi9waXBlcy90YWJsZS1jZWxsLnBpcGUnO1xyXG5pbXBvcnQgeyBMYXlvdXRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvbGF5b3V0LnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjb3JlLXBhZ2UtdmlldycsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBOZ0lmLFxyXG4gICAgTmdTdHlsZSxcclxuICAgIE5nVGVtcGxhdGVPdXRsZXQsXHJcbiAgICBUcmFuc2xhdGVQaXBlLFxyXG4gICAgVGFibGVDZWxsUGlwZSxcclxuICAgIENvcmVMb2FkaW5nU3VyZmFjZUNvbXBvbmVudCxcclxuICAgIFRvb2x0aXBEaXJlY3RpdmVcclxuICBdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb3JlLXBhZ2Utdmlldy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY29yZS1wYWdlLXZpZXcuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29yZVBhZ2VWaWV3Q29tcG9uZW50IGV4dGVuZHMgQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ2NvbnRhaW5lcicpIGNvbnRhaW5lciE6IEVsZW1lbnRSZWY8YW55PjtcclxuXHJcbiAgQElucHV0KCkgY2FwdGlvbiE6IEVudW1UcmFuc2xhdGVLZXk7XHJcbiAgQElucHV0KCkgc2VjdGlvbnMhOiBJQ29yZVZpZXdTZWN0aW9uW107XHJcbiAgQElucHV0KCkgaGlnaGxpZ2h0ZWRGaWVsZHM6IHN0cmluZ1tdID0gW107XHJcbiAgQElucHV0KCkgaGlnaHRsaWdodGVkQ29sb3IhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgbG9hZGluZyE6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgc2hvd0xlZnRMaW5lITogYm9vbGVhbjtcclxuXHJcbiAgZm9ybUdyb3VwQmFja2dyb3VuZENvbG9yOiBzdHJpbmcgPSAnd2hpdGUnO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHB1YmxpYyBvdmVycmlkZSBtbHM6IE11bHRpTGFuZ3VhZ2VTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBsYXlvdXRTZXJ2aWNlOiBMYXlvdXRTZXJ2aWNlXHJcbiAgKSB7XHJcbiAgICBzdXBlcihtbHMpO1xyXG4gICAgdGhpcy5zdWJzY3JpcHRpb25zLnB1c2goXHJcbiAgICAgIHRoaXMubGF5b3V0U2VydmljZS5jb3JlUGFnZVZpZXdGb3JtR3JvdXBCYWNrZ3JvdW5kQ29sb3IkLnN1YnNjcmliZSh4ID0+IHRoaXMuZm9ybUdyb3VwQmFja2dyb3VuZENvbG9yID0geClcclxuICAgIClcclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICBpZiAoISF0aGlzLmhpZ2h0bGlnaHRlZENvbG9yICYmICEhdGhpcy5oaWdodGxpZ2h0ZWRDb2xvci5sZW5ndGgpIHtcclxuICAgICAgICB0aGlzLmNvbnRhaW5lci5uYXRpdmVFbGVtZW50LnN0eWxlLnNldFByb3BlcnR5KCctLWNvbG9yLWhpZ2h0bGlnaHRlZCcsIHRoaXMuaGlnaHRsaWdodGVkQ29sb3IpXHJcbiAgICAgIH1cclxuICAgIH0pXHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2ICNjb250YWluZXIgY2xhc3M9XCJjb3JlLXBhZ2Utdmlldy1jb250YWluZXJcIj5cclxuICA8Y29yZS1sb2FkaW5nLXN1cmZhY2UgW2xvYWRpbmddPVwibG9hZGluZ1wiPjwvY29yZS1sb2FkaW5nLXN1cmZhY2U+XHJcblxyXG4gIDxkaXYgW2NsYXNzLnNob3ctbGVmdC1saW5lXT1cInNob3dMZWZ0TGluZVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInNlY3Rpb25zLXdyYXBwZXJcIj5cclxuXHJcbiAgICAgIEBmb3IgKHNlY3Rpb24gb2Ygc2VjdGlvbnM7IHRyYWNrIHNlY3Rpb24pIHtcclxuICAgICAgPGRpdiBjbGFzcz1cInNlY3Rpb25cIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwic2VjdGlvbi1oZWFkZXItbGFiZWxcIiAqbmdJZj1cInNlY3Rpb24uY2FwdGlvblwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImljb24taW5mb1wiPjwvZGl2PlxyXG4gICAgICAgICAgPGxhYmVsPnt7IHNlY3Rpb24uY2FwdGlvbiB8IHRyYW5zbGF0ZSA6IGxhbmcgfX08L2xhYmVsPlxyXG4gICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICBAZm9yIChyb3cgb2Ygc2VjdGlvbi5yb3dzOyB0cmFjayByb3cpIHtcclxuICAgICAgICA8ZGl2IGNsYXNzPVwicm93IG1iMTUgbm8tcGFkZGluZyBuby1tYXJnaW5cIj5cclxuICAgICAgICAgIEBmb3IgKGl0ZW0gb2Ygcm93OyB0cmFjayAkaW5kZXgpIHtcclxuICAgICAgICAgIDxkaXYgW2NsYXNzXT1cIidjb2wtbWQtJyArIChpdGVtLmxhYmVsRmxleFNpemUgKyBpdGVtLmZsZXhTaXplKVwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1ncm91cCB2ZXJ0aWNhbFwiIFtuZ1N0eWxlXT1cIntcclxuICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBmb3JtR3JvdXBCYWNrZ3JvdW5kQ29sb3JcclxuICAgICAgICAgICAgICAgIH1cIj5cclxuICAgICAgICAgICAgICA8ZGl2IFthcHBUb29sdGlwXT1cIml0ZW0ubGFiZWwgfCB0cmFuc2xhdGUgOiBsYW5nXCIgY2xhc3M9XCJsYWJlbFwiPnt7IGl0ZW0ubGFiZWwgfCB0cmFuc2xhdGUgOiBsYW5nIH19XHJcbiAgICAgICAgICAgICAgICBAaWYgKCEhaXRlbS5oaW50ISkge1xyXG4gICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJmZWF0aGVyLWhlbHAtY2lyY2xlXCIgW2FwcFRvb2x0aXBdPVwiaXRlbS5oaW50IVwiPjwvaT5cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICBAaWYgKGl0ZW0uY29udHJvbFR5cGUgPT09ICdURU1QTEFURScgJiYgISFpdGVtLnRlbXBsYXRlUmVmKSB7XHJcbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaXRlbS50ZW1wbGF0ZVJlZiE7IGNvbnRleHQ6IHsgY29udGV4dDogaXRlbS52YWx1ZSB9XCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgfSBAZWxzZSB7XHJcbiAgICAgICAgICAgICAgPGRpdiBbYXBwVG9vbHRpcF09XCJpdGVtLnZhbHVlIHwgdGFibGVDZWxsIDogaXRlbS5waXBlIDogbGFuZ1wiIGNsYXNzPVwiY29udGVudFwiXHJcbiAgICAgICAgICAgICAgICBbY2xhc3MuaGlnaHRsaWdodGVkXT1cImhpZ2hsaWdodGVkRmllbGRzLmluY2x1ZGVzKGl0ZW0uZmllbGQhKVwiPlxyXG4gICAgICAgICAgICAgICAge3sgaXRlbS52YWx1ZSB8IHRhYmxlQ2VsbCA6IGl0ZW0ucGlwZSA6IGxhbmcgfX1cclxuICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgfVxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgfVxyXG5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj4iXX0=
|
|
@@ -26699,7 +26699,7 @@ class CorePageViewComponent extends BaseComponent {
|
|
|
26699
26699
|
});
|
|
26700
26700
|
}
|
|
26701
26701
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: CorePageViewComponent, deps: [{ token: MultiLanguageService }, { token: LayoutService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26702
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.3", type: CorePageViewComponent, isStandalone: true, selector: "core-page-view", inputs: { caption: "caption", sections: "sections", highlightedFields: "highlightedFields", hightlightedColor: "hightlightedColor", loading: "loading", showLeftLine: "showLeftLine" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #container class=\"core-page-view-container\">\r\n <core-loading-surface [loading]=\"loading\"></core-loading-surface>\r\n\r\n <div [class.show-left-line]=\"showLeftLine\">\r\n <div class=\"sections-wrapper\">\r\n\r\n @for (section of sections; track section) {\r\n <div class=\"section\">\r\n <div class=\"section-header-label\" *ngIf=\"section.caption\">\r\n <div class=\"icon-info\"></div>\r\n <label>{{ section.caption | translate : lang }}</label>\r\n </div>\r\n\r\n @for (row of section.rows; track row) {\r\n <div class=\"row mb15 no-padding no-margin\">\r\n @for (item of row; track $index) {\r\n <div [class]=\"'col-md-' + (item.labelFlexSize + item.flexSize)\">\r\n <div class=\"form-group vertical\" [ngStyle]=\"{\r\n backgroundColor: formGroupBackgroundColor\r\n }\">\r\n <div [appTooltip]=\"item.label | translate : lang\" class=\"label\">{{ item.label | translate : lang }}\r\n @if (!!item.hint!) {\r\n <i class=\"feather-help-circle\" [appTooltip]=\"item.hint!\"></i>\r\n }\r\n
|
|
26702
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.3", type: CorePageViewComponent, isStandalone: true, selector: "core-page-view", inputs: { caption: "caption", sections: "sections", highlightedFields: "highlightedFields", hightlightedColor: "hightlightedColor", loading: "loading", showLeftLine: "showLeftLine" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #container class=\"core-page-view-container\">\r\n <core-loading-surface [loading]=\"loading\"></core-loading-surface>\r\n\r\n <div [class.show-left-line]=\"showLeftLine\">\r\n <div class=\"sections-wrapper\">\r\n\r\n @for (section of sections; track section) {\r\n <div class=\"section\">\r\n <div class=\"section-header-label\" *ngIf=\"section.caption\">\r\n <div class=\"icon-info\"></div>\r\n <label>{{ section.caption | translate : lang }}</label>\r\n </div>\r\n\r\n @for (row of section.rows; track row) {\r\n <div class=\"row mb15 no-padding no-margin\">\r\n @for (item of row; track $index) {\r\n <div [class]=\"'col-md-' + (item.labelFlexSize + item.flexSize)\">\r\n <div class=\"form-group vertical\" [ngStyle]=\"{\r\n backgroundColor: formGroupBackgroundColor\r\n }\">\r\n <div [appTooltip]=\"item.label | translate : lang\" class=\"label\">{{ item.label | translate : lang }}\r\n @if (!!item.hint!) {\r\n <i class=\"feather-help-circle\" [appTooltip]=\"item.hint!\"></i>\r\n }\r\n </div>\r\n @if (item.controlType === 'TEMPLATE' && !!item.templateRef) {\r\n <ng-container *ngTemplateOutlet=\"item.templateRef!; context: { context: item.value }\"></ng-container>\r\n } @else {\r\n <div [appTooltip]=\"item.value | tableCell : item.pipe : lang\" class=\"content\"\r\n [class.hightlighted]=\"highlightedFields.includes(item.field!)\">\r\n {{ item.value | tableCell : item.pipe : lang }}\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n }\r\n\r\n </div>\r\n </div>\r\n</div>", styles: [".core-page-view-container{--color-hightlighted: var(--color-basic-orange);font-size:13px}.core-page-view-container .vertical{margin-top:0;margin-bottom:10px}.core-page-view-container .row .label{width:100%;font-weight:400;line-height:20px;color:#a3a3a3;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 8px 0 5px}.core-page-view-container .row .content{height:28px;width:100%;font-weight:400;line-height:20px;color:#000;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px 5px 5px}.core-page-view-container .row .content.hightlighted{color:var(--color-hightlighted)}.core-page-view-container .sections-wrapper{margin:0 5px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: TableCellPipe, name: "tableCell" }, { kind: "component", type: CoreLoadingSurfaceComponent, selector: "core-loading-surface", inputs: ["loading", "height"] }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["color", "backgroundColor", "appTooltip", "showAnyway", "position"] }] }); }
|
|
26703
26703
|
}
|
|
26704
26704
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: CorePageViewComponent, decorators: [{
|
|
26705
26705
|
type: Component,
|
|
@@ -26711,7 +26711,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
|
|
|
26711
26711
|
TableCellPipe,
|
|
26712
26712
|
CoreLoadingSurfaceComponent,
|
|
26713
26713
|
TooltipDirective
|
|
26714
|
-
], template: "<div #container class=\"core-page-view-container\">\r\n <core-loading-surface [loading]=\"loading\"></core-loading-surface>\r\n\r\n <div [class.show-left-line]=\"showLeftLine\">\r\n <div class=\"sections-wrapper\">\r\n\r\n @for (section of sections; track section) {\r\n <div class=\"section\">\r\n <div class=\"section-header-label\" *ngIf=\"section.caption\">\r\n <div class=\"icon-info\"></div>\r\n <label>{{ section.caption | translate : lang }}</label>\r\n </div>\r\n\r\n @for (row of section.rows; track row) {\r\n <div class=\"row mb15 no-padding no-margin\">\r\n @for (item of row; track $index) {\r\n <div [class]=\"'col-md-' + (item.labelFlexSize + item.flexSize)\">\r\n <div class=\"form-group vertical\" [ngStyle]=\"{\r\n backgroundColor: formGroupBackgroundColor\r\n }\">\r\n <div [appTooltip]=\"item.label | translate : lang\" class=\"label\">{{ item.label | translate : lang }}\r\n @if (!!item.hint!) {\r\n <i class=\"feather-help-circle\" [appTooltip]=\"item.hint!\"></i>\r\n }\r\n
|
|
26714
|
+
], template: "<div #container class=\"core-page-view-container\">\r\n <core-loading-surface [loading]=\"loading\"></core-loading-surface>\r\n\r\n <div [class.show-left-line]=\"showLeftLine\">\r\n <div class=\"sections-wrapper\">\r\n\r\n @for (section of sections; track section) {\r\n <div class=\"section\">\r\n <div class=\"section-header-label\" *ngIf=\"section.caption\">\r\n <div class=\"icon-info\"></div>\r\n <label>{{ section.caption | translate : lang }}</label>\r\n </div>\r\n\r\n @for (row of section.rows; track row) {\r\n <div class=\"row mb15 no-padding no-margin\">\r\n @for (item of row; track $index) {\r\n <div [class]=\"'col-md-' + (item.labelFlexSize + item.flexSize)\">\r\n <div class=\"form-group vertical\" [ngStyle]=\"{\r\n backgroundColor: formGroupBackgroundColor\r\n }\">\r\n <div [appTooltip]=\"item.label | translate : lang\" class=\"label\">{{ item.label | translate : lang }}\r\n @if (!!item.hint!) {\r\n <i class=\"feather-help-circle\" [appTooltip]=\"item.hint!\"></i>\r\n }\r\n </div>\r\n @if (item.controlType === 'TEMPLATE' && !!item.templateRef) {\r\n <ng-container *ngTemplateOutlet=\"item.templateRef!; context: { context: item.value }\"></ng-container>\r\n } @else {\r\n <div [appTooltip]=\"item.value | tableCell : item.pipe : lang\" class=\"content\"\r\n [class.hightlighted]=\"highlightedFields.includes(item.field!)\">\r\n {{ item.value | tableCell : item.pipe : lang }}\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n }\r\n\r\n </div>\r\n </div>\r\n</div>", styles: [".core-page-view-container{--color-hightlighted: var(--color-basic-orange);font-size:13px}.core-page-view-container .vertical{margin-top:0;margin-bottom:10px}.core-page-view-container .row .label{width:100%;font-weight:400;line-height:20px;color:#a3a3a3;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 8px 0 5px}.core-page-view-container .row .content{height:28px;width:100%;font-weight:400;line-height:20px;color:#000;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px 5px 5px}.core-page-view-container .row .content.hightlighted{color:var(--color-hightlighted)}.core-page-view-container .sections-wrapper{margin:0 5px}\n"] }]
|
|
26715
26715
|
}], ctorParameters: () => [{ type: MultiLanguageService }, { type: LayoutService }], propDecorators: { container: [{
|
|
26716
26716
|
type: ViewChild,
|
|
26717
26717
|
args: ['container']
|