barsa-develop-components 2.0.68 → 2.0.70
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/avatar/avatar.component.mjs +3 -3
- package/esm2022/lib/card-header-big-image-title-and-subtitle/card-header-big-image-title-and-subtitle.component.mjs +3 -3
- package/esm2022/lib/card-header-kpi/card-header-kpi.component.mjs +3 -3
- package/esm2022/lib/card-header-logo-title-subtitle/card-header-logo-title-subtitle.component.mjs +3 -3
- package/esm2022/lib/service-desk-header/service-desk-header.component.mjs +2 -1
- package/esm2022/lib/timer-count-down/timer-count-down.component.mjs +10 -4
- package/fesm2022/barsa-develop-components.mjs +18 -11
- package/fesm2022/barsa-develop-components.mjs.map +1 -1
- package/lib/timer-count-down/timer-count-down.component.d.ts +1 -0
- package/package.json +1 -1
|
@@ -6,6 +6,12 @@ export class TimerCountDownComponent extends FieldBaseComponent {
|
|
|
6
6
|
super.ngOnInit();
|
|
7
7
|
this._setCountDown(this.value);
|
|
8
8
|
}
|
|
9
|
+
ngOnDestroy() {
|
|
10
|
+
super.ngOnDestroy();
|
|
11
|
+
if (this._interval) {
|
|
12
|
+
clearInterval(this._interval);
|
|
13
|
+
}
|
|
14
|
+
}
|
|
9
15
|
_setValue(value) {
|
|
10
16
|
super._setValue(value);
|
|
11
17
|
this._setCountDown(value);
|
|
@@ -41,9 +47,9 @@ export class TimerCountDownComponent extends FieldBaseComponent {
|
|
|
41
47
|
minimumIntegerDigits: 2,
|
|
42
48
|
useGrouping: false
|
|
43
49
|
});
|
|
44
|
-
this.countDownText = `
|
|
45
|
-
${this._getMonthText(month)}
|
|
46
|
-
${this._daysText(days)}
|
|
50
|
+
this.countDownText = `
|
|
51
|
+
${this._getMonthText(month)}
|
|
52
|
+
${this._daysText(days)}
|
|
47
53
|
${this._getTimeText(hours, minutes, seconds)}`;
|
|
48
54
|
this._cdr.detectChanges();
|
|
49
55
|
}, 1000);
|
|
@@ -95,4 +101,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
|
|
|
95
101
|
}
|
|
96
102
|
], template: "<span>{{ countDownText }}</span>\r\n", styles: [":host{display:block;width:110px}\n"] }]
|
|
97
103
|
}] });
|
|
98
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
104
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXItY291bnQtZG93bi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1kZXZlbG9wLWNvbXBvbmVudHMvc3JjL2xpYi90aW1lci1jb3VudC1kb3duL3RpbWVyLWNvdW50LWRvd24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2EtZGV2ZWxvcC1jb21wb25lbnRzL3NyYy9saWIvdGltZXItY291bnQtZG93bi90aW1lci1jb3VudC1kb3duLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsdUJBQXVCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0UsT0FBTyxFQUFFLFdBQVcsRUFBRSxrQkFBa0IsRUFBRSxjQUFjLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7O0FBZW5HLE1BQU0sT0FBTyx1QkFBd0IsU0FBUSxrQkFBa0I7SUFHM0QsUUFBUTtRQUNKLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBQ0QsV0FBVztRQUNQLEtBQUssQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUNwQixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUNqQixhQUFhLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQ2xDLENBQUM7SUFDTCxDQUFDO0lBQ1MsU0FBUyxDQUFDLEtBQVU7UUFDMUIsS0FBSyxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN2QixJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFDUyxhQUFhLENBQUMsS0FBMEI7UUFDOUMsTUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFL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QUksQ0FBQyxVQUFVLEVBQUUsY0FBYyxFQUFFLENBQUM7Z0JBQ2xDLFFBQVEsSUFBSSxDQUFDLFVBQVUsQ0FBQyxjQUFjLEVBQUUsQ0FBQztvQkFDckMsS0FBSyxDQUFDO3dCQUNGLE9BQU8sVUFBVSxDQUFDO3dCQUNsQixNQUFNO29CQUNWLEtBQUssQ0FBQzt3QkFDRixPQUFPLGFBQWEsQ0FBQzt3QkFDckIsTUFBTTtvQkFDVixLQUFLLENBQUM7d0JBQ0YsT0FBTyxFQUFFLENBQUM7d0JBQ1YsTUFBTTtvQkFDVixLQUFLLENBQUMsRUFBRSxtQkFBbUI7d0JBQ3ZCLE9BQU8sR0FBRyxLQUFLLElBQUksT0FBTyxJQUFJLE9BQU8sRUFBRSxDQUFDO3dCQUN4QyxNQUFNO2dCQUNkLENBQUM7WUFDTCxDQUFDO1lBQ0QsT0FBTyxVQUFVLENBQUM7UUFDdEIsQ0FBQztRQUNELE9BQU8sR0FBRyxLQUFLLElBQUksT0FBTyxJQUFJLE9BQU8sRUFBRSxDQUFDO0lBQzVDLENBQUM7OEdBbEZRLHVCQUF1QjtrR0FBdkIsdUJBQXVCLCtDQVJyQjtZQUNQO2dCQUNJLE9BQU8sRUFBRSxXQUFXO2dCQUNwQixVQUFVLEVBQUUsY0FBYztnQkFDMUIsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDO2FBQ3JCO1NBQ0osaURDZEwsc0NBQ0E7OzJGRGVhLHVCQUF1QjtrQkFibkMsU0FBUzsrQkFDSSxzQkFBc0IsbUJBR2YsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDUDs0QkFDSSxPQUFPLEVBQUUsV0FBVzs0QkFDcEIsVUFBVSxFQUFFLGNBQWM7NEJBQzFCLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQzt5QkFDckI7cUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERhdGVTZXJ2aWNlLCBGaWVsZEJhc2VDb21wb25lbnQsIGdldERhdGVTZXJ2aWNlLCBMb2dTZXJ2aWNlIH0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2JkYy10aW1lci1jb3VudC1kb3duJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdGltZXItY291bnQtZG93bi5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdGltZXItY291bnQtZG93bi5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBEYXRlU2VydmljZSxcbiAgICAgICAgICAgIHVzZUZhY3Rvcnk6IGdldERhdGVTZXJ2aWNlLFxuICAgICAgICAgICAgZGVwczogW0xvZ1NlcnZpY2VdXG4gICAgICAgIH1cbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIFRpbWVyQ291bnREb3duQ29tcG9uZW50IGV4dGVuZHMgRmllbGRCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBjb3VudERvd25UZXh0OiBzdHJpbmc7XG4gICAgX2ludGVydmFsOiBhbnk7XG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XG4gICAgICAgIHRoaXMuX3NldENvdW50RG93bih0aGlzLnZhbHVlKTtcbiAgICB9XG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25EZXN0cm95KCk7XG4gICAgICAgIGlmICh0aGlzLl9pbnRlcnZhbCkge1xuICAgICAgICAgICAgY2xlYXJJbnRlcnZhbCh0aGlzLl9pbnRlcnZhbCk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgcHJvdGVjdGVkIF9zZXRWYWx1ZSh2YWx1ZTogYW55KTogdm9pZCB7XG4gICAgICAgIHN1cGVyLl9zZXRWYWx1ZSh2YWx1ZSk7XG4gICAgICAgIHRoaXMuX3NldENvdW50RG93bih2YWx1ZSk7XG4gICAgfVxuICAgIHByb3RlY3RlZCBfc2V0Q291bnREb3duKHZhbHVlOiBzdHJpbmcgfCBEYXRlIHwgYW55KTogdm9pZCB7XG4gICAgICAgIGNvbnN0IGtleXNJblZhbHVlID0gT2JqZWN0LmtleXModmFsdWUpO1xuICAgICAgICBsZXQgX3RlbXBWYWx1ZSA9IHZhbHVlO1xuICAgICAgICBpZiAoa2V5c0luVmFsdWUubGVuZ3RoKSB7XG4gICAgICAgICAgICBjb25zdCBmaW5kS2V5RGF0ZSA9IGtleXNJblZhbHVlLmZpbmQoKGMpID0+ICFpc05hTihEYXRlLnBhcnNlKHZhbHVlW2NdKSkpO1xuICAgICAgICAgICAgaWYgKGZpbmRLZXlEYXRlKSB7XG4gICAgICAgICAgICAgICAgX3RlbXBWYWx1ZSA9IG5ldyBEYXRlKHZhbHVlW2ZpbmRLZXlEYXRlXSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgY29uc3QgZXhwID0gdGhpcy5fZGF0ZVNlcnZpY2UuZ2V0TW9tZW50KF90ZW1wVmFsdWUpO1xuICAgICAgICBpZiAodGhpcy5faW50ZXJ2YWwpIHtcbiAgICAgICAgICAgIGNsZWFySW50ZXJ2YWwodGhpcy5faW50ZXJ2YWwpO1xuICAgICAgICAgICAgdGhpcy5faW50ZXJ2YWwgPSBudWxsO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuX2ludGVydmFsID0gc2V0SW50ZXJ2YWwoKCk6IHZvaWQgPT4ge1xuICAgICAgICAgICAgY29uc3Qgbm93ID0gdGhpcy5fZGF0ZVNlcnZpY2UuZ2V0TW9tZW50KG5ldyBEYXRlKCkpO1xuICAgICAgICAgICAgY29uc3QgZGlmZkR1cmF0aW9uID0gdGhpcy5fZGF0ZVNlcnZpY2UuZHVyYXRpb24oZXhwLmRpZmYobm93KSk7XG4gICAgICAgICAgICBjb25zdCBtb250aCA9IGRpZmZEdXJhdGlvbi5tb250aHMoKTtcbiAgICAgICAgICAgIGNvbnN0IGRheXMgPSBkaWZmRHVyYXRpb24uZGF5cygpO1xuICAgICAgICAgICAgY29uc3QgaG91cnMgPSBkaWZmRHVyYXRpb24uaG91cnMoKS50b0xvY2FsZVN0cmluZygnZW4tVVMnLCB7XG4gICAgICAgICAgICAgICAgbWluaW11bUludGVnZXJEaWdpdHM6IDIsXG4gICAgICAgICAgICAgICAgdXNlR3JvdXBpbmc6IGZhbHNlXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIGNvbnN0IG1pbnV0ZXMgPSBkaWZmRHVyYXRpb24ubWludXRlcygpLnRvTG9jYWxlU3RyaW5nKCdlbi1VUycsIHtcbiAgICAgICAgICAgICAgICBtaW5pbXVtSW50ZWdlckRpZ2l0czogMixcbiAgICAgICAgICAgICAgICB1c2VHcm91cGluZzogZmFsc2VcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgY29uc3Qgc2Vjb25kcyA9IGRpZmZEdXJhdGlvbi5zZWNvbmRzKCkudG9Mb2NhbGVTdHJpbmcoJ2VuLVVTJywge1xuICAgICAgICAgICAgICAgIG1pbmltdW1JbnRlZ2VyRGlnaXRzOiAyLFxuICAgICAgICAgICAgICAgIHVzZUdyb3VwaW5nOiBmYWxzZVxuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB0aGlzLmNvdW50RG93blRleHQgPSBgXG4gICAgICAgICAgICAke3RoaXMuX2dldE1vbnRoVGV4dChtb250aCl9IFxuICAgICAgICAgICAgJHt0aGlzLl9kYXlzVGV4dChkYXlzKX0gXG4gICAgICAgICAgICAke3RoaXMuX2dldFRpbWVUZXh0KGhvdXJzLCBtaW51dGVzLCBzZWNvbmRzKX1gO1xuICAgICAgICAgICAgdGhpcy5fY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgICAgICAgfSwgMTAwMCk7XG4gICAgfVxuICAgIHByaXZhdGUgX2dldE1vbnRoVGV4dChtb250aCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBtb250aCA+IDAgPyBgJHttb250aH0g2YXYp9mHYCA6ICcnO1xuICAgIH1cbiAgICBwcml2YXRlIF9kYXlzVGV4dChkYXlzKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIGRheXMgPiAwID8gYCR7ZGF5c30g2LHZiNiyYCA6ICcnO1xuICAgIH1cbiAgICBwcml2YXRlIF9nZXRUaW1lVGV4dChob3VycywgbWludXRlcywgc2Vjb25kcyk6IHN0cmluZyB7XG4gICAgICAgIGlmIChob3VycyA8IDAgfHwgbWludXRlcyA8IDAgfHwgc2Vjb25kcyA8IDApIHtcbiAgICAgICAgICAgIGlmICh0aGlzLnBhcmFtZXRlcnM/LkV4cGlyZVZpZXdNb2RlKSB7XG4gICAgICAgICAgICAgICAgc3dpdGNoICh0aGlzLnBhcmFtZXRlcnMuRXhwaXJlVmlld01vZGUpIHtcbiAgICAgICAgICAgICAgICAgICAgY2FzZSAxOlxuICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIGAwMDowMDowMGA7XG4gICAgICAgICAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgICAgICAgICAgY2FzZSAyOlxuICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIGDZvtin24zYp9mGINuM2KfZgdiq2YdgO1xuICAgICAgICAgICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICAgICAgICAgIGNhc2UgMzpcbiAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiAnJztcbiAgICAgICAgICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgICAgICAgICBjYXNlIDQ6IC8vINmG2YXYp9uM2LQg2LLZhdin2YYg2q/YsNi02KrZh1xuICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIGAke2hvdXJzfToke21pbnV0ZXN9OiR7c2Vjb25kc31gO1xuICAgICAgICAgICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgcmV0dXJuIGAwMDowMDowMGA7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIGAke2hvdXJzfToke21pbnV0ZXN9OiR7c2Vjb25kc31gO1xuICAgIH1cbn1cbiIsIjxzcGFuPnt7IGNvdW50RG93blRleHQgfX08L3NwYW4+XHJcbiJdfQ==
|
|
@@ -1086,6 +1086,7 @@ class ServiceDeskHeaderComponent extends TilesViewerContainerComponent {
|
|
|
1086
1086
|
const flags = RendererStyleFlags2.Important;
|
|
1087
1087
|
this._renderer.setStyle(document.body, 'overflow', 'auto', flags);
|
|
1088
1088
|
this.scrollToTop();
|
|
1089
|
+
this._cdr.markForCheck();
|
|
1089
1090
|
this._cdr.reattach();
|
|
1090
1091
|
this._disableIntersection = false;
|
|
1091
1092
|
this.connectIntersctionObserverList();
|
|
@@ -1265,11 +1266,11 @@ class CardHeaderLogoTitleSubtitleComponent extends BaseItemContentPropsComponent
|
|
|
1265
1266
|
}
|
|
1266
1267
|
}
|
|
1267
1268
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CardHeaderLogoTitleSubtitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1268
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: CardHeaderLogoTitleSubtitleComponent, selector: "bdc-card-header-logo-title-subtitle", outputs: { events: "events" }, usesInheritance: true, ngImport: i0, template: "<fd-card-header\n [class.hide-border]=\"parameters.HideBorder\"\n (click)=\"!isCheckList && events.emit({ title: 'rowCheck' })\"\n>\n @if (hasIcon) {\n
|
|
1269
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: CardHeaderLogoTitleSubtitleComponent, selector: "bdc-card-header-logo-title-subtitle", outputs: { events: "events" }, usesInheritance: true, ngImport: i0, template: "<fd-card-header\n [class.hide-border]=\"parameters.HideBorder\"\n (click)=\"!isCheckList && events.emit({ title: 'rowCheck' })\"\n>\n <fd-card-main-header>\n @if (hasIcon) {\n <fd-avatar\n [circle]=\"avatarCircle\"\n size=\"s\"\n ariaLabel=\"avatar image\"\n title=\"avatar image\"\n alterIcon=\"content|alt|backup|default-icon\"\n [glyph]=\"fontIcon\"\n [image]=\"isIconImage ? (imageIcon?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null) : ''\"\n ></fd-avatar>\n }\n <div fd-card-title [style.justify-content]=\"'end'\">\n <div style=\"display: flex; justify-content: start; flex-grow: 1\">\n @if (isCheckList) {\n <fd-checkbox\n [name]=\"mo.$Caption\"\n [ngModel]=\"isChecked\"\n (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\n ></fd-checkbox>\n } @if (setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\n <div\n ulvContextMenu\n [allColumns]=\"allColumns\"\n [menuItems]=\"contextMenuItems\"\n [conditionalFormats]=\"conditionalFormats\"\n [styleIndex]=\"styleIndex\"\n [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n [mo]=\"mo\"\n (commandClick)=\"events.emit({ title: 'ulvCommand' })\"\n ></div>\n }\n <h2\n #hEl\n class=\"fd-card__title\"\n [hostEl]=\"hEl\"\n [styleIndex]=\"styleIndex\"\n [dbName]=\"titleDbName\"\n [applyConditionalFormats]=\"conditionalFormats\"\n >\n {{ title | bbbTranslate }}\n </h2>\n </div>\n @if (canView) {\n <button\n fd-button\n (click)=\"$event.preventDefault(); $event.stopPropagation(); events.emit({ title: 'rowClick' })\"\n [glyph]=\"navigationArrow\"\n fdType=\"transparent\"\n ></button>\n }\n </div>\n\n <h3\n fd-card-subtitle\n #hEl\n [hostEl]=\"hEl\"\n [styleIndex]=\"styleIndex\"\n [dbName]=\"subtitleDbName\"\n [applyConditionalFormats]=\"conditionalFormats\"\n >\n {{ subtitle | bbbTranslate }}\n </h3>\n </fd-card-main-header>\n</fd-card-header>\n<div></div>\n", styles: ["fd-card-header{cursor:default}fd-card-header:hover{background:var(--fdCard_Background_Color)}fd-card-header .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card-header .fd-card__title h2{font-size:.9rem}fd-card-header .fd-card__title h3,fd-card-header .fd-card__title h2{margin:0}fd-card-header button{cursor:pointer;z-index:4}fd-card-header.hide-border{border-bottom:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i2$1.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "directive", type: i2$1.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "component", type: i3$8.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$3.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i4$3.CardMainHeaderComponent, selector: "fd-card-main-header", inputs: ["interactive", "title"] }, { kind: "directive", type: i4$3.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i4$3.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "component", type: i6$2.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1269
1270
|
}
|
|
1270
1271
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CardHeaderLogoTitleSubtitleComponent, decorators: [{
|
|
1271
1272
|
type: Component,
|
|
1272
|
-
args: [{ selector: 'bdc-card-header-logo-title-subtitle', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-card-header\n [class.hide-border]=\"parameters.HideBorder\"\n (click)=\"!isCheckList && events.emit({ title: 'rowCheck' })\"\n>\n @if (hasIcon) {\n
|
|
1273
|
+
args: [{ selector: 'bdc-card-header-logo-title-subtitle', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-card-header\n [class.hide-border]=\"parameters.HideBorder\"\n (click)=\"!isCheckList && events.emit({ title: 'rowCheck' })\"\n>\n <fd-card-main-header>\n @if (hasIcon) {\n <fd-avatar\n [circle]=\"avatarCircle\"\n size=\"s\"\n ariaLabel=\"avatar image\"\n title=\"avatar image\"\n alterIcon=\"content|alt|backup|default-icon\"\n [glyph]=\"fontIcon\"\n [image]=\"isIconImage ? (imageIcon?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null) : ''\"\n ></fd-avatar>\n }\n <div fd-card-title [style.justify-content]=\"'end'\">\n <div style=\"display: flex; justify-content: start; flex-grow: 1\">\n @if (isCheckList) {\n <fd-checkbox\n [name]=\"mo.$Caption\"\n [ngModel]=\"isChecked\"\n (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\n ></fd-checkbox>\n } @if (setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\n <div\n ulvContextMenu\n [allColumns]=\"allColumns\"\n [menuItems]=\"contextMenuItems\"\n [conditionalFormats]=\"conditionalFormats\"\n [styleIndex]=\"styleIndex\"\n [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n [mo]=\"mo\"\n (commandClick)=\"events.emit({ title: 'ulvCommand' })\"\n ></div>\n }\n <h2\n #hEl\n class=\"fd-card__title\"\n [hostEl]=\"hEl\"\n [styleIndex]=\"styleIndex\"\n [dbName]=\"titleDbName\"\n [applyConditionalFormats]=\"conditionalFormats\"\n >\n {{ title | bbbTranslate }}\n </h2>\n </div>\n @if (canView) {\n <button\n fd-button\n (click)=\"$event.preventDefault(); $event.stopPropagation(); events.emit({ title: 'rowClick' })\"\n [glyph]=\"navigationArrow\"\n fdType=\"transparent\"\n ></button>\n }\n </div>\n\n <h3\n fd-card-subtitle\n #hEl\n [hostEl]=\"hEl\"\n [styleIndex]=\"styleIndex\"\n [dbName]=\"subtitleDbName\"\n [applyConditionalFormats]=\"conditionalFormats\"\n >\n {{ subtitle | bbbTranslate }}\n </h3>\n </fd-card-main-header>\n</fd-card-header>\n<div></div>\n", styles: ["fd-card-header{cursor:default}fd-card-header:hover{background:var(--fdCard_Background_Color)}fd-card-header .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card-header .fd-card__title h2{font-size:.9rem}fd-card-header .fd-card__title h3,fd-card-header .fd-card__title h2{margin:0}fd-card-header button{cursor:pointer;z-index:4}fd-card-header.hide-border{border-bottom:none!important}\n"] }]
|
|
1273
1274
|
}], propDecorators: { events: [{
|
|
1274
1275
|
type: Output
|
|
1275
1276
|
}] } });
|
|
@@ -1552,11 +1553,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
|
|
|
1552
1553
|
|
|
1553
1554
|
class CardHeaderBigImageTitleAndSubtitleComponent extends CardHeaderLogoTitleSubtitleComponent {
|
|
1554
1555
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CardHeaderBigImageTitleAndSubtitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1555
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: CardHeaderBigImageTitleAndSubtitleComponent, selector: "bdc-card-header-big-image-title-and-subtitle", usesInheritance: true, ngImport: i0, template: "<fd-card-header [class.hide-border]=\"parameters.HideBorder\">\
|
|
1556
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: CardHeaderBigImageTitleAndSubtitleComponent, selector: "bdc-card-header-big-image-title-and-subtitle", usesInheritance: true, ngImport: i0, template: "<fd-card-header [class.hide-border]=\"parameters.HideBorder\">\n <fd-card-main-header>\n @if (hasIcon) {\n <fd-avatar\n [circle]=\"avatarCircle\"\n size=\"s\"\n ariaLabel=\"avatar image\"\n title=\"avatar image\"\n [glyph]=\"fontIcon\"\n [image]=\"isIconImage ? (imageIcon?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null) : ''\"\n ></fd-avatar>\n }\n <div fd-card-title [style.justify-content]=\"'end'\">\n <div style=\"display: flex; justify-content: start; flex-grow: 1\">\n @if (isCheckList) {\n <fd-checkbox\n [name]=\"mo.$Caption\"\n [ngModel]=\"isChecked\"\n (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\n ></fd-checkbox>\n } @if (!setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\n <div\n ulvContextMenu\n [allColumns]=\"allColumns\"\n [menuItems]=\"contextMenuItems\"\n [conditionalFormats]=\"conditionalFormats\"\n [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n [mo]=\"mo\"\n [styleIndex]=\"styleIndex\"\n (commandClick)=\"events.emit({ title: 'ulvCommand' })\"\n ></div>\n }\n <h2\n #hEl\n class=\"fd-card__title\"\n [hostEl]=\"hEl\"\n [dbName]=\"titleDbName\"\n [styleIndex]=\"styleIndex\"\n [applyConditionalFormats]=\"conditionalFormats\"\n >\n {{ title }}\n </h2>\n </div>\n @if (canView) {\n <button\n fd-button\n (click)=\"events.emit({ title: 'rowClick' })\"\n [glyph]=\"navigationArrow\"\n fdType=\"transparent\"\n ></button>\n }\n </div>\n\n <h3\n fd-card-subtitle\n #hEl\n [hostEl]=\"hEl\"\n [dbName]=\"subtitleDbName\"\n [styleIndex]=\"styleIndex\"\n [applyConditionalFormats]=\"conditionalFormats\"\n >\n {{ subtitle }}\n </h3>\n </fd-card-main-header>\n</fd-card-header>\n<div></div>\n", styles: [":host ::ng-deep .fd-card__header-text{padding:1rem}fd-card-header{cursor:default;display:flex;flex-direction:column;padding:0}fd-card-header fd-avatar{min-height:160px;max-height:160px;height:160px;width:283px;max-width:100%;min-width:100%}fd-card-header .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card-header .fd-card__title h2{font-size:1rem;font-weight:700}fd-card-header .fd-card__title h3,fd-card-header .fd-card__title h2{margin:0}fd-card-header button{cursor:pointer;z-index:4}fd-card-header.hide-border{border-bottom:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i2$1.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "directive", type: i2$1.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "component", type: i3$8.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$3.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i4$3.CardMainHeaderComponent, selector: "fd-card-main-header", inputs: ["interactive", "title"] }, { kind: "directive", type: i4$3.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i4$3.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "component", type: i6$2.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$1.PictureFieldSourcePipe, name: "picFieldSrc" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1556
1557
|
}
|
|
1557
1558
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CardHeaderBigImageTitleAndSubtitleComponent, decorators: [{
|
|
1558
1559
|
type: Component,
|
|
1559
|
-
args: [{ selector: 'bdc-card-header-big-image-title-and-subtitle', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-card-header [class.hide-border]=\"parameters.HideBorder\">\
|
|
1560
|
+
args: [{ selector: 'bdc-card-header-big-image-title-and-subtitle', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-card-header [class.hide-border]=\"parameters.HideBorder\">\n <fd-card-main-header>\n @if (hasIcon) {\n <fd-avatar\n [circle]=\"avatarCircle\"\n size=\"s\"\n ariaLabel=\"avatar image\"\n title=\"avatar image\"\n [glyph]=\"fontIcon\"\n [image]=\"isIconImage ? (imageIcon?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null) : ''\"\n ></fd-avatar>\n }\n <div fd-card-title [style.justify-content]=\"'end'\">\n <div style=\"display: flex; justify-content: start; flex-grow: 1\">\n @if (isCheckList) {\n <fd-checkbox\n [name]=\"mo.$Caption\"\n [ngModel]=\"isChecked\"\n (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\n ></fd-checkbox>\n } @if (!setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\n <div\n ulvContextMenu\n [allColumns]=\"allColumns\"\n [menuItems]=\"contextMenuItems\"\n [conditionalFormats]=\"conditionalFormats\"\n [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n [mo]=\"mo\"\n [styleIndex]=\"styleIndex\"\n (commandClick)=\"events.emit({ title: 'ulvCommand' })\"\n ></div>\n }\n <h2\n #hEl\n class=\"fd-card__title\"\n [hostEl]=\"hEl\"\n [dbName]=\"titleDbName\"\n [styleIndex]=\"styleIndex\"\n [applyConditionalFormats]=\"conditionalFormats\"\n >\n {{ title }}\n </h2>\n </div>\n @if (canView) {\n <button\n fd-button\n (click)=\"events.emit({ title: 'rowClick' })\"\n [glyph]=\"navigationArrow\"\n fdType=\"transparent\"\n ></button>\n }\n </div>\n\n <h3\n fd-card-subtitle\n #hEl\n [hostEl]=\"hEl\"\n [dbName]=\"subtitleDbName\"\n [styleIndex]=\"styleIndex\"\n [applyConditionalFormats]=\"conditionalFormats\"\n >\n {{ subtitle }}\n </h3>\n </fd-card-main-header>\n</fd-card-header>\n<div></div>\n", styles: [":host ::ng-deep .fd-card__header-text{padding:1rem}fd-card-header{cursor:default;display:flex;flex-direction:column;padding:0}fd-card-header fd-avatar{min-height:160px;max-height:160px;height:160px;width:283px;max-width:100%;min-width:100%}fd-card-header .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card-header .fd-card__title h2{font-size:1rem;font-weight:700}fd-card-header .fd-card__title h3,fd-card-header .fd-card__title h2{margin:0}fd-card-header button{cursor:pointer;z-index:4}fd-card-header.hide-border{border-bottom:none!important}\n"] }]
|
|
1560
1561
|
}] });
|
|
1561
1562
|
|
|
1562
1563
|
class ServiceDeskFormLayoutContentMojavezComponent extends FormPropsBaseComponent {
|
|
@@ -1871,11 +1872,11 @@ class CardHeaderKpiComponent extends CardHeaderLogoTitleSubtitleComponent {
|
|
|
1871
1872
|
}
|
|
1872
1873
|
}
|
|
1873
1874
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CardHeaderKpiComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1874
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: CardHeaderKpiComponent, selector: "bdc-card-header-kpi", usesInheritance: true, ngImport: i0, template: "<fd-card-header>\
|
|
1875
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: CardHeaderKpiComponent, selector: "bdc-card-header-kpi", usesInheritance: true, ngImport: i0, template: "<fd-card-header>\n <fd-card-main-header>\n <div fd-card-title [style.justify-content]=\"'end'\">\n <div style=\"display: flex; justify-content: start; flex-grow: 1\">\n @if (isCheckList) {\n <fd-checkbox\n [name]=\"mo.$Caption\"\n [ngModel]=\"isChecked\"\n (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\n ></fd-checkbox>\n }\n <h2\n #hEl\n class=\"fd-card__title\"\n [hostEl]=\"hEl\"\n [dbName]=\"titleDbName\"\n [styleIndex]=\"styleIndex\"\n [applyConditionalFormats]=\"conditionalFormats\"\n >\n {{ title }}\n </h2>\n @if (!setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\n <div\n ulvContextMenu\n [allColumns]=\"allColumns\"\n [menuItems]=\"contextMenuItems\"\n [conditionalFormats]=\"conditionalFormats\"\n [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n [styleIndex]=\"styleIndex\"\n [mo]=\"mo\"\n (commandClick)=\"events.emit({ title: 'ulvCommand' })\"\n ></div>\n }\n </div>\n @if (canView) {\n <button\n fd-button\n (click)=\"events.emit({ title: 'rowClick' })\"\n [glyph]=\"navigationArrow\"\n fdType=\"transparent\"\n ></button>\n }\n </div>\n\n <fd-card-kpi-header>\n <strong fd-card-kpi-value [status]=\"kpiStatus\">{{ kpiValue }}</strong>\n <span\n fd-card-kpi-scale-icon\n [glyph]=\"kpiStatus === 'positive' ? 'up' : 'down'\"\n fd-object-status\n [status]=\"kpiStatus\"\n aria-label=\"up arrow\"\n title=\"up arrow\"\n ></span>\n <span fd-card-kpi-scale-text fd-object-status status=\"positive\">\u00B0C</span>\n\n <div fd-card-kpi-analytics>\n <label fd-card-kpi-analytics-label>{{ kpiAnalyticalLabel }}</label>\n <span fd-card-kpi-analytics-content>{{ kpiAnalyticalContent }}{{ kpiAnalayticalSymbol }}</span>\n </div>\n </fd-card-kpi-header>\n\n <h4 fd-card-second-subtitle>{{ subtitle }}</h4>\n </fd-card-main-header>\n</fd-card-header>\n", styles: ["fd-card-header .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card-header .fd-card__title h2{font-size:.9rem}fd-card-header .fd-card__title h3,fd-card-header .fd-card__title h2{margin:0}fd-card-header button{cursor:pointer;z-index:4}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i2$1.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "directive", type: i2$1.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$3.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i4$3.CardMainHeaderComponent, selector: "fd-card-main-header", inputs: ["interactive", "title"] }, { kind: "directive", type: i4$3.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i4$3.CardSecondSubtitleDirective, selector: "[fd-card-second-subtitle]" }, { kind: "component", type: i4$3.CardKpiHeaderComponent, selector: "fd-card-kpi-header" }, { kind: "directive", type: i4$3.CardKpiValueDirective, selector: "[fd-card-kpi-value]", inputs: ["status"] }, { kind: "directive", type: i4$3.CardKpiScaleIconDirective, selector: "[fd-card-kpi-scale-icon]" }, { kind: "directive", type: i4$3.CardKpiScaleTextDirective, selector: "[fd-card-kpi-scale-text]" }, { kind: "directive", type: i4$3.CardKpiAnalyticsDirective, selector: "[fd-card-kpi-analytics]" }, { kind: "directive", type: i4$3.CardKpiAnalyticsLabelDirective, selector: "[fd-card-kpi-analytics-label]" }, { kind: "directive", type: i4$3.CardKpiAnalyticsContentDirective, selector: "[fd-card-kpi-analytics-content]" }, { kind: "component", type: i6$2.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i6$3.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "glyphFont", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1875
1876
|
}
|
|
1876
1877
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CardHeaderKpiComponent, decorators: [{
|
|
1877
1878
|
type: Component,
|
|
1878
|
-
args: [{ selector: 'bdc-card-header-kpi', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-card-header>\
|
|
1879
|
+
args: [{ selector: 'bdc-card-header-kpi', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-card-header>\n <fd-card-main-header>\n <div fd-card-title [style.justify-content]=\"'end'\">\n <div style=\"display: flex; justify-content: start; flex-grow: 1\">\n @if (isCheckList) {\n <fd-checkbox\n [name]=\"mo.$Caption\"\n [ngModel]=\"isChecked\"\n (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\n ></fd-checkbox>\n }\n <h2\n #hEl\n class=\"fd-card__title\"\n [hostEl]=\"hEl\"\n [dbName]=\"titleDbName\"\n [styleIndex]=\"styleIndex\"\n [applyConditionalFormats]=\"conditionalFormats\"\n >\n {{ title }}\n </h2>\n @if (!setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\n <div\n ulvContextMenu\n [allColumns]=\"allColumns\"\n [menuItems]=\"contextMenuItems\"\n [conditionalFormats]=\"conditionalFormats\"\n [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n [styleIndex]=\"styleIndex\"\n [mo]=\"mo\"\n (commandClick)=\"events.emit({ title: 'ulvCommand' })\"\n ></div>\n }\n </div>\n @if (canView) {\n <button\n fd-button\n (click)=\"events.emit({ title: 'rowClick' })\"\n [glyph]=\"navigationArrow\"\n fdType=\"transparent\"\n ></button>\n }\n </div>\n\n <fd-card-kpi-header>\n <strong fd-card-kpi-value [status]=\"kpiStatus\">{{ kpiValue }}</strong>\n <span\n fd-card-kpi-scale-icon\n [glyph]=\"kpiStatus === 'positive' ? 'up' : 'down'\"\n fd-object-status\n [status]=\"kpiStatus\"\n aria-label=\"up arrow\"\n title=\"up arrow\"\n ></span>\n <span fd-card-kpi-scale-text fd-object-status status=\"positive\">\u00B0C</span>\n\n <div fd-card-kpi-analytics>\n <label fd-card-kpi-analytics-label>{{ kpiAnalyticalLabel }}</label>\n <span fd-card-kpi-analytics-content>{{ kpiAnalyticalContent }}{{ kpiAnalayticalSymbol }}</span>\n </div>\n </fd-card-kpi-header>\n\n <h4 fd-card-second-subtitle>{{ subtitle }}</h4>\n </fd-card-main-header>\n</fd-card-header>\n", styles: ["fd-card-header .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card-header .fd-card__title h2{font-size:.9rem}fd-card-header .fd-card__title h3,fd-card-header .fd-card__title h2{margin:0}fd-card-header button{cursor:pointer;z-index:4}\n"] }]
|
|
1879
1880
|
}] });
|
|
1880
1881
|
|
|
1881
1882
|
class CardContentLineChartComponent extends BaseItemContentPropsComponent {
|
|
@@ -2041,11 +2042,11 @@ class AvatarComponent extends BaseItemContentPropsComponent {
|
|
|
2041
2042
|
this.pictureId = this.mo[this.parameters.FieldName]?.FileId;
|
|
2042
2043
|
}
|
|
2043
2044
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AvatarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
2044
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: AvatarComponent, selector: "bdc-avatar", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fd-card>\
|
|
2045
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: AvatarComponent, selector: "bdc-avatar", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fd-card>\n <fd-card-header>\n <fd-card-main-header>\n <fd-avatar\n [placeholder]=\"!mo[parameters.FieldName]\"\n [size]=\"'xs'\"\n [glyph]=\"parameters.DefaultIcon || null\"\n [circle]=\"parameters.Circle\"\n [placeHolder]=\"parameters.DefaultIcon!!\"\n [image]=\"pictureId ? (pictureId | picFieldSrc: 'PictureFileInfo':mo.Id:column.FieldDefId) : null\"\n alterIcon=\"alt|content|backup|default-icon\"\n ></fd-avatar>\n <h2 fd-card-title>\n {{ column.Name | val: mo:true | bbbTranslate }}\n </h2>\n <h3 fd-card-subtitle>{{ parameters.Subtitle | rval: mo:allColumns:true | bbbTranslate }}</h3>\n </fd-card-main-header>\n </fd-card-header>\n</fd-card>\n", styles: [":host{display:flex;align-items:flex-start;column-gap:5px;padding:3px 0}.avatar-data{display:flex;flex-direction:column;row-gap:5px}fd-card{border:none;box-shadow:none;background:transparent!important}fd-card-header{padding:.2rem 0!important;border:none!important;background:transparent!important}fd-card-header:hover{background:transparent!important}fd-card-header ::ng-deep .fd-card__header-main{background:transparent!important}fd-card,fd-card-header{cursor:default;font-weight:inherit!important}fd-card:focus:before,fd-card-header:focus:before{border:none!important}fd-card ::ng-deep .fd-card__title-area,fd-card ::ng-deep .fd-card__header-text,fd-card ::ng-deep .fd-card__subtitle-area,fd-card ::ng-deep h2,fd-card ::ng-deep h3,fd-card-header ::ng-deep .fd-card__title-area,fd-card-header ::ng-deep .fd-card__header-text,fd-card-header ::ng-deep .fd-card__subtitle-area,fd-card-header ::ng-deep h2,fd-card-header ::ng-deep h3{font-weight:inherit!important}fd-card-header{padding:0!important;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1$1.PlaceHolderDirective, selector: "[placeHolder]", inputs: ["placeHolder"] }, { kind: "component", type: i3$8.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i4$3.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i4$3.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i4$3.CardMainHeaderComponent, selector: "fd-card-main-header", inputs: ["interactive", "title"] }, { kind: "directive", type: i4$3.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i4$3.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "pipe", type: i1$1.MoValuePipe, name: "val" }, { kind: "pipe", type: i1$1.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i1$1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2045
2046
|
}
|
|
2046
2047
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
2047
2048
|
type: Component,
|
|
2048
|
-
args: [{ selector: 'bdc-avatar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-card>\
|
|
2049
|
+
args: [{ selector: 'bdc-avatar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-card>\n <fd-card-header>\n <fd-card-main-header>\n <fd-avatar\n [placeholder]=\"!mo[parameters.FieldName]\"\n [size]=\"'xs'\"\n [glyph]=\"parameters.DefaultIcon || null\"\n [circle]=\"parameters.Circle\"\n [placeHolder]=\"parameters.DefaultIcon!!\"\n [image]=\"pictureId ? (pictureId | picFieldSrc: 'PictureFileInfo':mo.Id:column.FieldDefId) : null\"\n alterIcon=\"alt|content|backup|default-icon\"\n ></fd-avatar>\n <h2 fd-card-title>\n {{ column.Name | val: mo:true | bbbTranslate }}\n </h2>\n <h3 fd-card-subtitle>{{ parameters.Subtitle | rval: mo:allColumns:true | bbbTranslate }}</h3>\n </fd-card-main-header>\n </fd-card-header>\n</fd-card>\n", styles: [":host{display:flex;align-items:flex-start;column-gap:5px;padding:3px 0}.avatar-data{display:flex;flex-direction:column;row-gap:5px}fd-card{border:none;box-shadow:none;background:transparent!important}fd-card-header{padding:.2rem 0!important;border:none!important;background:transparent!important}fd-card-header:hover{background:transparent!important}fd-card-header ::ng-deep .fd-card__header-main{background:transparent!important}fd-card,fd-card-header{cursor:default;font-weight:inherit!important}fd-card:focus:before,fd-card-header:focus:before{border:none!important}fd-card ::ng-deep .fd-card__title-area,fd-card ::ng-deep .fd-card__header-text,fd-card ::ng-deep .fd-card__subtitle-area,fd-card ::ng-deep h2,fd-card ::ng-deep h3,fd-card-header ::ng-deep .fd-card__title-area,fd-card-header ::ng-deep .fd-card__header-text,fd-card-header ::ng-deep .fd-card__subtitle-area,fd-card-header ::ng-deep h2,fd-card-header ::ng-deep h3{font-weight:inherit!important}fd-card-header{padding:0!important;align-items:center}\n"] }]
|
|
2049
2050
|
}] });
|
|
2050
2051
|
|
|
2051
2052
|
class G4bEstelamComponent extends BaseItemContentPropsComponent {
|
|
@@ -2076,6 +2077,12 @@ class TimerCountDownComponent extends FieldBaseComponent {
|
|
|
2076
2077
|
super.ngOnInit();
|
|
2077
2078
|
this._setCountDown(this.value);
|
|
2078
2079
|
}
|
|
2080
|
+
ngOnDestroy() {
|
|
2081
|
+
super.ngOnDestroy();
|
|
2082
|
+
if (this._interval) {
|
|
2083
|
+
clearInterval(this._interval);
|
|
2084
|
+
}
|
|
2085
|
+
}
|
|
2079
2086
|
_setValue(value) {
|
|
2080
2087
|
super._setValue(value);
|
|
2081
2088
|
this._setCountDown(value);
|
|
@@ -2111,9 +2118,9 @@ class TimerCountDownComponent extends FieldBaseComponent {
|
|
|
2111
2118
|
minimumIntegerDigits: 2,
|
|
2112
2119
|
useGrouping: false
|
|
2113
2120
|
});
|
|
2114
|
-
this.countDownText = `
|
|
2115
|
-
${this._getMonthText(month)}
|
|
2116
|
-
${this._daysText(days)}
|
|
2121
|
+
this.countDownText = `
|
|
2122
|
+
${this._getMonthText(month)}
|
|
2123
|
+
${this._daysText(days)}
|
|
2117
2124
|
${this._getTimeText(hours, minutes, seconds)}`;
|
|
2118
2125
|
this._cdr.detectChanges();
|
|
2119
2126
|
}, 1000);
|