barsa-develop-components 2.1.3 → 2.1.4

package/fesm2022/barsa-develop-components.mjs

@@ -8,7 +8,7 @@ import { ReactiveFormsModule, FormsModule } from '@angular/forms';
 import * as i2 from '@fundamental-ngx/core/input-group';
 import * as i3 from '@fundamental-ngx/core/toolbar';
 import * as i1$1 from 'barsa-novin-ray-core';
-import { ReportViewBaseComponent, FieldBaseComponent, FormBaseComponent, FormPanelService, BaseComponent, BarsaApi, ReportBaseComponent, getDeviceIsMobile, BaseItemContentPropsComponent, FormPropsBaseComponent, FindLayoutSettingFromLayout94, BaseFormToolbaritemPropsComponent, DateService, getDateService, LogService, UploadService, AudioRecordingService, VideoRecordingService, createGridEditorFormPanel, ImageMimeType, AudioMimeType, VideoMimeType, AllFilesMimeType, PreventDefaulEvent, isImage, getIcon, FilesValidationHelper, LinearListHelper, getUniqueId, BaseViewItemPropsComponent, BaseModule, BarsaNovinRayCoreModule } from 'barsa-novin-ray-core';
+import { ReportViewBaseComponent, FieldBaseComponent, FormBaseComponent, FormPanelService, BaseComponent, BarsaApi, ReportBaseComponent, getDeviceIsMobile, BaseItemContentPropsComponent, FormPropsBaseComponent, FindLayoutSettingFromLayout94, BaseFormToolbaritemPropsComponent, DateService, getDateService, LogService, UploadService, AudioRecordingService, VideoRecordingService, createGridEditorFormPanel, ImageMimeType, AudioMimeType, VideoMimeType, AllFilesMimeType, PreventDefaulEvent, isImage, getIcon, FilesValidationHelper, LinearListHelper, getUniqueId, BaseViewItemPropsComponent, FindColumnByDbNamePipe, ColumnValuePipe, BaseModule, BarsaNovinRayCoreModule } from 'barsa-novin-ray-core';
 import { takeUntil, shareReplay, filter, map, debounceTime as debounceTime$1, tap, exhaustMap, concatMap, finalize, delay, withLatestFrom } from 'rxjs/operators';
 import * as i2$2 from '@fundamental-ngx/core';
 import { TabListComponent, PopoverBodyComponent, TabPanelComponent, FundamentalNgxCoreModule } from '@fundamental-ngx/core';
