barsa-develop-components 2.3.34 → 2.3.36

package/fesm2022/barsa-develop-components.mjs

@@ -1282,7 +1282,7 @@ class CardHeaderLogoTitleSubtitleComponent extends BaseItemContentPropsComponent
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CardHeaderLogoTitleSubtitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: CardHeaderLogoTitleSubtitleComponent, isStandalone: false, selector: "bdc-card-header-logo-title-subtitle", outputs: { events: "events" }, usesInheritance: true, ngImport: i0, template: "<fd-card-header\r\n    [class.hide-border]=\"parameters.HideBorder\"\r\n    (click)=\"!isCheckList && events.emit({ title: 'rowCheck' })\"\r\n>\r\n    <fd-card-main-header>\r\n        @if (hasIcon) {\r\n        <fd-avatar\r\n            [circle]=\"avatarCircle\"\r\n            size=\"s\"\r\n            ariaLabel=\"avatar image\"\r\n            title=\"avatar image\"\r\n            alterIcon=\"content|alt|backup|default-icon\"\r\n            [glyph]=\"fontIcon\"\r\n            [image]=\"isIconImage ? (imageIcon?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null) : ''\"\r\n        ></fd-avatar>\r\n        }\r\n        <div fd-card-title [style.justify-content]=\"'end'\" style=\"display:flex\">\r\n            <div style=\"display: flex; justify-content: start; flex-grow: 1\">\r\n                @if (isCheckList) {\r\n                <fd-checkbox\r\n                    [name]=\"mo.$Caption\"\r\n                    [ngModel]=\"isChecked\"\r\n                    (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\r\n                ></fd-checkbox>\r\n                } @if (setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\r\n                <div\r\n                    ulvContextMenu\r\n                    [allColumns]=\"allColumns\"\r\n                    [menuItems]=\"contextMenuItems\"\r\n                    [conditionalFormats]=\"conditionalFormats\"\r\n                    [styleIndex]=\"styleIndex\"\r\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                    [mo]=\"mo\"\r\n                    (commandClick)=\"events.emit({ title: 'ulvCommand' })\"\r\n                ></div>\r\n                }\r\n                <h2\r\n                    #hEl                    \r\n                    class=\"fd-card__title\"\r\n                    [hostEl]=\"hEl\"\r\n                    [styleIndex]=\"styleIndex\"\r\n                    [dbName]=\"titleDbName\"\r\n                    [applyConditionalFormats]=\"conditionalFormats\"\r\n                >\r\n                    {{ title | bbbTranslate }}\r\n                </h2>\r\n            </div>\r\n            @if (canView) {\r\n            <button\r\n                fd-button\r\n                (click)=\"$event.preventDefault(); $event.stopPropagation(); events.emit({ title: 'rowClick' })\"\r\n                [glyph]=\"navigationArrow\"\r\n                fdType=\"transparent\"\r\n            ></button>\r\n            }\r\n        </div>\r\n\r\n        <h3\r\n            fd-card-subtitle\r\n            #hEl\r\n            [hostEl]=\"hEl\"\r\n            [styleIndex]=\"styleIndex\"\r\n            [dbName]=\"subtitleDbName\"\r\n            [applyConditionalFormats]=\"conditionalFormats\"\r\n        >\r\n            {{ subtitle | bbbTranslate }}\r\n        </h3>\r\n    </fd-card-main-header>\r\n</fd-card-header>\r\n<div></div>\r\n", styles: [":host{display:contents}fd-card-header{cursor:default}fd-card-header .fd-card__title{display:-webkit-box;width:100%}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$2.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$2.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "component", type: i3$6.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: i1$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$2.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i4$2.CardMainHeaderComponent, selector: "fd-card-main-header", inputs: ["interactive", "title"] }, { kind: "directive", type: i4$2.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i4$2.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: i2$1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i2$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: CardHeaderLogoTitleSubtitleComponent, isStandalone: false, selector: "bdc-card-header-logo-title-subtitle", outputs: { events: "events" }, usesInheritance: true, ngImport: i0, template: "<fd-card-header\r\n    [class.hide-border]=\"parameters.HideBorder\"\r\n    (click)=\"!isCheckList && events.emit({ title: 'rowCheck' })\"\r\n>\r\n    <fd-card-main-header>\r\n        @if (hasIcon) {\r\n        <fd-avatar\r\n            [circle]=\"avatarCircle\"\r\n            size=\"s\"\r\n            ariaLabel=\"avatar image\"\r\n            title=\"avatar image\"\r\n            alterIcon=\"content|alt|backup|default-icon\"\r\n            [glyph]=\"fontIcon\"\r\n            [image]=\"isIconImage ? (imageIcon?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null) : ''\"\r\n        ></fd-avatar>\r\n        }\r\n        <div fd-card-title [style.justify-content]=\"'end'\" style=\"display:flex\">\r\n            <div style=\"display: flex; justify-content: start; flex-grow: 1\">\r\n                @if (isCheckList) {\r\n                <fd-checkbox\r\n                    [name]=\"mo.$Caption\"\r\n                    [ngModel]=\"isChecked\"\r\n                    (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\r\n                ></fd-checkbox>\r\n                } @if (setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\r\n                <div\r\n                    ulvContextMenu\r\n                    [allColumns]=\"allColumns\"\r\n                    [menuItems]=\"contextMenuItems\"\r\n                    [conditionalFormats]=\"conditionalFormats\"\r\n                    [styleIndex]=\"styleIndex\"\r\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                    [mo]=\"mo\"\r\n                    (commandClick)=\"events.emit({ title: 'ulvCommand' })\"\r\n                ></div>\r\n                }\r\n                <h2\r\n                    #hEl                    \r\n                    class=\"fd-card__title\"\r\n                    [hostEl]=\"hEl\"\r\n                    [styleIndex]=\"styleIndex\"\r\n                    [dbName]=\"titleDbName\"\r\n                    [applyConditionalFormats]=\"conditionalFormats\"\r\n                >\r\n                    {{ title | bbbTranslate }}\r\n                </h2>\r\n            </div>\r\n            @if (canView) {\r\n            <button\r\n                fd-button\r\n                (click)=\"$event.preventDefault(); $event.stopPropagation(); events.emit({ title: 'rowClick' })\"\r\n                [glyph]=\"navigationArrow\"\r\n                fdType=\"transparent\"\r\n            ></button>\r\n            }\r\n        </div>\r\n\r\n        <h3\r\n            fd-card-subtitle\r\n            #hEl\r\n            [hostEl]=\"hEl\"\r\n            [styleIndex]=\"styleIndex\"\r\n            [dbName]=\"subtitleDbName\"\r\n            [applyConditionalFormats]=\"conditionalFormats\"\r\n        >\r\n            {{ subtitle | bbbTranslate }}\r\n        </h3>\r\n    </fd-card-main-header>\r\n</fd-card-header>\r\n<div></div>\r\n", styles: [":host{display:contents}fd-card-header{cursor:default}fd-card-header .fd-card__title{display:-webkit-box;width:100%}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$2.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "rightClickEnable", "closeOnOutsideClick", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode", "contextMenuOverflowText", "appendTo"], outputs: ["commandClick"] }, { kind: "directive", type: i2$2.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "component", type: i3$6.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: i1$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$2.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i4$2.CardMainHeaderComponent, selector: "fd-card-main-header", inputs: ["interactive", "title"] }, { kind: "directive", type: i4$2.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i4$2.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: i2$1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i2$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CardHeaderLogoTitleSubtitleComponent, decorators: [{
             type: Component,
@@ -1537,7 +1537,7 @@ class ServiceDeskViewOfServicesComponent extends ReportViewBaseComponent {
         super.onRowClick(e);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ServiceDeskViewOfServicesComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: ServiceDeskViewOfServicesComponent, isStandalone: false, 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: i2$1.DynamicCommandDirective, selector: "[dynCommand]", inputs: ["dynCommand", "mo", "enableCommand"], outputs: ["commandClick"] }, { kind: "component", type: i2$2.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: i1$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2$5.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i3$4.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i3$4.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i3$4.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i4$1.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "pipe", type: i2$1.MultipleGroupByPipe, name: "multipleGroupBy" }, { kind: "pipe", type: i2$1.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: ServiceDeskViewOfServicesComponent, isStandalone: false, 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: i2$1.DynamicCommandDirective, selector: "[dynCommand]", inputs: ["dynCommand", "mo", "enableCommand"], outputs: ["commandClick"] }, { kind: "component", type: i2$2.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "rightClickEnable", "closeOnOutsideClick", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode", "contextMenuOverflowText", "appendTo"], outputs: ["commandClick"] }, { kind: "component", type: i1$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2$5.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i3$4.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i3$4.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i3$4.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i4$1.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "pipe", type: i2$1.MultipleGroupByPipe, name: "multipleGroupBy" }, { kind: "pipe", type: i2$1.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ServiceDeskViewOfServicesComponent, decorators: [{
             type: Component,
@@ -1569,7 +1569,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 
 class CardHeaderBigImageTitleAndSubtitleComponent extends CardHeaderLogoTitleSubtitleComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CardHeaderBigImageTitleAndSubtitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: CardHeaderBigImageTitleAndSubtitleComponent, isStandalone: false, selector: "bdc-card-header-big-image-title-and-subtitle", usesInheritance: true, ngImport: i0, template: "<fd-card-header [class.hide-border]=\"parameters.HideBorder\">\r\n    <fd-card-main-header>\r\n        @if (hasIcon) {\r\n        <fd-avatar\r\n            [circle]=\"avatarCircle\"\r\n            size=\"s\"\r\n            ariaLabel=\"avatar image\"\r\n            title=\"avatar image\"\r\n            [glyph]=\"fontIcon\"\r\n            [image]=\"isIconImage ? (imageIcon?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null) : ''\"\r\n        ></fd-avatar>\r\n        }\r\n        <div fd-card-title [style.justify-content]=\"'end'\" style=\"display:flex\">\r\n            <div style=\"display: flex; justify-content: start; flex-grow: 1\">\r\n                @if (isCheckList) {\r\n                <fd-checkbox\r\n                    [name]=\"mo.$Caption\"\r\n                    [ngModel]=\"isChecked\"\r\n                    (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\r\n                ></fd-checkbox>\r\n                } @if (!setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\r\n                <div\r\n                    ulvContextMenu\r\n                    [allColumns]=\"allColumns\"\r\n                    [menuItems]=\"contextMenuItems\"\r\n                    [conditionalFormats]=\"conditionalFormats\"\r\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                    [mo]=\"mo\"\r\n                    [styleIndex]=\"styleIndex\"\r\n                    (commandClick)=\"events.emit({ title: 'ulvCommand' })\"\r\n                ></div>\r\n                }\r\n                <h2\r\n                    #hEl\r\n                    class=\"fd-card__title\"\r\n                    [hostEl]=\"hEl\"\r\n                    [dbName]=\"titleDbName\"\r\n                    [styleIndex]=\"styleIndex\"\r\n                    [applyConditionalFormats]=\"conditionalFormats\"\r\n                >\r\n                    {{ title }}\r\n                </h2>\r\n            </div>\r\n            @if (canView && !hideOpenIcon) {\r\n            <button\r\n                fd-button\r\n                (click)=\"events.emit({ title: 'rowClick' })\"\r\n                [glyph]=\"navigationArrow\"\r\n                fdType=\"transparent\"\r\n            ></button>\r\n            }\r\n        </div>\r\n\r\n        <h3\r\n            fd-card-subtitle\r\n            #hEl\r\n            [hostEl]=\"hEl\"\r\n            [dbName]=\"subtitleDbName\"\r\n            [styleIndex]=\"styleIndex\"\r\n            [applyConditionalFormats]=\"conditionalFormats\"\r\n        >\r\n            {{ subtitle }}\r\n        </h3>\r\n    </fd-card-main-header>\r\n</fd-card-header>\r\n<div></div>\r\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:-webkit-box;width:100%}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$2.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$2.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "component", type: i3$6.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: i1$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$2.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i4$2.CardMainHeaderComponent, selector: "fd-card-main-header", inputs: ["interactive", "title"] }, { kind: "directive", type: i4$2.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i4$2.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: i2$1.PictureFieldSourcePipe, name: "picFieldSrc" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: CardHeaderBigImageTitleAndSubtitleComponent, isStandalone: false, selector: "bdc-card-header-big-image-title-and-subtitle", usesInheritance: true, ngImport: i0, template: "<fd-card-header [class.hide-border]=\"parameters.HideBorder\">\r\n    <fd-card-main-header>\r\n        @if (hasIcon) {\r\n        <fd-avatar\r\n            [circle]=\"avatarCircle\"\r\n            size=\"s\"\r\n            ariaLabel=\"avatar image\"\r\n            title=\"avatar image\"\r\n            [glyph]=\"fontIcon\"\r\n            [image]=\"isIconImage ? (imageIcon?.FileId | picFieldSrc: 'GetPictureFromFileInfo':null) : ''\"\r\n        ></fd-avatar>\r\n        }\r\n        <div fd-card-title [style.justify-content]=\"'end'\" style=\"display:flex\">\r\n            <div style=\"display: flex; justify-content: start; flex-grow: 1\">\r\n                @if (isCheckList) {\r\n                <fd-checkbox\r\n                    [name]=\"mo.$Caption\"\r\n                    [ngModel]=\"isChecked\"\r\n                    (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\r\n                ></fd-checkbox>\r\n                } @if (!setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\r\n                <div\r\n                    ulvContextMenu\r\n                    [allColumns]=\"allColumns\"\r\n                    [menuItems]=\"contextMenuItems\"\r\n                    [conditionalFormats]=\"conditionalFormats\"\r\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                    [mo]=\"mo\"\r\n                    [styleIndex]=\"styleIndex\"\r\n                    (commandClick)=\"events.emit({ title: 'ulvCommand' })\"\r\n                ></div>\r\n                }\r\n                <h2\r\n                    #hEl\r\n                    class=\"fd-card__title\"\r\n                    [hostEl]=\"hEl\"\r\n                    [dbName]=\"titleDbName\"\r\n                    [styleIndex]=\"styleIndex\"\r\n                    [applyConditionalFormats]=\"conditionalFormats\"\r\n                >\r\n                    {{ title }}\r\n                </h2>\r\n            </div>\r\n            @if (canView && !hideOpenIcon) {\r\n            <button\r\n                fd-button\r\n                (click)=\"events.emit({ title: 'rowClick' })\"\r\n                [glyph]=\"navigationArrow\"\r\n                fdType=\"transparent\"\r\n            ></button>\r\n            }\r\n        </div>\r\n\r\n        <h3\r\n            fd-card-subtitle\r\n            #hEl\r\n            [hostEl]=\"hEl\"\r\n            [dbName]=\"subtitleDbName\"\r\n            [styleIndex]=\"styleIndex\"\r\n            [applyConditionalFormats]=\"conditionalFormats\"\r\n        >\r\n            {{ subtitle }}\r\n        </h3>\r\n    </fd-card-main-header>\r\n</fd-card-header>\r\n<div></div>\r\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:-webkit-box;width:100%}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$2.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "rightClickEnable", "closeOnOutsideClick", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode", "contextMenuOverflowText", "appendTo"], outputs: ["commandClick"] }, { kind: "directive", type: i2$2.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "component", type: i3$6.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: i1$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$2.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i4$2.CardMainHeaderComponent, selector: "fd-card-main-header", inputs: ["interactive", "title"] }, { kind: "directive", type: i4$2.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i4$2.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: i2$1.PictureFieldSourcePipe, name: "picFieldSrc" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CardHeaderBigImageTitleAndSubtitleComponent, decorators: [{
             type: Component,
@@ -1888,7 +1888,7 @@ class CardHeaderKpiComponent extends CardHeaderLogoTitleSubtitleComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CardHeaderKpiComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: CardHeaderKpiComponent, isStandalone: false, selector: "bdc-card-header-kpi", usesInheritance: true, ngImport: i0, template: "<fd-card-header>\r\n    <fd-card-main-header>\r\n        <div fd-card-title [style.justify-content]=\"'end'\">\r\n            <div style=\"display: flex; justify-content: start; flex-grow: 1\">\r\n                @if (isCheckList) {\r\n                <fd-checkbox\r\n                    [name]=\"mo.$Caption\"\r\n                    [ngModel]=\"isChecked\"\r\n                    (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\r\n                ></fd-checkbox>\r\n                }\r\n                <h2\r\n                    #hEl\r\n                    class=\"fd-card__title\"\r\n                    [hostEl]=\"hEl\"\r\n                    [dbName]=\"titleDbName\"\r\n                    [styleIndex]=\"styleIndex\"\r\n                    [applyConditionalFormats]=\"conditionalFormats\"\r\n                >\r\n                    {{ title }}\r\n                </h2>\r\n                @if (!setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\r\n                <div\r\n                    ulvContextMenu\r\n                    [allColumns]=\"allColumns\"\r\n                    [menuItems]=\"contextMenuItems\"\r\n                    [conditionalFormats]=\"conditionalFormats\"\r\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                    [styleIndex]=\"styleIndex\"\r\n                    [mo]=\"mo\"\r\n                    (commandClick)=\"events.emit({ title: 'ulvCommand' })\"\r\n                ></div>\r\n                }\r\n            </div>\r\n            @if (canView) {\r\n            <button\r\n                fd-button\r\n                (click)=\"events.emit({ title: 'rowClick' })\"\r\n                [glyph]=\"navigationArrow\"\r\n                fdType=\"transparent\"\r\n            ></button>\r\n            }\r\n        </div>\r\n\r\n        <fd-card-kpi-header>\r\n            <strong fd-card-kpi-value [status]=\"kpiStatus\">{{ kpiValue }}</strong>\r\n            <span\r\n                fd-card-kpi-scale-icon\r\n                [glyph]=\"kpiStatus === 'positive' ? 'up' : 'down'\"\r\n                fd-object-status\r\n                [status]=\"kpiStatus\"\r\n                aria-label=\"up arrow\"\r\n                title=\"up arrow\"\r\n            ></span>\r\n            <span fd-card-kpi-scale-text fd-object-status status=\"positive\">\u00B0C</span>\r\n\r\n            <div fd-card-kpi-analytics>\r\n                <label fd-card-kpi-analytics-label>{{ kpiAnalyticalLabel }}</label>\r\n                <span fd-card-kpi-analytics-content>{{ kpiAnalyticalContent }}{{ kpiAnalayticalSymbol }}</span>\r\n            </div>\r\n        </fd-card-kpi-header>\r\n\r\n        <h4 fd-card-second-subtitle>{{ subtitle }}</h4>\r\n    </fd-card-main-header>\r\n</fd-card-header>\r\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$2.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$2.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "component", type: i1$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$2.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i4$2.CardMainHeaderComponent, selector: "fd-card-main-header", inputs: ["interactive", "title"] }, { kind: "directive", type: i4$2.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i4$2.CardSecondSubtitleDirective, selector: "[fd-card-second-subtitle]" }, { kind: "component", type: i4$2.CardKpiHeaderComponent, selector: "fd-card-kpi-header" }, { kind: "directive", type: i4$2.CardKpiValueDirective, selector: "[fd-card-kpi-value]", inputs: ["status"] }, { kind: "directive", type: i4$2.CardKpiScaleIconDirective, selector: "[fd-card-kpi-scale-icon]" }, { kind: "directive", type: i4$2.CardKpiScaleTextDirective, selector: "[fd-card-kpi-scale-text]" }, { kind: "directive", type: i4$2.CardKpiAnalyticsDirective, selector: "[fd-card-kpi-analytics]" }, { kind: "directive", type: i4$2.CardKpiAnalyticsLabelDirective, selector: "[fd-card-kpi-analytics-label]" }, { kind: "directive", type: i4$2.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: "20.0.6", type: CardHeaderKpiComponent, isStandalone: false, selector: "bdc-card-header-kpi", usesInheritance: true, ngImport: i0, template: "<fd-card-header>\r\n    <fd-card-main-header>\r\n        <div fd-card-title [style.justify-content]=\"'end'\">\r\n            <div style=\"display: flex; justify-content: start; flex-grow: 1\">\r\n                @if (isCheckList) {\r\n                <fd-checkbox\r\n                    [name]=\"mo.$Caption\"\r\n                    [ngModel]=\"isChecked\"\r\n                    (ngModelChange)=\"events.emit({ title: 'rowCheck' })\"\r\n                ></fd-checkbox>\r\n                }\r\n                <h2\r\n                    #hEl\r\n                    class=\"fd-card__title\"\r\n                    [hostEl]=\"hEl\"\r\n                    [dbName]=\"titleDbName\"\r\n                    [styleIndex]=\"styleIndex\"\r\n                    [applyConditionalFormats]=\"conditionalFormats\"\r\n                >\r\n                    {{ title }}\r\n                </h2>\r\n                @if (!setting.ContextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\r\n                <div\r\n                    ulvContextMenu\r\n                    [allColumns]=\"allColumns\"\r\n                    [menuItems]=\"contextMenuItems\"\r\n                    [conditionalFormats]=\"conditionalFormats\"\r\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                    [styleIndex]=\"styleIndex\"\r\n                    [mo]=\"mo\"\r\n                    (commandClick)=\"events.emit({ title: 'ulvCommand' })\"\r\n                ></div>\r\n                }\r\n            </div>\r\n            @if (canView) {\r\n            <button\r\n                fd-button\r\n                (click)=\"events.emit({ title: 'rowClick' })\"\r\n                [glyph]=\"navigationArrow\"\r\n                fdType=\"transparent\"\r\n            ></button>\r\n            }\r\n        </div>\r\n\r\n        <fd-card-kpi-header>\r\n            <strong fd-card-kpi-value [status]=\"kpiStatus\">{{ kpiValue }}</strong>\r\n            <span\r\n                fd-card-kpi-scale-icon\r\n                [glyph]=\"kpiStatus === 'positive' ? 'up' : 'down'\"\r\n                fd-object-status\r\n                [status]=\"kpiStatus\"\r\n                aria-label=\"up arrow\"\r\n                title=\"up arrow\"\r\n            ></span>\r\n            <span fd-card-kpi-scale-text fd-object-status status=\"positive\">\u00B0C</span>\r\n\r\n            <div fd-card-kpi-analytics>\r\n                <label fd-card-kpi-analytics-label>{{ kpiAnalyticalLabel }}</label>\r\n                <span fd-card-kpi-analytics-content>{{ kpiAnalyticalContent }}{{ kpiAnalayticalSymbol }}</span>\r\n            </div>\r\n        </fd-card-kpi-header>\r\n\r\n        <h4 fd-card-second-subtitle>{{ subtitle }}</h4>\r\n    </fd-card-main-header>\r\n</fd-card-header>\r\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$2.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "rightClickEnable", "closeOnOutsideClick", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode", "contextMenuOverflowText", "appendTo"], outputs: ["commandClick"] }, { kind: "directive", type: i2$2.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "component", type: i1$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$2.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i4$2.CardMainHeaderComponent, selector: "fd-card-main-header", inputs: ["interactive", "title"] }, { kind: "directive", type: i4$2.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i4$2.CardSecondSubtitleDirective, selector: "[fd-card-second-subtitle]" }, { kind: "component", type: i4$2.CardKpiHeaderComponent, selector: "fd-card-kpi-header" }, { kind: "directive", type: i4$2.CardKpiValueDirective, selector: "[fd-card-kpi-value]", inputs: ["status"] }, { kind: "directive", type: i4$2.CardKpiScaleIconDirective, selector: "[fd-card-kpi-scale-icon]" }, { kind: "directive", type: i4$2.CardKpiScaleTextDirective, selector: "[fd-card-kpi-scale-text]" }, { kind: "directive", type: i4$2.CardKpiAnalyticsDirective, selector: "[fd-card-kpi-analytics]" }, { kind: "directive", type: i4$2.CardKpiAnalyticsLabelDirective, selector: "[fd-card-kpi-analytics-label]" }, { kind: "directive", type: i4$2.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: "20.0.6", ngImport: i0, type: CardHeaderKpiComponent, decorators: [{
             type: Component,
@@ -3061,7 +3061,15 @@ class BarsaGeographicLocationComponent extends BaseComponent {
             'Lib/leaflet/BeautifyMarker-master/leaflet-beautify-marker-icon-barsa.js'
         ], () => this._initilaize());
     }
-    onLongPress(latlng) {
+    // {
+    //     latlng,
+    //     point,
+    //     x,
+    //     y,
+    //     marker,
+    //     data
+    // }
+    onLongPress({ latlng }) {
         this._setGeoLocation({ latitude: latlng.lat, longitude: latlng.lng }, this.disableOrReadonly, false, true);
     }
     onCurrentLocation() {