barsa-sap-ui 2.2.66 → 2.2.67

package/fesm2022/barsa-sap-ui.mjs

@@ -5487,11 +5487,11 @@ class BarsaTableColumnComponent extends BaseColumnPropsComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BarsaTableColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BarsaTableColumnComponent, selector: "bsu-barsa-table-column", inputs: { disableEllapsis: "disableEllapsis", fdTextMode: "fdTextMode" }, providers: [FormPanelService, ColumnService], usesInheritance: true, ngImport: i0, template: "<div\r\n    [class.editMode]=\"editMode\"\r\n    [class.isdirty]=\"isdirty\"\r\n    #divDom\r\n    style=\"display: flex; width: 100%\"\r\n    [style.column-gap]=\"column.$MergedFieldsToColumn?.length ? '0.2rem' : null\"\r\n>\r\n    @if (customComponent && customComponent.Selector) {\r\n    <bnrc-dynamic-item-component\r\n        [component]=\"customComponent\"\r\n        [mo]=\"mo\"\r\n        [isChecked]=\"isChecked\"\r\n        [setting]=\"detailsComponentSetting\"\r\n        [parameters]=\"customComponent.Settings\"\r\n        [column]=\"column\"\r\n        [value]=\"value\"\r\n        [disableEllapsis]=\"disableEllapsis\"\r\n        [fdTextMode]=\"fdTextMode\"\r\n        [icon]=\"icon\"\r\n        [editMode]=\"editMode\"\r\n        [attachmentViewType]=\"attachmentViewType\"\r\n        [rtl]=\"rtl\"\r\n        [isMobile]=\"isMobile\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [index]=\"index\"\r\n        [allColumns]=\"allColumns\"\r\n        [containerDom]=\"divDom\"\r\n    ></bnrc-dynamic-item-component>\r\n    } @else {\r\n    <bsu-column-renderer\r\n        [mo]=\"mo\"\r\n        [containerDom]=\"divDom\"\r\n        [allColumns]=\"allColumns\"\r\n        [column]=\"column\"\r\n        [disableEllapsis]=\"disableEllapsis\"\r\n        [fdTextMode]=\"fdTextMode\"\r\n        [value]=\"value | bbbTranslate\"\r\n        [icon]=\"icon\"\r\n        [attachmentViewType]=\"attachmentViewType\"\r\n        [editMode]=\"editMode\"\r\n        [isChecked]=\"isChecked\"\r\n        [index]=\"index\"\r\n        [isMobile]=\"isMobile\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [formLayoutShowLabel]=\"false\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [controlUi]=\"column.Caption | controlUi: layout94:column.Name\"\r\n        (keyup.control.enter)=\"save.emit($event)\"\r\n        (keyup.esc)=\"cancel.emit($event)\"\r\n        (keydown.Tab)=\"tab.emit($event)\"\r\n    ></bsu-column-renderer>\r\n    } @if (editMode) { @for (fieldCaption of column.$MergedFieldsToColumn; track fieldCaption) { @if (fieldCaption |\r\n    controlUi: layout94; as layoutConfig) {\r\n    <bsu-layout-control\r\n        [caption]=\"fieldCaption\"\r\n        [config]=\"layoutConfig\"\r\n        [showLabel]=\"false\"\r\n        [inlineEdit]=\"true\"\r\n        (keyup.control.enter)=\"save.emit($event)\"\r\n        (keyup.esc)=\"cancel.emit($event)\"\r\n        (keydown.Tab)=\"tab.emit($event)\"\r\n    ></bsu-layout-control>\r\n    } } }\r\n</div>\r\n", styles: [":host{display:contents;width:100%}:host>div.isdirty{background:url(/Lib/ui/resources/images/default/grid/dirty.gif);background-repeat:no-repeat}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .editMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .editMode bsu-ui-simple-combo{margin:0!important}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.showdetails-on td{border-bottom:none!important}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}\n"], dependencies: [{ kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "hideOpenIcon", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "component", type: LayoutControlComponent, selector: "bsu-layout-control", inputs: ["inlineEdit", "cellEdit", "caption", "focusControl", "showLabel", "maxLabelWidth", "hasHorizontalText", "contentDensity", "flex", "RefreshLabel", "SetVisible"], outputs: ["events"] }, { kind: "component", type: ColumnRendererComponent, selector: "bsu-column-renderer,[colRenderer]", inputs: ["cellEdit", "column", "allColumns", "mo", "index", "editMode", "attachmentViewType", "customRowHeight", "controlUi", "formLayoutShowLabel", "isChecked", "isNewInlineMo", "containerDom", "disableEllapsis", "rtl", "isMobile", "fdTextMode", "deviceName", "deviceSize", "value", "icon"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ControlUiPipe, name: "controlUi" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BarsaTableColumnComponent, selector: "bsu-barsa-table-column", inputs: { disableEllapsis: "disableEllapsis", fdTextMode: "fdTextMode" }, providers: [FormPanelService, ColumnService], usesInheritance: true, ngImport: i0, template: "<div\r\n    [class.editMode]=\"editMode\"\r\n    [class.isdirty]=\"isdirty\"\r\n    #divDom\r\n    style=\"display: flex; width: 100%\"\r\n    [style.column-gap]=\"column.$MergedFieldsToColumn?.length ? '0.2rem' : null\"\r\n>\r\n    @if (customComponent && customComponent.Selector) {\r\n    <bnrc-dynamic-item-component\r\n        [component]=\"customComponent\"\r\n        [mo]=\"mo\"\r\n        [isChecked]=\"isChecked\"\r\n        [setting]=\"detailsComponentSetting\"\r\n        [parameters]=\"customComponent.Settings\"\r\n        [column]=\"column\"\r\n        [value]=\"value\"\r\n        [disableEllapsis]=\"disableEllapsis\"\r\n        [fdTextMode]=\"fdTextMode\"\r\n        [cellEdit]=\"cellEdit\"\r\n        [icon]=\"icon\"\r\n        [editMode]=\"editMode\"\r\n        [attachmentViewType]=\"attachmentViewType\"\r\n        [rtl]=\"rtl\"\r\n        [isMobile]=\"isMobile\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [index]=\"index\"\r\n        [allColumns]=\"allColumns\"\r\n        [containerDom]=\"divDom\"\r\n    ></bnrc-dynamic-item-component>\r\n    } @else {\r\n    <bsu-column-renderer\r\n        [mo]=\"mo\"\r\n        [containerDom]=\"divDom\"\r\n        [allColumns]=\"allColumns\"\r\n        [column]=\"column\"\r\n        [disableEllapsis]=\"disableEllapsis\"\r\n        [fdTextMode]=\"fdTextMode\"\r\n        [value]=\"value | bbbTranslate\"\r\n        [icon]=\"icon\"\r\n        [cellEdit]=\"cellEdit\"\r\n        [attachmentViewType]=\"attachmentViewType\"\r\n        [editMode]=\"editMode\"\r\n        [isChecked]=\"isChecked\"\r\n        [index]=\"index\"\r\n        [isMobile]=\"isMobile\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [formLayoutShowLabel]=\"false\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [controlUi]=\"column.Caption | controlUi: layout94:column.Name\"\r\n        (keyup.control.enter)=\"save.emit($event)\"\r\n        (keyup.esc)=\"cancel.emit($event)\"\r\n        (keydown.Tab)=\"tab.emit($event)\"\r\n    ></bsu-column-renderer>\r\n    } @if (editMode) { @for (fieldCaption of column.$MergedFieldsToColumn; track fieldCaption) { @if (fieldCaption |\r\n    controlUi: layout94; as layoutConfig) {\r\n    <bsu-layout-control\r\n        [caption]=\"fieldCaption\"\r\n        [config]=\"layoutConfig\"\r\n        [showLabel]=\"false\"\r\n        [inlineEdit]=\"true\"\r\n        (keyup.control.enter)=\"save.emit($event)\"\r\n        (keyup.esc)=\"cancel.emit($event)\"\r\n        (keydown.Tab)=\"tab.emit($event)\"\r\n    ></bsu-layout-control>\r\n    } } }\r\n</div>\r\n", styles: [":host{display:contents;width:100%}:host>div.isdirty{background:url(/Lib/ui/resources/images/default/grid/dirty.gif);background-repeat:no-repeat}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .editMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .editMode bsu-ui-simple-combo{margin:0!important}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.showdetails-on td{border-bottom:none!important}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}\n"], dependencies: [{ kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "hideOpenIcon", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "component", type: LayoutControlComponent, selector: "bsu-layout-control", inputs: ["inlineEdit", "cellEdit", "caption", "focusControl", "showLabel", "maxLabelWidth", "hasHorizontalText", "contentDensity", "flex", "RefreshLabel", "SetVisible"], outputs: ["events"] }, { kind: "component", type: ColumnRendererComponent, selector: "bsu-column-renderer,[colRenderer]", inputs: ["cellEdit", "column", "allColumns", "mo", "index", "editMode", "attachmentViewType", "customRowHeight", "controlUi", "formLayoutShowLabel", "isChecked", "isNewInlineMo", "containerDom", "disableEllapsis", "rtl", "isMobile", "fdTextMode", "deviceName", "deviceSize", "value", "icon"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ControlUiPipe, name: "controlUi" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BarsaTableColumnComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-table-column', providers: [FormPanelService, ColumnService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\r\n    [class.editMode]=\"editMode\"\r\n    [class.isdirty]=\"isdirty\"\r\n    #divDom\r\n    style=\"display: flex; width: 100%\"\r\n    [style.column-gap]=\"column.$MergedFieldsToColumn?.length ? '0.2rem' : null\"\r\n>\r\n    @if (customComponent && customComponent.Selector) {\r\n    <bnrc-dynamic-item-component\r\n        [component]=\"customComponent\"\r\n        [mo]=\"mo\"\r\n        [isChecked]=\"isChecked\"\r\n        [setting]=\"detailsComponentSetting\"\r\n        [parameters]=\"customComponent.Settings\"\r\n        [column]=\"column\"\r\n        [value]=\"value\"\r\n        [disableEllapsis]=\"disableEllapsis\"\r\n        [fdTextMode]=\"fdTextMode\"\r\n        [icon]=\"icon\"\r\n        [editMode]=\"editMode\"\r\n        [attachmentViewType]=\"attachmentViewType\"\r\n        [rtl]=\"rtl\"\r\n        [isMobile]=\"isMobile\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [index]=\"index\"\r\n        [allColumns]=\"allColumns\"\r\n        [containerDom]=\"divDom\"\r\n    ></bnrc-dynamic-item-component>\r\n    } @else {\r\n    <bsu-column-renderer\r\n        [mo]=\"mo\"\r\n        [containerDom]=\"divDom\"\r\n        [allColumns]=\"allColumns\"\r\n        [column]=\"column\"\r\n        [disableEllapsis]=\"disableEllapsis\"\r\n        [fdTextMode]=\"fdTextMode\"\r\n        [value]=\"value | bbbTranslate\"\r\n        [icon]=\"icon\"\r\n        [attachmentViewType]=\"attachmentViewType\"\r\n        [editMode]=\"editMode\"\r\n        [isChecked]=\"isChecked\"\r\n        [index]=\"index\"\r\n        [isMobile]=\"isMobile\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [formLayoutShowLabel]=\"false\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [controlUi]=\"column.Caption | controlUi: layout94:column.Name\"\r\n        (keyup.control.enter)=\"save.emit($event)\"\r\n        (keyup.esc)=\"cancel.emit($event)\"\r\n        (keydown.Tab)=\"tab.emit($event)\"\r\n    ></bsu-column-renderer>\r\n    } @if (editMode) { @for (fieldCaption of column.$MergedFieldsToColumn; track fieldCaption) { @if (fieldCaption |\r\n    controlUi: layout94; as layoutConfig) {\r\n    <bsu-layout-control\r\n        [caption]=\"fieldCaption\"\r\n        [config]=\"layoutConfig\"\r\n        [showLabel]=\"false\"\r\n        [inlineEdit]=\"true\"\r\n        (keyup.control.enter)=\"save.emit($event)\"\r\n        (keyup.esc)=\"cancel.emit($event)\"\r\n        (keydown.Tab)=\"tab.emit($event)\"\r\n    ></bsu-layout-control>\r\n    } } }\r\n</div>\r\n", styles: [":host{display:contents;width:100%}:host>div.isdirty{background:url(/Lib/ui/resources/images/default/grid/dirty.gif);background-repeat:no-repeat}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .editMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .editMode bsu-ui-simple-combo{margin:0!important}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.showdetails-on td{border-bottom:none!important}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}\n"] }]
+            args: [{ selector: 'bsu-barsa-table-column', providers: [FormPanelService, ColumnService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\r\n    [class.editMode]=\"editMode\"\r\n    [class.isdirty]=\"isdirty\"\r\n    #divDom\r\n    style=\"display: flex; width: 100%\"\r\n    [style.column-gap]=\"column.$MergedFieldsToColumn?.length ? '0.2rem' : null\"\r\n>\r\n    @if (customComponent && customComponent.Selector) {\r\n    <bnrc-dynamic-item-component\r\n        [component]=\"customComponent\"\r\n        [mo]=\"mo\"\r\n        [isChecked]=\"isChecked\"\r\n        [setting]=\"detailsComponentSetting\"\r\n        [parameters]=\"customComponent.Settings\"\r\n        [column]=\"column\"\r\n        [value]=\"value\"\r\n        [disableEllapsis]=\"disableEllapsis\"\r\n        [fdTextMode]=\"fdTextMode\"\r\n        [cellEdit]=\"cellEdit\"\r\n        [icon]=\"icon\"\r\n        [editMode]=\"editMode\"\r\n        [attachmentViewType]=\"attachmentViewType\"\r\n        [rtl]=\"rtl\"\r\n        [isMobile]=\"isMobile\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [index]=\"index\"\r\n        [allColumns]=\"allColumns\"\r\n        [containerDom]=\"divDom\"\r\n    ></bnrc-dynamic-item-component>\r\n    } @else {\r\n    <bsu-column-renderer\r\n        [mo]=\"mo\"\r\n        [containerDom]=\"divDom\"\r\n        [allColumns]=\"allColumns\"\r\n        [column]=\"column\"\r\n        [disableEllapsis]=\"disableEllapsis\"\r\n        [fdTextMode]=\"fdTextMode\"\r\n        [value]=\"value | bbbTranslate\"\r\n        [icon]=\"icon\"\r\n        [cellEdit]=\"cellEdit\"\r\n        [attachmentViewType]=\"attachmentViewType\"\r\n        [editMode]=\"editMode\"\r\n        [isChecked]=\"isChecked\"\r\n        [index]=\"index\"\r\n        [isMobile]=\"isMobile\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [formLayoutShowLabel]=\"false\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [controlUi]=\"column.Caption | controlUi: layout94:column.Name\"\r\n        (keyup.control.enter)=\"save.emit($event)\"\r\n        (keyup.esc)=\"cancel.emit($event)\"\r\n        (keydown.Tab)=\"tab.emit($event)\"\r\n    ></bsu-column-renderer>\r\n    } @if (editMode) { @for (fieldCaption of column.$MergedFieldsToColumn; track fieldCaption) { @if (fieldCaption |\r\n    controlUi: layout94; as layoutConfig) {\r\n    <bsu-layout-control\r\n        [caption]=\"fieldCaption\"\r\n        [config]=\"layoutConfig\"\r\n        [showLabel]=\"false\"\r\n        [inlineEdit]=\"true\"\r\n        (keyup.control.enter)=\"save.emit($event)\"\r\n        (keyup.esc)=\"cancel.emit($event)\"\r\n        (keydown.Tab)=\"tab.emit($event)\"\r\n    ></bsu-layout-control>\r\n    } } }\r\n</div>\r\n", styles: [":host{display:contents;width:100%}:host>div.isdirty{background:url(/Lib/ui/resources/images/default/grid/dirty.gif);background-repeat:no-repeat}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .editMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .editMode bsu-ui-simple-combo{margin:0!important}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.showdetails-on td{border-bottom:none!important}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}\n"] }]
         }], propDecorators: { disableEllapsis: [{
                 type: Input
             }], fdTextMode: [{
@@ -6064,6 +6064,7 @@ class BarsaTableRowComponent extends BaseViewItemPropsComponent {
         this.showDetailsInRow = false;
         this.columnSummary = new EventEmitter();
         this._renderer2 = inject(Renderer2);
+        this.activeColumn = signal(undefined);
     }
     ngOnInit() {
         super.ngOnInit();
@@ -6092,22 +6093,36 @@ class BarsaTableRowComponent extends BaseViewItemPropsComponent {
             }
         });
     }
-    onColumnClick() {
-        if (this.isCheckList) {
-            return;
-        }
-        this.onRowCheck();
+    onColumnClick(column) {
+        this._columnChangeToEditMode(column);
+    }
+    onColumnKeyEnter(column) {
+        // if (column === this.activeColumn()) {
+        //     const colIndex = this.columns.findIndex((c) => column.Name === c.Name);
+        //     if (colIndex > -1 && colIndex < this.columns.length) {
+        //         this.activeColumn.set(this.columns[colIndex + 1]);
+        //     }
+        //     return;
+        // }
+        this._columnChangeToEditMode(column);
     }
     onRowDetails() {
         this.detailsCollapsed = !this.detailsCollapsed;
         this._cdr.detectChanges();
     }
+    _columnChangeToEditMode(column) {
+        if (this.isCheckList && this.isChecked) {
+            return;
+        }
+        this._rowCheck();
+        this.activeColumn.set(column);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BarsaTableRowComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: { showDetailsInRow: "showDetailsInRow", previewColumn: "previewColumn", columnComponents: "columnComponents", dirtyColumns: "dirtyColumns", detailsCollapsed: "detailsCollapsed" }, outputs: { columnSummary: "columnSummary" }, providers: [FormPanelService], viewQueries: [{ propertyName: "detailsFormItems", first: true, predicate: ["detailsFormItems"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "@if ((!mo.$Parent || parentExpanded) && visibility !== false) {\r\n<tr\r\n    [class.row-error]=\"hasError\"\r\n    [class.showdetails-on]=\"!detailsCollapsed && (detailsComponent?.Selector || detailsColumns?.length)\"\r\n    [class.hasForm]=\"formSetting\"\r\n    [class.hasCartable]=\"!!cartableParams\"\r\n    #trEl\r\n    fd-table-row\r\n    [activable]=\"false\"\r\n    [hoverable]=\"true\"\r\n    [main]=\"true\"\r\n    [focusable]=\"true\"\r\n    [applyConditionalFormats]=\"conditionalFormats\"\r\n    [styleIndex]=\"styleIndex\"\r\n    [hostEl]=\"trEl\"\r\n    [attr.aria-selected]=\"isChecked\"\r\n    [class.has-preview-column]=\"!!previewColumn\"\r\n    [class.brule-message]=\"bruleActionMessage() || workflowState()?.error\"\r\n    [class.workflow-pending]=\"workflowState()?.state === 'Pending'\"\r\n    [style.background-color]=\"isOdd && !isChecked ? 'var(--sapList_Hover_Background)' : null\"\r\n>\r\n    @if (mo.$Group || mo.$Group === '') {\r\n    <td\r\n        [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\r\n        [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\r\n        fd-table-cell\r\n        style=\"font-weight: bold; font-size: 1rem\"\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n        class=\"row-group\"\r\n        [class.mobile-mode]=\"secondaryColumns?.length\"\r\n        [attr.level]=\"level\"\r\n        [class.root-group]=\"level === 0\"\r\n    >\r\n        <button\r\n            fd-button\r\n            [fdType]=\"'transparent'\"\r\n            [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\r\n            class=\"cell-expand\"\r\n            (click)=\"onExpandClick()\"\r\n        ></button>\r\n        {{ mo.$Group === 'undefined' ? '' : mo.$Group }}\r\n    </td>\r\n    } @else {\r\n\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    @if (isCheckList) {\r\n    <td fd-table-cell [style.width]=\"checkboxComponent ? '60px' : null\">\r\n        @if (workflowState()?.state === 'Pending') {\r\n        <div style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\">\r\n            <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\r\n        </div>\r\n        } @if (checkboxComponent?.Selector) {\r\n        <bnrc-dynamic-item-component\r\n            [component]=\"checkboxComponent\"\r\n            [mo]=\"mo\"\r\n            [isChecked]=\"isChecked\"\r\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n            [setting]=\"setting\"\r\n            [parameters]=\"checkboxComponent.Parameters\"\r\n            [editMode]=\"inlineEditMode\"\r\n            [rtl]=\"rtl\"\r\n            [deviceName]=\"deviceName\"\r\n            [value]=\"isChecked\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [index]=\"index\"\r\n            [allColumns]=\"allColumns\"\r\n            [typeDefId]=\"typeDefId\"\r\n            (events)=\"onRowCheck()\"\r\n        ></bnrc-dynamic-item-component>\r\n        } @else {\r\n        <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\r\n        }\r\n    </td>\r\n    } @if (!isCheckList && !showRowNumber) {\r\n    <td\r\n        fd-table-cell\r\n        class=\"single-select\"\r\n        (click)=\"!isCheckList && onRowCheck()\"\r\n        style=\"padding: 0; text-align: center\"\r\n    >\r\n        @if (inlineEditMode && allowInlineEdit && (hasError || saving || saved)) { @if (hasError) {\r\n        <fd-icon class=\"save-error\" glyph=\"error\"></fd-icon>\r\n        } @if (saving) {\r\n        <fd-busy-indicator [loading]=\"true\" [size]=\"'s'\" title=\"record saving\"></fd-busy-indicator>\r\n        } @if (saved) {\r\n        <fd-icon class=\"save-success\" glyph=\"accept\"></fd-icon>\r\n        } } @else { @if (mo.$State === 'New' && !isChecked) {\r\n        <fd-icon glyph=\"favorite\"></fd-icon>\r\n        } @if (inlineEditMode && allowInlineEdit && isChecked) {\r\n        <fd-icon glyph=\"edit\"></fd-icon>\r\n        } }\r\n    </td>\r\n    }\r\n    <ng-container *ngTemplateOutlet=\"rowNumberTemplate\"></ng-container>\r\n    @for (column of columns; track column.Name; let columnIndex = $index) {\r\n    <td\r\n        class=\"rep-column\"\r\n        [attr.dbName]=\"column.Name\"\r\n        #tdEl\r\n        fd-table-cell\r\n        [applyConditionalFormats]=\"conditionalFormats\"\r\n        [hostEl]=\"tdEl\"\r\n        [styleIndex]=\"styleIndex\"\r\n        [dbName]=\"column.Name\"\r\n        [focusable]=\"false\"\r\n        (click)=\"onColumnClick()\"\r\n        (dblclick)=\"onRowClick()\"\r\n        [hoverable]=\"inlineEditMode && allowInlineEdit\"\r\n        [class.control-readonly]=\"column.IsReadonly\"\r\n    >\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                columnTemplate;\r\n                context: {\r\n                    $implicit: column,\r\n                    mo: mo,\r\n                    index: columnIndex,\r\n                    inlineEditMode: inlineEditMode,\r\n                    layout94: layout$ | async\r\n                }\r\n            \"\r\n        ></ng-container>\r\n    </td>\r\n    } @if (contextMenuItems.length ) {\r\n    <td class=\"col-context-menu\" fd-table-cell>\r\n        <bsu-ulv-context-menu\r\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n            [conditionalFormats]=\"conditionalFormats\"\r\n            [styleIndex]=\"styleIndex\"\r\n            [mo]=\"mo\"\r\n            [index]=\"index\"\r\n            (commandClick)=\"onUlvCommand()\"\r\n            [deviceName]=\"deviceName\"\r\n            [menuItems]=\"contextMenuItems\"\r\n            [allColumns]=\"allColumns\"\r\n        ></bsu-ulv-context-menu>\r\n    </td>\r\n    } @if (showDetailsInRow && (!inlineEditMode || !allowInlineEdit)) {\r\n    <td class=\"col-details\" fd-table-cell [fitContent]=\"true\">\r\n        @if ((detailsComponent?.Selector || detailsColumns?.length || cartableParams?.moId ) && !hideDetailsText) {\r\n        <div class=\"tw-flex tw-justify-end tw-w-full\">\r\n            <button\r\n                fd-button\r\n                [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\r\n                [fdType]=\"'transparent'\"\r\n                (click)=\"onRowDetails()\"\r\n            ></button>\r\n        </div>\r\n        }\r\n    </td>\r\n    } @if (actionList?.length && !inlineEditMode) {\r\n    <td class=\"col-view\" [class.rtl]=\"rtl\" fd-table-cell [fitContent]=\"true\">\r\n        <bsu-barsa-row-inline-actionlist\r\n            [actionList]=\"actionList\"\r\n            (btnClick)=\"actionListClick.emit($event)\"\r\n        ></bsu-barsa-row-inline-actionlist>\r\n    </td>\r\n    } }\r\n</tr>\r\n} @if (secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false) {\r\n<tr\r\n    #trEl\r\n    fd-table-row\r\n    [secondary]=\"true\"\r\n    class=\"secondary-row\"\r\n    [class.no-edit-mode]=\"!inlineEditMode\"\r\n    [applyConditionalFormats]=\"conditionalFormats\"\r\n    [styleIndex]=\"styleIndex\"\r\n    [hostEl]=\"trEl\"\r\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\r\n    [style.background-color]=\"isOdd && !isChecked ? 'var(--sapList_Hover_Background)' : null\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    @if (!isCheckList) {\r\n    <td fd-table-cell class=\"single-select\" (click)=\"onRowCheck()\"></td>\r\n    }\r\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\" class=\"secondary p-wrapper\">\r\n        <div style=\"display: flex; flex-direction: column\">\r\n            @for (column of secondaryColumns; track _trackByColumn(columnIndex, column); let columnIndex = $index) {\r\n            <p\r\n                #pEl\r\n                fd-table-text\r\n                [applyConditionalFormats]=\"conditionalFormats\"\r\n                [hostEl]=\"pEl\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [dbName]=\"column.Name\"\r\n                style=\"font-family: 'B-Font Medium'\"\r\n            >\r\n                <label fd-form-label>{{ column.Caption }} :</label>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: column,\r\n                            mo: mo,\r\n                            index: columnIndex,\r\n                            inlineEditMode: inlineEditMode,\r\n                            layout94: layout$ | async\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </p>\r\n            }\r\n        </div>\r\n    </td>\r\n</tr>\r\n} @if (cartableParams?.moId) {\r\n<tr\r\n    [class.detailCollapsed]=\"detailsCollapsed\"\r\n    fd-table-row\r\n    class=\"showdetails cartable\"\r\n    [attr.aria-selected]=\"isChecked\"\r\n    [class.has-preview-column]=\"!!previewColumn\"\r\n    [style.background-color]=\"isOdd && !isChecked ? 'var(--sapList_Hover_Background)' : null\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        (click)=\"onRowCheck()\"\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? 1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <ng-container>\r\n            <bnrc-form\r\n                #cartableFormRef\r\n                class=\"cartable-template\"\r\n                [inlineEditInReport]=\"true\"\r\n                [params]=\"cartableParams\"\r\n                (beforeTransition)=\"onCartableBeforeTansition()\"\r\n                (afterTransition)=\"onCartableAfterTansition($event)\"\r\n                (bruleAction)=\"onCartableBruleAction($event)\"\r\n                (click)=\"OnCartableFormClick($event)\"\r\n                (formClose)=\"onCartableFormClosed()\"\r\n            ></bnrc-form>\r\n        </ng-container>\r\n    </td>\r\n</tr>\r\n} @if (!detailsCollapsed && (detailsComponent?.Selector|| detailsColumns?.length)) {\r\n<tr fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\" [class.has-preview-column]=\"!!previewColumn\">\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        (click)=\"onRowCheck()\"\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                detailsColumnsTemplate;\r\n                context: { mo: mo, inlineEditMode: inlineEditMode, layout94: layout$ | async }\r\n            \"\r\n        ></ng-container>\r\n        @if (detailsComponent && detailsComponent.Selector) {\r\n        <bnrc-dynamic-item-component\r\n            [component]=\"detailsComponent\"\r\n            [mo]=\"mo\"\r\n            [isChecked]=\"isChecked\"\r\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n            [setting]=\"detailsComponentSetting\"\r\n            [parameters]=\"detailsComponent.Settings\"\r\n            [editMode]=\"inlineEditMode\"\r\n            [formSetting]=\"formSetting\"\r\n            [rtl]=\"rtl\"\r\n            [deviceName]=\"deviceName\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [index]=\"index\"\r\n            [allColumns]=\"allColumns\"\r\n            [typeDefId]=\"typeDefId\"\r\n        ></bnrc-dynamic-item-component>\r\n        }\r\n    </td>\r\n</tr>\r\n} @if(previewColumn){\r\n<tr\r\n    #trEl\r\n    fd-table-row\r\n    [secondary]=\"true\"\r\n    class=\"preview-column\"\r\n    [class.no-edit-mode]=\"!inlineEditMode\"\r\n    [applyConditionalFormats]=\"conditionalFormats\"\r\n    [styleIndex]=\"styleIndex\"\r\n    [hostEl]=\"trEl\"\r\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\r\n    [style.background-color]=\"isOdd && !isChecked ? 'var(--sapList_Hover_Background)' : null\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n\r\n    <td\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n        (click)=\"onRowCheck()\"\r\n    >\r\n        <div style=\"display: flex; flex-direction: column\">\r\n            <p\r\n                #pEl\r\n                fd-table-text\r\n                [applyConditionalFormats]=\"conditionalFormats\"\r\n                [hostEl]=\"pEl\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [dbName]=\"previewColumn.Name\"\r\n                style=\"color: var(--sapAccentColor6)\"\r\n            >\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: previewColumn,\r\n                            mo: mo,\r\n                            index: columns.length,\r\n                            inlineEditMode: inlineEditMode,\r\n                            layout94: layout$ | async\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </p>\r\n        </div>\r\n    </td>\r\n</tr>\r\n} @if(isLastChildGroup && groupSummary){\r\n<tr #trEl fd-table-row class=\"group-summary-row\" [class.no-edit-mode]=\"true\" [attr.aria-selected]=\"false\">\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    @if (!isCheckList) {\r\n    <td fd-table-cell class=\"single-select\"></td>\r\n    } @for (column of columns; track _trackByColumn(columnIndex, column); let columnIndex = $index) {\r\n    <td fd-table-cell>\r\n        <label #summaryRef>{{ reCalculateColumnSummary(summaryRef, column) }}</label>\r\n    </td>\r\n    } @if (contextMenuItems.length) {\r\n    <td class=\"col-context-menu\" fd-table-cell></td>\r\n    } @if (showDetailsInRow && (!inlineEditMode || !allowInlineEdit)) {\r\n    <td class=\"col-details\" fd-table-cell [fitContent]=\"true\"></td>\r\n    } @if (actionList?.length && !inlineEditMode) {\r\n    <td class=\"col-view\" fd-table-cell [fitContent]=\"true\"></td>\r\n    }\r\n</tr>\r\n} @if (bruleActionMessage() && inlineEditMode) {\r\n<tr fd-table-row>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        @if (bruleActionMessage()?.MessageType === 2) {\r\n        <fd-message-strip\r\n            [type]=\"bruleActionMessage()?.MessageType === 2 ? 'error' : 'information'\"\r\n            [dismissible]=\"false\"\r\n        >\r\n            {{ bruleActionMessage()?.MessageExpression }}\r\n        </fd-message-strip>\r\n        }\r\n    </td>\r\n</tr>\r\n} @if (workflowState()?.state === 'Finish' && workflowState()?.error) {\r\n<tr fd-table-row>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"onResetWorkflowState()\">\r\n            {{ workflowState()?.error?.Text || workflowState()?.error?.MessageExpression }}\r\n        </fd-message-strip>\r\n    </td>\r\n</tr>\r\n}\r\n<ng-template #detailsColumnsTemplate let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout94=\"layout94\">\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            detailsFormItems;\r\n            context: {\r\n                $implicit: detailsColumns,\r\n                mo: this.mo,\r\n                inlineEditMode: this.inlineEditMode,\r\n                layout94: layout94\r\n            }\r\n        \"\r\n    ></ng-container>\r\n</ng-template>\r\n<ng-template\r\n    #detailsFormItems\r\n    let-detailsColumns\r\n    let-mo=\"mo\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-layout94=\"layout94\"\r\n>\r\n    <div class=\"form-items\">\r\n        @for (column of detailsColumns; track column; let columnIndex = $index) {\r\n        <div fd-form-item>\r\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    columnTemplate;\r\n                    context: {\r\n                        $implicit: column,\r\n                        mo: mo,\r\n                        index: columnIndex,\r\n                        inlineEditMode: inlineEditMode,\r\n                        layout94: layout94\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n        </div>\r\n        }\r\n    </div>\r\n</ng-template>\r\n<ng-template\r\n    #columnTemplate\r\n    let-column\r\n    let-mo=\"mo\"\r\n    let-index=\"index\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-layout94=\"layout94\"\r\n>\r\n    <bsu-barsa-table-column\r\n        [mo]=\"mo\"\r\n        [allColumns]=\"allColumns\"\r\n        [column]=\"column\"\r\n        [attachmentViewType]=\"attachmentViewType\"\r\n        [isdirty]=\"dirtyColumns && dirtyColumns[column.Name]\"\r\n        [value]=\"column | columnValue: mo\"\r\n        [icon]=\"column | columnIcon: mo\"\r\n        [customComponent]=\"column.$CustomComponent\"\r\n        [column]=\"column\"\r\n        [disableEllapsis]=\"secondaryColumns?.length || disableEllapsis\"\r\n        [editMode]=\"(isChecked || inlineEditWithoutSelection) && inlineEditMode && allowInlineEdit\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [isChecked]=\"isChecked === true\"\r\n        [index]=\"index\"\r\n        [formSetting]=\"formSetting\"\r\n        [rtl]=\"rtl\"\r\n        [isMobile]=\"isMobile\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [layout94]=\"layout94\"\r\n        (save)=\"onEditFormPanelSave(null)\"\r\n        (cancel)=\"onEditFormPanelCancel(null)\"\r\n        (tab)=\"onTabKeyDown($event, index)\"\r\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\r\n    >\r\n    </bsu-barsa-table-column>\r\n</ng-template>\r\n<ng-template #statusIndicator>\r\n    @if (rowIndicator) {\r\n    <bsu-barsa-column-indicator [hideBorderBottom]=\"!detailsCollapsed\" [backColor]=\"rowIndicatorColor\">\r\n    </bsu-barsa-column-indicator>\r\n    }\r\n</ng-template>\r\n<ng-template #rowNumberTemplate>\r\n    @if (showRowNumber) {\r\n    <td fd-table-cell bsu-barsa-column-rownumber [rowNumber]=\"rowNumber\" (click)=\"!isCheckList && onRowCheck()\"></td>\r\n    }\r\n</ng-template>\r\n<tr fd-table-row style=\"pointer-events: none\"></tr>\r\n", styles: [":host{display:contents;width:100%}:host bnrc-form.cartable-template ::ng-deep bsu-ly-layout-container-of-root{padding-bottom:1rem}:host.has-preview-column .secondary-row td{border-bottom:none}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .inlineEditMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .inlineEditMode bsu-ui-simple-combo{margin:0!important}:host ::ng-deep .secondary.p-wrapper p{display:flex;align-items:center}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}tr.group-summary-row td{border:none;background-color:#dde5f0;border-right:none!important;font-weight:700}tr.group-summary-row td label{font-weight:700}tr.group-summary-row td label.NaN{display:none}td{vertical-align:middle}td.control-readonly{background-color:var(--sapList_HeaderBackground)}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}.workflow-pending{opacity:.5;pointer-events:none;position:relative}.detailCollapsed{height:0;display:none}tr td.rep-column:first-child{position:sticky;right:0}tr:not([aria-selected=true]).preview-column td{border-bottom:var(--sapList_BorderWidth) var(--fdTable_Cell_Horizontal_Border_Style, solid) var(--sapList_BorderColor)}tr[aria-selected=true].has-preview-column td,tr.showdetails-on.hasCartable td,tr.showdetails-on.hasForm td{border-bottom:none}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "uiComponent", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "hideOpenIcon", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "component", type: i5$3.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.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: i2$1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i2$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "allowWrap", "inlineHelpLabel", "id"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i2$5.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "width", "minWidth", "marginBottom", "indicationColor"], outputs: ["onDismiss"] }, { kind: "directive", type: i3$3.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$3.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "nonInteractive", "key"] }, { kind: "directive", type: i3$3.TableTextDirective, selector: "[fdTableText], [fd-table-text]", inputs: ["fdTableTextClass", "noWrap", "title", "maxWidth"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: 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: BarsaTableColumnComponent, selector: "bsu-barsa-table-column", inputs: ["disableEllapsis", "fdTextMode"] }, { kind: "component", type: BarsaColumnIndicatorComponent, selector: "bsu-barsa-column-indicator", inputs: ["backColor", "hideBorderBottom"] }, { kind: "component", type: BarsaColumnRowNumberComponent, selector: "td[bsu-barsa-column-rownumber],bsu-barsa-column-rownumber", inputs: ["rowNumber"] }, { kind: "component", type: BarsaRowInlineActionlistComponent, selector: "bsu-barsa-row-inline-actionlist", inputs: ["actionList", "mo", "index"], outputs: ["btnClick"] }, { kind: "directive", type: ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ColumnIconPipe, name: "columnIcon" }, { kind: "pipe", type: i2.ColumnValuePipe, name: "columnValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: { showDetailsInRow: "showDetailsInRow", previewColumn: "previewColumn", columnComponents: "columnComponents", dirtyColumns: "dirtyColumns", detailsCollapsed: "detailsCollapsed" }, outputs: { columnSummary: "columnSummary" }, providers: [FormPanelService], viewQueries: [{ propertyName: "detailsFormItems", first: true, predicate: ["detailsFormItems"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "@if ((!mo.$Parent || parentExpanded) && visibility !== false) {\r\n<tr\r\n    [class.row-error]=\"hasError\"\r\n    [class.showdetails-on]=\"!detailsCollapsed && (detailsComponent?.Selector || detailsColumns?.length)\"\r\n    [class.hasForm]=\"formSetting\"\r\n    [class.hasCartable]=\"!!cartableParams\"\r\n    #trEl\r\n    fd-table-row\r\n    [activable]=\"false\"\r\n    [hoverable]=\"true\"\r\n    [main]=\"true\"\r\n    [focusable]=\"!(inlineEditMode && allowInlineEdit)\"\r\n    [applyConditionalFormats]=\"conditionalFormats\"\r\n    [styleIndex]=\"styleIndex\"\r\n    [hostEl]=\"trEl\"\r\n    [attr.aria-selected]=\"isChecked\"\r\n    [class.has-preview-column]=\"!!previewColumn\"\r\n    [class.brule-message]=\"bruleActionMessage() || workflowState()?.error\"\r\n    [class.workflow-pending]=\"workflowState()?.state === 'Pending'\"\r\n    [style.background-color]=\"isOdd && !isChecked ? 'var(--sapList_Hover_Background)' : null\"\r\n    (keydown.enter)=\"onRowCheck(true)\"\r\n>\r\n    @if (mo.$Group || mo.$Group === '') {\r\n    <td\r\n        [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\r\n        [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\r\n        fd-table-cell\r\n        style=\"font-weight: bold; font-size: 1rem\"\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n        class=\"row-group\"\r\n        [class.mobile-mode]=\"secondaryColumns?.length\"\r\n        [attr.level]=\"level\"\r\n        [class.root-group]=\"level === 0\"\r\n    >\r\n        <button\r\n            fd-button\r\n            [fdType]=\"'transparent'\"\r\n            [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\r\n            class=\"cell-expand\"\r\n            (click)=\"onExpandClick()\"\r\n        ></button>\r\n        {{ mo.$Group === 'undefined' ? '' : mo.$Group }}\r\n    </td>\r\n    } @else {\r\n\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    @if (isCheckList) {\r\n    <td fd-table-cell [style.width]=\"checkboxComponent ? '60px' : null\">\r\n        @if (workflowState()?.state === 'Pending') {\r\n        <div style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\">\r\n            <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\r\n        </div>\r\n        } @if (checkboxComponent?.Selector) {\r\n        <bnrc-dynamic-item-component\r\n            [component]=\"checkboxComponent\"\r\n            [mo]=\"mo\"\r\n            [isChecked]=\"isChecked\"\r\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n            [setting]=\"setting\"\r\n            [parameters]=\"checkboxComponent.Parameters\"\r\n            [editMode]=\"inlineEditMode\"\r\n            [rtl]=\"rtl\"\r\n            [deviceName]=\"deviceName\"\r\n            [value]=\"isChecked\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [index]=\"index\"\r\n            [allColumns]=\"allColumns\"\r\n            [typeDefId]=\"typeDefId\"\r\n            (events)=\"onRowCheck()\"\r\n        ></bnrc-dynamic-item-component>\r\n        } @else {\r\n        <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\r\n        }\r\n    </td>\r\n    } @if (!isCheckList && !showRowNumber) {\r\n    <td\r\n        fd-table-cell\r\n        class=\"single-select\"\r\n        (click)=\"!isCheckList && onRowCheck()\"\r\n        style=\"padding: 0; text-align: center\"\r\n    >\r\n        @if (inlineEditMode && allowInlineEdit && (hasError || saving || saved)) { @if (hasError) {\r\n        <fd-icon class=\"save-error\" glyph=\"error\"></fd-icon>\r\n        } @if (saving) {\r\n        <fd-busy-indicator [loading]=\"true\" [size]=\"'s'\" title=\"record saving\"></fd-busy-indicator>\r\n        } @if (saved) {\r\n        <fd-icon class=\"save-success\" glyph=\"accept\"></fd-icon>\r\n        } } @else { @if (mo.$State === 'New' && !isChecked) {\r\n        <fd-icon glyph=\"favorite\"></fd-icon>\r\n        } @if (inlineEditMode && allowInlineEdit && isChecked) {\r\n        <fd-icon glyph=\"edit\"></fd-icon>\r\n        } }\r\n    </td>\r\n    }\r\n    <ng-container *ngTemplateOutlet=\"rowNumberTemplate\"></ng-container>\r\n    @for (column of columns; track column.Name; let columnIndex = $index) {\r\n    <td\r\n        class=\"rep-column\"\r\n        [attr.dbName]=\"column.Name\"\r\n        #tdEl\r\n        fd-table-cell\r\n        [applyConditionalFormats]=\"conditionalFormats\"\r\n        [hostEl]=\"tdEl\"\r\n        [styleIndex]=\"styleIndex\"\r\n        [dbName]=\"column.Name\"\r\n        [focusable]=\"false\"\r\n        (click)=\"onColumnClick(column)\"\r\n        (keydown.enter)=\"onColumnKeyEnter(column)\"\r\n        (dblclick)=\"onRowClick()\"\r\n        [hoverable]=\"inlineEditMode && allowInlineEdit\"\r\n        [class.control-readonly]=\"column.IsReadonly\"\r\n    >\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                columnTemplate;\r\n                context: {\r\n                    $implicit: column,\r\n                    mo: mo,\r\n                    index: columnIndex,\r\n                    inlineEditMode: inlineEditMode,\r\n                    layout94: layout$ | async\r\n                }\r\n            \"\r\n        ></ng-container>\r\n    </td>\r\n    } @if (contextMenuItems.length ) {\r\n    <td class=\"col-context-menu\" fd-table-cell>\r\n        <bsu-ulv-context-menu\r\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n            [conditionalFormats]=\"conditionalFormats\"\r\n            [styleIndex]=\"styleIndex\"\r\n            [mo]=\"mo\"\r\n            [index]=\"index\"\r\n            (commandClick)=\"onUlvCommand()\"\r\n            [deviceName]=\"deviceName\"\r\n            [menuItems]=\"contextMenuItems\"\r\n            [allColumns]=\"allColumns\"\r\n        ></bsu-ulv-context-menu>\r\n    </td>\r\n    } @if (showDetailsInRow && (!inlineEditMode || !allowInlineEdit)) {\r\n    <td class=\"col-details\" fd-table-cell [fitContent]=\"true\">\r\n        @if ((detailsComponent?.Selector || detailsColumns?.length || cartableParams?.moId ) && !hideDetailsText) {\r\n        <div class=\"tw-flex tw-justify-end tw-w-full\">\r\n            <button\r\n                fd-button\r\n                [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\r\n                [fdType]=\"'transparent'\"\r\n                (click)=\"onRowDetails()\"\r\n            ></button>\r\n        </div>\r\n        }\r\n    </td>\r\n    } @if (actionList?.length && !inlineEditMode) {\r\n    <td class=\"col-view\" [class.rtl]=\"rtl\" fd-table-cell [fitContent]=\"true\">\r\n        <bsu-barsa-row-inline-actionlist\r\n            [actionList]=\"actionList\"\r\n            (btnClick)=\"actionListClick.emit($event)\"\r\n        ></bsu-barsa-row-inline-actionlist>\r\n    </td>\r\n    } }\r\n</tr>\r\n} @if (secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false) {\r\n<tr\r\n    #trEl\r\n    fd-table-row\r\n    [secondary]=\"true\"\r\n    class=\"secondary-row\"\r\n    [class.no-edit-mode]=\"!inlineEditMode\"\r\n    [applyConditionalFormats]=\"conditionalFormats\"\r\n    [styleIndex]=\"styleIndex\"\r\n    [hostEl]=\"trEl\"\r\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\r\n    [style.background-color]=\"isOdd && !isChecked ? 'var(--sapList_Hover_Background)' : null\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    @if (!isCheckList) {\r\n    <td fd-table-cell class=\"single-select\" (click)=\"onRowCheck()\"></td>\r\n    }\r\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\" class=\"secondary p-wrapper\">\r\n        <div style=\"display: flex; flex-direction: column\">\r\n            @for (column of secondaryColumns; track _trackByColumn(columnIndex, column); let columnIndex = $index) {\r\n            <p\r\n                #pEl\r\n                fd-table-text\r\n                [applyConditionalFormats]=\"conditionalFormats\"\r\n                [hostEl]=\"pEl\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [dbName]=\"column.Name\"\r\n                style=\"font-family: 'B-Font Medium'\"\r\n            >\r\n                <label fd-form-label>{{ column.Caption }} :</label>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: column,\r\n                            mo: mo,\r\n                            index: columnIndex,\r\n                            inlineEditMode: inlineEditMode,\r\n                            layout94: layout$ | async\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </p>\r\n            }\r\n        </div>\r\n    </td>\r\n</tr>\r\n} @if (cartableParams?.moId) {\r\n<tr\r\n    [class.detailCollapsed]=\"detailsCollapsed\"\r\n    fd-table-row\r\n    class=\"showdetails cartable\"\r\n    [attr.aria-selected]=\"isChecked\"\r\n    [class.has-preview-column]=\"!!previewColumn\"\r\n    [style.background-color]=\"isOdd && !isChecked ? 'var(--sapList_Hover_Background)' : null\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        (click)=\"onRowCheck()\"\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? 1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <ng-container>\r\n            <bnrc-form\r\n                #cartableFormRef\r\n                class=\"cartable-template\"\r\n                [inlineEditInReport]=\"true\"\r\n                [params]=\"cartableParams\"\r\n                (beforeTransition)=\"onCartableBeforeTansition()\"\r\n                (afterTransition)=\"onCartableAfterTansition($event)\"\r\n                (bruleAction)=\"onCartableBruleAction($event)\"\r\n                (click)=\"OnCartableFormClick($event)\"\r\n                (formClose)=\"onCartableFormClosed()\"\r\n            ></bnrc-form>\r\n        </ng-container>\r\n    </td>\r\n</tr>\r\n} @if (!detailsCollapsed && (detailsComponent?.Selector|| detailsColumns?.length)) {\r\n<tr fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\" [class.has-preview-column]=\"!!previewColumn\">\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        (click)=\"onRowCheck()\"\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                detailsColumnsTemplate;\r\n                context: { mo: mo, inlineEditMode: inlineEditMode, layout94: layout$ | async }\r\n            \"\r\n        ></ng-container>\r\n        @if (detailsComponent && detailsComponent.Selector) {\r\n        <bnrc-dynamic-item-component\r\n            [component]=\"detailsComponent\"\r\n            [mo]=\"mo\"\r\n            [isChecked]=\"isChecked\"\r\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n            [setting]=\"detailsComponentSetting\"\r\n            [parameters]=\"detailsComponent.Settings\"\r\n            [editMode]=\"inlineEditMode\"\r\n            [formSetting]=\"formSetting\"\r\n            [rtl]=\"rtl\"\r\n            [deviceName]=\"deviceName\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [index]=\"index\"\r\n            [allColumns]=\"allColumns\"\r\n            [typeDefId]=\"typeDefId\"\r\n        ></bnrc-dynamic-item-component>\r\n        }\r\n    </td>\r\n</tr>\r\n} @if(previewColumn){\r\n<tr\r\n    #trEl\r\n    fd-table-row\r\n    [secondary]=\"true\"\r\n    class=\"preview-column\"\r\n    [class.no-edit-mode]=\"!inlineEditMode\"\r\n    [applyConditionalFormats]=\"conditionalFormats\"\r\n    [styleIndex]=\"styleIndex\"\r\n    [hostEl]=\"trEl\"\r\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\r\n    [style.background-color]=\"isOdd && !isChecked ? 'var(--sapList_Hover_Background)' : null\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n\r\n    <td\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n        (click)=\"onRowCheck()\"\r\n    >\r\n        <div style=\"display: flex; flex-direction: column\">\r\n            <p\r\n                #pEl\r\n                fd-table-text\r\n                [applyConditionalFormats]=\"conditionalFormats\"\r\n                [hostEl]=\"pEl\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [dbName]=\"previewColumn.Name\"\r\n                style=\"color: var(--sapAccentColor6)\"\r\n            >\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: previewColumn,\r\n                            mo: mo,\r\n                            index: columns.length,\r\n                            inlineEditMode: inlineEditMode,\r\n                            layout94: layout$ | async\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </p>\r\n        </div>\r\n    </td>\r\n</tr>\r\n} @if(isLastChildGroup && groupSummary){\r\n<tr #trEl fd-table-row class=\"group-summary-row\" [class.no-edit-mode]=\"true\" [attr.aria-selected]=\"false\">\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    @if (!isCheckList) {\r\n    <td fd-table-cell class=\"single-select\"></td>\r\n    } @for (column of columns; track _trackByColumn(columnIndex, column); let columnIndex = $index) {\r\n    <td fd-table-cell>\r\n        <label #summaryRef>{{ reCalculateColumnSummary(summaryRef, column) }}</label>\r\n    </td>\r\n    } @if (contextMenuItems.length) {\r\n    <td class=\"col-context-menu\" fd-table-cell></td>\r\n    } @if (showDetailsInRow && (!inlineEditMode || !allowInlineEdit)) {\r\n    <td class=\"col-details\" fd-table-cell [fitContent]=\"true\"></td>\r\n    } @if (actionList?.length && !inlineEditMode) {\r\n    <td class=\"col-view\" fd-table-cell [fitContent]=\"true\"></td>\r\n    }\r\n</tr>\r\n} @if (bruleActionMessage() && inlineEditMode) {\r\n<tr fd-table-row>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        @if (bruleActionMessage()?.MessageType === 2) {\r\n        <fd-message-strip\r\n            [type]=\"bruleActionMessage()?.MessageType === 2 ? 'error' : 'information'\"\r\n            [dismissible]=\"false\"\r\n        >\r\n            {{ bruleActionMessage()?.MessageExpression }}\r\n        </fd-message-strip>\r\n        }\r\n    </td>\r\n</tr>\r\n} @if (workflowState()?.state === 'Finish' && workflowState()?.error) {\r\n<tr fd-table-row>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"onResetWorkflowState()\">\r\n            {{ workflowState()?.error?.Text || workflowState()?.error?.MessageExpression }}\r\n        </fd-message-strip>\r\n    </td>\r\n</tr>\r\n}\r\n<ng-template #detailsColumnsTemplate let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout94=\"layout94\">\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            detailsFormItems;\r\n            context: {\r\n                $implicit: detailsColumns,\r\n                mo: this.mo,\r\n                inlineEditMode: this.inlineEditMode,\r\n                layout94: layout94\r\n            }\r\n        \"\r\n    ></ng-container>\r\n</ng-template>\r\n<ng-template\r\n    #detailsFormItems\r\n    let-detailsColumns\r\n    let-mo=\"mo\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-layout94=\"layout94\"\r\n>\r\n    <div class=\"form-items\">\r\n        @for (column of detailsColumns; track column; let columnIndex = $index) {\r\n        <div fd-form-item>\r\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    columnTemplate;\r\n                    context: {\r\n                        $implicit: column,\r\n                        mo: mo,\r\n                        index: columnIndex,\r\n                        inlineEditMode: inlineEditMode,\r\n                        layout94: layout94\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n        </div>\r\n        }\r\n    </div>\r\n</ng-template>\r\n<ng-template\r\n    #columnTemplate\r\n    let-column\r\n    let-mo=\"mo\"\r\n    let-index=\"index\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-layout94=\"layout94\"\r\n>\r\n    <bsu-barsa-table-column\r\n        [mo]=\"mo\"\r\n        [allColumns]=\"allColumns\"\r\n        [column]=\"column\"\r\n        [attachmentViewType]=\"attachmentViewType\"\r\n        [isdirty]=\"dirtyColumns && dirtyColumns[column.Name]\"\r\n        [value]=\"column | columnValue: mo\"\r\n        [icon]=\"column | columnIcon: mo\"\r\n        [customComponent]=\"column.$CustomComponent\"\r\n        [column]=\"column\"\r\n        [disableEllapsis]=\"secondaryColumns?.length || disableEllapsis\"\r\n        [editMode]=\"(isChecked || inlineEditWithoutSelection) && inlineEditMode && allowInlineEdit\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [isChecked]=\"isChecked === true\"\r\n        [index]=\"index\"\r\n        [formSetting]=\"formSetting\"\r\n        [rtl]=\"rtl\"\r\n        [isMobile]=\"isMobile\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [layout94]=\"layout94\"\r\n        [cellEdit]=\"activeColumn() === column && isChecked\"\r\n        (save)=\"onEditFormPanelSave(null)\"\r\n        (cancel)=\"onEditFormPanelCancel(null)\"\r\n        (tab)=\"onTabKeyDown($event, index)\"\r\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\r\n    >\r\n    </bsu-barsa-table-column>\r\n</ng-template>\r\n<ng-template #statusIndicator>\r\n    @if (rowIndicator) {\r\n    <bsu-barsa-column-indicator [hideBorderBottom]=\"!detailsCollapsed\" [backColor]=\"rowIndicatorColor\">\r\n    </bsu-barsa-column-indicator>\r\n    }\r\n</ng-template>\r\n<ng-template #rowNumberTemplate>\r\n    @if (showRowNumber) {\r\n    <td fd-table-cell bsu-barsa-column-rownumber [rowNumber]=\"rowNumber\" (click)=\"!isCheckList && onRowCheck()\"></td>\r\n    }\r\n</ng-template>\r\n<tr fd-table-row style=\"pointer-events: none\"></tr>\r\n", styles: [":host{display:contents;width:100%}:host bnrc-form.cartable-template ::ng-deep bsu-ly-layout-container-of-root{padding-bottom:1rem}:host.has-preview-column .secondary-row td{border-bottom:none}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .inlineEditMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .inlineEditMode bsu-ui-simple-combo{margin:0!important}:host ::ng-deep .secondary.p-wrapper p{display:flex;align-items:center}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}tr.group-summary-row td{border:none;background-color:#dde5f0;border-right:none!important;font-weight:700}tr.group-summary-row td label{font-weight:700}tr.group-summary-row td label.NaN{display:none}td{vertical-align:middle}td.control-readonly{background-color:var(--sapList_HeaderBackground)}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}.workflow-pending{opacity:.5;pointer-events:none;position:relative}.detailCollapsed{height:0;display:none}tr td.rep-column:first-child{position:sticky;right:0}tr:not([aria-selected=true]).preview-column td{border-bottom:var(--sapList_BorderWidth) var(--fdTable_Cell_Horizontal_Border_Style, solid) var(--sapList_BorderColor)}tr[aria-selected=true].has-preview-column td,tr.showdetails-on.hasCartable td,tr.showdetails-on.hasForm td{border-bottom:none}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "uiComponent", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "hideOpenIcon", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "component", type: i5$3.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.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: i2$1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i2$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "allowWrap", "inlineHelpLabel", "id"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i2$5.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "width", "minWidth", "marginBottom", "indicationColor"], outputs: ["onDismiss"] }, { kind: "directive", type: i3$3.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$3.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "nonInteractive", "key"] }, { kind: "directive", type: i3$3.TableTextDirective, selector: "[fdTableText], [fd-table-text]", inputs: ["fdTableTextClass", "noWrap", "title", "maxWidth"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: 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: BarsaTableColumnComponent, selector: "bsu-barsa-table-column", inputs: ["disableEllapsis", "fdTextMode"] }, { kind: "component", type: BarsaColumnIndicatorComponent, selector: "bsu-barsa-column-indicator", inputs: ["backColor", "hideBorderBottom"] }, { kind: "component", type: BarsaColumnRowNumberComponent, selector: "td[bsu-barsa-column-rownumber],bsu-barsa-column-rownumber", inputs: ["rowNumber"] }, { kind: "component", type: BarsaRowInlineActionlistComponent, selector: "bsu-barsa-row-inline-actionlist", inputs: ["actionList", "mo", "index"], outputs: ["btnClick"] }, { kind: "directive", type: ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ColumnIconPipe, name: "columnIcon" }, { kind: "pipe", type: i2.ColumnValuePipe, name: "columnValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BarsaTableRowComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-table-row', providers: [FormPanelService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if ((!mo.$Parent || parentExpanded) && visibility !== false) {\r\n<tr\r\n    [class.row-error]=\"hasError\"\r\n    [class.showdetails-on]=\"!detailsCollapsed && (detailsComponent?.Selector || detailsColumns?.length)\"\r\n    [class.hasForm]=\"formSetting\"\r\n    [class.hasCartable]=\"!!cartableParams\"\r\n    #trEl\r\n    fd-table-row\r\n    [activable]=\"false\"\r\n    [hoverable]=\"true\"\r\n    [main]=\"true\"\r\n    [focusable]=\"true\"\r\n    [applyConditionalFormats]=\"conditionalFormats\"\r\n    [styleIndex]=\"styleIndex\"\r\n    [hostEl]=\"trEl\"\r\n    [attr.aria-selected]=\"isChecked\"\r\n    [class.has-preview-column]=\"!!previewColumn\"\r\n    [class.brule-message]=\"bruleActionMessage() || workflowState()?.error\"\r\n    [class.workflow-pending]=\"workflowState()?.state === 'Pending'\"\r\n    [style.background-color]=\"isOdd && !isChecked ? 'var(--sapList_Hover_Background)' : null\"\r\n>\r\n    @if (mo.$Group || mo.$Group === '') {\r\n    <td\r\n        [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\r\n        [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\r\n        fd-table-cell\r\n        style=\"font-weight: bold; font-size: 1rem\"\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n        class=\"row-group\"\r\n        [class.mobile-mode]=\"secondaryColumns?.length\"\r\n        [attr.level]=\"level\"\r\n        [class.root-group]=\"level === 0\"\r\n    >\r\n        <button\r\n            fd-button\r\n            [fdType]=\"'transparent'\"\r\n            [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\r\n            class=\"cell-expand\"\r\n            (click)=\"onExpandClick()\"\r\n        ></button>\r\n        {{ mo.$Group === 'undefined' ? '' : mo.$Group }}\r\n    </td>\r\n    } @else {\r\n\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    @if (isCheckList) {\r\n    <td fd-table-cell [style.width]=\"checkboxComponent ? '60px' : null\">\r\n        @if (workflowState()?.state === 'Pending') {\r\n        <div style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\">\r\n            <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\r\n        </div>\r\n        } @if (checkboxComponent?.Selector) {\r\n        <bnrc-dynamic-item-component\r\n            [component]=\"checkboxComponent\"\r\n            [mo]=\"mo\"\r\n            [isChecked]=\"isChecked\"\r\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n            [setting]=\"setting\"\r\n            [parameters]=\"checkboxComponent.Parameters\"\r\n            [editMode]=\"inlineEditMode\"\r\n            [rtl]=\"rtl\"\r\n            [deviceName]=\"deviceName\"\r\n            [value]=\"isChecked\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [index]=\"index\"\r\n            [allColumns]=\"allColumns\"\r\n            [typeDefId]=\"typeDefId\"\r\n            (events)=\"onRowCheck()\"\r\n        ></bnrc-dynamic-item-component>\r\n        } @else {\r\n        <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\r\n        }\r\n    </td>\r\n    } @if (!isCheckList && !showRowNumber) {\r\n    <td\r\n        fd-table-cell\r\n        class=\"single-select\"\r\n        (click)=\"!isCheckList && onRowCheck()\"\r\n        style=\"padding: 0; text-align: center\"\r\n    >\r\n        @if (inlineEditMode && allowInlineEdit && (hasError || saving || saved)) { @if (hasError) {\r\n        <fd-icon class=\"save-error\" glyph=\"error\"></fd-icon>\r\n        } @if (saving) {\r\n        <fd-busy-indicator [loading]=\"true\" [size]=\"'s'\" title=\"record saving\"></fd-busy-indicator>\r\n        } @if (saved) {\r\n        <fd-icon class=\"save-success\" glyph=\"accept\"></fd-icon>\r\n        } } @else { @if (mo.$State === 'New' && !isChecked) {\r\n        <fd-icon glyph=\"favorite\"></fd-icon>\r\n        } @if (inlineEditMode && allowInlineEdit && isChecked) {\r\n        <fd-icon glyph=\"edit\"></fd-icon>\r\n        } }\r\n    </td>\r\n    }\r\n    <ng-container *ngTemplateOutlet=\"rowNumberTemplate\"></ng-container>\r\n    @for (column of columns; track column.Name; let columnIndex = $index) {\r\n    <td\r\n        class=\"rep-column\"\r\n        [attr.dbName]=\"column.Name\"\r\n        #tdEl\r\n        fd-table-cell\r\n        [applyConditionalFormats]=\"conditionalFormats\"\r\n        [hostEl]=\"tdEl\"\r\n        [styleIndex]=\"styleIndex\"\r\n        [dbName]=\"column.Name\"\r\n        [focusable]=\"false\"\r\n        (click)=\"onColumnClick()\"\r\n        (dblclick)=\"onRowClick()\"\r\n        [hoverable]=\"inlineEditMode && allowInlineEdit\"\r\n        [class.control-readonly]=\"column.IsReadonly\"\r\n    >\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                columnTemplate;\r\n                context: {\r\n                    $implicit: column,\r\n                    mo: mo,\r\n                    index: columnIndex,\r\n                    inlineEditMode: inlineEditMode,\r\n                    layout94: layout$ | async\r\n                }\r\n            \"\r\n        ></ng-container>\r\n    </td>\r\n    } @if (contextMenuItems.length ) {\r\n    <td class=\"col-context-menu\" fd-table-cell>\r\n        <bsu-ulv-context-menu\r\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n            [conditionalFormats]=\"conditionalFormats\"\r\n            [styleIndex]=\"styleIndex\"\r\n            [mo]=\"mo\"\r\n            [index]=\"index\"\r\n            (commandClick)=\"onUlvCommand()\"\r\n            [deviceName]=\"deviceName\"\r\n            [menuItems]=\"contextMenuItems\"\r\n            [allColumns]=\"allColumns\"\r\n        ></bsu-ulv-context-menu>\r\n    </td>\r\n    } @if (showDetailsInRow && (!inlineEditMode || !allowInlineEdit)) {\r\n    <td class=\"col-details\" fd-table-cell [fitContent]=\"true\">\r\n        @if ((detailsComponent?.Selector || detailsColumns?.length || cartableParams?.moId ) && !hideDetailsText) {\r\n        <div class=\"tw-flex tw-justify-end tw-w-full\">\r\n            <button\r\n                fd-button\r\n                [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\r\n                [fdType]=\"'transparent'\"\r\n                (click)=\"onRowDetails()\"\r\n            ></button>\r\n        </div>\r\n        }\r\n    </td>\r\n    } @if (actionList?.length && !inlineEditMode) {\r\n    <td class=\"col-view\" [class.rtl]=\"rtl\" fd-table-cell [fitContent]=\"true\">\r\n        <bsu-barsa-row-inline-actionlist\r\n            [actionList]=\"actionList\"\r\n            (btnClick)=\"actionListClick.emit($event)\"\r\n        ></bsu-barsa-row-inline-actionlist>\r\n    </td>\r\n    } }\r\n</tr>\r\n} @if (secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false) {\r\n<tr\r\n    #trEl\r\n    fd-table-row\r\n    [secondary]=\"true\"\r\n    class=\"secondary-row\"\r\n    [class.no-edit-mode]=\"!inlineEditMode\"\r\n    [applyConditionalFormats]=\"conditionalFormats\"\r\n    [styleIndex]=\"styleIndex\"\r\n    [hostEl]=\"trEl\"\r\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\r\n    [style.background-color]=\"isOdd && !isChecked ? 'var(--sapList_Hover_Background)' : null\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    @if (!isCheckList) {\r\n    <td fd-table-cell class=\"single-select\" (click)=\"onRowCheck()\"></td>\r\n    }\r\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\" class=\"secondary p-wrapper\">\r\n        <div style=\"display: flex; flex-direction: column\">\r\n            @for (column of secondaryColumns; track _trackByColumn(columnIndex, column); let columnIndex = $index) {\r\n            <p\r\n                #pEl\r\n                fd-table-text\r\n                [applyConditionalFormats]=\"conditionalFormats\"\r\n                [hostEl]=\"pEl\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [dbName]=\"column.Name\"\r\n                style=\"font-family: 'B-Font Medium'\"\r\n            >\r\n                <label fd-form-label>{{ column.Caption }} :</label>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: column,\r\n                            mo: mo,\r\n                            index: columnIndex,\r\n                            inlineEditMode: inlineEditMode,\r\n                            layout94: layout$ | async\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </p>\r\n            }\r\n        </div>\r\n    </td>\r\n</tr>\r\n} @if (cartableParams?.moId) {\r\n<tr\r\n    [class.detailCollapsed]=\"detailsCollapsed\"\r\n    fd-table-row\r\n    class=\"showdetails cartable\"\r\n    [attr.aria-selected]=\"isChecked\"\r\n    [class.has-preview-column]=\"!!previewColumn\"\r\n    [style.background-color]=\"isOdd && !isChecked ? 'var(--sapList_Hover_Background)' : null\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        (click)=\"onRowCheck()\"\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? 1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <ng-container>\r\n            <bnrc-form\r\n                #cartableFormRef\r\n                class=\"cartable-template\"\r\n                [inlineEditInReport]=\"true\"\r\n                [params]=\"cartableParams\"\r\n                (beforeTransition)=\"onCartableBeforeTansition()\"\r\n                (afterTransition)=\"onCartableAfterTansition($event)\"\r\n                (bruleAction)=\"onCartableBruleAction($event)\"\r\n                (click)=\"OnCartableFormClick($event)\"\r\n                (formClose)=\"onCartableFormClosed()\"\r\n            ></bnrc-form>\r\n        </ng-container>\r\n    </td>\r\n</tr>\r\n} @if (!detailsCollapsed && (detailsComponent?.Selector|| detailsColumns?.length)) {\r\n<tr fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\" [class.has-preview-column]=\"!!previewColumn\">\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        (click)=\"onRowCheck()\"\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                detailsColumnsTemplate;\r\n                context: { mo: mo, inlineEditMode: inlineEditMode, layout94: layout$ | async }\r\n            \"\r\n        ></ng-container>\r\n        @if (detailsComponent && detailsComponent.Selector) {\r\n        <bnrc-dynamic-item-component\r\n            [component]=\"detailsComponent\"\r\n            [mo]=\"mo\"\r\n            [isChecked]=\"isChecked\"\r\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n            [setting]=\"detailsComponentSetting\"\r\n            [parameters]=\"detailsComponent.Settings\"\r\n            [editMode]=\"inlineEditMode\"\r\n            [formSetting]=\"formSetting\"\r\n            [rtl]=\"rtl\"\r\n            [deviceName]=\"deviceName\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [index]=\"index\"\r\n            [allColumns]=\"allColumns\"\r\n            [typeDefId]=\"typeDefId\"\r\n        ></bnrc-dynamic-item-component>\r\n        }\r\n    </td>\r\n</tr>\r\n} @if(previewColumn){\r\n<tr\r\n    #trEl\r\n    fd-table-row\r\n    [secondary]=\"true\"\r\n    class=\"preview-column\"\r\n    [class.no-edit-mode]=\"!inlineEditMode\"\r\n    [applyConditionalFormats]=\"conditionalFormats\"\r\n    [styleIndex]=\"styleIndex\"\r\n    [hostEl]=\"trEl\"\r\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\r\n    [style.background-color]=\"isOdd && !isChecked ? 'var(--sapList_Hover_Background)' : null\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n\r\n    <td\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n        (click)=\"onRowCheck()\"\r\n    >\r\n        <div style=\"display: flex; flex-direction: column\">\r\n            <p\r\n                #pEl\r\n                fd-table-text\r\n                [applyConditionalFormats]=\"conditionalFormats\"\r\n                [hostEl]=\"pEl\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [dbName]=\"previewColumn.Name\"\r\n                style=\"color: var(--sapAccentColor6)\"\r\n            >\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: previewColumn,\r\n                            mo: mo,\r\n                            index: columns.length,\r\n                            inlineEditMode: inlineEditMode,\r\n                            layout94: layout$ | async\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </p>\r\n        </div>\r\n    </td>\r\n</tr>\r\n} @if(isLastChildGroup && groupSummary){\r\n<tr #trEl fd-table-row class=\"group-summary-row\" [class.no-edit-mode]=\"true\" [attr.aria-selected]=\"false\">\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    @if (!isCheckList) {\r\n    <td fd-table-cell class=\"single-select\"></td>\r\n    } @for (column of columns; track _trackByColumn(columnIndex, column); let columnIndex = $index) {\r\n    <td fd-table-cell>\r\n        <label #summaryRef>{{ reCalculateColumnSummary(summaryRef, column) }}</label>\r\n    </td>\r\n    } @if (contextMenuItems.length) {\r\n    <td class=\"col-context-menu\" fd-table-cell></td>\r\n    } @if (showDetailsInRow && (!inlineEditMode || !allowInlineEdit)) {\r\n    <td class=\"col-details\" fd-table-cell [fitContent]=\"true\"></td>\r\n    } @if (actionList?.length && !inlineEditMode) {\r\n    <td class=\"col-view\" fd-table-cell [fitContent]=\"true\"></td>\r\n    }\r\n</tr>\r\n} @if (bruleActionMessage() && inlineEditMode) {\r\n<tr fd-table-row>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        @if (bruleActionMessage()?.MessageType === 2) {\r\n        <fd-message-strip\r\n            [type]=\"bruleActionMessage()?.MessageType === 2 ? 'error' : 'information'\"\r\n            [dismissible]=\"false\"\r\n        >\r\n            {{ bruleActionMessage()?.MessageExpression }}\r\n        </fd-message-strip>\r\n        }\r\n    </td>\r\n</tr>\r\n} @if (workflowState()?.state === 'Finish' && workflowState()?.error) {\r\n<tr fd-table-row>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"onResetWorkflowState()\">\r\n            {{ workflowState()?.error?.Text || workflowState()?.error?.MessageExpression }}\r\n        </fd-message-strip>\r\n    </td>\r\n</tr>\r\n}\r\n<ng-template #detailsColumnsTemplate let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout94=\"layout94\">\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            detailsFormItems;\r\n            context: {\r\n                $implicit: detailsColumns,\r\n                mo: this.mo,\r\n                inlineEditMode: this.inlineEditMode,\r\n                layout94: layout94\r\n            }\r\n        \"\r\n    ></ng-container>\r\n</ng-template>\r\n<ng-template\r\n    #detailsFormItems\r\n    let-detailsColumns\r\n    let-mo=\"mo\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-layout94=\"layout94\"\r\n>\r\n    <div class=\"form-items\">\r\n        @for (column of detailsColumns; track column; let columnIndex = $index) {\r\n        <div fd-form-item>\r\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    columnTemplate;\r\n                    context: {\r\n                        $implicit: column,\r\n                        mo: mo,\r\n                        index: columnIndex,\r\n                        inlineEditMode: inlineEditMode,\r\n                        layout94: layout94\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n        </div>\r\n        }\r\n    </div>\r\n</ng-template>\r\n<ng-template\r\n    #columnTemplate\r\n    let-column\r\n    let-mo=\"mo\"\r\n    let-index=\"index\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-layout94=\"layout94\"\r\n>\r\n    <bsu-barsa-table-column\r\n        [mo]=\"mo\"\r\n        [allColumns]=\"allColumns\"\r\n        [column]=\"column\"\r\n        [attachmentViewType]=\"attachmentViewType\"\r\n        [isdirty]=\"dirtyColumns && dirtyColumns[column.Name]\"\r\n        [value]=\"column | columnValue: mo\"\r\n        [icon]=\"column | columnIcon: mo\"\r\n        [customComponent]=\"column.$CustomComponent\"\r\n        [column]=\"column\"\r\n        [disableEllapsis]=\"secondaryColumns?.length || disableEllapsis\"\r\n        [editMode]=\"(isChecked || inlineEditWithoutSelection) && inlineEditMode && allowInlineEdit\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [isChecked]=\"isChecked === true\"\r\n        [index]=\"index\"\r\n        [formSetting]=\"formSetting\"\r\n        [rtl]=\"rtl\"\r\n        [isMobile]=\"isMobile\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [layout94]=\"layout94\"\r\n        (save)=\"onEditFormPanelSave(null)\"\r\n        (cancel)=\"onEditFormPanelCancel(null)\"\r\n        (tab)=\"onTabKeyDown($event, index)\"\r\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\r\n    >\r\n    </bsu-barsa-table-column>\r\n</ng-template>\r\n<ng-template #statusIndicator>\r\n    @if (rowIndicator) {\r\n    <bsu-barsa-column-indicator [hideBorderBottom]=\"!detailsCollapsed\" [backColor]=\"rowIndicatorColor\">\r\n    </bsu-barsa-column-indicator>\r\n    }\r\n</ng-template>\r\n<ng-template #rowNumberTemplate>\r\n    @if (showRowNumber) {\r\n    <td fd-table-cell bsu-barsa-column-rownumber [rowNumber]=\"rowNumber\" (click)=\"!isCheckList && onRowCheck()\"></td>\r\n    }\r\n</ng-template>\r\n<tr fd-table-row style=\"pointer-events: none\"></tr>\r\n", styles: [":host{display:contents;width:100%}:host bnrc-form.cartable-template ::ng-deep bsu-ly-layout-container-of-root{padding-bottom:1rem}:host.has-preview-column .secondary-row td{border-bottom:none}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .inlineEditMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .inlineEditMode bsu-ui-simple-combo{margin:0!important}:host ::ng-deep .secondary.p-wrapper p{display:flex;align-items:center}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}tr.group-summary-row td{border:none;background-color:#dde5f0;border-right:none!important;font-weight:700}tr.group-summary-row td label{font-weight:700}tr.group-summary-row td label.NaN{display:none}td{vertical-align:middle}td.control-readonly{background-color:var(--sapList_HeaderBackground)}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}.workflow-pending{opacity:.5;pointer-events:none;position:relative}.detailCollapsed{height:0;display:none}tr td.rep-column:first-child{position:sticky;right:0}tr:not([aria-selected=true]).preview-column td{border-bottom:var(--sapList_BorderWidth) var(--fdTable_Cell_Horizontal_Border_Style, solid) var(--sapList_BorderColor)}tr[aria-selected=true].has-preview-column td,tr.showdetails-on.hasCartable td,tr.showdetails-on.hasForm td{border-bottom:none}\n"] }]
+            args: [{ selector: 'bsu-barsa-table-row', providers: [FormPanelService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if ((!mo.$Parent || parentExpanded) && visibility !== false) {\r\n<tr\r\n    [class.row-error]=\"hasError\"\r\n    [class.showdetails-on]=\"!detailsCollapsed && (detailsComponent?.Selector || detailsColumns?.length)\"\r\n    [class.hasForm]=\"formSetting\"\r\n    [class.hasCartable]=\"!!cartableParams\"\r\n    #trEl\r\n    fd-table-row\r\n    [activable]=\"false\"\r\n    [hoverable]=\"true\"\r\n    [main]=\"true\"\r\n    [focusable]=\"!(inlineEditMode && allowInlineEdit)\"\r\n    [applyConditionalFormats]=\"conditionalFormats\"\r\n    [styleIndex]=\"styleIndex\"\r\n    [hostEl]=\"trEl\"\r\n    [attr.aria-selected]=\"isChecked\"\r\n    [class.has-preview-column]=\"!!previewColumn\"\r\n    [class.brule-message]=\"bruleActionMessage() || workflowState()?.error\"\r\n    [class.workflow-pending]=\"workflowState()?.state === 'Pending'\"\r\n    [style.background-color]=\"isOdd && !isChecked ? 'var(--sapList_Hover_Background)' : null\"\r\n    (keydown.enter)=\"onRowCheck(true)\"\r\n>\r\n    @if (mo.$Group || mo.$Group === '') {\r\n    <td\r\n        [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\r\n        [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\r\n        fd-table-cell\r\n        style=\"font-weight: bold; font-size: 1rem\"\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n        class=\"row-group\"\r\n        [class.mobile-mode]=\"secondaryColumns?.length\"\r\n        [attr.level]=\"level\"\r\n        [class.root-group]=\"level === 0\"\r\n    >\r\n        <button\r\n            fd-button\r\n            [fdType]=\"'transparent'\"\r\n            [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\r\n            class=\"cell-expand\"\r\n            (click)=\"onExpandClick()\"\r\n        ></button>\r\n        {{ mo.$Group === 'undefined' ? '' : mo.$Group }}\r\n    </td>\r\n    } @else {\r\n\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    @if (isCheckList) {\r\n    <td fd-table-cell [style.width]=\"checkboxComponent ? '60px' : null\">\r\n        @if (workflowState()?.state === 'Pending') {\r\n        <div style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\">\r\n            <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\r\n        </div>\r\n        } @if (checkboxComponent?.Selector) {\r\n        <bnrc-dynamic-item-component\r\n            [component]=\"checkboxComponent\"\r\n            [mo]=\"mo\"\r\n            [isChecked]=\"isChecked\"\r\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n            [setting]=\"setting\"\r\n            [parameters]=\"checkboxComponent.Parameters\"\r\n            [editMode]=\"inlineEditMode\"\r\n            [rtl]=\"rtl\"\r\n            [deviceName]=\"deviceName\"\r\n            [value]=\"isChecked\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [index]=\"index\"\r\n            [allColumns]=\"allColumns\"\r\n            [typeDefId]=\"typeDefId\"\r\n            (events)=\"onRowCheck()\"\r\n        ></bnrc-dynamic-item-component>\r\n        } @else {\r\n        <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\r\n        }\r\n    </td>\r\n    } @if (!isCheckList && !showRowNumber) {\r\n    <td\r\n        fd-table-cell\r\n        class=\"single-select\"\r\n        (click)=\"!isCheckList && onRowCheck()\"\r\n        style=\"padding: 0; text-align: center\"\r\n    >\r\n        @if (inlineEditMode && allowInlineEdit && (hasError || saving || saved)) { @if (hasError) {\r\n        <fd-icon class=\"save-error\" glyph=\"error\"></fd-icon>\r\n        } @if (saving) {\r\n        <fd-busy-indicator [loading]=\"true\" [size]=\"'s'\" title=\"record saving\"></fd-busy-indicator>\r\n        } @if (saved) {\r\n        <fd-icon class=\"save-success\" glyph=\"accept\"></fd-icon>\r\n        } } @else { @if (mo.$State === 'New' && !isChecked) {\r\n        <fd-icon glyph=\"favorite\"></fd-icon>\r\n        } @if (inlineEditMode && allowInlineEdit && isChecked) {\r\n        <fd-icon glyph=\"edit\"></fd-icon>\r\n        } }\r\n    </td>\r\n    }\r\n    <ng-container *ngTemplateOutlet=\"rowNumberTemplate\"></ng-container>\r\n    @for (column of columns; track column.Name; let columnIndex = $index) {\r\n    <td\r\n        class=\"rep-column\"\r\n        [attr.dbName]=\"column.Name\"\r\n        #tdEl\r\n        fd-table-cell\r\n        [applyConditionalFormats]=\"conditionalFormats\"\r\n        [hostEl]=\"tdEl\"\r\n        [styleIndex]=\"styleIndex\"\r\n        [dbName]=\"column.Name\"\r\n        [focusable]=\"false\"\r\n        (click)=\"onColumnClick(column)\"\r\n        (keydown.enter)=\"onColumnKeyEnter(column)\"\r\n        (dblclick)=\"onRowClick()\"\r\n        [hoverable]=\"inlineEditMode && allowInlineEdit\"\r\n        [class.control-readonly]=\"column.IsReadonly\"\r\n    >\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                columnTemplate;\r\n                context: {\r\n                    $implicit: column,\r\n                    mo: mo,\r\n                    index: columnIndex,\r\n                    inlineEditMode: inlineEditMode,\r\n                    layout94: layout$ | async\r\n                }\r\n            \"\r\n        ></ng-container>\r\n    </td>\r\n    } @if (contextMenuItems.length ) {\r\n    <td class=\"col-context-menu\" fd-table-cell>\r\n        <bsu-ulv-context-menu\r\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n            [conditionalFormats]=\"conditionalFormats\"\r\n            [styleIndex]=\"styleIndex\"\r\n            [mo]=\"mo\"\r\n            [index]=\"index\"\r\n            (commandClick)=\"onUlvCommand()\"\r\n            [deviceName]=\"deviceName\"\r\n            [menuItems]=\"contextMenuItems\"\r\n            [allColumns]=\"allColumns\"\r\n        ></bsu-ulv-context-menu>\r\n    </td>\r\n    } @if (showDetailsInRow && (!inlineEditMode || !allowInlineEdit)) {\r\n    <td class=\"col-details\" fd-table-cell [fitContent]=\"true\">\r\n        @if ((detailsComponent?.Selector || detailsColumns?.length || cartableParams?.moId ) && !hideDetailsText) {\r\n        <div class=\"tw-flex tw-justify-end tw-w-full\">\r\n            <button\r\n                fd-button\r\n                [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\r\n                [fdType]=\"'transparent'\"\r\n                (click)=\"onRowDetails()\"\r\n            ></button>\r\n        </div>\r\n        }\r\n    </td>\r\n    } @if (actionList?.length && !inlineEditMode) {\r\n    <td class=\"col-view\" [class.rtl]=\"rtl\" fd-table-cell [fitContent]=\"true\">\r\n        <bsu-barsa-row-inline-actionlist\r\n            [actionList]=\"actionList\"\r\n            (btnClick)=\"actionListClick.emit($event)\"\r\n        ></bsu-barsa-row-inline-actionlist>\r\n    </td>\r\n    } }\r\n</tr>\r\n} @if (secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false) {\r\n<tr\r\n    #trEl\r\n    fd-table-row\r\n    [secondary]=\"true\"\r\n    class=\"secondary-row\"\r\n    [class.no-edit-mode]=\"!inlineEditMode\"\r\n    [applyConditionalFormats]=\"conditionalFormats\"\r\n    [styleIndex]=\"styleIndex\"\r\n    [hostEl]=\"trEl\"\r\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\r\n    [style.background-color]=\"isOdd && !isChecked ? 'var(--sapList_Hover_Background)' : null\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    @if (!isCheckList) {\r\n    <td fd-table-cell class=\"single-select\" (click)=\"onRowCheck()\"></td>\r\n    }\r\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\" class=\"secondary p-wrapper\">\r\n        <div style=\"display: flex; flex-direction: column\">\r\n            @for (column of secondaryColumns; track _trackByColumn(columnIndex, column); let columnIndex = $index) {\r\n            <p\r\n                #pEl\r\n                fd-table-text\r\n                [applyConditionalFormats]=\"conditionalFormats\"\r\n                [hostEl]=\"pEl\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [dbName]=\"column.Name\"\r\n                style=\"font-family: 'B-Font Medium'\"\r\n            >\r\n                <label fd-form-label>{{ column.Caption }} :</label>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: column,\r\n                            mo: mo,\r\n                            index: columnIndex,\r\n                            inlineEditMode: inlineEditMode,\r\n                            layout94: layout$ | async\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </p>\r\n            }\r\n        </div>\r\n    </td>\r\n</tr>\r\n} @if (cartableParams?.moId) {\r\n<tr\r\n    [class.detailCollapsed]=\"detailsCollapsed\"\r\n    fd-table-row\r\n    class=\"showdetails cartable\"\r\n    [attr.aria-selected]=\"isChecked\"\r\n    [class.has-preview-column]=\"!!previewColumn\"\r\n    [style.background-color]=\"isOdd && !isChecked ? 'var(--sapList_Hover_Background)' : null\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        (click)=\"onRowCheck()\"\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? 1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <ng-container>\r\n            <bnrc-form\r\n                #cartableFormRef\r\n                class=\"cartable-template\"\r\n                [inlineEditInReport]=\"true\"\r\n                [params]=\"cartableParams\"\r\n                (beforeTransition)=\"onCartableBeforeTansition()\"\r\n                (afterTransition)=\"onCartableAfterTansition($event)\"\r\n                (bruleAction)=\"onCartableBruleAction($event)\"\r\n                (click)=\"OnCartableFormClick($event)\"\r\n                (formClose)=\"onCartableFormClosed()\"\r\n            ></bnrc-form>\r\n        </ng-container>\r\n    </td>\r\n</tr>\r\n} @if (!detailsCollapsed && (detailsComponent?.Selector|| detailsColumns?.length)) {\r\n<tr fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\" [class.has-preview-column]=\"!!previewColumn\">\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        (click)=\"onRowCheck()\"\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                detailsColumnsTemplate;\r\n                context: { mo: mo, inlineEditMode: inlineEditMode, layout94: layout$ | async }\r\n            \"\r\n        ></ng-container>\r\n        @if (detailsComponent && detailsComponent.Selector) {\r\n        <bnrc-dynamic-item-component\r\n            [component]=\"detailsComponent\"\r\n            [mo]=\"mo\"\r\n            [isChecked]=\"isChecked\"\r\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n            [setting]=\"detailsComponentSetting\"\r\n            [parameters]=\"detailsComponent.Settings\"\r\n            [editMode]=\"inlineEditMode\"\r\n            [formSetting]=\"formSetting\"\r\n            [rtl]=\"rtl\"\r\n            [deviceName]=\"deviceName\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [index]=\"index\"\r\n            [allColumns]=\"allColumns\"\r\n            [typeDefId]=\"typeDefId\"\r\n        ></bnrc-dynamic-item-component>\r\n        }\r\n    </td>\r\n</tr>\r\n} @if(previewColumn){\r\n<tr\r\n    #trEl\r\n    fd-table-row\r\n    [secondary]=\"true\"\r\n    class=\"preview-column\"\r\n    [class.no-edit-mode]=\"!inlineEditMode\"\r\n    [applyConditionalFormats]=\"conditionalFormats\"\r\n    [styleIndex]=\"styleIndex\"\r\n    [hostEl]=\"trEl\"\r\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\r\n    [style.background-color]=\"isOdd && !isChecked ? 'var(--sapList_Hover_Background)' : null\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n\r\n    <td\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n        (click)=\"onRowCheck()\"\r\n    >\r\n        <div style=\"display: flex; flex-direction: column\">\r\n            <p\r\n                #pEl\r\n                fd-table-text\r\n                [applyConditionalFormats]=\"conditionalFormats\"\r\n                [hostEl]=\"pEl\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [dbName]=\"previewColumn.Name\"\r\n                style=\"color: var(--sapAccentColor6)\"\r\n            >\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: previewColumn,\r\n                            mo: mo,\r\n                            index: columns.length,\r\n                            inlineEditMode: inlineEditMode,\r\n                            layout94: layout$ | async\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </p>\r\n        </div>\r\n    </td>\r\n</tr>\r\n} @if(isLastChildGroup && groupSummary){\r\n<tr #trEl fd-table-row class=\"group-summary-row\" [class.no-edit-mode]=\"true\" [attr.aria-selected]=\"false\">\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    @if (!isCheckList) {\r\n    <td fd-table-cell class=\"single-select\"></td>\r\n    } @for (column of columns; track _trackByColumn(columnIndex, column); let columnIndex = $index) {\r\n    <td fd-table-cell>\r\n        <label #summaryRef>{{ reCalculateColumnSummary(summaryRef, column) }}</label>\r\n    </td>\r\n    } @if (contextMenuItems.length) {\r\n    <td class=\"col-context-menu\" fd-table-cell></td>\r\n    } @if (showDetailsInRow && (!inlineEditMode || !allowInlineEdit)) {\r\n    <td class=\"col-details\" fd-table-cell [fitContent]=\"true\"></td>\r\n    } @if (actionList?.length && !inlineEditMode) {\r\n    <td class=\"col-view\" fd-table-cell [fitContent]=\"true\"></td>\r\n    }\r\n</tr>\r\n} @if (bruleActionMessage() && inlineEditMode) {\r\n<tr fd-table-row>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        @if (bruleActionMessage()?.MessageType === 2) {\r\n        <fd-message-strip\r\n            [type]=\"bruleActionMessage()?.MessageType === 2 ? 'error' : 'information'\"\r\n            [dismissible]=\"false\"\r\n        >\r\n            {{ bruleActionMessage()?.MessageExpression }}\r\n        </fd-message-strip>\r\n        }\r\n    </td>\r\n</tr>\r\n} @if (workflowState()?.state === 'Finish' && workflowState()?.error) {\r\n<tr fd-table-row>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"onResetWorkflowState()\">\r\n            {{ workflowState()?.error?.Text || workflowState()?.error?.MessageExpression }}\r\n        </fd-message-strip>\r\n    </td>\r\n</tr>\r\n}\r\n<ng-template #detailsColumnsTemplate let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout94=\"layout94\">\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            detailsFormItems;\r\n            context: {\r\n                $implicit: detailsColumns,\r\n                mo: this.mo,\r\n                inlineEditMode: this.inlineEditMode,\r\n                layout94: layout94\r\n            }\r\n        \"\r\n    ></ng-container>\r\n</ng-template>\r\n<ng-template\r\n    #detailsFormItems\r\n    let-detailsColumns\r\n    let-mo=\"mo\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-layout94=\"layout94\"\r\n>\r\n    <div class=\"form-items\">\r\n        @for (column of detailsColumns; track column; let columnIndex = $index) {\r\n        <div fd-form-item>\r\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    columnTemplate;\r\n                    context: {\r\n                        $implicit: column,\r\n                        mo: mo,\r\n                        index: columnIndex,\r\n                        inlineEditMode: inlineEditMode,\r\n                        layout94: layout94\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n        </div>\r\n        }\r\n    </div>\r\n</ng-template>\r\n<ng-template\r\n    #columnTemplate\r\n    let-column\r\n    let-mo=\"mo\"\r\n    let-index=\"index\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-layout94=\"layout94\"\r\n>\r\n    <bsu-barsa-table-column\r\n        [mo]=\"mo\"\r\n        [allColumns]=\"allColumns\"\r\n        [column]=\"column\"\r\n        [attachmentViewType]=\"attachmentViewType\"\r\n        [isdirty]=\"dirtyColumns && dirtyColumns[column.Name]\"\r\n        [value]=\"column | columnValue: mo\"\r\n        [icon]=\"column | columnIcon: mo\"\r\n        [customComponent]=\"column.$CustomComponent\"\r\n        [column]=\"column\"\r\n        [disableEllapsis]=\"secondaryColumns?.length || disableEllapsis\"\r\n        [editMode]=\"(isChecked || inlineEditWithoutSelection) && inlineEditMode && allowInlineEdit\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [isChecked]=\"isChecked === true\"\r\n        [index]=\"index\"\r\n        [formSetting]=\"formSetting\"\r\n        [rtl]=\"rtl\"\r\n        [isMobile]=\"isMobile\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [layout94]=\"layout94\"\r\n        [cellEdit]=\"activeColumn() === column && isChecked\"\r\n        (save)=\"onEditFormPanelSave(null)\"\r\n        (cancel)=\"onEditFormPanelCancel(null)\"\r\n        (tab)=\"onTabKeyDown($event, index)\"\r\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\r\n    >\r\n    </bsu-barsa-table-column>\r\n</ng-template>\r\n<ng-template #statusIndicator>\r\n    @if (rowIndicator) {\r\n    <bsu-barsa-column-indicator [hideBorderBottom]=\"!detailsCollapsed\" [backColor]=\"rowIndicatorColor\">\r\n    </bsu-barsa-column-indicator>\r\n    }\r\n</ng-template>\r\n<ng-template #rowNumberTemplate>\r\n    @if (showRowNumber) {\r\n    <td fd-table-cell bsu-barsa-column-rownumber [rowNumber]=\"rowNumber\" (click)=\"!isCheckList && onRowCheck()\"></td>\r\n    }\r\n</ng-template>\r\n<tr fd-table-row style=\"pointer-events: none\"></tr>\r\n", styles: [":host{display:contents;width:100%}:host bnrc-form.cartable-template ::ng-deep bsu-ly-layout-container-of-root{padding-bottom:1rem}:host.has-preview-column .secondary-row td{border-bottom:none}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .inlineEditMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .inlineEditMode bsu-ui-simple-combo{margin:0!important}:host ::ng-deep .secondary.p-wrapper p{display:flex;align-items:center}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}tr.group-summary-row td{border:none;background-color:#dde5f0;border-right:none!important;font-weight:700}tr.group-summary-row td label{font-weight:700}tr.group-summary-row td label.NaN{display:none}td{vertical-align:middle}td.control-readonly{background-color:var(--sapList_HeaderBackground)}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}.workflow-pending{opacity:.5;pointer-events:none;position:relative}.detailCollapsed{height:0;display:none}tr td.rep-column:first-child{position:sticky;right:0}tr:not([aria-selected=true]).preview-column td{border-bottom:var(--sapList_BorderWidth) var(--fdTable_Cell_Horizontal_Border_Style, solid) var(--sapList_BorderColor)}tr[aria-selected=true].has-preview-column td,tr.showdetails-on.hasCartable td,tr.showdetails-on.hasForm td{border-bottom:none}\n"] }]
         }], propDecorators: { showDetailsInRow: [{
                 type: Input
             }], previewColumn: [{
@@ -12189,11 +12204,11 @@ class UiNumIntUiComponent extends NumberBaseComponent {
         super.ngOnInit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiNumIntUiComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UiNumIntUiComponent, selector: "bsu-ui-num-int-ui", viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<input\r\n    #inputRef\r\n    fd-form-control\r\n    [placeholder]=\"Setting.NullText || ''\"\r\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\r\n    [attr.disabled]=\"(disable$ | async) === true ? true : null\"\r\n    [type]=\"hasMask ? 'text' : 'number'\"\r\n    [id]=\"id\"\r\n    [style.direction]=\"'ltr'\"\r\n    [style.text-align]=\"Setting.IsLtr === true ? 'left' : 'right'\"\r\n    (keydown)=\"onKeyDown($event)\"\r\n    (input)=\"onValueChange($event)\"\r\n    [class.inlineEdit]=\"inlineEdit \"\r\n    [class.cellEdit]=\"cellEdit\"\r\n    \r\n/>\r\n\r\n\r\n", styles: [":host{display:block}.number-input{display:block}\n"], dependencies: [{ kind: "component", type: i2$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UiNumIntUiComponent, selector: "bsu-ui-num-int-ui", viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<input\r\n    #inputRef\r\n    fd-form-control\r\n    [placeholder]=\"Setting.NullText || ''\"\r\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\r\n    [attr.disabled]=\"(disable$ | async) === true ? true : null\"\r\n    [type]=\"hasMask ? 'text' : 'number'\"\r\n    [id]=\"id\"\r\n    [style.direction]=\"'ltr'\"\r\n    [style.text-align]=\"Setting.IsLtr === true ? 'left' : 'right'\"\r\n    (keydown)=\"onKeyDown($event)\"\r\n    (input)=\"onValueChange($event)\"\r\n    \r\n/>\r\n\r\n\r\n", styles: [":host{display:block}.number-input{display:block}\n"], dependencies: [{ kind: "component", type: i2$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiNumIntUiComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-num-int-ui', standalone: false, template: "<input\r\n    #inputRef\r\n    fd-form-control\r\n    [placeholder]=\"Setting.NullText || ''\"\r\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\r\n    [attr.disabled]=\"(disable$ | async) === true ? true : null\"\r\n    [type]=\"hasMask ? 'text' : 'number'\"\r\n    [id]=\"id\"\r\n    [style.direction]=\"'ltr'\"\r\n    [style.text-align]=\"Setting.IsLtr === true ? 'left' : 'right'\"\r\n    (keydown)=\"onKeyDown($event)\"\r\n    (input)=\"onValueChange($event)\"\r\n    [class.inlineEdit]=\"inlineEdit \"\r\n    [class.cellEdit]=\"cellEdit\"\r\n    \r\n/>\r\n\r\n\r\n", styles: [":host{display:block}.number-input{display:block}\n"] }]
+            args: [{ selector: 'bsu-ui-num-int-ui', standalone: false, template: "<input\r\n    #inputRef\r\n    fd-form-control\r\n    [placeholder]=\"Setting.NullText || ''\"\r\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\r\n    [attr.disabled]=\"(disable$ | async) === true ? true : null\"\r\n    [type]=\"hasMask ? 'text' : 'number'\"\r\n    [id]=\"id\"\r\n    [style.direction]=\"'ltr'\"\r\n    [style.text-align]=\"Setting.IsLtr === true ? 'left' : 'right'\"\r\n    (keydown)=\"onKeyDown($event)\"\r\n    (input)=\"onValueChange($event)\"\r\n    \r\n/>\r\n\r\n\r\n", styles: [":host{display:block}.number-input{display:block}\n"] }]
         }], propDecorators: { inputRef: [{
                 type: ViewChild,
                 args: ['inputRef', { read: ElementRef, static: true }]
@@ -12339,6 +12354,7 @@ class UiMoInfoUlvComboComponent extends FieldBaseComponent {
         super(...arguments);
         this.smartChange = new Subject();
         this.allColumns = [];
+        this.showExtraButtons = signal(false);
         this._openPopupFormSelectionSource = new Subject();
         this._closeDialogSource = new Subject();
         this._loadingSource = new Subject();
@@ -12566,8 +12582,27 @@ class UiMoInfoUlvComboComponent extends FieldBaseComponent {
         this._setValueText(value);
         this._checkHasValue(value);
         super._setValue(value);
+        this._checkShowExtraButtons();
         // this._setComboText(value);
     }
+    _checkShowExtraButtons() {
+        let showExtraButtos = false;
+        this.showExtraButtons.set(false);
+        if (this.hasValue && !this.inlineEdit) {
+            showExtraButtos = true;
+        }
+        if (!this.hasValue && this.Setting.ShowNewButton) {
+            showExtraButtos = true;
+            this.showExtraButtons.set(true);
+        }
+        if (this.hasValue && this.Setting.ViewRelatedFormType !== 'Hide') {
+            showExtraButtos = true;
+        }
+        if (this.context._showPopup && !this.value) {
+            showExtraButtos = true;
+        }
+        this.showExtraButtons.set(showExtraButtos);
+    }
     _checkHasValue(value) {
         this.hasValue = typeof value !== 'undefined' && value !== null && value !== '';
     }
@@ -12700,11 +12735,11 @@ class UiMoInfoUlvComboComponent extends FieldBaseComponent {
         // this._triggerClick('ItemSelect', this.value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiMoInfoUlvComboComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: UiMoInfoUlvComboComponent, selector: "bsu-ui-mo-info-ulv-combo", inputs: { ulvAdapter: "ulvAdapter", Control: "Control", UlvMainCtrlr: "UlvMainCtrlr", UlvUi: "UlvUi", IsExpanded: "IsExpanded", Collapse: "Collapse", Expand: "Expand", on: "on", Focus: "Focus", SetUlvAdapter: "SetUlvAdapter", IsUiCreated: "IsUiCreated", Mask: "Mask", hide: "hide", show: "show", Unmask: "Unmask", getRawValue: "getRawValue" }, host: { listeners: { "keydown": "onKeyDown($event)", "keydown.alt": "onAlt($event)" } }, viewQueries: [{ propertyName: "fdComboRef", first: true, predicate: ComboboxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container\r\n    *ngTemplateOutlet=\"\r\n        comboTemplate;\r\n        context: {\r\n            $implicit:\r\n                (loading$ | async) === true\r\n                | moInfoUlvMoList\r\n                    : isDataLoadedFirstTime\r\n                    : ulvAdapter?.Setting?.Data?.MoDataList\r\n                    : UlvUi?.Setting?.Data?.MoDataList\r\n                    : ulvAdapter?.Setting?.Data?.Paging\r\n                    : UlvUi?.Setting?.Data?.Paging,\r\n            deviceSize: deviceSize$ | async,\r\n            disableOrReadonly: disableOrReadonly$ | async,\r\n            disable: disable$ | async,\r\n            readonly: readonly$ | async,\r\n            isSearch: context._showPopup || context._showDropDown === false\r\n        }\r\n    \"\r\n>\r\n</ng-container>\r\n\r\n<ng-template #btnsTpl let-disableOrReadonly=\"disableOrReadonly\">\r\n    <div class=\"extra-buttons fd-input-group fd-input-group--control\" contentDensity>\r\n        @if (hasValue && disableOrReadonly !== true) {\r\n        <span class=\"fd-input-group__addon--button combo-popup-btn\" fd-input-group-addon>\r\n            <button tabindex=\"-1\" fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"onClear()\"></button>\r\n        </span>\r\n        } @if (!hasValue && disableOrReadonly !== true && Setting.ShowNewButton) {\r\n        <span fd-input-group-addon class=\"fd-input-group__addon--button combo-popup-btn\">\r\n            <button fd-button fdType=\"transparent\" glyph=\"add\" (click)=\"onNew()\"></button>\r\n        </span>\r\n        } @if (hasValue && disableOrReadonly !== true && Setting.ViewRelatedFormType !== 'Hide') {\r\n        <span fd-input-group-addon class=\"fd-input-group__addon--button combo-popup-btn\">\r\n            <button fd-button fdType=\"transparent\" glyph=\"edit\" (click)=\"onEdit()\"></button>\r\n        </span>\r\n        } @if (context._showPopup && !value && disableOrReadonly !== true) {\r\n        <span fd-input-group-addon class=\"fd-input-group__addon--button combo-popup-btn\">\r\n            <button fd-button fdType=\"transparent\" glyph=\"search\" (click)=\"onSearch()\"></button>\r\n        </span>\r\n        }\r\n    </div>\r\n</ng-template>\r\n<ng-template\r\n    #comboTemplate\r\n    let-moDataList\r\n    let-deviceSize=\"deviceSize\"\r\n    let-disableOrReadonly=\"disableOrReadonly\"\r\n    let-disable=\"disable\"\r\n    let-readonly=\"readonly\"\r\n    let-isSearch=\"isSearch\"\r\n>\r\n    <div class=\"simple-combo-wrapper\">\r\n        <fd-combobox\r\n            #fdCombobox\r\n            class=\"combo-mo-ulv\"\r\n            [class.canAdd]=\"!hasValue && disableOrReadonly !== true && Setting.ShowNewButton\"\r\n            [class.canEdit]=\"hasValue && disableOrReadonly !== true\"\r\n            [class.disableorreadonly]=\"disableOrReadonly === true\"\r\n            [comboboxId]=\"comboboxId\"\r\n            [class.has-Value]=\"hasValue\"\r\n            [placeholder]=\"'Select' | bbbTranslate\"\r\n            [mobile]=\"deviceSize === 's'\"\r\n            [mobileConfig]=\"mobileConfig\"\r\n            [fillOnSelect]=\"true\"\r\n            [readOnly]=\"readonly === true ? true : false\"\r\n            [disabled]=\"disable === true ? true : false\"\r\n            [dropdownValues]=\"moDataList\"\r\n            [filterFn]=\"customFilter\"\r\n            [openOnKeyboardEvent]=\"true\"\r\n            [byline]=\"allColumns.length > 0\"\r\n            [isSearch]=\"false\"\r\n            [itemTemplate]=\"itemTemplate\"\r\n            [displayFn]=\"displayFunc\"\r\n            [showDropdownButton]=\"context._showDropDown !== false && disableOrReadonly !== true\"\r\n            (itemClicked)=\"onItemClick($event, moDataList)\"\r\n            (inputTextChange)=\"onInputChange($event)\"\r\n            (openChange)=\"onOpenChange(fdCombobox, $event)\"\r\n        >\r\n        </fd-combobox>\r\n        <ng-container\r\n            *ngTemplateOutlet=\"btnsTpl; context: { disableOrReadonly: this.disableOrReadonly }\"\r\n        ></ng-container>\r\n    </div>\r\n    <ng-template #itemTemplate let-item>\r\n        @if (item.$isLoading) {\r\n        <div fd-list-content style=\"width: 100%; height: 20px\">\r\n            <bsu-mask [size]=\"'s'\" [top]=\"'10px'\"></bsu-mask>\r\n        </div>\r\n        } @else {\r\n        <ng-container\r\n            *ngTemplateOutlet=\"item.$LoadMore ? loadMoreButton : showItem; context: { ulv: ulvAdapter || UlvUi }\"\r\n        >\r\n        </ng-container>\r\n        }\r\n        <ng-template #loadMoreButton let-ulv=\"ulv\">\r\n            @if (ulv) {\r\n            <bsu-ulv-paging\r\n                (click)=\"onPagingClick($event)\"\r\n                (pageChange)=\"onPageChange($event)\"\r\n                [pagingSetting]=\"ulv.Setting.Data.Paging\"\r\n            >\r\n            </bsu-ulv-paging>\r\n            }\r\n            <!-- <button\r\n        style=\"width: 100%\"\r\n        *ngIf=\"ulv && ulv.Setting.Data.Paging.Page + 1 < ulv.Setting.Data.Paging.TotalPages\"\r\n        fd-button\r\n        (click)=\"onPageChange2(ulv.Setting.Data.Paging, $event)\"\r\n        [label]=\"'More' | bbbTranslate\"\r\n      ></button> -->\r\n        </ng-template>\r\n        <ng-template #showItem>\r\n            @if (allColumns?.length && !item.isEmpty) { @if (!item.$__IsLast) {\r\n            <div class=\"moinfoulv devider\"></div>\r\n            } @if (item.$Icon) {\r\n            <span fd-list-thumbnail><fd-icon [glyph]=\"item.$Icon\"></fd-icon></span>\r\n            }\r\n            <div fd-list-content class=\"moinfoulv hasColumns\">\r\n                <div fd-list-title class=\"title\">{{ allColumns[0].Alias | rval: item:allColumns:true }}</div>\r\n                @if (allColumns[1]) {\r\n                <div fd-list-byline class=\"byline\">\r\n                    {{ allColumns[1].Alias | rval: item:allColumns:true }}\r\n                </div>\r\n                }\r\n                <div style=\"display: flex; column-gap: 8px; flex-wrap: wrap\">\r\n                    @for (column of allColumns; track column; let index = $index) { @if (index > 1) { @if (column.Alias\r\n                    | rval: item:allColumns:true; as value) {\r\n                    <span> {{ column.Alias }}:{{ value }}</span>\r\n                    } } }\r\n                </div>\r\n            </div>\r\n            } @else {\r\n            <span fd-list-title [class.list-empty-item]=\"item.isEmpty\"\r\n                >{{ item.isEmpty ? ('NoData' | bbbTranslate) : (item.$MoCaption || item.$Caption | bbbTranslate) }}\r\n            </span>\r\n            }\r\n        </ng-template>\r\n    </ng-template>\r\n</ng-template>\r\n", styles: [":host{display:block}.combo-mo-ulv{width:100%}.combo-mo-ulv ::ng-deep .fd-popover-custom{width:100%}.fd-input-group{min-width:fit-content}.simple-combo-wrapper{display:flex;align-items:center;position:relative}.simple-combo-wrapper ::ng-deep .combo-mo-ulv[class*=has-]:not(.disableorreadonly) .fd-input-group,.simple-combo-wrapper ::ng-deep .combo-mo-ulv.canAdd:not(.disableorreadonly) .fd-input-group,.simple-combo-wrapper ::ng-deep .combo-mo-ulv.canEdit:not(.disableorreadonly) .fd-input-group{border-left:none;border-bottom-left-radius:unset;border-top-left-radius:unset}.combo-wrapper{display:flex;align-items:center;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:var(--sapField_BorderCornerRadius, .125rem)}::ng-deep .combo-popup-btn{border:none;background:transparent}::ng-deep .combo-popup-btn button{border-color:transparent!important;border:none}::ng-deep .fd-combobox-count-list-results{display:none}.extra-buttons{width:auto;border-right:none;border-left:none;margin:0}.extra-buttons>span{overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$6.ComboboxComponent, selector: "fd-combobox", inputs: ["comboboxId", "inputId", "ariaLabel", "ariaLabelledBy", "required", "dropdownValues", "filterFn", "disabled", "placeholder", "isSearch", "glyph", "glyphFont", "showClearButton", "triggers", "closeOnOutsideClick", "openOnKeyboardEvent", "state", "itemTemplate", "groupFn", "maxHeight", "width", "searchFn", "highlighting", "closeOnSelect", "fillOnSelect", "autoComplete", "fillControlMode", "communicateByObject", "displayFn", "buttonFocusable", "clearButtonFocusable", "readOnly", "mobile", "mobileConfig", "showDropdownButton", "includes", "title", "byline", "tabOutStrategy"], outputs: ["itemClicked", "openChange", "inputTextChange"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "directive", type: i5$1.InputGroupAddOnDirective, selector: "[fdInputGroupAddon], [fd-input-group-addon]", inputs: ["class", "placement", "type", "state", "button"] }, { kind: "directive", type: i7.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i7.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i7.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "directive", type: i7.ListThumbnailDirective, selector: "[fdListThumbnail], [fd-list-thumbnail]" }, { kind: "component", type: UlvPagingComponent, selector: "bsu-ulv-paging", inputs: ["pagingSetting"], outputs: ["pageChange", "pageSizeChange"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "directive", type: ContentDensityDirective, selector: "[contentDensity]" }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.MoInfoUlvMoListPipe, name: "moInfoUlvMoList" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: UiMoInfoUlvComboComponent, selector: "bsu-ui-mo-info-ulv-combo", inputs: { ulvAdapter: "ulvAdapter", Control: "Control", UlvMainCtrlr: "UlvMainCtrlr", UlvUi: "UlvUi", IsExpanded: "IsExpanded", Collapse: "Collapse", Expand: "Expand", on: "on", Focus: "Focus", SetUlvAdapter: "SetUlvAdapter", IsUiCreated: "IsUiCreated", Mask: "Mask", hide: "hide", show: "show", Unmask: "Unmask", getRawValue: "getRawValue" }, host: { listeners: { "keydown": "onKeyDown($event)", "keydown.alt": "onAlt($event)" } }, viewQueries: [{ propertyName: "fdComboRef", first: true, predicate: ComboboxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container\r\n    *ngTemplateOutlet=\"\r\n        comboTemplate;\r\n        context: {\r\n            $implicit:\r\n                (loading$ | async) === true\r\n                | moInfoUlvMoList\r\n                    : isDataLoadedFirstTime\r\n                    : ulvAdapter?.Setting?.Data?.MoDataList\r\n                    : UlvUi?.Setting?.Data?.MoDataList\r\n                    : ulvAdapter?.Setting?.Data?.Paging\r\n                    : UlvUi?.Setting?.Data?.Paging,\r\n            deviceSize: deviceSize$ | async,\r\n            disableOrReadonly: disableOrReadonly$ | async,\r\n            disable: disable$ | async,\r\n            readonly: readonly$ | async,\r\n            isSearch: context._showPopup || context._showDropDown === false\r\n        }\r\n    \"\r\n>\r\n</ng-container>\r\n\r\n<ng-template #btnsTpl let-disableOrReadonly=\"disableOrReadonly\">\r\n    @if( showExtraButtons() ){\r\n    <div class=\"extra-buttons fd-input-group fd-input-group--control\" contentDensity>\r\n        @if (hasValue && !inlineEdit) {\r\n        <span class=\"fd-input-group__addon--button combo-popup-btn\" fd-input-group-addon>\r\n            <button tabindex=\"-1\" fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"onClear()\"></button>\r\n        </span>\r\n        } @if (!hasValue && Setting.ShowNewButton) {\r\n        <span fd-input-group-addon class=\"fd-input-group__addon--button combo-popup-btn\">\r\n            <button fd-button fdType=\"transparent\" glyph=\"add\" (click)=\"onNew()\"></button>\r\n        </span>\r\n        } @if (hasValue && Setting.ViewRelatedFormType !== 'Hide') {\r\n        <span fd-input-group-addon class=\"fd-input-group__addon--button combo-popup-btn\">\r\n            <button fd-button fdType=\"transparent\" glyph=\"edit\" (click)=\"onEdit()\"></button>\r\n        </span>\r\n        } @if (context._showPopup && !value ) {\r\n        <span fd-input-group-addon class=\"fd-input-group__addon--button combo-popup-btn\">\r\n            <button fd-button fdType=\"transparent\" glyph=\"search\" (click)=\"onSearch()\"></button>\r\n        </span>\r\n        }\r\n    </div>\r\n    }\r\n</ng-template>\r\n<ng-template\r\n    #comboTemplate\r\n    let-moDataList\r\n    let-deviceSize=\"deviceSize\"\r\n    let-disableOrReadonly=\"disableOrReadonly\"\r\n    let-disable=\"disable\"\r\n    let-readonly=\"readonly\"\r\n    let-isSearch=\"isSearch\"\r\n>\r\n    <div class=\"simple-combo-wrapper\">\r\n        <fd-combobox\r\n            #fdCombobox\r\n            class=\"combo-mo-ulv\"\r\n            [class.canAdd]=\"!hasValue && disableOrReadonly !== true && Setting.ShowNewButton\"\r\n            [class.canEdit]=\"hasValue && disableOrReadonly !== true\"\r\n            [class.disableorreadonly]=\"disableOrReadonly === true\"\r\n            [class.showExtraButtons]=\"disableOrReadonly !== true && showExtraButtons()\"\r\n            [comboboxId]=\"comboboxId\"\r\n            [class.has-Value]=\"hasValue\"\r\n            [placeholder]=\"'Select' | bbbTranslate\"\r\n            [mobile]=\"deviceSize === 's'\"\r\n            [mobileConfig]=\"mobileConfig\"\r\n            [fillOnSelect]=\"true\"\r\n            [readOnly]=\"readonly === true ? true : false\"\r\n            [disabled]=\"disable === true ? true : false\"\r\n            [dropdownValues]=\"moDataList\"\r\n            [filterFn]=\"customFilter\"\r\n            [openOnKeyboardEvent]=\"true\"\r\n            [byline]=\"allColumns.length > 0\"\r\n            [isSearch]=\"false\"\r\n            [itemTemplate]=\"itemTemplate\"\r\n            [displayFn]=\"displayFunc\"\r\n            [showDropdownButton]=\"context._showDropDown !== false && disableOrReadonly !== true\"\r\n            (itemClicked)=\"onItemClick($event, moDataList)\"\r\n            (inputTextChange)=\"onInputChange($event)\"\r\n            (openChange)=\"onOpenChange(fdCombobox, $event)\"\r\n        >\r\n        </fd-combobox>\r\n        <ng-container\r\n            *ngTemplateOutlet=\"btnsTpl; context: { disableOrReadonly: this.disableOrReadonly }\"\r\n        ></ng-container>\r\n    </div>\r\n    <ng-template #itemTemplate let-item>\r\n        @if (item.$isLoading) {\r\n        <div fd-list-content style=\"width: 100%; height: 20px\">\r\n            <bsu-mask [size]=\"'s'\" [top]=\"'10px'\"></bsu-mask>\r\n        </div>\r\n        } @else {\r\n        <ng-container\r\n            *ngTemplateOutlet=\"item.$LoadMore ? loadMoreButton : showItem; context: { ulv: ulvAdapter || UlvUi }\"\r\n        >\r\n        </ng-container>\r\n        }\r\n        <ng-template #loadMoreButton let-ulv=\"ulv\">\r\n            @if (ulv) {\r\n            <bsu-ulv-paging\r\n                (click)=\"onPagingClick($event)\"\r\n                (pageChange)=\"onPageChange($event)\"\r\n                [pagingSetting]=\"ulv.Setting.Data.Paging\"\r\n            >\r\n            </bsu-ulv-paging>\r\n            }\r\n            <!-- <button\r\n        style=\"width: 100%\"\r\n        *ngIf=\"ulv && ulv.Setting.Data.Paging.Page + 1 < ulv.Setting.Data.Paging.TotalPages\"\r\n        fd-button\r\n        (click)=\"onPageChange2(ulv.Setting.Data.Paging, $event)\"\r\n        [label]=\"'More' | bbbTranslate\"\r\n      ></button> -->\r\n        </ng-template>\r\n        <ng-template #showItem>\r\n            @if (allColumns?.length && !item.isEmpty) { @if (!item.$__IsLast) {\r\n            <div class=\"moinfoulv devider\"></div>\r\n            } @if (item.$Icon) {\r\n            <span fd-list-thumbnail><fd-icon [glyph]=\"item.$Icon\"></fd-icon></span>\r\n            }\r\n            <div fd-list-content class=\"moinfoulv hasColumns\">\r\n                <div fd-list-title class=\"title\">{{ allColumns[0].Alias | rval: item:allColumns:true }}</div>\r\n                @if (allColumns[1]) {\r\n                <div fd-list-byline class=\"byline\">\r\n                    {{ allColumns[1].Alias | rval: item:allColumns:true }}\r\n                </div>\r\n                }\r\n                <div style=\"display: flex; column-gap: 8px; flex-wrap: wrap\">\r\n                    @for (column of allColumns; track column; let index = $index) { @if (index > 1) { @if (column.Alias\r\n                    | rval: item:allColumns:true; as value) {\r\n                    <span> {{ column.Alias }}:{{ value }}</span>\r\n                    } } }\r\n                </div>\r\n            </div>\r\n            } @else {\r\n            <span fd-list-title [class.list-empty-item]=\"item.isEmpty\"\r\n                >{{ item.isEmpty ? ('NoData' | bbbTranslate) : (item.$MoCaption || item.$Caption | bbbTranslate) }}\r\n            </span>\r\n            }\r\n        </ng-template>\r\n    </ng-template>\r\n</ng-template>\r\n", styles: [":host{display:block}.combo-mo-ulv{width:100%}.combo-mo-ulv ::ng-deep .fd-popover-custom{width:100%}.fd-input-group{min-width:fit-content}.simple-combo-wrapper{display:flex;align-items:center;position:relative}.simple-combo-wrapper ::ng-deep .combo-mo-ulv.showExtraButtons:not(.disableorreadonly) .fd-input-group{border-left:none;border-bottom-left-radius:unset;border-top-left-radius:unset}.combo-wrapper{display:flex;align-items:center;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:var(--sapField_BorderCornerRadius, .125rem)}::ng-deep .combo-popup-btn{border:none;background:transparent}::ng-deep .combo-popup-btn button{border-color:transparent!important;border:none}::ng-deep .fd-combobox-count-list-results{display:none}.extra-buttons{width:auto;border-right:none;border-left:none;margin:0}.extra-buttons>span{overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$6.ComboboxComponent, selector: "fd-combobox", inputs: ["comboboxId", "inputId", "ariaLabel", "ariaLabelledBy", "required", "dropdownValues", "filterFn", "disabled", "placeholder", "isSearch", "glyph", "glyphFont", "showClearButton", "triggers", "closeOnOutsideClick", "openOnKeyboardEvent", "state", "itemTemplate", "groupFn", "maxHeight", "width", "searchFn", "highlighting", "closeOnSelect", "fillOnSelect", "autoComplete", "fillControlMode", "communicateByObject", "displayFn", "buttonFocusable", "clearButtonFocusable", "readOnly", "mobile", "mobileConfig", "showDropdownButton", "includes", "title", "byline", "tabOutStrategy"], outputs: ["itemClicked", "openChange", "inputTextChange"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "directive", type: i5$1.InputGroupAddOnDirective, selector: "[fdInputGroupAddon], [fd-input-group-addon]", inputs: ["class", "placement", "type", "state", "button"] }, { kind: "directive", type: i7.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i7.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i7.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "directive", type: i7.ListThumbnailDirective, selector: "[fdListThumbnail], [fd-list-thumbnail]" }, { kind: "component", type: UlvPagingComponent, selector: "bsu-ulv-paging", inputs: ["pagingSetting"], outputs: ["pageChange", "pageSizeChange"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "directive", type: ContentDensityDirective, selector: "[contentDensity]" }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.MoInfoUlvMoListPipe, name: "moInfoUlvMoList" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiMoInfoUlvComboComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-mo-info-ulv-combo', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-container\r\n    *ngTemplateOutlet=\"\r\n        comboTemplate;\r\n        context: {\r\n            $implicit:\r\n                (loading$ | async) === true\r\n                | moInfoUlvMoList\r\n                    : isDataLoadedFirstTime\r\n                    : ulvAdapter?.Setting?.Data?.MoDataList\r\n                    : UlvUi?.Setting?.Data?.MoDataList\r\n                    : ulvAdapter?.Setting?.Data?.Paging\r\n                    : UlvUi?.Setting?.Data?.Paging,\r\n            deviceSize: deviceSize$ | async,\r\n            disableOrReadonly: disableOrReadonly$ | async,\r\n            disable: disable$ | async,\r\n            readonly: readonly$ | async,\r\n            isSearch: context._showPopup || context._showDropDown === false\r\n        }\r\n    \"\r\n>\r\n</ng-container>\r\n\r\n<ng-template #btnsTpl let-disableOrReadonly=\"disableOrReadonly\">\r\n    <div class=\"extra-buttons fd-input-group fd-input-group--control\" contentDensity>\r\n        @if (hasValue && disableOrReadonly !== true) {\r\n        <span class=\"fd-input-group__addon--button combo-popup-btn\" fd-input-group-addon>\r\n            <button tabindex=\"-1\" fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"onClear()\"></button>\r\n        </span>\r\n        } @if (!hasValue && disableOrReadonly !== true && Setting.ShowNewButton) {\r\n        <span fd-input-group-addon class=\"fd-input-group__addon--button combo-popup-btn\">\r\n            <button fd-button fdType=\"transparent\" glyph=\"add\" (click)=\"onNew()\"></button>\r\n        </span>\r\n        } @if (hasValue && disableOrReadonly !== true && Setting.ViewRelatedFormType !== 'Hide') {\r\n        <span fd-input-group-addon class=\"fd-input-group__addon--button combo-popup-btn\">\r\n            <button fd-button fdType=\"transparent\" glyph=\"edit\" (click)=\"onEdit()\"></button>\r\n        </span>\r\n        } @if (context._showPopup && !value && disableOrReadonly !== true) {\r\n        <span fd-input-group-addon class=\"fd-input-group__addon--button combo-popup-btn\">\r\n            <button fd-button fdType=\"transparent\" glyph=\"search\" (click)=\"onSearch()\"></button>\r\n        </span>\r\n        }\r\n    </div>\r\n</ng-template>\r\n<ng-template\r\n    #comboTemplate\r\n    let-moDataList\r\n    let-deviceSize=\"deviceSize\"\r\n    let-disableOrReadonly=\"disableOrReadonly\"\r\n    let-disable=\"disable\"\r\n    let-readonly=\"readonly\"\r\n    let-isSearch=\"isSearch\"\r\n>\r\n    <div class=\"simple-combo-wrapper\">\r\n        <fd-combobox\r\n            #fdCombobox\r\n            class=\"combo-mo-ulv\"\r\n            [class.canAdd]=\"!hasValue && disableOrReadonly !== true && Setting.ShowNewButton\"\r\n            [class.canEdit]=\"hasValue && disableOrReadonly !== true\"\r\n            [class.disableorreadonly]=\"disableOrReadonly === true\"\r\n            [comboboxId]=\"comboboxId\"\r\n            [class.has-Value]=\"hasValue\"\r\n            [placeholder]=\"'Select' | bbbTranslate\"\r\n            [mobile]=\"deviceSize === 's'\"\r\n            [mobileConfig]=\"mobileConfig\"\r\n            [fillOnSelect]=\"true\"\r\n            [readOnly]=\"readonly === true ? true : false\"\r\n            [disabled]=\"disable === true ? true : false\"\r\n            [dropdownValues]=\"moDataList\"\r\n            [filterFn]=\"customFilter\"\r\n            [openOnKeyboardEvent]=\"true\"\r\n            [byline]=\"allColumns.length > 0\"\r\n            [isSearch]=\"false\"\r\n            [itemTemplate]=\"itemTemplate\"\r\n            [displayFn]=\"displayFunc\"\r\n            [showDropdownButton]=\"context._showDropDown !== false && disableOrReadonly !== true\"\r\n            (itemClicked)=\"onItemClick($event, moDataList)\"\r\n            (inputTextChange)=\"onInputChange($event)\"\r\n            (openChange)=\"onOpenChange(fdCombobox, $event)\"\r\n        >\r\n        </fd-combobox>\r\n        <ng-container\r\n            *ngTemplateOutlet=\"btnsTpl; context: { disableOrReadonly: this.disableOrReadonly }\"\r\n        ></ng-container>\r\n    </div>\r\n    <ng-template #itemTemplate let-item>\r\n        @if (item.$isLoading) {\r\n        <div fd-list-content style=\"width: 100%; height: 20px\">\r\n            <bsu-mask [size]=\"'s'\" [top]=\"'10px'\"></bsu-mask>\r\n        </div>\r\n        } @else {\r\n        <ng-container\r\n            *ngTemplateOutlet=\"item.$LoadMore ? loadMoreButton : showItem; context: { ulv: ulvAdapter || UlvUi }\"\r\n        >\r\n        </ng-container>\r\n        }\r\n        <ng-template #loadMoreButton let-ulv=\"ulv\">\r\n            @if (ulv) {\r\n            <bsu-ulv-paging\r\n                (click)=\"onPagingClick($event)\"\r\n                (pageChange)=\"onPageChange($event)\"\r\n                [pagingSetting]=\"ulv.Setting.Data.Paging\"\r\n            >\r\n            </bsu-ulv-paging>\r\n            }\r\n            <!-- <button\r\n        style=\"width: 100%\"\r\n        *ngIf=\"ulv && ulv.Setting.Data.Paging.Page + 1 < ulv.Setting.Data.Paging.TotalPages\"\r\n        fd-button\r\n        (click)=\"onPageChange2(ulv.Setting.Data.Paging, $event)\"\r\n        [label]=\"'More' | bbbTranslate\"\r\n      ></button> -->\r\n        </ng-template>\r\n        <ng-template #showItem>\r\n            @if (allColumns?.length && !item.isEmpty) { @if (!item.$__IsLast) {\r\n            <div class=\"moinfoulv devider\"></div>\r\n            } @if (item.$Icon) {\r\n            <span fd-list-thumbnail><fd-icon [glyph]=\"item.$Icon\"></fd-icon></span>\r\n            }\r\n            <div fd-list-content class=\"moinfoulv hasColumns\">\r\n                <div fd-list-title class=\"title\">{{ allColumns[0].Alias | rval: item:allColumns:true }}</div>\r\n                @if (allColumns[1]) {\r\n                <div fd-list-byline class=\"byline\">\r\n                    {{ allColumns[1].Alias | rval: item:allColumns:true }}\r\n                </div>\r\n                }\r\n                <div style=\"display: flex; column-gap: 8px; flex-wrap: wrap\">\r\n                    @for (column of allColumns; track column; let index = $index) { @if (index > 1) { @if (column.Alias\r\n                    | rval: item:allColumns:true; as value) {\r\n                    <span> {{ column.Alias }}:{{ value }}</span>\r\n                    } } }\r\n                </div>\r\n            </div>\r\n            } @else {\r\n            <span fd-list-title [class.list-empty-item]=\"item.isEmpty\"\r\n                >{{ item.isEmpty ? ('NoData' | bbbTranslate) : (item.$MoCaption || item.$Caption | bbbTranslate) }}\r\n            </span>\r\n            }\r\n        </ng-template>\r\n    </ng-template>\r\n</ng-template>\r\n", styles: [":host{display:block}.combo-mo-ulv{width:100%}.combo-mo-ulv ::ng-deep .fd-popover-custom{width:100%}.fd-input-group{min-width:fit-content}.simple-combo-wrapper{display:flex;align-items:center;position:relative}.simple-combo-wrapper ::ng-deep .combo-mo-ulv[class*=has-]:not(.disableorreadonly) .fd-input-group,.simple-combo-wrapper ::ng-deep .combo-mo-ulv.canAdd:not(.disableorreadonly) .fd-input-group,.simple-combo-wrapper ::ng-deep .combo-mo-ulv.canEdit:not(.disableorreadonly) .fd-input-group{border-left:none;border-bottom-left-radius:unset;border-top-left-radius:unset}.combo-wrapper{display:flex;align-items:center;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:var(--sapField_BorderCornerRadius, .125rem)}::ng-deep .combo-popup-btn{border:none;background:transparent}::ng-deep .combo-popup-btn button{border-color:transparent!important;border:none}::ng-deep .fd-combobox-count-list-results{display:none}.extra-buttons{width:auto;border-right:none;border-left:none;margin:0}.extra-buttons>span{overflow:hidden}\n"] }]
+            args: [{ selector: 'bsu-ui-mo-info-ulv-combo', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-container\r\n    *ngTemplateOutlet=\"\r\n        comboTemplate;\r\n        context: {\r\n            $implicit:\r\n                (loading$ | async) === true\r\n                | moInfoUlvMoList\r\n                    : isDataLoadedFirstTime\r\n                    : ulvAdapter?.Setting?.Data?.MoDataList\r\n                    : UlvUi?.Setting?.Data?.MoDataList\r\n                    : ulvAdapter?.Setting?.Data?.Paging\r\n                    : UlvUi?.Setting?.Data?.Paging,\r\n            deviceSize: deviceSize$ | async,\r\n            disableOrReadonly: disableOrReadonly$ | async,\r\n            disable: disable$ | async,\r\n            readonly: readonly$ | async,\r\n            isSearch: context._showPopup || context._showDropDown === false\r\n        }\r\n    \"\r\n>\r\n</ng-container>\r\n\r\n<ng-template #btnsTpl let-disableOrReadonly=\"disableOrReadonly\">\r\n    @if( showExtraButtons() ){\r\n    <div class=\"extra-buttons fd-input-group fd-input-group--control\" contentDensity>\r\n        @if (hasValue && !inlineEdit) {\r\n        <span class=\"fd-input-group__addon--button combo-popup-btn\" fd-input-group-addon>\r\n            <button tabindex=\"-1\" fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"onClear()\"></button>\r\n        </span>\r\n        } @if (!hasValue && Setting.ShowNewButton) {\r\n        <span fd-input-group-addon class=\"fd-input-group__addon--button combo-popup-btn\">\r\n            <button fd-button fdType=\"transparent\" glyph=\"add\" (click)=\"onNew()\"></button>\r\n        </span>\r\n        } @if (hasValue && Setting.ViewRelatedFormType !== 'Hide') {\r\n        <span fd-input-group-addon class=\"fd-input-group__addon--button combo-popup-btn\">\r\n            <button fd-button fdType=\"transparent\" glyph=\"edit\" (click)=\"onEdit()\"></button>\r\n        </span>\r\n        } @if (context._showPopup && !value ) {\r\n        <span fd-input-group-addon class=\"fd-input-group__addon--button combo-popup-btn\">\r\n            <button fd-button fdType=\"transparent\" glyph=\"search\" (click)=\"onSearch()\"></button>\r\n        </span>\r\n        }\r\n    </div>\r\n    }\r\n</ng-template>\r\n<ng-template\r\n    #comboTemplate\r\n    let-moDataList\r\n    let-deviceSize=\"deviceSize\"\r\n    let-disableOrReadonly=\"disableOrReadonly\"\r\n    let-disable=\"disable\"\r\n    let-readonly=\"readonly\"\r\n    let-isSearch=\"isSearch\"\r\n>\r\n    <div class=\"simple-combo-wrapper\">\r\n        <fd-combobox\r\n            #fdCombobox\r\n            class=\"combo-mo-ulv\"\r\n            [class.canAdd]=\"!hasValue && disableOrReadonly !== true && Setting.ShowNewButton\"\r\n            [class.canEdit]=\"hasValue && disableOrReadonly !== true\"\r\n            [class.disableorreadonly]=\"disableOrReadonly === true\"\r\n            [class.showExtraButtons]=\"disableOrReadonly !== true && showExtraButtons()\"\r\n            [comboboxId]=\"comboboxId\"\r\n            [class.has-Value]=\"hasValue\"\r\n            [placeholder]=\"'Select' | bbbTranslate\"\r\n            [mobile]=\"deviceSize === 's'\"\r\n            [mobileConfig]=\"mobileConfig\"\r\n            [fillOnSelect]=\"true\"\r\n            [readOnly]=\"readonly === true ? true : false\"\r\n            [disabled]=\"disable === true ? true : false\"\r\n            [dropdownValues]=\"moDataList\"\r\n            [filterFn]=\"customFilter\"\r\n            [openOnKeyboardEvent]=\"true\"\r\n            [byline]=\"allColumns.length > 0\"\r\n            [isSearch]=\"false\"\r\n            [itemTemplate]=\"itemTemplate\"\r\n            [displayFn]=\"displayFunc\"\r\n            [showDropdownButton]=\"context._showDropDown !== false && disableOrReadonly !== true\"\r\n            (itemClicked)=\"onItemClick($event, moDataList)\"\r\n            (inputTextChange)=\"onInputChange($event)\"\r\n            (openChange)=\"onOpenChange(fdCombobox, $event)\"\r\n        >\r\n        </fd-combobox>\r\n        <ng-container\r\n            *ngTemplateOutlet=\"btnsTpl; context: { disableOrReadonly: this.disableOrReadonly }\"\r\n        ></ng-container>\r\n    </div>\r\n    <ng-template #itemTemplate let-item>\r\n        @if (item.$isLoading) {\r\n        <div fd-list-content style=\"width: 100%; height: 20px\">\r\n            <bsu-mask [size]=\"'s'\" [top]=\"'10px'\"></bsu-mask>\r\n        </div>\r\n        } @else {\r\n        <ng-container\r\n            *ngTemplateOutlet=\"item.$LoadMore ? loadMoreButton : showItem; context: { ulv: ulvAdapter || UlvUi }\"\r\n        >\r\n        </ng-container>\r\n        }\r\n        <ng-template #loadMoreButton let-ulv=\"ulv\">\r\n            @if (ulv) {\r\n            <bsu-ulv-paging\r\n                (click)=\"onPagingClick($event)\"\r\n                (pageChange)=\"onPageChange($event)\"\r\n                [pagingSetting]=\"ulv.Setting.Data.Paging\"\r\n            >\r\n            </bsu-ulv-paging>\r\n            }\r\n            <!-- <button\r\n        style=\"width: 100%\"\r\n        *ngIf=\"ulv && ulv.Setting.Data.Paging.Page + 1 < ulv.Setting.Data.Paging.TotalPages\"\r\n        fd-button\r\n        (click)=\"onPageChange2(ulv.Setting.Data.Paging, $event)\"\r\n        [label]=\"'More' | bbbTranslate\"\r\n      ></button> -->\r\n        </ng-template>\r\n        <ng-template #showItem>\r\n            @if (allColumns?.length && !item.isEmpty) { @if (!item.$__IsLast) {\r\n            <div class=\"moinfoulv devider\"></div>\r\n            } @if (item.$Icon) {\r\n            <span fd-list-thumbnail><fd-icon [glyph]=\"item.$Icon\"></fd-icon></span>\r\n            }\r\n            <div fd-list-content class=\"moinfoulv hasColumns\">\r\n                <div fd-list-title class=\"title\">{{ allColumns[0].Alias | rval: item:allColumns:true }}</div>\r\n                @if (allColumns[1]) {\r\n                <div fd-list-byline class=\"byline\">\r\n                    {{ allColumns[1].Alias | rval: item:allColumns:true }}\r\n                </div>\r\n                }\r\n                <div style=\"display: flex; column-gap: 8px; flex-wrap: wrap\">\r\n                    @for (column of allColumns; track column; let index = $index) { @if (index > 1) { @if (column.Alias\r\n                    | rval: item:allColumns:true; as value) {\r\n                    <span> {{ column.Alias }}:{{ value }}</span>\r\n                    } } }\r\n                </div>\r\n            </div>\r\n            } @else {\r\n            <span fd-list-title [class.list-empty-item]=\"item.isEmpty\"\r\n                >{{ item.isEmpty ? ('NoData' | bbbTranslate) : (item.$MoCaption || item.$Caption | bbbTranslate) }}\r\n            </span>\r\n            }\r\n        </ng-template>\r\n    </ng-template>\r\n</ng-template>\r\n", styles: [":host{display:block}.combo-mo-ulv{width:100%}.combo-mo-ulv ::ng-deep .fd-popover-custom{width:100%}.fd-input-group{min-width:fit-content}.simple-combo-wrapper{display:flex;align-items:center;position:relative}.simple-combo-wrapper ::ng-deep .combo-mo-ulv.showExtraButtons:not(.disableorreadonly) .fd-input-group{border-left:none;border-bottom-left-radius:unset;border-top-left-radius:unset}.combo-wrapper{display:flex;align-items:center;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:var(--sapField_BorderCornerRadius, .125rem)}::ng-deep .combo-popup-btn{border:none;background:transparent}::ng-deep .combo-popup-btn button{border-color:transparent!important;border:none}::ng-deep .fd-combobox-count-list-results{display:none}.extra-buttons{width:auto;border-right:none;border-left:none;margin:0}.extra-buttons>span{overflow:hidden}\n"] }]
         }], propDecorators: { ulvAdapter: [{
                 type: Input
             }], Control: [{