@@ -1268,7 +1268,7 @@ class CardHeaderLogoTitleSubtitleComponent extends BaseItemContentPropsComponent
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardHeaderLogoTitleSubtitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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", "rightClickEnable", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode", "appendTo"], 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", "colorIndication", "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", "readonly", "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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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", "rightClickEnable", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode", "contextMenuOverflowText", "appendTo"], 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", "colorIndication", "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", "readonly", "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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardHeaderLogoTitleSubtitleComponent, decorators: [{
             type: Component,
@@ -1523,7 +1523,7 @@ class ServiceDeskViewOfServicesComponent extends ReportViewBaseComponent {
         super.onRowClick(e);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ServiceDeskViewOfServicesComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ServiceDeskViewOfServicesComponent, selector: "bdc-service-desk-view-of-services", usesInheritance: true, ngImport: i0, template: "<div class=\"services\">\r\n    <div class=\"service-list\">\r\n        <fd-layout-grid>\r\n            <div fdLayoutGridRow>\r\n                @for (mo of moDataList | multipleGroupBy: groupby; track mo; let i = $index) { @if (mo.$Group ||\r\n                mo.$Group === '') {\r\n                <div [fdLayoutGridCol]=\"12\">\r\n                    <h3\r\n                        fd-title\r\n                        style=\"\r\n                            padding: 0 0 0.4rem 0;\r\n                            border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);\r\n                        \"\r\n                    >\r\n                        {{ mo.$Group }}\r\n                    </h3>\r\n                </div>\r\n                } @if (!mo.$Group) {\r\n                <div [fdLayoutGridCol]=\"12\" [colSm]=\"12\" [colMd]=\"3\" [colLg]=\"3\" [colXl]=\"3\">\r\n                    <div class=\"item\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                dynamicCommand;\r\n                                context: {\r\n                                    $implicit: mo,\r\n                                    index: i,\r\n                                    dynCommand: fieldDynamicCommand | rval: mo:allColumns,\r\n                                    title: fieldTitle | rval: mo:allColumns | bbbTranslate\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                    </div>\r\n                </div>\r\n                } }\r\n            </div>\r\n        </fd-layout-grid>\r\n    </div>\r\n</div>\r\n<ng-template #dynamicCommand let-mo let-index=\"index\" let-dynCommand=\"dynCommand\" let-title=\"title\">\r\n    <button\r\n        fd-button\r\n        [dynCommand]=\"dynCommand\"\r\n        [mo]=\"mo\"\r\n        [enableCommand]=\"dynCommand\"\r\n        style=\"width: 100%; max-height: 2.3rem; height: 2.3rem; border-radius: 0\"\r\n        [fdType]=\"'emphasized'\"\r\n        (click)=\"onRowClick2({ mo, index },dynCommand)\"\r\n        [title]=\"title\"\r\n    >\r\n        <span class=\"item-icon\">\r\n            <fd-icon glyph=\"product\"></fd-icon>\r\n        </span>\r\n        <span class=\"item-content\"> {{ title }}</span>\r\n        <span class=\"item-icon-arrow\">\r\n            @if (fieldIcon) {\r\n            <fd-icon [glyph]=\"fieldIcon\"></fd-icon>\r\n            }\r\n        </span>\r\n    </button>\r\n    <div style=\"padding: 10px; border-top: 1px solid #ccc\">\r\n        <bsu-ulv-context-menu\r\n            [disableOverflowContextMenu]=\"true\"\r\n            [mo]=\"mo\"\r\n            [index]=\"index\"\r\n            [styleIndex]=\"mo.$StyleIndex\"\r\n            [menuItems]=\"contextMenuItems\"\r\n            [allColumns]=\"allColumns\"\r\n            (commandClick)=\"this.ulvCommandClick.emit({ mo, index })\"\r\n        ></bsu-ulv-context-menu>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host .b-b{padding-right:5px;padding-top:5px}bsu-ulv-context-menu{flex-wrap:wrap;row-gap:5px}.item{position:relative;border:1px solid #ccc}.item a{background:#0078d7;cursor:pointer;display:flex;padding:10px 5px;flex-direction:column;cursor:pointer!important}.item a:hover{background:#67b4f3}fd-icon{font-size:1.25rem;color:#fff}.item .item-content{color:#fff;margin-left:35px;margin-right:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}.item .item-icon{position:absolute;right:5px;top:5px}.item .item-icon-arrow{position:absolute;left:16px;top:9px}.item .item-icon-arrow fd-icon{font-size:1rem;color:#fff}.exe_cell{margin-top:10px;padding:0 5px}.service-list{margin-top:20px}.exe_cell:nth-child(1),.exe_cell:nth-child(2),.exe_cell:nth-child(3),.exe_cell:nth-child(4){margin-top:10px}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.DynamicCommandDirective, selector: "[dynCommand]", inputs: ["dynCommand", "mo", "enableCommand"], outputs: ["commandClick"] }, { kind: "component", type: i2$1.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "rightClickEnable", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode", "appendTo"], outputs: ["commandClick"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2$3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i3$7.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i3$7.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i3$7.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i6.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "pipe", type: i1$1.MultipleGroupByPipe, name: "multipleGroupBy" }, { kind: "pipe", type: i1$1.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ServiceDeskViewOfServicesComponent, selector: "bdc-service-desk-view-of-services", usesInheritance: true, ngImport: i0, template: "<div class=\"services\">\r\n    <div class=\"service-list\">\r\n        <fd-layout-grid>\r\n            <div fdLayoutGridRow>\r\n                @for (mo of moDataList | multipleGroupBy: groupby; track mo; let i = $index) { @if (mo.$Group ||\r\n                mo.$Group === '') {\r\n                <div [fdLayoutGridCol]=\"12\">\r\n                    <h3\r\n                        fd-title\r\n                        style=\"\r\n                            padding: 0 0 0.4rem 0;\r\n                            border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);\r\n                        \"\r\n                    >\r\n                        {{ mo.$Group }}\r\n                    </h3>\r\n                </div>\r\n                } @if (!mo.$Group) {\r\n                <div [fdLayoutGridCol]=\"12\" [colSm]=\"12\" [colMd]=\"3\" [colLg]=\"3\" [colXl]=\"3\">\r\n                    <div class=\"item\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                dynamicCommand;\r\n                                context: {\r\n                                    $implicit: mo,\r\n                                    index: i,\r\n                                    dynCommand: fieldDynamicCommand | rval: mo:allColumns,\r\n                                    title: fieldTitle | rval: mo:allColumns | bbbTranslate\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                    </div>\r\n                </div>\r\n                } }\r\n            </div>\r\n        </fd-layout-grid>\r\n    </div>\r\n</div>\r\n<ng-template #dynamicCommand let-mo let-index=\"index\" let-dynCommand=\"dynCommand\" let-title=\"title\">\r\n    <button\r\n        fd-button\r\n        [dynCommand]=\"dynCommand\"\r\n        [mo]=\"mo\"\r\n        [enableCommand]=\"dynCommand\"\r\n        style=\"width: 100%; max-height: 2.3rem; height: 2.3rem; border-radius: 0\"\r\n        [fdType]=\"'emphasized'\"\r\n        (click)=\"onRowClick2({ mo, index },dynCommand)\"\r\n        [title]=\"title\"\r\n    >\r\n        <span class=\"item-icon\">\r\n            <fd-icon glyph=\"product\"></fd-icon>\r\n        </span>\r\n        <span class=\"item-content\"> {{ title }}</span>\r\n        <span class=\"item-icon-arrow\">\r\n            @if (fieldIcon) {\r\n            <fd-icon [glyph]=\"fieldIcon\"></fd-icon>\r\n            }\r\n        </span>\r\n    </button>\r\n    <div style=\"padding: 10px; border-top: 1px solid #ccc\">\r\n        <bsu-ulv-context-menu\r\n            [disableOverflowContextMenu]=\"true\"\r\n            [mo]=\"mo\"\r\n            [index]=\"index\"\r\n            [styleIndex]=\"mo.$StyleIndex\"\r\n            [menuItems]=\"contextMenuItems\"\r\n            [allColumns]=\"allColumns\"\r\n            (commandClick)=\"this.ulvCommandClick.emit({ mo, index })\"\r\n        ></bsu-ulv-context-menu>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host .b-b{padding-right:5px;padding-top:5px}bsu-ulv-context-menu{flex-wrap:wrap;row-gap:5px}.item{position:relative;border:1px solid #ccc}.item a{background:#0078d7;cursor:pointer;display:flex;padding:10px 5px;flex-direction:column;cursor:pointer!important}.item a:hover{background:#67b4f3}fd-icon{font-size:1.25rem;color:#fff}.item .item-content{color:#fff;margin-left:35px;margin-right:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}.item .item-icon{position:absolute;right:5px;top:5px}.item .item-icon-arrow{position:absolute;left:16px;top:9px}.item .item-icon-arrow fd-icon{font-size:1rem;color:#fff}.exe_cell{margin-top:10px;padding:0 5px}.service-list{margin-top:20px}.exe_cell:nth-child(1),.exe_cell:nth-child(2),.exe_cell:nth-child(3),.exe_cell:nth-child(4){margin-top:10px}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.DynamicCommandDirective, selector: "[dynCommand]", inputs: ["dynCommand", "mo", "enableCommand"], outputs: ["commandClick"] }, { kind: "component", type: i2$1.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "rightClickEnable", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode", "contextMenuOverflowText", "appendTo"], outputs: ["commandClick"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2$3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i3$7.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i3$7.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i3$7.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i6.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "pipe", type: i1$1.MultipleGroupByPipe, name: "multipleGroupBy" }, { kind: "pipe", type: i1$1.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ServiceDeskViewOfServicesComponent, decorators: [{
             type: Component,
@@ -1555,7 +1555,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 class CardHeaderBigImageTitleAndSubtitleComponent extends CardHeaderLogoTitleSubtitleComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardHeaderBigImageTitleAndSubtitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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}fd-card-header ::ng-deep .fd-card__header-main-container{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", "rightClickEnable", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode", "appendTo"], 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", "colorIndication", "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", "readonly", "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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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}fd-card-header ::ng-deep .fd-card__header-main-container{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", "rightClickEnable", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode", "contextMenuOverflowText", "appendTo"], 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", "colorIndication", "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", "readonly", "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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardHeaderBigImageTitleAndSubtitleComponent, decorators: [{
             type: Component,
@@ -1875,7 +1875,7 @@ class CardHeaderKpiComponent extends CardHeaderLogoTitleSubtitleComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardHeaderKpiComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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", "rightClickEnable", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode", "appendTo"], 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", "readonly", "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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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", "rightClickEnable", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode", "contextMenuOverflowText", "appendTo"], 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", "readonly", "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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardHeaderKpiComponent, decorators: [{
             type: Component,
@@ -1950,7 +1950,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 class TableViewVerticalColumnsComponent extends ReportViewBaseComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableViewVerticalColumnsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: TableViewVerticalColumnsComponent, selector: "bdc-table-view-vertical-columns", usesInheritance: true, ngImport: i0, template: "@for (mo of moDataList | multipleGroupBy: groupby; track mo; let index = $index) { @if (mo.$Group) {\n<h3>{{ mo.$Group }}</h3>\n<ng-container *ngTemplateOutlet=\"tplTable; context: { $implicit: mo.$Children, index: this.index }\"></ng-container>\n} }\n<ng-template #tplTable let-children let-index=\"index\">\n    <table fd-table [style.margin-top]=\"index > 0 ? '2rem' : 0\">\n        <tbody fd-table-body>\n            @for (column of columns; track column) {\n            <tr fd-table-row>\n                <th fd-table-cell>\n                    <strong>{{ column.Alias }}:</strong>\n                </th>\n                @for (mo of children; track mo; let index = $index) {\n                <td\n                    fd-table-cell\n                    #tdEl\n                    [applyConditionalFormats]=\"conditionalFormats\"\n                    [hostEl]=\"tdEl\"\n                    [styleIndex]=\"mo.$StyleIndex\"\n                    [dbName]=\"column.Name\"\n                >\n                    <bsu-column-renderer\n                        [mo]=\"mo\"\n                        [column]=\"column\"\n                        [value]=\"column | columnValue: mo | bbbTranslate\"\n                        [icon]=\"column | columnIcon: mo\"\n                        [editMode]=\"false\"\n                        [isChecked]=\"false\"\n                        [isNewInlineMo]=\"false\"\n                        [index]=\"index\"\n                        [rtl]=\"rtl\"\n                        [deviceName]=\"deviceName\"\n                        [formLayoutShowLabel]=\"false\"\n                        [deviceSize]=\"deviceSize\"\n                    ></bsu-column-renderer>\n                </td>\n                }\n            </tr>\n            }\n        </tbody>\n    </table>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.ColumnRendererComponent, selector: "bsu-column-renderer,[colRenderer]", inputs: ["column", "mo", "index", "editMode", "customRowHeight", "controlUi", "formLayoutShowLabel", "isChecked", "isNewInlineMo", "containerDom", "disableEllapsis", "rtl", "isMobile", "fdTextMode", "deviceName", "deviceSize", "value", "icon"] }, { kind: "directive", type: i2$1.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "component", type: i3$6.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "noOuterBorder", "topBorder", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i3$6.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i3$6.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$6.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "nonInteractive", "key"] }, { kind: "pipe", type: i1$1.MultipleGroupByPipe, name: "multipleGroupBy" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i1$1.ColumnIconPipe, name: "columnIcon" }, { kind: "pipe", type: i1$1.ColumnValuePipe, name: "columnValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: TableViewVerticalColumnsComponent, selector: "bdc-table-view-vertical-columns", usesInheritance: true, ngImport: i0, template: "@for (mo of moDataList | multipleGroupBy: groupby; track mo; let index = $index) { @if (mo.$Group) {\n<h3>{{ mo.$Group }}</h3>\n<ng-container *ngTemplateOutlet=\"tplTable; context: { $implicit: mo.$Children, index: this.index }\"></ng-container>\n} }\n<ng-template #tplTable let-children let-index=\"index\">\n    <table fd-table [style.margin-top]=\"index > 0 ? '2rem' : 0\">\n        <tbody fd-table-body>\n            @for (column of columns; track column) {\n            <tr fd-table-row>\n                <th fd-table-cell>\n                    <strong>{{ column.Alias }}:</strong>\n                </th>\n                @for (mo of children; track mo; let index = $index) {\n                <td\n                    fd-table-cell\n                    #tdEl\n                    [applyConditionalFormats]=\"conditionalFormats\"\n                    [hostEl]=\"tdEl\"\n                    [styleIndex]=\"mo.$StyleIndex\"\n                    [dbName]=\"column.Name\"\n                >\n                    <bsu-column-renderer\n                        [mo]=\"mo\"\n                        [column]=\"column\"\n                        [value]=\"column | columnValue: mo | bbbTranslate\"\n                        [icon]=\"column | columnIcon: mo\"\n                        [editMode]=\"false\"\n                        [isChecked]=\"false\"\n                        [isNewInlineMo]=\"false\"\n                        [index]=\"index\"\n                        [rtl]=\"rtl\"\n                        [deviceName]=\"deviceName\"\n                        [formLayoutShowLabel]=\"false\"\n                        [deviceSize]=\"deviceSize\"\n                    ></bsu-column-renderer>\n                </td>\n                }\n            </tr>\n            }\n        </tbody>\n    </table>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.ColumnRendererComponent, selector: "bsu-column-renderer,[colRenderer]", inputs: ["column", "allColumns", "mo", "index", "editMode", "customRowHeight", "controlUi", "formLayoutShowLabel", "isChecked", "isNewInlineMo", "containerDom", "disableEllapsis", "rtl", "isMobile", "fdTextMode", "deviceName", "deviceSize", "value", "icon"] }, { kind: "directive", type: i2$1.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "component", type: i3$6.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "noOuterBorder", "topBorder", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i3$6.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i3$6.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$6.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "nonInteractive", "key"] }, { kind: "pipe", type: i1$1.MultipleGroupByPipe, name: "multipleGroupBy" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i1$1.ColumnIconPipe, name: "columnIcon" }, { kind: "pipe", type: i1$1.ColumnValuePipe, name: "columnValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableViewVerticalColumnsComponent, decorators: [{
             type: Component,
@@ -3329,7 +3329,7 @@ class ColumnFormViewerComponent extends ColumnRendererComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ColumnFormViewerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i2$2.DialogService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ColumnFormViewerComponent, selector: "bdc-column-form-viewer", inputs: { layout94: "layout94", parameters: "parameters" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"newPage || deviceSize === 's' ? renderColumn : popoverTpl\"> </ng-container>\n<a href=\"http://localhost:4200/#/landingpage/query?actionlist=[{MoId:1,TypeDefId:1}]\"></a>\n<ng-template #popoverTpl>\n    <fd-popover\n        #popover\n        [closeOnOutsideClick]=\"true\"\n        [noArrow]=\"false\"\n        placement=\"bottom-start\"\n        [title]=\"column.Caption\"\n    >\n        <fd-popover-control>\n            <ng-container *ngTemplateOutlet=\"renderColumn\"></ng-container>\n        </fd-popover-control>\n        <fd-popover-body class=\"popover-form-inColumn\">\n            @if (loading && loadForm) {\n            <div style=\"position: relative; height: 80px; width: 100%\">\n                <bsu-mask [top]=\"'50%'\"></bsu-mask>\n            </div>\n            } @if (this.mo.Id && loadForm) {\n            <bnrc-form\n                [params]=\"formParam\"\n                (formRendered)=\"onFormRendered(popover)\"\n                (formClose)=\"popover.close()\"\n                class=\"form-inColumn\"\n            ></bnrc-form>\n            }\n        </fd-popover-body>\n    </fd-popover>\n</ng-template>\n<ng-template #renderColumn>\n    <bsu-column-renderer\n        [mo]=\"mo\"\n        [column]=\"column\"\n        [value]=\"column | columnValue: mo | bbbTranslate\"\n        [icon]=\"column | columnIcon: mo\"\n        [editMode]=\"editMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [formLayoutShowLabel]=\"false\"\n        [deviceSize]=\"deviceSize\"\n        [controlUi]=\"column.Caption | controlUi: layout94:column.Name\"\n        (click)=\"newPage || deviceSize === 's' ? openMoInNewPage() : openPopover()\"\n    ></bsu-column-renderer>\n</ng-template>\n", styles: [":host{display:flex;width:100%;height:100%;align-items:stretch;justify-content:stretch}:host fd-popover{flex:1}:host ::ng-deep span{color:var(--sapLinkColor);text-decoration:var(--fdLink_Text_Content_Decoration, none);cursor:pointer}:host ::ng-deep span:hover{text-decoration:var(--fdLink_Text_Content_Decoration, none)}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1$1.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "uiComponent", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }, { kind: "directive", type: i1$1.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "component", type: i2$1.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i2$1.ColumnRendererComponent, selector: "bsu-column-renderer,[colRenderer]", inputs: ["column", "mo", "index", "editMode", "customRowHeight", "controlUi", "formLayoutShowLabel", "isChecked", "isNewInlineMo", "containerDom", "disableEllapsis", "rtl", "isMobile", "fdTextMode", "deviceName", "deviceSize", "value", "icon"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i1$1.ControlUiPipe, name: "controlUi" }, { kind: "pipe", type: i1$1.ColumnIconPipe, name: "columnIcon" }, { kind: "pipe", type: i1$1.ColumnValuePipe, name: "columnValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ColumnFormViewerComponent, selector: "bdc-column-form-viewer", inputs: { layout94: "layout94", parameters: "parameters" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"newPage || deviceSize === 's' ? renderColumn : popoverTpl\"> </ng-container>\n<a href=\"http://localhost:4200/#/landingpage/query?actionlist=[{MoId:1,TypeDefId:1}]\"></a>\n<ng-template #popoverTpl>\n    <fd-popover\n        #popover\n        [closeOnOutsideClick]=\"true\"\n        [noArrow]=\"false\"\n        placement=\"bottom-start\"\n        [title]=\"column.Caption\"\n    >\n        <fd-popover-control>\n            <ng-container *ngTemplateOutlet=\"renderColumn\"></ng-container>\n        </fd-popover-control>\n        <fd-popover-body class=\"popover-form-inColumn\">\n            @if (loading && loadForm) {\n            <div style=\"position: relative; height: 80px; width: 100%\">\n                <bsu-mask [top]=\"'50%'\"></bsu-mask>\n            </div>\n            } @if (this.mo.Id && loadForm) {\n            <bnrc-form\n                [params]=\"formParam\"\n                (formRendered)=\"onFormRendered(popover)\"\n                (formClose)=\"popover.close()\"\n                class=\"form-inColumn\"\n            ></bnrc-form>\n            }\n        </fd-popover-body>\n    </fd-popover>\n</ng-template>\n<ng-template #renderColumn>\n    <bsu-column-renderer\n        [mo]=\"mo\"\n        [column]=\"column\"\n        [value]=\"column | columnValue: mo | bbbTranslate\"\n        [icon]=\"column | columnIcon: mo\"\n        [editMode]=\"editMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [formLayoutShowLabel]=\"false\"\n        [deviceSize]=\"deviceSize\"\n        [controlUi]=\"column.Caption | controlUi: layout94:column.Name\"\n        (click)=\"newPage || deviceSize === 's' ? openMoInNewPage() : openPopover()\"\n    ></bsu-column-renderer>\n</ng-template>\n", styles: [":host{display:flex;width:100%;height:100%;align-items:stretch;justify-content:stretch}:host fd-popover{flex:1}:host ::ng-deep span{color:var(--sapLinkColor);text-decoration:var(--fdLink_Text_Content_Decoration, none);cursor:pointer}:host ::ng-deep span:hover{text-decoration:var(--fdLink_Text_Content_Decoration, none)}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1$1.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "uiComponent", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }, { kind: "directive", type: i1$1.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "component", type: i2$1.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i2$1.ColumnRendererComponent, selector: "bsu-column-renderer,[colRenderer]", inputs: ["column", "allColumns", "mo", "index", "editMode", "customRowHeight", "controlUi", "formLayoutShowLabel", "isChecked", "isNewInlineMo", "containerDom", "disableEllapsis", "rtl", "isMobile", "fdTextMode", "deviceName", "deviceSize", "value", "icon"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i1$1.ControlUiPipe, name: "controlUi" }, { kind: "pipe", type: i1$1.ColumnIconPipe, name: "columnIcon" }, { kind: "pipe", type: i1$1.ColumnValuePipe, name: "columnValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ColumnFormViewerComponent, decorators: [{
             type: Component,
@@ -3416,56 +3416,77 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class ColumnProgressbarComponent extends ColumnRendererComponent {
     constructor() {
         super(...arguments);
-        this.customUnitValueMax = 100;
+        this.maxValue = '100';
         this.customUntitValueNow = 0;
-        this.customUnits = 'MB';
+        this.unit = 'MB';
+        this.valueText = '';
         this.state = 'informative';
         this._el = inject(ElementRef);
         this._renderer2 = inject(Renderer2);
+        this._findColumnByDbName = inject(FindColumnByDbNamePipe);
+        this._columnValuePipe = inject(ColumnValuePipe);
     }
     ngOnInit() {
         super.ngOnInit();
-        if (this.parameters?.MaxValue) {
-            this.customUnitValueMax = +this.parameters.MaxValue;
-        }
+        this._setMaxValue();
         if (this.parameters?.Units) {
-            this.customUnits = this.parameters.Units;
+            this.unit = this.parameters.Units;
         }
         this.state = this.parameters.State$Caption;
-        this._prepareValue(this.value);
+        this._setValueText();
     }
     ngAfterViewInit() {
         super.ngAfterViewInit();
-        if (this.parameters.Color) {
-            const dom = this._el.nativeElement;
-            const x = dom.querySelector('.fd-progress-indicator__progress-bar');
-            if (x) {
-                this._renderer2.setStyle(x, 'background-color', this.parameters.Color);
+        this._setColor();
+    }
+    _setValueText() {
+        // const { ValueText } = this.parameters;
+        // this.valueText = this.value + ' ' + this.unit + ' ' + this.maxValue;
+        // if (ValueText) {
+        //     const x = eval(ValueText); // eslint-disable-line
+        // }
+    }
+    _setMaxValue() {
+        const { MaxValue, MaxValueField } = this.parameters;
+        if (MaxValue) {
+            this.maxValue = this.parameters.MaxValue;
+        }
+        if (MaxValueField) {
+            const column = this._findColumnByDbName.transform(this.allColumns, MaxValueField, []);
+            if (column) {
+                this.maxValue = this._columnValuePipe.transform(column, this.mo);
+            }
+            else {
+                this.maxValue = this.mo[MaxValueField];
             }
         }
     }
-    ngOnChanges(changes) {
-        super.ngOnChanges(changes);
-        const { value } = changes;
-        if (value && !value.firstChange) {
-            this._prepareValue(value.currentValue);
-        }
-    }
-    _prepareValue(value) {
-        if (value.length > 0) {
-            let sindex = 0;
-            if (isNaN(+value[0])) {
-                sindex++;
+    _setColor() {
+        const { Color, ColorField } = this.parameters;
+        if (Color || ColorField) {
+            let color = Color;
+            if (ColorField) {
+                const column = this._findColumnByDbName.transform(this.allColumns, ColorField, []);
+                if (column) {
+                    color = this._columnValuePipe.transform(column, this.mo);
+                }
+                else {
+                    color = this.mo[ColorField];
+                }
+            }
+            const dom = this._el.nativeElement;
+            const x = dom.querySelector('.fd-progress-indicator__progress-bar');
+            if (x) {
+                this._renderer2.setStyle(x, 'background-color', color);
             }
-            this.customUntitValueNow = +value.substring(sindex, value.length);
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ColumnProgressbarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ColumnProgressbarComponent, selector: "bdc-column-progressbar", inputs: { layout94: "layout94", parameters: "parameters" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fd-progress-indicator\n    [state]=\"state\"\n    [valueNow]=\"customUntitValueNow\"\n    [valueMax]=\"customUnitValueMax\"\n    [unit]=\"customUnits\"\n></fd-progress-indicator>\n", styles: [":host{display:flex;width:100%;height:100%;align-items:stretch;justify-content:stretch}:host fd-progress-indicator{display:block;width:100%}:host fd-progress-indicator ::ng-deep>div{margin:2px!important;display:flex;align-items:center}:host fd-progress-indicator ::ng-deep>div>div{width:100%;display:flex;align-items:center}\n"], dependencies: [{ kind: "component", type: i5.ProgressIndicatorComponent, selector: "fd-progress-indicator", inputs: ["valueText", "unit", "valueMin", "valueMax", "valueNow", "state", "animate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ColumnProgressbarComponent, selector: "bdc-column-progressbar", inputs: { layout94: "layout94", parameters: "parameters" }, usesInheritance: true, ngImport: i0, template: "<fd-progress-indicator\n    [state]=\"state\"\n    [valueNow]=\"value | strToNum\"\n    [valueMax]=\"maxValue | strToNum\"\n    [unit]=\"unit\"\n    [valueText]=\"valueText\"\n></fd-progress-indicator>\n", styles: [":host{display:flex;width:100%;height:100%;align-items:stretch;justify-content:stretch}:host fd-progress-indicator{display:block;width:100%}:host fd-progress-indicator ::ng-deep>div{margin:2px!important;display:flex;align-items:center}:host fd-progress-indicator ::ng-deep>div>div{width:100%;display:flex;align-items:center}\n"], dependencies: [{ kind: "component", type: i5.ProgressIndicatorComponent, selector: "fd-progress-indicator", inputs: ["valueText", "unit", "valueMin", "valueMax", "valueNow", "state", "animate"] }, { kind: "pipe", type: i1$1.StringToNumberPipe, name: "strToNum" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ColumnProgressbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bdc-column-progressbar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fd-progress-indicator\n    [state]=\"state\"\n    [valueNow]=\"customUntitValueNow\"\n    [valueMax]=\"customUnitValueMax\"\n    [unit]=\"customUnits\"\n></fd-progress-indicator>\n", styles: [":host{display:flex;width:100%;height:100%;align-items:stretch;justify-content:stretch}:host fd-progress-indicator{display:block;width:100%}:host fd-progress-indicator ::ng-deep>div{margin:2px!important;display:flex;align-items:center}:host fd-progress-indicator ::ng-deep>div>div{width:100%;display:flex;align-items:center}\n"] }]
+            args: [{ selector: 'bdc-column-progressbar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fd-progress-indicator\n    [state]=\"state\"\n    [valueNow]=\"value | strToNum\"\n    [valueMax]=\"maxValue | strToNum\"\n    [unit]=\"unit\"\n    [valueText]=\"valueText\"\n></fd-progress-indicator>\n", styles: [":host{display:flex;width:100%;height:100%;align-items:stretch;justify-content:stretch}:host fd-progress-indicator{display:block;width:100%}:host fd-progress-indicator ::ng-deep>div{margin:2px!important;display:flex;align-items:center}:host fd-progress-indicator ::ng-deep>div>div{width:100%;display:flex;align-items:center}\n"] }]
         }], propDecorators: { layout94: [{
                 type: Input
             }], parameters: [{